vue-data-ui 2.12.7-beta.0 → 2.12.7-beta.1

package/dist/{vue-ui-quadrant-B3wzCTxK.js → vue-ui-quadrant-CdM3bVZs.js}

@@ -1,12 +1,13 @@
-import { defineAsyncComponent as O, computed as g, ref as y, watch as Ee, shallowRef as Ue, onMounted as yt, onBeforeUnmount as bt, createElementBlock as n, openBlock as o, unref as i, normalizeStyle as q, normalizeClass as T, createBlock as R, createCommentVNode as h, createElementVNode as c, createVNode as ce, createSlots as ft, withCtx as m, renderSlot as x, normalizeProps as E, guardReactiveProps as U, Fragment as C, renderList as Y, toDisplayString as L, createTextVNode as pt, nextTick as gt } from "vue";
-import { u as mt, c as De, t as xt, p as he, a as $t, o as kt, e as D, b as Lt, d as wt, W as qt, i as V, f as P, X as _t, s as oe, w as Ct, Y as St, G as zt, q as Tt, r as Wt, x as Xt, y as Yt } from "./index-BiHmNd1-.js";
+import { defineAsyncComponent as B, computed as g, ref as y, watch as Ie, shallowRef as Ee, onMounted as yt, onBeforeUnmount as bt, createElementBlock as n, openBlock as o, unref as i, normalizeStyle as q, normalizeClass as T, createBlock as O, createCommentVNode as h, createElementVNode as c, createVNode as ce, createSlots as ft, withCtx as m, renderSlot as x, normalizeProps as E, guardReactiveProps as U, Fragment as C, renderList as Y, toDisplayString as L, createTextVNode as pt, nextTick as gt } from "vue";
+import { u as mt, c as Ue, t as xt, p as he, a as $t, o as kt, e as D, b as Lt, d as wt, W as qt, i as R, f as V, X as _t, s as oe, w as Ct, Y as St, G as zt, q as Tt, r as Wt, x as Xt, y as Yt } from "./index-BHEd2dgu.js";
 import { t as At, u as Mt } from "./useResponsive-JZ9xq-JV.js";
-import { u as Ge } from "./useNestedProp-tRqS0ZAM.js";
-import { u as Nt } from "./usePrinter-CRCbl1WG.js";
+import { u as De } from "./useNestedProp-CZztHZIm.js";
+import { u as Nt } from "./usePrinter-C8URL2IU.js";
 import { u as Ot } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Rt } from "./useChartAccessibility-9icAAmYg.js";
