vue-data-ui 3.22.14 → 3.23.1

package/dist/useHints-Dq_w2E8B.js

@@ -0,0 +1,66 @@
+import { toValue as e, watchEffect as t } from "vue";
+//#region src/useHints.js
+var n = {
+	noHint: {
+		test: () => !0,
+		message: ["There is no advice available for this component at the moment 🏖️"]
+	},
+	emptyArray: {
+		test: (e) => e.length === 0,
+		message: [
+			"👀 The dataset is empty.",
+			"",
+			"▶️ Check the documentation or the dataset TS type to see how to populate the dataset for this component."
+		]
+	},
+	singleSeries: {
+		test: (e) => e.length === 1,
+		message: [
+			"👀 The dataset only has a single series. Consider:",
+			"",
+			"▶️ Using a value display instead of a chart component, or using VueUiKpi."
+		]
+	}
+};
+function r({ config: n, dataset: r, component: i, rules: a }) {
+	if (!a || a?.length === 0) return;
+	let o;
+	t(() => {
+		if (!(e(n) ?? {}).devHints?.enable) {
+			o = void 0;
+			return;
+		}
+		let t = e(r);
+		if (!t) {
+			o = [
+				"",
+				i,
+				"💬 Vue Data UI advice:",
+				"---------------------",
+				"",
+				"❌ Invalid dataset",
+				"",
+				"---------------------",
+				"Turn off advice by setting config.devHints.enable: false"
+			].join("\n"), console.warn(o);
+			return;
+		}
+		let s = a.filter((e) => e.test(t)).map((e) => e.message.join("\n")), c = s.length ? s.join("\n\n") : "✅ Your dataset is appropriate";
+		if (c === o) return;
+		o = c;
+		let l = ["color: #888", "font-weight: normal"].join(";");
+		console.info([
+			"",
+			`💬 ${i}`,
+			"%cVue Data UI advice:%c",
+			"%c-------------------%c",
+			"",
+			c,
+			"",
+			"%c-------------------",
+			"Turn off advice by setting devHints.enable: false in the component's config%c"
+		].join("\n"), l, "", l, "", l, "");
+	});
+}
+//#endregion
+export { r as n, n as t };

package/dist/{useNestedProp-BYfiWVP8.js → useNestedProp-vPNvh7rV.js}

@@ -1,10 +1,12 @@
-import { S as e, qt as t } from "./lib-C-QGo8GG.js";
+import { C as e, Jt as t } from "./lib-Bttd6u5E.js";
 //#region src/useNestedProp.js
 function n({ defaultConfig: n, userConfig: r }) {
-	return Object.keys(r || {}).length ? e(t({
+	if (!Object.keys(r || {}).length) return n;
+	let i = t({
 		defaultConfig: n,
 		userConfig: r
-	})) : n;
+	});
+	return e(i);
 }
 //#endregion
 export { n as t };

package/dist/{useObjectBindings-Djwpii4d.js → useObjectBindings-Brg8mm5J.js}

