vue-data-ui 3.0.0-next.4 → 3.0.0-next.40

package/dist/{vue-ui-onion-BpGz1RFC.js → vue-ui-onion-R8aDUWKW.js}

@@ -1,13 +1,13 @@
-import { defineAsyncComponent as O, computed as h, ref as u, watch as xe, shallowRef as Te, onMounted as et, onBeforeUnmount as tt, createElementBlock as i, openBlock as s, unref as r, normalizeStyle as X, normalizeClass as E, createBlock as P, createCommentVNode as p, createElementVNode as S, createVNode as Oe, createSlots as at, withCtx as f, renderSlot as v, normalizeProps as F, guardReactiveProps as M, Fragment as D, renderList as L, toDisplayString as R, createTextVNode as lt, nextTick as ot } from "vue";
-import { u as nt, c as st, t as rt, p as Pe, a as ut, b as it, o as ct, e as Z, d as vt, X as dt, f as V, i as ee, x as _e, q as ht, r as ft, y as gt } from "./index-BnnNoGGd.js";
-import { t as pt, u as yt } from "./useResponsive-DfdjqQps.js";
-import { u as Ie } from "./useNestedProp-B6Dz15k2.js";
-import { u as mt } from "./usePrinter-Dd-RkmL8.js";
+import { defineAsyncComponent as O, computed as h, ref as u, watch as xe, shallowRef as Te, onMounted as et, onBeforeUnmount as tt, createElementBlock as i, openBlock as s, unref as r, normalizeStyle as X, normalizeClass as E, createBlock as P, createCommentVNode as g, createElementVNode as S, createVNode as Oe, createSlots as at, withCtx as f, renderSlot as v, normalizeProps as F, guardReactiveProps as M, Fragment as D, renderList as L, toDisplayString as R, createTextVNode as lt, nextTick as ot } from "vue";
+import { u as nt, c as st, t as rt, p as Pe, a as ut, b as it, o as ct, e as Z, d as vt, X as dt, f as V, i as ee, x as _e, q as ht, r as ft, y as pt } from "./index-Dt40W2hN.js";
+import { t as gt, u as yt } from "./useResponsive-DfdjqQps.js";
+import { u as Ie } from "./useNestedProp-CiNTcBth.js";
+import { u as mt } from "./usePrinter-C4Hc_Nbf.js";
 import { u as bt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as kt } from "./useChartAccessibility-9icAAmYg.js";