-import Vt from "./Title-B5qqUI3M.js";
-import Pt from "./Legend-DFunFf8i.js";
+import Vt from "./Title-Bc66VstS.js";
+import Pt from "./Legend-DtTYopxf.js";
+import Ge from "./Shape-B6kIkp2s.js";
 import { _ as Bt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Ft = ["id"], Ht = ["xmlns", "viewBox", "id"], It = ["x", "y", "width", "height"], Et = ["id"], Ut = ["stop-color"], Dt = ["stop-color"], Gt = { key: 1 }, Qt = ["fill", "x", "y", "height", "width", "stroke-width", "stroke", "rx"], Jt = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], jt = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Zt = { key: 2 }, Kt = ["points", "fill"], el = ["points", "fill"], tl = ["points", "fill"], ll = ["points", "fill"], al = { key: 3 }, ul = ["y", "fill", "font-size"], ol = ["x", "y", "fill", "font-size"], sl = ["x", "y", "fill", "font-size"], rl = ["y", "fill", "font-size"], nl = { key: 4 }, il = ["x", "y", "font-size", "fill"], vl = ["x", "y", "font-size", "fill"], dl = ["x", "y", "font-size", "fill"], cl = ["id", "font-size", "transform", "fill"], hl = ["id", "font-size", "transform", "fill"], yl = ["id", "font-size", "transform", "fill"], bl = { key: 5 }, fl = ["fill", "points"], pl = ["x", "y", "width", "height"], gl = ["x", "y", "width", "height"], ml = ["x", "y", "width", "height"], xl = ["x", "y", "width", "height"], $l = {
   key: 0,
@@ -40,28 +41,28 @@ const Ft = ["id"], Ht = ["xmlns", "viewBox", "id"], It = ["x", "y", "width", "he
   },
   emits: ["selectPlot", "selectSide", "selectLegend"],
   setup(Qe, { expose: Je, emit: je }) {
-    const Ze = O(() => import("./DataTable-Cv9CIz-a.js")), ye = O(() => import("./Shape-D3w9qas1.js")), Ke = O(() => import("./PenAndPaper-B9na2mbr.js")), et = O(() => import("./vue-ui-accordion-CmCs2yR2.js")), tt = O(() => import("./vue-ui-skeleton-CbYQYRvD.js")), lt = O(() => import("./Tooltip-C9rxJ-Ru.js")), at = O(() => import("./UserOptions-Ddy6CuLC.js")), ut = O(() => import("./PackageVersion-CLY-udAA.js")), { vue_ui_quadrant: ot } = mt(), W = Qe, K = g(() => !!W.dataset && W.dataset.length), z = y(De()), se = je, st = y(null), ee = y(!1), re = y(""), be = y(0), p = y(!1), G = y(null), fe = y(null), pe = y(null), ge = y(null), me = y(null), xe = y(0), $e = y(0), ke = y(0), t = g({
-      get: () => _e(),
+    const Ze = B(() => import("./DataTable-Y5HbiUZU.js")), Ke = B(() => import("./PenAndPaper-C-CpE0NC.js")), et = B(() => import("./vue-ui-accordion-DntThSTF.js")), tt = B(() => import("./vue-ui-skeleton-CG3Pn3Zg.js")), lt = B(() => import("./Tooltip-B07vY6jm.js")), at = B(() => import("./UserOptions-C8X2STEg.js")), ut = B(() => import("./PackageVersion-DaWGaZxE.js")), { vue_ui_quadrant: ot } = mt(), W = Qe, K = g(() => !!W.dataset && W.dataset.length), z = y(Ue()), se = je, st = y(null), ee = y(!1), re = y(""), ye = y(0), p = y(!1), G = y(null), be = y(null), fe = y(null), pe = y(null), ge = y(null), me = y(0), xe = y(0), $e = y(0), t = g({
+      get: () => qe(),
       set: (l) => l
-    }), { userOptionsVisible: ne, setUserOptionsVisibility: Le, keepUserOptionState: we } = Ot({ config: t.value }), { svgRef: qe } = Rt({ config: t.value.style.chart.title });
-    function _e() {
-      const l = Ge({
+    }), { userOptionsVisible: ne, setUserOptionsVisibility: ke, keepUserOptionState: Le } = Ot({ config: t.value }), { svgRef: we } = Rt({ config: t.value.style.chart.title });
+    function qe() {
+      const l = De({
         userConfig: W.config,
         defaultConfig: ot
       });
       return l.theme ? {
-        ...Ge({
+        ...De({
           userConfig: $t.vue_ui_quadrant[l.theme] || W.config,
           defaultConfig: l
         }),
         customPalette: xt[l.theme] || he
       } : l;
     }
-    Ee(() => W.config, (l) => {
-      t.value = _e(), ne.value = !t.value.userOptions.showOnChartHover, Ce(), xe.value += 1, $e.value += 1, ke.value += 1, $.value.plotLabels.show = t.value.style.chart.layout.labels.plotLabels.show, $.value.showTable = t.value.table.show, $.value.showTooltip = t.value.style.chart.tooltip.show;
+    Ie(() => W.config, (l) => {
+      t.value = qe(), ne.value = !t.value.userOptions.showOnChartHover, _e(), me.value += 1, xe.value += 1, $e.value += 1, $.value.plotLabels.show = t.value.style.chart.layout.labels.plotLabels.show, $.value.showTable = t.value.table.show, $.value.showTooltip = t.value.style.chart.tooltip.show;
     }, { deep: !0 });
-    const A = Ue(null), F = Ue(null);
-    function Ce() {
+    const A = Ee(null), F = Ee(null);
+    function _e() {
       if (kt(W.dataset) ? D({
         componentName: "VueUiQuadrant",
         type: "dataset"
@@ -89,10 +90,10 @@ const Ft = ["id"], Ht = ["xmlns", "viewBox", "id"], It = ["x", "y", "width", "he
         const l = At(() => {
           const { width: u, height: a } = Mt({
             chart: G.value,
-            title: t.value.style.chart.title.text ? fe.value : null,
-            legend: t.value.style.chart.legend.show ? pe.value : null,
-            source: ge.value,
-            noTitle: me.value
+            title: t.value.style.chart.title.text ? be.value : null,
+            legend: t.value.style.chart.legend.show ? fe.value : null,
+            source: pe.value,
+            noTitle: ge.value
           });
           k.value = 48, requestAnimationFrame(() => {
             e.value.height = a, e.value.usableHeight = a - k.value * 2, e.value.width = u, e.value.usableWidth = u - k.value * 2, e.value.top = k.value, e.value.left = k.value, e.value.right = u - k.value, e.value.bottom = a - k.value, e.value.centerX = u / 2, e.value.centerY = a - a / 2, e.value.padding = k.value;
@@ -102,15 +103,15 @@ const Ft = ["id"], Ht = ["xmlns", "viewBox", "id"], It = ["x", "y", "width", "he
       }
     }
     yt(() => {
-      Ce();
+      _e();
     }), bt(() => {
       A.value && (F.value && A.value.unobserve(F.value), A.value.disconnect());
     });
-    const { isPrinting: Se, isImaging: ze, generatePdf: Te, generateImage: We } = Nt({
+    const { isPrinting: Ce, isImaging: Se, generatePdf: ze, generateImage: Te } = Nt({
       elementId: `vue-ui-quadrant_${z.value}`,
       fileName: t.value.style.chart.title.text || "vue-ui-quadrant",
       options: t.value.userOptions.print
-    }), rt = g(() => t.value.userOptions.show && !t.value.style.chart.title.text), Xe = g(() => Lt(t.value.customPalette)), $ = y({
+    }), rt = g(() => t.value.userOptions.show && !t.value.style.chart.title.text), We = g(() => Lt(t.value.customPalette)), $ = y({
       plotLabels: {
         show: t.value.style.chart.layout.labels.plotLabels.show
       },
@@ -133,14 +134,14 @@ const Ft = ["id"], Ht = ["xmlns", "viewBox", "id"], It = ["x", "y", "width", "he
       startX: 0,
       startY: 0
     });
-    Ee(() => e.value, (l) => {
+    Ie(() => e.value, (l) => {
       l && (v.value = {
         ...JSON.parse(JSON.stringify(e.value)),
         startX: 0,
         startY: 0
       });
     }, { deep: !0 });
-    const d = y(null), B = g(() => {
+    const d = y(null), P = g(() => {
       switch (d.value) {
         case "TL":
           return {
@@ -191,10 +192,10 @@ const Ft = ["id"], Ht = ["xmlns", "viewBox", "id"], It = ["x", "y", "width", "he
         h: s - v.value.height
       }, f = t.value.zoomAnimationFrames;
       let X = 0;
-      function Ie() {
-        te.value = !0, v.value.startX += b.x / f, v.value.startY += b.y / f, v.value.width += b.w / f, v.value.height += b.h / f, X += 1, X < f ? nt.value = requestAnimationFrame(Ie) : te.value = !1;
+      function He() {
+        te.value = !0, v.value.startX += b.x / f, v.value.startY += b.y / f, v.value.width += b.w / f, v.value.height += b.h / f, X += 1, X < f ? nt.value = requestAnimationFrame(He) : te.value = !1;
       }
-      Ie();
+      He();
     }
     function M(l) {
       if (!te.value)
@@ -280,17 +281,17 @@ const Ft = ["id"], Ht = ["xmlns", "viewBox", "id"], It = ["x", "y", "width", "he
         threshold: t.value.downsample.threshold
       }),
       id: `cat_${u}_${z.value}`,
-      color: wt(l.color) || Xe.value[u] || he[u]
+      color: wt(l.color) || We.value[u] || he[u]
     }))), vt = g(() => H.value.filter((l) => !N.value.includes(l.id))), dt = g(() => H.value.map((l, u) => ({
       ...l,
       shape: l.shape || "circle",
       series: l.series.map((a) => ({
         ...a,
-        x: Ye(a.x),
-        y: Ae(a.y),
+        x: Xe(a.x),
+        y: Ye(a.y),
         xValue: a.x,
         yValue: a.y,
-        quadrantSide: Ne({ x: a.x, y: a.y }),
+        quadrantSide: Me({ x: a.x, y: a.y }),
         categoryName: l.name,
         shape: l.shape,
         color: l.color
@@ -314,21 +315,21 @@ const Ft = ["id"], Ht = ["xmlns", "viewBox", "id"], It = ["x", "y", "width", "he
     }), vt.value.map((l, u) => ({
       ...l,
       shape: l.shape || "circle",
-      color: l.color || Xe.value[u] || he[u],
+      color: l.color || We.value[u] || he[u],
       series: l.series.map((a) => ({
         ...a,
-        x: Ye(a.x),
-        y: Ae(a.y),
+        x: Xe(a.x),
+        y: Ye(a.y),
         xValue: a.x,
         yValue: a.y,
-        quadrantSide: Ne({ x: a.x, y: a.y }),
+        quadrantSide: Me({ x: a.x, y: a.y }),
         categoryName: l.name,
         shape: l.shape,
         color: l.color,
-        uid: De()
+        uid: Ue()
       }))
     }))));
-    function Ye(l) {
+    function Xe(l) {
       if (l >= 0) {
         const u = l / _.value.x.max;
         return e.value.centerX + e.value.usableWidth / 2 * u;
@@ -337,7 +338,7 @@ const Ft = ["id"], Ht = ["xmlns", "viewBox", "id"], It = ["x", "y", "width", "he
         return e.value.centerX - e.value.usableWidth / 2 * u;
       }
     }
-    function Ae(l) {
+    function Ye(l) {
       if (l >= 0) {
         const u = l / _.value.y.max;
         return e.value.centerY + (1 - e.value.usableHeight / 2 * u);
@@ -369,18 +370,18 @@ const Ft = ["id"], Ht = ["xmlns", "viewBox", "id"], It = ["x", "y", "width", "he
           name: s.category
         },
         s.name,
-        V(
+        R(
           t.value.style.chart.layout.labels.plotLabels.x.formatter,
           s.x,
-          P({
+          V({
             v: s.x,
             r: t.value.style.chart.layout.labels.plotLabels.rounding
           })
         ),
-        V(
+        R(
           t.value.style.chart.layout.labels.plotLabels.y.formatter,
           s.y,
-          P({
+          V({
             v: s.y,
             r: t.value.style.chart.layout.labels.plotLabels.rounding
           })
@@ -403,10 +404,10 @@ const Ft = ["id"], Ht = ["xmlns", "viewBox", "id"], It = ["x", "y", "width", "he
     });
     function ie(l) {
       N.value.includes(l) ? N.value = N.value.filter((a) => a !== l) : N.value.push(l);
-      const u = Ve();
+      const u = Re();
       se("selectLegend", u);
     }
-    const Me = g(() => dt.value.map((l) => ({
+    const Ae = g(() => dt.value.map((l) => ({
       name: l.name,
       shape: l.shape,
       color: l.color,
@@ -422,7 +423,7 @@ const Ft = ["id"], Ht = ["xmlns", "viewBox", "id"], It = ["x", "y", "width", "he
       paddingBottom: 12,
       fontWeight: t.value.style.chart.legend.bold ? "bold" : ""
     }));
-    function Ne(l) {
+    function Me(l) {
       switch (!0) {
         case (l.x >= 0 && l.y >= 0):
           return "tr";
@@ -437,7 +438,7 @@ const Ft = ["id"], Ht = ["xmlns", "viewBox", "id"], It = ["x", "y", "width", "he
       }
     }
     const J = y(null), j = y(null), ve = y(null);
-    function Oe(l, u, a) {
+    function Ne(l, u, a) {
       J.value = u.uid, j.value = {
         color: l.color,
         shape: l.shape
@@ -462,18 +463,18 @@ const Ft = ["id"], Ht = ["xmlns", "viewBox", "id"], It = ["x", "y", "width", "he
         });
       else {
         let r = "";
-        u.quadrantSide && (r += `<div style="color:${t.value.style.chart.layout.labels.quadrantLabels[u.quadrantSide].color};font-weight:${t.value.style.chart.layout.labels.quadrantLabels[u.quadrantSide].bold ? "bold" : "400"}">${t.value.style.chart.layout.labels.quadrantLabels[u.quadrantSide].text}</div>`), r += `<div>${l.name}</div>`, r += `<div style="padding-bottom:6px;border-bottom:1px solid ${t.value.style.chart.tooltip.borderColor};margin-bottom:3px">${u.name}</div>`, r += `<div>${t.value.style.chart.layout.grid.xAxis.name ? t.value.style.chart.layout.grid.xAxis.name : "x"}: <b>${V(
+        u.quadrantSide && (r += `<div style="color:${t.value.style.chart.layout.labels.quadrantLabels[u.quadrantSide].color};font-weight:${t.value.style.chart.layout.labels.quadrantLabels[u.quadrantSide].bold ? "bold" : "400"}">${t.value.style.chart.layout.labels.quadrantLabels[u.quadrantSide].text}</div>`), r += `<div>${l.name}</div>`, r += `<div style="padding-bottom:6px;border-bottom:1px solid ${t.value.style.chart.tooltip.borderColor};margin-bottom:3px">${u.name}</div>`, r += `<div>${t.value.style.chart.layout.grid.xAxis.name ? t.value.style.chart.layout.grid.xAxis.name : "x"}: <b>${R(
           t.value.style.chart.layout.labels.plotLabels.x.formatter,
           u.xValue,
-          P({
+          V({
             v: u.xValue,
             r: t.value.style.chart.tooltip.roundingValue
           }),
           { datapoint: u, category: l, categoryIndex: a }
-        )}</b></div>`, r += `<div>${t.value.style.chart.layout.grid.yAxis.name ? t.value.style.chart.layout.grid.yAxis.name : "y"}: <b>${V(
+        )}</b></div>`, r += `<div>${t.value.style.chart.layout.grid.yAxis.name ? t.value.style.chart.layout.grid.yAxis.name : "y"}: <b>${R(
           t.value.style.chart.layout.labels.plotLabels.y.formatter,
           u.yValue,
-          P({
+          V({
             v: u.yValue,
             r: t.value.style.chart.tooltip.roundingValue
           }),
@@ -481,7 +482,7 @@ const Ft = ["id"], Ht = ["xmlns", "viewBox", "id"], It = ["x", "y", "width", "he
         )}</b></div>`, re.value = `<div style="text-align:left;font-size:${t.value.style.chart.tooltip.fontSize}px">${r}</div>`;
       }
     }
-    function Re(l, u) {
+    function Oe(l, u) {
       const a = {
         category: l.name,
         shape: l.shape,
@@ -613,7 +614,7 @@ const Ft = ["id"], Ht = ["xmlns", "viewBox", "id"], It = ["x", "y", "width", "he
         }
       }
     }));
-    function Ve() {
+    function Re() {
       return S.value.map((l) => ({
         color: l.color,
         name: l.name,
@@ -627,7 +628,7 @@ const Ft = ["id"], Ht = ["xmlns", "viewBox", "id"], It = ["x", "y", "width", "he
         }))
       }));
     }
-    function Pe() {
+    function Ve() {
       gt(() => {
         const l = [[t.value.style.chart.title.text], [t.value.style.chart.title.subtitle.text], [""]], u = le.value.head, a = le.value.body, s = l.concat([u]).concat(a), r = Tt(s);
         Wt({ csvContent: r, title: t.value.style.chart.title.text || "vue-ui-quadrant" });
@@ -635,15 +636,15 @@ const Ft = ["id"], Ht = ["xmlns", "viewBox", "id"], It = ["x", "y", "width", "he
     }
     const I = y(!1);
     function ht(l) {
-      I.value = l, be.value += 1;
+      I.value = l, ye.value += 1;
     }
-    function Be() {
+    function Pe() {
       $.value.showTable = !$.value.showTable;
     }
-    function Fe() {
+    function Be() {
       $.value.plotLabels.show = !$.value.plotLabels.show;
     }
-    function He() {
+    function Fe() {
       $.value.showTooltip = !$.value.showTooltip;
     }
     const ue = y(!1);
@@ -651,13 +652,13 @@ const Ft = ["id"], Ht = ["xmlns", "viewBox", "id"], It = ["x", "y", "width", "he
       ue.value = !ue.value;
     }
     return Je({
-      getData: Ve,
-      generatePdf: Te,
-      generateCsv: Pe,
-      generateImage: We,
-      toggleTable: Be,
-      toggleLabels: Fe,
-      toggleTooltip: He,
+      getData: Re,
+      generatePdf: ze,
+      generateCsv: Ve,
+      generateImage: Te,
+      toggleTable: Pe,
+      toggleLabels: Be,
+      toggleTooltip: Fe,
       toggleAnnotator: de
     }), (l, u) => (o(), n("div", {
       class: T(`vue-ui-quadrant ${I.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${t.value.useCssAnimation ? "" : "vue-ui-dna"}`),
@@ -665,12 +666,12 @@ const Ft = ["id"], Ht = ["xmlns", "viewBox", "id"], It = ["x", "y", "width", "he
       ref: G,
       id: `vue-ui-quadrant_${z.value}`,
       style: q(`font-family:${t.value.style.fontFamily};width:100%; text-align:center;background:${t.value.style.chart.backgroundColor};${t.value.responsive ? "height: 100%" : ""}`),
-      onMouseenter: u[16] || (u[16] = () => i(Le)(!0)),
-      onMouseleave: u[17] || (u[17] = () => i(Le)(!1))
+      onMouseenter: u[16] || (u[16] = () => i(ke)(!0)),
+      onMouseleave: u[17] || (u[17] = () => i(ke)(!1))
     }, [
-      t.value.userOptions.buttons.annotator ? (o(), R(i(Ke), {
+      t.value.userOptions.buttons.annotator ? (o(), O(i(Ke), {
         key: 0,
-        svgRef: i(qe),
+        svgRef: i(we),
         backgroundColor: t.value.style.chart.backgroundColor,
         color: t.value.style.chart.color,
         active: ue.value,
@@ -679,18 +680,18 @@ const Ft = ["id"], Ht = ["xmlns", "viewBox", "id"], It = ["x", "y", "width", "he
       rt.value ? (o(), n("div", {
         key: 1,
         ref_key: "noTitle",
-        ref: me,
+        ref: ge,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : h("", !0),
       t.value.style.chart.title.text ? (o(), n("div", {
         key: 2,
         ref_key: "chartTitle",
-        ref: fe,
+        ref: be,
         style: "width:100%;background:transparent;padding-bottom:12px"
       }, [
-        (o(), R(Vt, {
-          key: `table_${xe.value}`,
+        (o(), O(Vt, {
+          key: `table_${me.value}`,
           config: {
             title: {
               cy: "quadrant-title",
@@ -703,14 +704,14 @@ const Ft = ["id"], Ht = ["xmlns", "viewBox", "id"], It = ["x", "y", "width", "he
           }
         }, null, 8, ["config"]))
       ], 512)) : h("", !0),
-      t.value.userOptions.show && K.value && (i(we) || i(ne)) ? (o(), R(i(at), {
+      t.value.userOptions.show && K.value && (i(Le) || i(ne)) ? (o(), O(i(at), {
         ref_key: "details",
         ref: st,
-        key: `user_options_${be.value}`,
+        key: `user_options_${ye.value}`,
         backgroundColor: t.value.style.chart.backgroundColor,
         color: t.value.style.chart.color,
-        isImaging: i(ze),
-        isPrinting: i(Se),
+        isImaging: i(Se),
+        isPrinting: i(Ce),
         uid: z.value,
         hasTooltip: t.value.userOptions.buttons.tooltip && t.value.style.chart.tooltip.show,
         hasPdf: t.value.userOptions.buttons.pdf,
@@ -727,15 +728,15 @@ const Ft = ["id"], Ht = ["xmlns", "viewBox", "id"], It = ["x", "y", "width", "he
         hasAnnotator: t.value.userOptions.buttons.annotator,
         isAnnotation: ue.value,
         onToggleFullscreen: ht,
-        onGeneratePdf: i(Te),
-        onGenerateCsv: Pe,
-        onGenerateImage: i(We),
-        onToggleTable: Be,
-        onToggleLabels: Fe,
-        onToggleTooltip: He,
+        onGeneratePdf: i(ze),
+        onGenerateCsv: Ve,
+        onGenerateImage: i(Te),
+        onToggleTable: Pe,
+        onToggleLabels: Be,
+        onToggleTooltip: Fe,
         onToggleAnnotator: de,
         style: q({
-          visibility: i(we) ? i(ne) ? "visible" : "hidden" : "visible"
+          visibility: i(Le) ? i(ne) ? "visible" : "hidden" : "visible"
         })
       }, ft({ _: 2 }, [
         l.$slots.menuIcon ? {
@@ -805,7 +806,7 @@ const Ft = ["id"], Ht = ["xmlns", "viewBox", "id"], It = ["x", "y", "width", "he
       K.value ? (o(), n("svg", {
         key: 4,
         ref_key: "svgRef",
-        ref: qe,
+        ref: we,
         xmlns: i(_t),
         class: T({ "vue-data-ui-fullscreen--on": I.value, "vue-data-ui-fulscreen--off": !I.value }),
         viewBox: `${v.value.startX} ${v.value.startY} ${v.value.width} ${v.value.height}`,
@@ -943,10 +944,10 @@ const Ft = ["id"], Ht = ["xmlns", "viewBox", "id"], It = ["x", "y", "width", "he
             "text-anchor": "middle",
             "font-size": t.value.style.chart.layout.labels.axisLabels.fontSize,
             fill: t.value.style.chart.layout.labels.axisLabels.color.positive
-          }, L(i(V)(
+          }, L(i(R)(
             t.value.style.chart.layout.labels.plotLabels.y.formatter,
             _.value.y.max,
-            i(P)({
+            i(V)({
               v: _.value.y.max,
               r: t.value.style.chart.layout.labels.plotLabels.rounding
             })
@@ -964,10 +965,10 @@ const Ft = ["id"], Ht = ["xmlns", "viewBox", "id"], It = ["x", "y", "width", "he
             "text-anchor": "middle",
             "font-size": t.value.style.chart.layout.labels.axisLabels.fontSize,
             fill: t.value.style.chart.layout.labels.axisLabels.color.negative
-          }, L(i(V)(
+          }, L(i(R)(
             t.value.style.chart.layout.labels.plotLabels.y.formatter,
             _.value.y.min,
-            i(P)({
+            i(V)({
               v: _.value.y.min,
               r: t.value.style.chart.layout.labels.plotLabels.rounding
             })
@@ -978,10 +979,10 @@ const Ft = ["id"], Ht = ["xmlns", "viewBox", "id"], It = ["x", "y", "width", "he
             "font-size": t.value.style.chart.layout.labels.axisLabels.fontSize,
             transform: `translate(${e.value.padding - t.value.style.chart.layout.labels.axisLabels.fontSize}, ${e.value.height / 2}), rotate(-90)`,
             fill: t.value.style.chart.layout.labels.axisLabels.color.negative
-          }, L(i(V)(
+          }, L(i(R)(
             t.value.style.chart.layout.labels.plotLabels.x.formatter,
             _.value.x.min,
-            i(P)({
+            i(V)({
               v: _.value.x.min,
               r: t.value.style.chart.layout.labels.plotLabels.rounding
             })
@@ -992,10 +993,10 @@ const Ft = ["id"], Ht = ["xmlns", "viewBox", "id"], It = ["x", "y", "width", "he
             "font-size": t.value.style.chart.layout.labels.axisLabels.fontSize,
             transform: `translate(${e.value.width - e.value.padding + t.value.style.chart.layout.labels.axisLabels.fontSize}, ${e.value.height / 2}), rotate(90)`,
             fill: t.value.style.chart.layout.labels.axisLabels.color.positive
-          }, L(i(V)(
+          }, L(i(R)(
             t.value.style.chart.layout.labels.plotLabels.x.formatter,
             _.value.x.max,
-            i(P)({
+            i(V)({
               v: _.value.x.max,
               r: t.value.style.chart.layout.labels.plotLabels.rounding
             })
@@ -1065,11 +1066,11 @@ const Ft = ["id"], Ht = ["xmlns", "viewBox", "id"], It = ["x", "y", "width", "he
                 width: "100",
                 x: r.x - 50,
                 y: r.y - t.value.style.chart.layout.labels.plotLabels.fontSize,
-                onMouseover: (b) => Oe(a, r, s),
+                onMouseover: (b) => Ne(a, r, s),
                 onMouseleave: u[9] || (u[9] = (b) => {
                   ee.value = !1, J.value = null, j.value = null;
                 }),
-                onClick: (b) => Re(a, r)
+                onClick: (b) => Oe(a, r)
               }, [
                 c("div", {
                   style: q(`color:${i(zt)(a.color)};margin: 0 auto; font-size:${t.value.style.chart.layout.labels.plotLabels.fontSize}px; text-align:center;background:${a.color}; padding: 2px 4px; border-radius: 12px; height: ${t.value.style.chart.layout.labels.plotLabels.fontSize * 1.5}px`)
@@ -1079,7 +1080,7 @@ const Ft = ["id"], Ht = ["xmlns", "viewBox", "id"], It = ["x", "y", "width", "he
           ])) : h("", !0)
         ], 64)) : (o(), n(C, { key: 6 }, [
           (o(!0), n(C, null, Y(S.value, (a, s) => (o(), n("g", null, [
-            (o(!0), n(C, null, Y(a.series, (r) => (o(), R(i(ye), {
+            (o(!0), n(C, null, Y(a.series, (r) => (o(), O(Ge, {
               color: a.color,
               isSelected: J.value && r.uid === J.value,
               plot: r,
@@ -1087,11 +1088,11 @@ const Ft = ["id"], Ht = ["xmlns", "viewBox", "id"], It = ["x", "y", "width", "he
               shape: a.shape,
               stroke: t.value.style.chart.layout.plots.outline ? t.value.style.chart.layout.plots.outlineColor : "none",
               strokeWidth: t.value.style.chart.layout.plots.outlineWidth,
-              onMouseenter: (b) => Oe(a, r, s),
+              onMouseenter: (b) => Ne(a, r, s),
               onMouseleave: u[8] || (u[8] = (b) => {
                 ee.value = !1, J.value = null, j.value = null;
               }),
-              onClick: (b) => Re(a, r)
+              onClick: (b) => Oe(a, r)
             }, null, 8, ["color", "isSelected", "plot", "radius", "shape", "stroke", "strokeWidth", "onMouseenter", "onClick"]))), 256))
           ]))), 256)),
           $.value.plotLabels.show ? (o(), n("g", $l, [
@@ -1134,13 +1135,13 @@ const Ft = ["id"], Ht = ["xmlns", "viewBox", "id"], It = ["x", "y", "width", "he
         ])) : h("", !0),
         d.value && !te.value ? (o(), n("g", Tl, [
           c("text", {
-            x: B.value.x,
-            y: B.value.y - B.value.fontSize / 1.5,
-            "font-size": B.value.fontSize / 1.5,
-            fill: B.value.fill,
+            x: P.value.x,
+            y: P.value.y - P.value.fontSize / 1.5,
+            "font-size": P.value.fontSize / 1.5,
+            fill: P.value.fill,
             "text-anchor": "middle",
-            "font-weight": B.value.bold ? "bold" : "normal"
-          }, L(B.value.text), 9, Wl)
+            "font-weight": P.value.bold ? "bold" : "normal"
+          }, L(P.value.text), 9, Wl)
         ])) : h("", !0),
         p.value && d.value ? (o(), n("g", Xl, [
           c("rect", {
@@ -1199,9 +1200,9 @@ const Ft = ["id"], Ht = ["xmlns", "viewBox", "id"], It = ["x", "y", "width", "he
         x(l.$slots, "svg", { svg: e.value }, void 0, !0)
       ], 14, Ht)) : h("", !0),
       l.$slots.watermark ? (o(), n("div", Vl, [
-        x(l.$slots, "watermark", E(U({ isPrinting: i(Se) || i(ze) })), void 0, !0)
+        x(l.$slots, "watermark", E(U({ isPrinting: i(Ce) || i(Se) })), void 0, !0)
       ])) : h("", !0),
-      K.value ? h("", !0) : (o(), R(i(tt), {
+      K.value ? h("", !0) : (o(), O(i(tt), {
         key: 6,
         config: {
           type: "quadrant",
@@ -1221,11 +1222,11 @@ const Ft = ["id"], Ht = ["xmlns", "viewBox", "id"], It = ["x", "y", "width", "he
       }, null, 8, ["config"])),
       c("div", {
         ref_key: "chartLegend",
-        ref: pe
+        ref: fe
       }, [
-        t.value.style.chart.legend.show ? (o(), R(Pt, {
-          key: `legend_${ke.value}`,
-          legendSet: Me.value,
+        t.value.style.chart.legend.show ? (o(), O(Pt, {
+          key: `legend_${$e.value}`,
+          legendSet: Ae.value,
           config: ct.value,
           onClickMarker: u[14] || (u[14] = ({ legend: a }) => ie(a.id))
         }, {
@@ -1238,13 +1239,13 @@ const Ft = ["id"], Ht = ["xmlns", "viewBox", "id"], It = ["x", "y", "width", "he
           _: 1
         }, 8, ["legendSet", "config"])) : x(l.$slots, "legend", {
           key: 1,
-          legend: Me.value
+          legend: Ae.value
         }, void 0, !0)
       ], 512),
       l.$slots.source ? (o(), n("div", {
         key: 7,
         ref_key: "source",
-        ref: ge,
+        ref: pe,
         dir: "auto"
       }, [
         x(l.$slots, "source", {}, void 0, !0)
@@ -1273,7 +1274,7 @@ const Ft = ["id"], Ht = ["xmlns", "viewBox", "id"], It = ["x", "y", "width", "he
         ]),
         default: m(() => [
           t.value.style.chart.tooltip.showShape ? (o(), n("svg", Bl, [
-            ce(i(ye), {
+            ce(Ge, {
               plot: { x: 10, y: 10 },
               shape: j.value.shape,
               color: j.value.color,
@@ -1285,7 +1286,7 @@ const Ft = ["id"], Ht = ["xmlns", "viewBox", "id"], It = ["x", "y", "width", "he
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"]),
-      K.value ? (o(), R(i(et), {
+      K.value ? (o(), O(i(et), {
         key: 8,
         hideDetails: "",
         config: {
@@ -1302,8 +1303,8 @@ const Ft = ["id"], Ht = ["xmlns", "viewBox", "id"], It = ["x", "y", "width", "he
         }
       }, {
         content: m(() => [
-          (o(), R(i(Ze), {
-            key: `table_${$e.value}`,
+          (o(), O(i(Ze), {
+            key: `table_${xe.value}`,
             colNames: ae.value.colNames,
             head: ae.value.head,
             body: ae.value.body,
@@ -1326,7 +1327,7 @@ const Ft = ["id"], Ht = ["xmlns", "viewBox", "id"], It = ["x", "y", "width", "he
       }, 8, ["config"])) : h("", !0)
     ], 46, Ft));
   }
-}, ea = /* @__PURE__ */ Bt(Hl, [["__scopeId", "data-v-e6899631"]]);
+}, ta = /* @__PURE__ */ Bt(Hl, [["__scopeId", "data-v-4b9d5e51"]]);
 export {
-  ea as default
+  ta as default
 };

package/dist/{vue-ui-quick-chart-oucj6hXk.js → vue-ui-quick-chart-C-lgCI6O.js}

@@ -1,10 +1,10 @@
 import { defineAsyncComponent as de, ref as L, computed as U, watch as De, shallowRef as ct, onMounted as Et, onBeforeUnmount as Pt, nextTick as Re, createElementBlock as l, openBlock as a, normalizeStyle as R, normalizeClass as ce, createBlock as Me, createCommentVNode as g, createVNode as he, unref as f, createSlots as Ot, withCtx as G, renderSlot as M, normalizeProps as oe, guardReactiveProps as ne, toDisplayString as P, createElementVNode as _, Fragment as m, renderList as $, mergeProps as Ve } from "vue";
-import { u as Tt, c as Rt, t as Mt, p as q, a as Nt, C as ht, b as Ft, H as Ut, e as Bt, d as qe, m as Dt, D as ft, X as Vt, j as qt, k as He, n as _e, i as X, f as D, U as gt, v as Z, x as Ne, y as We } from "./index-BiHmNd1-.js";
+import { u as Tt, c as Rt, t as Mt, p as q, a as Nt, C as ht, b as Ft, H as Ut, e as Bt, d as qe, m as Dt, D as ft, X as Vt, j as qt, k as He, n as _e, i as X, f as D, U as gt, v as Z, x as Ne, y as We } from "./index-BHEd2dgu.js";
 import { t as Ht, u as Wt } from "./useResponsive-JZ9xq-JV.js";
-import { u as mt } from "./useNestedProp-tRqS0ZAM.js";
-import { u as jt } from "./usePrinter-CRCbl1WG.js";
+import { u as mt } from "./useNestedProp-CZztHZIm.js";
+import { u as jt } from "./usePrinter-C8URL2IU.js";
 import { u as Gt } from "./useChartAccessibility-9icAAmYg.js";
-import { S as Xt } from "./Slicer-ncY8krrM.js";
+import { S as Xt } from "./Slicer-DXpA-pZk.js";
 import { _ as Zt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const A = {
   LINE: "LINE",
@@ -151,7 +151,7 @@ const aa = ["id"], la = ["xmlns", "viewBox"], oa = ["x", "y", "width", "height"]
   },
   emits: ["selectDatapoint", "selectLegend"],
   setup(c, { expose: C, emit: y }) {
-    const O = de(() => import("./BaseIcon-CZdMutjs.js")), H = de(() => import("./PackageVersion-CLY-udAA.js")), fe = de(() => import("./PenAndPaper-B9na2mbr.js")), ge = de(() => import("./vue-ui-skeleton-CbYQYRvD.js")), me = de(() => import("./Tooltip-C9rxJ-Ru.js")), Le = de(() => import("./UserOptions-Ddy6CuLC.js")), { vue_ui_quick_chart: N } = Tt(), B = c, pe = L(null), je = L(null), Ge = L(null), Xe = L(null), J = L(Rt()), K = L(!1), ye = L(null), ee = L(""), W = L(null), Ze = L(null), Ye = L(null), w = L([]), Je = L(0), $e = L(0), e = U({
+    const O = de(() => import("./BaseIcon-DhWmrDAn.js")), H = de(() => import("./PackageVersion-DaWGaZxE.js")), fe = de(() => import("./PenAndPaper-C-CpE0NC.js")), ge = de(() => import("./vue-ui-skeleton-CG3Pn3Zg.js")), me = de(() => import("./Tooltip-B07vY6jm.js")), Le = de(() => import("./UserOptions-C8X2STEg.js")), { vue_ui_quick_chart: N } = Tt(), B = c, pe = L(null), je = L(null), Ge = L(null), Xe = L(null), J = L(Rt()), K = L(!1), ye = L(null), ee = L(""), W = L(null), Ze = L(null), Ye = L(null), w = L([]), Je = L(0), $e = L(0), e = U({
       get: () => tt(),
       set: (o) => o
     }), { svgRef: Qe } = Gt({ config: { text: e.value.title } }), bt = U(() => e.value.showUserOptionsOnChartHover), Ke = U(() => e.value.keepUserOptionsStateOnChartLeave), Ce = L(!e.value.showUserOptionsOnChartHover);