vue-data-ui 3.23.0 → 3.23.1

package/dist/{vue-ui-dumbbell-BX4Ao_wR.js → vue-ui-dumbbell-DxVbRjKR.js}

@@ -1,22 +1,22 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { $ as t, Bt as n, D as r, Jt as i, Ot as a, X as o, Y as s, _ as ee, b as te, i as c, jt as ne, pt as re, q as ie, t as ae, tt as oe } from "./lib-BuMGJ_a0.js";
+import { $ as t, Bt as n, D as r, Jt as i, Ot as a, X as o, Y as s, _ as ee, b as te, i as c, jt as ne, pt as re, q as ie, t as ae, tt as oe } from "./lib-Bttd6u5E.js";
 import { n as se, t as ce } from "./useHints-Dq_w2E8B.js";
-import { t as le } from "./useConfig-BilxnBNr.js";
-import { t as ue } from "./usePrinter-BFvi4jVy.js";
+import { t as le } from "./useConfig-D3scuR88.js";
+import { t as ue } from "./usePrinter-DN5bYhTG.js";
 import { n as de, t as fe } from "./BaseScanner-DZvpgOjM.js";
-import { t as pe } from "./useSvgExport-Ba9qBr9M.js";
-import { t as me } from "./useNestedProp--NSEmhOH.js";
+import { t as pe } from "./useSvgExport-DH-FfcqQ.js";
+import { t as me } from "./useNestedProp-vPNvh7rV.js";
 import { t as he } from "./useThemeCheck-C43Tcqmk.js";
 import { t as ge } from "./useTimeLabelCollider-AEcY4Ioe.js";
-import { t as _e } from "./img-DIQG5q8T.js";
-import { n as ve } from "./Title-BODtwViI.js";
+import { t as _e } from "./img-Bnokohej.js";
+import { n as ve } from "./Title-BE3qg9xl.js";
 import { t as ye } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as be, t as xe } from "./useResponsive-ZtArZtUf.js";
 import { t as l } from "./DefGrad-DVBqDjhO.js";
 import { t as Se } from "./A11yDataTable-DdRsVULz.js";
 import { t as Ce } from "./useUserOptionState-DK-_1ddE.js";
 import { t as we } from "./useChartAccessibility-DYqac8yF.js";
-import { t as Te } from "./Legend-CQTRlzK-.js";
+import { t as Te } from "./Legend-CQxUgOd-.js";
 import { t as Ee } from "./usePrefersMotion-BC-CsqR1.js";
 import { t as De } from "./vue_ui_dumbbell-Bfe_jFyi.js";
 import { Fragment as u, Teleport as Oe, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createSlots as ke, createTextVNode as Ae, createVNode as g, defineAsyncComponent as _, guardReactiveProps as v, mergeProps as je, nextTick as Me, normalizeClass as Ne, normalizeProps as y, normalizeStyle as b, onBeforeUnmount as Pe, onMounted as Fe, openBlock as x, ref as S, renderList as C, renderSlot as w, resolveDynamicComponent as Ie, shallowRef as Le, toDisplayString as T, toRefs as Re, unref as E, vShow as D, watch as ze, watchEffect as Be, withCtx as O, withDirectives as k } from "vue";
