vue-data-ui 3.0.0-next.0 → 3.0.0-next.1

package/dist/{useNestedProp-YgN3FV_8.js → useNestedProp-uR74_CFG.js}

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

package/dist/{usePrinter-COkTjv6C.js → usePrinter-j3g1L2nh.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-DPxOdzfi.js");
+          const { default: e } = await import("./pdf-DROWzopj.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-BeMVTwmF.js");
+          const { default: e } = await import("./img-D3JvqNF8.js");
           await e({
             domElement: document.getElementById(u),
             fileName: l,

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

@@ -0,0 +1,314 @@
+import { toRefs as ne, defineAsyncComponent as t, computed as c, ref as o, onMounted as re, watch as Q, shallowReactive as le, createElementBlock as ue, createBlock as d, openBlock as g, normalizeStyle as se, createElementVNode as ce, createTextVNode as ge, createCommentVNode as q, toDisplayString as pe, resolveDynamicComponent as me, mergeProps as de, toHandlers as Ve, createSlots as Ue, renderList as fe, withCtx as ve, renderSlot as ke, normalizeProps as Se, guardReactiveProps as he } from "vue";
+import K from "./BaseIcon-BAHAKjob.js";
+const be = { style: { width: "36px" } }, Ae = {
+  __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(Y, { expose: J, emit: Z }) {
+    const a = Y, { component: ye, dataset: R, config: w } = ne(a), p = {
+      VueUi3dBar: t(() => import("./vue-ui-3d-bar-BAOGEe-m.js")),
+      VueUiAgePyramid: t(() => import("./vue-ui-age-pyramid-BRdQ44O4.js")),
+      VueUiAnnotator: t(() => import("./vue-ui-annotator-mjIKrhYa.js")),
+      VueUiCandlestick: t(() => import("./vue-ui-candlestick-BFLmoEEN.js")),
+      VueUiChestnut: t(() => import("./vue-ui-chestnut-C7eNjkFo.js")),
+      VueUiDashboard: t(() => import("./vue-ui-dashboard-WMKjx3iE.js")),
+      VueUiDigits: t(() => import("./vue-ui-digits-BoYPIuXn.js")),
+      VueUiDonut: t(() => import("./vue-ui-donut-DJVqqXEb.js")),
+      VueUiDonutEvolution: t(() => import("./vue-ui-donut-evolution-DSG8NUG0.js")),
+      VueUiGalaxy: t(() => import("./vue-ui-galaxy-D5L31IXm.js")),
+      VueUiGauge: t(() => import("./vue-ui-gauge-BnuDe4Wj.js")),
+      VueUiHeatmap: t(() => import("./vue-ui-heatmap-9KJYiKzE.js")),
+      VueUiKpi: t(() => import("./vue-ui-kpi-EtTBwHGS.js")),
+      VueUiMiniLoader: t(() => import("./vue-ui-mini-loader-CRnUCpsm.js")),
+      VueUiMolecule: t(() => import("./vue-ui-molecule-Bfk3Vhbi.js")),
+      VueUiMoodRadar: t(() => import("./vue-ui-mood-radar-BfRkWvgp.js")),
+      VueUiNestedDonuts: t(() => import("./vue-ui-nested-donuts-Ck9Zm1UU.js")),
+      VueUiOnion: t(() => import("./vue-ui-onion-DF7Z21x-.js")),
+      VueUiQuadrant: t(() => import("./vue-ui-quadrant-DpFjMZoK.js")),
+      VueUiRadar: t(() => import("./vue-ui-radar-Dg8UovnR.js")),
+      VueUiRating: t(() => import("./vue-ui-rating-D3cpdLRt.js")),
+      VueUiRelationCircle: t(() => import("./vue-ui-relation-circle-BZTTPLCi.js")),
+      VueUiRings: t(() => import("./vue-ui-rings-BiA-bRgU.js")),
+      VueUiScatter: t(() => import("./vue-ui-scatter-C3sCChYD.js")),
+      VueUiSkeleton: t(() => import("./vue-ui-skeleton-DY48gQ96.js")),
+      VueUiSmiley: t(() => import("./vue-ui-smiley-DopwmgcY.js")),
+      VueUiSparkbar: t(() => import("./vue-ui-sparkbar-mqLbTvAg.js")),
+      VueUiSparkgauge: t(() => import("./vue-ui-sparkgauge-CdfZYUAZ.js")),
+      VueUiSparkHistogram: t(() => import("./vue-ui-sparkhistogram-DAy--kFA.js")),
+      VueUiSparkline: t(() => import("./vue-ui-sparkline-KkG0FnmI.js")),
+      VueUiSparkStackbar: t(() => import("./vue-ui-sparkstackbar-LDRannBB.js")),
+      VueUiTable: t(() => import("./vue-ui-table-CPWgP-71.js")),
+      VueUiTableSparkline: t(() => import("./vue-ui-table-sparkline-CNC7Lp0t.js")),
+      VueUiThermometer: t(() => import("./vue-ui-thermometer-Bby5nWIi.js")),
+      VueUiTiremarks: t(() => import("./vue-ui-tiremarks-C0V_XedF.js")),
+      VueUiTreemap: t(() => import("./vue-ui-treemap-B5k0NEO3.js")),
+      VueUiVerticalBar: t(() => import("./vue-ui-vertical-bar-DRmHFEMu.js")),
+      VueUiWaffle: t(() => import("./vue-ui-waffle-DrEQsTIO.js")),
+      VueUiWheel: t(() => import("./vue-ui-wheel-BOTBLBOr.js")),
+      VueUiXy: t(() => import("./vue-ui-xy-C7uPPKm9.js")),
+      VueUiTableHeatmap: t(() => import("./vue-ui-table-heatmap-DfrMVDEE.js")),
+      VueUiAccordion: t(() => import("./vue-ui-accordion-DzF-SPaZ.js")),
+      VueUiQuickChart: t(() => import("./vue-ui-quick-chart-NfXEFkoL.js")),
+      VueUiCursor: t(() => import("./vue-ui-cursor-BrKIImfp.js")),
+      VueUiSparkTrend: t(() => import("./vue-ui-spark-trend-DO7P-2x8.js")),
+      VueUiStripPlot: t(() => import("./vue-ui-strip-plot-DUBqioS2.js")),
+      VueUiDumbbell: t(() => import("./vue-ui-dumbbell-BMveoLd_.js")),
+      VueUiWordCloud: t(() => import("./vue-ui-word-cloud-Btay9XOs.js")),
+      VueUiXyCanvas: t(() => import("./vue-ui-xy-canvas-CDjYeEkq.js")),
+      VueUiFlow: t(() => import("./vue-ui-flow-Dnsik-8f.js")),
+      VueUiParallelCoordinatePlot: t(() => import("./vue-ui-parallel-coordinate-plot-JVogg7k5.js")),
+      VueUiTimer: t(() => import("./vue-ui-timer-ym9etXUy.js")),
+      VueUiCarouselTable: t(() => import("./vue-ui-carousel-table-V89TMa5p.js")),
+      VueUiGizmo: t(() => import("./vue-ui-gizmo-DYYw-JEs.js")),
+      VueUiStackbar: t(() => import("./vue-ui-stackbar-Bys4yWs_.js")),
+      VueUiBullet: t(() => import("./vue-ui-bullet-CLYmLvSB.js")),
+      VueUiFunnel: t(() => import("./vue-ui-funnel-CQ0nHCvy.js")),
+      VueUiHistoryPlot: t(() => import("./vue-ui-history-plot-QOaVWh5L.js")),
+      VueUiCirclePack: t(() => import("./vue-ui-circle-pack-CCMbsOpk.js")),
+      VueUiWorld: t(() => import("./vue-ui-world-zBvIXrWH.js")),
+      VueUiRidgeline: t(() => import("./vue-ui-ridgeline-CtY_J3hk.js")),
+      VueUiChord: t(() => import("./vue-ui-chord-BuYDLE7K.js"))
+    }, ee = {
+      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"]
+    }, te = Z, V = c(() => !p[a.component]), oe = c(() => p[a.component] || null), r = o(null), ie = c(() => {
+      const e = ee[a.component] || [], i = {};
+      return e.includes("config") && (i.config = w.value), e.includes("dataset") && (i.dataset = R.value), i;
+    }), U = o(() => null), f = o(() => null), v = o(() => null), k = o(() => null), S = o(() => null), h = 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), z = o(() => null), M = o(() => null), W = o(() => null);
+    re(() => {
+      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 && (S.value = e.toggleReadonly), e.shoot && (h.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 && (z.value = e.selectGroup), e.selectRibbon && (M.value = e.selectRibbon), e.autoSize && (W.value = e.autoSize));
+    });
+    const ae = () => {
+      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",
+        "autoSize"
+      ], i = {};
+      return e.forEach((l) => {
+        i[l] = (...n) => te(l, ...n);
+      }), i;
+    }, m = le([]);
+    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}`));
+        }
+    }), J({
+      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 }]);
+      },
+      autoSize: W,
+      generatePdf: U,
+      generateCsv: f,
+      generateImage: v,
+      getItemsPositions: k,
+      toggleReadonly: S,
+      shoot: h,
+      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: z,
+      selectRibbon: M
+    });
+    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(), ue("div", {
+      key: 0,
+      style: se({
+        width: "100%",
+        display: "flex",
+        gap: "6px",
+        alignItems: "center",
+        color: u.value.status === "notSupported" ? "#FF9000" : "#FF0000"
+      })
+    }, [
+      ce("div", be, [
+        u.value.status === "unknown" ? (g(), d(K, {
+          key: 0,
+          name: "moodFlat",
+          stroke: "#FF0000"
+        })) : q("", !0),
+        u.value.status === "notSupported" ? (g(), d(K, {
+          key: 1,
+          name: "circleExclamation",
+          stroke: "#FF9000"
+        })) : q("", !0)
+      ]),
+      ge(" " + pe(u.value.message), 1)
+    ], 4)) : (g(), d(me(oe.value), de({
+      key: 1,
+      ref_key: "currentComponentRef",
+      ref: r
+    }, ie.value, Ve(ae())), Ue({ _: 2 }, [
+      fe(e.$slots, (l, n) => ({
+        name: n,
+        fn: ve((s) => [
+          ke(e.$slots, n, Se(he(s)))
+        ])
+      }))
+    ]), 1040));
+  }
+};
+export {
+  Ae 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-DMqAxz7R.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-BSa4GlHG.js";
 export {
   s as Arrow,
   u as VueDataUi,