vue-data-ui 3.23.1 → 3.23.2

package/dist/{vue-ui-quick-chart-BcH7eY4-.js → vue-ui-quick-chart-CgHX9njq.js}

@@ -2,22 +2,22 @@ import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
 import { G as t, Jt as n, Kt as r, P as i, Pt as a, Rt as o, S as ee, X as s, _ as c, b as l, ct as te, f as u, h as d, i as f, jt as ne, kt as re, p, q as ie, t as ae, tt as oe, w as se, xt as ce } from "./lib-Bttd6u5E.js";
 import { n as le, t as ue } from "./useHints-Dq_w2E8B.js";
 import { t as de } from "./useTimeLabels-d2f-W1L4.js";
-import { t as fe } from "./useConfig-D3scuR88.js";
+import { t as fe } from "./useConfig-DlNpz6P8.js";
 import { t as pe } from "./usePrinter-DN5bYhTG.js";
 import { n as me, t as he } from "./BaseScanner-DZvpgOjM.js";
-import { t as ge } from "./useSvgExport-DH-FfcqQ.js";
-import { t as _e } from "./useNestedProp-vPNvh7rV.js";
-import { t as ve } from "./useThemeCheck-C43Tcqmk.js";
+import { t as ge } from "./useNestedProp-vPNvh7rV.js";
+import { t as _e } from "./useThemeCheck-C43Tcqmk.js";
+import { t as ve } from "./useChartExport-DNiwdPmb.js";
 import { t as ye } from "./useTransitions-g_zBREk2.js";
 import { t as be } from "./useStableElementSize-C7KADDKj.js";
 import { t as xe } from "./useTimeLabelCollider-AEcY4Ioe.js";
 import { t as Se } from "./img-Bnokohej.js";
 import { t as Ce } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as we, t as Te } from "./useResponsive-ZtArZtUf.js";
-import { t as Ee } from "./BaseLegendToggle-DZVucLnv.js";
-import { t as De } from "./A11yDataTable-DdRsVULz.js";
-import { t as Oe } from "./useChartAccessibility-DYqac8yF.js";
-import { t as ke } from "./Slicer-CIk57nL4.js";
+import { t as Ee } from "./SlicerPreview-wUw1hFwe.js";
+import { t as De } from "./BaseLegendToggle-DZVucLnv.js";
+import { t as Oe } from "./A11yDataTable-DdRsVULz.js";
+import { t as ke } from "./useChartAccessibility-DYqac8yF.js";
 import { t as Ae } from "./vue_ui_quick_chart-mZBdml3Z.js";
 import { Fragment as m, Teleport as je, computed as h, createBlock as Me, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createSlots as Ne, createVNode as Pe, defineAsyncComponent as Fe, guardReactiveProps as y, mergeProps as Ie, nextTick as Le, normalizeClass as b, normalizeProps as x, normalizeStyle as S, onBeforeUnmount as Re, onMounted as ze, openBlock as C, ref as w, renderList as T, renderSlot as E, shallowRef as Be, toDisplayString as D, toRefs as Ve, unref as O, watch as He, watchEffect as Ue, withCtx as k } from "vue";
 //#region src/chartDetector.js
@@ -432,7 +432,7 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 		"copyAlt"
 	],
 	setup(e, { expose: Ce, emit: We }) {
-		let Ke = Fe(() => import("./BaseIcon-BfndwIWE.js").then((e) => e.n)), qe = Fe(() => import("./PackageVersion-D6d8SCp9.js").then((e) => e.t)), Ye = Fe(() => import("./PenAndPaper-DAE-tnEQ.js").then((e) => e.t)), Xe = Fe(() => import("./Tooltip-DhjyfHwz.js")), Ze = Fe(() => import("./UserOptions-Dt98of5H.js").then((e) => e.n)), { vue_ui_quick_chart: Qe } = fe(), { isThemeValid: $e, warnInvalidTheme: et } = ve(), M = e, N = w(null), Dn = w(null), On = w(null), kn = w(null), P = w(ie()), F = w(!1), An = w(null), jn = w(""), I = w(null), Mn = w(null), Nn = w(null), L = w([]), Pn = w(0), Fn = w(0), In = w(!1), Ln = w(null), Rn = w(null), R = w(null), zn = w(null), Bn = w(null), Vn = w(null), Hn = Be(null), Un = w(!1), Wn = w(0), Gn = w(0), Kn = w(!1);
+		let Ke = Fe(() => import("./BaseIcon-BfndwIWE.js").then((e) => e.n)), qe = Fe(() => import("./PackageVersion-DXU7nRr9.js").then((e) => e.t)), Ye = Fe(() => import("./PenAndPaper-DAE-tnEQ.js").then((e) => e.t)), Xe = Fe(() => import("./Tooltip-DhjyfHwz.js")), Ze = Fe(() => import("./UserOptions-Dt98of5H.js").then((e) => e.n)), { vue_ui_quick_chart: Qe } = fe(), { isThemeValid: $e, warnInvalidTheme: et } = _e(), M = e, N = w(null), Dn = w(null), On = w(null), kn = w(null), P = w(ie()), F = w(!1), An = w(null), jn = w(""), I = w(null), Mn = w(null), Nn = w(null), L = w([]), Pn = w(0), Fn = w(0), In = w(!1), Ln = w(null), Rn = w(null), R = w(null), zn = w(null), Bn = w(null), Vn = w(null), Hn = Be(null), Un = w(!1), Wn = w(0), Gn = w(0), Kn = w(!1);
 		function qn() {
 			Hn.value = N.value?.parentNode ?? null;
 		}
@@ -482,7 +482,7 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 		let { transitionEnabled: B } = ye({
 			config: () => z.value.transitions,
 			dataset: () => M.dataset
-		}), Qn = h(() => !!z.value.debug), $n = h(() => z.value.useCursorPointer), V = w(null), er = w({
+		}), Qn = h(() => z.value.debug), $n = h(() => z.value.useCursorPointer), V = w(null), er = w({
 			x: 0,
 			y: 0
 		}), H = w("pointer"), tr = w(!1), nr = h(() => n({
@@ -526,23 +526,23 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 				defaultConfig: z.value,
 				userConfig: nr.value
 			})
-		}), { svgRef: or } = Oe({ config: { text: z.value.title } }), sr = h(() => z.value.showUserOptionsOnChartHover), cr = h(() => z.value.keepUserOptionsStateOnChartLeave), lr = w(!z.value.showUserOptionsOnChartHover), ur = w(!1);
+		}), { svgRef: or } = ke({ config: { text: z.value.title } }), sr = h(() => z.value.showUserOptionsOnChartHover), cr = h(() => z.value.keepUserOptionsStateOnChartLeave), lr = w(!z.value.showUserOptionsOnChartHover), ur = w(!1);
 		function dr(e = !1) {
 			ur.value = e, sr.value && (lr.value = e);
 		}
 		function fr() {
-			let e = _e({
+			let e = ge({
 				userConfig: M.config,
 				defaultConfig: Qe
 			}), t = {}, n = e.theme;
 			if (n) if (!$e.value(e)) et(e), t = e;
 			else {
-				let i = _e({
+				let i = ge({
 					userConfig: Ae[n] || M.config,
 					defaultConfig: e
 				});
 				t = {
-					..._e({
+					...ge({
 						userConfig: M.config,
 						defaultConfig: i
 					}),
@@ -1240,25 +1240,16 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 			bold: z.value.titleBold,
 			textAlign: z.value.titleTextAlign,
 			subtitle: { text: "" }
-		})), { exportSvg: ci, getSvg: li } = ge({
+		})), { generateSvg: ci, onGenerateImage: li } = ve({
 			svg: or,
 			title: si,
 			legend: oi,
 			legendItems: ai,
-			backgroundColor: ii
+			backgroundColor: ii,
+			getSvgCallback: () => z.value.userOptionsCallbacks.svg,
+			generateImage: yr
 		});
-		async function ui({ isCb: e }) {
-			if (e) {
-				let { blob: e, url: t, text: n, dataUrl: r } = await li();
-				z.value.userOptionsCallbacks.svg({
-					blob: e,
-					url: t,
-					text: n,
-					dataUrl: r
-				});
-			} else ci();
-		}
-		async function di() {
+		async function ui() {
 			if (U("copyAlt", {
 				config: z.value,
 				dataset: {
@@ -1279,18 +1270,18 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 				}
 			}));
 		}
-		function fi(e, t) {
+		function di(e, t) {
 			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), t());
 		}
-		let pi = h(() => G.value === A.DONUT ? Y.value?.chart?.length ?? 0 : G.value === A.LINE ? Z.value?.extremes?.maxSeries ?? 0 : G.value === A.BAR ? Q.value?.extremes?.maxSeries ?? 0 : 0);
-		function mi() {
+		let fi = h(() => G.value === A.DONUT ? Y.value?.chart?.length ?? 0 : G.value === A.LINE ? Z.value?.extremes?.maxSeries ?? 0 : G.value === A.BAR ? Q.value?.extremes?.maxSeries ?? 0 : 0);
+		function pi() {
 			V.value = null, tr.value = !0;
 		}
-		function hi() {
+		function mi() {
 			V.value = null, H.value = "pointer", F.value = !1, I.value = null, J.value = null, tr.value = !1;
 		}
-		function gi(e) {
-			if (!or.value || $r.value || document.activeElement !== or.value || !pi.value) return;
+		function hi(e) {
+			if (!or.value || $r.value || document.activeElement !== or.value || !fi.value) 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;
 			if (e.preventDefault(), e.stopPropagation(), i) {
@@ -1318,11 +1309,11 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 				}
 				return;
 			}
-			let a = V.value, o = J.value, ee = a !== null && a >= 0 && a < pi.value, s = o !== null && o >= 0 && o < pi.value;
-			if (ee ? n ? (a += 1, a >= pi.value && (a = 0)) : t && (--a, a < 0 && (a = pi.value - 1)) : s ? (a = n ? o + 1 : o - 1, a >= pi.value && (a = 0), a < 0 && (a = pi.value - 1)) : a = n ? 0 : pi.value - 1, G.value === A.DONUT) {
+			let a = V.value, o = J.value, ee = a !== null && a >= 0 && a < fi.value, s = o !== null && o >= 0 && o < fi.value;
+			if (ee ? n ? (a += 1, a >= fi.value && (a = 0)) : t && (--a, a < 0 && (a = fi.value - 1)) : s ? (a = n ? o + 1 : o - 1, a >= fi.value && (a = 0), a < 0 && (a = fi.value - 1)) : a = n ? 0 : fi.value - 1, G.value === A.DONUT) {
 				let e = Y.value?.chart?.[a];
 				if (!e) return;
-				_i(a), Y.value.useTooltip({
+				gi(a), Y.value.useTooltip({
 					datapoint: e,
 					seriesIndex: a,
 					triggerMode: "keyboard"
@@ -1330,12 +1321,12 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 				return;
 			}
 			if (G.value === A.LINE) {
-				_i(a), Z.value?.useTooltip(a, "keyboard");
+				gi(a), Z.value?.useTooltip(a, "keyboard");
 				return;
 			}
-			G.value === A.BAR && (_i(a), Q.value?.useTooltip(a, "keyboard"));
+			G.value === A.BAR && (gi(a), Q.value?.useTooltip(a, "keyboard"));
 		}
-		function _i(e) {
+		function gi(e) {
 			if (!Number.isFinite(e) || !or.value) return;
 			let t = 0, n = 0;
 			if (G.value === A.DONUT) {
@@ -1359,7 +1350,7 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 				y: r.top + n / K.value.height * r.height
 			};
 		}
-		let vi = h(() => {
+		let _i = h(() => {
 			if (G.value === A.DONUT) return {
 				headers: [
 					"Series",
@@ -1408,11 +1399,11 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 			getImage: ti,
 			generatePdf: vr,
 			generateImage: yr,
-			generateSvg: ui,
+			generateSvg: ci,
 			toggleTooltip: Qr,
 			toggleAnnotator: ei,
 			toggleFullscreen: Zr,
-			copyAlt: di
+			copyAlt: ui
 		}), (e, n) => hr.value ? (C(), _("div", {
 			key: 0,
 			id: `${G.value}_${P.value}`,
@@ -1431,11 +1422,11 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 				id: `chart-instructions-${P.value}`,
 				class: "sr-only"
 			}, [v("p", null, D(z.value.a11y.translations.keyboardNavigation), 1)], 8, nt),
-			vi.value.rows.length ? (C(), Me(De, {
+			_i.value.rows.length ? (C(), Me(Oe, {
 				key: 0,
 				uid: P.value,
-				head: vi.value.headers,
-				body: vi.value.rows,
+				head: _i.value.headers,
+				body: _i.value.rows,
 				notice: z.value.a11y.translations.tableAvailable,
 				caption: z.value.a11y.translations.tableCaption
 			}, null, 8, [
@@ -1502,11 +1493,11 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 				isCursorPointer: $n.value,
 				onToggleFullscreen: Zr,
 				onGeneratePdf: O(vr),
-				onGenerateImage: O(yr),
-				onGenerateSvg: ui,
+				onGenerateImage: O(li),
+				onGenerateSvg: O(ci),
 				onToggleTooltip: Qr,
 				onToggleAnnotator: ei,
-				onCopyAlt: di,
+				onCopyAlt: ui,
 				style: S({ visibility: cr.value ? lr.value ? "visible" : "hidden" : "visible" })
 			}, Ne({ _: 2 }, [
 				e.$slots.menuIcon ? {
@@ -1592,6 +1583,7 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 				"isCursorPointer",
 				"onGeneratePdf",
 				"onGenerateImage",
+				"onGenerateSvg",
 				"style"
 			])) : g("", !0),
 			z.value.title ? (C(), _("div", {
@@ -1612,9 +1604,9 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 				style: S(`max-width:100%;overflow:visible;background:transparent;color:${z.value.color}`),
 				class: b({ "vue-data-ui-no-transition": !O(B) }),
 				tabindex: "0",
-				onFocus: mi,
-				onBlur: hi,
-				onKeydown: gi
+				onFocus: pi,
+				onBlur: mi,
+				onKeydown: hi
 			}, [
 				Pe(O(qe)),
 				e.$slots["chart-background"] && G.value === A.BAR ? (C(), _("foreignObject", {
@@ -2137,16 +2129,15 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 				key: `slicer_${Fn.value}`,
 				ref_key: "quickChartSlicer",
 				ref: kn
-			}, [(C(), Me(ke, {
+			}, [(C(), Me(Ee, {
 				ref_key: "slicerComponent",
 				ref: Ir,
 				key: `slicer_${Fn.value}`,
+				timeLabels: $.value,
 				background: z.value.zoomColor,
 				borderColor: z.value.backgroundColor,
 				fontSize: z.value.zoomFontSize,
 				useResetSlot: z.value.zoomUseResetSlot,
-				labelLeft: z.value.xyPeriods[X.value.start] && $.value[0] ? $.value[0].text : "",
-				labelRight: z.value.xyPeriods[X.value.end - 1] && $.value?.length ? $.value.at(-1).text : "",
 				textColor: z.value.color,
 				inputColor: z.value.zoomColor,
 				selectColor: z.value.zoomHighlightColor,
@@ -2192,7 +2183,7 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 			}, {
 				"reset-action": k(({ reset: t }) => [E(e.$slots, "reset-action", x(y({ reset: t })), void 0, !0)]),
 				_: 3
-			}, 8, /* @__PURE__ */ "background.borderColor.fontSize.useResetSlot.labelLeft.labelRight.textColor.inputColor.selectColor.max.valueStart.valueEnd.smoothMinimap.minimapSelectedColor.minimapSelectedColorOpacity.minimapSelectionRadius.minimapLineColor.minimap.minimapIndicatorColor.verticalHandles.minimapSelectedIndex.start.end.refreshStartPoint.refreshEndPoint.enableRangeHandles.enableSelectionDrag.minimapCompact.minimapMerged.allMinimaps.minimapFrameColor.additionalMinimapHeight.handleType.handleWidth.handleBorderWidth.handleIconColor.handleBorderColor.handleFill.focusOnDrag.focusRangeRatio.maxWidth.minimapLeftInsetRatio.minimapRightInsetRatio".split(".")))])) : g("", !0),
+			}, 8, /* @__PURE__ */ "timeLabels.background.borderColor.fontSize.useResetSlot.textColor.inputColor.selectColor.max.valueStart.valueEnd.smoothMinimap.minimapSelectedColor.minimapSelectedColorOpacity.minimapSelectionRadius.minimapLineColor.minimap.minimapIndicatorColor.verticalHandles.minimapSelectedIndex.start.end.refreshStartPoint.refreshEndPoint.enableRangeHandles.enableSelectionDrag.minimapCompact.minimapMerged.allMinimaps.minimapFrameColor.additionalMinimapHeight.handleType.handleWidth.handleBorderWidth.handleIconColor.handleBorderColor.handleFill.focusOnDrag.focusRangeRatio.maxWidth.minimapLeftInsetRatio.minimapRightInsetRatio".split(".")))])) : g("", !0),
 			v("div", { id: `legend-bottom-${P.value}` }, null, 8, Sn),
 			In.value && z.value.showLegend ? (C(), Me(je, {
 				key: 7,
@@ -2204,7 +2195,7 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 				class: "vue-ui-quick-chart-legend",
 				style: S(`background:transparent;color:${z.value.color}`)
 			}, [
-				(Y.value?.legend?.length > 2 || Z.value?.legend?.length > 2 || Q.value?.legend?.length > 2) && z.value.showLegendSelectAllToggle && !O(rr) ? (C(), Me(Ee, {
+				(Y.value?.legend?.length > 2 || Z.value?.legend?.length > 2 || Q.value?.legend?.length > 2) && z.value.showLegendSelectAllToggle && !O(rr) ? (C(), Me(De, {
 					key: 0,
 					backgroundColor: z.value.legendSelectAllToggleBackgroundColor,
 					color: z.value.legendSelectAllToggleColor,
@@ -2226,7 +2217,7 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 					role: "button",
 					tabindex: "0",
 					onKeydown: (e) => {
-						fi(e, () => {
+						di(e, () => {
 							Mr(t, Y.value.dataset);
 						});
 					}
@@ -2280,7 +2271,7 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 					role: "button",
 					tabindex: "0",
 					onKeydown: (e) => {
-						fi(e, () => {
+						di(e, () => {
 							Or(t.id, Z.value.legend.length - 1), U("selectLegend", Z.value.dataset);
 						});
 					}
@@ -2308,7 +2299,7 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 					role: "button",
 					tabindex: "0",
 					onKeydown: (e) => {
-						fi(e, () => {
+						di(e, () => {
 							Or(t.id, Q.value.legend.length - 1), U("selectLegend", Q.value.dataset);
 						});
 					}
@@ -2392,6 +2383,6 @@ var N = /* @__PURE__ */ e({ default: () => Dn }), tt = ["id"], nt = ["id"], rt =
 			stroke: "red"
 		}), n[5] ||= v("span", null, "Dataset is not processable", -1)]));
 	}
-}, [["__scopeId", "data-v-a59c3604"]]);
+}, [["__scopeId", "data-v-4bec8cdd"]]);
 //#endregion
 export { N as n, Dn as t };