@@ -180,7 +180,7 @@ var Ve = /* @__PURE__ */ e({ default: () => Et }), He = ["id"], Ue = ["id"], We
 	},
 	emits: ["selectDatapoint", "copyAlt"],
 	setup(e, { expose: ye, emit: Ve }) {
-		let Et = _(() => import("./BaseIcon-91MZoczJ.js").then((e) => e.n)), Dt = _(() => import("./vue-ui-accordion-61MlW-Ge.js").then((e) => e.n)), Ot = _(() => import("./DataTable-D4tM9s5Y.js")), kt = _(() => import("./PenAndPaper-cE4J8-rA.js").then((e) => e.t)), At = _(() => import("./UserOptions-3ujTo3LD.js").then((e) => e.n)), jt = _(() => import("./PackageVersion--QCMh5k_.js").then((e) => e.t)), Mt = _(() => import("./BaseDraggableDialog-qTnfhLBz.js").then((e) => e.n)), { vue_ui_dumbbell: Nt } = le(), { isThemeValid: Pt, warnInvalidTheme: Ft } = he(), It = Ee(), A = e, Lt = Ve, Rt = d({
+		let Et = _(() => import("./BaseIcon-BfndwIWE.js").then((e) => e.n)), Dt = _(() => import("./vue-ui-accordion-BxGriZik.js").then((e) => e.n)), Ot = _(() => import("./DataTable-BbKgJ5UI.js")), kt = _(() => import("./PenAndPaper-DAE-tnEQ.js").then((e) => e.t)), At = _(() => import("./UserOptions-Dt98of5H.js").then((e) => e.n)), jt = _(() => import("./PackageVersion-D6d8SCp9.js").then((e) => e.t)), Mt = _(() => import("./BaseDraggableDialog-LoqqwRtV.js").then((e) => e.n)), { vue_ui_dumbbell: Nt } = le(), { isThemeValid: Pt, warnInvalidTheme: Ft } = he(), It = Ee(), A = e, Lt = Ve, Rt = d({
 			get() {
 				return !!A.dataset && A.dataset.length;
 			},
@@ -334,12 +334,12 @@ var Ve = /* @__PURE__ */ e({ default: () => Et }), He = ["id"], Ue = ["id"], We
 						noTitle: Ut.value
 					}), n = L.value.style.chart.title.text ? 24 : 0, r = L.value.style.chart.legend.show ? 24 : 0;
 					requestAnimationFrame(async () => {
-						K.value = Math.max(.1, e), G.value = Math.max(.1, (Math.max(.1, t) - (n + r)) / on.value.length), Vn();
+						K.value = Math.max(.1, e), G.value = Math.max(.1, (Math.max(.1, t) - (n + r)) / on.value.length), Hn();
 					});
 				});
 				B.value && (V.value && B.value.unobserve(V.value), B.value.disconnect()), B.value = new ResizeObserver(e), V.value = M.value.parentNode, B.value.observe(V.value);
 			}
-			Vn();
+			Hn();
 		}
 		Pe(() => {
 			X.value != null && (cancelAnimationFrame(X.value), X.value = null), B.value && (V.value && B.value.unobserve(V.value), B.value.disconnect());
@@ -567,7 +567,7 @@ var Ve = /* @__PURE__ */ e({ default: () => Et }), He = ["id"], Ue = ["id"], We
 					[e.name],
 					[Z.value.body[t].start],
 					[Z.value.body[t].end]
-				]), i = r([
+				]), i = [
 					[L.value.style.chart.title.text],
 					[L.value.style.chart.title.subtitle.text],
 					[
@@ -575,9 +575,9 @@ var Ve = /* @__PURE__ */ e({ default: () => Et }), He = ["id"], Ue = ["id"], We
 						[L.value.table.columnNames.start],
 						[L.value.table.columnNames.end]
 					]
-				].concat(n));
-				e ? e(i) : t({
-					csvContent: i,
+				].concat(n), a = r(i);
+				e ? e(a) : t({
+					csvContent: a,
 					title: L.value.style.chart.title.text || "vue-ui-dumbbell"
 				});
 			});
@@ -613,14 +613,14 @@ var Ve = /* @__PURE__ */ e({ default: () => Et }), He = ["id"], Ue = ["id"], We
 				aspectRatio: r
 			};
 		}
