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

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
@@ -3291,21 +3293,24 @@ declare module "vue-data-ui" {
         VueUiXyExpose
     >;
 
+    export type VueUiDonutEvent = null | (({datapoint, seriesIndex }: { datapoint: VueUiDonutDatapoint; seriesIndex: number }) => void);
+
     export type VueUiDonutConfig = {
         debug?: boolean;
         type?: "classic" | "polar";
         loading?: boolean;
         pie?: boolean;
+        autoSize?: boolean;
         responsive?: boolean;
         theme?: Theme;
         customPalette?: string[];
         useBlurOnHover?: boolean;
         useCssAnimation?: boolean;
         events?: {
-            datapointEnter?: null | ((data: any) => void),
-            datapointLeave?: null | ((data: any) => void),
-            datapointClick?: null | ((data: any) => void)
-        },
+            datapointEnter?: VueUiDonutEvent;
+            datapointLeave?: VueUiDonutEvent;
+            datapointClick?: VueUiDonutEvent;
+        };
         serieToggleAnimation?: {
             show?: boolean;
             durationMs?: number;
@@ -3515,6 +3520,9 @@ declare module "vue-data-ui" {
     };
 
     export type VueUiNestedDonutsConfig = {
+        debug?: boolean; // v3
+        loading?: boolean; // v3
+        autoSize?: boolean; // v3
         responsive?: boolean;
         theme?: Theme;
         customPalette?: string[];
@@ -4699,23 +4707,31 @@ 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 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 = {
         responsive?: boolean;
         theme?: Theme;
         customPalette?: string[];
         useCssAnimation?: boolean;
         events?: {
-            datapointEnter?: null | ((data: any) => void),
-            datapointLeave?: null | ((data: any) => void),
-            datapointClick?: null | ((data: any) => void)
-        },
+            datapointEnter?: VueUiVerticalBarEvent | VueUiHorizontalBarEvent;
+            datapointLeave?: VueUiVerticalBarEvent | VueUiHorizontalBarEvent;
+            datapointClick?: VueUiVerticalBarEvent | VueUiHorizontalBarEvent;
+        };
         style?: {
             fontFamily?: string;
             chart?: {
@@ -4797,9 +4813,9 @@ declare module "vue-data-ui" {
                     | null
                     | ((
                         params: VueUiTooltipParams<
-                            VueUiVerticalBarDatapoint,
-                            VueUiVerticalBarSerie[],
-                            VueUiVerticalBarConfig
+                            VueUiVerticalBarDatapoint | VueUiHorizontalBarDatapoint,
+                            VueUiVerticalBarSerie[] | VueUiHorizontalBarSerie[],
+                            VueUiVerticalBarConfig | VueUiHorizontalBarConfig
                         >
                     ) => string);
                 };
@@ -4826,6 +4842,8 @@ declare module "vue-data-ui" {
         };
     };
 
+    export type VueUiHorizontalBarConfig = VueUiVerticalBarConfig; // v3 renaming;
+
     export type VueUiVerticalBarDatapoint = {
         children?: Array<any>;
         childIndex?: number;
@@ -4842,8 +4860,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;
@@ -4854,8 +4874,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
@@ -4868,6 +4890,8 @@ declare module "vue-data-ui" {
         toggleFullscreen(): void
     }
 
+    export type VueUiHorizontalBarExpose = VueUiVerticalBarExpose; // v3 renaming
+
     export const VueUiVerticalBar: DefineComponent<
         {
             config?: VueUiVerticalBarConfig;
@@ -4876,6 +4900,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;
@@ -8100,6 +8135,7 @@ declare module "vue-data-ui" {
         | VueUiThermometerConfig
         | VueUiTiremarksConfig
         | VueUiVerticalBarConfig
+        | VueUiHorizontalBarConfig
         | VueUiWaffleConfig
         | VueUiWheelConfig
         | VueUiXyConfig
@@ -8163,6 +8199,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
@@ -3291,21 +3293,24 @@ declare module "vue-data-ui" {
         VueUiXyExpose
     >;
 
+    export type VueUiDonutEvent = null | (({datapoint, seriesIndex }: { datapoint: VueUiDonutDatapoint; seriesIndex: number }) => void);
+
     export type VueUiDonutConfig = {
         debug?: boolean;
         type?: "classic" | "polar";
         loading?: boolean;
         pie?: boolean;
+        autoSize?: boolean;
         responsive?: boolean;
         theme?: Theme;
         customPalette?: string[];
         useBlurOnHover?: boolean;
         useCssAnimation?: boolean;
         events?: {
-            datapointEnter?: null | ((data: any) => void),
-            datapointLeave?: null | ((data: any) => void),
-            datapointClick?: null | ((data: any) => void)
-        },
+            datapointEnter?: VueUiDonutEvent;
+            datapointLeave?: VueUiDonutEvent;
+            datapointClick?: VueUiDonutEvent;
+        };
         serieToggleAnimation?: {
             show?: boolean;
             durationMs?: number;
@@ -3515,6 +3520,9 @@ declare module "vue-data-ui" {
     };
 
     export type VueUiNestedDonutsConfig = {
+        debug?: boolean; // v3
+        loading?: boolean; // v3
+        autoSize?: boolean; // v3
         responsive?: boolean;
         theme?: Theme;
         customPalette?: string[];
@@ -4699,23 +4707,31 @@ 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 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 = {
         responsive?: boolean;
         theme?: Theme;
         customPalette?: string[];
         useCssAnimation?: boolean;
         events?: {
-            datapointEnter?: null | ((data: any) => void),
-            datapointLeave?: null | ((data: any) => void),
-            datapointClick?: null | ((data: any) => void)
-        },
+            datapointEnter?: VueUiVerticalBarEvent | VueUiHorizontalBarEvent;
+            datapointLeave?: VueUiVerticalBarEvent | VueUiHorizontalBarEvent;
+            datapointClick?: VueUiVerticalBarEvent | VueUiHorizontalBarEvent;
+        };
         style?: {
             fontFamily?: string;
             chart?: {
@@ -4797,9 +4813,9 @@ declare module "vue-data-ui" {
                     | null
                     | ((
                         params: VueUiTooltipParams<
-                            VueUiVerticalBarDatapoint,
-                            VueUiVerticalBarSerie[],
-                            VueUiVerticalBarConfig
+                            VueUiVerticalBarDatapoint | VueUiHorizontalBarDatapoint,
+                            VueUiVerticalBarSerie[] | VueUiHorizontalBarSerie[],
+                            VueUiVerticalBarConfig | VueUiHorizontalBarConfig
                         >
                     ) => string);
                 };
@@ -4826,6 +4842,8 @@ declare module "vue-data-ui" {
         };
     };
 
+    export type VueUiHorizontalBarConfig = VueUiVerticalBarConfig; // v3 renaming;
+
     export type VueUiVerticalBarDatapoint = {
         children?: Array<any>;
         childIndex?: number;
@@ -4842,8 +4860,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;
@@ -4854,8 +4874,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
@@ -4868,6 +4890,8 @@ declare module "vue-data-ui" {
         toggleFullscreen(): void
     }
 
+    export type VueUiHorizontalBarExpose = VueUiVerticalBarExpose; // v3 renaming
+
     export const VueUiVerticalBar: DefineComponent<
         {
             config?: VueUiVerticalBarConfig;
@@ -4876,6 +4900,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;
@@ -8100,6 +8135,7 @@ declare module "vue-data-ui" {
         | VueUiThermometerConfig
         | VueUiTiremarksConfig
         | VueUiVerticalBarConfig
+        | VueUiHorizontalBarConfig
         | VueUiWaffleConfig
         | VueUiWheelConfig
         | VueUiXyConfig
@@ -8163,6 +8199,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-DorElw91.js → useNestedProp-B6Dz15k2.js}

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

package/dist/{usePrinter-C9qkgv0r.js → usePrinter-Dd-RkmL8.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-CguiIsUc.js");
+          const { default: e } = await import("./pdf-urw1sGoX.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-ku4zevVD.js");
+          const { default: e } = await import("./img-CP2uNkKq.js");
           await e({
             domElement: document.getElementById(u),
             fileName: l,

package/dist/{vue-data-ui-DQef_oFO.js → vue-data-ui-Dql75T3d.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-BmZ4MREl.js";
+import K from "./BaseIcon-C_m_NEgt.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-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"))
+      VueUi3dBar: t(() => import("./vue-ui-3d-bar-CUDEgTKp.js")),
+      VueUiAgePyramid: t(() => import("./vue-ui-age-pyramid-BFWU1VGZ.js")),
+      VueUiAnnotator: t(() => import("./vue-ui-annotator-CeMOjHpf.js")),
+      VueUiCandlestick: t(() => import("./vue-ui-candlestick-CkoAVYNh.js")),
+      VueUiChestnut: t(() => import("./vue-ui-chestnut-B0zNp1jY.js")),
+      VueUiDashboard: t(() => import("./vue-ui-dashboard-CspqjC6x.js")),
+      VueUiDigits: t(() => import("./vue-ui-digits-CazGAGyM.js")),
+      VueUiDonut: t(() => import("./vue-ui-donut-BK35Gt-7.js")),
+      VueUiDonutEvolution: t(() => import("./vue-ui-donut-evolution-SomhFGJh.js")),
+      VueUiGalaxy: t(() => import("./vue-ui-galaxy-C9poCSSD.js")),
+      VueUiGauge: t(() => import("./vue-ui-gauge-CYXXfMRC.js")),
+      VueUiHeatmap: t(() => import("./vue-ui-heatmap-BQzObiF9.js")),
+      VueUiKpi: t(() => import("./vue-ui-kpi-BYYBkt55.js")),
+      VueUiMiniLoader: t(() => import("./vue-ui-mini-loader-DmHE-wrb.js")),
+      VueUiMolecule: t(() => import("./vue-ui-molecule-I2ZUVtal.js")),
+      VueUiMoodRadar: t(() => import("./vue-ui-mood-radar-BYUr9rcv.js")),
+      VueUiNestedDonuts: t(() => import("./vue-ui-nested-donuts-DEm7s2uC.js")),
+      VueUiOnion: t(() => import("./vue-ui-onion-BpGz1RFC.js")),
+      VueUiQuadrant: t(() => import("./vue-ui-quadrant-CByC4r8k.js")),
+      VueUiRadar: t(() => import("./vue-ui-radar-CBVb6GyN.js")),
+      VueUiRating: t(() => import("./vue-ui-rating-Thf6P6AF.js")),
+      VueUiRelationCircle: t(() => import("./vue-ui-relation-circle-Blg3GkeU.js")),
+      VueUiRings: t(() => import("./vue-ui-rings-bBHc4cwe.js")),
+      VueUiScatter: t(() => import("./vue-ui-scatter-DS6-kGZL.js")),
+      VueUiSkeleton: t(() => import("./vue-ui-skeleton-gHkpLBcj.js")),
+      VueUiSmiley: t(() => import("./vue-ui-smiley-S7qJ-dRf.js")),
+      VueUiSparkbar: t(() => import("./vue-ui-sparkbar-G1Jhr305.js")),
+      VueUiSparkgauge: t(() => import("./vue-ui-sparkgauge-Bzm5X8us.js")),
+      VueUiSparkHistogram: t(() => import("./vue-ui-sparkhistogram-IGnxrQK9.js")),
+      VueUiSparkline: t(() => import("./vue-ui-sparkline-ezu4qjgC.js")),
+      VueUiSparkStackbar: t(() => import("./vue-ui-sparkstackbar-C_cbbRT_.js")),
+      VueUiTable: t(() => import("./vue-ui-table-C4A73F9D.js")),
+      VueUiTableSparkline: t(() => import("./vue-ui-table-sparkline-CQDLqNvX.js")),
+      VueUiThermometer: t(() => import("./vue-ui-thermometer-DgBtT1Ts.js")),
+      VueUiTiremarks: t(() => import("./vue-ui-tiremarks-J9v9JAmf.js")),
+      VueUiTreemap: t(() => import("./vue-ui-treemap-BSPd3wFo.js")),
+      VueUiVerticalBar: t(() => import("./vue-ui-vertical-bar-B5b5tXjT.js")),
+      // delete in v4
+      VueUiHorizontalBar: t(() => import("./vue-ui-vertical-bar-B5b5tXjT.js")),
+      // v3 renaming
+      VueUiWaffle: t(() => import("./vue-ui-waffle-Bh_gS8y2.js")),
+      VueUiWheel: t(() => import("./vue-ui-wheel-B_r_vUFd.js")),
+      VueUiXy: t(() => import("./vue-ui-xy-MFNbJqgb.js")),
+      VueUiTableHeatmap: t(() => import("./vue-ui-table-heatmap-DDlDAXMI.js")),
+      VueUiAccordion: t(() => import("./vue-ui-accordion-qNR0BQCP.js")),
+      VueUiQuickChart: t(() => import("./vue-ui-quick-chart-GEYFXShR.js")),
+      VueUiCursor: t(() => import("./vue-ui-cursor-Dqd6RkcK.js")),
+      VueUiSparkTrend: t(() => import("./vue-ui-spark-trend-Co-sKoQX.js")),
+      VueUiStripPlot: t(() => import("./vue-ui-strip-plot-Cw1CDIL0.js")),
+      VueUiDumbbell: t(() => import("./vue-ui-dumbbell-CJal89Ud.js")),
+      VueUiWordCloud: t(() => import("./vue-ui-word-cloud-DqvRfwF3.js")),
+      VueUiXyCanvas: t(() => import("./vue-ui-xy-canvas-Cv4Fs6Jw.js")),
+      VueUiFlow: t(() => import("./vue-ui-flow-BFsmk2iL.js")),
+      VueUiParallelCoordinatePlot: t(() => import("./vue-ui-parallel-coordinate-plot-SkVvzSSQ.js")),
+      VueUiTimer: t(() => import("./vue-ui-timer-DwL2EUHc.js")),
+      VueUiCarouselTable: t(() => import("./vue-ui-carousel-table-CAr64-2F.js")),
+      VueUiGizmo: t(() => import("./vue-ui-gizmo-B-8rhor5.js")),
+      VueUiStackbar: t(() => import("./vue-ui-stackbar-BD9gyxAb.js")),
+      VueUiBullet: t(() => import("./vue-ui-bullet-CmNollxj.js")),
+      VueUiFunnel: t(() => import("./vue-ui-funnel-Dm0LCakq.js")),
+      VueUiHistoryPlot: t(() => import("./vue-ui-history-plot-C_Si7S5S.js")),
+      VueUiCirclePack: t(() => import("./vue-ui-circle-pack-BSTkkKx-.js")),
+      VueUiWorld: t(() => import("./vue-ui-world-DguPtgux.js")),
+      VueUiRidgeline: t(() => import("./vue-ui-ridgeline-D6kxALQN.js")),
+      VueUiChord: t(() => import("./vue-ui-chord-C-_tz6Tb.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(() => {