vue-data-ui 3.0.0-next.6 → 3.0.0-next.60

package/dist/{vue-ui-quadrant-DTyRC1_v.js → vue-ui-quadrant-D1dgOAp2.js}

@@ -1,14 +1,14 @@
-import { defineAsyncComponent as F, computed as g, ref as y, watch as Ee, shallowRef as Ue, onMounted as bt, onBeforeUnmount as ft, createElementBlock as n, openBlock as s, unref as i, normalizeStyle as q, normalizeClass as T, createBlock as R, createCommentVNode as h, createElementVNode as d, createVNode as de, createSlots as pt, withCtx as m, renderSlot as x, normalizeProps as U, guardReactiveProps as D, Fragment as S, renderList as Y, toDisplayString as L, createTextVNode as gt, nextTick as mt } from "vue";
-import { u as xt, c as De, t as $t, p as he, a as kt, o as Lt, e as G, b as wt, d as qt, Y as _t, i as V, f as B, X as St, s as oe, w as Ct, Z as zt, I as Tt, F as Xt, q as Wt, r as Yt, x as At, y as Mt } from "./index-BQcLOx39.js";
+import { defineAsyncComponent as P, computed as g, ref as y, watch as Ee, shallowRef as Ue, onMounted as bt, onBeforeUnmount as ft, createElementBlock as n, openBlock as s, unref as i, normalizeStyle as q, normalizeClass as T, createBlock as R, createCommentVNode as h, createElementVNode as d, createVNode as de, createSlots as pt, withCtx as m, renderSlot as x, normalizeProps as U, guardReactiveProps as D, Fragment as S, renderList as Y, toDisplayString as L, createTextVNode as gt, nextTick as mt } from "vue";
+import { u as xt, c as De, a as $t, p as he, b as kt, o as Lt, f as G, d as wt, e as qt, Y as _t, k as F, i as V, X as St, s as oe, x as Ct, Z as zt, I as Tt, F as Xt, v as Wt, w as Yt, y as At, z as Mt } from "./index-BLtc1AIS.js";
 import { t as Nt, u as Ot } from "./useResponsive-DfdjqQps.js";