-		let Rn = d(() => W.value.ticks);
+		let Rn = d(() => W.value.ticks), zn = d(() => ({
+			start: 0,
+			end: Rn.value.length
+		}));
 		ge({
 			timeLabelsEls: en,
 			timeLabels: Rn,
-			slicer: d(() => ({
-				start: 0,
-				end: Rn.value.length
-			})),
+			slicer: zn,
 			configRef: L,
 			rotationPath: [
 				"style",
@@ -643,12 +643,12 @@ var Ve = /* @__PURE__ */ e({ default: () => Et }), He = ["id"], Ue = ["id"], We
 			targetClass: ".vue-ui-dumbbell-scale-label",
 			rotation: L.value.style.chart.labels.xAxisLabels.autoRotate.angle
 		});
-		function zn({ rowHeight: e, fontSize: t, showProgression: n }) {
+		function Bn({ rowHeight: e, fontSize: t, showProgression: n }) {
 			if (!n) return !1;
 			let r = e / 3, i = e / 1.3;
 			return Math.abs(i - r) < t * 1.2;
 		}
-		let Bn = (() => {
+		let Vn = (() => {
 			let e = null, t = 0;
 			return (n) => {
 				if (n === I.value) {
@@ -657,31 +657,31 @@ var Ve = /* @__PURE__ */ e({ default: () => Et }), He = ["id"], Ue = ["id"], We
 				}
 				e === null || e !== n ? (e = n, t = 1) : (t += 1, t >= 1 && (I.value = n, e = null, t = 0));
 			};
-		})(), Vn = be(() => {
+		})(), Hn = be(() => {
 			requestAnimationFrame(() => {
 				requestAnimationFrame(() => {
-					let e = zn({
+					let e = Bn({
 						rowHeight: q.value.rowHeight,
 						fontSize: L.value.style.chart.labels.yAxisLabels.fontSize,
 						showProgression: L.value.style.chart.labels.yAxisLabels.showProgression
 					});
-					Bn(e);
+					Vn(e);
 				});
 			});
 		}, 100);
-		function Hn({ datapoint: e, seriesIndex: t }) {
+		function Un({ datapoint: e, seriesIndex: t }) {
 			N.value = t, P.value = e, L.value.events.datapointEnter && L.value.events.datapointEnter({
 				datapoint: e,
 				seriesIndex: t
 			});
 		}
-		function Un({ datapoint: e, seriesIndex: t }) {
+		function Wn({ datapoint: e, seriesIndex: t }) {
 			N.value = null, P.value = null, L.value.events.datapointLeave && L.value.events.datapointLeave({
 				datapoint: e,
 				seriesIndex: t
 			});
 		}
-		function Wn({ datapoint: e, seriesIndex: t }) {
+		function Gn({ datapoint: e, seriesIndex: t }) {
 			L.value.events.datapointClick && L.value.events.datapointClick({
 				datapoint: e,
 				seriesIndex: t
@@ -690,11 +690,11 @@ var Ve = /* @__PURE__ */ e({ default: () => Et }), He = ["id"], Ue = ["id"], We
 				seriesIndex: t
 			});
 		}
-		let Gn = d(() => {
+		let Kn = d(() => {
 			if (P.value === null) return 0;
 			let e = ![null, void 0].includes(P.value.start), t = ![null, void 0].includes(P.value.end);
 			return e && t ? Math.min(P.value.startX, P.value.endX) + Math.abs(P.value.startX - P.value.endX) / 2 : e && !t ? P.value.startX : t && !e ? P.value.endX : null;
-		}), Kn = d(() => {
+		}), qn = d(() => {
 			if (P.value === null) return "";
 			let e = ![null, void 0].includes(P.value.start), t = ![null, void 0].includes(P.value.end), n = "", r = "";
 			return e && (n = c(L.value.style.chart.labels.formatter, P.value.start, o({
@@ -714,7 +714,7 @@ var Ve = /* @__PURE__ */ e({ default: () => Et }), He = ["id"], Ue = ["id"], We
 				datapoint: P.value,
 				seriesIndex: N.value
 			})), e && t ? `${n} → ${r}` : e && !t ? n : t && !e ? r : "";
-		}), qn = d(() => {
+		}), Jn = d(() => {
 			let e = L.value.table.useDialog && !L.value.table.show, t = H.value.showTable;
 			return {
 				component: e ? Mt : Dt,
@@ -748,36 +748,36 @@ var Ve = /* @__PURE__ */ e({ default: () => Et }), He = ["id"], Ue = ["id"], We
 		ze(() => H.value.showTable, (e) => {
 			L.value.table.show || (e && L.value.table.useDialog && Jt.value ? Jt.value.open() : "close" in Jt.value && Jt.value.close());
 		});
-		function Jn() {
+		function Yn() {
 			H.value.showTable = !1, Yt.value && Yt.value.setTableIconState(!1);
 		}
-		let Yn = d(() => kn.value.map((e) => ({
+		let Xn = d(() => kn.value.map((e) => ({
 			...e,
 			shape: "circle"
-		}))), Xn = d(() => L.value.style.chart.backgroundColor), Zn = d(() => L.value.style.chart.legend), { exportSvg: Qn, getSvg: $n } = pe({
+		}))), Zn = d(() => L.value.style.chart.backgroundColor), Qn = d(() => L.value.style.chart.legend), $n = d(() => L.value.style.chart.title), { exportSvg: er, getSvg: tr } = pe({
 			svg: z,
-			title: d(() => L.value.style.chart.title),
-			legend: Zn,
-			legendItems: Yn,
-			backgroundColor: Xn
+			title: $n,
+			legend: Qn,
+			legendItems: Xn,
+			backgroundColor: Zn
 		});
-		async function er({ isCb: e }) {
+		async function nr({ isCb: e }) {
 			Zt.value = !0, await Me();
 			try {
 				if (e) {
-					let { blob: e, url: t, text: n, dataUrl: r } = await $n();
+					let { blob: e, url: t, text: n, dataUrl: r } = await tr();
 					await Promise.resolve(L.value.userOptions.callbacks.svg({
 						blob: e,
 						url: t,
 						text: n,
 						dataUrl: r
 					}));
-				} else await Promise.resolve(Qn());
+				} else await Promise.resolve(er());
 			} finally {
 				Zt.value = !1;
 			}
 		}
-		function tr(e) {
+		function rr(e) {
 			if (e?.stage === "start") {
 				Xt.value = !0;
 				return;
@@ -788,7 +788,7 @@ var Ve = /* @__PURE__ */ e({ default: () => Et }), He = ["id"], Ue = ["id"], We
 			}
 			_n();
 		}
-		async function nr() {
+		async function ir() {
 			if (Lt("copyAlt", {
 				config: L.value,
 				dataset: Y.value
@@ -801,53 +801,53 @@ var Ve = /* @__PURE__ */ e({ default: () => Et }), He = ["id"], Ue = ["id"], We
 				dataset: Y.value
 			}));
 		}
-		function rr(e) {
+		function ar(e) {
 			let t = Y.value.length;
 			return t ? (e % t + t) % t : null;
 		}
-		function ir() {
+		function or() {
 			if (F.value !== null) {
 				let e = Y.value[F.value];
-				e && Un({
+				e && Wn({
 					datapoint: e,
 					seriesIndex: F.value
 				});
 			}
 			F.value = null, N.value = null, P.value = null;
 		}
-		function ar() {
+		function sr() {
 			F.value = null, nn.value = !0;
 		}
-		function or() {
-			ir(), nn.value = !1;
+		function cr() {
+			or(), nn.value = !1;
 		}
-		function sr(e) {
+		function lr(e) {
 			if (!z.value || Fn.value || document.activeElement !== z.value || !Y.value.length) return;
 			let t = ["ArrowUp", "ArrowLeft"].includes(e.key), n = ["ArrowDown", "ArrowRight"].includes(e.key), r = e.key === "Enter" || e.key === " ", i = e.key === "Escape";
 			if (!t && !n && !r && !i) return;
 			if (e.preventDefault(), e.stopPropagation(), i) {
-				ir();
+				or();
 				return;
 			}
 			if (r) {
 				if (F.value === null) return;
 				let e = Y.value[F.value];
 				if (!e) return;
-				Wn({
+				Gn({
 					datapoint: e,
 					seriesIndex: F.value
 				});
 				return;
 			}
 			let a = F.value;
-			a = a === null ? n ? 0 : Y.value.length - 1 : rr(a + (n ? 1 : -1));
+			a = a === null ? n ? 0 : Y.value.length - 1 : ar(a + (n ? 1 : -1));
 			let o = Y.value[a];
-			o && (F.value = a, Hn({
+			o && (F.value = a, Un({
 				datapoint: o,
 				seriesIndex: a
 			}));
 		}
-		let cr = d(() => ({
+		let ur = d(() => ({
 			head: Q.value.head,
 			body: Q.value.body.map((e) => [
 				e[0]?.name ?? "",
@@ -864,11 +864,11 @@ var Ve = /* @__PURE__ */ e({ default: () => Et }), He = ["id"], Ue = ["id"], We
 			generatePdf: gn,
 			generateCsv: jn,
 			generateImage: _n,
-			generateSvg: er,
+			generateSvg: nr,
 			toggleTable: Pn,
 			toggleAnnotator: In,
 			toggleFullscreen: Mn,
-			copyAlt: nr
+			copyAlt: ir
 		}), (e, t) => (x(), m("div", {
 			ref_key: "dumbbellChart",
 			ref: M,
@@ -882,13 +882,13 @@ var Ve = /* @__PURE__ */ e({ default: () => Et }), He = ["id"], Ue = ["id"], We
 				id: `chart-instructions-${j.value}`,
 				class: "sr-only"
 			}, [h("p", null, T(L.value.a11y.translations.keyboardNavigation), 1)], 8, Ue),
-			cr.value.body.length ? (x(), f(Se, {
+			ur.value.body.length ? (x(), f(Se, {
 				key: 0,
 				uid: j.value,
-				head: cr.value.head,
-				body: cr.value.body,
-				caption: cr.value.caption,
-				notice: cr.value.notice
+				head: ur.value.head,
+				body: ur.value.body,
+				caption: ur.value.caption,
+				notice: ur.value.notice
 			}, null, 8, [
 				"uid",
 				"head",
@@ -974,11 +974,11 @@ var Ve = /* @__PURE__ */ e({ default: () => Et }), He = ["id"], Ue = ["id"], We
 				onToggleFullscreen: Mn,
 				onGeneratePdf: E(gn),
 				onGenerateCsv: jn,
-				onGenerateImage: tr,
-				onGenerateSvg: er,
+				onGenerateImage: rr,
+				onGenerateSvg: nr,
 				onToggleTable: Pn,
 				onToggleAnnotator: In,
-				onCopyAlt: nr,
+				onCopyAlt: ir,
 				style: b({ visibility: E(un) ? E(cn) ? "visible" : "hidden" : "visible" })
 			}, ke({ _: 2 }, [
 				e.$slots.menuIcon ? {
@@ -1083,9 +1083,9 @@ var Ve = /* @__PURE__ */ e({ default: () => Et }), He = ["id"], Ue = ["id"], We
 				style: b(`max-width:100%; overflow: visible; background:transparent;color:${L.value.style.chart.color}`),
 				"aria-describedby": `chart-instructions-${j.value}`,
 				tabindex: "0",
-				onFocus: ar,
-				onBlur: or,
-				onKeydown: sr
+				onFocus: sr,
+				onBlur: cr,
+				onKeydown: lr
 			}, [
 				g(E(jt)),
 				e.$slots["chart-background"] ? (x(), m("foreignObject", {
@@ -1144,15 +1144,15 @@ var Ve = /* @__PURE__ */ e({ default: () => Et }), He = ["id"], Ue = ["id"], We
 					fill: L.value.style.chart.labels.yAxisLabels.color,
 					"font-weight": L.value.style.chart.labels.yAxisLabels.bold ? "bold" : "normal",
 					"text-anchor": "end",
-					onMouseenter: (n) => Hn({
+					onMouseenter: (n) => Un({
 						datapoint: e,
 						seriesIndex: t
 					}),
-					onMouseleave: (n) => Un({
+					onMouseleave: (n) => Wn({
 						datapoint: e,
 						seriesIndex: t
 					}),
-					onClick: (n) => Wn({
+					onClick: (n) => Gn({
 						datapoint: e,
 						seriesIndex: t
 					})
@@ -1167,15 +1167,15 @@ var Ve = /* @__PURE__ */ e({ default: () => Et }), He = ["id"], Ue = ["id"], We
 					"font-size": L.value.style.chart.labels.yAxisLabels.fontSize,
 					fill: L.value.style.chart.labels.yAxisLabels.color,
 					"text-anchor": "end",
-					onMouseenter: (n) => Hn({
+					onMouseenter: (n) => Un({
 						datapoint: e,
 						seriesIndex: t
 					}),
-					onMouseleave: (n) => Un({
+					onMouseleave: (n) => Wn({
 						datapoint: e,
 						seriesIndex: t
 					}),
-					onClick: (n) => Wn({
+					onClick: (n) => Gn({
 						datapoint: e,
 						seriesIndex: t
 					})
@@ -1239,12 +1239,12 @@ var Ve = /* @__PURE__ */ e({ default: () => Et }), He = ["id"], Ue = ["id"], We
 						style: { transition: "all 0.3s ease-in-out" }
 					}, null, 8, ot), [[D, L.value.style.chart.comparisonLines.showRect && P.value !== null && ![null, void 0].includes(P.value.start) && ![null, void 0].includes(P.value.end)]]),
 					k(h("text", {
-						transform: `translate(${Gn.value == null ? 0 : Gn.value}, ${q.value.top - 6})`,
+						transform: `translate(${Kn.value == null ? 0 : Kn.value}, ${q.value.top - 6})`,
 						fill: L.value.style.chart.comparisonLines.labelColor,
 						"font-size": L.value.style.chart.comparisonLines.labelFontSize,
 						"text-anchor": "middle",
 						style: { transition: "all 0.3s ease-in-out" }
-					}, T(Kn.value), 9, st), [[D, P.value !== null && Gn.value !== null && L.value.style.chart.comparisonLines.showLabel]])
+					}, T(qn.value), 9, st), [[D, P.value !== null && Kn.value !== null && L.value.style.chart.comparisonLines.showLabel]])
 				], 512), [[D, L.value.style.chart.comparisonLines.show && N.value !== null]]),
 				h("defs", null, [
 					g(l, {
@@ -1467,15 +1467,15 @@ var Ve = /* @__PURE__ */ e({ default: () => Et }), He = ["id"], Ue = ["id"], We
 					width: Math.max(.1, q.value.width),
 					height: Math.max(.1, q.value.rowHeight),
 					fill: N.value === null ? "transparent" : N.value === t ? E(n)(L.value.style.chart.highlighter.color, L.value.style.chart.highlighter.opacity) : "transparent",
-					onMouseenter: (n) => Hn({
+					onMouseenter: (n) => Un({
 						datapoint: e,
 						seriesIndex: t
 					}),
-					onMouseleave: (n) => Un({
+					onMouseleave: (n) => Wn({
 						datapoint: e,
 						seriesIndex: t
 					}),
-					onClick: (n) => Wn({
+					onClick: (n) => Gn({
 						datapoint: e,
 						seriesIndex: t
 					})
@@ -1522,10 +1522,10 @@ var Ve = /* @__PURE__ */ e({ default: () => Et }), He = ["id"], Ue = ["id"], We
 				ref: Ht,
 				dir: "auto"
 			}, [w(e.$slots, "source", {}, void 0, !0)], 512)) : p("", !0),
-			Rt.value && L.value.userOptions.buttons.table ? (x(), f(Ie(qn.value.component), je({ key: 8 }, qn.value.props, {
+			Rt.value && L.value.userOptions.buttons.table ? (x(), f(Ie(Jn.value.component), je({ key: 8 }, Jn.value.props, {
 				ref_key: "tableUnit",
 				ref: Jt,
-				onClose: Jn
+				onClose: Yn
 			}), ke({
 				content: O(() => [(x(), f(E(Ot), {
 					key: `table_${Gt.value}`,
@@ -1533,10 +1533,10 @@ var Ve = /* @__PURE__ */ e({ default: () => Et }), He = ["id"], Ue = ["id"], We
 					head: Q.value.head,
 					body: Q.value.body,
 					config: Q.value.config,
-					title: L.value.table.useDialog ? "" : qn.value.title,
+					title: L.value.table.useDialog ? "" : Jn.value.title,
 					withCloseButton: !L.value.table.useDialog,
 					isCursorPointer: R.value,
-					onClose: Jn
+					onClose: Yn
 				}, {
 					th: O(({ th: e }) => [h("div", {
 						innerHTML: e,
@@ -1559,7 +1559,7 @@ var Ve = /* @__PURE__ */ e({ default: () => Et }), He = ["id"], Ue = ["id"], We
 				_: 2
 			}, [L.value.table.useDialog ? {
 				name: "title",
-				fn: O(() => [Ae(T(qn.value.title), 1)]),
+				fn: O(() => [Ae(T(Jn.value.title), 1)]),
 				key: "0"
 			} : void 0, L.value.table.useDialog ? {
 				name: "actions",
@@ -1570,7 +1570,7 @@ var Ve = /* @__PURE__ */ e({ default: () => Et }), He = ["id"], Ue = ["id"], We
 					style: b({ cursor: R.value ? "pointer" : "default" })
 				}, [g(E(Et), {
 					name: "fileCsv",
-					stroke: qn.value.props.color
+					stroke: Jn.value.props.color
 				}, null, 8, ["stroke"])], 4)]),
 				key: "1"
 			} : void 0]), 1040)) : p("", !0),