vue-data-ui 2.16.5 → 2.17.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-data-ui",
   "private": false,
-  "version": "2.16.5",
+  "version": "2.17.0",
   "type": "module",
   "description": "A user-empowering data visualization Vue 3 components library for eloquent data storytelling",
   "keywords": [

package/dist/img-CTC5DLKL.js

@@ -1,20 +0,0 @@
-import { d as a } from "./dom-to-png-g3Q8kjna.js";
-async function g({ domElement: t, fileName: c, format: i = "png", scale: o = 2, base64: n = !1 }) {
-  if (!t) return Promise.reject("No element provided");
-  if (n)
-    try {
-      return a({ container: t, scale: o, base64: n }).then((r) => r);
-    } catch (r) {
-      console.error("Error generating the base64 string of the chart", r);
-    }
-  else
-    try {
-      const r = await a({ container: t, scale: o }), e = document.createElement("a");
-      e.href = r, e.download = `${c}.${i}`, document.body.appendChild(e), e.click(), document.body.removeChild(e);
-    } catch (r) {
-      throw console.error("Error generating image:", r), r;
-    }
-}
-export {
-  g as default
-};

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

@@ -1,301 +0,0 @@
-import { toRefs as ot, defineAsyncComponent as e, computed as s, ref as o, onMounted as it, watch as $, shallowReactive as at, createElementBlock as nt, createBlock as m, openBlock as c, normalizeStyle as lt, createElementVNode as rt, createTextVNode as ut, createCommentVNode as X, toDisplayString as st, resolveDynamicComponent as ct, mergeProps as gt, toHandlers as pt, createSlots as mt, renderList as dt, withCtx as Vt, renderSlot as Ut, normalizeProps as ft, guardReactiveProps as vt } from "vue";
-import Q from "./BaseIcon-DJab5OQD.js";
-const kt = { style: { width: "36px" } }, yt = {
-  __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(j, { expose: z, emit: K }) {
-    const n = j, { component: St, dataset: q, config: Y } = ot(n), g = {
-      VueUi3dBar: e(() => import("./vue-ui-3d-bar-o8P0DCbz.js")),
-      VueUiAgePyramid: e(() => import("./vue-ui-age-pyramid-C9T5bAEl.js")),
-      VueUiAnnotator: e(() => import("./vue-ui-annotator-CyOygaxE.js")),
-      VueUiCandlestick: e(() => import("./vue-ui-candlestick-BfZTMGE0.js")),
-      VueUiChestnut: e(() => import("./vue-ui-chestnut-BAIMBFaQ.js")),
-      VueUiDashboard: e(() => import("./vue-ui-dashboard--QRCkp7q.js")),
-      VueUiDigits: e(() => import("./vue-ui-digits-Dl8RHLvt.js")),
-      VueUiDonut: e(() => import("./vue-ui-donut-BxSTOFDt.js")),
-      VueUiDonutEvolution: e(() => import("./vue-ui-donut-evolution-DNzTtWnJ.js")),
-      VueUiGalaxy: e(() => import("./vue-ui-galaxy-D4HJH1qq.js")),
-      VueUiGauge: e(() => import("./vue-ui-gauge-CgIlk2pu.js")),
-      VueUiHeatmap: e(() => import("./vue-ui-heatmap-tUn_BlSp.js")),
-      VueUiKpi: e(() => import("./vue-ui-kpi-BuL8MAMD.js")),
-      VueUiMiniLoader: e(() => import("./vue-ui-mini-loader-DIeG36P8.js")),
-      VueUiMolecule: e(() => import("./vue-ui-molecule-8RJNzWIw.js")),
-      VueUiMoodRadar: e(() => import("./vue-ui-mood-radar-DftzG_Bi.js")),
-      VueUiNestedDonuts: e(() => import("./vue-ui-nested-donuts-B9JC_0xK.js")),
-      VueUiOnion: e(() => import("./vue-ui-onion-DTjaH-Bu.js")),
-      VueUiQuadrant: e(() => import("./vue-ui-quadrant-Cv3VWA6d.js")),
-      VueUiRadar: e(() => import("./vue-ui-radar-kNySclk1.js")),
-      VueUiRating: e(() => import("./vue-ui-rating-DBhEbgwD.js")),
-      VueUiRelationCircle: e(() => import("./vue-ui-relation-circle-BJQhS0aG.js")),
-      VueUiRings: e(() => import("./vue-ui-rings-C_IT2mi0.js")),
-      VueUiScatter: e(() => import("./vue-ui-scatter-i8XZreWa.js")),
-      VueUiSkeleton: e(() => import("./vue-ui-skeleton-D9B8DY_k.js")),
-      VueUiSmiley: e(() => import("./vue-ui-smiley-gmdnUWcW.js")),
-      VueUiSparkbar: e(() => import("./vue-ui-sparkbar-BVOVq3dA.js")),
-      VueUiSparkgauge: e(() => import("./vue-ui-sparkgauge-DVO2Z0Rg.js")),
-      VueUiSparkHistogram: e(() => import("./vue-ui-sparkhistogram-CbV86a2i.js")),
-      VueUiSparkline: e(() => import("./vue-ui-sparkline-jDNAVZu-.js")),
-      VueUiSparkStackbar: e(() => import("./vue-ui-sparkstackbar-auT8CUXm.js")),
-      VueUiTable: e(() => import("./vue-ui-table-B4xbQdK_.js")),
-      VueUiTableSparkline: e(() => import("./vue-ui-table-sparkline-DRgsZztN.js")),
-      VueUiThermometer: e(() => import("./vue-ui-thermometer-DkeT5DV_.js")),
-      VueUiTiremarks: e(() => import("./vue-ui-tiremarks-BV0qXRF2.js")),
-      VueUiTreemap: e(() => import("./vue-ui-treemap-DzJsjtz7.js")),
-      VueUiVerticalBar: e(() => import("./vue-ui-vertical-bar-CkLS_DGb.js")),
-      VueUiWaffle: e(() => import("./vue-ui-waffle-B2XiLGQx.js")),
-      VueUiWheel: e(() => import("./vue-ui-wheel-BR1DDpKU.js")),
-      VueUiXy: e(() => import("./vue-ui-xy-BaR-ZDba.js")),
-      VueUiTableHeatmap: e(() => import("./vue-ui-table-heatmap-DI57VcvH.js")),
-      VueUiAccordion: e(() => import("./vue-ui-accordion-CO4hmfuX.js")),
-      VueUiQuickChart: e(() => import("./vue-ui-quick-chart-imc0KrbF.js")),
-      VueUiCursor: e(() => import("./vue-ui-cursor-Bvy_o8wb.js")),
-      VueUiSparkTrend: e(() => import("./vue-ui-spark-trend-DOF3vl8_.js")),
-      VueUiStripPlot: e(() => import("./vue-ui-strip-plot-B25s87lj.js")),
-      VueUiDumbbell: e(() => import("./vue-ui-dumbbell-D01p3t3P.js")),
-      VueUiWordCloud: e(() => import("./vue-ui-word-cloud-BvOT6hu2.js")),
-      VueUiXyCanvas: e(() => import("./vue-ui-xy-canvas-B4ZmECCK.js")),
-      VueUiFlow: e(() => import("./vue-ui-flow-BMvaRn7E.js")),
-      VueUiParallelCoordinatePlot: e(() => import("./vue-ui-parallel-coordinate-plot-DwqfVqFB.js")),
-      VueUiTimer: e(() => import("./vue-ui-timer-uon_DLeH.js")),
-      VueUiCarouselTable: e(() => import("./vue-ui-carousel-table-Bam9qqkj.js")),
-      VueUiGizmo: e(() => import("./vue-ui-gizmo-C1-QYvsn.js")),
-      VueUiStackbar: e(() => import("./vue-ui-stackbar-DmO02We2.js")),
-      VueUiBullet: e(() => import("./vue-ui-bullet-CPT1jdcz.js")),
-      VueUiFunnel: e(() => import("./vue-ui-funnel-Bd_3wouw.js")),
-      VueUiHistoryPlot: e(() => import("./vue-ui-history-plot-TfVRzyIK.js")),
-      VueUiCirclePack: e(() => import("./vue-ui-circle-pack-DxXPqA7Z.js")),
-      VueUiWorld: e(() => import("./vue-ui-world-BeP91MNX.js")),
-      VueUiRidgeline: e(() => import("./vue-ui-ridgeline-Bhd1Uwm8.js")),
-      VueUiChord: e(() => import("./vue-ui-chord-92E1yKdu.js"))
-    }, J = {
-      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"]
-    }, Z = K, d = s(() => !g[n.component]), R = s(() => g[n.component] || null), i = o(null), w = s(() => {
-      const t = J[n.component] || [], a = {};
-      return t.includes("config") && (a.config = Y.value), t.includes("dataset") && (a.dataset = q.value), a;
-    }), V = o(() => null), 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), A = o(() => null), T = o(() => null), P = o(() => null), D = o(() => null), x = o(() => null), I = o(() => null), F = o(() => null), H = o(() => null), L = o(() => null), N = o(() => null), B = o(() => null), G = o(() => null), E = o(() => null), _ = o(() => null), O = o(() => null), W = o(() => null), M = o(() => null);
-    it(() => {
-      d.value && console.error(`
-
-Vue Data UI exception:
-The provided component "${n.component}" does not exist. Check the spelling.
-
-Available components:
-
-${Object.keys(g).map((t) => `. ${t}
-`).join("")}`);
-    }), $(i, async (t) => {
-      t && (t.generatePdf && (V.value = t.generatePdf), t.generateImage && (f.value = t.generateImage), t.generateCsv && (U.value = t.generateCsv), t.getItemsPositions && (v.value = t.getItemsPositions), t.toggleReadonly && (k.value = t.toggleReadonly), t.shoot && (S.value = t.shoot), t.close && (h.value = t.close), t.restoreOrder && (b.value = t.restoreOrder), t.recalculateHeight && (y.value = t.recalculateHeight), t.toggleLock && (C.value = t.toggleLock), t.toggleTable && (A.value = t.toggleTable), t.toggleLabels && (T.value = t.toggleLabels), t.toggleSort && (P.value = t.toggleSort), t.toggleStack && (D.value = t.toggleStack), t.toggleTooltip && (x.value = t.toggleTooltip), t.start && (I.value = t.start), t.pause && (F.value = t.pause), t.reset && (H.value = t.reset), t.restart && (L.value = t.restart), t.lap && (N.value = t.lap), t.toggleAnimation && (B.value = t.toggleAnimation), t.pauseAnimation && (G.value = t.pauseAnimation), t.resumeAnimation && (E.value = t.resumeAnimation), t.toggleAnnotator && (_.value = t.toggleAnnotator), t.selectNode && (O.value = t.selectNode), t.selectGroup && (W.value = t.selectGroup), t.selectRibbon && (M.value = t.selectRibbon));
-    });
-    const tt = () => {
-      const t = [
-        "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"
-      ], a = {};
-      return t.forEach((p) => {
-        a[p] = (...u) => Z(p, ...u);
-      }), a;
-    }, l = at([]);
-    $([l, i], () => {
-      if (i.value)
-        for (; l.length; ) {
-          const [t, ...a] = l.shift();
-          typeof i.value[t] == "function" && i.value[t](...a);
-        }
-    }), z({
-      getData: (...t) => i.value && typeof i.value.getData == "function" ? i.value.getData() : l.push(["getData", ...t]),
-      generatePdf: V,
-      generateCsv: U,
-      generateImage: f,
-      getItemsPositions: v,
-      toggleReadonly: k,
-      shoot: S,
-      close: h,
-      restoreOrder: b,
-      recalculateHeight: y,
-      toggleLock: C,
-      toggleTable: A,
-      toggleLabels: T,
-      toggleSort: P,
-      toggleStack: D,
-      toggleTooltip: x,
-      start: I,
-      pause: F,
-      reset: H,
-      restart: L,
-      lap: N,
-      pauseAnimation: G,
-      resumeAnimation: E,
-      toggleAnimation: B,
-      toggleAnnotator: _,
-      selectNode: O,
-      selectGroup: W,
-      selectRibbon: M
-    });
-    const r = s(() => {
-      let t = `The provided component ${n.component} does not exist.`;
-      return ["VueUiIcon", "VueUiPattern", "Arrow"].includes(n.component) ? (t = `${n.component} is not supported by the VueDataUi universal component. You must import it individually.`, console.warn(t), {
-        status: "notSupported",
-        message: t
-      }) : (console.warn(t), {
-        status: "unknown",
-        message: t
-      });
-    });
-    return (t, a) => d.value ? (c(), nt("div", {
-      key: 0,
-      style: lt({
-        width: "100%",
-        display: "flex",
-        gap: "6px",
-        alignItems: "center",
-        color: r.value.status === "notSupported" ? "#FF9000" : "#FF0000"
-      })
-    }, [
-      rt("div", kt, [
-        r.value.status === "unknown" ? (c(), m(Q, {
-          key: 0,
-          name: "moodFlat",
-          stroke: "#FF0000"
-        })) : X("", !0),
-        r.value.status === "notSupported" ? (c(), m(Q, {
-          key: 1,
-          name: "circleExclamation",
-          stroke: "#FF9000"
-        })) : X("", !0)
-      ]),
-      ut(" " + st(r.value.message), 1)
-    ], 4)) : (c(), m(ct(R.value), gt({
-      key: 1,
-      ref_key: "currentComponentRef",
-      ref: i
-    }, w.value, pt(tt())), mt({ _: 2 }, [
-      dt(t.$slots, (p, u) => ({
-        name: u,
-        fn: Vt((et) => [
-          Ut(t.$slots, u, ft(vt(et)))
-        ])
-      }))
-    ]), 1040));
-  }
-};
-export {
-  yt as default
-};