@@ -1,7 +1,7 @@
-import { t as e } from "./useConfig-C0V0eG7L.js";
+import { t as e } from "./useConfig-D3scuR88.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_xy.vue_ui_donut.vue_ui_treemap.vue_ui_waffle.vue_ui_radar.vue_ui_quadrant.vue_ui_gauge.vue_ui_wheel.vue_ui_tiremarks.vue_ui_chestnut.vue_ui_onion.vue_ui_vertical_bar.vue_ui_horizontal_bar.vue_ui_heatmap.vue_ui_scatter.vue_ui_candlestick.vue_ui_sparkline.vue_ui_sparkbar.vue_ui_sparkstackbar.vue_ui_sparkhistogram.vue_ui_sparkgauge.vue_ui_spark_trend.vue_ui_quick_chart.vue_ui_age_pyramid.vue_ui_relation_circle.vue_ui_thermometer.vue_ui_rings.vue_ui_donut_evolution.vue_ui_mood_radar.vue_ui_molecule.vue_ui_nested_donuts.vue_ui_galaxy.vue_ui_strip_plot.vue_ui_dumbbell.vue_ui_3d_bar.vue_ui_table_sparkline.vue_ui_table_heatmap.vue_ui_word_cloud.vue_ui_xy_canvas.vue_ui_flow.vue_ui_parallel_coordinate_plot.vue_ui_timer.vue_ui_carousel_table.vue_ui_gizmo.vue_ui_stackbar.vue_ui_bullet.vue_ui_funnel.vue_ui_history_plot.vue_ui_world.vue_ui_ridgeline.vue_ui_chord.vue_ui_stackline.vue_ui_dag.vue_ui_geo.vue_ui_bump.vue_ui_cursor.vue_ui_accordion.vue_ui_kpi.vue_ui_mini_loader.vue_ui_smiley.vue_ui_rating.vue_ui_annotator.vue_ui_dashboard.vue_ui_skeleton.vue_ui_table.vue_ui_digits.vue_ui_circle_pack".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_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.`), {});
 }
@@ -26,6 +26,7 @@ var s = Object.fromEntries(Object.entries(/* @__PURE__ */ Object.assign({
 	"./themes/vue_ui_gauge.json": () => import("./vue_ui_gauge-Cf1RZc9q.js").then((e) => e.n).then((e) => e.default),
 	"./themes/vue_ui_geo.json": () => import("./vue_ui_geo-B8TODs-G.js").then((e) => e.n).then((e) => e.default),
 	"./themes/vue_ui_heatmap.json": () => import("./vue_ui_heatmap-B2BBBSWG.js").then((e) => e.n).then((e) => e.default),
+	"./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_molecule.json": () => import("./vue_ui_molecule-CO9L59SF.js").then((e) => e.n).then((e) => e.default),

package/dist/{usePrinter-C5ordS-4.js → usePrinter-DN5bYhTG.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-CuSS-5_j.js");
+				let { default: e } = await import("./pdf-CVIDfCrS.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-zY7_pJz1.js").then((e) => e.n);
+				let { default: e } = await import("./img-Bnokohej.js").then((e) => e.n);
 				await e({
 					domElement: document.getElementById(t),
 					fileName: n,

package/dist/{useSvgExport-Ba9qBr9M.js → useSvgExport-DH-FfcqQ.js}

@@ -302,7 +302,7 @@ function m({ svg: c, title: l, legend: m, legendItems: _, backgroundColor: v, st
 		return t.querySelectorAll("script").forEach((e) => e.remove()), k(e, t), j(t), t;
 	}
 	function L(e) {
-		let t = Array.from(e.childNodes).filter((e) => e.nodeType === 1 && e.nodeName.toLowerCase() === "defs"), n = Array.from(e.childNodes).filter((e) => !(e.nodeType === 1 && e.nodeName.toLowerCase() === "defs")), r = document.createElementNS(o, "g");
+		let t = Array.from(e.childNodes).filter((e) => e.nodeType === 1 && e.nodeName.toLowerCase() === "defs"), n = Array.from(e.childNodes).filter((e) => e.nodeType !== 1 || e.nodeName.toLowerCase() !== "defs"), r = document.createElementNS(o, "g");
 		r.setAttribute("id", "__vdu_export_content");
 		for (let e of n) r.appendChild(e);
 		for (let n of t) e.appendChild(n);

package/dist/{useTimeLabels-B9CEuiLZ.js → useTimeLabels-d2f-W1L4.js}

@@ -165,7 +165,7 @@ function i({ useUTC: e = !1, min: t = void 0, max: n = void 0, locale: r = {
 }
 //#endregion
 //#region src/useTimeLabels.js
-var a = 1440 * 60;
+var a = 86400;
 async function o({ values: e, maxDatapoints: t, formatter: n, start: o, end: s }) {
 	let c = [];
 	if (!n.enable || e.length === 0) {
@@ -230,9 +230,7 @@ async function o({ values: e, maxDatapoints: t, formatter: n, start: o, end: s }
 		case _ > 20:
 			v = "seconds_fives";
 			break;
-		default:
-			v = "seconds";
-			break;
+		default: v = "seconds";
 	}
 	let y;
 	y = v === "years" ? "year" : [

package/dist/{useTooltipPosition-BsRysTrw.js → useTooltipPosition-DifeoeQW.js}

@@ -55,10 +55,10 @@ function v(...t) {
 function y(t, n, r = {}) {
 	let { window: i = u, ...a } = r, o, c = _(() => i && "ResizeObserver" in i), d = () => {
 		o &&= (o.disconnect(), void 0);
-	}, f = l(e(() => {
+	}, f = e(() => {
 		let e = s(t);
 		return Array.isArray(e) ? e.map((e) => g(e)) : [g(e)];
-	}), (e) => {
+	}), p = l(f, (e) => {
 		if (d(), c.value && i) {
 			o = new i.ResizeObserver(n);
 			for (let t of e) t && o.observe(t, a);
@@ -66,34 +66,34 @@ function y(t, n, r = {}) {
 	}, {
 		immediate: !0,
 		flush: "post"
-	}), p = () => {
-		d(), f();
+	}), m = () => {
+		d(), p();
 	};
-	return h(p), {
+	return h(m), {
 		isSupported: c,
-		stop: p
+		stop: m
 	};
 }
 function b(t, n, r = {}) {
 	let { window: i = u, ...a } = r, o, c = _(() => i && "MutationObserver" in i), f = () => {
 		o &&= (o.disconnect(), void 0);
-	}, m = l(e(() => {
+	}, m = e(() => {
 		let e = d(s(t)).map((e) => g(e)).filter(p);
 		return new Set(e);
-	}), (e) => {
+	}), v = l(m, (e) => {
 		f(), c.value && e.size && (o = new i.MutationObserver(n), e.forEach((e) => {
 			o.observe(e, a);
 		}));
 	}, {
 		immediate: !0,
 		flush: "post"
-	}), v = () => o?.takeRecords(), y = () => {
-		m(), f();
+	}), y = () => o?.takeRecords(), b = () => {
+		v(), f();
 	};
-	return h(y), {
+	return h(b), {
 		isSupported: c,
-		stop: y,
-		takeRecords: v
+		stop: b,
+		takeRecords: y
 	};
 }
 var x = {

package/dist/useTransitions-g_zBREk2.js

@@ -0,0 +1,39 @@
+import { computed as e, isRef as t, onMounted as n, onUnmounted as r, ref as i, watch as a } from "vue";
+//#region src/useTransitions.js
+function o(e) {
+	return typeof e == "function" ? e() : t(e) ? e.value : e;
+}
+function s({ config: t, dataset: s }) {
+	let c = e(() => o(t) ?? {}), l = e(() => o(s)), u = i(!!c.value.enable), d = null, f = null;
+	function p() {
+		d !== null && (clearTimeout(d), d = null);
+	}
+	function m() {
+		p();
+		let e = c.value, t = !!e.enable, n = Number(e.activationDelayMs) || 0;
+		if (!t || n <= 0) {
+			u.value = t;
+			return;
+		}
+		u.value = !1, d = setTimeout(() => {
+			u.value = !!c.value.enable, d = null;
+		}, n);
+	}
+	function h(e) {
+		f?.(), f = null, e && (f = a(l, m, { deep: !0 }));
+	}
+	return a(() => c.value.pauseOnDatasetChange, h, { immediate: !0 }), a(() => c.value.enable, (e) => {
+		p(), u.value = !!e;
+	}), a(() => c.value.activationDelayMs, () => {
+		d !== null && m();
+	}), n(() => {
+		c.value.pauseOnLoad && m();
+	}), r(() => {
+		p(), f?.();
+	}), {
+		transitionEnabled: u,
+		pause: m
+	};
+}
+//#endregion
+export { s as t };

package/dist/utils.js

@@ -1,30 +1,30 @@
-import { B as e, N as t, T as n, U as r, ct as i, lt as a, n as o, ot as s, pt as c, q as l, r as u } from "./lib-C-QGo8GG.js";
-import { a as d, i as f, n as p, o as m, r as h, t as g } from "./exposedLib-CfZhN94x.js";
+import { E as e, J as t, P as n, V as r, W as i, lt as a, mt as o, n as s, r as c, st as l, ut as u } from "./lib-Bttd6u5E.js";
+import { a as d, i as f, n as p, o as m, r as h, t as g } from "./exposedLib-C0DPCgFj.js";
 import { t as _ } from "./patternUtils-CS7hn6at.js";
-import { i as v, n as y, r as b, t as x } from "./useObjectBindings-Djwpii4d.js";
+import { i as v, n as y, r as b, t as x } from "./useObjectBindings-Brg8mm5J.js";
 //#region src/entries/utils.js
 var S = {
 	applyDataCorrection: y,
 	getVueDataUiConfig: v,
 	getThemeConfig: b,
-	abbreviate: o,
+	abbreviate: s,
 	createPatternDef: _,
-	createSmoothPath: t,
-	createStraightPath: e,
-	createTSpans: r,
-	createWordCloudDatasetFromPlainText: l,
-	formatSmallValue: s,
-	getCumulativeAverage: i,
-	getCumulativeMedian: a,
-	getPalette: c,
+	createSmoothPath: n,
+	createStraightPath: r,
+	createTSpans: i,
+	createWordCloudDatasetFromPlainText: t,
+	formatSmallValue: l,
+	getCumulativeAverage: a,
+	getCumulativeMedian: u,
+	getPalette: o,
 	lightenColor: h,
 	darkenColor: p,
 	shiftColorHue: m,
 	mergeConfigs: d,
 	useObjectBindings: x,
-	adaptColorToBackground: u,
+	adaptColorToBackground: c,
 	average: g,
 	median: f
 };
 //#endregion
-export { o as abbreviate, u as adaptColorToBackground, y as applyDataCorrection, g as average, n as createColorWheel, _ as createPatternDef, t as createSmoothPath, e as createStraightPath, r as createTSpans, l as createWordCloudDatasetFromPlainText, p as darkenColor, S as default, s as formatSmallValue, i as getCumulativeAverage, a as getCumulativeMedian, c as getPalette, b as getThemeConfig, v as getVueDataUiConfig, h as lightenColor, f as median, d as mergeConfigs, m as shiftColorHue, x as useObjectBindings };
+export { s as abbreviate, c as adaptColorToBackground, y as applyDataCorrection, g as average, e as createColorWheel, _ as createPatternDef, n as createSmoothPath, r as createStraightPath, i as createTSpans, t as createWordCloudDatasetFromPlainText, p as darkenColor, S as default, l as formatSmallValue, a as getCumulativeAverage, u as getCumulativeMedian, o as getPalette, b as getThemeConfig, v as getVueDataUiConfig, h as lightenColor, f as median, d as mergeConfigs, m as shiftColorHue, x as useObjectBindings };

package/dist/{vue-data-ui-D3jZ4lg1.js → vue-data-ui-DGWDPCwC.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { t } from "./BaseIcon-DJbOzCDs.js";
+import { t } from "./BaseIcon-BfndwIWE.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,76 +14,77 @@ var u = /* @__PURE__ */ e({ default: () => d }), ge = { style: { width: "36px" }
 		] },
 		config: { type: Object }
 	},
-	emits: /* @__PURE__ */ "selectLegend.selectDatapoint.toggleOpenState.saveAnnotations.selectRoot.selectBranch.selectNut.change.selectPlot.selectSide.rate.postImage.hoverIndex.selectX.toggleLock.toggleTooltip.start.play.pause.reset.restart.lap.toggleAnnotator.selectGroup.selectRibbon.toggleTable.resetZoom.showSeries.hideSeries.toggleZoom.onNodeClick.onMidpointEnter.onMidpointLeave.focusLocation.zoomStart.zoomEnd.zoomReset.copyAlt".split("."),
+	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("."),
 	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-D9-jAA5Z.js").then((e) => e.n)),
-			VueUiAgePyramid: o(() => import("./vue-ui-age-pyramid-D4f-Agb7.js").then((e) => e.n)),
-			VueUiAnnotator: o(() => import("./vue-ui-annotator-P9E8hpJl.js").then((e) => e.n)),
-			VueUiCandlestick: o(() => import("./vue-ui-candlestick-C3smYvQA.js").then((e) => e.n)),
-			VueUiChestnut: o(() => import("./vue-ui-chestnut-i7FYoqi8.js").then((e) => e.n)),
-			VueUiDashboard: o(() => import("./vue-ui-dashboard-mGLvP0UA.js").then((e) => e.n)),
-			VueUiDigits: o(() => import("./vue-ui-digits-BnMqGAhl.js").then((e) => e.n)),
-			VueUiDonut: o(() => import("./vue-ui-donut-BCLG16Vb.js").then((e) => e.n)),
-			VueUiDonutEvolution: o(() => import("./vue-ui-donut-evolution-D54NP3FP.js").then((e) => e.n)),
-			VueUiGalaxy: o(() => import("./vue-ui-galaxy-CxKafV1X.js").then((e) => e.n)),
-			VueUiGauge: o(() => import("./vue-ui-gauge-CegUK3FD.js").then((e) => e.n)),
-			VueUiHeatmap: o(() => import("./vue-ui-heatmap-6Ja5LKYE.js").then((e) => e.n)),
-			VueUiKpi: o(() => import("./vue-ui-kpi-EenGDZ-l.js").then((e) => e.n)),
-			VueUiMiniLoader: o(() => import("./vue-ui-mini-loader-CA7XxPk7.js").then((e) => e.n)),
-			VueUiMolecule: o(() => import("./vue-ui-molecule-5rpD2mlK.js").then((e) => e.n)),
-			VueUiMoodRadar: o(() => import("./vue-ui-mood-radar-TWo57SKD.js").then((e) => e.n)),
-			VueUiNestedDonuts: o(() => import("./vue-ui-nested-donuts-W0TpPXIQ.js").then((e) => e.n)),
-			VueUiOnion: o(() => import("./vue-ui-onion-CDC9AGh1.js").then((e) => e.n)),
-			VueUiQuadrant: o(() => import("./vue-ui-quadrant-BM9VLDcC.js").then((e) => e.n)),
-			VueUiRadar: o(() => import("./vue-ui-radar-BVz6Uq2k.js").then((e) => e.n)),
-			VueUiRating: o(() => import("./vue-ui-rating-B7ApWpIJ.js").then((e) => e.n)),
-			VueUiRelationCircle: o(() => import("./vue-ui-relation-circle-LVOR5VZ6.js").then((e) => e.n)),
-			VueUiRings: o(() => import("./vue-ui-rings-DEZrfBYX.js").then((e) => e.n)),
-			VueUiScatter: o(() => import("./vue-ui-scatter-owaIOpD0.js").then((e) => e.n)),
-			VueUiSkeleton: o(() => import("./vue-ui-skeleton-Cxszgax7.js").then((e) => e.n)),
-			VueUiSmiley: o(() => import("./vue-ui-smiley-DZBPvVeN.js").then((e) => e.n)),
-			VueUiSparkbar: o(() => import("./vue-ui-sparkbar-DeSSqv4v.js").then((e) => e.n)),
-			VueUiSparkgauge: o(() => import("./vue-ui-sparkgauge-VSiPVgUQ.js").then((e) => e.n)),
-			VueUiSparkHistogram: o(() => import("./vue-ui-sparkhistogram-B5252IVr.js").then((e) => e.n)),
-			VueUiSparkline: o(() => import("./vue-ui-sparkline-DyZdAQMl.js").then((e) => e.n)),
-			VueUiSparkStackbar: o(() => import("./vue-ui-sparkstackbar-CiLgNzaI.js").then((e) => e.n)),
-			VueUiTable: o(() => import("./vue-ui-table-DEhy61ln.js").then((e) => e.n)),
-			VueUiTableSparkline: o(() => import("./vue-ui-table-sparkline-CyGqW88t.js").then((e) => e.n)),
-			VueUiThermometer: o(() => import("./vue-ui-thermometer-CNvTQJUq.js").then((e) => e.n)),
-			VueUiTiremarks: o(() => import("./vue-ui-tiremarks-3ZBAE8SA.js").then((e) => e.n)),
-			VueUiTreemap: o(() => import("./vue-ui-treemap-FqqXQvZw.js").then((e) => e.n)),
-			VueUiVerticalBar: o(() => import("./vue-ui-horizontal-bar-BCTdLxjK.js").then((e) => e.n)),
-			VueUiHorizontalBar: o(() => import("./vue-ui-horizontal-bar-BCTdLxjK.js").then((e) => e.n)),
-			VueUiWaffle: o(() => import("./vue-ui-waffle-B37Yx9uw.js").then((e) => e.n)),
-			VueUiWheel: o(() => import("./vue-ui-wheel-D-VVxvxY.js").then((e) => e.n)),
-			VueUiXy: o(() => import("./vue-ui-xy-D64AB5Qy.js").then((e) => e.n)),
-			VueUiTableHeatmap: o(() => import("./vue-ui-table-heatmap-1LTxQfQX.js").then((e) => e.n)),
-			VueUiAccordion: o(() => import("./vue-ui-accordion-FimGHtuy.js").then((e) => e.n)),
-			VueUiQuickChart: o(() => import("./vue-ui-quick-chart-B8XCKef-.js").then((e) => e.n)),
-			VueUiCursor: o(() => import("./vue-ui-cursor-DEf_l0Xc.js").then((e) => e.n)),
-			VueUiSparkTrend: o(() => import("./vue-ui-spark-trend-CW4cLUqP.js").then((e) => e.n)),
-			VueUiStripPlot: o(() => import("./vue-ui-strip-plot-BquHFKHA.js").then((e) => e.n)),
-			VueUiDumbbell: o(() => import("./vue-ui-dumbbell-DZ78WASa.js").then((e) => e.n)),
-			VueUiWordCloud: o(() => import("./vue-ui-word-cloud-CcRch2t2.js").then((e) => e.n)),
-			VueUiXyCanvas: o(() => import("./vue-ui-xy-canvas-mDqjPtxh.js").then((e) => e.n)),
-			VueUiFlow: o(() => import("./vue-ui-flow-CnateJjc.js").then((e) => e.n)),
-			VueUiParallelCoordinatePlot: o(() => import("./vue-ui-parallel-coordinate-plot-DUOI7HoD.js").then((e) => e.n)),
-			VueUiTimer: o(() => import("./vue-ui-timer-BVjydam-.js").then((e) => e.n)),
-			VueUiCarouselTable: o(() => import("./vue-ui-carousel-table-BD_fxykj.js").then((e) => e.n)),
-			VueUiGizmo: o(() => import("./vue-ui-gizmo-DyxeSKIk.js").then((e) => e.n)),
-			VueUiStackbar: o(() => import("./vue-ui-stackbar-Bwz6Z7M4.js").then((e) => e.n)),
-			VueUiStackline: o(() => import("./vue-ui-stackline-DX3YDRSg.js").then((e) => e.n)),
-			VueUiBullet: o(() => import("./vue-ui-bullet-CKg0bShN.js").then((e) => e.n)),
-			VueUiFunnel: o(() => import("./vue-ui-funnel-DSpUMyDO.js").then((e) => e.n)),
-			VueUiHistoryPlot: o(() => import("./vue-ui-history-plot-XOexkxeI.js").then((e) => e.n)),
-			VueUiCirclePack: o(() => import("./vue-ui-circle-pack--DUVDQx3.js").then((e) => e.n)),
-			VueUiWorld: o(() => import("./vue-ui-world-BJq4PZqF.js").then((e) => e.n)),
-			VueUiRidgeline: o(() => import("./vue-ui-ridgeline-BlyzSJHc.js").then((e) => e.n)),
-			VueUiChord: o(() => import("./vue-ui-chord-DCZo55QA.js").then((e) => e.n)),
-			VueUiDag: o(() => import("./vue-ui-dag-beo3-quD.js").then((e) => e.n)),
-			VueUiGeo: o(() => import("./vue-ui-geo-DnO1RIFR.js").then((e) => e.n)),
-			VueUiBump: o(() => import("./vue-ui-bump-CG3WTTFy.js").then((e) => e.n))
+			VueUi3dBar: o(() => import("./vue-ui-3d-bar-C_Su9fve.js").then((e) => e.n)),
+			VueUiAgePyramid: o(() => import("./vue-ui-age-pyramid-D4k1MkAL.js").then((e) => e.n)),
+			VueUiAnnotator: o(() => import("./vue-ui-annotator-CCtnM8Rv.js").then((e) => e.n)),
+			VueUiCandlestick: o(() => import("./vue-ui-candlestick-EEEt7ORC.js").then((e) => e.n)),
+			VueUiChestnut: o(() => import("./vue-ui-chestnut-BI7mC5dd.js").then((e) => e.n)),
+			VueUiDashboard: o(() => import("./vue-ui-dashboard-DVAUFETR.js").then((e) => e.n)),
+			VueUiDigits: o(() => import("./vue-ui-digits-Dy4gG6qm.js").then((e) => e.n)),
+			VueUiDonut: o(() => import("./vue-ui-donut-C0cWRLbU.js").then((e) => e.n)),
+			VueUiDonutEvolution: o(() => import("./vue-ui-donut-evolution-DwR47A2r.js").then((e) => e.n)),
+			VueUiGalaxy: o(() => import("./vue-ui-galaxy-CWBP9oH9.js").then((e) => e.n)),
+			VueUiGauge: o(() => import("./vue-ui-gauge-ByE_txav.js").then((e) => e.n)),
+			VueUiHeatmap: o(() => import("./vue-ui-heatmap-CHd9gs_p.js").then((e) => e.n)),
+			VueUiKpi: o(() => import("./vue-ui-kpi-BF_9WWoo.js").then((e) => e.n)),
+			VueUiMiniLoader: o(() => import("./vue-ui-mini-loader-CvfukjXi.js").then((e) => e.n)),
+			VueUiMolecule: o(() => import("./vue-ui-molecule-Bi2CKHer.js").then((e) => e.n)),
+			VueUiMoodRadar: o(() => import("./vue-ui-mood-radar-_zpbmvJs.js").then((e) => e.n)),
+			VueUiNestedDonuts: o(() => import("./vue-ui-nested-donuts-qHZAJ70u.js").then((e) => e.n)),
+			VueUiOnion: o(() => import("./vue-ui-onion-CB5RYIy5.js").then((e) => e.n)),
+			VueUiQuadrant: o(() => import("./vue-ui-quadrant-CoROD3er.js").then((e) => e.n)),
+			VueUiRadar: o(() => import("./vue-ui-radar-DGbaXGme.js").then((e) => e.n)),
+			VueUiRating: o(() => import("./vue-ui-rating-Bo3zD3yW.js").then((e) => e.n)),
+			VueUiRelationCircle: o(() => import("./vue-ui-relation-circle-DaU1eTsG.js").then((e) => e.n)),
+			VueUiRings: o(() => import("./vue-ui-rings-BJUBn8_b.js").then((e) => e.n)),
+			VueUiScatter: o(() => import("./vue-ui-scatter-Pcft1bUt.js").then((e) => e.n)),
+			VueUiSkeleton: o(() => import("./vue-ui-skeleton-EeJcGbCo.js").then((e) => e.n)),
+			VueUiSmiley: o(() => import("./vue-ui-smiley-D0gibt5c.js").then((e) => e.n)),
+			VueUiSparkbar: o(() => import("./vue-ui-sparkbar-DFp2k7-7.js").then((e) => e.n)),
+			VueUiSparkgauge: o(() => import("./vue-ui-sparkgauge-D0Bq85Hs.js").then((e) => e.n)),
+			VueUiSparkHistogram: o(() => import("./vue-ui-sparkhistogram-BPln7v63.js").then((e) => e.n)),
+			VueUiSparkline: o(() => import("./vue-ui-sparkline-C6Q45Dqp.js").then((e) => e.n)),
+			VueUiSparkStackbar: o(() => import("./vue-ui-sparkstackbar-CjK4bcQg.js").then((e) => e.n)),
+			VueUiTable: o(() => import("./vue-ui-table-Bjg-ujJu.js").then((e) => e.n)),
+			VueUiTableSparkline: o(() => import("./vue-ui-table-sparkline-iRFmtK5S.js").then((e) => e.n)),
+			VueUiThermometer: o(() => import("./vue-ui-thermometer-D8uiOaeA.js").then((e) => e.n)),
+			VueUiTiremarks: o(() => import("./vue-ui-tiremarks-CekiW2Ru.js").then((e) => e.n)),
+			VueUiTreemap: o(() => import("./vue-ui-treemap-h4VbnqPA.js").then((e) => e.n)),
+			VueUiVerticalBar: o(() => import("./vue-ui-horizontal-bar-BUar2HUH.js").then((e) => e.n)),
+			VueUiHorizontalBar: o(() => import("./vue-ui-horizontal-bar-BUar2HUH.js").then((e) => e.n)),
+			VueUiWaffle: o(() => import("./vue-ui-waffle-cu0w_s6L.js").then((e) => e.n)),
+			VueUiWheel: o(() => import("./vue-ui-wheel-tLvJadk5.js").then((e) => e.n)),
+			VueUiXy: o(() => import("./vue-ui-xy-7ZT9IRD8.js").then((e) => e.n)),
+			VueUiTableHeatmap: o(() => import("./vue-ui-table-heatmap-ljeYW8Wc.js").then((e) => e.n)),
+			VueUiAccordion: o(() => import("./vue-ui-accordion-BxGriZik.js").then((e) => e.n)),
+			VueUiQuickChart: o(() => import("./vue-ui-quick-chart-BcH7eY4-.js").then((e) => e.n)),
+			VueUiCursor: o(() => import("./vue-ui-cursor-BqHr0n1Z.js").then((e) => e.n)),
+			VueUiSparkTrend: o(() => import("./vue-ui-spark-trend-BRoQ7JpQ.js").then((e) => e.n)),
+			VueUiStripPlot: o(() => import("./vue-ui-strip-plot-Dw4MGDSO.js").then((e) => e.n)),
+			VueUiDumbbell: o(() => import("./vue-ui-dumbbell-DxVbRjKR.js").then((e) => e.n)),
+			VueUiWordCloud: o(() => import("./vue-ui-word-cloud-BjpGSsod.js").then((e) => e.n)),
+			VueUiXyCanvas: o(() => import("./vue-ui-xy-canvas-BnLEwBpi.js").then((e) => e.n)),
+			VueUiFlow: o(() => import("./vue-ui-flow-DWaZF4FS.js").then((e) => e.n)),
+			VueUiParallelCoordinatePlot: o(() => import("./vue-ui-parallel-coordinate-plot-BUwt-apg.js").then((e) => e.n)),
+			VueUiTimer: o(() => import("./vue-ui-timer-CYw983oL.js").then((e) => e.n)),
+			VueUiCarouselTable: o(() => import("./vue-ui-carousel-table-BicIpNAD.js").then((e) => e.n)),
+			VueUiGizmo: o(() => import("./vue-ui-gizmo-SQCou0bQ.js").then((e) => e.n)),
+			VueUiStackbar: o(() => import("./vue-ui-stackbar-Ca8EPf3e.js").then((e) => e.n)),
+			VueUiStackline: o(() => import("./vue-ui-stackline-Pz5WWlWT.js").then((e) => e.n)),
+			VueUiBullet: o(() => import("./vue-ui-bullet-DLZr2Uk8.js").then((e) => e.n)),
+			VueUiFunnel: o(() => import("./vue-ui-funnel-Bmpx5GHR.js").then((e) => e.n)),
+			VueUiHistoryPlot: o(() => import("./vue-ui-history-plot-BwnlC1mx.js").then((e) => e.n)),
+			VueUiCirclePack: o(() => import("./vue-ui-circle-pack-XHJBMG51.js").then((e) => e.n)),
+			VueUiWorld: o(() => import("./vue-ui-world-B4fCS3jN.js").then((e) => e.n)),
+			VueUiRidgeline: o(() => import("./vue-ui-ridgeline-BCaGcyfk.js").then((e) => e.n)),
+			VueUiChord: o(() => import("./vue-ui-chord-DXaq8ZMu.js").then((e) => e.n)),
+			VueUiDag: o(() => import("./vue-ui-dag-jMLVoQkb.js").then((e) => e.n)),
+			VueUiGeo: o(() => import("./vue-ui-geo-ZA7CBy8f.js").then((e) => e.n)),
+			VueUiBump: o(() => import("./vue-ui-bump-CcdzJZ9n.js").then((e) => e.n)),
+			VueUiHill: o(() => import("./vue-ui-hill-BT183G-_.js").then((e) => e.n))
 		}, be = {
 			VueUi3dBar: ["config", "dataset"],
 			VueUiAgePyramid: ["config", "dataset"],
@@ -151,18 +152,19 @@ var u = /* @__PURE__ */ e({ default: () => d }), ge = { style: { width: "36px" }
 			VueUiChord: ["config", "dataset"],
 			VueUiDag: ["config", "dataset"],
 			VueUiGeo: ["config", "dataset"],
-			VueUiBump: ["config", "dataset"]
+			VueUiBump: ["config", "dataset"],
+			VueUiHill: ["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), we = c(() => null), O = c(() => null), k = c(() => null), A = c(() => null), j = 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);
+		}), 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);
 		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 && (we.value = e.toggleLabels), e.toggleSort && (O.value = e.toggleSort), e.toggleStack && (k.value = e.toggleStack), e.toggleTooltip && (A.value = e.toggleTooltip), e.start && (j.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 && (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));
 		});
-		let Ae = () => {
-			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".split("."), t = {};
+		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 = {};
 			return e.forEach((e) => {
 				t[e] = (...t) => xe(e, ...t);
 			}), t;
@@ -203,11 +205,11 @@ var u = /* @__PURE__ */ e({ default: () => d }), ge = { style: { width: "36px" }
 			recalculateHeight: T,
 			toggleLock: E,
 			toggleTable: D,
-			toggleLabels: we,
-			toggleSort: O,
-			toggleStack: k,
-			toggleTooltip: A,
-			start: j,
+			toggleLabels: O,
+			toggleSort: k,
+			toggleStack: A,
+			toggleTooltip: j,
+			start: we,
 			pause: M,
 			reset: N,
 			restart: P,
@@ -227,7 +229,9 @@ var u = /* @__PURE__ */ e({ default: () => d }), ge = { style: { width: "36px" }
 			zoomOut: Y,
 			switchOrientation: X,
 			focusLocation: Oe,
-			copyAlt: ke
+			copyAlt: ke,
+			save: je,
+			cancel: Me
 		});
 		let $ = n(() => {
 			let e = `The provided component ${f.component} does not exist.`;
@@ -264,7 +268,7 @@ var u = /* @__PURE__ */ e({ default: () => d }), ge = { style: { width: "36px" }
 			key: 1,
 			ref_key: "currentComponentRef",
 			ref: h
-		}, Ce.value, pe(Ae())), te({ _: 2 }, [ce(e.$slots, (t, n) => ({
+		}, Ce.value, pe(Le())), te({ _: 2 }, [ce(e.$slots, (t, n) => ({
 			name: n,
 			fn: he((t) => [le(e.$slots, n, ae(re(t)))])
 		}))]), 1040));