-import wt from "./Title-FiH2Kirc.js";
-import $t from "./Legend-Bow74t3d.js";
-import Ct from "./img-CP2uNkKq.js";
+import wt from "./Title-CBSyhlmd.js";
+import $t from "./Legend-C7zp8-t4.js";
+import Ct from "./img-lSctQ4V6.js";
 import { _ as xt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Tt = ["id"], Ot = ["xmlns", "viewBox"], Pt = ["width", "height"], _t = ["cx", "cy", "r", "stroke", "stroke-width", "stroke-dasharray", "stroke-dashoffset"], It = ["cx", "cy", "r", "stroke", "stroke-width", "stroke-dasharray", "stroke-dashoffset"], At = ["id"], St = ["stdDeviation"], Ft = ["filter"], Mt = ["cx", "cy", "r", "stroke-width", "stroke-dasharray", "stroke-dashoffset"], Rt = ["cx", "cy", "r", "stroke-width", "stroke-dasharray", "stroke-dashoffset", "onMouseenter"], Nt = { key: 2 }, Dt = ["onMouseenter"], Lt = ["x", "y", "font-size", "fill", "font-weight"], Vt = {
   key: 5,
@@ -30,7 +30,7 @@ const Tt = ["id"], Ot = ["xmlns", "viewBox"], Pt = ["width", "height"], _t = ["c
   },
   emits: ["selectLegend"],
   setup(Ae, { expose: Se, emit: Fe }) {
-    const Me = O(() => import("./vue-ui-accordion-qNR0BQCP.js")), Re = O(() => import("./DataTable-kd4xY9pT.js")), Ne = O(() => import("./PackageVersion-3ZfzB951.js")), De = O(() => import("./PenAndPaper-BZddJqUG.js")), Le = O(() => import("./vue-ui-skeleton-gHkpLBcj.js")), Ve = O(() => import("./Tooltip-BLtR7DBZ.js")), ze = O(() => import("./UserOptions-DOwmMJId.js")), { vue_ui_onion: Be } = nt(), $ = Ae, z = h(() => !!$.dataset && $.dataset.length), _ = u(st()), Ye = u(null), te = u(0), B = u(!1), G = u(""), y = u([]), C = u(null), ae = u(null), le = u(null), oe = u(null), ne = u(null), se = u(0), re = u(0), ue = u(0), e = h({
+    const Me = O(() => import("./vue-ui-accordion-BrdvtjzQ.js")), Re = O(() => import("./DataTable-DY-e2LXS.js")), Ne = O(() => import("./PackageVersion-B6kajKgU.js")), De = O(() => import("./PenAndPaper-en69u8G0.js")), Le = O(() => import("./vue-ui-skeleton-B7-_d7dq.js")), Ve = O(() => import("./Tooltip-Dis_Iqvl.js")), ze = O(() => import("./UserOptions-BAGpDPid.js")), { vue_ui_onion: Be } = nt(), $ = Ae, z = h(() => !!$.dataset && $.dataset.length), _ = u(st()), Ye = u(null), te = u(0), B = u(!1), G = u(""), y = u([]), C = u(null), ae = u(null), le = u(null), oe = u(null), ne = u(null), se = u(0), re = u(0), ue = u(0), e = h({
       get: () => de(),
       set: (t) => t
     }), { userOptionsVisible: H, setUserOptionsVisibility: ie, keepUserOptionState: ce } = bt({ config: e.value }), { svgRef: ve } = kt({ config: e.value.style.chart.title });
@@ -50,7 +50,7 @@ const Tt = ["id"], Ot = ["xmlns", "viewBox"], Pt = ["width", "height"], _t = ["c
     xe(() => $.config, (t) => {
       e.value = de(), H.value = !e.value.userOptions.showOnChartHover, ye(), se.value += 1, re.value += 1, ue.value += 1, m.value.showTable = e.value.table.show, m.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 });
-    const { isPrinting: he, isImaging: fe, generatePdf: ge, generateImage: pe } = mt({
+    const { isPrinting: he, isImaging: fe, generatePdf: pe, generateImage: ge } = mt({
       elementId: `vue-ui-onion_${_.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-onion",
       options: e.value.userOptions.print
@@ -76,7 +76,7 @@ const Tt = ["id"], Ot = ["xmlns", "viewBox"], Pt = ["width", "height"], _t = ["c
         componentName: "VueUiOnion",
         type: "dataset"
       }), e.value.responsive) {
-        const o = pt(() => {
+        const o = gt(() => {
           const { width: a, height: l } = yt({
             chart: C.value,
             title: e.value.style.chart.title.text ? ae.value : null,
@@ -174,11 +174,11 @@ const Tt = ["id"], Ot = ["xmlns", "viewBox"], Pt = ["width", "height"], _t = ["c
       };
     }));
     function Je(t, o) {
-      const a = 2 * Math.PI * t, l = a * 0.75, g = `${l} ${a}`, b = l * (1 - o / 100);
+      const a = 2 * Math.PI * t, l = a * 0.75, p = `${l} ${a}`, b = l * (1 - o / 100);
       return {
         bgDashArray: `${l} ${a}`,
         bgDashOffset: 0,
-        dashArray: g,
+        dashArray: p,
         dashOffset: b,
         fullOffset: 0,
         active: `
@@ -224,7 +224,7 @@ const Tt = ["id"], Ot = ["xmlns", "viewBox"], Pt = ["width", "height"], _t = ["c
     });
     function be(t = null) {
       ot(() => {
-        const o = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], a = j.value.head, l = j.value.body, g = o.concat([a]).concat(l), b = ht(g);
+        const o = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], a = j.value.head, l = j.value.body, p = o.concat([a]).concat(l), b = ht(p);
         t ? t(b) : ft({ csvContent: b, title: e.value.style.chart.title.text || "vue-ui-onion" });
       });
     }
@@ -241,9 +241,9 @@ const Tt = ["id"], Ot = ["xmlns", "viewBox"], Pt = ["width", "height"], _t = ["c
         series: d.value,
         config: e.value
       }, B.value = a;
-      let g = "";
+      let p = "";
       const b = e.value.style.chart.tooltip.customFormat;
-      if (_e(b) && gt(() => b({
+      if (_e(b) && pt(() => b({
         seriesIndex: l,
         datapoint: t,
         series: d.value,
@@ -257,7 +257,7 @@ const Tt = ["id"], Ot = ["xmlns", "viewBox"], Pt = ["width", "height"], _t = ["c
         });
       else {
         const K = e.value.style.chart.tooltip.showPercentage, Q = e.value.style.chart.tooltip.showValue;
-        g += `<div style="width: 100%; border-bottom: 1px solid ${e.value.style.chart.tooltip.borderColor}; padding-bottom: 6px;margin-bottom:3px;display:flex;flex-direction:row;gap:3px;align-items:center"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${t.color}"/></svg><span></span>${t.name}</span></div>`, g += `<div style="width:100%;text-align:left;"><b>${K ? V({ p: "", v: t.percentage, s: "%", r: e.value.style.chart.tooltip.roundingPercentage }) : ""}</b> ${K && Q ? "(" : ""}${Q ? ee(
+        p += `<div style="width: 100%; border-bottom: 1px solid ${e.value.style.chart.tooltip.borderColor}; padding-bottom: 6px;margin-bottom:3px;display:flex;flex-direction:row;gap:3px;align-items:center"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${t.color}"/></svg><span></span>${t.name}</span></div>`, p += `<div style="width:100%;text-align:left;"><b>${K ? V({ p: "", v: t.percentage, s: "%", r: e.value.style.chart.tooltip.roundingPercentage }) : ""}</b> ${K && Q ? "(" : ""}${Q ? ee(
           e.value.style.chart.layout.labels.value.formatter,
           t.value,
           V({
@@ -267,7 +267,7 @@ const Tt = ["id"], Ot = ["xmlns", "viewBox"], Pt = ["width", "height"], _t = ["c
             r: e.value.style.chart.tooltip.roundingValue
           }),
           { datapoint: t, seriesIndex: o }
-        ) : ""}${K && Q ? ")" : ""}</div>`, G.value = `<div>${g}</div>`;
+        ) : ""}${K && Q ? ")" : ""}</div>`, G.value = `<div>${p}</div>`;
       }
     }
     function $e() {
@@ -282,9 +282,9 @@ const Tt = ["id"], Ot = ["xmlns", "viewBox"], Pt = ["width", "height"], _t = ["c
     }
     async function Ze({ scale: t = 2 } = {}) {
       if (!C.value) return;
-      const { width: o, height: a } = C.value.getBoundingClientRect(), l = o / a, { imageUri: g, base64: b } = await Ct({ domElement: C.value, base64: !0, img: !0, scale: t });
+      const { width: o, height: a } = C.value.getBoundingClientRect(), l = o / a, { imageUri: p, base64: b } = await Ct({ domElement: C.value, base64: !0, img: !0, scale: t });
       return {
-        imageUri: g,
+        imageUri: p,
         base64: b,
         title: e.value.style.chart.title.text,
         width: o,
@@ -295,9 +295,9 @@ const Tt = ["id"], Ot = ["xmlns", "viewBox"], Pt = ["width", "height"], _t = ["c
     return Se({
       getData: Qe,
       getImage: Ze,
-      generatePdf: ge,
+      generatePdf: pe,
       generateCsv: be,
-      generateImage: pe,
+      generateImage: ge,
       toggleTable: $e,
       toggleTooltip: Ce,
       toggleAnnotator: J,
@@ -318,14 +318,14 @@ const Tt = ["id"], Ot = ["xmlns", "viewBox"], Pt = ["width", "height"], _t = ["c
         color: e.value.style.chart.color,
         active: U.value,
         onClose: J
-      }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : p("", !0),
+      }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : g("", !0),
       Ue.value ? (s(), i("div", {
         key: 1,
         ref_key: "noTitle",
         ref: ne,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
-      }, null, 512)) : p("", !0),
+      }, null, 512)) : g("", !0),
       e.value.style.chart.title.text ? (s(), i("div", {
         key: 2,
         ref_key: "chartTitle",
@@ -345,7 +345,7 @@ const Tt = ["id"], Ot = ["xmlns", "viewBox"], Pt = ["width", "height"], _t = ["c
             }
           }
         }, null, 8, ["config"]))
-      ], 512)) : p("", !0),
+      ], 512)) : g("", !0),
       e.value.userOptions.show && z.value && (r(ce) || r(H)) ? (s(), P(r(ze), {
         ref_key: "details",
         ref: Ye,
@@ -371,9 +371,9 @@ const Tt = ["id"], Ot = ["xmlns", "viewBox"], Pt = ["width", "height"], _t = ["c
         callbacks: e.value.userOptions.callbacks,
         printScale: e.value.userOptions.print.scale,
         onToggleFullscreen: ke,
-        onGeneratePdf: r(ge),
+        onGeneratePdf: r(pe),
         onGenerateCsv: be,
-        onGenerateImage: r(pe),
+        onGenerateImage: r(ge),
         onToggleTable: $e,
         onToggleTooltip: Ce,
         onToggleAnnotator: J,
@@ -437,7 +437,7 @@ const Tt = ["id"], Ot = ["xmlns", "viewBox"], Pt = ["width", "height"], _t = ["c
           ]),
           key: "7"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : p("", !0),
+      ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : g("", !0),
       z.value ? (s(), i("svg", {
         key: 4,
         ref_key: "svgRef",
@@ -459,7 +459,7 @@ const Tt = ["id"], Ot = ["xmlns", "viewBox"], Pt = ["width", "height"], _t = ["c
           }
         }, [
           v(t.$slots, "chart-background", {}, void 0, !0)
-        ], 8, Pt)) : p("", !0),
+        ], 8, Pt)) : g("", !0),
         (s(!0), i(D, null, L(k.value, (a, l) => (s(), i("circle", {
           cx: c.value.centerX,
           cy: c.value.centerY,
@@ -516,7 +516,7 @@ const Tt = ["id"], Ot = ["xmlns", "viewBox"], Pt = ["width", "height"], _t = ["c
             "stroke-dashoffset": a.path.dashOffset,
             style: { transform: "rotate(-90deg)", "transform-origin": "50% 50%" }
           }, null, 8, Mt))), 256))
-        ], 8, Ft)) : p("", !0),
+        ], 8, Ft)) : g("", !0),
         (s(!0), i(D, null, L(k.value, (a, l) => (s(), i("circle", {
           cx: c.value.centerX,
           cy: c.value.centerY,
@@ -529,27 +529,27 @@ const Tt = ["id"], Ot = ["xmlns", "viewBox"], Pt = ["width", "height"], _t = ["c
           "stroke-linecap": "round",
           class: "vue-ui-onion-path",
           style: { transform: "rotate(-90deg)", "transform-origin": "50% 50%" },
-          onMouseenter: (g) => we({
+          onMouseenter: (p) => we({
             datapoint: a,
             show: !0,
             seriesIndex: l
           }),
-          onMouseleave: o[0] || (o[0] = (g) => {
+          onMouseleave: o[0] || (o[0] = (p) => {
             w.value = void 0, B.value = !1;
           })
         }, null, 40, Rt))), 256)),
         e.value.style.chart.layout.labels.show ? (s(), i("g", Nt, [
           (s(!0), i(D, null, L(k.value, (a, l) => (s(), i("g", {
-            onMouseenter: (g) => we({
+            onMouseenter: (p) => we({
               datapoint: a,
               show: !0,
               seriesIndex: l
             }),
-            onMouseleave: o[1] || (o[1] = (g) => {
+            onMouseleave: o[1] || (o[1] = (p) => {
               w.value = void 0, B.value = !1;
             })
           }, [
-            y.value.includes(a.id) ? p("", !0) : (s(), i("text", {
+            y.value.includes(a.id) ? g("", !0) : (s(), i("text", {
               key: 0,
               x: n.value.width / 2 - T.value.gutter * 0.8 + e.value.style.chart.layout.labels.offsetX,
               y: a.labelY + e.value.style.chart.layout.labels.offsetY,
@@ -583,13 +583,13 @@ const Tt = ["id"], Ot = ["xmlns", "viewBox"], Pt = ["width", "height"], _t = ["c
               { datapoint: a, seriesIndex: l }
             )})` : ""}`), 9, Lt))
           ], 40, Dt))), 256))
-        ])) : p("", !0),
+        ])) : g("", !0),
         v(t.$slots, "svg", { svg: n.value }, void 0, !0)
-      ], 14, Ot)) : p("", !0),
+      ], 14, Ot)) : g("", !0),
       t.$slots.watermark ? (s(), i("div", Vt, [
         v(t.$slots, "watermark", F(M({ isPrinting: r(he) || r(fe) })), void 0, !0)
-      ])) : p("", !0),
-      z.value ? p("", !0) : (s(), P(r(Le), {
+      ])) : g("", !0),
+      z.value ? g("", !0) : (s(), P(r(Le), {
         key: 6,
         config: {
           type: "onion",
@@ -631,7 +631,7 @@ const Tt = ["id"], Ot = ["xmlns", "viewBox"], Pt = ["width", "height"], _t = ["c
         dir: "auto"
       }, [
         v(t.$slots, "source", {}, void 0, !0)
-      ], 512)) : p("", !0),
+      ], 512)) : g("", !0),
       Oe(r(Ve), {
         show: m.value.showTooltip && B.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
@@ -646,7 +646,9 @@ const Tt = ["id"], Ot = ["xmlns", "viewBox"], Pt = ["width", "height"], _t = ["c
         parent: C.value,
         content: G.value,
         isFullscreen: A.value,
-        isCustom: r(_e)(e.value.style.chart.tooltip.customFormat)
+        isCustom: r(_e)(e.value.style.chart.tooltip.customFormat),
+        smooth: e.value.style.chart.tooltip.smooth,
+        backdropFilter: e.value.style.chart.tooltip.backdropFilter
       }, {
         "tooltip-before": f(() => [
           v(t.$slots, "tooltip-before", F(M({ ...q.value })), void 0, !0)
@@ -655,7 +657,7 @@ const Tt = ["id"], Ot = ["xmlns", "viewBox"], Pt = ["width", "height"], _t = ["c
           v(t.$slots, "tooltip-after", F(M({ ...q.value })), void 0, !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"]),
       z.value ? (s(), P(r(Me), {
         key: 8,
         hideDetails: "",
@@ -692,10 +694,10 @@ const Tt = ["id"], Ot = ["xmlns", "viewBox"], Pt = ["width", "height"], _t = ["c
           }, 8, ["colNames", "head", "body", "config", "title"]))
         ]),
         _: 1
-      }, 8, ["config"])) : p("", !0)
+      }, 8, ["config"])) : g("", !0)
     ], 46, Tt));
   }
-}, Zt = /* @__PURE__ */ xt(Yt, [["__scopeId", "data-v-d3a1937a"]]);
+}, Zt = /* @__PURE__ */ xt(Yt, [["__scopeId", "data-v-3929f4be"]]);
 export {
   Zt as default
 };