-import { u as Ge } from "./useNestedProp-DefBVltl.js";
-import { u as Rt } from "./usePrinter-BRY5saEA.js";
-import { u as Vt } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Bt } from "./useChartAccessibility-9icAAmYg.js";
-import Pt from "./Title-Cednydse.js";
-import Ft from "./Legend-BSLj7tYc.js";
-import { _ as Qe } from "./Shape-DK7zYTKa.js";
-import Ht from "./img-DqlIAUF6.js";
+import { u as Ge } from "./useNestedProp-DExlTpuj.js";
+import { u as Rt } from "./usePrinter-fqbzwh0l.js";
+import { u as Ft } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as Vt } from "./useChartAccessibility-9icAAmYg.js";
+import Bt from "./Title-DEKAfzRX.js";
+import Pt from "./Legend-VD0VB7l7.js";
+import { _ as Qe } from "./Shape-DDSX29LV.js";
+import Ht from "./img-ChLGv8nO.js";
 import { _ as It } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "height"], Gt = ["id"], Qt = ["stop-color"], Jt = ["stop-color"], jt = { key: 1 }, Zt = ["fill", "x", "y", "height", "width", "stroke-width", "stroke", "rx"], Kt = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], el = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], tl = { key: 2 }, ll = ["points", "fill"], al = ["points", "fill"], ul = ["points", "fill"], ol = ["points", "fill"], sl = { key: 3 }, rl = ["y", "fill", "font-size"], nl = ["x", "y", "fill", "font-size"], il = ["x", "y", "fill", "font-size"], vl = ["y", "fill", "font-size"], cl = { key: 4 }, dl = ["x", "y", "font-size", "fill"], hl = ["x", "y", "font-size", "fill"], yl = ["x", "y", "font-size", "fill"], bl = ["id", "font-size", "transform", "fill"], fl = ["id", "font-size", "transform", "fill"], pl = ["id", "font-size", "transform", "fill"], gl = { key: 5 }, ml = ["fill", "points"], xl = ["x", "y", "width", "height"], $l = ["x", "y", "width", "height"], kl = ["x", "y", "width", "height"], Ll = ["x", "y", "width", "height"], wl = {
   key: 0,
@@ -16,7 +16,7 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
 }, ql = ["x", "y", "font-size", "fill"], _l = ["x", "y", "font-size", "fill", "innerHTML"], Sl = { key: 0 }, Cl = ["x", "y", "onMouseover", "onClick"], zl = {
   key: 8,
   class: "vue-ui-dna"
-}, Tl = ["points", "fill"], Xl = ["points", "fill"], Wl = ["points", "fill"], Yl = ["points", "fill"], Al = { key: 9 }, Ml = ["x", "y", "font-size", "fill", "font-weight"], Nl = { key: 10 }, Ol = ["x", "y", "fill"], Rl = ["x", "y", "fill"], Vl = ["x", "y", "fill"], Bl = ["x", "y", "fill"], Pl = ["stroke", "d"], Fl = ["stroke", "d"], Hl = {
+}, Tl = ["points", "fill"], Xl = ["points", "fill"], Wl = ["points", "fill"], Yl = ["points", "fill"], Al = { key: 9 }, Ml = ["x", "y", "font-size", "fill", "font-weight"], Nl = { key: 10 }, Ol = ["x", "y", "fill"], Rl = ["x", "y", "fill"], Fl = ["x", "y", "fill"], Vl = ["x", "y", "fill"], Bl = ["stroke", "d"], Pl = ["stroke", "d"], Hl = {
   key: 5,
   class: "vue-data-ui-watermark"
 }, Il = ["onClick"], El = {
@@ -42,10 +42,10 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
   },
   emits: ["selectPlot", "selectSide", "selectLegend"],
   setup(Je, { expose: je, emit: Ze }) {
-    const Ke = F(() => import("./DataTable-CDwApkI_.js")), et = F(() => import("./PenAndPaper-BYRk8xrS.js")), tt = F(() => import("./vue-ui-accordion-Df-5BRRg.js")), lt = F(() => import("./vue-ui-skeleton-C7maR60-.js")), at = F(() => import("./Tooltip-DJlwW-XP.js")), ut = F(() => import("./UserOptions-DxIzWere.js")), ot = F(() => import("./PackageVersion-BsKpz6KS.js")), { vue_ui_quadrant: st } = xt(), X = Je, K = g(() => !!X.dataset && X.dataset.length), z = y(De()), se = Ze, rt = y(null), ee = y(!1), re = y(""), ye = y(0), f = y(!1), A = 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({
+    const Ke = P(() => import("./DataTable-C_tJHvMd.js")), et = P(() => import("./PenAndPaper-D6wazxlT.js")), tt = P(() => import("./vue-ui-accordion-EMAj3Ykx.js")), lt = P(() => import("./vue-ui-skeleton-FanSnKr8.js")), at = P(() => import("./Tooltip-DJlC-n25.js")), ut = P(() => import("./UserOptions-D2G7II3G.js")), ot = P(() => import("./PackageVersion-5S8ajCUS.js")), { vue_ui_quadrant: st } = xt(), X = Je, K = g(() => !!X.dataset && X.dataset.length), z = y(De()), se = Ze, rt = y(null), ee = y(!1), re = y(""), ye = y(0), f = y(!1), A = 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: ke, keepUserOptionState: Le } = Vt({ config: t.value }), { svgRef: we } = Bt({ config: t.value.style.chart.title });
+    }), { userOptionsVisible: ne, setUserOptionsVisibility: ke, keepUserOptionState: Le } = Ft({ config: t.value }), { svgRef: we } = Vt({ config: t.value.style.chart.title });
     function qe() {
       const l = Ge({
         userConfig: X.config,
@@ -142,7 +142,7 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
         startY: 0
       });
     }, { deep: !0 });
