vue-data-ui 3.23.13 → 3.24.0

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

@@ -78,7 +78,8 @@ declare module 'vue-data-ui' {
         | VueUiStacklineDatasetItem[]
         | VueUiDagDataset
         | VueUiGeoDatasetItem[]
-        | VueUiBumpDatasetItem[];
+        | VueUiBumpDatasetItem[]
+        | VueUiLabelDataset;
 
     export type VueDataUiAnyConfig =
         | VueUiHillConfig
@@ -145,7 +146,8 @@ declare module 'vue-data-ui' {
         | VueUiStacklineConfig
         | VueUiDagConfig
         | VueUiGeoConfig
-        | VueUiBumpConfig;
+        | VueUiBumpConfig
+        | VueUiLabelConfig;
 
     export type VueDataUiProps = {
         loader?: VueDataUiLoader | null;
@@ -17194,6 +17196,152 @@ declare module 'vue-data-ui' {
         };
     };
 
+    export type VueUiLabelConfig = {
+        theme?: Theme;
+        a11y?: {
+            translations?: {
+                keyboardNavigation?: string;
+            };
+        };
+        title?: {
+            text?: string;
+            color?: string;
+            fontSize?: number;
+            lineHeight?: number;
+            bold?: boolean;
+            textAlign?: 'left' | 'center' | 'right';
+            gap?: number;
+            marker?: {
+                color?: string | null;
+                shape?: Shape;
+                beforeText?: boolean;
+                size?: number;
+                offsetY?: number;
+            };
+        };
+        content?: {
+            text?: string;
+            color?: string;
+            fontSize?: number;
+            lineHeight?: number;
+            bold?: boolean;
+            textAlign?: 'left' | 'center' | 'right';
+        };
+        position?: 'auto' | 'top' | 'right' | 'bottom' | 'left';
+        link?: {
+            show?: boolean;
+            stroke?: string;
+            strokeWidth?: number;
+            strokeDasharray?: string | number;
+            length?: number;
+            targetPlot: {
+                show?: boolean;
+                radius?: number;
+                stroke?: string;
+                strokeWidth?: number;
+            };
+        };
+        box?: {
+            show?: boolean;
+            backgroundColor?: string;
+            borderColor?: string;
+            borderWidth?: number;
+            borderRadius?: number;
+            padding?: ChartPadding;
+            maxWidth?: number;
+        };
+        drag?: {
+            enable?: boolean;
+            handlePosition?: 'top' | 'right' | 'bottom' | 'left';
+            handleWidth?: number;
+            showSeparator?: boolean;
+            iconColor?: string;
+            iconOpacity?: number;
+            iconSize?: number;
+        };
+        overflow?: boolean;
+        overlap?: boolean;
+        collisionGap?: number;
+    };
+
+    export type VueUiLabelDataset = {
+        [key: string]: any;
+        id?: number | string;
+        x: number;
+        y: number;
+        position?: {
+            x: number | null;
+            y: number | null;
+        };
+    };
+
+    export type VueUiLabelProps = {
+        config?: VueUiLabelConfig;
+        dataset: VueUiLabelDataset;
+    };
+
+    export type VueUiLabelEmitDragStart = {
+        dataset: VueUiLabelDataset;
+        offset: { x: number; y: number };
+        rect: {
+            x: number;
+            y: number;
+            height: number;
+            width: number;
+        };
+    };
+    export type VueUiLabelEmitDrag = VueUiLabelEmitDragStart;
+    export type VueUiLabelEmitDragEnd = VueUiLabelDataset;
+
+    export type VueUiLabelEmits = {
+        dragStart: (payload: VueUiLabelEmitDragStart) => void;
+        drag: (payload: VueUiLabelEmitDrag) => void;
+        dragEnd: (payload: VueUiLabelEmitDragEnd) => void;
+        mouseenter: (payload: VueUiLabelDataset) => void;
+        mouseleave: (payload: VueUiLabelDataset) => void;
+        click: (payload: VueUiLabelDataset) => void;
+        focus: (payload: VueUiLabelDataset) => void;
+        blur: (payload: VueUiLabelDataset) => void;
+    };
+
+    const VueUiLabelBase: DefineComponent<
+        VueUiLabelProps,
+        {},
+        {},
+        {},
+        {},
+        {},
+        {},
+        VueUiLabelEmits
+    >;
+
+    export type VueUiLabelSlotProps = {
+        box: {
+            height: number;
+            width: number;
+            rx: number;
+            x: number;
+            y: number;
+        };
+        config: VueUiLabelConfig;
+        dataset: VueUiLabelDataset;
+    };
+
+    export type VueUiLabelExpose = {
+        reorder(): void;
+    };
+
+    export const VueUiLabel: typeof VueUiLabelBase & {
+        new (): VueUiLabelExpose & {
+            $slots: {
+                after: (props: VueUiLabelSlotProps) => VNodeChild;
+                before: (props: VueUiLabelSlotProps) => VNodeChild;
+                title: (props: VueUiLabelSlotProps) => VNodeChild;
+                content: (props: VueUiLabelSlotProps) => VNodeChild;
+            };
+        };
+    };
+
     export type VueDataUiConfig =
         | VueUiHillConfig
         | VueUi3dBarConfig
@@ -17261,7 +17409,8 @@ declare module 'vue-data-ui' {
         | VueUiStacklineConfig
         | VueUiDagConfig
         | VueUiGeoConfig
-        | VueUiBumpConfig;
+        | VueUiBumpConfig
+        | VueUiLabelConfig;
 
     export type VueDataUiConfigKey =
         | 'vue_ui_hill'
@@ -17276,6 +17425,7 @@ declare module 'vue-data-ui' {
         | 'vue_ui_donut_evolution'
         | 'vue_ui_gauge'
         | 'vue_ui_heatmap'
+        | 'vue_ui_label'
         | 'vue_ui_mini_loader'
         | 'vue_ui_molecule'
         | 'vue_ui_mood_radar'

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

@@ -0,0 +1,50 @@
+import type { DefineComponent, VNodeChild } from 'vue';
+
+import type {
+    VueUiLabelConfig,
+    VueUiLabelDataset,
+    VueUiLabelProps,
+    VueUiLabelEmitDragStart,
+    VueUiLabelEmitDrag,
+    VueUiLabelEmitDragEnd,
+    VueUiLabelEmits,
+    VueUiLabelSlotProps,
+    VueUiLabelExpose,
+} from 'vue-data-ui';
+
+export type {
+    VueUiLabelConfig,
+    VueUiLabelDataset,
+    VueUiLabelProps,
+    VueUiLabelEmitDragStart,
+    VueUiLabelEmitDrag,
+    VueUiLabelEmitDragEnd,
+    VueUiLabelEmits,
+    VueUiLabelSlotProps,
+    VueUiLabelExpose,
+};
+
+declare const VueUiLabelBase: DefineComponent<
+    VueUiLabelProps,
+    {},
+    {},
+    {},
+    {},
+    {},
+    {},
+    VueUiLabelEmits
+>;
+
+export const VueUiLabel: typeof VueUiLabelBase & {
+    new (): VueUiLabelExpose & {
+        $slots: {
+            after: (props: VueUiLabelSlotProps) => VNodeChild;
+            before: (props: VueUiLabelSlotProps) => VNodeChild;
+            title: (props: VueUiLabelSlotProps) => VNodeChild;
+            content: (props: VueUiLabelSlotProps) => VNodeChild;
+        };
+    };
+};
+
+export default VueUiLabel;
+export { VueUiLabel };

package/dist/{useChartExport-DNiwdPmb.js → useChartExport-iwOqiIWX.js}

@@ -632,15 +632,16 @@ async function g(e, { mode: t = "raster" } = {}) {
 				let t = e.style, n = e.text.split(/(\s+)/).filter((e) => e.length > 0), r = (e, n) => {
 					if (!e) return;
 					let r = Math.max(1, T), i = M(e, t) + (n ? N(t) : 0);
-					if (F.length === 0) if (i <= r) R(e, t, !1);
-					else {
-						let n = e;
-						for (; n;) {
-							let e = z(n, t, r);
-							R(e, t, !1), n = n.slice(e.length), n && L();
+					if (F.length === 0) {
+						if (i <= r) R(e, t, !1);
+						else {
+							let n = e;
+							for (; n;) {
+								let e = z(n, t, r);
+								R(e, t, !1), n = n.slice(e.length), n && L();
+							}
 						}
-					}
-					else if (I + i <= r) R(e, t, n);
+					} else if (I + i <= r) R(e, t, n);
 					else if (L(), M(e, t) <= r) R(e, t, !1);
 					else {
 						let n = e;

package/dist/{useConfig-DwdGsXTx.js → useConfig-BtJSJ6AK.js}

@@ -7848,7 +7848,75 @@ function e(e = {}) {
 		vue_ui_skeleton: ze,
 		vue_ui_table: Be,
 		vue_ui_digits: Ve,
-		vue_ui_hill: z
+		vue_ui_hill: z,
+		vue_ui_label: {
+			theme: "",
+			a11y: { translations: { keyboardNavigation: "Use the arrow keys to move this label. Hold Shift while pressing an arrow key to move it by a larger step." } },
+			title: {
+				text: "",
+				color: m,
+				fontSize: 14,
+				lineHeight: 14,
+				bold: !1,
+				textAlign: "left",
+				gap: 6,
+				marker: {
+					color: null,
+					shape: "circle",
+					beforeText: !0,
+					size: 14,
+					offsetY: 0
+				}
+			},
+			content: {
+				text: "",
+				color: m,
+				fontSize: 12,
+				lineHeight: 12,
+				bold: !1,
+				textAlign: "left"
+			},
+			position: "auto",
+			link: {
+				show: !0,
+				stroke: m,
+				strokeWidth: 1,
+				strokeDasharray: "0",
+				length: 20,
+				targetPlot: {
+					show: !0,
+					radius: 2,
+					stroke: p,
+					strokeWidth: 1
+				}
+			},
+			box: {
+				show: !0,
+				backgroundColor: p,
+				borderColor: m,
+				borderWidth: 1,
+				borderRadius: 3,
+				padding: M([
+					8,
+					8,
+					8,
+					8
+				]),
+				maxWidth: 200
+			},
+			drag: {
+				enable: !0,
+				handlePosition: "left",
+				handleWidth: 18,
+				showSeparator: !1,
+				iconColor: m,
+				iconOpacity: .6,
+				iconSize: 16
+			},
+			overflow: !1,
+			overlap: !1,
+			collisionGap: 0
+		}
 	};
 }
 //#endregion

package/dist/{useNestedProp-CulPqtou.js → useNestedProp-CLEe1P5W.js}

@@ -1,4 +1,4 @@
-import { C as e, Xt as t } from "./lib-Dqr_-I6Y.js";
+import { C as e, Xt as t } from "./lib-DfMn_3jf.js";
 //#region src/useNestedProp.js
 function n({ defaultConfig: n, userConfig: r }) {
 	if (!Object.keys(r || {}).length) return n;

package/dist/{useObjectBindings-BKkmFRiI.js → useObjectBindings-CgRKOMSB.js}

@@ -1,7 +1,7 @@
-import { t as e } from "./useConfig-DwdGsXTx.js";
+import { t as e } from "./useConfig-BtJSJ6AK.js";
 import { computed as t, isRef as n, markRaw as r, watchEffect as i } from "vue";
 //#region src/getVueDataUiConfig.js
-var a = /* @__PURE__ */ "vue_ui_3d_bar.vue_ui_accordion.vue_ui_age_pyramid.vue_ui_annotator.vue_ui_bullet.vue_ui_bump.vue_ui_candlestick.vue_ui_carousel_table.vue_ui_chestnut.vue_ui_chord.vue_ui_circle_pack.vue_ui_cursor.vue_ui_dag.vue_ui_dashboard.vue_ui_digits.vue_ui_donut.vue_ui_donut_evolution.vue_ui_dumbbell.vue_ui_flow.vue_ui_funnel.vue_ui_galaxy.vue_ui_gauge.vue_ui_geo.vue_ui_gizmo.vue_ui_heatmap.vue_ui_hill.vue_ui_history_plot.vue_ui_horizontal_bar.vue_ui_kpi.vue_ui_mini_loader.vue_ui_molecule.vue_ui_mood_radar.vue_ui_nested_donuts.vue_ui_onion.vue_ui_parallel_coordinate_plot.vue_ui_quadrant.vue_ui_quick_chart.vue_ui_radar.vue_ui_rating.vue_ui_relation_circle.vue_ui_ridgeline.vue_ui_rings.vue_ui_scatter.vue_ui_skeleton.vue_ui_smiley.vue_ui_spark_trend.vue_ui_sparkbar.vue_ui_sparkgauge.vue_ui_sparkhistogram.vue_ui_sparkline.vue_ui_sparkstackbar.vue_ui_stackbar.vue_ui_stackline.vue_ui_strip_plot.vue_ui_table.vue_ui_table_heatmap.vue_ui_table_sparkline.vue_ui_thermometer.vue_ui_timer.vue_ui_tiremarks.vue_ui_treemap.vue_ui_vertical_bar.vue_ui_waffle.vue_ui_wheel.vue_ui_word_cloud.vue_ui_world.vue_ui_xy.vue_ui_xy_canvas".split(".");
+var a = /* @__PURE__ */ "vue_ui_3d_bar.vue_ui_accordion.vue_ui_age_pyramid.vue_ui_annotator.vue_ui_bullet.vue_ui_bump.vue_ui_candlestick.vue_ui_carousel_table.vue_ui_chestnut.vue_ui_chord.vue_ui_circle_pack.vue_ui_cursor.vue_ui_dag.vue_ui_dashboard.vue_ui_digits.vue_ui_donut.vue_ui_donut_evolution.vue_ui_dumbbell.vue_ui_flow.vue_ui_funnel.vue_ui_galaxy.vue_ui_gauge.vue_ui_geo.vue_ui_gizmo.vue_ui_heatmap.vue_ui_hill.vue_ui_history_plot.vue_ui_horizontal_bar.vue_ui_kpi.vue_ui_label.vue_ui_mini_loader.vue_ui_molecule.vue_ui_mood_radar.vue_ui_nested_donuts.vue_ui_onion.vue_ui_parallel_coordinate_plot.vue_ui_quadrant.vue_ui_quick_chart.vue_ui_radar.vue_ui_rating.vue_ui_relation_circle.vue_ui_ridgeline.vue_ui_rings.vue_ui_scatter.vue_ui_skeleton.vue_ui_smiley.vue_ui_spark_trend.vue_ui_sparkbar.vue_ui_sparkgauge.vue_ui_sparkhistogram.vue_ui_sparkline.vue_ui_sparkstackbar.vue_ui_stackbar.vue_ui_stackline.vue_ui_strip_plot.vue_ui_table.vue_ui_table_heatmap.vue_ui_table_sparkline.vue_ui_thermometer.vue_ui_timer.vue_ui_tiremarks.vue_ui_treemap.vue_ui_vertical_bar.vue_ui_waffle.vue_ui_wheel.vue_ui_word_cloud.vue_ui_world.vue_ui_xy.vue_ui_xy_canvas".split(".");
 function o(t, n = {}) {
 	return a.includes(t) ? e(n)[t] : (console.error(`VueDataUi - getVueDataUiConfig : ${t} is not a valid component name for this utility.\nUse snake case names, for example 'vue_ui_xy', 'vue_ui_donut', etc.`), {});
 }
@@ -29,6 +29,7 @@ var s = Object.fromEntries(Object.entries(/* @__PURE__ */ Object.assign({
 	"./themes/vue_ui_hill.json": () => import("./vue_ui_hill-dnltu0L-.js").then((e) => e.n).then((e) => e.default),
 	"./themes/vue_ui_history_plot.json": () => import("./vue_ui_history_plot-CuN63VEc.js").then((e) => e.n).then((e) => e.default),
 	"./themes/vue_ui_horizontal_bar.json": () => import("./vue_ui_horizontal_bar-C4J4QzXf.js").then((e) => e.n).then((e) => e.default),
+	"./themes/vue_ui_label.json": () => import("./vue_ui_label-B0QoxQrJ.js").then((e) => e.n).then((e) => e.default),
 	"./themes/vue_ui_molecule.json": () => import("./vue_ui_molecule-CO9L59SF.js").then((e) => e.n).then((e) => e.default),
 	"./themes/vue_ui_mood_radar.json": () => import("./vue_ui_mood_radar-BA6LAKhk.js").then((e) => e.n).then((e) => e.default),
 	"./themes/vue_ui_nested_donuts.json": () => import("./vue_ui_nested_donuts-B8csIoVO.js").then((e) => e.n).then((e) => e.default),

package/dist/{usePrinter-CEiH1b6R.js → usePrinter-Daqyj6c7.js}

@@ -5,7 +5,7 @@ function t({ elementId: t, fileName: n, canPrint: r = !0, options: i }) {
 	async function c() {
 		!r || a.value || (a.value = !0, clearTimeout(s.value), s.value = setTimeout(async () => {
 			if (r) try {
-				let { default: e } = await import("./pdf-Bk_9lTdQ.js");
+				let { default: e } = await import("./pdf-CglSdC4O.js");
 				await e({
 					domElement: document.getElementById(t),
 					fileName: n,
@@ -24,7 +24,7 @@ function t({ elementId: t, fileName: n, canPrint: r = !0, options: i }) {
 	async function l() {
 		!r || o.value || (o.value = !0, clearTimeout(s.value), s.value = setTimeout(async () => {
 			if (r) try {
-				let { default: e } = await import("./img-Bkzj3lDD.js").then((e) => e.n);
+				let { default: e } = await import("./img-DRq3Equ5.js").then((e) => e.n);
 				await e({
 					domElement: document.getElementById(t),
 					fileName: n,

package/dist/utils.js

@@ -1,7 +1,7 @@
-import { E as e, J as t, P as n, V as r, W as i, ct as a, dt as o, ht as s, n as c, r as l, ut as u } from "./lib-Dqr_-I6Y.js";
-import { a as d, i as f, n as p, o as m, r as h, t as g } from "./exposedLib-DrUEXSyf.js";
+import { E as e, J as t, P as n, V as r, W as i, ct as a, dt as o, ht as s, n as c, r as l, ut as u } from "./lib-DfMn_3jf.js";
+import { a as d, i as f, n as p, o as m, r as h, t as g } from "./exposedLib-CNHCqGuG.js";
 import { t as _ } from "./patternUtils-CS7hn6at.js";
-import { i as v, n as y, r as b, t as x } from "./useObjectBindings-BKkmFRiI.js";
+import { i as v, n as y, r as b, t as x } from "./useObjectBindings-CgRKOMSB.js";
 //#region src/entries/utils.js
 var S = {
 	applyDataCorrection: y,

package/dist/{vue-data-ui-D9mXY0al.js → vue-data-ui-C37q2rbt.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { t } from "./BaseIcon-BbElSC8_.js";
+import { t } from "./BaseIcon-U0y1Y7dC.js";
 import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as ee, createSlots as te, createTextVNode as ne, defineAsyncComponent as o, guardReactiveProps as re, mergeProps as ie, normalizeProps as ae, normalizeStyle as oe, onMounted as se, openBlock as s, ref as c, renderList as ce, renderSlot as le, resolveDynamicComponent as ue, shallowReactive as de, toDisplayString as fe, toHandlers as pe, toRefs as me, watch as l, withCtx as he } from "vue";
 //#region src/components/vue-data-ui.vue
 var u = /* @__PURE__ */ e({ default: () => d }), ge = { style: { width: "36px" } }, d = {
@@ -14,77 +14,78 @@ var u = /* @__PURE__ */ e({ default: () => d }), ge = { style: { width: "36px" }
 		] },
 		config: { type: Object }
 	},
-	emits: /* @__PURE__ */ "cancel.change.copyAlt.dragEnd.datapointEnter.datapointLeave.dragStart.edit.focusLocation.hideSeries.hoverIndex.lap.onMidpointEnter.onMidpointLeave.onNodeClick.pause.play.postImage.rate.reset.resetZoom.restart.save.saveAnnotations.selectBranch.selectDatapoint.selectGroup.selectLegend.selectNut.selectPlot.selectRibbon.selectRoot.selectSide.selectX.showSeries.start.toggleAnnotator.toggleLock.toggleOpenState.toggleTable.toggleTooltip.toggleZoom.zoomEnd.zoomReset.zoomStart".split("."),
+	emits: /* @__PURE__ */ "cancel.change.copyAlt.drag.dragEnd.datapointEnter.datapointLeave.dragStart.edit.focusLocation.hideSeries.hoverIndex.lap.onMidpointEnter.onMidpointLeave.onNodeClick.pause.play.postImage.rate.reset.resetZoom.restart.save.saveAnnotations.selectBranch.selectDatapoint.selectGroup.selectLegend.selectNut.selectPlot.selectRibbon.selectRoot.selectSide.selectX.showSeries.start.toggleAnnotator.toggleLock.toggleOpenState.toggleTable.toggleTooltip.toggleZoom.zoomEnd.zoomReset.zoomStart".split("."),
 	setup(e, { expose: u, emit: d }) {
 		let f = e, { component: _e, dataset: ve, config: ye } = me(f), p = {
-			VueUi3dBar: o(() => import("./vue-ui-3d-bar-DRPuSQ4e.js").then((e) => e.n)),
-			VueUiAgePyramid: o(() => import("./vue-ui-age-pyramid-B8vOvI_t.js").then((e) => e.n)),
-			VueUiAnnotator: o(() => import("./vue-ui-annotator-BwIu0JUV.js").then((e) => e.n)),
-			VueUiCandlestick: o(() => import("./vue-ui-candlestick-CsNB1k8H.js").then((e) => e.n)),
-			VueUiChestnut: o(() => import("./vue-ui-chestnut-HfJunSSz.js").then((e) => e.n)),
-			VueUiDashboard: o(() => import("./vue-ui-dashboard-Cp7LV9rM.js").then((e) => e.n)),
-			VueUiDigits: o(() => import("./vue-ui-digits-C1ZVKDGy.js").then((e) => e.n)),
-			VueUiDonut: o(() => import("./vue-ui-donut-DCWdRYf0.js").then((e) => e.n)),
-			VueUiDonutEvolution: o(() => import("./vue-ui-donut-evolution-DXxpjREd.js").then((e) => e.n)),
-			VueUiGalaxy: o(() => import("./vue-ui-galaxy-yv4i3B6M.js").then((e) => e.n)),
-			VueUiGauge: o(() => import("./vue-ui-gauge-BL4r7lrw.js").then((e) => e.n)),
-			VueUiHeatmap: o(() => import("./vue-ui-heatmap-DVDTivK7.js").then((e) => e.n)),
-			VueUiKpi: o(() => import("./vue-ui-kpi-BNHQb-0T.js").then((e) => e.n)),
-			VueUiMiniLoader: o(() => import("./vue-ui-mini-loader-BVSIAFYi.js").then((e) => e.n)),
-			VueUiMolecule: o(() => import("./vue-ui-molecule-2eqpaNzM.js").then((e) => e.n)),
-			VueUiMoodRadar: o(() => import("./vue-ui-mood-radar-9UgxqJAM.js").then((e) => e.n)),
-			VueUiNestedDonuts: o(() => import("./vue-ui-nested-donuts-DT37jVnx.js").then((e) => e.n)),
-			VueUiOnion: o(() => import("./vue-ui-onion-DFYQimLN.js").then((e) => e.n)),
-			VueUiQuadrant: o(() => import("./vue-ui-quadrant-CLQkz37n.js").then((e) => e.n)),
-			VueUiRadar: o(() => import("./vue-ui-radar-BQDSBbBl.js").then((e) => e.n)),
-			VueUiRating: o(() => import("./vue-ui-rating-dBCk6ECe.js").then((e) => e.n)),
-			VueUiRelationCircle: o(() => import("./vue-ui-relation-circle-D7Jomt1J.js").then((e) => e.n)),
-			VueUiRings: o(() => import("./vue-ui-rings-BysAPudl.js").then((e) => e.n)),
-			VueUiScatter: o(() => import("./vue-ui-scatter-DyxIiCT5.js").then((e) => e.n)),
-			VueUiSkeleton: o(() => import("./vue-ui-skeleton-BQSKB3hE.js").then((e) => e.n)),
-			VueUiSmiley: o(() => import("./vue-ui-smiley-D1pW2Fdy.js").then((e) => e.n)),
-			VueUiSparkbar: o(() => import("./vue-ui-sparkbar-BocQ3skK.js").then((e) => e.n)),
-			VueUiSparkgauge: o(() => import("./vue-ui-sparkgauge-YrGOiB_b.js").then((e) => e.n)),
-			VueUiSparkHistogram: o(() => import("./vue-ui-sparkhistogram-BlyPOiWe.js").then((e) => e.n)),
-			VueUiSparkline: o(() => import("./vue-ui-sparkline-DSXRUonI.js").then((e) => e.n)),
-			VueUiSparkStackbar: o(() => import("./vue-ui-sparkstackbar-CKhn03L6.js").then((e) => e.n)),
-			VueUiTable: o(() => import("./vue-ui-table-iheXH88R.js").then((e) => e.n)),
-			VueUiTableSparkline: o(() => import("./vue-ui-table-sparkline-LEjMz8F4.js").then((e) => e.n)),
-			VueUiThermometer: o(() => import("./vue-ui-thermometer-D8TwvkuL.js").then((e) => e.n)),
-			VueUiTiremarks: o(() => import("./vue-ui-tiremarks-DQS-i-Sx.js").then((e) => e.n)),
-			VueUiTreemap: o(() => import("./vue-ui-treemap-CjxYVEzN.js").then((e) => e.n)),
-			VueUiVerticalBar: o(() => import("./vue-ui-horizontal-bar-BWJ0Dj9K.js").then((e) => e.n)),
-			VueUiHorizontalBar: o(() => import("./vue-ui-horizontal-bar-BWJ0Dj9K.js").then((e) => e.n)),
-			VueUiWaffle: o(() => import("./vue-ui-waffle-BxMdiOcp.js").then((e) => e.n)),
-			VueUiWheel: o(() => import("./vue-ui-wheel-CLyRoRSt.js").then((e) => e.n)),
-			VueUiXy: o(() => import("./vue-ui-xy-zgQAxUgJ.js").then((e) => e.n)),
-			VueUiTableHeatmap: o(() => import("./vue-ui-table-heatmap-CglQqfWH.js").then((e) => e.n)),
-			VueUiAccordion: o(() => import("./vue-ui-accordion-C6L7glHU.js").then((e) => e.n)),
-			VueUiQuickChart: o(() => import("./vue-ui-quick-chart-BHURITQ2.js").then((e) => e.n)),
-			VueUiCursor: o(() => import("./vue-ui-cursor-BBTOC9ZH.js").then((e) => e.n)),
-			VueUiSparkTrend: o(() => import("./vue-ui-spark-trend-RxPrDIxb.js").then((e) => e.n)),
-			VueUiStripPlot: o(() => import("./vue-ui-strip-plot-CrDJXSM_.js").then((e) => e.n)),
-			VueUiDumbbell: o(() => import("./vue-ui-dumbbell-MghLKpiu.js").then((e) => e.n)),
-			VueUiWordCloud: o(() => import("./vue-ui-word-cloud-CqP1ohPS.js").then((e) => e.n)),
-			VueUiXyCanvas: o(() => import("./vue-ui-xy-canvas-D0ox__3z.js").then((e) => e.n)),
-			VueUiFlow: o(() => import("./vue-ui-flow-DXzy_ciZ.js").then((e) => e.n)),
-			VueUiParallelCoordinatePlot: o(() => import("./vue-ui-parallel-coordinate-plot-DMMp9SSg.js").then((e) => e.n)),
-			VueUiTimer: o(() => import("./vue-ui-timer-CmWhKatt.js").then((e) => e.n)),
-			VueUiCarouselTable: o(() => import("./vue-ui-carousel-table-CoVW5Fdg.js").then((e) => e.n)),
-			VueUiGizmo: o(() => import("./vue-ui-gizmo-D_jY1FrX.js").then((e) => e.n)),
-			VueUiStackbar: o(() => import("./vue-ui-stackbar-Cf9sJP68.js").then((e) => e.n)),
-			VueUiStackline: o(() => import("./vue-ui-stackline-Tcfr3gJO.js").then((e) => e.n)),
-			VueUiBullet: o(() => import("./vue-ui-bullet-DVNmzl4P.js").then((e) => e.n)),
-			VueUiFunnel: o(() => import("./vue-ui-funnel-BwDy1TQS.js").then((e) => e.n)),
-			VueUiHistoryPlot: o(() => import("./vue-ui-history-plot-DZWZLj6d.js").then((e) => e.n)),
-			VueUiCirclePack: o(() => import("./vue-ui-circle-pack-CADmtvmt.js").then((e) => e.n)),
-			VueUiWorld: o(() => import("./vue-ui-world-TUOWS-qf.js").then((e) => e.n)),
-			VueUiRidgeline: o(() => import("./vue-ui-ridgeline-OnHk7xFR.js").then((e) => e.n)),
-			VueUiChord: o(() => import("./vue-ui-chord-BN8GOPjO.js").then((e) => e.n)),
-			VueUiDag: o(() => import("./vue-ui-dag-CwscLfEg.js").then((e) => e.n)),
-			VueUiGeo: o(() => import("./vue-ui-geo-BRAAm6-Y.js").then((e) => e.n)),
-			VueUiBump: o(() => import("./vue-ui-bump-DWh2Z5YJ.js").then((e) => e.n)),
-			VueUiHill: o(() => import("./vue-ui-hill-DAvWt1UH.js").then((e) => e.n))
+			VueUi3dBar: o(() => import("./vue-ui-3d-bar-B_z643_d.js").then((e) => e.n)),
+			VueUiAgePyramid: o(() => import("./vue-ui-age-pyramid-CS1J-mHZ.js").then((e) => e.n)),
+			VueUiAnnotator: o(() => import("./vue-ui-annotator-DmTbmRrw.js").then((e) => e.n)),
+			VueUiCandlestick: o(() => import("./vue-ui-candlestick-CgvK082R.js").then((e) => e.n)),
+			VueUiChestnut: o(() => import("./vue-ui-chestnut-B03dTYpe.js").then((e) => e.n)),
+			VueUiDashboard: o(() => import("./vue-ui-dashboard-W0PV1gGV.js").then((e) => e.n)),
+			VueUiDigits: o(() => import("./vue-ui-digits-D3VKW9O0.js").then((e) => e.n)),
+			VueUiDonut: o(() => import("./vue-ui-donut-C_CUqRdv.js").then((e) => e.n)),
+			VueUiDonutEvolution: o(() => import("./vue-ui-donut-evolution-CHQHSkpq.js").then((e) => e.n)),
+			VueUiGalaxy: o(() => import("./vue-ui-galaxy-DBarvxFP.js").then((e) => e.n)),
+			VueUiGauge: o(() => import("./vue-ui-gauge-Cz6PC_H5.js").then((e) => e.n)),
+			VueUiHeatmap: o(() => import("./vue-ui-heatmap-h0_V5jv6.js").then((e) => e.n)),
+			VueUiKpi: o(() => import("./vue-ui-kpi-k0yLSsqF.js").then((e) => e.n)),
+			VueUiMiniLoader: o(() => import("./vue-ui-mini-loader-DUsSEO5b.js").then((e) => e.n)),
+			VueUiMolecule: o(() => import("./vue-ui-molecule--1J4__BY.js").then((e) => e.n)),
+			VueUiMoodRadar: o(() => import("./vue-ui-mood-radar-BEruKK_i.js").then((e) => e.n)),
+			VueUiNestedDonuts: o(() => import("./vue-ui-nested-donuts-MBeHoc-t.js").then((e) => e.n)),
+			VueUiOnion: o(() => import("./vue-ui-onion-j0eEGvru.js").then((e) => e.n)),
+			VueUiQuadrant: o(() => import("./vue-ui-quadrant-DWtwr7JT.js").then((e) => e.n)),
+			VueUiRadar: o(() => import("./vue-ui-radar-e9eoRxOC.js").then((e) => e.n)),
+			VueUiRating: o(() => import("./vue-ui-rating-WsMfVsJN.js").then((e) => e.n)),
+			VueUiRelationCircle: o(() => import("./vue-ui-relation-circle-NgJ8121q.js").then((e) => e.n)),
+			VueUiRings: o(() => import("./vue-ui-rings-grgJPuxE.js").then((e) => e.n)),
+			VueUiScatter: o(() => import("./vue-ui-scatter-DuqZxbZD.js").then((e) => e.n)),
+			VueUiSkeleton: o(() => import("./vue-ui-skeleton-CnexlOV6.js").then((e) => e.n)),
+			VueUiSmiley: o(() => import("./vue-ui-smiley-Bvs5RJtM.js").then((e) => e.n)),
+			VueUiSparkbar: o(() => import("./vue-ui-sparkbar-Daxkni2h.js").then((e) => e.n)),
+			VueUiSparkgauge: o(() => import("./vue-ui-sparkgauge-CCkcq4Wh.js").then((e) => e.n)),
+			VueUiSparkHistogram: o(() => import("./vue-ui-sparkhistogram-B-fzheQo.js").then((e) => e.n)),
+			VueUiSparkline: o(() => import("./vue-ui-sparkline-DVYlqELY.js").then((e) => e.n)),
+			VueUiSparkStackbar: o(() => import("./vue-ui-sparkstackbar-pip0BOeZ.js").then((e) => e.n)),
+			VueUiTable: o(() => import("./vue-ui-table-DSUvcqI9.js").then((e) => e.n)),
+			VueUiTableSparkline: o(() => import("./vue-ui-table-sparkline-C12IgrZG.js").then((e) => e.n)),
+			VueUiThermometer: o(() => import("./vue-ui-thermometer-3ZSPCE1q.js").then((e) => e.n)),
+			VueUiTiremarks: o(() => import("./vue-ui-tiremarks-BuzKLW5l.js").then((e) => e.n)),
+			VueUiTreemap: o(() => import("./vue-ui-treemap-DMwq5MYv.js").then((e) => e.n)),
+			VueUiVerticalBar: o(() => import("./vue-ui-horizontal-bar-2AOgQ694.js").then((e) => e.n)),
+			VueUiHorizontalBar: o(() => import("./vue-ui-horizontal-bar-2AOgQ694.js").then((e) => e.n)),
+			VueUiWaffle: o(() => import("./vue-ui-waffle-wjn4e1mz.js").then((e) => e.n)),
+			VueUiWheel: o(() => import("./vue-ui-wheel-BS6f8xC-.js").then((e) => e.n)),
+			VueUiXy: o(() => import("./vue-ui-xy-B9S7cAhC.js").then((e) => e.n)),
+			VueUiTableHeatmap: o(() => import("./vue-ui-table-heatmap-btnDozZ-.js").then((e) => e.n)),
+			VueUiAccordion: o(() => import("./vue-ui-accordion-BhOSscZB.js").then((e) => e.n)),
+			VueUiQuickChart: o(() => import("./vue-ui-quick-chart-vhICAvQe.js").then((e) => e.n)),
+			VueUiCursor: o(() => import("./vue-ui-cursor-Bqm8zbqD.js").then((e) => e.n)),
+			VueUiSparkTrend: o(() => import("./vue-ui-spark-trend-C2knAS0F.js").then((e) => e.n)),
+			VueUiStripPlot: o(() => import("./vue-ui-strip-plot-Sshmlk9v.js").then((e) => e.n)),
+			VueUiDumbbell: o(() => import("./vue-ui-dumbbell-D3G5uL-P.js").then((e) => e.n)),
+			VueUiWordCloud: o(() => import("./vue-ui-word-cloud-BH1JB5hg.js").then((e) => e.n)),
+			VueUiXyCanvas: o(() => import("./vue-ui-xy-canvas-Hk0x8dd_.js").then((e) => e.n)),
+			VueUiFlow: o(() => import("./vue-ui-flow-CjvO8Fsp.js").then((e) => e.n)),
+			VueUiParallelCoordinatePlot: o(() => import("./vue-ui-parallel-coordinate-plot-BvuYSu3N.js").then((e) => e.n)),
+			VueUiTimer: o(() => import("./vue-ui-timer-Birf1RVz.js").then((e) => e.n)),
+			VueUiCarouselTable: o(() => import("./vue-ui-carousel-table-C6IZZLpG.js").then((e) => e.n)),
+			VueUiGizmo: o(() => import("./vue-ui-gizmo-BChwImvX.js").then((e) => e.n)),
+			VueUiStackbar: o(() => import("./vue-ui-stackbar-CIUS0xkc.js").then((e) => e.n)),
+			VueUiStackline: o(() => import("./vue-ui-stackline-Dy4tIQwk.js").then((e) => e.n)),
+			VueUiBullet: o(() => import("./vue-ui-bullet-BUuF_-rE.js").then((e) => e.n)),
+			VueUiFunnel: o(() => import("./vue-ui-funnel-eHR9hTpj.js").then((e) => e.n)),
+			VueUiHistoryPlot: o(() => import("./vue-ui-history-plot-Bis3f9Ub.js").then((e) => e.n)),
+			VueUiCirclePack: o(() => import("./vue-ui-circle-pack-CxIJbXSK.js").then((e) => e.n)),
+			VueUiWorld: o(() => import("./vue-ui-world-DtNML6Oz.js").then((e) => e.n)),
+			VueUiRidgeline: o(() => import("./vue-ui-ridgeline-BZ1Czz8V.js").then((e) => e.n)),
+			VueUiChord: o(() => import("./vue-ui-chord-R7YLYkOS.js").then((e) => e.n)),
+			VueUiDag: o(() => import("./vue-ui-dag-TqlqeLgZ.js").then((e) => e.n)),
+			VueUiGeo: o(() => import("./vue-ui-geo-BmjzP6NK.js").then((e) => e.n)),
+			VueUiBump: o(() => import("./vue-ui-bump-Dt13LCR2.js").then((e) => e.n)),
+			VueUiHill: o(() => import("./vue-ui-hill-D_2DFdNy.js").then((e) => e.n)),
+			VueUiLabel: o(() => import("./vue-ui-label-aHnVFvfK.js").then((e) => e.n))
 		}, be = {
 			VueUi3dBar: ["config", "dataset"],
 			VueUiAgePyramid: ["config", "dataset"],
@@ -153,18 +154,19 @@ var u = /* @__PURE__ */ e({ default: () => d }), ge = { style: { width: "36px" }
 			VueUiDag: ["config", "dataset"],
 			VueUiGeo: ["config", "dataset"],
 			VueUiBump: ["config", "dataset"],
-			VueUiHill: ["config", "dataset"]
+			VueUiHill: ["config", "dataset"],
+			VueUiLabel: ["config", "dataset"]
 		}, xe = d, m = n(() => !p[f.component]), Se = n(() => p[f.component] || null), h = c(null), Ce = n(() => {
 			let e = be[f.component] || [], t = {};
 			return e.includes("config") && (t.config = ye.value), e.includes("dataset") && (t.dataset = ve.value), t;
-		}), g = c(() => null), _ = c(() => null), v = c(() => null), y = c(() => null), b = c(() => null), x = c(() => null), S = c(() => null), C = c(() => null), w = c(() => null), T = c(() => null), E = c(() => null), D = c(() => null), O = c(() => null), k = c(() => null), A = c(() => null), j = c(() => null), we = c(() => null), M = c(() => null), N = c(() => null), P = c(() => null), F = c(() => null), I = c(() => null), L = c(() => null), R = c(() => null), z = c(() => null), B = c(() => null), V = c(() => null), H = c(() => null), U = c(() => null), W = c(() => null), G = c(() => null), K = c(() => null), q = c(() => null), Te = c(() => null), Ee = c(() => null), De = c(() => null), J = c(() => null), Y = c(() => null), X = c(() => null), Oe = c(() => null), ke = c(() => null), Ae = c(() => null), je = c(() => null), Me = c(() => null), Ne = c(() => null), Pe = c(() => null), Fe = c(() => null), Ie = c(() => null);
+		}), g = c(() => null), _ = c(() => null), v = c(() => null), y = c(() => null), b = c(() => null), x = c(() => null), S = c(() => null), C = c(() => null), w = c(() => null), T = c(() => null), E = c(() => null), D = c(() => null), O = c(() => null), k = c(() => null), A = c(() => null), j = c(() => null), we = c(() => null), M = c(() => null), N = c(() => null), P = c(() => null), F = c(() => null), I = c(() => null), L = c(() => null), R = c(() => null), z = c(() => null), B = c(() => null), V = c(() => null), H = c(() => null), U = c(() => null), W = c(() => null), G = c(() => null), K = c(() => null), q = c(() => null), Te = c(() => null), Ee = c(() => null), De = c(() => null), J = c(() => null), Y = c(() => null), X = c(() => null), Oe = c(() => null), ke = c(() => null), Ae = c(() => null), je = c(() => null), Me = c(() => null), Ne = c(() => null), Pe = c(() => null), Fe = c(() => null), Ie = c(() => null), Le = c(() => null);
 		se(() => {
 			m.value && console.error(`\n\nVue Data UI exception:\nThe provided component "${f.component}" does not exist. Check the spelling.\n\nAvailable components:\n\n${Object.keys(p).map((e) => `. ${e}\n`).join("")}`);
 		}), l(h, async (e) => {
-			e && (e.generatePdf && (g.value = e.generatePdf), e.generateImage && (v.value = e.generateImage), e.generateSvg && (y.value = e.generateSvg), e.generateCsv && (_.value = e.generateCsv), e.getItemsPositions && (b.value = e.getItemsPositions), e.toggleReadonly && (x.value = e.toggleReadonly), e.shoot && (S.value = e.shoot), e.close && (C.value = e.close), e.restoreOrder && (w.value = e.restoreOrder), e.recalculateHeight && (T.value = e.recalculateHeight), e.toggleLock && (E.value = e.toggleLock), e.toggleTable && (D.value = e.toggleTable), e.toggleLabels && (O.value = e.toggleLabels), e.toggleSort && (k.value = e.toggleSort), e.toggleStack && (A.value = e.toggleStack), e.toggleTooltip && (j.value = e.toggleTooltip), e.start && (we.value = e.start), e.pause && (M.value = e.pause), e.reset && (N.value = e.reset), e.restart && (P.value = e.restart), e.lap && (F.value = e.lap), e.toggleAnimation && (I.value = e.toggleAnimation), e.pauseAnimation && (L.value = e.pauseAnimation), e.resumeAnimation && (R.value = e.resumeAnimation), e.toggleAnnotator && (z.value = e.toggleAnnotator), e.selectNode && (B.value = e.selectNode), e.selectGroup && (V.value = e.selectGroup), e.selectRibbon && (H.value = e.selectRibbon), e.autoSize && (U.value = e.autoSize), e.resetZoom && (W.value = e.resetZoom), e.showSeries && (G.value = e.showSeries), e.hideSeries && (K.value = e.hideSeries), e.toggleZoom && (q.value = e.toggleZoom), e.onNodeClick && (Te.value = e.onNodeClick), e.onMidpointEnter && (Ee.value = e.onMidpointEnter), e.onMidpointLeave && (De.value = e.onMidpointLeave), e.zoomIn && (J.value = e.zoomIn), e.zoomOut && (Y.value = e.zoomOut), e.switchOrientation && (X.value = e.switchOrientation), e.focusLocation && (Oe.value = e.focusLocation), e.copyAlt && (ke.value = e.copyAlt), e.edit && (Ae.value = e.edit), e.save && (je.value = e.save), e.cancel && (Me.value = e.cancel), e.dragStart && (Ne.value = e.dragStart), e.dragEnd && (Pe.value = e.dragEnd), e.datapointEnter && (Fe.value = e.datapointEnter), e.datapointLeave && (Ie.value = e.datapointLeave));
+			e && (e.generatePdf && (g.value = e.generatePdf), e.generateImage && (v.value = e.generateImage), e.generateSvg && (y.value = e.generateSvg), e.generateCsv && (_.value = e.generateCsv), e.getItemsPositions && (b.value = e.getItemsPositions), e.toggleReadonly && (x.value = e.toggleReadonly), e.shoot && (S.value = e.shoot), e.close && (C.value = e.close), e.restoreOrder && (w.value = e.restoreOrder), e.recalculateHeight && (T.value = e.recalculateHeight), e.toggleLock && (E.value = e.toggleLock), e.toggleTable && (D.value = e.toggleTable), e.toggleLabels && (O.value = e.toggleLabels), e.toggleSort && (k.value = e.toggleSort), e.toggleStack && (A.value = e.toggleStack), e.toggleTooltip && (j.value = e.toggleTooltip), e.start && (we.value = e.start), e.pause && (M.value = e.pause), e.reset && (N.value = e.reset), e.restart && (P.value = e.restart), e.lap && (F.value = e.lap), e.toggleAnimation && (I.value = e.toggleAnimation), e.pauseAnimation && (L.value = e.pauseAnimation), e.resumeAnimation && (R.value = e.resumeAnimation), e.toggleAnnotator && (z.value = e.toggleAnnotator), e.selectNode && (B.value = e.selectNode), e.selectGroup && (V.value = e.selectGroup), e.selectRibbon && (H.value = e.selectRibbon), e.autoSize && (U.value = e.autoSize), e.resetZoom && (W.value = e.resetZoom), e.showSeries && (G.value = e.showSeries), e.hideSeries && (K.value = e.hideSeries), e.toggleZoom && (q.value = e.toggleZoom), e.onNodeClick && (Te.value = e.onNodeClick), e.onMidpointEnter && (Ee.value = e.onMidpointEnter), e.onMidpointLeave && (De.value = e.onMidpointLeave), e.zoomIn && (J.value = e.zoomIn), e.zoomOut && (Y.value = e.zoomOut), e.switchOrientation && (X.value = e.switchOrientation), e.focusLocation && (Oe.value = e.focusLocation), e.copyAlt && (ke.value = e.copyAlt), e.edit && (Ae.value = e.edit), e.save && (je.value = e.save), e.cancel && (Me.value = e.cancel), e.dragStart && (Ne.value = e.dragStart), e.dragEnd && (Pe.value = e.dragEnd), e.drag && (Fe.value = e.drag), e.datapointEnter && (Ie.value = e.datapointEnter), e.datapointLeave && (Le.value = e.datapointLeave));
 		});
-		let Le = () => {
-			let e = /* @__PURE__ */ "selectLegend.selectDatapoint.toggleOpenState.saveAnnotations.selectRoot.selectBranch.selectNut.change.selectPlot.selectSide.rate.postImage.hoverIndex.selectX.toggleLock.toggleTooltip.start.pause.reset.restart.lap.toggleAnimation.pauseAnimation.resumeAnimation.toggleAnnotator.selectNode.selectGroup.selectRibbon.autoSize.toggleTable.resetZoom.showSeries.hideSeries.toggleZoom.onNodeClick.onMidpointEnter.onMidpointLeave.zoomIn.zoomOut.switchOrientation.focusLocation.zoomStart.zoomEnd.zoomReset.copyAlt.edit.save.cancel.dragStart.dragEnd.datapointEnter.datapointLeave".split("."), t = {};
+		let Re = () => {
+			let e = /* @__PURE__ */ "selectLegend.selectDatapoint.toggleOpenState.saveAnnotations.selectRoot.selectBranch.selectNut.change.selectPlot.selectSide.rate.postImage.hoverIndex.selectX.toggleLock.toggleTooltip.start.pause.reset.restart.lap.toggleAnimation.pauseAnimation.resumeAnimation.toggleAnnotator.selectNode.selectGroup.selectRibbon.autoSize.toggleTable.resetZoom.showSeries.hideSeries.toggleZoom.onNodeClick.onMidpointEnter.onMidpointLeave.zoomIn.zoomOut.switchOrientation.focusLocation.zoomStart.zoomEnd.zoomReset.copyAlt.edit.save.cancel.dragStart.dragEnd.drag.datapointEnter.datapointLeave".split("."), t = {};
 			return e.forEach((e) => {
 				t[e] = (...t) => xe(e, ...t);
 			}), t;
@@ -268,7 +270,7 @@ var u = /* @__PURE__ */ e({ default: () => d }), ge = { style: { width: "36px" }
 			key: 1,
 			ref_key: "currentComponentRef",
 			ref: h
-		}, Ce.value, pe(Le())), te({ _: 2 }, [ce(e.$slots, (t, n) => ({
+		}, Ce.value, pe(Re())), te({ _: 2 }, [ce(e.$slots, (t, n) => ({
 			name: n,
 			fn: he((t) => [le(e.$slots, n, ae(re(t)))])
 		}))]), 1040));