vue-data-ui 3.0.0-next.3 → 3.0.0-next.5

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

@@ -39,6 +39,7 @@ declare module "vue-data-ui" {
         | VueUiThermometerDataset
         | VueUiTiremarksDataset
         | VueUiVerticalBarDatasetItem[]
+        | VueUiHorizontalBarDatasetItem[]
         | VueUiWaffleDatasetItem[]
         | VueUiWheelDataset
         | VueUiXyDatasetItem[]
@@ -95,6 +96,7 @@ declare module "vue-data-ui" {
         | VueUiThermometerConfig
         | VueUiTiremarksConfig
         | VueUiVerticalBarConfig
+        | VueUiHorizontalBarConfig
         | VueUiWaffleConfig
         | VueUiWheelConfig
         | VueUiXyConfig
@@ -4705,24 +4707,33 @@ declare module "vue-data-ui" {
         value: number;
     };
 
+    export type VueUiHorizontalBarDatasetChild = VueUiVerticalBarDatasetChild; // v3 renaming
+
     export type VueUiVerticalBarDatasetItem = {
         name: string;
         value: number;
         color?: string;
-        children?: VueUiVerticalBarDatasetChild[];
+        children?: VueUiVerticalBarDatasetChild[] | VueUiHorizontalBarDatasetChild[];
     };
 
-    export type VueUiVerticalBarEvent = null | (({ datapoint, seriesIndex }: { datapoint: VueUiVerticalBarDatapoint; seriesIndex: number }) => void);
+    export type VueUiHorizontalBarDatasetItem = VueUiVerticalBarDatasetItem // v3 renaming
+
+    export type VueUiVerticalBarEvent = null | (({ datapoint, seriesIndex }: { datapoint: VueUiVerticalBarDatapoint | VueUiHorizontalBarDatapoint; seriesIndex: number }) => void);
+
+    export type VueUiHorizontalBarEvent = VueUiVerticalBarEvent; // v3 renaming
 
     export type VueUiVerticalBarConfig = {
+        debug?: boolean;
+        loading?: boolean;
+        autoSize?: boolean;
         responsive?: boolean;
         theme?: Theme;
         customPalette?: string[];
         useCssAnimation?: boolean;
         events?: {
-            datapointEnter?: VueUiVerticalBarEvent;
-            datapointLeave?: VueUiVerticalBarEvent;
-            datapointClick?: VueUiVerticalBarEvent;
+            datapointEnter?: VueUiVerticalBarEvent | VueUiHorizontalBarEvent;
+            datapointLeave?: VueUiVerticalBarEvent | VueUiHorizontalBarEvent;
+            datapointClick?: VueUiVerticalBarEvent | VueUiHorizontalBarEvent;
         };
         style?: {
             fontFamily?: string;
@@ -4783,6 +4794,7 @@ declare module "vue-data-ui" {
                         show?: boolean;
                         color?: string;
                         strokeWidth?: number;
+                        fullWidth?: boolean;
                     };
                 };
                 title?: ChartTitle;
@@ -4805,9 +4817,9 @@ declare module "vue-data-ui" {
                     | null
                     | ((
                         params: VueUiTooltipParams<
-                            VueUiVerticalBarDatapoint,
-                            VueUiVerticalBarSerie[],
-                            VueUiVerticalBarConfig
+                            VueUiVerticalBarDatapoint | VueUiHorizontalBarDatapoint,
+                            VueUiVerticalBarSerie[] | VueUiHorizontalBarSerie[],
+                            VueUiVerticalBarConfig | VueUiHorizontalBarConfig
                         >
                     ) => string);
                 };
@@ -4834,6 +4846,8 @@ declare module "vue-data-ui" {
         };
     };
 
+    export type VueUiHorizontalBarConfig = VueUiVerticalBarConfig; // v3 renaming;
+
     export type VueUiVerticalBarDatapoint = {
         children?: Array<any>;
         childIndex?: number;
@@ -4850,8 +4864,10 @@ declare module "vue-data-ui" {
         value: number;
     };
 
+    export type VueUiHorizontalBarDatapoint = VueUiVerticalBarDatapoint; // v3 renaming
+
     export type VueUiVerticalBarSerie = {
-        children: VueUiVerticalBarDatapoint[];
+        children: VueUiVerticalBarDatapoint[] | VueUiHorizontalBarDatapoint[];
         color: string;
         hasChildren: boolean;
         is: string;
@@ -4862,8 +4878,10 @@ declare module "vue-data-ui" {
         value: number;
     };
 
+    export type VueUiHorizontalBarSerie = VueUiVerticalBarSerie; // v3 renaming
+
     export type VueUiVerticalBarExpose = {
-        getData(): Promise<Array<VueUiVerticalBarDatasetItem & Record<string, any>>>
+        getData(): Promise<Array<VueUiVerticalBarDatasetItem & Record<string, any>>> | Promise<Array<VueUiHorizontalBarDatasetItem & Record<string, any>>>
         getImage(options?: { scale?: number }): GetImagePromise
         recalculateHeight(): void,
         generateCsv(): void
@@ -4876,6 +4894,8 @@ declare module "vue-data-ui" {
         toggleFullscreen(): void
     }
 
+    export type VueUiHorizontalBarExpose = VueUiVerticalBarExpose; // v3 renaming
+
     export const VueUiVerticalBar: DefineComponent<
         {
             config?: VueUiVerticalBarConfig;
@@ -4884,6 +4904,17 @@ declare module "vue-data-ui" {
         VueUiVerticalBarExpose
     >;
 
+    /**
+     * Renamed from the v2 VueUiVerticalBar
+     */
+    export const VueUiHorizontalBar: DefineComponent<
+        {
+            config?: VueUiHorizontalBarConfig;
+            dataset: VueUiHorizontalBarDatasetItem[];
+        },
+        VueUiHorizontalBarExpose
+    >;
+
     export type VueUiSparklineDatasetItem = {
         period: string;
         value: number;
@@ -8108,6 +8139,7 @@ declare module "vue-data-ui" {
         | VueUiThermometerConfig
         | VueUiTiremarksConfig
         | VueUiVerticalBarConfig
+        | VueUiHorizontalBarConfig
         | VueUiWaffleConfig
         | VueUiWheelConfig
         | VueUiXyConfig
@@ -8171,6 +8203,7 @@ declare module "vue-data-ui" {
         | "vue_ui_thermometer"
         | "vue_ui_tiremarks"
         | "vue_ui_vertical_bar"
+        | "vue_ui_horizontal_bar"
         | "vue_ui_waffle"
         | "vue_ui_wheel"
         | "vue_ui_xy"

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

@@ -39,6 +39,7 @@ declare module "vue-data-ui" {
         | VueUiThermometerDataset
         | VueUiTiremarksDataset
         | VueUiVerticalBarDatasetItem[]
+        | VueUiHorizontalBarDatasetItem[]
         | VueUiWaffleDatasetItem[]
         | VueUiWheelDataset
         | VueUiXyDatasetItem[]
@@ -95,6 +96,7 @@ declare module "vue-data-ui" {
         | VueUiThermometerConfig
         | VueUiTiremarksConfig
         | VueUiVerticalBarConfig
+        | VueUiHorizontalBarConfig
         | VueUiWaffleConfig
         | VueUiWheelConfig
         | VueUiXyConfig
@@ -4705,24 +4707,33 @@ declare module "vue-data-ui" {
         value: number;
     };
 
+    export type VueUiHorizontalBarDatasetChild = VueUiVerticalBarDatasetChild; // v3 renaming
+
     export type VueUiVerticalBarDatasetItem = {
         name: string;
         value: number;
         color?: string;
-        children?: VueUiVerticalBarDatasetChild[];
+        children?: VueUiVerticalBarDatasetChild[] | VueUiHorizontalBarDatasetChild[];
     };
 
-    export type VueUiVerticalBarEvent = null | (({ datapoint, seriesIndex }: { datapoint: VueUiVerticalBarDatapoint; seriesIndex: number }) => void);
+    export type VueUiHorizontalBarDatasetItem = VueUiVerticalBarDatasetItem // v3 renaming
+
+    export type VueUiVerticalBarEvent = null | (({ datapoint, seriesIndex }: { datapoint: VueUiVerticalBarDatapoint | VueUiHorizontalBarDatapoint; seriesIndex: number }) => void);
+
+    export type VueUiHorizontalBarEvent = VueUiVerticalBarEvent; // v3 renaming
 
     export type VueUiVerticalBarConfig = {
+        debug?: boolean;
+        loading?: boolean;
+        autoSize?: boolean;
         responsive?: boolean;
         theme?: Theme;
         customPalette?: string[];
         useCssAnimation?: boolean;
         events?: {
-            datapointEnter?: VueUiVerticalBarEvent;
-            datapointLeave?: VueUiVerticalBarEvent;
-            datapointClick?: VueUiVerticalBarEvent;
+            datapointEnter?: VueUiVerticalBarEvent | VueUiHorizontalBarEvent;
+            datapointLeave?: VueUiVerticalBarEvent | VueUiHorizontalBarEvent;
+            datapointClick?: VueUiVerticalBarEvent | VueUiHorizontalBarEvent;
         };
         style?: {
             fontFamily?: string;
@@ -4783,6 +4794,7 @@ declare module "vue-data-ui" {
                         show?: boolean;
                         color?: string;
                         strokeWidth?: number;
+                        fullWidth?: boolean;
                     };
                 };
                 title?: ChartTitle;
@@ -4805,9 +4817,9 @@ declare module "vue-data-ui" {
                     | null
                     | ((
                         params: VueUiTooltipParams<
-                            VueUiVerticalBarDatapoint,
-                            VueUiVerticalBarSerie[],
-                            VueUiVerticalBarConfig
+                            VueUiVerticalBarDatapoint | VueUiHorizontalBarDatapoint,
+                            VueUiVerticalBarSerie[] | VueUiHorizontalBarSerie[],
+                            VueUiVerticalBarConfig | VueUiHorizontalBarConfig
                         >
                     ) => string);
                 };
@@ -4834,6 +4846,8 @@ declare module "vue-data-ui" {
         };
     };
 
+    export type VueUiHorizontalBarConfig = VueUiVerticalBarConfig; // v3 renaming;
+
     export type VueUiVerticalBarDatapoint = {
         children?: Array<any>;
         childIndex?: number;
@@ -4850,8 +4864,10 @@ declare module "vue-data-ui" {
         value: number;
     };
 
+    export type VueUiHorizontalBarDatapoint = VueUiVerticalBarDatapoint; // v3 renaming
+
     export type VueUiVerticalBarSerie = {
-        children: VueUiVerticalBarDatapoint[];
+        children: VueUiVerticalBarDatapoint[] | VueUiHorizontalBarDatapoint[];
         color: string;
         hasChildren: boolean;
         is: string;
@@ -4862,8 +4878,10 @@ declare module "vue-data-ui" {
         value: number;
     };
 
+    export type VueUiHorizontalBarSerie = VueUiVerticalBarSerie; // v3 renaming
+
     export type VueUiVerticalBarExpose = {
-        getData(): Promise<Array<VueUiVerticalBarDatasetItem & Record<string, any>>>
+        getData(): Promise<Array<VueUiVerticalBarDatasetItem & Record<string, any>>> | Promise<Array<VueUiHorizontalBarDatasetItem & Record<string, any>>>
         getImage(options?: { scale?: number }): GetImagePromise
         recalculateHeight(): void,
         generateCsv(): void
@@ -4876,6 +4894,8 @@ declare module "vue-data-ui" {
         toggleFullscreen(): void
     }
 
+    export type VueUiHorizontalBarExpose = VueUiVerticalBarExpose; // v3 renaming
+
     export const VueUiVerticalBar: DefineComponent<
         {
             config?: VueUiVerticalBarConfig;
@@ -4884,6 +4904,17 @@ declare module "vue-data-ui" {
         VueUiVerticalBarExpose
     >;
 
+    /**
+     * Renamed from the v2 VueUiVerticalBar
+     */
+    export const VueUiHorizontalBar: DefineComponent<
+        {
+            config?: VueUiHorizontalBarConfig;
+            dataset: VueUiHorizontalBarDatasetItem[];
+        },
+        VueUiHorizontalBarExpose
+    >;
+
     export type VueUiSparklineDatasetItem = {
         period: string;
         value: number;
@@ -8108,6 +8139,7 @@ declare module "vue-data-ui" {
         | VueUiThermometerConfig
         | VueUiTiremarksConfig
         | VueUiVerticalBarConfig
+        | VueUiHorizontalBarConfig
         | VueUiWaffleConfig
         | VueUiWheelConfig
         | VueUiXyConfig
@@ -8171,6 +8203,7 @@ declare module "vue-data-ui" {
         | "vue_ui_thermometer"
         | "vue_ui_tiremarks"
         | "vue_ui_vertical_bar"
+        | "vue_ui_horizontal_bar"
         | "vue_ui_waffle"
         | "vue_ui_wheel"
         | "vue_ui_xy"

package/dist/{useNestedProp-Cmx8ApWu.js → useNestedProp-CV3NndHa.js}

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

package/dist/{usePrinter-BefhLUKK.js → usePrinter-DXG9SdJr.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-COmwjbLG.js");
+          const { default: e } = await import("./pdf-D-ie2h2J.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-DFeNRkbq.js");
+          const { default: e } = await import("./img-DJTFe-dE.js");
           await e({
             domElement: document.getElementById(u),
             fileName: l,

package/dist/{vue-data-ui-kdcEQgS0.js → vue-data-ui-DhThPvS0.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-TJm1JI2f.js";
+import K from "./BaseIcon-C-MP5EHV.js";
 const be = { style: { width: "36px" } }, Ae = {
   __name: "vue-data-ui",
   props: {
@@ -36,68 +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-Lv9eoXpT.js")),
-      VueUiAgePyramid: t(() => import("./vue-ui-age-pyramid-DN94DM1L.js")),
-      VueUiAnnotator: t(() => import("./vue-ui-annotator-D-YFzFco.js")),
-      VueUiCandlestick: t(() => import("./vue-ui-candlestick-Dz0D7t8f.js")),
-      VueUiChestnut: t(() => import("./vue-ui-chestnut-D9BP8n-D.js")),
-      VueUiDashboard: t(() => import("./vue-ui-dashboard-DvyNEYA8.js")),
-      VueUiDigits: t(() => import("./vue-ui-digits-XkSs-Fvw.js")),
-      VueUiDonut: t(() => import("./vue-ui-donut-BO2QuXBj.js")),
-      VueUiDonutEvolution: t(() => import("./vue-ui-donut-evolution-CQDtCf7k.js")),
-      VueUiGalaxy: t(() => import("./vue-ui-galaxy-BZAhXSnB.js")),
-      VueUiGauge: t(() => import("./vue-ui-gauge-FdnYVol9.js")),
-      VueUiHeatmap: t(() => import("./vue-ui-heatmap-BUmZvmK0.js")),
-      VueUiKpi: t(() => import("./vue-ui-kpi-BNNqPORJ.js")),
-      VueUiMiniLoader: t(() => import("./vue-ui-mini-loader-wa4WjqZj.js")),
-      VueUiMolecule: t(() => import("./vue-ui-molecule-NGbWYvw-.js")),
-      VueUiMoodRadar: t(() => import("./vue-ui-mood-radar-Dz2YUYPG.js")),
-      VueUiNestedDonuts: t(() => import("./vue-ui-nested-donuts-ywwGdEJO.js")),
-      VueUiOnion: t(() => import("./vue-ui-onion-DUeU3zvH.js")),
-      VueUiQuadrant: t(() => import("./vue-ui-quadrant-BEaCxPxR.js")),
-      VueUiRadar: t(() => import("./vue-ui-radar-CwRo-de_.js")),
-      VueUiRating: t(() => import("./vue-ui-rating-nHTBjTie.js")),
-      VueUiRelationCircle: t(() => import("./vue-ui-relation-circle-w7TYrdHz.js")),
-      VueUiRings: t(() => import("./vue-ui-rings-tCL5utj_.js")),
-      VueUiScatter: t(() => import("./vue-ui-scatter-BJUJRCto.js")),
-      VueUiSkeleton: t(() => import("./vue-ui-skeleton-Cf09cngz.js")),
-      VueUiSmiley: t(() => import("./vue-ui-smiley-BvoOjmJx.js")),
-      VueUiSparkbar: t(() => import("./vue-ui-sparkbar-CS1FzyFk.js")),
-      VueUiSparkgauge: t(() => import("./vue-ui-sparkgauge-auWy_YMm.js")),
-      VueUiSparkHistogram: t(() => import("./vue-ui-sparkhistogram-yA_F8Ls5.js")),
-      VueUiSparkline: t(() => import("./vue-ui-sparkline-B-sCAUEL.js")),
-      VueUiSparkStackbar: t(() => import("./vue-ui-sparkstackbar-BhqOPIZT.js")),
-      VueUiTable: t(() => import("./vue-ui-table-BDJg5T9l.js")),
-      VueUiTableSparkline: t(() => import("./vue-ui-table-sparkline-CmZBjiWv.js")),
-      VueUiThermometer: t(() => import("./vue-ui-thermometer-ClY99Umm.js")),
-      VueUiTiremarks: t(() => import("./vue-ui-tiremarks-C2CtoJT_.js")),
-      VueUiTreemap: t(() => import("./vue-ui-treemap-CM-zqI6U.js")),
-      VueUiVerticalBar: t(() => import("./vue-ui-vertical-bar-CET-9MDi.js")),
-      VueUiWaffle: t(() => import("./vue-ui-waffle-B21kT4HO.js")),
-      VueUiWheel: t(() => import("./vue-ui-wheel-Dqv-ta7L.js")),
-      VueUiXy: t(() => import("./vue-ui-xy-CZ7mScyg.js")),
-      VueUiTableHeatmap: t(() => import("./vue-ui-table-heatmap-Pp2gbL5G.js")),
-      VueUiAccordion: t(() => import("./vue-ui-accordion-BhrF0D_h.js")),
-      VueUiQuickChart: t(() => import("./vue-ui-quick-chart-C3yTivjK.js")),
-      VueUiCursor: t(() => import("./vue-ui-cursor-BtLD4k-n.js")),
-      VueUiSparkTrend: t(() => import("./vue-ui-spark-trend-Bdz2gHnU.js")),
-      VueUiStripPlot: t(() => import("./vue-ui-strip-plot-D7KgSU5y.js")),
-      VueUiDumbbell: t(() => import("./vue-ui-dumbbell-jtJmPKky.js")),
-      VueUiWordCloud: t(() => import("./vue-ui-word-cloud-DHjvCwD8.js")),
-      VueUiXyCanvas: t(() => import("./vue-ui-xy-canvas-sIRUM_Be.js")),
-      VueUiFlow: t(() => import("./vue-ui-flow-D1hSlRXa.js")),
-      VueUiParallelCoordinatePlot: t(() => import("./vue-ui-parallel-coordinate-plot-5158EX3T.js")),
-      VueUiTimer: t(() => import("./vue-ui-timer-_Bck3rxo.js")),
-      VueUiCarouselTable: t(() => import("./vue-ui-carousel-table-Bg4_nEqO.js")),
-      VueUiGizmo: t(() => import("./vue-ui-gizmo-BXiMNDNp.js")),
-      VueUiStackbar: t(() => import("./vue-ui-stackbar-CZzqF-ZH.js")),
-      VueUiBullet: t(() => import("./vue-ui-bullet--c-hIC1J.js")),
-      VueUiFunnel: t(() => import("./vue-ui-funnel-BlLlAOtx.js")),
-      VueUiHistoryPlot: t(() => import("./vue-ui-history-plot-CTT0NO2g.js")),
-      VueUiCirclePack: t(() => import("./vue-ui-circle-pack-DWxEHCSN.js")),
-      VueUiWorld: t(() => import("./vue-ui-world-h3Csu0YN.js")),
-      VueUiRidgeline: t(() => import("./vue-ui-ridgeline-Dk9xpHSw.js")),
-      VueUiChord: t(() => import("./vue-ui-chord-DDa4TTtv.js"))
+      VueUi3dBar: t(() => import("./vue-ui-3d-bar-C1M9fXQl.js")),
+      VueUiAgePyramid: t(() => import("./vue-ui-age-pyramid-Bt0KEjza.js")),
+      VueUiAnnotator: t(() => import("./vue-ui-annotator-DauoYrzs.js")),
+      VueUiCandlestick: t(() => import("./vue-ui-candlestick-BmYaA6wk.js")),
+      VueUiChestnut: t(() => import("./vue-ui-chestnut-D9HL_oAu.js")),
+      VueUiDashboard: t(() => import("./vue-ui-dashboard-Br7MlswR.js")),
+      VueUiDigits: t(() => import("./vue-ui-digits-BMb2ZxN9.js")),
+      VueUiDonut: t(() => import("./vue-ui-donut-NZIGKCYr.js")),
+      VueUiDonutEvolution: t(() => import("./vue-ui-donut-evolution-D38U9QxB.js")),
+      VueUiGalaxy: t(() => import("./vue-ui-galaxy-u0oNgjDP.js")),
+      VueUiGauge: t(() => import("./vue-ui-gauge-DUpSrOgm.js")),
+      VueUiHeatmap: t(() => import("./vue-ui-heatmap-CqqXcJ8F.js")),
+      VueUiKpi: t(() => import("./vue-ui-kpi-DwOX2xG0.js")),
+      VueUiMiniLoader: t(() => import("./vue-ui-mini-loader-CrAhBt4w.js")),
+      VueUiMolecule: t(() => import("./vue-ui-molecule-DVPFCYdv.js")),
+      VueUiMoodRadar: t(() => import("./vue-ui-mood-radar-BPCedEDi.js")),
+      VueUiNestedDonuts: t(() => import("./vue-ui-nested-donuts-C2kl6581.js")),
+      VueUiOnion: t(() => import("./vue-ui-onion-Dk3OUNGJ.js")),
+      VueUiQuadrant: t(() => import("./vue-ui-quadrant-CRR0XJzp.js")),
+      VueUiRadar: t(() => import("./vue-ui-radar-Fxk4Nq3_.js")),
+      VueUiRating: t(() => import("./vue-ui-rating-EwwvsCi3.js")),
+      VueUiRelationCircle: t(() => import("./vue-ui-relation-circle-DB7plTEJ.js")),
+      VueUiRings: t(() => import("./vue-ui-rings-D6gr6DBO.js")),
+      VueUiScatter: t(() => import("./vue-ui-scatter-hFI2YfFt.js")),
+      VueUiSkeleton: t(() => import("./vue-ui-skeleton-1OErZL6t.js")),
+      VueUiSmiley: t(() => import("./vue-ui-smiley-C_8dvJDX.js")),
+      VueUiSparkbar: t(() => import("./vue-ui-sparkbar-NpyQVY-J.js")),
+      VueUiSparkgauge: t(() => import("./vue-ui-sparkgauge-BYHhBxke.js")),
+      VueUiSparkHistogram: t(() => import("./vue-ui-sparkhistogram-DFbQ-g2X.js")),
+      VueUiSparkline: t(() => import("./vue-ui-sparkline-CiVlvGOI.js")),
+      VueUiSparkStackbar: t(() => import("./vue-ui-sparkstackbar-BxMFKBBt.js")),
+      VueUiTable: t(() => import("./vue-ui-table-C3lxyo1m.js")),
+      VueUiTableSparkline: t(() => import("./vue-ui-table-sparkline-B_eROo0E.js")),
+      VueUiThermometer: t(() => import("./vue-ui-thermometer-Dn8-68zJ.js")),
+      VueUiTiremarks: t(() => import("./vue-ui-tiremarks-DrFKdGSj.js")),
+      VueUiTreemap: t(() => import("./vue-ui-treemap-C1m-cAh0.js")),
+      VueUiVerticalBar: t(() => import("./vue-ui-vertical-bar-BYtbI3Eq.js")),
+      // delete in v4
+      VueUiHorizontalBar: t(() => import("./vue-ui-vertical-bar-BYtbI3Eq.js")),
+      // v3 renaming
+      VueUiWaffle: t(() => import("./vue-ui-waffle-Cr0JqMuU.js")),
+      VueUiWheel: t(() => import("./vue-ui-wheel-CUgfhL9p.js")),
+      VueUiXy: t(() => import("./vue-ui-xy-BCFKGTws.js")),
+      VueUiTableHeatmap: t(() => import("./vue-ui-table-heatmap-DYgu1wOK.js")),
+      VueUiAccordion: t(() => import("./vue-ui-accordion-B-PjY4U8.js")),
+      VueUiQuickChart: t(() => import("./vue-ui-quick-chart-CS-Uk49C.js")),
+      VueUiCursor: t(() => import("./vue-ui-cursor-D-88A6ue.js")),
+      VueUiSparkTrend: t(() => import("./vue-ui-spark-trend-Ds3apeYN.js")),
+      VueUiStripPlot: t(() => import("./vue-ui-strip-plot-Crml8nCi.js")),
+      VueUiDumbbell: t(() => import("./vue-ui-dumbbell-B7jEqxUu.js")),
+      VueUiWordCloud: t(() => import("./vue-ui-word-cloud-DBJueUIP.js")),
+      VueUiXyCanvas: t(() => import("./vue-ui-xy-canvas-C2k2SOVa.js")),
+      VueUiFlow: t(() => import("./vue-ui-flow-k4KjXCTn.js")),
+      VueUiParallelCoordinatePlot: t(() => import("./vue-ui-parallel-coordinate-plot-B-r0h3BM.js")),
+      VueUiTimer: t(() => import("./vue-ui-timer-CREgpYVZ.js")),
+      VueUiCarouselTable: t(() => import("./vue-ui-carousel-table-B7i9TvuL.js")),
+      VueUiGizmo: t(() => import("./vue-ui-gizmo-6QSDxdTp.js")),
+      VueUiStackbar: t(() => import("./vue-ui-stackbar-DHsxlaNI.js")),
+      VueUiBullet: t(() => import("./vue-ui-bullet-CWxvbrat.js")),
+      VueUiFunnel: t(() => import("./vue-ui-funnel-BRfQjCk6.js")),
+      VueUiHistoryPlot: t(() => import("./vue-ui-history-plot-BiC39PhQ.js")),
+      VueUiCirclePack: t(() => import("./vue-ui-circle-pack-DumySU9s.js")),
+      VueUiWorld: t(() => import("./vue-ui-world-DR6IEkat.js")),
+      VueUiRidgeline: t(() => import("./vue-ui-ridgeline-D55xotqc.js")),
+      VueUiChord: t(() => import("./vue-ui-chord-BaEQ4_bQ.js"))
     }, ee = {
       VueUi3dBar: ["config", "dataset"],
       VueUiAgePyramid: ["config", "dataset"],
@@ -136,6 +139,9 @@ const be = { style: { width: "36px" } }, Ae = {
       VueUiTiremarks: ["config", "dataset"],
       VueUiTreemap: ["config", "dataset"],
       VueUiVerticalBar: ["config", "dataset"],
+      // delete in v4
+      VueUiHorizontalBar: ["config", "dataset"],
+      // v3 renaming
       VueUiWaffle: ["config", "dataset"],
       VueUiWheel: ["config", "dataset"],
       VueUiXy: ["config", "dataset"],
@@ -164,7 +170,7 @@ const be = { style: { width: "36px" } }, Ae = {
     }, 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);
+    }), 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), H = o(() => null), x = o(() => null), B = o(() => null), F = o(() => null), L = o(() => null), N = o(() => null), E = o(() => null), G = o(() => null), z = o(() => null), O = o(() => null), _ = o(() => null), $ = o(() => null), M = o(() => null), W = o(() => null);
     re(() => {
       V.value && console.error(`
 
@@ -176,7 +182,7 @@ 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));
+      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 && (H.value = e.toggleTooltip), e.start && (x.value = e.start), e.pause && (B.value = e.pause), e.reset && (F.value = e.reset), e.restart && (L.value = e.restart), e.lap && (N.value = e.lap), e.toggleAnimation && (E.value = e.toggleAnimation), e.pauseAnimation && (G.value = e.pauseAnimation), e.resumeAnimation && (z.value = e.resumeAnimation), e.toggleAnnotator && (O.value = e.toggleAnnotator), e.selectNode && (_.value = e.selectNode), e.selectGroup && ($.value = e.selectGroup), e.selectRibbon && (M.value = e.selectRibbon), e.autoSize && (W.value = e.autoSize));
     });
     const ae = () => {
       const e = [
@@ -248,18 +254,18 @@ ${Object.keys(p).map((e) => `. ${e}
       toggleLabels: T,
       toggleSort: D,
       toggleStack: I,
-      toggleTooltip: x,
-      start: F,
-      pause: H,
-      reset: L,
-      restart: B,
+      toggleTooltip: H,
+      start: x,
+      pause: B,
+      reset: F,
+      restart: L,
       lap: N,
       pauseAnimation: G,
-      resumeAnimation: O,
+      resumeAnimation: z,
       toggleAnimation: E,
-      toggleAnnotator: _,
-      selectNode: $,
-      selectGroup: z,
+      toggleAnnotator: O,
+      selectNode: _,
+      selectGroup: $,
       selectRibbon: M
     });
     const u = c(() => {

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 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-DKjAxJY6.js";
+import { ap as s, aq as u, ar as V, as as U, at as r, au as t, bk as o, av as b, bh as l, aw as n, br as d, bo as g, ax as m, ay as C, az as c, aA as p, aB as S, aC as k, aD as h, bl as T, aE as P, aF as D, bi as f, aG as v, bm as y, bb as A, aH as B, aI as H, aJ as R, aK as W, aL as x, aM as M, aN as w, aO as z, bn as F, aP as G, aQ as j, aR as L, aS as O, aT as Q, bq as X, aU as q, aV as E, aW as I, aX as K, aY as N, aZ as J, a_ as Y, a$ as Z, b0 as _, b1 as $, bj as aa, b2 as ea, b3 as ia, b4 as sa, b5 as ua, b6 as Va, b7 as Ua, b8 as ra, b9 as ta, ba as oa, bc as ba, bd as la, be as na, bp as da, bf as ga, bg as ma, L as Ca, V as ca, U as pa, aj as Sa, al 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 Ba, bB as Ha } from "./index-DFSXaw69.js";
 export {
   s as Arrow,
   u as VueDataUi,
@@ -26,60 +26,61 @@ export {
   f as VueUiGizmo,
   v as VueUiHeatmap,
   y as VueUiHistoryPlot,
-  A as VueUiIcon,
-  R as VueUiKpi,
-  H as VueUiMiniLoader,
+  A as VueUiHorizontalBar,
+  B as VueUiIcon,
+  H as VueUiKpi,
+  R as VueUiMiniLoader,
   W as VueUiMolecule,
   x as VueUiMoodRadar,
-  B as VueUiNestedDonuts,
-  M as VueUiOnion,
-  w as VueUiParallelCoordinatePlot,
+  M as VueUiNestedDonuts,
+  w as VueUiOnion,
+  z as VueUiParallelCoordinatePlot,
   F as VueUiPattern,
   G as VueUiQuadrant,
   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,
-  K as VueUiSparkHistogram,
-  N as VueUiSparkStackbar,
-  J as VueUiSparkTrend,
-  Y as VueUiSparkbar,
-  Z as VueUiSparkgauge,
-  _ as VueUiSparkline,
-  $ as VueUiStackbar,
-  aa as VueUiStripPlot,
-  ea as VueUiTable,
-  ia as VueUiTableHeatmap,
-  sa as VueUiTableSparkline,
-  ua as VueUiThermometer,
-  Va as VueUiTimer,
-  Ua as VueUiTiremarks,
-  ra as VueUiTreemap,
-  ta as VueUiVerticalBar,
-  oa as VueUiWaffle,
-  ba as VueUiWheel,
-  la as VueUiWordCloud,
-  na as VueUiWorld,
-  da as VueUiXy,
-  ga as VueUiXyCanvas,
-  ma as abbreviate,
-  Ca as createSmoothPath,
-  ca as createStraightPath,
-  pa as createTSpans,
-  Sa as createWordCloudDatasetFromPlainText,
-  ka as darkenColor,
-  ha as getCumulativeAverage,
-  Ta as getCumulativeMedian,
-  Pa as getPalette,
-  Da as getThemeConfig,
-  fa as getVueDataUiConfig,
-  va as lightenColor,
-  ya as mergeConfigs,
-  Aa as shiftColorHue,
-  Ra as useObjectBindings
+  L as VueUiRadar,
+  O as VueUiRating,
+  Q as VueUiRelationCircle,
+  X as VueUiRidgeline,
+  q as VueUiRings,
+  E as VueUiScatter,
+  I as VueUiSkeleton,
+  K as VueUiSmiley,
+  N as VueUiSparkHistogram,
+  J as VueUiSparkStackbar,
+  Y as VueUiSparkTrend,
+  Z as VueUiSparkbar,
+  _ as VueUiSparkgauge,
+  $ as VueUiSparkline,
+  aa as VueUiStackbar,
+  ea as VueUiStripPlot,
+  ia as VueUiTable,
+  sa as VueUiTableHeatmap,
+  ua as VueUiTableSparkline,
+  Va as VueUiThermometer,
+  Ua as VueUiTimer,
+  ra as VueUiTiremarks,
+  ta as VueUiTreemap,
+  oa as VueUiVerticalBar,
+  ba as VueUiWaffle,
+  la as VueUiWheel,
+  na as VueUiWordCloud,
+  da as VueUiWorld,
+  ga as VueUiXy,
+  ma as VueUiXyCanvas,
+  Ca as abbreviate,
+  ca as createSmoothPath,
+  pa as createStraightPath,
+  Sa as createTSpans,
+  ka as createWordCloudDatasetFromPlainText,
+  ha as darkenColor,
+  Ta as getCumulativeAverage,
+  Pa as getCumulativeMedian,
+  Da as getPalette,
+  fa as getThemeConfig,
+  va as getVueDataUiConfig,
+  ya as lightenColor,
+  Aa as mergeConfigs,
+  Ba as shiftColorHue,
+  Ha as useObjectBindings
 };