vue-data-ui 3.0.0-next.5 → 3.0.0-next.51

package/dist/{vue-ui-kpi-DwOX2xG0.js → vue-ui-kpi-D0rfVSKA.js}

@@ -1,6 +1,6 @@
 import { defineAsyncComponent as A, computed as x, useSlots as z, onMounted as C, watch as y, ref as k, createElementBlock as i, openBlock as s, normalizeStyle as u, normalizeClass as r, createElementVNode as $, renderSlot as n, createTextVNode as h, toDisplayString as b, createVNode as w, unref as v, Fragment as B } from "vue";
-import { u as L } from "./useNestedProp-CV3NndHa.js";
-import { u as M, i as E, f as I } from "./index-DFSXaw69.js";
+import { u as L } from "./useNestedProp-DoTKbeYP.js";
+import { u as M, i as E, f as I } from "./index-DJKz3EWJ.js";
 const G = {
   __name: "vue-ui-kpi",
   props: {
@@ -16,7 +16,7 @@ const G = {
     }
   },
   setup(o) {
-    const F = A(() => import("./vue-ui-digits-BMb2ZxN9.js")), { vue_ui_kpi: N } = M(), l = o, e = x({
+    const F = A(() => import("./vue-ui-digits-C_JqOPx0.js")), { vue_ui_kpi: N } = M(), l = o, e = x({
       get: () => c(),
       set: (a) => a
     }), D = z();

package/dist/{vue-ui-mini-loader-CrAhBt4w.js → vue-ui-mini-loader-Jp6LdxDx.js}

@@ -1,6 +1,6 @@
 import { useCssVars as h, computed as r, ref as f, createElementBlock as n, openBlock as u, unref as M, createCommentVNode as a, createElementVNode as t, normalizeStyle as l } from "vue";
-import { u as m } from "./useNestedProp-CV3NndHa.js";
-import { u as y, X as L } from "./index-DFSXaw69.js";
+import { u as m } from "./useNestedProp-DoTKbeYP.js";
+import { u as y, X as L } from "./index-DJKz3EWJ.js";
 import { _ as B } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const b = ["xmlns", "viewBox"], x = { key: 0 }, $ = ["stroke"], w = ["stroke"], A = ["stroke"], N = { key: 1 }, O = ["stroke"], S = { key: 2 }, F = ["stroke"], I = {
   __name: "vue-ui-mini-loader",

package/dist/{vue-ui-molecule-DVPFCYdv.js → vue-ui-molecule-CSXuV9bG.js}

@@ -1,21 +1,21 @@
 import { useCssVars as Je, defineAsyncComponent as p, computed as k, onMounted as Ke, ref as c, watch as et, createElementBlock as y, openBlock as i, unref as s, normalizeStyle as R, normalizeClass as pe, createBlock as $, createCommentVNode as f, createVNode as S, createSlots as tt, withCtx as d, renderSlot as u, normalizeProps as w, guardReactiveProps as T, createElementVNode as _, Fragment as ot, renderList as lt, createTextVNode as st, toDisplayString as at, nextTick as nt } from "vue";
-import { u as rt, o as it, e as ut, c as fe, t as ct, p as ge, a as dt, b as vt, Q as ht, X as pt, l as ft, R as gt, d as me, q as mt, r as yt, x as bt, y as kt } from "./index-DFSXaw69.js";
-import { u as ye } from "./useNestedProp-CV3NndHa.js";
-import { u as Ct } from "./usePrinter-DXG9SdJr.js";
+import { u as rt, o as it, e as ut, c as fe, t as ct, p as ge, a as dt, b as vt, Q as ht, X as pt, l as ft, R as gt, d as me, q as mt, r as yt, y as bt, z as kt } from "./index-DJKz3EWJ.js";
+import { u as ye } from "./useNestedProp-DoTKbeYP.js";
+import { u as Ct } from "./usePrinter-Iy7FxhyL.js";
 import { u as $t } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as wt } from "./useChartAccessibility-9icAAmYg.js";
 import { u as Tt } from "./usePanZoom-BQMvRXEQ.js";
-import Ot from "./img-DJTFe-dE.js";
+import Ot from "./img-Ck7tqm17.js";
 import { _ as Pt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const At = ["id"], It = {
+const At = ["id"], Ft = {
   key: 1,
   ref: "noTitle",
   class: "vue-data-ui-no-title-space",
   style: "height:36px; width: 100%;background:transparent"
-}, Nt = {
+}, It = {
   key: 2,
   style: "width:100%;background:transparent;"
-}, Ft = ["xmlns", "viewBox"], St = ["width", "height"], _t = ["id"], Lt = ["stop-color"], Dt = ["stop-color"], Bt = {
+}, Nt = ["xmlns", "viewBox"], St = ["width", "height"], _t = ["id"], Lt = ["stop-color"], Dt = ["stop-color"], Bt = {
   key: 5,
   class: "vue-data-ui-watermark"
 }, Rt = {
@@ -26,7 +26,7 @@ const At = ["id"], It = {
   key: 8,
   ref: "source",
   dir: "auto"
-}, Et = ["innerHTML"], xt = {
+}, Et = ["innerHTML"], zt = {
   __name: "vue-ui-molecule",
   props: {
     config: {
@@ -45,9 +45,9 @@ const At = ["id"], It = {
   emits: ["selectNode"],
   setup(be, { expose: ke, emit: Ce }) {
     Je((t) => ({
-      "7a354ece": t.slicerColor
+      "69f7b946": t.slicerColor
     }));
-    const $e = p(() => import("./vue-ui-accordion-B-PjY4U8.js")), we = p(() => import("./BaseIcon-C-MP5EHV.js")), Te = p(() => import("./DataTable-DD2pZIgh.js")), Oe = p(() => import("./PackageVersion-D3jqYZS6.js")), Pe = p(() => import("./PenAndPaper-Dy9zUXnw.js")), Ae = p(() => import("./RecursiveCircles-Dn3TGoL6.js")), Ie = p(() => import("./RecursiveLabels-NTMB9w5C.js")), Ne = p(() => import("./RecursiveLinks-ld_gDZH4.js")), Fe = p(() => import("./vue-ui-skeleton-1OErZL6t.js")), Se = p(() => import("./Title-zqtIOYc5.js")), _e = p(() => import("./Tooltip-Bo30Qf34.js")), Le = p(() => import("./UserOptions-Cgrlu96K.js")), { vue_ui_molecule: De } = rt(), C = be, Be = Ce, L = k(() => !!C.dataset && C.dataset.length);
+    const $e = p(() => import("./vue-ui-accordion-C0GWT8Ql.js")), we = p(() => import("./BaseIcon-DBAQZ9vX.js")), Te = p(() => import("./DataTable-CdD7tKpP.js")), Oe = p(() => import("./PackageVersion-DQcP7Cwd.js")), Pe = p(() => import("./PenAndPaper-Bf9A4qL1.js")), Ae = p(() => import("./RecursiveCircles-Dn3TGoL6.js")), Fe = p(() => import("./RecursiveLabels-NTMB9w5C.js")), Ie = p(() => import("./RecursiveLinks-ld_gDZH4.js")), Ne = p(() => import("./vue-ui-skeleton-B-rmcfy0.js")), Se = p(() => import("./Title-3ACEciQv.js")), _e = p(() => import("./Tooltip-D4AvFVyr.js")), Le = p(() => import("./UserOptions-oB62jZT7.js")), { vue_ui_molecule: De } = rt(), C = be, Be = Ce, L = k(() => !!C.dataset && C.dataset.length);
     Ke(() => {
       W();
     });
@@ -60,7 +60,7 @@ const At = ["id"], It = {
     const U = c(fe()), Re = c(null), E = c(!1), D = c(""), O = c(null), X = c(0), j = c(0), Y = c(0), e = k({
       get: () => Q(),
       set: (t) => t
-    }), { userOptionsVisible: x, setUserOptionsVisibility: Z, keepUserOptionState: q } = $t({ config: e.value }), { svgRef: z } = wt({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: z, setUserOptionsVisibility: Z, keepUserOptionState: q } = $t({ config: e.value }), { svgRef: x } = wt({ config: e.value.style.chart.title });
     function Q() {
       const t = ye({
         userConfig: C.config,
@@ -75,7 +75,7 @@ const At = ["id"], It = {
       } : t;
     }
     et(() => C.config, (t) => {
-      e.value = Q(), x.value = !e.value.userOptions.showOnChartHover, W(), j.value += 1, Y.value += 1, h.value.showTable = e.value.table.show, h.value.showTooltip = e.value.style.chart.tooltip.show;
+      e.value = Q(), z.value = !e.value.userOptions.showOnChartHover, W(), j.value += 1, Y.value += 1, h.value.showTable = e.value.table.show, h.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 });
     const { isPrinting: J, isImaging: K, generatePdf: ee, generateImage: te } = Ct({
       elementId: `cluster_${U.value}`,
@@ -89,7 +89,7 @@ const At = ["id"], It = {
     function oe(t, l = 0) {
       return Array.isArray(t) && t.length > 0 && t[0].nodes ? oe(t[0].nodes, l + 1) : l;
     }
-    function xe() {
+    function ze() {
       const t = oe(C.dataset);
       let l = 100, o = l;
       for (let n = 0; n < t; n += 1)
@@ -99,7 +99,7 @@ const At = ["id"], It = {
         width: o
       };
     }
-    const v = c(xe());
+    const v = c(ze());
     c(`0 0 ${v.value.width} ${v.value.height}`);
     function le(t, l = { x: -v.value.width / 2.43, y: v.value.height / 2 }, o = v.value.width / 1.1, n = 24, a = 0, r = 0, g = "#BBBBBB", G = 0) {
       if (!Array.isArray(t) || t.length === 0) return t;
@@ -127,7 +127,7 @@ const At = ["id"], It = {
         ));
       }), t;
     }
-    function ze(t) {
+    function xe(t) {
       const l = /* @__PURE__ */ new Set();
       function o(a) {
         a.forEach((r) => {
@@ -143,7 +143,7 @@ const At = ["id"], It = {
         n[a] = `gradient_${r}`;
       }), n;
     }
-    const He = k(() => ze(b.value)), b = k(() => {
+    const He = k(() => xe(b.value)), b = k(() => {
       const t = ht(C.dataset);
       return le(t);
     }), H = c(null);
@@ -173,9 +173,9 @@ const At = ["id"], It = {
         o += `<div style="display:flex;align-items:center;gap:3px"><div style="color:${t.color}">⬤</div><div>${t.name}</div></div>`, t.details && (o += `<div style="width:100%;border-top:1px solid ${e.value.style.chart.tooltip.borderColor};margin-top: 2px">${t.details}</div>`), D.value = `<div style="font-family:inherit">${o}</div>`;
       }
     }
-    const se = c(null), I = c(null);
+    const se = c(null), F = c(null);
     function Ge(t) {
-      se.value = t, t ? (E.value = !0, Ve(t), I.value = t.uid) : (E.value = !1, D.value = "", I.value = null);
+      se.value = t, t ? (E.value = !0, Ve(t), F.value = t.uid) : (E.value = !1, D.value = "", F.value = null);
     }
     function Me(t) {
       const l = [];
@@ -237,9 +237,9 @@ const At = ["id"], It = {
     function Xe() {
       return b.value;
     }
-    const N = c(!1);
+    const I = c(!1);
     function ne(t) {
-      N.value = t, X.value += 1;
+      I.value = t, X.value += 1;
     }
     function re() {
       h.value.showTable = !h.value.showTable;
@@ -250,11 +250,11 @@ const At = ["id"], It = {
     function ue() {
       h.value.showTooltip = !h.value.showTooltip;
     }
-    const F = c(!1);
+    const N = c(!1);
     function V() {
-      F.value = !F.value;
+      N.value = !N.value;
     }
-    const je = k(() => !F.value), { viewBox: B, resetZoom: ce, isZoom: Ye } = Tt(z, {
+    const je = k(() => !N.value), { viewBox: B, resetZoom: ce, isZoom: Ye } = Tt(x, {
       x: 0,
       y: 0,
       width: v.value.width <= 0 ? 10 : v.value.width,
@@ -289,24 +289,24 @@ const At = ["id"], It = {
     }), (t, l) => (i(), y("div", {
       ref_key: "moleculeChart",
       ref: O,
-      class: pe(`vue-ui-molecule ${N.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+      class: pe(`vue-ui-molecule ${I.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       style: R(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor}`),
       id: `cluster_${U.value}`,
       onMouseleave: l[2] || (l[2] = (o) => {
-        se.value = null, I.value = null, s(Z)(!1);
+        se.value = null, F.value = null, s(Z)(!1);
       }),
       onMouseenter: l[3] || (l[3] = () => s(Z)(!0))
     }, [
       e.value.userOptions.buttons.annotator ? (i(), $(s(Pe), {
         key: 0,
-        svgRef: s(z),
+        svgRef: s(x),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        active: F.value,
+        active: N.value,
         onClose: V
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : f("", !0),
-      Ue.value ? (i(), y("div", It, null, 512)) : f("", !0),
-      e.value.style.chart.title.text ? (i(), y("div", Nt, [
+      Ue.value ? (i(), y("div", Ft, null, 512)) : f("", !0),
+      e.value.style.chart.title.text ? (i(), y("div", It, [
         (i(), $(s(Se), {
           key: `title_${j.value}`,
           config: {
@@ -321,7 +321,7 @@ const At = ["id"], It = {
           }
         }, null, 8, ["config"]))
       ])) : f("", !0),
-      e.value.userOptions.show && L.value && (s(q) || s(x)) ? (i(), $(s(Le), {
+      e.value.userOptions.show && L.value && (s(q) || s(z)) ? (i(), $(s(Le), {
         ref_key: "details",
         ref: Re,
         key: `user_options_${X.value}`,
@@ -342,7 +342,7 @@ const At = ["id"], It = {
         chartElement: O.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: F.value,
+        isAnnotation: N.value,
         callbacks: e.value.userOptions.callbacks,
         printScale: e.value.userOptions.print.scale,
         onToggleFullscreen: ne,
@@ -354,7 +354,7 @@ const At = ["id"], It = {
         onToggleTooltip: ue,
         onToggleAnnotator: V,
         style: R({
-          visibility: s(q) ? s(x) ? "visible" : "hidden" : "visible"
+          visibility: s(q) ? s(z) ? "visible" : "hidden" : "visible"
         })
       }, tt({ _: 2 }, [
         t.$slots.menuIcon ? {
@@ -424,10 +424,10 @@ const At = ["id"], It = {
       L.value ? (i(), y("svg", {
         key: 4,
         ref_key: "svgRef",
-        ref: z,
+        ref: x,
         xmlns: s(pt),
         viewBox: `${s(B).x} ${s(B).y} ${s(B).width} ${s(B).height}`,
-        class: pe({ "vue-data-ui-fullscreen--on": N.value, "vue-data-ui-fulscreen--off": !N.value }),
+        class: pe({ "vue-data-ui-fullscreen--on": I.value, "vue-data-ui-fulscreen--off": !I.value }),
         style: R(`overflow: hidden; background:transparent;color:${e.value.style.chart.color}`)
       }, [
         S(s(Oe)),
@@ -462,14 +462,14 @@ const At = ["id"], It = {
             }, null, 8, Dt)
           ], 8, _t))), 256))
         ]),
-        S(s(Ne), {
+        S(s(Ie), {
           dataset: b.value,
           color: e.value.style.chart.links.stroke,
           backgroundColor: e.value.style.chart.backgroundColor
         }, null, 8, ["dataset", "color", "backgroundColor"]),
         S(s(Ae), {
           dataset: b.value,
-          hoveredUid: I.value,
+          hoveredUid: F.value,
           stroke: e.value.style.chart.nodes.stroke,
           strokeHovered: e.value.style.chart.nodes.strokeHovered,
           onClick: Ze,
@@ -480,14 +480,14 @@ const At = ["id"], It = {
           ]),
           _: 3
         }, 8, ["dataset", "hoveredUid", "stroke", "strokeHovered"]),
-        h.value.showDataLabels ? (i(), $(s(Ie), {
+        h.value.showDataLabels ? (i(), $(s(Fe), {
           key: 1,
           dataset: b.value,
           color: e.value.style.chart.color,
-          hoveredUid: I.value
+          hoveredUid: F.value
         }, null, 8, ["dataset", "color", "hoveredUid"])) : f("", !0),
         u(t.$slots, "svg", { svg: v.value }, void 0, !0)
-      ], 14, Ft)) : f("", !0),
+      ], 14, Nt)) : f("", !0),
       t.$slots.watermark ? (i(), y("div", Bt, [
         u(t.$slots, "watermark", w(T({ isPrinting: s(J) || s(K) })), void 0, !0)
       ])) : f("", !0),
@@ -510,7 +510,7 @@ const At = ["id"], It = {
           ], 4)
         ], !0)
       ])) : f("", !0),
-      L.value ? f("", !0) : (i(), $(s(Fe), {
+      L.value ? f("", !0) : (i(), $(s(Ne), {
         key: 7,
         config: {
           type: "molecule",
@@ -538,8 +538,10 @@ const At = ["id"], It = {
         offsetY: e.value.style.chart.tooltip.offsetY,
         parent: O.value,
         content: D.value,
-        isFullscreen: N.value,
-        isCustom: e.value.style.chart.tooltip.customFormat && typeof e.value.style.chart.tooltip.customFormat == "function"
+        isFullscreen: I.value,
+        isCustom: e.value.style.chart.tooltip.customFormat && typeof e.value.style.chart.tooltip.customFormat == "function",
+        smooth: e.value.style.chart.tooltip.smooth,
+        backdropFilter: e.value.style.chart.tooltip.backdropFilter
       }, {
         "tooltip-before": d(() => [
           u(t.$slots, "tooltip-before", w(T({ ...H.value })), void 0, !0)
@@ -548,7 +550,7 @@ const At = ["id"], It = {
           u(t.$slots, "tooltip-after", w(T({ ...H.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"]),
       L.value ? (i(), $(s($e), {
         key: 9,
         hideDetails: "",
@@ -591,7 +593,7 @@ const At = ["id"], It = {
       }, 8, ["config"])) : f("", !0)
     ], 46, At));
   }
-}, Zt = /* @__PURE__ */ Pt(xt, [["__scopeId", "data-v-7d6bc092"]]);
+}, Zt = /* @__PURE__ */ Pt(zt, [["__scopeId", "data-v-2630765e"]]);
 export {
   Zt as default
 };

package/dist/{vue-ui-mood-radar-BPCedEDi.js → vue-ui-mood-radar-im8oGB8C.js}

@@ -1,12 +1,12 @@
 import { defineAsyncComponent as _, computed as c, onMounted as Oe, ref as h, watch as Te, createElementBlock as f, openBlock as r, unref as a, normalizeStyle as F, normalizeClass as oe, createBlock as g, createCommentVNode as i, renderSlot as v, createVNode as E, createSlots as Ie, withCtx as p, normalizeProps as S, guardReactiveProps as V, createElementVNode as s, Fragment as le, renderList as ae, toDisplayString as T, createTextVNode as se, nextTick as Le } from "vue";
-import { u as Fe, o as Se, e as re, c as Ve, a as Re, R as je, X as Be, s as w, w as Ue, S as Ee, i as ne, f as R, q as We, r as ze } from "./index-DFSXaw69.js";
-import { u as ue } from "./useNestedProp-CV3NndHa.js";
-import { u as De } from "./usePrinter-DXG9SdJr.js";
+import { u as Fe, o as Se, e as re, c as Ve, a as Re, R as je, X as Be, s as w, x as Ue, S as Ee, i as ne, f as R, q as We, r as ze } from "./index-DJKz3EWJ.js";
+import { u as ue } from "./useNestedProp-DoTKbeYP.js";
+import { u as De } from "./usePrinter-Iy7FxhyL.js";
 import { u as Ge } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as He } from "./useChartAccessibility-9icAAmYg.js";
-import Xe from "./Legend-DZZeyx5j.js";
-import Ke from "./Title-zqtIOYc5.js";
-import qe from "./img-DJTFe-dE.js";
+import Xe from "./Legend-BwFrIr1T.js";
+import Ke from "./Title-3ACEciQv.js";
+import qe from "./img-Ck7tqm17.js";
 import { _ as Ye } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Je = ["id"], Qe = {
   key: 2,
@@ -35,7 +35,7 @@ const Je = ["id"], Qe = {
     }
   },
   setup(ie, { expose: de }) {
-    const ce = _(() => import("./vue-ui-accordion-B-PjY4U8.js")), $ = _(() => import("./BaseIcon-C-MP5EHV.js")), ve = _(() => import("./DataTable-DD2pZIgh.js")), ye = _(() => import("./PackageVersion-D3jqYZS6.js")), he = _(() => import("./PenAndPaper-Dy9zUXnw.js")), fe = _(() => import("./vue-ui-skeleton-1OErZL6t.js")), pe = _(() => import("./UserOptions-Cgrlu96K.js")), { vue_ui_mood_radar: me } = Fe(), d = ie, M = c(() => !!d.dataset && Object.keys(d.dataset).length);
+    const ce = _(() => import("./vue-ui-accordion-C0GWT8Ql.js")), $ = _(() => import("./BaseIcon-DBAQZ9vX.js")), ve = _(() => import("./DataTable-CdD7tKpP.js")), ye = _(() => import("./PackageVersion-DQcP7Cwd.js")), he = _(() => import("./PenAndPaper-Bf9A4qL1.js")), fe = _(() => import("./vue-ui-skeleton-B-rmcfy0.js")), pe = _(() => import("./UserOptions-oB62jZT7.js")), { vue_ui_mood_radar: me } = Fe(), d = ie, M = c(() => !!d.dataset && Object.keys(d.dataset).length);
     Oe(() => {
       W();
     });