vue-data-ui 3.0.0-next.33 → 3.0.0-next.35

package/dist/types/vue-data-ui.d.cts

@@ -1310,10 +1310,30 @@ declare module "vue-data-ui" {
         isSpin?: boolean;
     }>;
 
+    export type VueUiDonutEvolutionDatapoint = {
+        activeRadius: number;
+        donut: VueUiDonutDatapoint[];
+        donutFocus: VueUiDonutDatapoint[];
+        donutHover: VueUiDonutDatapoint[];
+        hoverRadius: number;
+        index: number;
+        percentages: number[0];
+        radius: number;
+        subtotal: number;
+        values: Array<number | null>;
+        x: number;
+        y: number;
+    }
+
     export type VueUiDonutEvolutionConfig = {
         debug?: boolean; // v3
         loading?: boolean; // v3
-        responsive?: boolean; // V3
+        responsive?: boolean; // v3
+        events?: { // v3
+            datapointEnter?: VueUiDonutEvolutionEvent; // v3
+            datapointLeave?: VueUiDonutEvolutionEvent; // v3
+            datapointClick?: VueUiDonutEvolutionEvent; // v3
+        };
         theme?: Theme;
         customPalette?: string[];
         style?: {
@@ -2389,6 +2409,11 @@ declare module "vue-data-ui" {
         debug?: boolean;
         loading?: boolean;
         responsive?: boolean;
+        events?: { // v3
+            datapointEnter?: VueUiCandlestickEvent; // v3
+            datapointLeave?: VueUiCandlestickEvent; // v3
+            datapointClick?: VueUiCandlestickEvent; // v3
+        };
         responsiveProportionalSizing?: boolean;
         theme?: Theme;
         useCssAnimation?: boolean;
@@ -2759,9 +2784,9 @@ declare module "vue-data-ui" {
     >;
 
     export type VueUiHeatmapConfig = {
-        debug?: boolean;
-        loading?: boolean;
-        responsive?: boolean;
+        debug?: boolean; // v3
+        loading?: boolean; // v3
+        responsive?: boolean; // v3
         theme?: Theme;
         style?: {
             backgroundColor?: string;
@@ -2772,11 +2797,12 @@ declare module "vue-data-ui" {
                 width?: number;
                 padding?: ChartPadding;
                 cells?: {
-                    height?: number;
+                    // height?: number; // v3 deprecated
                     columnTotal?: {
                         value?: {
                             show?: boolean;
                             rotation?: number;
+                            autoRotate?: boolean; // v3
                             offsetX?: number;
                             offsetY?: number;
                         };
@@ -2817,8 +2843,10 @@ declare module "vue-data-ui" {
                     xAxis?: {
                         show?: boolean;
                         values?: Array<string | number>;
+                        datetimeFormatter?: AxisDateFormatter; // v3
                         showOnlyAtModulo?: number | null;
                         rotation?: number;
+                        autoRotate?: boolean; // v3
                         fontSize?: number;
                         color?: string;
                         bold?: boolean;
@@ -2828,6 +2856,7 @@ declare module "vue-data-ui" {
                     yAxis?: {
                         show?: boolean;
                         values?: Array<string | number>;
+                        datetimeFormatter?: AxisDateFormatter; // v3
                         fontSize?: number;
                         color?: string;
                         bold?: boolean;
@@ -2840,8 +2869,9 @@ declare module "vue-data-ui" {
             legend?: ChartBaseLegend & {
                 backgroundColor?: string;
                 roundingValue?: number;
-                position?: "right" | "bottom";
-                scaleBorderRadius?: number;
+                width?: number;
+                // position?: "right" | "bottom"; // v3 deprecated
+                // scaleBorderRadius?: number; // v3 deprecated
             };
             tooltip?: ChartTooltip & {
                 roundingValue?: number;
@@ -2887,7 +2917,7 @@ declare module "vue-data-ui" {
     };
 
     export type VueUiHeatmapDatasetItem = {
-        name: string;
+        name: string | number;
         values: number[];
     };
 
@@ -3336,6 +3366,9 @@ declare module "vue-data-ui" {
     export type VueUiDonutEvent = ChartEvent<VueUiDonutDatapoint>;
     export type VueUiSparklineEvent = ChartEvent<VueUiSparklineDatasetItem>;
     export type VueUiXyEvent = ChartEvent<VueUiXyDatapointItem[]>;
+    export type VueUiStackbarEvent = ChartEvent<VueUiStackbarDatapointItem[]>;
+    export type VueUiCandlestickEvent = ChartEvent<VueUiCandlestickDatapoint>;
+    export type VueUiDonutEvolutionEvent = ChartEvent<VueUiDonutEvolutionDatapoint>;
 
     export type VueUiDonutConfig = {
         debug?: boolean;
@@ -7069,6 +7102,11 @@ declare module "vue-data-ui" {
         responsive?: boolean;
         customPalette?: string[];
         useCssAnimation?: boolean;
+        events?: { // v3
+            datapointEnter?: VueUiStackbarEvent; // v3
+            datapointLeave?: VueUiStackbarEvent; // v3
+            datapointClick?: VueUiStackbarEvent; // v3
+        };
         orientation?: "vertical" | "horizontal";
         table?: {
             show?: boolean;

package/dist/types/vue-data-ui.d.ts

@@ -1310,10 +1310,30 @@ declare module "vue-data-ui" {
         isSpin?: boolean;
     }>;
 
+    export type VueUiDonutEvolutionDatapoint = {
+        activeRadius: number;
+        donut: VueUiDonutDatapoint[];
+        donutFocus: VueUiDonutDatapoint[];
+        donutHover: VueUiDonutDatapoint[];
+        hoverRadius: number;
+        index: number;
+        percentages: number[0];
+        radius: number;
+        subtotal: number;
+        values: Array<number | null>;
+        x: number;
+        y: number;
+    }
+
     export type VueUiDonutEvolutionConfig = {
         debug?: boolean; // v3
         loading?: boolean; // v3
-        responsive?: boolean; // V3
+        responsive?: boolean; // v3
+        events?: { // v3
+            datapointEnter?: VueUiDonutEvolutionEvent; // v3
+            datapointLeave?: VueUiDonutEvolutionEvent; // v3
+            datapointClick?: VueUiDonutEvolutionEvent; // v3
+        };
         theme?: Theme;
         customPalette?: string[];
         style?: {
@@ -2389,6 +2409,11 @@ declare module "vue-data-ui" {
         debug?: boolean;
         loading?: boolean;
         responsive?: boolean;
+        events?: { // v3
+            datapointEnter?: VueUiCandlestickEvent; // v3
+            datapointLeave?: VueUiCandlestickEvent; // v3
+            datapointClick?: VueUiCandlestickEvent; // v3
+        };
         responsiveProportionalSizing?: boolean;
         theme?: Theme;
         useCssAnimation?: boolean;
@@ -2759,9 +2784,9 @@ declare module "vue-data-ui" {
     >;
 
     export type VueUiHeatmapConfig = {
-        debug?: boolean;
-        loading?: boolean;
-        responsive?: boolean;
+        debug?: boolean; // v3
+        loading?: boolean; // v3
+        responsive?: boolean; // v3
         theme?: Theme;
         style?: {
             backgroundColor?: string;
@@ -2772,11 +2797,12 @@ declare module "vue-data-ui" {
                 width?: number;
                 padding?: ChartPadding;
                 cells?: {
-                    height?: number;
+                    // height?: number; // v3 deprecated
                     columnTotal?: {
                         value?: {
                             show?: boolean;
                             rotation?: number;
+                            autoRotate?: boolean; // v3
                             offsetX?: number;
                             offsetY?: number;
                         };
@@ -2817,8 +2843,10 @@ declare module "vue-data-ui" {
                     xAxis?: {
                         show?: boolean;
                         values?: Array<string | number>;
+                        datetimeFormatter?: AxisDateFormatter; // v3
                         showOnlyAtModulo?: number | null;
                         rotation?: number;
+                        autoRotate?: boolean; // v3
                         fontSize?: number;
                         color?: string;
                         bold?: boolean;
@@ -2828,6 +2856,7 @@ declare module "vue-data-ui" {
                     yAxis?: {
                         show?: boolean;
                         values?: Array<string | number>;
+                        datetimeFormatter?: AxisDateFormatter; // v3
                         fontSize?: number;
                         color?: string;
                         bold?: boolean;
@@ -2840,8 +2869,9 @@ declare module "vue-data-ui" {
             legend?: ChartBaseLegend & {
                 backgroundColor?: string;
                 roundingValue?: number;
-                position?: "right" | "bottom";
-                scaleBorderRadius?: number;
+                width?: number;
+                // position?: "right" | "bottom"; // v3 deprecated
+                // scaleBorderRadius?: number; // v3 deprecated
             };
             tooltip?: ChartTooltip & {
                 roundingValue?: number;
@@ -2887,7 +2917,7 @@ declare module "vue-data-ui" {
     };
 
     export type VueUiHeatmapDatasetItem = {
-        name: string;
+        name: string | number;
         values: number[];
     };
 
@@ -3336,6 +3366,9 @@ declare module "vue-data-ui" {
     export type VueUiDonutEvent = ChartEvent<VueUiDonutDatapoint>;
     export type VueUiSparklineEvent = ChartEvent<VueUiSparklineDatasetItem>;
     export type VueUiXyEvent = ChartEvent<VueUiXyDatapointItem[]>;
+    export type VueUiStackbarEvent = ChartEvent<VueUiStackbarDatapointItem[]>;
+    export type VueUiCandlestickEvent = ChartEvent<VueUiCandlestickDatapoint>;
+    export type VueUiDonutEvolutionEvent = ChartEvent<VueUiDonutEvolutionDatapoint>;
 
     export type VueUiDonutConfig = {
         debug?: boolean;
@@ -7069,6 +7102,11 @@ declare module "vue-data-ui" {
         responsive?: boolean;
         customPalette?: string[];
         useCssAnimation?: boolean;
+        events?: { // v3
+            datapointEnter?: VueUiStackbarEvent; // v3
+            datapointLeave?: VueUiStackbarEvent; // v3
+            datapointClick?: VueUiStackbarEvent; // v3
+        };
         orientation?: "vertical" | "horizontal";
         table?: {
             show?: boolean;

package/dist/{useNestedProp-D059IOwh.js → useNestedProp-Di0uuVL6.js}

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

package/dist/{usePrinter-BuJDNOzF.js → usePrinter-B3aBnAXo.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-CVKcemYx.js");
+          const { default: e } = await import("./pdf-BLIP6Yoc.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-59KgIaXp.js");
+          const { default: e } = await import("./img-czwmJka_.js");
           await e({
             domElement: document.getElementById(u),
             fileName: l,

package/dist/useTimeLabelCollider-CIsgDrl9.js

@@ -0,0 +1,78 @@
+import { watch as A, nextTick as D } from "vue";
+function S({
+  timeLabelsEls: F,
+  timeLabels: L,
+  slicer: x,
+  configRef: s,
+  rotationPath: r,
+  autoRotatePath: p,
+  isAutoSize: N,
+  setViewBox: y,
+  forceResizeObserver: C,
+  callback: o,
+  targetClass: j = ".vue-data-ui-time-label",
+  rotation: w = -30.0001,
+  height: T = null,
+  width: b = null
+}) {
+  function i(a, n) {
+    return n.reduce((e, t) => e && e[t], a);
+  }
+  function g(a, n, e) {
+    n.slice(0, -1).reduce((t, l) => t[l], a)[n.slice(-1)] = e;
+  }
+  function q(a) {
+    const n = /translate\(\s*([^\s,]+)\s*,\s*([^\s,]+)\s*\)/.exec(a);
+    return n ? {
+      x: parseFloat(n[1]),
+      y: parseFloat(n[2])
+    } : { x: 0, y: 0 };
+  }
+  async function c() {
+    await D();
+    const a = F.value;
+    if (!a) return;
+    const e = Array.from(a.querySelectorAll(j)).map((u) => ({
+      ...q(u.getAttribute("transform")),
+      width: u.getBBox().width
+    }));
+    let t = !1;
+    const l = 4;
+    for (let u = 0; u < e.length && !t; u += 1)
+      for (let m = u + 1; m < e.length; m += 1) {
+        const v = e[u], f = e[m];
+        if (!(v.x + v.width + l < f.x || f.x + f.width + l < v.x)) {
+          t = !0;
+          break;
+        }
+      }
+    const d = i(s.value, r);
+    t && !d ? (g(s.value, r, w), o && o({ collision: t }), N.value && y && C && (y(), C())) : !t && d === w && (g(s.value, r, 0), o && o({ collision: t }));
+  }
+  function B(a, n) {
+    let e;
+    return (...t) => {
+      clearTimeout(e), e = setTimeout(() => a(...t), n);
+    };
+  }
+  const h = B(c, 200);
+  return T && b && A([() => b.value, () => T.value], async ([a, n], [e, t]) => {
+    if (!i(s.value, p)) return;
+    a !== e || n !== t ? h() : await c();
+  }), A(
+    [
+      () => L.value,
+      () => i(s.value, r),
+      () => x.value.start,
+      () => x.value.end
+    ],
+    async ([, , a, n], [, , e, t]) => {
+      if (!i(s.value, p)) return;
+      a !== e || n !== t ? h() : await c();
+    },
+    { immediate: !0 }
+  ), { detectTimeLabelCollision: c };
+}
+export {
+  S as u
+};

package/dist/{vue-data-ui-CnP-8qvV.js → vue-data-ui-C8hTMkHA.js}

@@ -1,5 +1,5 @@
 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-CVvwtj-w.js";
+import K from "./BaseIcon-DB8UP3sU.js";
 const be = { style: { width: "36px" } }, Ae = {
   __name: "vue-data-ui",
   props: {
@@ -36,71 +36,71 @@ const be = { style: { width: "36px" } }, Ae = {
   ],
   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-2BDo53CG.js")),
-      VueUiAgePyramid: t(() => import("./vue-ui-age-pyramid-DlD9Y8xr.js")),
-      VueUiAnnotator: t(() => import("./vue-ui-annotator-BoWAUlmS.js")),
-      VueUiCandlestick: t(() => import("./vue-ui-candlestick-DDS8WYxh.js")),
-      VueUiChestnut: t(() => import("./vue-ui-chestnut-D1pWQozg.js")),
-      VueUiDashboard: t(() => import("./vue-ui-dashboard-CwWcub4O.js")),
-      VueUiDigits: t(() => import("./vue-ui-digits-CBD1fasp.js")),
-      VueUiDonut: t(() => import("./vue-ui-donut-DzM857Mw.js")),
-      VueUiDonutEvolution: t(() => import("./vue-ui-donut-evolution-BPTk5wKW.js")),
-      VueUiGalaxy: t(() => import("./vue-ui-galaxy-siSx2yn6.js")),
-      VueUiGauge: t(() => import("./vue-ui-gauge-BgIR1PlQ.js")),
-      VueUiHeatmap: t(() => import("./vue-ui-heatmap-D_8NEANa.js")),
-      VueUiKpi: t(() => import("./vue-ui-kpi-BqGvPVuE.js")),
-      VueUiMiniLoader: t(() => import("./vue-ui-mini-loader-C3RV5-mc.js")),
-      VueUiMolecule: t(() => import("./vue-ui-molecule-DsMfjmG0.js")),
-      VueUiMoodRadar: t(() => import("./vue-ui-mood-radar-CRWVJjIb.js")),
-      VueUiNestedDonuts: t(() => import("./vue-ui-nested-donuts-D5gnJmVK.js")),
-      VueUiOnion: t(() => import("./vue-ui-onion-D1qHQTBl.js")),
-      VueUiQuadrant: t(() => import("./vue-ui-quadrant-B7Lqriri.js")),
-      VueUiRadar: t(() => import("./vue-ui-radar-D494eivm.js")),
-      VueUiRating: t(() => import("./vue-ui-rating-CTHYICJA.js")),
-      VueUiRelationCircle: t(() => import("./vue-ui-relation-circle-DMtH5ofd.js")),
-      VueUiRings: t(() => import("./vue-ui-rings-DXGyAl3y.js")),
-      VueUiScatter: t(() => import("./vue-ui-scatter-Ds7sncxR.js")),
-      VueUiSkeleton: t(() => import("./vue-ui-skeleton-DIJ5u0HF.js")),
-      VueUiSmiley: t(() => import("./vue-ui-smiley-Dyhet6zb.js")),
-      VueUiSparkbar: t(() => import("./vue-ui-sparkbar-COfmi6KI.js")),
-      VueUiSparkgauge: t(() => import("./vue-ui-sparkgauge-DJOsuPG-.js")),
-      VueUiSparkHistogram: t(() => import("./vue-ui-sparkhistogram-DV3KR-q5.js")),
-      VueUiSparkline: t(() => import("./vue-ui-sparkline-kf86uahK.js")),
-      VueUiSparkStackbar: t(() => import("./vue-ui-sparkstackbar-DPpQkxUm.js")),
-      VueUiTable: t(() => import("./vue-ui-table-Cg422ltc.js")),
-      VueUiTableSparkline: t(() => import("./vue-ui-table-sparkline-MtUkhn2K.js")),
-      VueUiThermometer: t(() => import("./vue-ui-thermometer-Bz4qJzLC.js")),
-      VueUiTiremarks: t(() => import("./vue-ui-tiremarks-Bafaf_gE.js")),
-      VueUiTreemap: t(() => import("./vue-ui-treemap-CSQjMeIP.js")),
-      VueUiVerticalBar: t(() => import("./vue-ui-vertical-bar-tLYgt_Pg.js")),
+      VueUi3dBar: t(() => import("./vue-ui-3d-bar-BybaBB_P.js")),
+      VueUiAgePyramid: t(() => import("./vue-ui-age-pyramid-DPuw31_r.js")),
+      VueUiAnnotator: t(() => import("./vue-ui-annotator-BRVlhEK2.js")),
+      VueUiCandlestick: t(() => import("./vue-ui-candlestick-DEYGVnYY.js")),
+      VueUiChestnut: t(() => import("./vue-ui-chestnut-EngIIDHp.js")),
+      VueUiDashboard: t(() => import("./vue-ui-dashboard-R18RfpNq.js")),
+      VueUiDigits: t(() => import("./vue-ui-digits-lDDMeEMg.js")),
+      VueUiDonut: t(() => import("./vue-ui-donut-C0QxZHSs.js")),
+      VueUiDonutEvolution: t(() => import("./vue-ui-donut-evolution-DMuOgr00.js")),
+      VueUiGalaxy: t(() => import("./vue-ui-galaxy-5_UI4rRC.js")),
+      VueUiGauge: t(() => import("./vue-ui-gauge-DuPPfpX8.js")),
+      VueUiHeatmap: t(() => import("./vue-ui-heatmap-Du7CgmK0.js")),
+      VueUiKpi: t(() => import("./vue-ui-kpi-DFqD1V27.js")),
+      VueUiMiniLoader: t(() => import("./vue-ui-mini-loader-Dhx_wzdm.js")),
+      VueUiMolecule: t(() => import("./vue-ui-molecule-F69F6eYS.js")),
+      VueUiMoodRadar: t(() => import("./vue-ui-mood-radar-Bx-4k7jY.js")),
+      VueUiNestedDonuts: t(() => import("./vue-ui-nested-donuts-BVeoZkgI.js")),
+      VueUiOnion: t(() => import("./vue-ui-onion-DHYlAXM7.js")),
+      VueUiQuadrant: t(() => import("./vue-ui-quadrant-BsQ8O9e6.js")),
+      VueUiRadar: t(() => import("./vue-ui-radar-ByUt1ys9.js")),
+      VueUiRating: t(() => import("./vue-ui-rating-C1KpOoZF.js")),
+      VueUiRelationCircle: t(() => import("./vue-ui-relation-circle-Bw-A49Ol.js")),
+      VueUiRings: t(() => import("./vue-ui-rings-D4-dAblw.js")),
+      VueUiScatter: t(() => import("./vue-ui-scatter-Ese_ubEo.js")),
+      VueUiSkeleton: t(() => import("./vue-ui-skeleton-DGCSWS6R.js")),
+      VueUiSmiley: t(() => import("./vue-ui-smiley-D-2kksbm.js")),
+      VueUiSparkbar: t(() => import("./vue-ui-sparkbar-t47Lq5jH.js")),
+      VueUiSparkgauge: t(() => import("./vue-ui-sparkgauge-T8iByZV1.js")),
+      VueUiSparkHistogram: t(() => import("./vue-ui-sparkhistogram-D_ZvA5DH.js")),
+      VueUiSparkline: t(() => import("./vue-ui-sparkline-DQExYN7j.js")),
+      VueUiSparkStackbar: t(() => import("./vue-ui-sparkstackbar-9ywYLwLc.js")),
+      VueUiTable: t(() => import("./vue-ui-table-ChP6rjYz.js")),
+      VueUiTableSparkline: t(() => import("./vue-ui-table-sparkline-D04Usdos.js")),
+      VueUiThermometer: t(() => import("./vue-ui-thermometer-tp3Zjpbn.js")),
+      VueUiTiremarks: t(() => import("./vue-ui-tiremarks-CkUbhFx0.js")),
+      VueUiTreemap: t(() => import("./vue-ui-treemap-BpkTja9I.js")),
+      VueUiVerticalBar: t(() => import("./vue-ui-vertical-bar-CQ2y_LEJ.js")),
       // delete in v4
-      VueUiHorizontalBar: t(() => import("./vue-ui-vertical-bar-tLYgt_Pg.js")),
+      VueUiHorizontalBar: t(() => import("./vue-ui-vertical-bar-CQ2y_LEJ.js")),
       // v3 renaming
-      VueUiWaffle: t(() => import("./vue-ui-waffle-ir_3LGj_.js")),
-      VueUiWheel: t(() => import("./vue-ui-wheel-bDEJ_vBc.js")),
-      VueUiXy: t(() => import("./vue-ui-xy-dnlLx-v4.js")),
-      VueUiTableHeatmap: t(() => import("./vue-ui-table-heatmap-BCDOpShn.js")),
-      VueUiAccordion: t(() => import("./vue-ui-accordion-DyBJ-mad.js")),
-      VueUiQuickChart: t(() => import("./vue-ui-quick-chart-CvQRgbKq.js")),
-      VueUiCursor: t(() => import("./vue-ui-cursor-D86Y-gg1.js")),
-      VueUiSparkTrend: t(() => import("./vue-ui-spark-trend-rhXFuApA.js")),
-      VueUiStripPlot: t(() => import("./vue-ui-strip-plot-DRfNBQ9A.js")),
-      VueUiDumbbell: t(() => import("./vue-ui-dumbbell-Dqm2btrM.js")),
-      VueUiWordCloud: t(() => import("./vue-ui-word-cloud-BLQ-MfCc.js")),
-      VueUiXyCanvas: t(() => import("./vue-ui-xy-canvas-DDRJMmPT.js")),
-      VueUiFlow: t(() => import("./vue-ui-flow-C-JgLHsh.js")),
-      VueUiParallelCoordinatePlot: t(() => import("./vue-ui-parallel-coordinate-plot-BnAveZOI.js")),
-      VueUiTimer: t(() => import("./vue-ui-timer-Da3hWBUk.js")),
-      VueUiCarouselTable: t(() => import("./vue-ui-carousel-table-D2xngvtB.js")),
-      VueUiGizmo: t(() => import("./vue-ui-gizmo-CPIlfu1s.js")),
-      VueUiStackbar: t(() => import("./vue-ui-stackbar-CASe4O-t.js")),
-      VueUiBullet: t(() => import("./vue-ui-bullet-CfUFHtlX.js")),
-      VueUiFunnel: t(() => import("./vue-ui-funnel-Dm3aCwVL.js")),
-      VueUiHistoryPlot: t(() => import("./vue-ui-history-plot-DOWu_0wY.js")),
-      VueUiCirclePack: t(() => import("./vue-ui-circle-pack-CeykLpx8.js")),
-      VueUiWorld: t(() => import("./vue-ui-world-_IoWGh3p.js")),
-      VueUiRidgeline: t(() => import("./vue-ui-ridgeline-BiDnGLX5.js")),
-      VueUiChord: t(() => import("./vue-ui-chord-DEK-Wk7B.js"))
+      VueUiWaffle: t(() => import("./vue-ui-waffle-BzBS5B9r.js")),
+      VueUiWheel: t(() => import("./vue-ui-wheel-CEiRdkDJ.js")),
+      VueUiXy: t(() => import("./vue-ui-xy-BtOdpKQf.js")),
+      VueUiTableHeatmap: t(() => import("./vue-ui-table-heatmap-sp_8-q-v.js")),
+      VueUiAccordion: t(() => import("./vue-ui-accordion-DJ7Cgx6-.js")),
+      VueUiQuickChart: t(() => import("./vue-ui-quick-chart-Bocy5d7r.js")),
+      VueUiCursor: t(() => import("./vue-ui-cursor-B8W8SBMh.js")),
+      VueUiSparkTrend: t(() => import("./vue-ui-spark-trend-x900EpiA.js")),
+      VueUiStripPlot: t(() => import("./vue-ui-strip-plot-Dd31-kf1.js")),
+      VueUiDumbbell: t(() => import("./vue-ui-dumbbell-BoehGkow.js")),
+      VueUiWordCloud: t(() => import("./vue-ui-word-cloud-h7iNtGpT.js")),
+      VueUiXyCanvas: t(() => import("./vue-ui-xy-canvas-BvrKpXv1.js")),
+      VueUiFlow: t(() => import("./vue-ui-flow-CMpJ4VNW.js")),
+      VueUiParallelCoordinatePlot: t(() => import("./vue-ui-parallel-coordinate-plot-N5KtznHX.js")),
+      VueUiTimer: t(() => import("./vue-ui-timer-xVlYHzJH.js")),
+      VueUiCarouselTable: t(() => import("./vue-ui-carousel-table-DBV6s3lm.js")),
+      VueUiGizmo: t(() => import("./vue-ui-gizmo-DC0_MhU8.js")),
+      VueUiStackbar: t(() => import("./vue-ui-stackbar-Cpf9GA_9.js")),
+      VueUiBullet: t(() => import("./vue-ui-bullet-4NYyyaH9.js")),
+      VueUiFunnel: t(() => import("./vue-ui-funnel-V-ep0uRk.js")),
+      VueUiHistoryPlot: t(() => import("./vue-ui-history-plot-DUAojY09.js")),
+      VueUiCirclePack: t(() => import("./vue-ui-circle-pack-D2_7Q03M.js")),
+      VueUiWorld: t(() => import("./vue-ui-world-D6iHt4w8.js")),
+      VueUiRidgeline: t(() => import("./vue-ui-ridgeline-g9JYjIcs.js")),
+      VueUiChord: t(() => import("./vue-ui-chord-B0lIgdaA.js"))
     }, ee = {
       VueUi3dBar: ["config", "dataset"],
       VueUiAgePyramid: ["config", "dataset"],

package/dist/vue-data-ui.js

@@ -1,5 +1,5 @@
 import "vue";
-import { aq as s, ar as u, as as V, at as U, au as r, av as t, bl as o, aw as b, bi as l, ax as n, bs as d, bp as m, ay as g, az as C, aA as c, aB as S, aC as k, aD as p, aE as h, bm as T, aF as P, aG as D, bj as f, aH as v, bn as y, bc as A, aI as B, aJ as H, aK as R, aL as W, aM as x, aN as M, aO as w, aP as z, bo as F, aQ as G, aR as L, aS as O, aT as Q, aU as X, br 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 _, b2 as $, bk 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, bd as ba, be as la, bf as na, bq as da, bg as ma, bh as ga, L as Ca, V as ca, U as Sa, ak as ka, am as pa, bt as ha, bu as Ta, bv as Pa, bw as Da, bx as fa, by as va, bz as ya, bA as Aa, bB as Ba, bC as Ha, bD as Ra } from "./index-h6tbqLot.js";
+import { aq as s, ar as u, as as V, at as U, au as r, av as t, bl as o, aw as b, bi as l, ax as n, bs as d, bp as m, ay as g, az as C, aA as c, aB as S, aC as k, aD as p, aE as h, bm as T, aF as P, aG as D, bj as f, aH as v, bn as y, bc as A, aI as B, aJ as H, aK as R, aL as W, aM as x, aN as M, aO as w, aP as z, bo as F, aQ as G, aR as L, aS as O, aT as Q, aU as X, br 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 _, b2 as $, bk 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, bd as ba, be as la, bf as na, bq as da, bg as ma, bh as ga, L as Ca, V as ca, U as Sa, ak as ka, am as pa, bt as ha, bu as Ta, bv as Pa, bw as Da, bx as fa, by as va, bz as ya, bA as Aa, bB as Ba, bC as Ha, bD as Ra } from "./index-Cy_OHCLi.js";
 export {
   s as Arrow,
   u as VueDataUi,

package/dist/{vue-ui-3d-bar-2BDo53CG.js → vue-ui-3d-bar-BybaBB_P.js}

@@ -1,11 +1,11 @@
 import { defineAsyncComponent as G, computed as j, ref as S, watch as Qe, onMounted as et, createElementBlock as c, openBlock as n, unref as u, normalizeStyle as O, normalizeClass as Se, createBlock as U, createCommentVNode as y, createSlots as tt, withCtx as T, renderSlot as P, normalizeProps as K, guardReactiveProps as Q, createVNode as lt, createElementVNode as d, Fragment as _, renderList as m, toDisplayString as B, mergeProps as je, createTextVNode as ot, nextTick as st } from "vue";
-import { u as at, c as Te, t as nt, p as ee, a as rt, b as ut, d as it, o as dt, e as te, g as ie, l as E, m as De, f as D, X as ct, s as g, h as le, i as oe, j as Oe, k as se, n as A, q as ht, r as vt } from "./index-h6tbqLot.js";
-import { u as ze } from "./useNestedProp-D059IOwh.js";
-import { u as ft } from "./usePrinter-BuJDNOzF.js";
+import { u as at, c as Te, t as nt, p as ee, a as rt, b as ut, d as it, o as dt, e as te, g as ie, l as E, m as De, f as D, X as ct, s as g, h as le, i as oe, j as Oe, k as se, n as A, q as ht, r as vt } from "./index-Cy_OHCLi.js";
+import { u as ze } from "./useNestedProp-Di0uuVL6.js";
+import { u as ft } from "./usePrinter-B3aBnAXo.js";
 import { u as pt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as yt } from "./useChartAccessibility-9icAAmYg.js";
-import kt from "./Title-Bo-MVYcn.js";
-import gt from "./img-59KgIaXp.js";
+import kt from "./Title-8eeSFss9.js";
+import gt from "./img-czwmJka_.js";
 import { _ as $t } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const _t = ["id"], mt = {
   key: 1,
@@ -35,7 +35,7 @@ const _t = ["id"], mt = {
   },
   emits: ["selectDatapoint"],
   setup(Ne, { expose: Be, emit: Ae }) {
-    const Ie = G(() => import("./vue-ui-accordion-DyBJ-mad.js")), Le = G(() => import("./DataTable-CQqQt3fP.js")), Ve = G(() => import("./PackageVersion-DGlLBQOn.js")), We = G(() => import("./PenAndPaper-hAK7vneq.js")), Ge = G(() => import("./vue-ui-skeleton-DIJ5u0HF.js")), Ue = G(() => import("./UserOptions-dJLhbxrH.js")), { vue_ui_3d_bar: Ee } = at(), $ = Ne, q = Ae, X = j(() => !!$.dataset && Object.keys($.dataset).length), b = S(Te()), Re = S(null), R = S(null), I = S(!1), de = S(0), ce = S(0), t = j({
+    const Ie = G(() => import("./vue-ui-accordion-DJ7Cgx6-.js")), Le = G(() => import("./DataTable-BvgiQ2JE.js")), Ve = G(() => import("./PackageVersion-Bhohtzrj.js")), We = G(() => import("./PenAndPaper-vCj1-UEY.js")), Ge = G(() => import("./vue-ui-skeleton-DGCSWS6R.js")), Ue = G(() => import("./UserOptions-Cxr0ZsfM.js")), { vue_ui_3d_bar: Ee } = at(), $ = Ne, q = Ae, X = j(() => !!$.dataset && Object.keys($.dataset).length), b = S(Te()), Re = S(null), R = S(null), I = S(!1), de = S(0), ce = S(0), t = j({
       get: () => pe(),
       set: (a) => a
     }), { userOptionsVisible: ae, setUserOptionsVisibility: he, keepUserOptionState: ve } = pt({ config: t.value }), { svgRef: fe } = yt({ config: t.value.style.chart.title });

package/dist/{vue-ui-accordion-DyBJ-mad.js → vue-ui-accordion-DJ7Cgx6-.js}

@@ -1,7 +1,7 @@
 import { useCssVars as y, computed as s, ref as r, onMounted as b, watch as _, createElementBlock as v, openBlock as u, createElementVNode as n, normalizeClass as $, normalizeStyle as p, createCommentVNode as O, renderSlot as c, createBlock as D, normalizeProps as i, mergeProps as N, guardReactiveProps as m } from "vue";
-import w from "./BaseIcon-CVvwtj-w.js";
-import { u as x } from "./useNestedProp-D059IOwh.js";
-import { u as B, c as I } from "./index-h6tbqLot.js";
+import w from "./BaseIcon-DB8UP3sU.js";
+import { u as x } from "./useNestedProp-Di0uuVL6.js";
+import { u as B, c as I } from "./index-Cy_OHCLi.js";
 import { _ as A } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const F = ["id"], P = {
   key: 0,

package/dist/{vue-ui-age-pyramid-DlD9Y8xr.js → vue-ui-age-pyramid-DPuw31_r.js}

@@ -1,12 +1,12 @@
 import { defineAsyncComponent as $, computed as x, ref as d, watch as Be, shallowRef as ge, onMounted as Ee, onBeforeUnmount as Ue, createElementBlock as r, openBlock as u, unref as i, normalizeStyle as Y, normalizeClass as pe, createBlock as F, createCommentVNode as y, renderSlot as h, createVNode as be, createSlots as De, withCtx as f, normalizeProps as M, guardReactiveProps as P, createElementVNode as v, Fragment as R, renderList as B, toDisplayString as C, createTextVNode as xe, nextTick as Ge } from "vue";
-import { u as Ve, c as We, a as Xe, o as je, e as He, v as c, X as Ye, s as q, w as me, i as T, f as A, q as qe, r as Je, x as Ke, y as Qe } from "./index-h6tbqLot.js";
+import { u as Ve, c as We, a as Xe, o as je, e as He, v as c, X as Ye, s as q, w as me, i as T, f as A, q as qe, r as Je, x as Ke, y as Qe } from "./index-Cy_OHCLi.js";
 import { t as Ze, u as et } from "./useResponsive-DfdjqQps.js";
-import { u as we } from "./useNestedProp-D059IOwh.js";
-import { u as tt } from "./usePrinter-BuJDNOzF.js";
+import { u as we } from "./useNestedProp-Di0uuVL6.js";
+import { u as tt } from "./usePrinter-B3aBnAXo.js";
 import { u as lt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as at } from "./useChartAccessibility-9icAAmYg.js";
-import ot from "./Title-Bo-MVYcn.js";
-import st from "./img-59KgIaXp.js";
+import ot from "./Title-8eeSFss9.js";
+import st from "./img-czwmJka_.js";
 import { _ as it } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ut = ["id"], rt = ["xmlns", "viewBox"], nt = ["x", "y", "width", "height"], vt = ["id"], dt = ["stop-color"], yt = ["stop-color"], ht = ["id"], ct = ["stop-color"], ft = ["stop-color"], gt = ["x", "y", "width", "height", "fill", "rx"], pt = ["x", "y", "width", "height", "fill", "rx"], bt = ["x", "y", "width", "height", "fill", "rx"], xt = ["x", "y", "width", "height", "fill", "rx"], mt = { key: 0 }, wt = ["x", "y", "fill", "font-size", "font-weight"], kt = ["x", "y", "fill", "font-size", "font-weight"], _t = { key: 1 }, Ct = ["x", "y", "font-size", "fill", "font-weight"], $t = { key: 2 }, Tt = { key: 0 }, At = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Lt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], St = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], zt = ["x", "y", "font-size", "fill", "font-weight"], Ot = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], It = ["x", "y", "font-size", "fill", "font-weight"], Ft = ["x", "y", "font-size", "fill", "font-weight"], Mt = ["x", "y", "width", "height", "fill", "onMouseover"], Pt = {
   key: 5,
@@ -28,7 +28,7 @@ const ut = ["id"], rt = ["xmlns", "viewBox"], nt = ["x", "y", "width", "height"]
     }
   },
   setup(J, { expose: ke }) {
-    const _e = $(() => import("./vue-ui-accordion-DyBJ-mad.js")), Ce = $(() => import("./DataTable-CQqQt3fP.js")), $e = $(() => import("./PackageVersion-DGlLBQOn.js")), Te = $(() => import("./PenAndPaper-hAK7vneq.js")), Ae = $(() => import("./vue-ui-skeleton-DIJ5u0HF.js")), Le = $(() => import("./Tooltip-DD9Ly0Pw.js")), Se = $(() => import("./UserOptions-dJLhbxrH.js")), { vue_ui_age_pyramid: ze } = Ve(), g = J, E = x(() => !!g.dataset && g.dataset.length), w = d(We()), Oe = d(null), V = d(!1), W = d(""), U = d(null), K = d(0), k = d(null), Q = d(null), Z = d(null), ee = d(null), te = d(0), le = d(0), e = x({
+    const _e = $(() => import("./vue-ui-accordion-DJ7Cgx6-.js")), Ce = $(() => import("./DataTable-BvgiQ2JE.js")), $e = $(() => import("./PackageVersion-Bhohtzrj.js")), Te = $(() => import("./PenAndPaper-vCj1-UEY.js")), Ae = $(() => import("./vue-ui-skeleton-DGCSWS6R.js")), Le = $(() => import("./Tooltip-C7HgI7vF.js")), Se = $(() => import("./UserOptions-Cxr0ZsfM.js")), { vue_ui_age_pyramid: ze } = Ve(), g = J, E = x(() => !!g.dataset && g.dataset.length), w = d(We()), Oe = d(null), V = d(!1), W = d(""), U = d(null), K = d(0), k = d(null), Q = d(null), Z = d(null), ee = d(null), te = d(0), le = d(0), e = x({
       get: () => ie(),
       set: (t) => t
     }), { userOptionsVisible: X, setUserOptionsVisibility: ae, keepUserOptionState: oe } = lt({ config: e.value }), { svgRef: se } = at({ config: e.value.style.title });

package/dist/{vue-ui-annotator-BoWAUlmS.js → vue-ui-annotator-BRVlhEK2.js}

@@ -1,5 +1,5 @@
-import { z as p, A as v, u as w, B as A } from "./index-h6tbqLot.js";
-import { d as M } from "./dom-to-png-CjNOdM-6.js";
+import { z as p, A as v, u as w, B as A } from "./index-Cy_OHCLi.js";
+import { d as M } from "./dom-to-png-DDW5fRWT.js";
 import { createElementBlock as d, openBlock as n, createElementVNode as r, normalizeStyle as c, toDisplayString as u, createCommentVNode as a, normalizeClass as y, createStaticVNode as F, withDirectives as N, vModelCheckbox as g, vModelText as C, renderSlot as O, Fragment as L, renderList as G } from "vue";
 import { _ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const m = {

package/dist/{vue-ui-bullet-CfUFHtlX.js → vue-ui-bullet-4NYyyaH9.js}

@@ -1,12 +1,12 @@
 import { defineAsyncComponent as $, ref as g, computed as f, onMounted as ke, watch as Z, onBeforeUnmount as we, createElementBlock as n, openBlock as r, unref as o, normalizeStyle as T, normalizeClass as ee, createBlock as C, createCommentVNode as i, createElementVNode as _, createSlots as xe, withCtx as b, renderSlot as m, normalizeProps as O, guardReactiveProps as A, createVNode as Ce, Fragment as U, renderList as N, toDisplayString as B } from "vue";
-import { u as _e, o as Le, e as te, g as $e, c as Oe, l as Ae, D as Be, d as Pe, i as P, f as S, X as Se, a as Ie } from "./index-h6tbqLot.js";
-import { u as ae } from "./useNestedProp-D059IOwh.js";
-import { u as Fe } from "./usePrinter-BuJDNOzF.js";
+import { u as _e, o as Le, e as te, g as $e, c as Oe, l as Ae, D as Be, d as Pe, i as P, f as S, X as Se, a as Ie } from "./index-Cy_OHCLi.js";
+import { u as ae } from "./useNestedProp-Di0uuVL6.js";
+import { u as Fe } from "./usePrinter-B3aBnAXo.js";
 import { u as He } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Me } from "./useChartAccessibility-9icAAmYg.js";
-import Te from "./Legend-DAN5L1lo.js";
-import Ue from "./Title-Bo-MVYcn.js";
-import Ne from "./img-59KgIaXp.js";
+import Te from "./Legend-DBh56vdD.js";
+import Ue from "./Title-8eeSFss9.js";
+import Ne from "./img-czwmJka_.js";
 import { _ as Re } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ze = ["id"], Ee = {
   key: 1,
@@ -40,7 +40,7 @@ const ze = ["id"], Ee = {
     }
   },
   setup(le, { expose: se }) {
-    const re = $(() => import("./PackageVersion-DGlLBQOn.js")), oe = $(() => import("./PenAndPaper-hAK7vneq.js")), ne = $(() => import("./vue-ui-skeleton-DIJ5u0HF.js")), ue = $(() => import("./UserOptions-dJLhbxrH.js")), { vue_ui_bullet: ie } = _e(), u = le, k = g(null), ce = g(null), R = g(0), he = g(null), ve = g(0), y = f({
+    const re = $(() => import("./PackageVersion-Bhohtzrj.js")), oe = $(() => import("./PenAndPaper-vCj1-UEY.js")), ne = $(() => import("./vue-ui-skeleton-DGCSWS6R.js")), ue = $(() => import("./UserOptions-Cxr0ZsfM.js")), { vue_ui_bullet: ie } = _e(), u = le, k = g(null), ce = g(null), R = g(0), he = g(null), ve = g(0), y = f({
       get: () => u.dataset.hasOwnProperty("value"),
       set: (t) => t
     }), w = f(() => u.dataset.segments ? Array.isArray(u.dataset.segments) ? u.dataset.segments.length ? !0 : (console.warn(`VueUiBullet: dataset segments is empty. Provide segments with this datastructure: