vue-data-ui 3.23.0 → 3.23.1

package/dist/{vue-ui-donut-evolution-D6vH_hfx.js → vue-ui-donut-evolution-DwR47A2r.js}

@@ -1,28 +1,28 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, Bt as n, D as r, G as i, Jt as a, Kt as o, Pt as s, Q as c, Rt as ee, S as te, Ut as ne, X as re, _ as ie, f as ae, h as oe, i as se, jt as ce, kt as le, p as ue, pt as de, q as fe, t as pe, tt as me, w as he, wt as ge, y as _e } from "./lib-BuMGJ_a0.js";
+import { $ as t, Bt as n, D as r, G as i, Jt as a, Kt as o, Pt as s, Q as c, Rt as ee, S as te, Ut as ne, X as re, _ as ie, f as ae, h as oe, i as se, jt as ce, kt as le, p as ue, pt as de, q as fe, t as pe, tt as me, w as he, wt as ge, y as _e } from "./lib-Bttd6u5E.js";
 import { n as ve, t as ye } from "./useHints-Dq_w2E8B.js";
-import { t as be } from "./useTimeLabels-B9CEuiLZ.js";
-import { t as xe } from "./useConfig-BilxnBNr.js";
-import { t as Se } from "./usePrinter-BFvi4jVy.js";
+import { t as be } from "./useTimeLabels-d2f-W1L4.js";
+import { t as xe } from "./useConfig-D3scuR88.js";
+import { t as Se } from "./usePrinter-DN5bYhTG.js";
 import { n as Ce, t as we } from "./BaseScanner-DZvpgOjM.js";
-import { t as Te } from "./useSvgExport-Ba9qBr9M.js";
-import { t as Ee } from "./useNestedProp--NSEmhOH.js";
+import { t as Te } from "./useSvgExport-DH-FfcqQ.js";
+import { t as Ee } from "./useNestedProp-vPNvh7rV.js";
 import { t as De } from "./useThemeCheck-C43Tcqmk.js";
 import { t as Oe } from "./useTransitions-g_zBREk2.js";
 import { t as ke } from "./useStableElementSize-C7KADDKj.js";
 import { t as Ae } from "./useTimeLabelCollider-AEcY4Ioe.js";
-import { t as je } from "./img-DIQG5q8T.js";
-import { n as Me } from "./Title-BODtwViI.js";
+import { t as je } from "./img-Bnokohej.js";
+import { n as Me } from "./Title-BE3qg9xl.js";
 import { t as Ne } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as Pe, t as Fe } from "./useResponsive-ZtArZtUf.js";
 import { t as Ie } from "./DefGrad-DVBqDjhO.js";
-import { t as Le } from "./BaseLegendToggle-CtAPwzr2.js";
+import { t as Le } from "./BaseLegendToggle-DZVucLnv.js";
 import { t as Re } from "./A11yDataTable-DdRsVULz.js";
 import { t as ze } from "./useUserOptionState-DK-_1ddE.js";
 import { t as Be } from "./useChartAccessibility-DYqac8yF.js";
-import { t as Ve } from "./Legend-CQTRlzK-.js";
+import { t as Ve } from "./Legend-CQxUgOd-.js";
 import { t as He } from "./vue_ui_donut_evolution-D1yAAIHr.js";
