vue-data-ui 3.22.0 → 3.22.2

package/dist/{vue-ui-candlestick-BfOvntqR.js → vue-ui-candlestick-CJ_VVYbJ.js}

@@ -1,19 +1,19 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { Ft as t, G as n, H as r, Ht as i, J as a, Pt as o, S as s, Tt as c, Vt as l, X as u, h as ee, ht as te, it as ne, s as re, t as ie, v as d } from "./lib-AJRHFE5U.js";
+import { Et as t, Ft as n, G as r, H as i, Ht as a, It as o, J as s, S as c, Ut as l, X as u, gt as ee, h as te, it as ne, s as re, t as ie, v as d } from "./lib-CXicicWN.js";
 import { n as ae, r as oe, t as se } from "./useTimeLabels-BmBRv27Y.js";
-import { t as ce } from "./useConfig-Br1uzq_L.js";
-import { t as le } from "./usePrinter-6n2MzVyV.js";
+import { t as ce } from "./useConfig-Bf_EBbe3.js";
+import { t as le } from "./usePrinter-Dng0UK-G.js";
 import { n as ue, t as de } from "./BaseScanner-DZvpgOjM.js";
 import { t as fe } from "./useSvgExport-SVIsDot8.js";
-import { t as pe } from "./useNestedProp-DtcXIg7n.js";
+import { t as pe } from "./useNestedProp-APyFoLCQ.js";
 import { t as me } from "./useThemeCheck-C43Tcqmk.js";
 import { t as he } from "./useTimeLabelCollider-AEcY4Ioe.js";
-import { t as ge } from "./img-C_RNNswI.js";
-import { n as _e } from "./Title-DH6G8_cZ.js";
+import { t as ge } from "./img-BCAOkqfM.js";
+import { n as _e } from "./Title-CVYf1f8m.js";
 import { t as ve } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { c as ye } from "./canvas-lib-BOP_HS11.js";
 import { t as be } from "./useResponsive-BfnK0KxU.js";