-    const c = y(null), P = g(() => {
+    const c = y(null), B = g(() => {
       switch (c.value) {
         case "TL":
           return {
@@ -371,18 +371,18 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
           name: o.category
         },
         o.name,
-        V(
+        F(
           t.value.style.chart.layout.labels.plotLabels.x.formatter,
           o.x,
-          B({
+          V({
             v: o.x,
             r: t.value.style.chart.layout.labels.plotLabels.rounding
           })
         ),
-        V(
+        F(
           t.value.style.chart.layout.labels.plotLabels.y.formatter,
           o.y,
-          B({
+          V({
             v: o.y,
             r: t.value.style.chart.layout.labels.plotLabels.rounding
           })
@@ -464,18 +464,18 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["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>${F(
           t.value.style.chart.layout.labels.plotLabels.x.formatter,
           u.xValue,
-          B({
+          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>${F(
           t.value.style.chart.layout.labels.plotLabels.y.formatter,
           u.yValue,
-          B({
+          V({
             v: u.yValue,
             r: t.value.style.chart.tooltip.roundingValue
           }),
@@ -629,20 +629,20 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
         }))
       }));
     }
-    function Ve(l = null) {
+    function Fe(l = null) {
       mt(() => {
         const u = [[t.value.style.chart.title.text], [t.value.style.chart.title.subtitle.text], [""]], a = le.value.head, o = le.value.body, r = u.concat([a]).concat(o), b = Wt(r);
         l ? l(b) : Yt({ csvContent: b, title: t.value.style.chart.title.text || "vue-ui-quadrant" });
       });
     }
     const E = y(!1);
-    function Be(l) {
+    function Ve(l) {
       E.value = l, ye.value += 1;
     }
-    function Pe() {
+    function Be() {
       $.value.showTable = !$.value.showTable;
     }
-    function Fe() {
+    function Pe() {
       $.value.plotLabels.show = !$.value.plotLabels.show;
     }
     function He() {
@@ -668,13 +668,13 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
       getData: Re,
       getImage: yt,
       generatePdf: ze,
-      generateCsv: Ve,
+      generateCsv: Fe,
       generateImage: Te,
-      toggleTable: Pe,
-      toggleLabels: Fe,
+      toggleTable: Be,
+      toggleLabels: Pe,
       toggleTooltip: He,
       toggleAnnotator: ce,
-      toggleFullscreen: Be
+      toggleFullscreen: Ve
     }), (l, u) => (s(), n("div", {
       class: T(`vue-ui-quadrant ${E.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${t.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       ref_key: "quadrantChart",
@@ -705,7 +705,7 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
         ref: be,
         style: "width:100%;background:transparent;padding-bottom:12px"
       }, [
-        (s(), R(Pt, {
+        (s(), R(Bt, {
           key: `table_${me.value}`,
           config: {
             title: {
@@ -744,12 +744,12 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
         isAnnotation: ue.value,
         callbacks: t.value.userOptions.callbacks,
         printScale: t.value.userOptions.print.scale,
-        onToggleFullscreen: Be,
+        onToggleFullscreen: Ve,
         onGeneratePdf: i(ze),
-        onGenerateCsv: Ve,
+        onGenerateCsv: Fe,
         onGenerateImage: i(Te),
-        onToggleTable: Pe,
-        onToggleLabels: Fe,
+        onToggleTable: Be,
+        onToggleLabels: Pe,
         onToggleTooltip: He,
         onToggleAnnotator: ce,
         style: q({
@@ -961,10 +961,10 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["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(F)(
             t.value.style.chart.layout.labels.plotLabels.y.formatter,
             _.value.y.max,
-            i(B)({
+            i(V)({
               v: _.value.y.max,
               r: t.value.style.chart.layout.labels.plotLabels.rounding
             })
@@ -982,10 +982,10 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["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(F)(
             t.value.style.chart.layout.labels.plotLabels.y.formatter,
             _.value.y.min,
-            i(B)({
+            i(V)({
               v: _.value.y.min,
               r: t.value.style.chart.layout.labels.plotLabels.rounding
             })
@@ -996,10 +996,10 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["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(F)(
             t.value.style.chart.layout.labels.plotLabels.x.formatter,
             _.value.x.min,
-            i(B)({
+            i(V)({
               v: _.value.x.min,
               r: t.value.style.chart.layout.labels.plotLabels.rounding
             })
@@ -1010,10 +1010,10 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["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(F)(
             t.value.style.chart.layout.labels.plotLabels.x.formatter,
             _.value.x.max,
-            i(B)({
+            i(V)({
               v: _.value.x.max,
               r: t.value.style.chart.layout.labels.plotLabels.rounding
             })
@@ -1170,13 +1170,13 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
         ])) : h("", !0),
         c.value && !te.value ? (s(), n("g", Al, [
           d("text", {
-            x: P.value.x,
-            y: P.value.y - P.value.fontSize / 1.5,
-            "font-size": P.value.fontSize / 1.5,
-            fill: P.value.fill,
+            x: B.value.x,
+            y: B.value.y - B.value.fontSize / 1.5,
+            "font-size": B.value.fontSize / 1.5,
+            fill: B.value.fill,
             "text-anchor": "middle",
-            "font-weight": P.value.bold ? "bold" : "normal"
-          }, L(P.value.text), 9, Ml)
+            "font-weight": B.value.bold ? "bold" : "normal"
+          }, L(B.value.text), 9, Ml)
         ])) : h("", !0),
         f.value && c.value ? (s(), n("g", Nl, [
           d("rect", {
@@ -1208,7 +1208,7 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
             style: q(`cursor: pointer; opacity: ${c.value === "BR" ? 1 : 0.2}`),
             onClick: u[12] || (u[12] = (a) => N("BR")),
             class: T({ "vue-ui-quadrant-mini-map-cell": !0, "vue-ui-quadrant-mini-map-cell-selectable": c.value !== "BR" })
-          }, null, 14, Vl),
+          }, null, 14, Fl),
           d("rect", {
             x: w.value[c.value].bl.x,
             y: w.value[c.value].bl.y,
@@ -1218,19 +1218,19 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
             style: q(`cursor: pointer; opacity: ${c.value === "BL" ? 1 : 0.2}`),
             onClick: u[13] || (u[13] = (a) => N("BL")),
             class: T({ "vue-ui-quadrant-mini-map-cell": !0, "vue-ui-quadrant-mini-map-cell-selectable": c.value !== "BL" })
-          }, null, 14, Bl),
+          }, null, 14, Vl),
           d("path", {
             class: "vue-ui-quadrant-minimap-crosshairs",
             stroke: t.value.style.chart.backgroundColor,
             "stroke-width": 1,
             d: w.value[c.value].crosshairs.horizontal
-          }, null, 8, Pl),
+          }, null, 8, Bl),
           d("path", {
             class: "vue-ui-quadrant-minimap-crosshairs",
             stroke: t.value.style.chart.backgroundColor,
             "stroke-width": 1,
             d: w.value[c.value].crosshairs.vertical
-          }, null, 8, Fl)
+          }, null, 8, Pl)
         ])) : h("", !0),
         x(l.$slots, "svg", { svg: e.value }, void 0, !0)
       ], 14, Ut)) : h("", !0),
@@ -1259,7 +1259,7 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
         ref_key: "chartLegend",
         ref: fe
       }, [
-        t.value.style.chart.legend.show ? (s(), R(Ft, {
+        t.value.style.chart.legend.show ? (s(), R(Pt, {
           key: `legend_${$e.value}`,
           legendSet: Ae.value,
           config: ht.value,
@@ -1299,7 +1299,9 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
         parent: A.value,
         content: re.value,
         isFullscreen: E.value,
-        isCustom: t.value.style.chart.tooltip.customFormat && typeof t.value.style.chart.tooltip.customFormat == "function"
+        isCustom: t.value.style.chart.tooltip.customFormat && typeof t.value.style.chart.tooltip.customFormat == "function",
+        smooth: t.value.style.chart.tooltip.smooth,
+        backdropFilter: t.value.style.chart.tooltip.backdropFilter
       }, {
         "tooltip-before": m(() => [
           x(l.$slots, "tooltip-before", U(D({ ...ve.value })), void 0, !0)
@@ -1320,7 +1322,7 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
           ])) : h("", !0)
         ]),
         _: 3
-      }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"]),
+      }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter"]),
       K.value ? (s(), R(i(tt), {
         key: 8,
         hideDetails: "",
@@ -1362,7 +1364,7 @@ const Et = ["id"], Ut = ["xmlns", "viewBox", "id"], Dt = ["x", "y", "width", "he
       }, 8, ["config"])) : h("", !0)
     ], 46, Et));
   }
-}, sa = /* @__PURE__ */ It(Dl, [["__scopeId", "data-v-459edc04"]]);
+}, sa = /* @__PURE__ */ It(Dl, [["__scopeId", "data-v-929dd56e"]]);
 export {
   sa as default
 };