-import { t as Ue } from "./Slicer-5yIrdoJv.js";
+import { t as Ue } from "./Slicer-CIk57nL4.js";
 import { Fragment as l, Teleport as We, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createSlots as Ge, createTextVNode as Ke, createVNode as qe, defineAsyncComponent as h, guardReactiveProps as g, mergeProps as Je, nextTick as _, normalizeClass as v, normalizeProps as y, normalizeStyle as b, onBeforeUnmount as Ye, onMounted as Xe, openBlock as x, ref as S, renderList as C, renderSlot as w, resolveDynamicComponent as Ze, shallowRef as Qe, toDisplayString as T, toRefs as $e, unref as E, watch as et, watchEffect as tt, withCtx as D } from "vue";
 //#region src/components/vue-ui-donut-evolution.vue
 var nt = /* @__PURE__ */ e({ default: () => Wt }), rt = ["id"], it = ["id"], at = ["id"], ot = { style: { position: "relative" } }, st = [
@@ -169,7 +169,7 @@ var nt = /* @__PURE__ */ e({ default: () => Wt }), rt = ["id"], it = ["id"], at
 	},
 	emits: ["selectLegend", "copyAlt"],
 	setup(e, { expose: Ne, emit: nt }) {
-		let Wt = h(() => import("./vue-ui-accordion-61MlW-Ge.js").then((e) => e.n)), Gt = h(() => import("./BaseIcon-91MZoczJ.js").then((e) => e.n)), Kt = h(() => import("./DataTable-D4tM9s5Y.js")), qt = h(() => import("./PackageVersion--QCMh5k_.js").then((e) => e.t)), Jt = h(() => import("./PenAndPaper-cE4J8-rA.js").then((e) => e.t)), Yt = h(() => import("./UserOptions-3ujTo3LD.js").then((e) => e.n)), Xt = h(() => import("./vue-ui-donut-B_n6wF6B.js").then((e) => e.n)), Zt = h(() => import("./BaseDraggableDialog-qTnfhLBz.js").then((e) => e.n)), { vue_ui_donut_evolution: Qt } = xe(), { isThemeValid: $t, warnInvalidTheme: en } = De(), O = e, k = S(fe()), A = S([]), j = S(null), M = S(null), tn = S(!1), N = S(null), P = S(null), nn = S(null), rn = S(0), an = S(0), on = S(0), sn = S(0), cn = S(0), ln = S(null), un = S(null), dn = S(null), fn = S(null), pn = S(!1), mn = S(null), hn = S(null), gn = S(!1), _n = S(!1), vn = Qe(null), yn = S(0), bn = S(0), xn = S(!1);
+		let Wt = h(() => import("./vue-ui-accordion-BxGriZik.js").then((e) => e.n)), Gt = h(() => import("./BaseIcon-BfndwIWE.js").then((e) => e.n)), Kt = h(() => import("./DataTable-BbKgJ5UI.js")), qt = h(() => import("./PackageVersion-D6d8SCp9.js").then((e) => e.t)), Jt = h(() => import("./PenAndPaper-DAE-tnEQ.js").then((e) => e.t)), Yt = h(() => import("./UserOptions-Dt98of5H.js").then((e) => e.n)), Xt = h(() => import("./vue-ui-donut-C0cWRLbU.js").then((e) => e.n)), Zt = h(() => import("./BaseDraggableDialog-LoqqwRtV.js").then((e) => e.n)), { vue_ui_donut_evolution: Qt } = xe(), { isThemeValid: $t, warnInvalidTheme: en } = De(), O = e, k = S(fe()), A = S([]), j = S(null), M = S(null), tn = S(!1), N = S(null), P = S(null), nn = S(null), rn = S(0), an = S(0), on = S(0), sn = S(0), cn = S(0), ln = S(null), un = S(null), dn = S(null), fn = S(null), pn = S(!1), mn = S(null), hn = S(null), gn = S(!1), _n = S(!1), vn = Qe(null), yn = S(0), bn = S(0), xn = S(!1);
 		function Sn() {
 			vn.value = P.value?.parentNode ?? null;
 		}
@@ -713,9 +713,9 @@ var nt = /* @__PURE__ */ e({ default: () => Wt }), rt = ["id"], it = ["id"], at
 					[R.value.style.chart.title.text],
 					[R.value.style.chart.title.subtitle.text],
 					[""]
-				], i = [...Q.value.head.map((e) => e.name ?? e)], a = [...Q.value.body.map((e) => e.map((e) => e.value ?? e))], o = r(n.concat([i]).concat(a));
-				e ? e(o) : t({
-					csvContent: o,
+				], i = [...Q.value.head.map((e) => e.name ?? e)], a = [...Q.value.body.map((e) => e.map((e) => e.value ?? e))], o = n.concat([i]).concat(a), s = r(o);
+				e ? e(s) : t({
+					csvContent: s,
 					title: R.value.style.chart.title.text || "vue-ui-donut-evolution"
 				});
 			});
@@ -763,6 +763,7 @@ var nt = /* @__PURE__ */ e({ default: () => Wt }), rt = ["id"], it = ["id"], at
 				aspectRatio: r
 			};
 		}