-import { t as xe } from "./SlicerPreview-BA_RDgVn.js";
+import { t as xe } from "./SlicerPreview-CAhqG_ZQ.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";
@@ -187,10 +187,10 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 	},
 	emits: ["selectX", "copyAlt"],
 	setup(e, { expose: ve, emit: Be }) {
-		let Ot = v(() => import("./BaseIcon-CWXbczu_.js").then((e) => e.n)), kt = v(() => import("./Tooltip-979Ytd8R.js")), At = v(() => import("./vue-ui-accordion-HvsT8_RM.js").then((e) => e.n)), jt = v(() => import("./DataTable-G9aclxhk.js")), Mt = v(() => import("./PenAndPaper-z1woaB1V.js").then((e) => e.t)), Nt = v(() => import("./UserOptions-rx9hUnOy.js").then((e) => e.n)), Pt = v(() => import("./PackageVersion-DxBQctV8.js").then((e) => e.t)), Ft = v(() => import("./BaseDraggableDialog-O8jn9Lvi.js").then((e) => e.n)), { vue_ui_candlestick: It } = ce(), { isThemeValid: Lt, warnInvalidTheme: Rt } = me(), O = e, zt = Be, Bt = p(() => !!O.dataset && O.dataset.length), k = C(!1), Vt = C(null), A = C(r()), Ht = C(!1), Ut = C(""), j = C(void 0), Wt = C(0), M = C(null), Gt = C(null), Kt = C(null), qt = C(null), Jt = C(null), Yt = C(null), Xt = C(0), Zt = C(0), Qt = C(0), $t = C(null), en = C(null), tn = C(null), nn = C(null), rn = C(null), an = C(!1), on = C(!1), N = C(null), sn = C({
+		let Ot = v(() => import("./BaseIcon-DEtwcvEH.js").then((e) => e.n)), kt = v(() => import("./Tooltip-BmGCBJuU.js")), At = v(() => import("./vue-ui-accordion-Di_givzQ.js").then((e) => e.n)), jt = v(() => import("./DataTable-DJZgdnIn.js")), Mt = v(() => import("./PenAndPaper-DJIIG6dv.js").then((e) => e.t)), Nt = v(() => import("./UserOptions-xqbNpHi2.js").then((e) => e.n)), Pt = v(() => import("./PackageVersion-Dx81ZIAL.js").then((e) => e.t)), Ft = v(() => import("./BaseDraggableDialog-a9xCKjW-.js").then((e) => e.n)), { vue_ui_candlestick: It } = ce(), { isThemeValid: Lt, warnInvalidTheme: Rt } = me(), O = e, zt = Be, Bt = p(() => !!O.dataset && O.dataset.length), k = C(!1), Vt = C(null), A = C(i()), Ht = C(!1), Ut = C(""), j = C(void 0), Wt = C(0), M = C(null), Gt = C(null), Kt = C(null), qt = C(null), Jt = C(null), Yt = C(null), Xt = C(0), Zt = C(0), Qt = C(0), $t = C(null), en = C(null), tn = C(null), nn = C(null), rn = C(null), an = C(!1), on = C(!1), N = C(null), sn = C({
 			x: 0,
 			y: 0
-		}), cn = C("pointer"), ln = C(!1), P = C(vn()), un = p(() => P.value.userOptions.useCursorPointer), dn = p(() => i({
+		}), cn = C("pointer"), ln = C(!1), P = C(vn()), un = p(() => P.value.userOptions.useCursorPointer), dn = p(() => l({
 			defaultConfig: {
 				useCssAnimation: !1,
 				userOptions: { show: !1 },
@@ -335,7 +335,7 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 					5100
 				]
 			],
-			skeletonConfig: i({
+			skeletonConfig: l({
 				defaultConfig: P.value,
 				userConfig: dn.value
 			})
@@ -384,11 +384,11 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 		});
 		let V = p(() => !!P.value.debug);
 		function yn() {
-			if (c(O.dataset) && (u({
+			if (t(O.dataset) && (u({
 				componentName: "VueUiCandlestick",
 				type: "dataset",
 				debug: V.value
-			}), fn.value = !0), c(O.dataset) || (fn.value = P.value.loading), setTimeout(() => {
+			}), fn.value = !0), t(O.dataset) || (fn.value = P.value.loading), setTimeout(() => {
 				k.value = !0;
 			}, 10), P.value.responsive) {
 				let e = ye(() => {
@@ -402,13 +402,13 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 						noTitle: Yt.value
 					});
 					requestAnimationFrame(() => {
-						R.value.width = e, R.value.height = t - 12, P.value.responsiveProportionalSizing ? (R.value.xAxisFontSize = l({
+						R.value.width = e, R.value.height = t - 12, P.value.responsiveProportionalSizing ? (R.value.xAxisFontSize = a({
 							relator: Math.min(e, t),
 							adjuster: P.value.style.width,
 							source: P.value.style.layout.grid.xAxis.dataLabels.fontSize,
 							threshold: 6,
 							fallback: 6
-						}), R.value.yAxisFontSize = l({
+						}), R.value.yAxisFontSize = a({
 							relator: Math.min(e, t),
 							adjuster: P.value.style.width,
 							source: P.value.style.layout.grid.yAxis.dataLabels.fontSize,
@@ -571,7 +571,7 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 		}))), Y = p(() => W.value.width / Pn.value.length), In = p(() => ({
 			max: P.value.style.layout.grid.yAxis.scale.max === null ? Math.max(...J.value.map((e) => e.high)) : P.value.style.layout.grid.yAxis.scale.max,
 			min: P.value.style.layout.grid.yAxis.scale.min === null ? 0 : P.value.style.layout.grid.yAxis.scale.min
-		})), X = p(() => ee(In.value.min, In.value.max, P.value.style.layout.grid.yAxis.dataLabels.steps));
+		})), X = p(() => te(In.value.min, In.value.max, P.value.style.layout.grid.yAxis.dataLabels.steps));
 		function Ln(e, t, n = null, r = null) {
 			return {
 				...e,
@@ -753,11 +753,11 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 			let t = e - K.value.start;
 			t < 0 || e >= K.value.end ? j.value = null : j.value = t ?? null;
 		}, { immediate: !0 });
-		function ir(e, t, r = "pointer") {
+		function ir(e, t, n = "pointer") {
 			P.value.events.datapointEnter && P.value.events.datapointEnter({
 				datapoint: t,
 				seriesIndex: e + K.value.start
-			}), j.value = e, N.value = e, cn.value = r, tr.value = {
+			}), j.value = e, N.value = e, cn.value = n, tr.value = {
 				datapoint: t,
 				seriesIndex: e,
 				series: Z.value,
@@ -767,7 +767,7 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 				datapoint: t
 			});
 			let i = P.value.style.tooltip.customFormat;
-			if (te(i) && ne(() => i({
+			if (ee(i) && ne(() => i({
 				seriesIndex: e,
 				datapoint: t,
 				series: Z.value,
@@ -779,31 +779,31 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 				config: P.value
 			});
 			else if (P.value.style.tooltip.show) {
-				let r = "", { period: i, open: a, high: o, low: s, close: c, volume: l, isBullish: u } = Z.value[e], { period: ee, open: te, high: ne, low: re, close: ie, volume: d } = P.value.translations, ae = P.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? P.value.style.tooltip.useDefaultTimeFormat ? Q.value[e].text : Zn.value[e].text : i;
-				r += `<div><svg style="margin-right:6px" viewBox="0 0 12 12" height="12" width="12"><rect x="0" y="0" height="12" width="12" rx="${P.value.style.layout.candle.borderRadius * 3}" stroke="${P.value.style.layout.candle.stroke}" stroke-width="${P.value.style.layout.candle.strokeWidth}" 
-                fill="${P.value.style.layout.candle.gradient.show ? u ? `url(#bullish_gradient_${A.value})` : `url(#bearish_gradient_${A.value})` : u ? P.value.style.layout.candle.colors.bullish : P.value.style.layout.candle.colors.bearish}"/></svg>${ae}</div>`, r += `${d} : <b>${isNaN(l) ? "-" : Number(l.toFixed(P.value.style.tooltip.roundingValue)).toLocaleString()}</b>`, r += `<div style="margin-top:6px;padding-top:6px;border-top:1px solid ${P.value.style.tooltip.borderColor}">`;
-				let oe = n({
+				let n = "", { period: i, open: a, high: o, low: s, close: c, volume: l, isBullish: u } = Z.value[e], { period: ee, open: te, high: ne, low: re, close: ie, volume: d } = P.value.translations, ae = P.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? P.value.style.tooltip.useDefaultTimeFormat ? Q.value[e].text : Zn.value[e].text : i;
+				n += `<div><svg style="margin-right:6px" viewBox="0 0 12 12" height="12" width="12"><rect x="0" y="0" height="12" width="12" rx="${P.value.style.layout.candle.borderRadius * 3}" stroke="${P.value.style.layout.candle.stroke}" stroke-width="${P.value.style.layout.candle.strokeWidth}" 
+                fill="${P.value.style.layout.candle.gradient.show ? u ? `url(#bullish_gradient_${A.value})` : `url(#bearish_gradient_${A.value})` : u ? P.value.style.layout.candle.colors.bullish : P.value.style.layout.candle.colors.bearish}"/></svg>${ae}</div>`, n += `${d} : <b>${isNaN(l) ? "-" : Number(l.toFixed(P.value.style.tooltip.roundingValue)).toLocaleString()}</b>`, n += `<div style="margin-top:6px;padding-top:6px;border-top:1px solid ${P.value.style.tooltip.borderColor}">`;
+				let oe = r({
 					p: P.value.style.tooltip.prefix,
 					v: a.value,
 					s: P.value.style.tooltip.suffix,
 					r: P.value.style.tooltip.roundingValue
-				}), se = n({
+				}), se = r({
 					p: P.value.style.tooltip.prefix,
 					v: o.value,
 					s: P.value.style.tooltip.suffix,
 					r: P.value.style.tooltip.roundingValue
-				}), ce = n({
+				}), ce = r({
 					p: P.value.style.tooltip.prefix,
 					v: s.value,
 					s: P.value.style.tooltip.suffix,
 					r: P.value.style.tooltip.roundingValue
-				}), le = n({
+				}), le = r({
 					p: P.value.style.tooltip.prefix,
 					v: c.value,
 					s: P.value.style.tooltip.suffix,
 					r: P.value.style.tooltip.roundingValue
 				});
-				P.value.style.tooltip.showChart ? r += `<div style="width:100%;display:flex;align-items:center;justify-content:center;">
+				P.value.style.tooltip.showChart ? n += `<div style="width:100%;display:flex;align-items:center;justify-content:center;">
                     <svg viewBox="0 0 100 100" width="100px" style="background: transparent; overflow: visible">
                         <g>
                             <line x1="50" x2="50" y1="20" y2="80" stroke="${t.isBullish ? P.value.style.layout.candle.colors.bullish : P.value.style.layout.candle.colors.bearish}" stroke-width="2" stroke-linecap="round" />
@@ -823,7 +823,7 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
                         <g>
                     </svg>
                     <div>
-                ` : (r += `<div>${te}: <b>${oe}</b></div>`, r += `<div>${ne}: <b>${se}</b></div>`, r += `<div>${re}: <b>${ce}</b></div>`, r += `<div>${ie}: <b>${le}</b></div>`), r += "</div>", Ut.value = `<div style="text-align:right">${r}</div>`;
+                ` : (n += `<div>${te}: <b>${oe}</b></div>`, n += `<div>${ne}: <b>${se}</b></div>`, n += `<div>${re}: <b>${ce}</b></div>`, n += `<div>${ie}: <b>${le}</b></div>`), n += "</div>", Ut.value = `<div style="text-align:right">${n}</div>`;
 			}
 			Ht.value = !0;
 		}
@@ -873,7 +873,7 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 					e.low.value,
 					e.close.value,
 					e.volume
-				]), r = s([
+				]), r = c([
 					[P.value.style.title.text],
 					[P.value.style.title.subtitle.text],
 					[
@@ -883,7 +883,7 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 					],
 					t
 				].concat(n));
-				e ? e(r) : a({
+				e ? e(r) : s({
 					csvContent: r,
 					title: P.value.style.title.text || "vue-ui-candlestick"
 				});
@@ -891,29 +891,29 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 		}
 		let mr = p(() => {
 			let e = Z.value.map((e, t) => {
-				let r = P.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? Q.value?.[t]?.text ?? "" : e.period, i = n({
+				let n = P.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? Q.value?.[t]?.text ?? "" : e.period, i = r({
 					p: P.value.table.td.prefix,
 					v: e.open.value,
 					s: P.value.table.td.suffix,
 					r: P.value.table.td.roundingValue
-				}), a = n({
+				}), a = r({
 					p: P.value.table.td.prefix,
 					v: e.high.value,
 					s: P.value.table.td.suffix,
 					r: P.value.table.td.roundingValue
-				}), o = n({
+				}), o = r({
 					p: P.value.table.td.prefix,
 					v: e.low.value,
 					s: P.value.table.td.suffix,
 					r: P.value.table.td.roundingValue
-				}), s = n({
+				}), s = r({
 					p: P.value.table.td.prefix,
 					v: e.close.value,
 					s: P.value.table.td.suffix,
 					r: P.value.table.td.roundingValue
 				});
 				return [
-					`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" height="12" width="12" style="margin-right: 6px"><rect x="0" y="0" height="12" width="12" rx="${P.value.style.layout.candle.borderRadius * 3}" fill="${P.value.style.layout.candle.gradient.show ? e.isBullish ? `url(#bullish_gradient_${A.value}` : `url(#bearish_gradient_${A.value})` : e.isBullish ? P.value.style.layout.candle.colors.bullish : P.value.style.layout.candle.colors.bearish}"/></svg> ${r}`,
+					`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" height="12" width="12" style="margin-right: 6px"><rect x="0" y="0" height="12" width="12" rx="${P.value.style.layout.candle.borderRadius * 3}" fill="${P.value.style.layout.candle.gradient.show ? e.isBullish ? `url(#bullish_gradient_${A.value}` : `url(#bearish_gradient_${A.value})` : e.isBullish ? P.value.style.layout.candle.colors.bullish : P.value.style.layout.candle.colors.bearish}"/></svg> ${n}`,
 					i,
 					a,
 					o,
@@ -922,32 +922,32 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 				];
 			}), t = Z.value.map((e, t) => [
 				P.value.style.layout.grid.xAxis.dataLabels.datetimeFormatter.enable ? Q.value?.[t]?.text ?? "" : e.period,
-				n({
+				r({
 					p: P.value.table.td.prefix,
 					v: e.open.value,
 					s: P.value.table.td.suffix,
 					r: P.value.table.td.roundingValue
 				}),
-				n({
+				r({
 					p: P.value.table.td.prefix,
 					v: e.high.value,
 					s: P.value.table.td.suffix,
 					r: P.value.table.td.roundingValue
 				}),
-				n({
+				r({
 					p: P.value.table.td.prefix,
 					v: e.low.value,
 					s: P.value.table.td.suffix,
 					r: P.value.table.td.roundingValue
 				}),
-				n({
+				r({
 					p: P.value.table.td.prefix,
 					v: e.close.value,
 					s: P.value.table.td.suffix,
 					r: P.value.table.td.roundingValue
 				}),
 				`${isNaN(e.volume) ? "-" : e.volume}`
-			]), r = {
+			]), n = {
 				th: {
 					backgroundColor: P.value.table.th.backgroundColor,
 					color: P.value.table.th.color,
@@ -971,7 +971,7 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 				head: i,
 				body: e,
 				bodyA11y: t,
-				config: r,
+				config: n,
 				colNames: i
 			};
 		}), $ = C(!1);
@@ -1187,7 +1187,7 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 			toggleAnnotator: yr,
 			toggleFullscreen: hr,
 			copyAlt: Pr
-		}), (e, r) => (S(), g("div", {
+		}), (e, t) => (S(), g("div", {
 			ref_key: "candlestickChart",
 			ref: M,
 			class: b(`vue-data-ui-component vue-ui-candlestick ${$.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${P.value.useCssAnimation ? "" : "vue-ui-dna"}`),
@@ -1408,11 +1408,11 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 						}, null, 8, Je),
 						_("stop", {
 							offset: "50%",
-							"stop-color": `${E(t)(P.value.style.layout.candle.colors.bearish, .02)}DE`
+							"stop-color": `${E(o)(P.value.style.layout.candle.colors.bearish, .02)}DE`
 						}, null, 8, Ye),
 						_("stop", {
 							offset: "100%",
-							"stop-color": `${E(t)(P.value.style.layout.candle.colors.bearish, .05)}66`
+							"stop-color": `${E(o)(P.value.style.layout.candle.colors.bearish, .05)}66`
 						}, null, 8, Xe)
 					], 8, qe), _("linearGradient", {
 						id: `bullish_gradient_${A.value}`,
@@ -1425,11 +1425,11 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 						}, null, 8, Qe),
 						_("stop", {
 							offset: "50%",
-							"stop-color": `${E(t)(P.value.style.layout.candle.colors.bullish, .02)}DE`
+							"stop-color": `${E(o)(P.value.style.layout.candle.colors.bullish, .02)}DE`
 						}, null, 8, $e),
 						_("stop", {
 							offset: "100%",
-							"stop-color": `${E(t)(P.value.style.layout.candle.colors.bullish, .05)}66`
+							"stop-color": `${E(o)(P.value.style.layout.candle.colors.bullish, .05)}66`
 						}, null, 8, et)
 					], 8, Ze)]),
 					P.value.style.layout.grid.show ? (S(), g("g", tt, [
@@ -1504,7 +1504,7 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 						"font-size": R.value.yAxisFontSize,
 						fill: P.value.style.layout.grid.yAxis.dataLabels.color,
 						"font-weight": P.value.style.layout.grid.yAxis.dataLabels.bold ? "bold" : "normal"
-					}, Ie(E(n)({
+					}, Ie(E(r)({
 						p: P.value.style.layout.grid.yAxis.dataLabels.prefix,
 						v: e.value,
 						s: P.value.style.layout.grid.yAxis.dataLabels.suffix,
@@ -1609,7 +1609,7 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 						y: W.value.top,
 						height: W.value.height <= 0 ? 1e-4 : W.value.height,
 						width: Y.value <= 0 ? 1e-4 : Y.value,
-						fill: j.value === t || rn.value === t ? E(o)(P.value.style.layout.selector.color, P.value.style.layout.selector.opacity) : "transparent",
+						fill: j.value === t || rn.value === t ? E(n)(P.value.style.layout.selector.color, P.value.style.layout.selector.opacity) : "transparent",
 						onMouseover: () => ir(t, e, "pointer"),
 						onMouseleave: () => rr(t, e),
 						onClick: () => nr(t, e)
@@ -1690,8 +1690,8 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 				"onUpdate:start": Ar,
 				onTrapMouse: kr,
 				onReset: sr,
-				onFutureEnd: r[0] ||= (e) => jn("end", e),
-				onFutureStart: r[1] ||= (e) => jn("start", e)
+				onFutureEnd: t[0] ||= (e) => jn("end", e),
+				onFutureStart: t[1] ||= (e) => jn("start", e)
 			}, {
 				"reset-action": D(({ reset: t }) => [T(e.$slots, "reset-action", x(y({ reset: t })), void 0, !0)]),
 				slotMap: D(({ height: e, unitW: t }) => [(S(!0), g(f, null, w(zn.value({
@@ -1810,7 +1810,7 @@ var Be = /* @__PURE__ */ e({ default: () => Ot }), Ve = ["id"], He = ["id"], Ue
 				fn: D(() => [_("button", {
 					tabindex: "0",
 					class: "vue-ui-user-options-button",
-					onClick: r[2] ||= (e) => pr(P.value.userOptions.callbacks.csv),
+					onClick: t[2] ||= (e) => pr(P.value.userOptions.callbacks.csv),
 					style: je({ cursor: un.value ? "pointer" : "default" })
 				}, [Oe(E(Ot), {
 					name: "fileCsv",