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

package/dist/useLoading-Bt5Doa8m.js

@@ -0,0 +1,28 @@
+import { createElementBlock as p, openBlock as v, ref as d, computed as g, unref as c, watchEffect as h } from "vue";
+import { _ as A } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const y = {}, B = { class: "vue-data-ui-scanner" };
+function E(a, n) {
+  return v(), p("div", B);
+}
+const I = /* @__PURE__ */ A(y, [["render", E], ["__scopeId", "data-v-d6376e44"]]);
+function S({
+  config: a,
+  dataset: n,
+  skeletonDataset: r,
+  skeletonConfig: t,
+  FINAL_CONFIG: i,
+  prepareConfig: _,
+  callback: s = null
+}) {
+  const u = d(!1), o = g(() => {
+    const f = c(a)?.loading ?? !1, e = c(n), m = e == null || Array.isArray(e) && e.length === 0 || Object.keys(e).length === 0;
+    return u.value || f || m;
+  }), l = d(c(n));
+  return h(() => {
+    l.value = o.value ? r : c(n), i.value = o.value ? t : _(), s && s();
+  }), { loading: o, FINAL_DATASET: l, manualLoading: u, skeletonDataset: r, skeletonConfig: t };
+}
+export {
+  I as B,
+  S as u
+};

package/dist/{useNestedProp-YgN3FV_8.js → useNestedProp-DorElw91.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-BzfnuLnw.js";
 function c({ defaultConfig: e, userConfig: r }) {
   if (!Object.keys(r || {}).length)
     return e;

package/dist/{usePrinter-COkTjv6C.js → usePrinter-C9qkgv0r.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-CguiIsUc.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-ku4zevVD.js");
           await e({
             domElement: document.getElementById(u),
             fileName: l,

package/dist/vue-data-ui-DQef_oFO.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-BmZ4MREl.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-DPSamIA-.js")),
+      VueUiAgePyramid: t(() => import("./vue-ui-age-pyramid-DVeGKvf9.js")),
+      VueUiAnnotator: t(() => import("./vue-ui-annotator-6ikkK-FK.js")),
+      VueUiCandlestick: t(() => import("./vue-ui-candlestick-Bi59FGXn.js")),
+      VueUiChestnut: t(() => import("./vue-ui-chestnut-D8wGAZod.js")),
+      VueUiDashboard: t(() => import("./vue-ui-dashboard-CKurbu8M.js")),
+      VueUiDigits: t(() => import("./vue-ui-digits-DfdZI11G.js")),
+      VueUiDonut: t(() => import("./vue-ui-donut-tECBFvud.js")),
+      VueUiDonutEvolution: t(() => import("./vue-ui-donut-evolution-CKbLO8yR.js")),
+      VueUiGalaxy: t(() => import("./vue-ui-galaxy-ocvZgZJx.js")),
+      VueUiGauge: t(() => import("./vue-ui-gauge-DajNoY-D.js")),
+      VueUiHeatmap: t(() => import("./vue-ui-heatmap-CfBS8jQe.js")),
+      VueUiKpi: t(() => import("./vue-ui-kpi-DLGHOIRj.js")),
+      VueUiMiniLoader: t(() => import("./vue-ui-mini-loader-CHAHi4c9.js")),
+      VueUiMolecule: t(() => import("./vue-ui-molecule-R5-oDFeW.js")),
+      VueUiMoodRadar: t(() => import("./vue-ui-mood-radar-Ddf2gaES.js")),
+      VueUiNestedDonuts: t(() => import("./vue-ui-nested-donuts-CksklV83.js")),
+      VueUiOnion: t(() => import("./vue-ui-onion-D2n4zUkV.js")),
+      VueUiQuadrant: t(() => import("./vue-ui-quadrant-CxNj2FEx.js")),
+      VueUiRadar: t(() => import("./vue-ui-radar-DSYMQJ6K.js")),
+      VueUiRating: t(() => import("./vue-ui-rating-BiQpwXnc.js")),
+      VueUiRelationCircle: t(() => import("./vue-ui-relation-circle-Cdxe78Bm.js")),
+      VueUiRings: t(() => import("./vue-ui-rings-BenmQHKv.js")),
+      VueUiScatter: t(() => import("./vue-ui-scatter-mDMY1H6U.js")),
+      VueUiSkeleton: t(() => import("./vue-ui-skeleton-Ch_XkFuP.js")),
+      VueUiSmiley: t(() => import("./vue-ui-smiley-DTig5lTU.js")),
+      VueUiSparkbar: t(() => import("./vue-ui-sparkbar-CgqoyBOm.js")),
+      VueUiSparkgauge: t(() => import("./vue-ui-sparkgauge-B4jR_Y62.js")),
+      VueUiSparkHistogram: t(() => import("./vue-ui-sparkhistogram-DfxjglLy.js")),
+      VueUiSparkline: t(() => import("./vue-ui-sparkline-M3QR8xJE.js")),
+      VueUiSparkStackbar: t(() => import("./vue-ui-sparkstackbar-B2Ls-Mb8.js")),
+      VueUiTable: t(() => import("./vue-ui-table-BhymhDOh.js")),
+      VueUiTableSparkline: t(() => import("./vue-ui-table-sparkline-DxBZGKZJ.js")),
+      VueUiThermometer: t(() => import("./vue-ui-thermometer-e2L6IdF-.js")),
+      VueUiTiremarks: t(() => import("./vue-ui-tiremarks-nzQH7woJ.js")),
+      VueUiTreemap: t(() => import("./vue-ui-treemap-CZxyi6fl.js")),
+      VueUiVerticalBar: t(() => import("./vue-ui-vertical-bar-DahdX1Sn.js")),
+      VueUiWaffle: t(() => import("./vue-ui-waffle-D399D4UE.js")),
+      VueUiWheel: t(() => import("./vue-ui-wheel-DtcwtHzJ.js")),
+      VueUiXy: t(() => import("./vue-ui-xy-BkTP-JpK.js")),
+      VueUiTableHeatmap: t(() => import("./vue-ui-table-heatmap-DokRh4dS.js")),
+      VueUiAccordion: t(() => import("./vue-ui-accordion-DgZK-qDz.js")),
+      VueUiQuickChart: t(() => import("./vue-ui-quick-chart-Bm_VmhJR.js")),
+      VueUiCursor: t(() => import("./vue-ui-cursor-Dd7vUd0q.js")),
+      VueUiSparkTrend: t(() => import("./vue-ui-spark-trend-BkDsp8E0.js")),
+      VueUiStripPlot: t(() => import("./vue-ui-strip-plot-B_ZLbu2D.js")),
+      VueUiDumbbell: t(() => import("./vue-ui-dumbbell-DI5Lj3r_.js")),
+      VueUiWordCloud: t(() => import("./vue-ui-word-cloud-CTDceQsf.js")),
+      VueUiXyCanvas: t(() => import("./vue-ui-xy-canvas-BKAowbe0.js")),
+      VueUiFlow: t(() => import("./vue-ui-flow-CjU48s9z.js")),
+      VueUiParallelCoordinatePlot: t(() => import("./vue-ui-parallel-coordinate-plot-CNWQqlxf.js")),
+      VueUiTimer: t(() => import("./vue-ui-timer-BG2EwK3o.js")),
+      VueUiCarouselTable: t(() => import("./vue-ui-carousel-table-DitKhrFT.js")),
+      VueUiGizmo: t(() => import("./vue-ui-gizmo-DTnzeQbm.js")),
+      VueUiStackbar: t(() => import("./vue-ui-stackbar-DIHkn6__.js")),
+      VueUiBullet: t(() => import("./vue-ui-bullet-Bg4hfFk2.js")),
+      VueUiFunnel: t(() => import("./vue-ui-funnel-DM_5vHZ4.js")),
+      VueUiHistoryPlot: t(() => import("./vue-ui-history-plot-BuOPWQoP.js")),
+      VueUiCirclePack: t(() => import("./vue-ui-circle-pack-CPy6xcxv.js")),
+      VueUiWorld: t(() => import("./vue-ui-world-BjNSbqMZ.js")),
+      VueUiRidgeline: t(() => import("./vue-ui-ridgeline-DpeM2hRi.js")),
+      VueUiChord: t(() => import("./vue-ui-chord-C-uTVCDP.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 p, aB as S, aC as k, 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 j, aR as z, aS as L, aT as O, bp as Q, aU as X, 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, aj as pa, al as Sa, br as ka, 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-BzfnuLnw.js";
 export {
   s as Arrow,
   u as VueDataUi,
@@ -16,9 +16,9 @@ export {
   m as VueUiCursor,
   C as VueUiDashboard,
   c as VueUiDigits,
-  k as VueUiDonut,
-  p as VueUiDonutEvolution,
-  S as VueUiDumbbell,
+  p as VueUiDonut,
+  S as VueUiDonutEvolution,
+  k as VueUiDumbbell,
   h as VueUiFlow,
   T as VueUiFunnel,
   P as VueUiGalaxy,
@@ -36,12 +36,12 @@ export {
   w as VueUiParallelCoordinatePlot,
   F as VueUiPattern,
   G as VueUiQuadrant,
-  z as VueUiQuickChart,
-  L as VueUiRadar,
-  O as VueUiRating,
-  Q as VueUiRelationCircle,
-  X as VueUiRidgeline,
-  j as VueUiRings,
+  j as VueUiQuickChart,
+  z as VueUiRadar,
+  L as VueUiRating,
+  O as VueUiRelationCircle,
+  Q as VueUiRidgeline,
+  X as VueUiRings,
   q as VueUiScatter,
   E as VueUiSkeleton,
   I as VueUiSmiley,
@@ -70,9 +70,9 @@ export {
   ma as abbreviate,
   Ca as createSmoothPath,
   ca as createStraightPath,
-  ka as createTSpans,
-  pa as createWordCloudDatasetFromPlainText,
-  Sa as darkenColor,
+  pa as createTSpans,
+  Sa as createWordCloudDatasetFromPlainText,
+  ka as darkenColor,
   ha as getCumulativeAverage,
   Ta as getCumulativeMedian,
   Pa as getPalette,