vue-data-ui 2.16.5 → 2.17.0

package/dist/{useNestedProp-BcPDA6Xr.js → useNestedProp-DjACxgdZ.js}

@@ -1,4 +1,4 @@
-import { A as o, z as n } from "./index-CZNLCg7T.js";
+import { A as o, z as n } from "./index-pPGk-uhD.js";
 function c({ defaultConfig: e, userConfig: r }) {
   if (!Object.keys(r || {}).length)
     return e;

package/dist/{usePrinter-ButWuZVm.js → usePrinter-DDHcrl0A.js}

@@ -10,7 +10,7 @@ function m({
     !t || r.value || (r.value = !0, clearTimeout(n.value), n.value = setTimeout(async () => {
       if (t)
         try {
-          const { default: e } = await import("./pdf-DJVOD0cz.js");
+          const { default: e } = await import("./pdf-yfk3d1is.js");
           await e({
             domElement: document.getElementById(u),
             fileName: l,
@@ -27,7 +27,7 @@ function m({
     !t || a.value || (a.value = !0, clearTimeout(n.value), n.value = setTimeout(async () => {
       if (t)
         try {
-          const { default: e } = await import("./img-CTC5DLKL.js");
+          const { default: e } = await import("./img-Y_hYz-ZC.js");
           await e({
             domElement: document.getElementById(u),
             fileName: l,

package/dist/vue-data-ui-CIWxgKjd.js

@@ -0,0 +1,312 @@
+import { toRefs as ae, defineAsyncComponent as t, computed as c, ref as o, onMounted as ne, watch as Q, shallowReactive as re, createElementBlock as le, createBlock as d, openBlock as g, normalizeStyle as ue, createElementVNode as se, createTextVNode as ce, createCommentVNode as z, toDisplayString as ge, resolveDynamicComponent as pe, mergeProps as me, toHandlers as de, createSlots as Ve, renderList as Ue, withCtx as fe, renderSlot as ve, normalizeProps as ke, guardReactiveProps as he } from "vue";
+import q from "./BaseIcon-naqtCxVi.js";
+const Se = { style: { width: "36px" } }, Pe = {
+  __name: "vue-data-ui",
+  props: {
+    component: { type: String },
+    dataset: { type: [Object, Array, Number, String] },
+    config: { type: Object }
+  },
+  emits: [
+    "selectLegend",
+    "selectDatapoint",
+    "toggleOpenState",
+    "saveAnnotations",
+    "selectRoot",
+    "selectBranch",
+    "selectNut",
+    "change",
+    "selectPlot",
+    "selectSide",
+    "rate",
+    "postImage",
+    "hoverIndex",
+    "selectX",
+    "toggleLock",
+    "toggleTooltip",
+    "start",
+    "play",
+    "pause",
+    "reset",
+    "restart",
+    "lap",
+    "toggleAnnotator",
+    "selectGroup",
+    "selectRibbon"
+  ],
+  setup(K, { expose: Y, emit: J }) {
+    const a = K, { component: be, dataset: Z, config: R } = ae(a), p = {
+      VueUi3dBar: t(() => import("./vue-ui-3d-bar-D5Wpdqfk.js")),
+      VueUiAgePyramid: t(() => import("./vue-ui-age-pyramid-BuAl-zC5.js")),
+      VueUiAnnotator: t(() => import("./vue-ui-annotator-gl2A20m3.js")),
+      VueUiCandlestick: t(() => import("./vue-ui-candlestick-1r6YwiUV.js")),
+      VueUiChestnut: t(() => import("./vue-ui-chestnut-DnlBYpC5.js")),
+      VueUiDashboard: t(() => import("./vue-ui-dashboard-Da6CPET-.js")),
+      VueUiDigits: t(() => import("./vue-ui-digits-CA8pUKej.js")),
+      VueUiDonut: t(() => import("./vue-ui-donut-CKa7nFjt.js")),
+      VueUiDonutEvolution: t(() => import("./vue-ui-donut-evolution-qeBEA4W8.js")),
+      VueUiGalaxy: t(() => import("./vue-ui-galaxy-Y8LYp5n2.js")),
+      VueUiGauge: t(() => import("./vue-ui-gauge-BBo0jWAP.js")),
+      VueUiHeatmap: t(() => import("./vue-ui-heatmap-BbxRpltP.js")),
+      VueUiKpi: t(() => import("./vue-ui-kpi-Vfc5-JnE.js")),
+      VueUiMiniLoader: t(() => import("./vue-ui-mini-loader-C0-Nsz8K.js")),
+      VueUiMolecule: t(() => import("./vue-ui-molecule-B7Yu7vzF.js")),
+      VueUiMoodRadar: t(() => import("./vue-ui-mood-radar-C8JUTwNw.js")),
+      VueUiNestedDonuts: t(() => import("./vue-ui-nested-donuts-D0RgFifU.js")),
+      VueUiOnion: t(() => import("./vue-ui-onion-D4U7TL_N.js")),
+      VueUiQuadrant: t(() => import("./vue-ui-quadrant-B13pTVVZ.js")),
+      VueUiRadar: t(() => import("./vue-ui-radar-XpdiXnhz.js")),
+      VueUiRating: t(() => import("./vue-ui-rating-CM8ZrUb1.js")),
+      VueUiRelationCircle: t(() => import("./vue-ui-relation-circle-CYoFNekk.js")),
+      VueUiRings: t(() => import("./vue-ui-rings-DwT0IfOh.js")),
+      VueUiScatter: t(() => import("./vue-ui-scatter-zDpy1udm.js")),
+      VueUiSkeleton: t(() => import("./vue-ui-skeleton-DJPjyNYn.js")),
+      VueUiSmiley: t(() => import("./vue-ui-smiley-DoDXl6k0.js")),
+      VueUiSparkbar: t(() => import("./vue-ui-sparkbar-Ds2ITgwn.js")),
+      VueUiSparkgauge: t(() => import("./vue-ui-sparkgauge-CosfK-kw.js")),
+      VueUiSparkHistogram: t(() => import("./vue-ui-sparkhistogram-C7O1wPAJ.js")),
+      VueUiSparkline: t(() => import("./vue-ui-sparkline-B_iUj3F2.js")),
+      VueUiSparkStackbar: t(() => import("./vue-ui-sparkstackbar-DBhWrysr.js")),
+      VueUiTable: t(() => import("./vue-ui-table-DQKKRgyo.js")),
+      VueUiTableSparkline: t(() => import("./vue-ui-table-sparkline-D4RubyLj.js")),
+      VueUiThermometer: t(() => import("./vue-ui-thermometer-B0FKI5cG.js")),
+      VueUiTiremarks: t(() => import("./vue-ui-tiremarks-CRt4UQZD.js")),
+      VueUiTreemap: t(() => import("./vue-ui-treemap-CWP5nYDx.js")),
+      VueUiVerticalBar: t(() => import("./vue-ui-vertical-bar-C5fPYltO.js")),
+      VueUiWaffle: t(() => import("./vue-ui-waffle-BpWLlfpg.js")),
+      VueUiWheel: t(() => import("./vue-ui-wheel-CTzuCroy.js")),
+      VueUiXy: t(() => import("./vue-ui-xy-CQ425kLR.js")),
+      VueUiTableHeatmap: t(() => import("./vue-ui-table-heatmap-Dyqj5XJC.js")),
+      VueUiAccordion: t(() => import("./vue-ui-accordion-CVnA550V.js")),
+      VueUiQuickChart: t(() => import("./vue-ui-quick-chart-C0UL4o63.js")),
+      VueUiCursor: t(() => import("./vue-ui-cursor-63EAvElT.js")),
+      VueUiSparkTrend: t(() => import("./vue-ui-spark-trend-CniV6Cpr.js")),
+      VueUiStripPlot: t(() => import("./vue-ui-strip-plot-Bvr1GAzH.js")),
+      VueUiDumbbell: t(() => import("./vue-ui-dumbbell-Bm0PvAKT.js")),
+      VueUiWordCloud: t(() => import("./vue-ui-word-cloud-BPokdaP1.js")),
+      VueUiXyCanvas: t(() => import("./vue-ui-xy-canvas-D2IFwAr7.js")),
+      VueUiFlow: t(() => import("./vue-ui-flow-C2dqXvrU.js")),
+      VueUiParallelCoordinatePlot: t(() => import("./vue-ui-parallel-coordinate-plot-CXMT7Rjr.js")),
+      VueUiTimer: t(() => import("./vue-ui-timer-DUCBRIl-.js")),
+      VueUiCarouselTable: t(() => import("./vue-ui-carousel-table-B6UJoNtP.js")),
+      VueUiGizmo: t(() => import("./vue-ui-gizmo-DjXfTOWn.js")),
+      VueUiStackbar: t(() => import("./vue-ui-stackbar-C3aV4IcL.js")),
+      VueUiBullet: t(() => import("./vue-ui-bullet-D-VMKpwe.js")),
+      VueUiFunnel: t(() => import("./vue-ui-funnel-Dvy5rRld.js")),
+      VueUiHistoryPlot: t(() => import("./vue-ui-history-plot-ChYf3Nvc.js")),
+      VueUiCirclePack: t(() => import("./vue-ui-circle-pack-CHgdpoYu.js")),
+      VueUiWorld: t(() => import("./vue-ui-world-CS6k-oil.js")),
+      VueUiRidgeline: t(() => import("./vue-ui-ridgeline-QUquE6ck.js")),
+      VueUiChord: t(() => import("./vue-ui-chord-D3kpzYjp.js"))
+    }, w = {
+      VueUi3dBar: ["config", "dataset"],
+      VueUiAgePyramid: ["config", "dataset"],
+      VueUiAnnotator: ["config", "dataset"],
+      VueUiCandlestick: ["config", "dataset"],
+      VueUiChestnut: ["config", "dataset"],
+      VueUiDashboard: ["config", "dataset"],
+      VueUiDigits: ["config", "dataset"],
+      VueUiDonut: ["config", "dataset"],
+      VueUiDonutEvolution: ["config", "dataset"],
+      VueUiGalaxy: ["config", "dataset"],
+      VueUiGauge: ["config", "dataset"],
+      VueUiHeatmap: ["config", "dataset"],
+      VueUiKpi: ["config", "dataset"],
+      VueUiMiniLoader: ["config"],
+      VueUiMolecule: ["config", "dataset"],
+      VueUiMoodRadar: ["config", "dataset"],
+      VueUiNestedDonuts: ["config", "dataset"],
+      VueUiOnion: ["config", "dataset"],
+      VueUiQuadrant: ["config", "dataset"],
+      VueUiRadar: ["config", "dataset"],
+      VueUiRating: ["config", "dataset"],
+      VueUiRelationCircle: ["config", "dataset"],
+      VueUiRings: ["config", "dataset"],
+      VueUiScatter: ["config", "dataset"],
+      VueUiSkeleton: ["config"],
+      VueUiSmiley: ["config", "dataset"],
+      VueUiSparkbar: ["config", "dataset"],
+      VueUiSparkgauge: ["config", "dataset"],
+      VueUiSparkHistogram: ["config", "dataset"],
+      VueUiSparkline: ["config", "dataset"],
+      VueUiSparkStackbar: ["config", "dataset"],
+      VueUiTable: ["config", "dataset"],
+      VueUiTableSparkline: ["config", "dataset"],
+      VueUiThermometer: ["config", "dataset"],
+      VueUiTiremarks: ["config", "dataset"],
+      VueUiTreemap: ["config", "dataset"],
+      VueUiVerticalBar: ["config", "dataset"],
+      VueUiWaffle: ["config", "dataset"],
+      VueUiWheel: ["config", "dataset"],
+      VueUiXy: ["config", "dataset"],
+      VueUiTableHeatmap: ["config", "dataset"],
+      VueUiAccordion: ["config"],
+      VueUiQuickChart: ["config", "dataset"],
+      VueUiCursor: ["config"],
+      VueUiSparkTrend: ["config", "dataset"],
+      VueUiStripPlot: ["config", "dataset"],
+      VueUiDumbbell: ["config", "dataset"],
+      VueUiWordCloud: ["config", "dataset"],
+      VueUiXyCanvas: ["config", "dataset"],
+      VueUiFlow: ["config", "dataset"],
+      VueUiParallelCoordinatePlot: ["config", "dataset"],
+      VueUiTimer: ["config"],
+      VueUiCarouselTable: ["config", "dataset"],
+      VueUiGizmo: ["config", "dataset"],
+      VueUiStackbar: ["config", "dataset"],
+      VueUiBullet: ["config", "dataset"],
+      VueUiFunnel: ["config", "dataset"],
+      VueUiHistoryPlot: ["config", "dataset"],
+      VueUiCirclePack: ["config", "dataset"],
+      VueUiWorld: ["config", "dataset"],
+      VueUiRidgeline: ["config", "dataset"],
+      VueUiChord: ["config", "dataset"]
+    }, ee = J, V = c(() => !p[a.component]), te = c(() => p[a.component] || null), r = o(null), oe = c(() => {
+      const e = w[a.component] || [], i = {};
+      return e.includes("config") && (i.config = R.value), e.includes("dataset") && (i.dataset = Z.value), i;
+    }), U = o(() => null), f = o(() => null), v = o(() => null), k = o(() => null), h = o(() => null), S = o(() => null), b = o(() => null), y = o(() => null), C = o(() => null), P = o(() => null), A = o(() => null), T = o(() => null), D = o(() => null), I = o(() => null), x = o(() => null), F = o(() => null), H = o(() => null), L = o(() => null), B = o(() => null), N = o(() => null), E = o(() => null), G = o(() => null), O = o(() => null), _ = o(() => null), $ = o(() => null), M = o(() => null), W = o(() => null);
+    ne(() => {
+      V.value && console.error(`
+
+Vue Data UI exception:
+The provided component "${a.component}" does not exist. Check the spelling.
+
+Available components:
+
+${Object.keys(p).map((e) => `. ${e}
+`).join("")}`);
+    }), Q(r, async (e) => {
+      e && (e.generatePdf && (U.value = e.generatePdf), e.generateImage && (v.value = e.generateImage), e.generateCsv && (f.value = e.generateCsv), e.getItemsPositions && (k.value = e.getItemsPositions), e.toggleReadonly && (h.value = e.toggleReadonly), e.shoot && (S.value = e.shoot), e.close && (b.value = e.close), e.restoreOrder && (y.value = e.restoreOrder), e.recalculateHeight && (C.value = e.recalculateHeight), e.toggleLock && (P.value = e.toggleLock), e.toggleTable && (A.value = e.toggleTable), e.toggleLabels && (T.value = e.toggleLabels), e.toggleSort && (D.value = e.toggleSort), e.toggleStack && (I.value = e.toggleStack), e.toggleTooltip && (x.value = e.toggleTooltip), e.start && (F.value = e.start), e.pause && (H.value = e.pause), e.reset && (L.value = e.reset), e.restart && (B.value = e.restart), e.lap && (N.value = e.lap), e.toggleAnimation && (E.value = e.toggleAnimation), e.pauseAnimation && (G.value = e.pauseAnimation), e.resumeAnimation && (O.value = e.resumeAnimation), e.toggleAnnotator && (_.value = e.toggleAnnotator), e.selectNode && ($.value = e.selectNode), e.selectGroup && (M.value = e.selectGroup), e.selectRibbon && (W.value = e.selectRibbon));
+    });
+    const ie = () => {
+      const e = [
+        "selectLegend",
+        "selectDatapoint",
+        "toggleOpenState",
+        "saveAnnotations",
+        "selectRoot",
+        "selectBranch",
+        "selectNut",
+        "change",
+        "selectPlot",
+        "selectSide",
+        "rate",
+        "postImage",
+        "hoverIndex",
+        "selectX",
+        "toggleLock",
+        "toggleTooltip",
+        "start",
+        "pause",
+        "reset",
+        "restart",
+        "lap",
+        "toggleAnimation",
+        "pauseAnimation",
+        "resumeAnimation",
+        "toggleAnnotator",
+        "selectNode",
+        "selectGroup",
+        "selectRibbon"
+      ], i = {};
+      return e.forEach((l) => {
+        i[l] = (...n) => ee(l, ...n);
+      }), i;
+    }, m = re([]);
+    function X(e, i) {
+      return new Promise((l, n) => {
+        m.push({ method: e, args: i, resolve: l, reject: n });
+      });
+    }
+    Q(r, (e) => {
+      if (e)
+        for (; m.length; ) {
+          const { method: i, args: l, resolve: n, reject: s } = m.shift(), j = e[i];
+          typeof j == "function" ? Promise.resolve().then(() => j(...l)).then(n).catch(s) : s(new Error(`Method ${i} not found on ${a.component}`));
+        }
+    }), Y({
+      getData(...e) {
+        return r.value?.getData ? r.value.getData(...e) : X("getData", e);
+      },
+      getImage(e = {}) {
+        const { scale: i = 2 } = e;
+        return r.value?.getImage ? r.value.getImage({ scale: i }) : X("getImage", [{ scale: i }]);
+      },
+      generatePdf: U,
+      generateCsv: f,
+      generateImage: v,
+      getItemsPositions: k,
+      toggleReadonly: h,
+      shoot: S,
+      close: b,
+      restoreOrder: y,
+      recalculateHeight: C,
+      toggleLock: P,
+      toggleTable: A,
+      toggleLabels: T,
+      toggleSort: D,
+      toggleStack: I,
+      toggleTooltip: x,
+      start: F,
+      pause: H,
+      reset: L,
+      restart: B,
+      lap: N,
+      pauseAnimation: G,
+      resumeAnimation: O,
+      toggleAnimation: E,
+      toggleAnnotator: _,
+      selectNode: $,
+      selectGroup: M,
+      selectRibbon: W
+    });
+    const u = c(() => {
+      let e = `The provided component ${a.component} does not exist.`;
+      return ["VueUiIcon", "VueUiPattern", "Arrow"].includes(a.component) ? (e = `${a.component} is not supported by the VueDataUi universal component. You must import it individually.`, console.warn(e), {
+        status: "notSupported",
+        message: e
+      }) : (console.warn(e), {
+        status: "unknown",
+        message: e
+      });
+    });
+    return (e, i) => V.value ? (g(), le("div", {
+      key: 0,
+      style: ue({
+        width: "100%",
+        display: "flex",
+        gap: "6px",
+        alignItems: "center",
+        color: u.value.status === "notSupported" ? "#FF9000" : "#FF0000"
+      })
+    }, [
+      se("div", Se, [
+        u.value.status === "unknown" ? (g(), d(q, {
+          key: 0,
+          name: "moodFlat",
+          stroke: "#FF0000"
+        })) : z("", !0),
+        u.value.status === "notSupported" ? (g(), d(q, {
+          key: 1,
+          name: "circleExclamation",
+          stroke: "#FF9000"
+        })) : z("", !0)
+      ]),
+      ce(" " + ge(u.value.message), 1)
+    ], 4)) : (g(), d(pe(te.value), me({
+      key: 1,
+      ref_key: "currentComponentRef",
+      ref: r
+    }, oe.value, de(ie())), Ve({ _: 2 }, [
+      Ue(e.$slots, (l, n) => ({
+        name: n,
+        fn: fe((s) => [
+          ve(e.$slots, n, ke(he(s)))
+        ])
+      }))
+    ]), 1040));
+  }
+};
+export {
+  Pe as default
+};

package/dist/vue-data-ui.js

@@ -1,5 +1,5 @@
 import "vue";
-import { ap as s, aq as u, ar as V, as as U, at as r, au as t, bj as o, av as b, bg as l, aw as n, bq as d, bn as g, ax as m, ay as C, az as c, aA as k, aB as p, aC as S, aD as h, bk as T, aE as P, aF as D, bh as f, aG as v, bl as y, aH as A, aI as R, aJ as H, aK as W, aL as x, aM as B, aN as M, aO as w, bm as F, aP as G, aQ as z, aR as L, aS as O, aT as Q, bp as X, aU as j, aV as q, aW as E, aX as I, aY as K, aZ as N, a_ as J, a$ as Y, b0 as Z, b1 as _, bi as $, b2 as aa, b3 as ea, b4 as ia, b5 as sa, b6 as ua, b7 as Va, b8 as Ua, b9 as ra, ba as ta, bb as oa, bc as ba, bd as la, bo as na, be as da, bf as ga, L as ma, V as Ca, U as ca, ag as ka, ak as pa, br as Sa, bs as ha, bt as Ta, bu as Pa, bv as Da, bw as fa, bx as va, by as ya, bz as Aa, bA as Ra } from "./index-CZNLCg7T.js";
+import { ap as s, aq as u, ar as V, as as U, at as r, au as t, bj as o, av as b, bg as l, aw as n, bq as d, bn as g, ax as m, ay as C, az as c, aA as k, aB as p, aC as S, aD as h, bk as T, aE as P, aF as D, bh as f, aG as v, bl as y, aH as A, aI as R, aJ as H, aK as W, aL as x, aM as B, aN as M, aO as w, bm as F, aP as G, aQ as z, aR as L, aS as O, aT as Q, bp as X, aU as j, aV as q, aW as E, aX as I, aY as K, aZ as N, a_ as J, a$ as Y, b0 as Z, b1 as _, bi as $, b2 as aa, b3 as ea, b4 as ia, b5 as sa, b6 as ua, b7 as Va, b8 as Ua, b9 as ra, ba as ta, bb as oa, bc as ba, bd as la, bo as na, be as da, bf as ga, L as ma, V as Ca, U as ca, ag as ka, ak as pa, br as Sa, bs as ha, bt as Ta, bu as Pa, bv as Da, bw as fa, bx as va, by as ya, bz as Aa, bA as Ra } from "./index-pPGk-uhD.js";
 export {
   s as Arrow,
   u as VueDataUi,