@svgrid/grid 3.0.2 → 3.0.4

package/dist/cdn/SvGridChartPanel-CCX5_Wgd.js

@@ -0,0 +1,675 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { z as t } from "./chart-Dz7SqMXH.js";
+import { t as n } from "./SvGridChart-C3EWAZaM.js";
+import { a as r, o as i, r as a, s as o, t as s } from "./chart-export-BXqueeWJ.js";
+import { a as c, i as l, r as u, t as d } from "./chart-panel-messages-CmNrMdsr.js";
+import * as f from "svelte/internal/client";
+import "svelte/internal/disclose-version";
+import { fly as p } from "svelte/transition";
+import { cubicOut as m } from "svelte/easing";
+//#region src/SvChartPanes.svelte
+var h = f.from_html("<div class=\"sv-chart-pane is-indicator svelte-1osc6vl\"><span class=\"sv-chart-pane-title svelte-1osc6vl\"> </span> <!></div>"), g = f.from_html("<div class=\"sv-chart-panes svelte-1osc6vl\"><div class=\"sv-chart-pane is-main svelte-1osc6vl\"><!></div> <!></div>"), ee = {
+	hash: "svelte-1osc6vl",
+	code: ".sv-chart-panes.svelte-1osc6vl {display:flex;flex-direction:column;gap:2px;min-width:0;}.sv-chart-pane.svelte-1osc6vl {position:relative;min-width:0;}\n  /* The title of a pane sits in its top-left corner, small, like a terminal. */\n  /* Placed just right of the value-axis gutter, clear of the tick labels. */.sv-chart-pane-title.svelte-1osc6vl {position:absolute;top:2px;z-index:1;font-size:10px;font-weight:600;color:var(--sg-muted, #64748b);pointer-events:none;}"
+};
+function _(e, r) {
+	f.push(r, !0), f.append_styles(e, ee);
+	let i = f.prop(r, "indicators", 19, () => []), a = f.prop(r, "axisWidth", 3, 56), o = f.prop(r, "zoom", 15, null), s = f.rest_props(r, [
+		"$$slots",
+		"$$events",
+		"$$legacy",
+		"spec",
+		"indicators",
+		"syncGroup",
+		"axisWidth",
+		"zoom",
+		"onZoom",
+		"zoomable",
+		"legend",
+		"toolbar"
+	]), c = `svcp-${Math.random().toString(36).slice(2, 8)}`, l = f.derived(() => r.syncGroup ?? c), u = f.state(0), d = (e) => f.get(u) > 0 && !e.width ? { width: Math.round(f.get(u)) } : {}, p = f.derived(() => ({
+		...r.spec,
+		...d(r.spec),
+		xAxis: {
+			...r.spec.xAxis,
+			...i().length ? { labels: !1 } : {}
+		},
+		yAxis: {
+			...r.spec.yAxis,
+			width: a()
+		},
+		...r.spec.y2Axis || r.spec.series.some((e) => e.axis === "right") ? { y2Axis: {
+			...r.spec.y2Axis,
+			width: a()
+		} } : {}
+	})), m = f.derived(() => i().map((e, n) => {
+		let { title: o, ...s } = t(r.spec, e);
+		return {
+			title: o ?? e.kind,
+			spec: {
+				...s,
+				...d(s),
+				xAxis: {
+					...s.xAxis,
+					labels: n === i().length - 1
+				},
+				yAxis: {
+					...s.yAxis,
+					width: a()
+				}
+			}
+		};
+	}));
+	var _ = g(), v = f.child(_), te = f.child(v);
+	n(te, f.spread_props({
+		get spec() {
+			return f.get(p);
+		},
+		get syncGroup() {
+			return f.get(l);
+		},
+		get onZoom() {
+			return r.onZoom;
+		},
+		get zoomable() {
+			return r.zoomable;
+		},
+		get legend() {
+			return r.legend;
+		},
+		get toolbar() {
+			return r.toolbar;
+		}
+	}, () => s, {
+		get zoom() {
+			return o();
+		},
+		set zoom(e) {
+			o(e);
+		}
+	})), f.reset(v);
+	var ne = f.sibling(v, 2);
+	f.each(ne, 19, () => f.get(m), (e, t) => `${i()[t]?.kind}-${t}`, (e, t, o) => {
+		var s = h(), c = f.child(s);
+		let u;
+		var d = f.child(c, !0);
+		f.reset(c);
+		var p = f.sibling(c, 2);
+		{
+			let e = f.derived(() => r.zoomable ? {
+				drag: !1,
+				wheel: typeof r.zoomable == "object" && r.zoomable.wheel,
+				pan: typeof r.zoomable == "object" && r.zoomable.pan
+			} : !1);
+			n(p, {
+				get spec() {
+					return f.get(t).spec;
+				},
+				get syncGroup() {
+					return f.get(l);
+				},
+				get zoomable() {
+					return f.get(e);
+				},
+				legend: !1,
+				toolbar: !1,
+				interactive: !0,
+				get localeText() {
+					return r.localeText;
+				}
+			});
+		}
+		f.reset(s), f.template_effect(() => {
+			f.set_attribute(s, "data-indicator", i()[f.get(o)]?.kind), u = f.set_style(c, "", u, { left: `${a() + 6}px` }), f.set_text(d, f.get(t).title);
+		}), f.append(e, s);
+	}), f.reset(_), f.bind_element_size(_, "clientWidth", (e) => f.set(u, e)), f.append(e, _), f.pop();
+}
+//#endregion
+//#region src/SvGridChartPanel.svelte
+var v = /* @__PURE__ */ e({ default: () => y }), te = f.from_html("<div role=\"separator\"></div>"), ne = f.from_html("<button type=\"button\" class=\"sv-grid-chart-btn\"> </button>"), re = f.from_svg("<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><polyline points=\"20 6 9 17 4 12\"></polyline></svg>"), ie = f.from_svg("<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"></line></svg>"), ae = f.from_html("<div class=\"sv-grid-chart-export-menu\" role=\"menu\"><button type=\"button\" role=\"menuitem\"> </button> <button type=\"button\" role=\"menuitem\"> </button> <button type=\"button\" role=\"menuitem\"> </button> <button type=\"button\" role=\"menuitem\"> </button> <button type=\"button\" role=\"menuitem\"> </button> <button type=\"button\" role=\"menuitem\"> </button> <button type=\"button\" role=\"menuitem\"> </button></div>"), oe = f.from_html("<button type=\"button\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M12 2l1.9 4.6L18.5 8.5 13.9 10.4 12 15l-1.9-4.6L5.5 8.5l4.6-1.9L12 2zm6 11l1 2.4 2.4 1-2.4 1L18 21l-1-2.6-2.4-1 2.4-1L18 13zM6 14l.8 2 2 .8-2 .8L6 20l-.8-2.4-2-.8 2-.8L6 14z\"></path></svg> </button>"), se = f.from_html("<li class=\"sv-grid-chart-saved-item\"><button type=\"button\" class=\"sv-grid-chart-saved-apply\"> </button> <button type=\"button\" class=\"sv-grid-chart-saved-x\">&times;</button></li>"), ce = f.from_html("<ul class=\"sv-grid-chart-saved-list\"></ul>"), le = f.from_html("<p class=\"sv-grid-chart-saved-empty\"> </p>"), ue = f.from_html("<div class=\"sv-grid-chart-export-menu sv-grid-chart-saved-menu\" role=\"dialog\"><form class=\"sv-grid-chart-saved-row\"><input class=\"sv-grid-chart-saved-name\" type=\"text\"/> <button type=\"submit\" class=\"sv-grid-chart-btn\"> </button></form> <!></div>"), de = f.from_svg("<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M18.84 12.25l1.72-1.71a5 5 0 0 0-7.07-7.07l-1.72 1.71\"></path><path d=\"M5.17 11.75l-1.71 1.71a5 5 0 0 0 7.07 7.07l1.71-1.71\"></path><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"5\"></line><line x1=\"2\" y1=\"8\" x2=\"5\" y2=\"8\"></line><line x1=\"16\" y1=\"19\" x2=\"16\" y2=\"22\"></line><line x1=\"19\" y1=\"16\" x2=\"22\" y2=\"16\"></line></svg>"), fe = f.from_svg("<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"></path><path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"></path></svg>"), pe = f.from_html("<button type=\"button\" class=\"sv-grid-chart-btn sv-grid-chart-build-btn\" aria-haspopup=\"dialog\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"></rect><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"></rect><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"></rect><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"></rect></svg> </button> <div class=\"sv-grid-chart-export sv-grid-chart-saved\"><button type=\"button\" class=\"sv-grid-chart-icon-btn sv-grid-chart-saved-btn\" aria-haspopup=\"dialog\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z\"></path><polyline points=\"17 21 17 13 7 13 7 21\"></polyline><polyline points=\"7 3 7 8 15 8\"></polyline></svg></button> <!></div> <button type=\"button\"><!></button> <button type=\"button\" class=\"sv-grid-chart-icon-btn\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"></line><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"></line></svg></button>", 1), me = f.from_svg("<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M8 3v3a2 2 0 0 1-2 2H3\"></path><path d=\"M21 8h-3a2 2 0 0 1-2-2V3\"></path><path d=\"M3 16h3a2 2 0 0 1 2 2v3\"></path><path d=\"M16 21v-3a2 2 0 0 1 2-2h3\"></path></svg>"), he = f.from_svg("<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M8 3H5a2 2 0 0 0-2 2v3\"></path><path d=\"M21 8V5a2 2 0 0 0-2-2h-3\"></path><path d=\"M3 16v3a2 2 0 0 0 2 2h3\"></path><path d=\"M16 21h3a2 2 0 0 0 2-2v-3\"></path></svg>"), ge = f.from_html("<button type=\"button\" class=\"sv-grid-chart-icon-btn\"><!></button> <button type=\"button\" class=\"sv-grid-chart-icon-btn\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"></rect><line x1=\"15\" y1=\"3\" x2=\"15\" y2=\"21\"></line></svg></button>", 1), _e = f.from_html("<button type=\"button\" class=\"sv-grid-chart-icon-btn\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M15 3h6v6\"></path><path d=\"M10 14 21 3\"></path><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"></path></svg></button>"), ve = f.from_html("<div><button type=\"button\" class=\"sv-grid-chart-tab-label\" role=\"tab\"> </button> <button type=\"button\" class=\"sv-grid-chart-tab-x\">&times;</button></div>"), ye = f.from_html("<div class=\"sv-grid-chart-tabs\" role=\"tablist\"></div>"), be = f.from_html("<button type=\"button\" class=\"sv-grid-chart-btn sv-grid-chart-explain-btn\"> </button>"), xe = f.from_html("<p class=\"sv-grid-chart-ai-msg is-error\"> </p>"), Se = f.from_html("<p class=\"sv-grid-chart-ai-msg\"> </p>"), Ce = f.from_html("<div class=\"sv-grid-chart-ai\"><form class=\"sv-grid-chart-ai-row\"><input class=\"sv-grid-chart-ai-input\" type=\"text\"/> <button type=\"submit\" class=\"sv-grid-chart-btn\"> </button> <!></form> <!></div>"), we = f.from_html("<div class=\"sv-grid-chart-panes-host\"><!></div>"), Te = f.from_html("<p class=\"sv-grid-chart-empty\"><!></p>"), Ee = f.from_html("<div class=\"sv-grid-chart-float-resizer\" role=\"separator\"></div>"), De = f.from_html("<section><!> <header class=\"sv-grid-chart-panel-head\"><div><svg class=\"sv-grid-chart-title-icon\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"10\"></line><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"4\"></line><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"16\"></line></svg> <span class=\"sv-grid-chart-title\"> </span> <div class=\"sv-grid-chart-actions\"><!> <div class=\"sv-grid-chart-export\"><button type=\"button\" class=\"sv-grid-chart-icon-btn\"><!></button> <!></div> <!> <!> <!> <button type=\"button\" class=\"sv-grid-chart-close\">&times;</button></div></div> <!> <!> <!></header> <div class=\"sv-grid-chart-panel-body\"><!></div> <!> <!></section>");
+function y(e, t) {
+	f.push(t, !0);
+	let h = f.state(null), g = f.state(!1);
+	function ee() {
+		if (f.get(h)) {
+			f.set(g, !0);
+			return;
+		}
+		import("./SvGridChartBuilder-CfII62sZ.js").then((e) => {
+			f.set(h, e.default, !0), f.set(g, !0);
+		});
+	}
+	let v = f.prop(t, "ctrl", 7), y = f.derived(() => u(v().localizationText)), b = f.derived(() => v().chartingConfig), x = f.derived(() => v().chartCfg), Oe = f.derived(() => v().chartFormat?.legend === void 0 || v().chartFormat.legend), ke = f.derived(() => v().chartFormat?.dataLabels === void 0 ? v().chartDataLabels : v().chartFormat.dataLabels !== null && { placement: v().chartFormat.dataLabels }), Ae = f.derived(() => v().chartFormat?.crosshairLabels !== !1), S = f.derived(() => v().chartIsCustom), C = f.derived(() => f.get(b)?.position ?? "bottom"), w = f.derived(() => f.get(b)?.crossFilter !== !1), T = f.derived(() => v().chartSpec), E = f.derived(() => v().chartableColumns), D = f.derived(() => v().chartSize ?? (f.get(C) === "right" ? f.get(b)?.width ?? 340 : f.get(b)?.height ?? 260)), O = f.derived(() => v().chartFloating), k = f.derived(() => v().chartMaximized), A = f.derived(() => v().chartFloatRect), j = f.state(null);
+	function je() {
+		let e = f.get(j)?.offsetParent;
+		return {
+			w: e?.clientWidth ?? 800,
+			h: e?.clientHeight ?? 520
+		};
+	}
+	function Me() {
+		if (!v().chartFloatRect) {
+			let { w: e, h: t } = je(), n = Math.min(600, Math.max(360, e - 80)), r = Math.min(430, Math.max(260, t - 90));
+			v().chartFloatRect = {
+				x: Math.round((e - n) / 2),
+				y: Math.round((t - r) / 2),
+				w: n,
+				h: r
+			};
+		}
+		v().chartFloating = !0;
+	}
+	function Ne() {
+		v().chartFloating = !1, v().chartMaximized = !1;
+	}
+	let Pe = () => v().chartMaximized = !v().chartMaximized;
+	function Fe(e) {
+		if (!f.get(O) || f.get(k) || e.target?.closest("button")) return;
+		let t = v().chartFloatRect;
+		if (!t) return;
+		e.preventDefault();
+		let n = e.clientX, r = e.clientY, { w: i, h: a } = je(), o = (e) => {
+			let o = Math.max(0, Math.min(i - t.w, t.x + e.clientX - n)), s = Math.max(0, Math.min(a - t.h, t.y + e.clientY - r));
+			v().chartFloatRect = {
+				x: o,
+				y: s,
+				w: t.w,
+				h: t.h
+			};
+		}, s = () => {
+			window.removeEventListener("pointermove", o), window.removeEventListener("pointerup", s);
+		};
+		window.addEventListener("pointermove", o), window.addEventListener("pointerup", s);
+	}
+	function Ie(e) {
+		let t = v().chartFloatRect;
+		if (!t) return;
+		e.preventDefault(), e.stopPropagation();
+		let n = e.clientX, r = e.clientY;
+		e.target.setPointerCapture?.(e.pointerId);
+		let i = (e) => {
+			v().chartFloatRect = {
+				x: t.x,
+				y: t.y,
+				w: Math.max(300, t.w + e.clientX - n),
+				h: Math.max(220, t.h + e.clientY - r)
+			};
+		}, a = () => {
+			window.removeEventListener("pointermove", i), window.removeEventListener("pointerup", a);
+		};
+		window.addEventListener("pointermove", i), window.addEventListener("pointerup", a);
+	}
+	let Le = f.derived(() => f.get(O) ? f.get(k) ? "left:12px; top:12px; right:12px; bottom:12px; width:auto; height:auto;" : f.get(A) ? `left:${f.get(A).x}px; top:${f.get(A).y}px; width:${f.get(A).w}px; height:${f.get(A).h}px;` : "" : f.get(C) === "right" ? `width:${f.get(D)}px` : `height:${f.get(D)}px`), Re = f.derived(() => c(f.get(E), f.get(y)));
+	function ze(e) {
+		f.get(w) && e.category != null && v().applyChartCrossFilter(String(e.category));
+	}
+	let M = f.state(null), N = f.state(!1), P = f.state(!1), F = () => f.get(M)?.querySelector("svg") ?? null, Be = f.derived(() => !!f.get(T) && s(f.get(T)));
+	function Ve() {
+		let e = F();
+		e && i(e, "chart.png"), f.set(N, !1);
+	}
+	function He() {
+		let e = F();
+		e && o(e, "chart.svg"), f.set(N, !1);
+	}
+	function Ue() {
+		f.get(T) && r(f.get(T), "chart.csv"), f.set(N, !1);
+	}
+	async function We() {
+		let e = F();
+		f.set(N, !1), e && await (await import("./chart-export-pdf-DONFUnNY.js").then((e) => e.r)).downloadChartPdf(e, "chart.pdf", { title: f.get(T)?.title ?? v().charts[v().activeChartIndex]?.title });
+	}
+	async function Ge() {
+		let e = F();
+		f.set(N, !1), e && (await import("./chart-export-pdf-DONFUnNY.js").then((e) => e.r)).printChart(e, { title: f.get(T)?.title ?? v().charts[v().activeChartIndex]?.title });
+	}
+	async function Ke() {
+		let e = F();
+		if (f.set(N, !1), !(!e || typeof ClipboardItem > "u" || !navigator.clipboard?.write)) try {
+			let t = await a(e);
+			await navigator.clipboard.write([new ClipboardItem({ "image/png": t })]), f.set(P, !0), setTimeout(() => f.set(P, !1), 1400);
+		} catch {}
+	}
+	let I = f.state(null), L = f.state(null);
+	function R(e, t, n) {
+		let r = (n) => {
+			n.target?.closest(e) || t();
+		}, i = (e) => {
+			e.key === "Escape" && (e.stopPropagation(), t(), n()?.focus());
+		};
+		return window.addEventListener("pointerdown", r), window.addEventListener("keydown", i, !0), () => {
+			window.removeEventListener("pointerdown", r), window.removeEventListener("keydown", i, !0);
+		};
+	}
+	f.user_effect(() => {
+		if (f.get(N)) return R(".sv-grid-chart-export", () => f.set(N, !1), () => f.get(I));
+	});
+	let z = f.state(!1), B = f.state("");
+	function qe() {
+		let e = f.get(B).trim();
+		e && (v().saveChart(e), f.set(B, ""));
+	}
+	f.user_effect(() => {
+		if (f.get(z)) return R(".sv-grid-chart-saved", () => f.set(z, !1), () => f.get(L));
+	});
+	async function Je() {
+		if (f.set(N, !1), !f.get(T)) return;
+		let { chartSummary: e } = await import("./chart-summary-BJW_tg_X.js").then((e) => e.n), t = e(f.get(T));
+		try {
+			await navigator.clipboard?.writeText(t);
+		} catch {}
+		f.set(G, t, !0);
+	}
+	let Ye = f.derived(() => !!v().chartAiHandler), Xe = f.derived(() => !!v().chartExplainHandler);
+	async function Ze() {
+		let e = v().chartExplainHandler;
+		if (!(!e || f.get(U))) {
+			f.set(U, !0), f.set(W, ""), f.set(G, "");
+			try {
+				let t = await e();
+				f.set(G, t ? [t.summary, ...t.insights].filter(Boolean).join(" ") : "", !0), t || f.set(W, f.get(y).chartAiNoExplanation, !0);
+			} catch (e) {
+				f.set(W, e instanceof Error ? e.message : f.get(y).chartAiFailed, !0);
+			} finally {
+				f.set(U, !1);
+			}
+		}
+	}
+	let V = f.state(!1), H = f.state(""), U = f.state(!1), W = f.state(""), G = f.state("");
+	async function Qe() {
+		let e = v().chartAiHandler, t = f.get(H).trim();
+		if (!(!e || !t || f.get(U))) {
+			f.set(U, !0), f.set(W, ""), f.set(G, "");
+			try {
+				let n = await e(t);
+				n ? (v().applyChartConfig(n), f.set(G, typeof n.rationale == "string" ? n.rationale : "", !0)) : f.set(W, f.get(y).chartAiNoChart, !0);
+			} catch (e) {
+				f.set(W, e instanceof Error ? e.message : f.get(y).chartAiFailed, !0);
+			} finally {
+				f.set(U, !1);
+			}
+		}
+	}
+	let K = f.state(!1);
+	function $e(e) {
+		e.preventDefault(), f.set(K, !0);
+		let t = f.get(C) === "right" ? e.clientX : e.clientY, n = f.get(D);
+		e.target.setPointerCapture?.(e.pointerId);
+		let r = (e) => {
+			let r = f.get(C) === "right" ? t - e.clientX : t - e.clientY;
+			v().chartSize = Math.max(160, Math.min(720, n + r));
+		}, i = () => {
+			f.set(K, !1), window.removeEventListener("pointermove", r), window.removeEventListener("pointerup", i);
+		};
+		window.addEventListener("pointermove", r), window.addEventListener("pointerup", i);
+	}
+	var q = De();
+	let et;
+	var tt = f.child(q), nt = (e) => {
+		var t = te();
+		let n;
+		f.template_effect(() => {
+			n = f.set_class(t, 1, "sv-grid-chart-resizer", null, n, { "is-dragging": f.get(K) }), f.set_attribute(t, "aria-orientation", f.get(C) === "right" ? "vertical" : "horizontal"), f.set_attribute(t, "aria-label", f.get(y).chartResize);
+		}), f.delegated("pointerdown", t, $e), f.append(e, t);
+	};
+	f.if(tt, (e) => {
+		f.get(O) || e(nt);
+	});
+	var J = f.sibling(tt, 2), Y = f.child(J);
+	let rt;
+	var X = f.sibling(f.child(Y), 2), it = f.child(X, !0);
+	f.reset(X);
+	var at = f.sibling(X, 2), ot = f.child(at), st = (e) => {
+		var t = ne(), n = f.child(t, !0);
+		f.reset(t), f.template_effect(() => f.set_text(n, f.get(y).chartClearFilter)), f.delegated("click", t, () => v().clearChartCrossFilter()), f.append(e, t);
+	};
+	f.if(ot, (e) => {
+		f.get(w) && !f.get(S) && e(st);
+	});
+	var Z = f.sibling(ot, 2), Q = f.child(Z), ct = f.child(Q), lt = (e) => {
+		var t = re();
+		f.append(e, t);
+	}, ut = (e) => {
+		var t = ie();
+		f.append(e, t);
+	};
+	f.if(ct, (e) => {
+		f.get(P) ? e(lt) : e(ut, -1);
+	}), f.reset(Q), f.bind_this(Q, (e) => f.set(I, e), () => f.get(I));
+	var dt = f.sibling(Q, 2), ft = (e) => {
+		var t = ae(), n = f.child(t), r = f.child(n, !0);
+		f.reset(n);
+		var i = f.sibling(n, 2), a = f.child(i, !0);
+		f.reset(i);
+		var o = f.sibling(i, 2), s = f.child(o, !0);
+		f.reset(o);
+		var c = f.sibling(o, 2), l = f.child(c, !0);
+		f.reset(c);
+		var u = f.sibling(c, 2), d = f.child(u, !0);
+		f.reset(u);
+		var p = f.sibling(u, 2), m = f.child(p, !0);
+		f.reset(p);
+		var h = f.sibling(p, 2), g = f.child(h, !0);
+		f.reset(h), f.reset(t), f.template_effect(() => {
+			f.set_text(r, f.get(y).chartExportPng), f.set_text(a, f.get(y).chartExportSvg), f.set_text(s, f.get(y).chartExportPdf), c.disabled = !f.get(Be), f.set_text(l, f.get(y).chartExportCsv), f.set_text(d, f.get(y).chartExportCopy), f.set_text(m, f.get(y).chartExportPrint), f.set_text(g, f.get(y).chartExportDescribe);
+		}), f.delegated("click", n, Ve), f.delegated("click", i, He), f.delegated("click", o, We), f.delegated("click", c, Ue), f.delegated("click", u, Ke), f.delegated("click", p, Ge), f.delegated("click", h, Je), f.append(e, t);
+	};
+	f.if(dt, (e) => {
+		f.get(N) && e(ft);
+	}), f.reset(Z);
+	var pt = f.sibling(Z, 2), mt = (e) => {
+		var t = oe();
+		let n;
+		var r = f.sibling(f.child(t));
+		f.reset(t), f.template_effect(() => {
+			n = f.set_class(t, 1, "sv-grid-chart-btn sv-grid-chart-ai-btn", null, n, { "is-active": f.get(V) }), f.set_attribute(t, "aria-label", f.get(y).chartAiLabel), f.set_attribute(t, "title", f.get(y).chartAiLabel), f.set_attribute(t, "aria-expanded", f.get(V)), f.set_text(r, ` ${f.get(y).chartAi ?? ""}`);
+		}), f.delegated("click", t, () => f.set(V, !f.get(V))), f.append(e, t);
+	};
+	f.if(pt, (e) => {
+		f.get(Ye) && !f.get(S) && e(mt);
+	});
+	var ht = f.sibling(pt, 2), gt = (e) => {
+		var t = pe(), n = f.first_child(t), r = f.sibling(f.child(n));
+		f.reset(n);
+		var i = f.sibling(n, 2), a = f.child(i);
+		f.bind_this(a, (e) => f.set(L, e), () => f.get(L));
+		var o = f.sibling(a, 2), s = (e) => {
+			var t = ue(), n = f.child(t), r = f.child(n);
+			f.remove_input_defaults(r);
+			var i = f.sibling(r, 2), a = f.child(i, !0);
+			f.reset(i), f.reset(n);
+			var o = f.sibling(n, 2), s = (e) => {
+				var t = ce();
+				f.each(t, 21, () => v().savedCharts, (e) => e.name, (e, t) => {
+					var n = se(), r = f.child(n), i = f.child(r, !0);
+					f.reset(r);
+					var a = f.sibling(r, 2);
+					f.reset(n), f.template_effect(() => {
+						f.set_attribute(r, "title", f.get(y).chartSaveApply), f.set_text(i, f.get(t).name), f.set_attribute(a, "aria-label", `${f.get(y).chartSaveRemove}: ${f.get(t).name}`), f.set_attribute(a, "title", f.get(y).chartSaveRemove);
+					}), f.delegated("click", r, () => {
+						v().applySavedChart(f.get(t).name), f.set(z, !1);
+					}), f.delegated("click", a, () => v().removeSavedChart(f.get(t).name)), f.append(e, n);
+				}), f.reset(t), f.append(e, t);
+			}, c = (e) => {
+				var t = le(), n = f.child(t, !0);
+				f.reset(t), f.template_effect(() => f.set_text(n, f.get(y).chartSavedEmpty)), f.append(e, t);
+			};
+			f.if(o, (e) => {
+				v().savedCharts.length ? e(s) : e(c, -1);
+			}), f.reset(t), f.template_effect((e) => {
+				f.set_attribute(t, "aria-label", f.get(y).chartSavedTitle), f.set_attribute(r, "aria-label", f.get(y).chartSaveName), f.set_attribute(r, "placeholder", f.get(y).chartSaveNamePlaceholder), i.disabled = e, f.set_text(a, f.get(y).chartSave);
+			}, [() => !f.get(B).trim()]), f.event("submit", n, (e) => {
+				e.preventDefault(), qe();
+			}), f.bind_value(r, () => f.get(B), (e) => f.set(B, e)), f.append(e, t);
+		};
+		f.if(o, (e) => {
+			f.get(z) && e(s);
+		}), f.reset(i);
+		var c = f.sibling(i, 2);
+		let l;
+		var u = f.child(c), d = (e) => {
+			var t = de();
+			f.append(e, t);
+		}, p = (e) => {
+			var t = fe();
+			f.append(e, t);
+		};
+		f.if(u, (e) => {
+			v().chartFrozen ? e(d) : e(p, -1);
+		}), f.reset(c);
+		var m = f.sibling(c, 2);
+		f.template_effect(() => {
+			f.set_attribute(n, "aria-label", f.get(y).chartBuildLabel), f.set_attribute(n, "title", f.get(y).chartBuildTitle), f.set_text(r, ` ${f.get(y).chartBuild ?? ""}`), f.set_attribute(a, "aria-label", f.get(y).chartSaveLabel), f.set_attribute(a, "title", f.get(y).chartSavedTitle), f.set_attribute(a, "aria-expanded", f.get(z)), l = f.set_class(c, 1, "sv-grid-chart-icon-btn sv-grid-chart-link-btn", null, l, { "is-unlinked": !!v().chartFrozen }), f.set_attribute(c, "aria-label", v().chartFrozen ? f.get(y).chartLinkBack : f.get(y).chartUnlink), f.set_attribute(c, "aria-pressed", !!v().chartFrozen), f.set_attribute(c, "title", v().chartFrozen ? f.get(y).chartUnlinkedTitle : f.get(y).chartLinkedTitle), f.set_attribute(m, "aria-label", f.get(y).chartAdd), f.set_attribute(m, "title", f.get(y).chartAdd);
+		}), f.delegated("click", n, ee), f.delegated("click", a, () => f.set(z, !f.get(z))), f.delegated("click", c, () => v().chartFrozen ? v().unfreezeChart() : v().freezeChart()), f.delegated("click", m, () => v().addChart()), f.append(e, t);
+	};
+	f.if(ht, (e) => {
+		f.get(S) || e(gt);
+	});
+	var _t = f.sibling(ht, 2), vt = (e) => {
+		var t = ge(), n = f.first_child(t), r = f.child(n), i = (e) => {
+			var t = me();
+			f.append(e, t);
+		}, a = (e) => {
+			var t = he();
+			f.append(e, t);
+		};
+		f.if(r, (e) => {
+			f.get(k) ? e(i) : e(a, -1);
+		}), f.reset(n);
+		var o = f.sibling(n, 2);
+		f.template_effect(() => {
+			f.set_attribute(n, "aria-label", f.get(k) ? f.get(y).chartRestore : f.get(y).chartMaximize), f.set_attribute(n, "title", f.get(k) ? f.get(y).chartRestore : f.get(y).chartMaximize), f.set_attribute(o, "aria-label", f.get(y).chartDockLabel), f.set_attribute(o, "title", f.get(y).chartDock);
+		}), f.delegated("click", n, Pe), f.delegated("click", o, Ne), f.append(e, t);
+	}, yt = (e) => {
+		var t = _e();
+		f.template_effect(() => {
+			f.set_attribute(t, "aria-label", f.get(y).chartPopOutLabel), f.set_attribute(t, "title", f.get(y).chartPopOut);
+		}), f.delegated("click", t, Me), f.append(e, t);
+	};
+	f.if(_t, (e) => {
+		f.get(O) ? e(vt) : e(yt, -1);
+	});
+	var bt = f.sibling(_t, 2);
+	f.reset(at), f.reset(Y);
+	var xt = f.sibling(Y, 2), St = (e) => {
+		var t = ye();
+		f.each(t, 23, () => v().charts, (e) => e.id, (e, t, n) => {
+			var r = ve();
+			let i;
+			var a = f.child(r), o = f.child(a, !0);
+			f.reset(a);
+			var s = f.sibling(a, 2);
+			f.reset(r), f.template_effect((e) => {
+				i = f.set_class(r, 1, "sv-grid-chart-tab", null, i, { "is-active": f.get(n) === v().activeChartIndex }), f.set_attribute(a, "aria-selected", f.get(n) === v().activeChartIndex), f.set_text(o, f.get(t).title), f.set_attribute(s, "aria-label", e), f.set_attribute(s, "title", f.get(y).chartRemove);
+			}, [() => d(f.get(y).chartRemoveTab, { title: f.get(t).title })]), f.delegated("click", a, () => v().activeChartIndex = f.get(n)), f.delegated("click", s, () => v().removeChart(f.get(n))), f.append(e, r);
+		}), f.reset(t), f.template_effect(() => f.set_attribute(t, "aria-label", f.get(y).chartTabs)), f.append(e, t);
+	};
+	f.if(xt, (e) => {
+		!f.get(S) && v().charts.length > 1 && e(St);
+	});
+	var Ct = f.sibling(xt, 2), wt = (e) => {
+		var t = Ce(), n = f.child(t), r = f.child(n);
+		f.remove_input_defaults(r);
+		var i = f.sibling(r, 2), a = f.child(i, !0);
+		f.reset(i);
+		var o = f.sibling(i, 2), s = (e) => {
+			var t = be(), n = f.child(t, !0);
+			f.reset(t), f.template_effect(() => {
+				t.disabled = f.get(U) || !f.get(T), f.set_attribute(t, "title", f.get(y).chartAiExplainTitle), f.set_text(n, f.get(y).chartAiExplain);
+			}), f.delegated("click", t, Ze), f.append(e, t);
+		};
+		f.if(o, (e) => {
+			f.get(Xe) && e(s);
+		}), f.reset(n);
+		var c = f.sibling(n, 2), l = (e) => {
+			var t = xe(), n = f.child(t, !0);
+			f.reset(t), f.template_effect(() => f.set_text(n, f.get(W))), f.append(e, t);
+		}, u = (e) => {
+			var t = Se(), n = f.child(t, !0);
+			f.reset(t), f.template_effect(() => f.set_text(n, f.get(G))), f.append(e, t);
+		};
+		f.if(c, (e) => {
+			f.get(W) ? e(l) : f.get(G) && e(u, 1);
+		}), f.reset(t), f.template_effect((e) => {
+			f.set_attribute(r, "placeholder", f.get(y).chartAiPlaceholder), r.disabled = f.get(U), i.disabled = e, f.set_text(a, f.get(U) ? f.get(y).chartAiThinking : f.get(y).chartAiRun);
+		}, [() => f.get(U) || !f.get(H).trim()]), f.event("submit", n, (e) => {
+			e.preventDefault(), Qe();
+		}), f.bind_value(r, () => f.get(H), (e) => f.set(H, e)), f.append(e, t);
+	};
+	f.if(Ct, (e) => {
+		f.get(Ye) && f.get(V) && !f.get(S) && e(wt);
+	});
+	var Tt = f.sibling(Ct, 2), Et = (e) => {
+		l(e, {
+			get ctrl() {
+				return v();
+			},
+			get messages() {
+				return f.get(y);
+			}
+		});
+	};
+	f.if(Tt, (e) => {
+		f.get(S) || e(Et);
+	}), f.reset(J);
+	var $ = f.sibling(J, 2), Dt = f.child($), Ot = (e) => {
+		var t = we(), n = f.child(t);
+		{
+			let e = f.derived(() => f.get(x)?.zoom ?? !1), t = f.derived(() => f.get(x)?.rangePresets), r = f.derived(() => f.get(x)?.syncGroup), i = f.derived(() => f.get(x)?.contextMenu), a = f.derived(() => f.get(x)?.animate), o = f.derived(() => f.get(x)?.localeText), s = f.derived(() => f.get(x)?.export === !0 || void 0);
+			_(n, {
+				get spec() {
+					return f.get(T);
+				},
+				get indicators() {
+					return v().chartIndicatorPanes;
+				},
+				onSelect: ze,
+				interactive: !0,
+				legend: !1,
+				get zoomable() {
+					return f.get(e);
+				},
+				get rangePresets() {
+					return f.get(t);
+				},
+				get syncGroup() {
+					return f.get(r);
+				},
+				get contextMenu() {
+					return f.get(i);
+				},
+				get animate() {
+					return f.get(a);
+				},
+				get localeText() {
+					return f.get(o);
+				},
+				get crosshairLabels() {
+					return f.get(Ae);
+				},
+				get toolbar() {
+					return f.get(s);
+				},
+				get zoom() {
+					return v().chartZoom;
+				},
+				set zoom(e) {
+					v().chartZoom = e;
+				}
+			});
+		}
+		f.reset(t), f.append(e, t);
+	}, kt = (e) => {
+		{
+			let t = f.derived(() => f.get(x)?.zoom ?? !1), r = f.derived(() => f.get(x)?.brush === !0), i = f.derived(() => f.get(x)?.rangePresets), a = f.derived(() => f.get(x)?.syncGroup), o = f.derived(() => f.get(x)?.contextMenu), s = f.derived(() => f.get(x)?.animate), c = f.derived(() => f.get(x)?.localeText), l = f.derived(() => f.get(x)?.export === !0 || void 0);
+			n(e, {
+				get spec() {
+					return f.get(T);
+				},
+				autosize: !0,
+				onSelect: ze,
+				interactive: !0,
+				get legend() {
+					return f.get(Oe);
+				},
+				get dataLabels() {
+					return f.get(ke);
+				},
+				get zoomable() {
+					return f.get(t);
+				},
+				get brush() {
+					return f.get(r);
+				},
+				get rangePresets() {
+					return f.get(i);
+				},
+				get syncGroup() {
+					return f.get(a);
+				},
+				get contextMenu() {
+					return f.get(o);
+				},
+				get animate() {
+					return f.get(s);
+				},
+				get localeText() {
+					return f.get(c);
+				},
+				get crosshairLabels() {
+					return f.get(Ae);
+				},
+				get toolbar() {
+					return f.get(l);
+				},
+				get zoom() {
+					return v().chartZoom;
+				},
+				set zoom(e) {
+					v().chartZoom = e;
+				}
+			});
+		}
+	}, At = (e) => {
+		var t = Te(), n = f.child(t), r = (e) => {
+			var t = f.text();
+			f.template_effect(() => f.set_text(t, f.get(y).chartEmptyColumns)), f.append(e, t);
+		}, i = (e) => {
+			var t = f.text();
+			f.template_effect(() => f.set_text(t, f.get(y).chartEmptyData)), f.append(e, t);
+		};
+		f.if(n, (e) => {
+			!f.get(E).dims.length || !f.get(E).measures.length ? e(r) : e(i, -1);
+		}), f.reset(t), f.append(e, t);
+	};
+	f.if(Dt, (e) => {
+		f.get(T) && v().chartIndicatorPanes.length && f.get(T).series[0]?.ohlc ? e(Ot) : f.get(T) && (f.get(T).series.length || f.get(T).gaugeValue != null || f.get(S)) ? e(kt, 1) : e(At, -1);
+	}), f.reset($), f.bind_this($, (e) => f.set(M, e), () => f.get(M));
+	var jt = f.sibling($, 2), Mt = (e) => {
+		var t = f.comment(), n = f.first_child(t);
+		f.component(n, () => f.get(h), (e, t) => {
+			t(e, {
+				get ctrl() {
+					return v();
+				},
+				get types() {
+					return f.get(Re);
+				},
+				get messages() {
+					return f.get(y);
+				},
+				get open() {
+					return f.get(g);
+				},
+				set open(e) {
+					f.set(g, e, !0);
+				}
+			});
+		}), f.append(e, t);
+	};
+	f.if(jt, (e) => {
+		f.get(h) && e(Mt);
+	});
+	var Nt = f.sibling(jt, 2), Pt = (e) => {
+		var t = Ee();
+		f.template_effect(() => f.set_attribute(t, "aria-label", f.get(y).chartResizeWindow)), f.delegated("pointerdown", t, Ie), f.append(e, t);
+	};
+	f.if(Nt, (e) => {
+		f.get(O) && !f.get(k) && e(Pt);
+	}), f.reset(q), f.bind_this(q, (e) => f.set(j, e), () => f.get(j)), f.template_effect(() => {
+		et = f.set_class(q, 1, "sv-grid-chart-panel", null, et, {
+			"is-right": f.get(C) === "right" && !f.get(O),
+			"is-bottom": f.get(C) === "bottom" && !f.get(O),
+			"is-floating": f.get(O),
+			"is-maximized": f.get(O) && f.get(k)
+		}), f.set_style(q, f.get(Le)), f.set_attribute(q, "aria-label", f.get(y).chartPanelTitle), rt = f.set_class(Y, 1, "sv-grid-chart-drawer-title", null, rt, { "is-drag-handle": f.get(O) && !f.get(k) }), f.set_text(it, f.get(y).chartPanelTitle), f.set_attribute(Q, "aria-label", f.get(y).chartExportLabel), f.set_attribute(Q, "title", f.get(y).chartExport), f.set_attribute(Q, "aria-expanded", f.get(N)), f.set_attribute(bt, "aria-label", f.get(y).chartClose);
+	}), f.delegated("pointerdown", Y, Fe), f.delegated("click", Q, () => f.set(N, !f.get(N))), f.delegated("click", bt, () => v().chartPanelOpen = !1), f.transition(3, q, () => p, () => ({
+		x: !f.get(O) && f.get(C) === "right" ? f.get(D) : 0,
+		y: !f.get(O) && f.get(C) === "bottom" ? f.get(D) : 0,
+		duration: 180,
+		easing: m
+	})), f.append(e, q), f.pop();
+}
+f.delegate(["pointerdown", "click"]);
+//#endregion
+export { v as n, _ as r, y as t };