+		let Vr = u(() => B.value.width), Hr = u(() => B.value.height);
 		Ae({
 			timeLabelsEls: un,
 			timeLabels: J,
@@ -788,11 +789,11 @@ var nt = /* @__PURE__ */ e({ default: () => Wt }), rt = ["id"], it = ["id"], at
 				"enable"
 			],
 			isAutoSize: !1,
-			width: u(() => B.value.width),
-			height: u(() => B.value.height),
+			width: Vr,
+			height: Hr,
 			rotation: R.value.style.chart.layout.grid.xAxis.dataLabels.autoRotate.angle
 		});
-		let Vr = u(() => {
+		let Ur = u(() => {
 			let e = R.value.table.useDialog && !R.value.table.show, t = H.value.showTable;
 			return {
 				component: e ? Zt : Wt,
@@ -826,36 +827,36 @@ var nt = /* @__PURE__ */ e({ default: () => Wt }), rt = ["id"], it = ["id"], at
 		et(() => H.value.showTable, (e) => {
 			R.value.table.show || (e && R.value.table.useDialog && mn.value ? mn.value.open() : "close" in mn.value && mn.value.close());
 		});
-		function Hr() {
+		function Wr() {
 			H.value.showTable = !1, hn.value && hn.value.setTableIconState(!1);
 		}
-		let Ur = u(() => xr.value.map((e) => ({
+		let Gr = u(() => xr.value.map((e) => ({
 			...e,
 			name: e.display
-		}))), Wr = u(() => R.value.style.chart.backgroundColor), Gr = u(() => R.value.style.chart.legend), { exportSvg: Kr, getSvg: qr } = Te({
+		}))), Kr = u(() => R.value.style.chart.backgroundColor), qr = u(() => R.value.style.chart.legend), Jr = u(() => R.value.style.chart.title), { exportSvg: Yr, getSvg: Xr } = Te({
 			svg: Zn,
-			title: u(() => R.value.style.chart.title),
-			legend: Gr,
-			legendItems: Ur,
-			backgroundColor: Wr
+			title: Jr,
+			legend: qr,
+			legendItems: Gr,
+			backgroundColor: Kr
 		});
-		async function Jr({ isCb: e }) {
+		async function Zr({ isCb: e }) {
 			_n.value = !0, await _();
 			try {
 				if (e) {
-					let { blob: e, url: t, text: n, dataUrl: r } = await qr();
+					let { blob: e, url: t, text: n, dataUrl: r } = await Xr();
 					await Promise.resolve(R.value.userOptions.callbacks.svg({
 						blob: e,
 						url: t,
 						text: n,
 						dataUrl: r
 					}));
-				} else await Promise.resolve(Kr());
+				} else await Promise.resolve(Yr());
 			} finally {
 				_n.value = !1;
 			}
 		}
-		function Yr(e) {
+		function Qr(e) {
 			if (e?.stage === "start") {
 				gn.value = !0;
 				return;
@@ -866,7 +867,7 @@ var nt = /* @__PURE__ */ e({ default: () => Wt }), rt = ["id"], it = ["id"], at
 			}
 			nr();
 		}
-		async function Xr() {
+		async function $r() {
 			if (Fn("copyAlt", {
 				config: R.value,
 				dataset: Z.value
@@ -879,13 +880,13 @@ var nt = /* @__PURE__ */ e({ default: () => Wt }), rt = ["id"], it = ["id"], at
 				dataset: Z.value
 			}));
 		}
-		function Zr() {
+		function ei() {
 			L.value = null, Pn.value = !0;
 		}
-		function Qr() {
+		function ti() {
 			L.value = null, j.value = null, M.value = null, Pn.value = !1;
 		}
-		function $r(e) {
+		function ni(e) {
 			if (!Zn.value || Nr.value || document.activeElement !== Zn.value || !Z.value.length) return;
 			let t = e.key === "ArrowLeft", n = e.key === "ArrowRight", r = e.key === "Enter" || e.key === " ", i = e.key === "Escape";
 			if (!t && !n && !r && !i) return;
@@ -905,7 +906,7 @@ var nt = /* @__PURE__ */ e({ default: () => Wt }), rt = ["id"], it = ["id"], at
 			let ee = Z.value[a];
 			ee && vr(ee);
 		}
-		let ei = u(() => ({
+		let ri = u(() => ({
 			headers: Q.value?.colNames ?? [],
 			rows: Q.value?.bodyA11y ?? []
 		}));
@@ -915,13 +916,13 @@ var nt = /* @__PURE__ */ e({ default: () => Wt }), rt = ["id"], it = ["id"], at
 			generatePdf: tr,
 			generateCsv: Ar,
 			generateImage: nr,
-			generateSvg: Jr,
+			generateSvg: Zr,
 			hideSeries: Or,
 			showSeries: Dr,
 			toggleTable: Mr,
 			toggleAnnotator: Pr,
 			toggleFullscreen: jr,
-			copyAlt: Xr
+			copyAlt: $r
 		}), (e, t) => (x(), p("div", {
 			ref_key: "donutEvolutionChart",
 			ref: P,
@@ -935,11 +936,11 @@ var nt = /* @__PURE__ */ e({ default: () => Wt }), rt = ["id"], it = ["id"], at
 				id: `chart-instructions-${k.value}`,
 				class: "sr-only"
 			}, [m("p", null, T(R.value.a11y.translations.keyboardNavigation), 1)], 8, it),
-			ei.value?.rows?.length ? (x(), d(Re, {
+			ri.value?.rows?.length ? (x(), d(Re, {
 				key: 0,
 				uid: k.value,
-				head: ei.value.headers,
-				body: ei.value.rows,
+				head: ri.value.headers,
+				body: ri.value.rows,
 				notice: R.value.a11y.translations.tableAvailable,
 				caption: R.value.a11y.translations.tableCaption
 			}, null, 8, [
@@ -1028,11 +1029,11 @@ var nt = /* @__PURE__ */ e({ default: () => Wt }), rt = ["id"], it = ["id"], at
 				onToggleFullscreen: jr,
 				onGeneratePdf: E(tr),
 				onGenerateCsv: Ar,
-				onGenerateImage: Yr,
-				onGenerateSvg: Jr,
+				onGenerateImage: Qr,
+				onGenerateSvg: Zr,
 				onToggleTable: Mr,
 				onToggleAnnotator: Pr,
-				onCopyAlt: Xr,
+				onCopyAlt: $r,
 				style: b({ visibility: E(Xn) ? E(Jn) ? "visible" : "hidden" : "visible" })
 			}, Ge({ _: 2 }, [
 				e.$slots.menuIcon ? {
@@ -1138,9 +1139,9 @@ var nt = /* @__PURE__ */ e({ default: () => Wt }), rt = ["id"], it = ["id"], at
 				viewBox: `0 0 ${G.value.absoluteWidth} ${G.value.absoluteHeight}`,
 				style: b(`max-width:100%; overflow: visible; background:transparent;color:${R.value.style.chart.color};`),
 				tabindex: "0",
-				onFocus: Zr,
-				onBlur: Qr,
-				onKeydown: $r
+				onFocus: ei,
+				onBlur: ti,
+				onKeydown: ni
 			}, [
 				qe(E(qt)),
 				e.$slots["chart-background"] ? (x(), p("foreignObject", {
@@ -1449,6 +1450,8 @@ var nt = /* @__PURE__ */ e({ default: () => Wt }), rt = ["id"], it = ["id"], at
 				focusRangeRatio: R.value.style.chart.zoom.focusRangeRatio,
 				isCursorPointer: z.value,
 				maxWidth: R.value.style.chart.zoom.maxWidth,
+				minimapLeftInsetRatio: G.value.absoluteWidth > 0 && R.value.style.chart.zoom.autoFit ? G.value.left / G.value.absoluteWidth : null,
+				minimapRightInsetRatio: G.value.absoluteWidth > 0 && R.value.style.chart.zoom.autoFit ? (G.value.absoluteWidth - G.value.right) / G.value.absoluteWidth : null,
 				onReset: Gn
 			}, {
 				"reset-action": D(({ reset: t }) => [w(e.$slots, "reset-action", y(g({ reset: t })), void 0, !0)]),
@@ -1475,7 +1478,9 @@ var nt = /* @__PURE__ */ e({ default: () => Wt }), rt = ["id"], it = ["id"], at
 				"focusOnDrag",
 				"focusRangeRatio",
 				"isCursorPointer",
-				"maxWidth"
+				"maxWidth",
+				"minimapLeftInsetRatio",
+				"minimapRightInsetRatio"
 			])) : f("", !0)], 4),
 			m("div", { id: `legend-bottom-${k.value}` }, null, 8, Bt),
 			pn.value && (R.value.style.chart.legend.show || e.$slots.legend) ? (x(), d(We, {
@@ -1515,10 +1520,10 @@ var nt = /* @__PURE__ */ e({ default: () => Wt }), rt = ["id"], it = ["id"], at
 				ref: kn,
 				dir: "auto"
 			}, [w(e.$slots, "source", {}, void 0, !0)], 512)) : f("", !0),
-			In.value && R.value.userOptions.buttons.table ? (x(), d(Ze(Vr.value.component), Je({ key: 8 }, Vr.value.props, {
+			In.value && R.value.userOptions.buttons.table ? (x(), d(Ze(Ur.value.component), Je({ key: 8 }, Ur.value.props, {
 				ref_key: "tableUnit",
 				ref: mn,
-				onClose: Hr
+				onClose: Wr
 			}), Ge({
 				content: D(() => [(x(), d(E(Kt), {
 					key: `table_${sn.value}`,
@@ -1526,10 +1531,10 @@ var nt = /* @__PURE__ */ e({ default: () => Wt }), rt = ["id"], it = ["id"], at
 					head: Q.value.head,
 					body: Q.value.body,
 					config: Q.value.config,
-					title: R.value.table.useDialog ? "" : Vr.value.title,
+					title: R.value.table.useDialog ? "" : Ur.value.title,
 					withCloseButton: !R.value.table.useDialog,
 					isCursorPointer: z.value,
-					onClose: Hr
+					onClose: Wr
 				}, {
 					th: D(({ th: e }) => [Ke(T(e.name ?? e), 1)]),
 					td: D(({ td: e }) => [e.value === null ? (x(), p("span", Ht, "-")) : (x(), p("b", Ut, T(isNaN(e.value) ? "" : R.value.style.chart.layout.dataLabels.prefix) + T(!isNaN(e.value) && e.value !== null ? Number(e.value.toFixed(R.value.table.td.roundingValue)).toLocaleString() : e) + T(isNaN(e.value) ? "" : R.value.style.chart.layout.dataLabels.suffix), 1)), m("span", null, T(e.percentage && !isNaN(e.percentage) ? `(${Number(e.percentage.toFixed(R.value.table.td.roundingPercentage)).toLocaleString()}%)` : ""), 1)]),
@@ -1546,7 +1551,7 @@ var nt = /* @__PURE__ */ e({ default: () => Wt }), rt = ["id"], it = ["id"], at
 				_: 2
 			}, [R.value.table.useDialog ? {
 				name: "title",
-				fn: D(() => [Ke(T(Vr.value.title), 1)]),
+				fn: D(() => [Ke(T(Ur.value.title), 1)]),
 				key: "0"
 			} : void 0, R.value.table.useDialog ? {
 				name: "actions",
@@ -1557,7 +1562,7 @@ var nt = /* @__PURE__ */ e({ default: () => Wt }), rt = ["id"], it = ["id"], at
 					style: b({ cursor: z.value ? "cursor" : "default" })
 				}, [qe(E(Gt), {
 					name: "fileCsv",
-					stroke: Vr.value.props.color
+					stroke: Ur.value.props.color
 				}, null, 8, ["stroke"])], 4)]),
 				key: "1"
 			} : void 0]), 1040)) : f("", !0),
@@ -1593,6 +1598,6 @@ var nt = /* @__PURE__ */ e({ default: () => Wt }), rt = ["id"], it = ["id"], at
 			E(Vn) ? (x(), d(we, { key: 10 })) : f("", !0)
 		], 46, rt));
 	}
-}, [["__scopeId", "data-v-54b0bf03"]]);
+}, [["__scopeId", "data-v-7d5348e7"]]);
 //#endregion
 export { nt as n, Wt as t };