vue-data-ui 2.12.8-beta.2 → 2.12.8-beta.4

package/dist/{vue-ui-kpi-CN2AE1VF.js → vue-ui-kpi-CvqXwiiE.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-y56W8I7J.js";
-import { u as M, i as E, f as I } from "./index-CbcpITE_.js";
+import { u as L } from "./useNestedProp-DqpZEE3h.js";
+import { u as M, i as E, f as I } from "./index-BzQ0j5xI.js";
 const G = {
   __name: "vue-ui-kpi",
   props: {
@@ -16,7 +16,7 @@ const G = {
     }
   },
   setup(o) {
-    const F = A(() => import("./vue-ui-digits-D7StMUym.js")), { vue_ui_kpi: N } = M(), l = o, e = x({
+    const F = A(() => import("./vue-ui-digits-B3h4BufU.js")), { vue_ui_kpi: N } = M(), l = o, e = x({
       get: () => c(),
       set: (a) => a
     }), D = z();

package/dist/{vue-ui-mini-loader-CYt8LlhO.js → vue-ui-mini-loader-DIjSfc7L.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-y56W8I7J.js";
-import { u as y, X as L } from "./index-CbcpITE_.js";
+import { u as m } from "./useNestedProp-DqpZEE3h.js";
+import { u as y, X as L } from "./index-BzQ0j5xI.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-D3kexAu_.js → vue-ui-molecule-3-vg0Re6.js}

@@ -1,12 +1,12 @@
-import { useCssVars as Qe, defineAsyncComponent as p, computed as k, onMounted as Je, ref as u, watch as Ke, createElementBlock as y, openBlock as r, unref as l, normalizeStyle as B, normalizeClass as he, createBlock as $, createCommentVNode as f, createVNode as F, createSlots as et, withCtx as d, renderSlot as i, normalizeProps as w, guardReactiveProps as T, createElementVNode as _, Fragment as tt, renderList as ot, createTextVNode as lt, toDisplayString as st, nextTick as at } from "vue";
-import { u as nt, o as rt, e as it, c as pe, t as ut, p as fe, a as ct, b as dt, P as vt, X as ht, l as pt, Q as ft, d as ge, q as gt, r as mt, x as yt, y as bt } from "./index-CbcpITE_.js";
-import { u as me } from "./useNestedProp-y56W8I7J.js";
-import { u as kt } from "./usePrinter-u-gQiRNz.js";
+import { useCssVars as Qe, defineAsyncComponent as p, computed as k, onMounted as Je, ref as c, watch as Ke, createElementBlock as y, openBlock as r, unref as l, normalizeStyle as B, normalizeClass as he, createBlock as $, createCommentVNode as f, createVNode as F, createSlots as et, withCtx as d, renderSlot as i, normalizeProps as w, guardReactiveProps as T, createElementVNode as _, Fragment as tt, renderList as ot, createTextVNode as lt, toDisplayString as st, nextTick as at } from "vue";
+import { u as nt, o as rt, e as it, c as pe, t as ut, p as fe, a as ct, b as dt, P as vt, X as ht, l as pt, Q as ft, d as ge, q as gt, r as mt, x as yt, y as bt } from "./index-BzQ0j5xI.js";
+import { u as me } from "./useNestedProp-DqpZEE3h.js";
+import { u as kt } from "./usePrinter-CpG5jh_z.js";
 import { u as Ct } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as $t } from "./useChartAccessibility-9icAAmYg.js";
 import { u as wt } from "./usePanZoom-BQMvRXEQ.js";
 import { _ as Tt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Pt = ["id"], Ot = {
+const Ot = ["id"], Pt = {
   key: 1,
   ref: "noTitle",
   class: "vue-data-ui-no-title-space",
@@ -44,9 +44,9 @@ const Pt = ["id"], Ot = {
   emits: ["selectNode"],
   setup(ye, { expose: be, emit: ke }) {
     Qe((t) => ({
-      ee2a6d54: t.slicerColor
+      "1859f908": t.slicerColor
     }));
-    const Ce = p(() => import("./vue-ui-accordion-BkA7rtwr.js")), $e = p(() => import("./BaseIcon-j0c6lJUs.js")), we = p(() => import("./DataTable-CsoAI95B.js")), Te = p(() => import("./PackageVersion-DCAZ9Z7V.js")), Pe = p(() => import("./PenAndPaper-B9RP4oFj.js")), Oe = p(() => import("./RecursiveCircles-Dn3TGoL6.js")), Ae = p(() => import("./RecursiveLabels-NTMB9w5C.js")), Ie = p(() => import("./RecursiveLinks-ld_gDZH4.js")), Ne = p(() => import("./vue-ui-skeleton-miKWlCAi.js")), Fe = p(() => import("./Title-Dx8ctnVy.js")), _e = p(() => import("./Tooltip-COHlzpZI.js")), Se = p(() => import("./UserOptions-CGn3YdRV.js")), { vue_ui_molecule: Le } = nt(), C = ye, De = ke, S = k(() => !!C.dataset && C.dataset.length);
+    const Ce = p(() => import("./vue-ui-accordion-bpaEpjqI.js")), $e = p(() => import("./BaseIcon-d4dmqhkb.js")), we = p(() => import("./DataTable-CmbjnjRg.js")), Te = p(() => import("./PackageVersion-OcbP0WH2.js")), Oe = p(() => import("./PenAndPaper-BgPXmpGI.js")), Pe = p(() => import("./RecursiveCircles-Dn3TGoL6.js")), Ae = p(() => import("./RecursiveLabels-NTMB9w5C.js")), Ie = p(() => import("./RecursiveLinks-ld_gDZH4.js")), Ne = p(() => import("./vue-ui-skeleton-CavMQlAm.js")), Fe = p(() => import("./Title-CJcZXNtK.js")), _e = p(() => import("./Tooltip-dXp8FaUj.js")), Se = p(() => import("./UserOptions-Cs7JW3dK.js")), { vue_ui_molecule: Le } = nt(), C = ye, De = ke, S = k(() => !!C.dataset && C.dataset.length);
     Je(() => {
       W();
     });
@@ -56,7 +56,7 @@ const Pt = ["id"], Ot = {
         type: "dataset"
       });
     }
-    const U = u(pe()), Be = u(null), R = u(!1), L = u(""), E = u(null), X = u(0), j = u(0), Y = u(0), e = k({
+    const U = c(pe()), Be = c(null), R = c(!1), L = c(""), E = c(null), X = c(0), j = c(0), Y = c(0), e = k({
       get: () => Q(),
       set: (t) => t
     }), { userOptionsVisible: x, setUserOptionsVisibility: Z, keepUserOptionState: q } = Ct({ config: e.value }), { svgRef: z } = $t({ config: e.value.style.chart.title });
@@ -80,7 +80,7 @@ const Pt = ["id"], Ot = {
       elementId: `cluster_${U.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-molecule",
       options: e.value.userOptions.print
-    }), Ue = k(() => e.value.userOptions.show && !e.value.style.chart.title.text), Re = k(() => dt(e.value.customPalette)), h = u({
+    }), Ue = k(() => e.value.userOptions.show && !e.value.style.chart.title.text), Re = k(() => dt(e.value.customPalette)), h = c({
       showTable: e.value.table.show,
       showDataLabels: !0,
       showTooltip: e.value.style.chart.tooltip.show
@@ -98,9 +98,9 @@ const Pt = ["id"], Ot = {
         width: o
       };
     }
-    const v = u(Ee());
-    u(`0 0 ${v.value.width} ${v.value.height}`);
-    function le(t, s = { x: -v.value.width / 2.43, y: v.value.height / 2 }, o = v.value.width / 1.1, n = 24, a = 0, c = 0, g = "#BBBBBB", G = 0) {
+    const v = c(Ee());
+    c(`0 0 ${v.value.width} ${v.value.height}`);
+    function le(t, s = { x: -v.value.width / 2.43, y: v.value.height / 2 }, o = v.value.width / 1.1, n = 24, a = 0, u = 0, g = "#BBBBBB", G = 0) {
       if (!Array.isArray(t) || t.length === 0) return t;
       const qe = ft({
         plot: s,
@@ -113,15 +113,15 @@ const Pt = ["id"], Ot = {
           let M = ge(m.color);
           return M.startsWith("#") ? M : `#${M}`;
         })() : null;
-        let O;
-        ve ? O = ve : G === 0 ? O = g : G === 1 ? (O = Re.value[c] || fe[c] || g, c += 1) : O = g, m.polygonPath = { coordinates: [de] }, m.circleRadius = n, m.color = O, m.uid = pe(), Array.isArray(m.nodes) && m.nodes.length && (m.nodes = le(
+        let P;
+        ve ? P = ve : G === 0 ? P = g : G === 1 ? (P = Re.value[u] || fe[u] || g, u += 1) : P = g, m.polygonPath = { coordinates: [de] }, m.circleRadius = n, m.color = P, m.uid = pe(), Array.isArray(m.nodes) && m.nodes.length && (m.nodes = le(
           m.nodes,
           de,
           o / 2.9,
           n / 2.2,
           a + Math.PI * ce / m.nodes.length,
-          c,
-          O,
+          u,
+          P,
           G + 1
         ));
       }), t;
@@ -129,23 +129,23 @@ const Pt = ["id"], Ot = {
     function xe(t) {
       const s = /* @__PURE__ */ new Set();
       function o(a) {
-        a.forEach((c) => {
-          if (!c.color) return;
-          let g = c.color;
-          /^#?[0-9A-F]{6}$/i.test(g) || (g = ge(g)), g.startsWith("#") || (g = `#${g}`), s.add(g), Array.isArray(c.nodes) && c.nodes.length && o(c.nodes);
+        a.forEach((u) => {
+          if (!u.color) return;
+          let g = u.color;
+          /^#?[0-9A-F]{6}$/i.test(g) || (g = ge(g)), g.startsWith("#") || (g = `#${g}`), s.add(g), Array.isArray(u.nodes) && u.nodes.length && o(u.nodes);
         });
       }
       o(t);
       const n = {};
       return Array.from(s).forEach((a) => {
-        const c = a.slice(1);
-        n[a] = `gradient_${c}`;
+        const u = a.slice(1);
+        n[a] = `gradient_${u}`;
       }), n;
     }
     const ze = k(() => xe(b.value)), b = k(() => {
       const t = vt(C.dataset);
       return le(t);
-    }), H = u(null);
+    }), H = c(null);
     function He(t) {
       H.value = {
         datapoint: t,
@@ -172,7 +172,7 @@ const Pt = ["id"], Ot = {
         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>`), L.value = `<div style="font-family:inherit">${o}</div>`;
       }
     }
-    const se = u(null), A = u(null);
+    const se = c(null), A = c(null);
     function Ve(t) {
       se.value = t, t ? (R.value = !0, He(t), A.value = t.uid) : (R.value = !1, L.value = "", A.value = null);
     }
@@ -180,23 +180,23 @@ const Pt = ["id"], Ot = {
       const s = [];
       function o(n) {
         n.forEach((a) => {
-          const c = {
+          const u = {
             name: a.name,
             details: a.details || "-",
             ancestor: a.ancestor && a.ancestor.name || "-",
             color: a.color || ""
           };
-          s.push(c), a.nodes && a.nodes.length > 0 && o(a.nodes, a.name);
+          s.push(u), a.nodes && a.nodes.length > 0 && o(a.nodes, a.name);
         });
       }
       return o(t), s;
     }
-    const Me = k(() => Ge(b.value)), P = k(() => {
+    const Me = k(() => Ge(b.value)), O = k(() => {
       const t = [
         e.value.table.translations.nodeName,
         e.value.table.translations.details,
         e.value.table.translations.ancestor
-      ], s = Me.value.map((a, c) => [
+      ], s = Me.value.map((a, u) => [
         {
           color: a.color,
           name: a.name
@@ -227,16 +227,16 @@ const Pt = ["id"], Ot = {
         colNames: n
       };
     });
-    function ae() {
+    function ae(t = null) {
       at(() => {
-        const t = P.value.body.map((n, a) => [[n[0].name], [n[1]], [n[2]]]), s = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[...P.value.head]]].concat(t), o = gt(s);
-        mt({ csvContent: o, title: e.value.style.chart.title.text || "vue-ui-molecule" });
+        const s = O.value.body.map((a, u) => [[a[0].name], [a[1]], [a[2]]]), o = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[...O.value.head]]].concat(s), n = gt(o);
+        t ? t(n) : mt({ csvContent: n, title: e.value.style.chart.title.text || "vue-ui-molecule" });
       });
     }
     function We() {
       return b.value;
     }
-    const I = u(!1);
+    const I = c(!1);
     function Xe(t) {
       I.value = t, X.value += 1;
     }
@@ -249,7 +249,7 @@ const Pt = ["id"], Ot = {
     function ie() {
       h.value.showTooltip = !h.value.showTooltip;
     }
-    const N = u(!1);
+    const N = c(!1);
     function V() {
       N.value = !N.value;
     }
@@ -282,7 +282,7 @@ const Pt = ["id"], Ot = {
       }),
       onMouseenter: s[3] || (s[3] = () => l(Z)(!0))
     }, [
-      e.value.userOptions.buttons.annotator ? (r(), $(l(Pe), {
+      e.value.userOptions.buttons.annotator ? (r(), $(l(Oe), {
         key: 0,
         svgRef: l(z),
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -290,7 +290,7 @@ const Pt = ["id"], Ot = {
         active: N.value,
         onClose: V
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : f("", !0),
-      Ue.value ? (r(), y("div", Ot, null, 512)) : f("", !0),
+      Ue.value ? (r(), y("div", Pt, null, 512)) : f("", !0),
       e.value.style.chart.title.text ? (r(), y("div", At, [
         (r(), $(l(Fe), {
           key: `title_${j.value}`,
@@ -328,6 +328,7 @@ const Pt = ["id"], Ot = {
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: N.value,
+        callbacks: e.value.userOptions.callbacks,
         onToggleFullscreen: Xe,
         onGeneratePdf: l(ee),
         onGenerateCsv: ae,
@@ -403,7 +404,7 @@ const Pt = ["id"], Ot = {
           ]),
           key: "8"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasTable", "hasLabel", "hasFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : f("", !0),
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasTable", "hasLabel", "hasFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "onGeneratePdf", "onGenerateImage", "style"])) : f("", !0),
       S.value ? (r(), y("svg", {
         key: 4,
         ref_key: "svgRef",
@@ -450,7 +451,7 @@ const Pt = ["id"], Ot = {
           color: e.value.style.chart.links.stroke,
           backgroundColor: e.value.style.chart.backgroundColor
         }, null, 8, ["dataset", "color", "backgroundColor"]),
-        F(l(Oe), {
+        F(l(Pe), {
           dataset: b.value,
           hoveredUid: A.value,
           stroke: e.value.style.chart.nodes.stroke,
@@ -551,10 +552,10 @@ const Pt = ["id"], Ot = {
         content: d(() => [
           (r(), $(l(we), {
             key: `table_${Y.value}`,
-            colNames: P.value.colNames,
-            head: P.value.head,
-            body: P.value.body,
-            config: P.value.config,
+            colNames: O.value.colNames,
+            head: O.value.head,
+            body: O.value.body,
+            config: O.value.config,
             title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? ` : ${e.value.style.chart.title.subtitle.text}` : ""}`,
             onClose: s[1] || (s[1] = (o) => h.value.showTable = !1)
           }, {
@@ -572,9 +573,9 @@ const Pt = ["id"], Ot = {
         ]),
         _: 1
       }, 8, ["config"])) : f("", !0)
-    ], 46, Pt));
+    ], 46, Ot));
   }
-}, Xt = /* @__PURE__ */ Tt(Rt, [["__scopeId", "data-v-7b4f61ba"]]);
+}, Xt = /* @__PURE__ */ Tt(Rt, [["__scopeId", "data-v-20a9487b"]]);
 export {
   Xt as default
 };