vue-data-ui 3.23.14 → 3.24.1

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;
@@ -3493,6 +3495,7 @@ declare module 'vue-data-ui' {
                 animationFrames?: number;
             };
             bar?: {
+                borderRadius?: number | null;
                 gradient?: {
                     show?: boolean;
                     intensity?: number;
@@ -4280,6 +4283,7 @@ declare module 'vue-data-ui' {
                 opacity?: number;
             };
             bar?: {
+                borderRadius?: number | null;
                 gradient?: {
                     show?: boolean;
                     intensity?: number;
@@ -17194,6 +17198,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 +17411,8 @@ declare module 'vue-data-ui' {
         | VueUiStacklineConfig
         | VueUiDagConfig
         | VueUiGeoConfig
-        | VueUiBumpConfig;
+        | VueUiBumpConfig
+        | VueUiLabelConfig;
 
     export type VueDataUiConfigKey =
         | 'vue_ui_hill'
@@ -17276,6 +17427,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-DcMi9POF.js}

@@ -3274,11 +3274,14 @@ function e(e = {}) {
 				backgroundColor: g,
 				opacity: 100
 			},
-			bar: { gradient: {
-				show: !0,
-				intensity: 40,
-				underlayerColor: o
-			} },
+			bar: {
+				borderRadius: null,
+				gradient: {
+					show: !0,
+					intensity: 40,
+					underlayerColor: o
+				}
+			},
 			labels: {
 				fontSize: y._16,
 				name: {
@@ -3338,11 +3341,14 @@ function e(e = {}) {
 				show: !0,
 				animationFrames: 60
 			},
-			bar: { gradient: {
-				show: !0,
-				intensity: 40,
-				underlayerColor: o
-			} },
+			bar: {
+				borderRadius: null,
+				gradient: {
+					show: !0,
+					intensity: 40,
+					underlayerColor: o
+				}
+			},
 			legend: {
 				show: !0,
 				textAlign: S.LEFT,
@@ -7848,7 +7854,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-C1q6rUju.js}

@@ -1,7 +1,7 @@
-import { t as e } from "./useConfig-DwdGsXTx.js";
+import { t as e } from "./useConfig-DcMi9POF.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-C1q6rUju.js";
 //#region src/entries/utils.js
 var S = {
 	applyDataCorrection: y,