@svgrid/enterprise 3.0.2 → 3.0.3

package/dist/wc/SvGridChartBuilder-CGycC5cn.js

@@ -0,0 +1,988 @@
+import { G as e, H as t, I as n, L as r, M as i, O as a, P as o, R as s, S as c, T as l, U as u, W as d, X as f, Y as p, _ as m, a as h, at as g, b as _, dt as v, et as y, f as b, h as x, ht as S, it as C, j as w, m as T, mt as E, n as D, nt as O, o as ee, ot as k, p as A, st as j, tt as M, u as N, ut as P, y as F } from "./client-DQIzjDBG.js";
+import { t as I } from "./SvModal-DrfOYYyX.js";
+import { c as L, f as R, l as z, m as B, o as V, p as H, s as U, u as te } from "./chart-6OXlybVT.js";
+import { t as W } from "./SvGridChart-BqUJh2pG.js";
+import { n as G, t as K } from "./SvGridChartPanel-CRnizsHD.js";
+//#region ../grid/dist/createTabs.svelte.js
+var q = 0;
+function J(t) {
+	let n = `sv-tabs-${q++}`, r = () => t.tabs(), i = () => t.orientation?.() ?? "horizontal", a = () => t.activation?.() ?? "automatic", o = j(() => r().filter((e) => !e.disabled)), s = j(() => t.value() ?? r().find((e) => !e.disabled)?.id ?? r()[0]?.id ?? ""), c = g(""), l = g(0), u = (e) => {
+		C(c, e, !0), k(l);
+	}, d = (e) => `${n}-tab-${e}`, f = (e) => `${n}-panel-${e}`;
+	function p(e) {
+		let n = r().find((t) => t.id === e);
+		!n || n.disabled || t.onChange?.(e);
+	}
+	function m(e) {
+		r().find((t) => t.id === e)?.closable && t.onClose?.(e);
+	}
+	function h(n) {
+		let r = e(o);
+		if (!r.length) return;
+		let c = r.findIndex((t) => t.id === e(s)), l = i() === "horizontal", d = l && t.dir?.() === "rtl", f = l ? d ? "ArrowLeft" : "ArrowRight" : "ArrowDown", h = l ? d ? "ArrowRight" : "ArrowLeft" : "ArrowUp", g = null;
+		if (n.key === f) g = r[(c + 1) % r.length]?.id ?? null;
+		else if (n.key === h) g = r[(c - 1 + r.length) % r.length]?.id ?? null;
+		else if (n.key === "Home") g = r[0]?.id ?? null;
+		else if (n.key === "End") g = r.at(-1)?.id ?? null;
+		else if ((n.key === "Enter" || n.key === " ") && a() === "manual") {
+			n.preventDefault(), p(e(s));
+			return;
+		} else if (n.key === "Delete") {
+			n.preventDefault(), m(e(s));
+			return;
+		} else return;
+		g && (n.preventDefault(), u(g), a() === "automatic" && p(g));
+	}
+	return {
+		get activeId() {
+			return e(s);
+		},
+		get focusId() {
+			return e(c);
+		},
+		get focusTick() {
+			return e(l);
+		},
+		isActive: (t) => t === e(s),
+		select: p,
+		close: m,
+		onKeydown: h,
+		tablistProps: () => ({
+			role: "tablist",
+			"aria-orientation": i(),
+			"aria-label": t.ariaLabel?.()
+		}),
+		tabProps: (t) => {
+			let n = r().find((e) => e.id === t), i = t === e(s);
+			return {
+				role: "tab",
+				id: d(t),
+				"data-tab": t,
+				"aria-selected": i,
+				"aria-controls": f(t),
+				tabindex: i ? 0 : -1,
+				disabled: n?.disabled,
+				onclick: () => p(t),
+				onkeydown: h
+			};
+		},
+		panelProps: (e) => ({
+			role: "tabpanel",
+			id: f(e),
+			"aria-labelledby": d(e),
+			tabindex: 0
+		})
+	};
+}
+//#endregion
+//#region ../grid/dist/SvTabs.svelte
+var Y = s("<button type=\"button\" class=\"sv-tabs__scroll svelte-13z0l57\" tabindex=\"-1\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" width=\"15\" height=\"15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 18l-6-6 6-6\"></path></svg></button>"), ne = s("<button type=\"button\" class=\"sv-tabs__close svelte-13z0l57\" tabindex=\"-1\"><svg viewBox=\"0 0 24 24\" width=\"12\" height=\"12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M6 6l12 12M18 6L6 18\"></path></svg></button>"), re = s("<span role=\"presentation\"><button> </button> <!></span>"), ie = s("<button type=\"button\" class=\"sv-tabs__scroll svelte-13z0l57\" tabindex=\"-1\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" width=\"15\" height=\"15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 18l6-6-6-6\"></path></svg></button>"), ae = s("<div><!></div>"), oe = s("<div><div class=\"sv-tabs__strip svelte-13z0l57\"><!> <div></div> <!></div> <!></div>"), se = {
+	hash: "svelte-13z0l57",
+	code: ".sv-tabs.svelte-13z0l57 {--_accent: var(--sg-accent, #2563eb);display:flex;gap:0;}.sv-tabs--top.svelte-13z0l57 {flex-direction:column;}.sv-tabs--bottom.svelte-13z0l57 {flex-direction:column-reverse;}.sv-tabs--left.svelte-13z0l57 {flex-direction:row;}.sv-tabs--right.svelte-13z0l57 {flex-direction:row-reverse;}.sv-tabs__strip.svelte-13z0l57 {display:flex;align-items:center;min-width:0;}.sv-tabs--vertical.svelte-13z0l57 .sv-tabs__strip:where(.svelte-13z0l57) {align-items:stretch;}.sv-tabs__list.svelte-13z0l57 {display:flex;gap:2px;}.sv-tabs--horizontal.svelte-13z0l57 .sv-tabs__list:where(.svelte-13z0l57) {overflow-x:auto;flex:1 1 auto;min-width:0;scrollbar-width:none;scroll-behavior:smooth;}.sv-tabs--horizontal.svelte-13z0l57 .sv-tabs__list:where(.svelte-13z0l57)::-webkit-scrollbar {display:none;}.sv-tabs--horizontal.svelte-13z0l57 .sv-tabs__tabwrap:where(.svelte-13z0l57) {flex:none;}.sv-tabs--vertical.svelte-13z0l57 .sv-tabs__list:where(.svelte-13z0l57) {flex-direction:column;}.sv-tabs__scroll.svelte-13z0l57 {flex:none;display:grid;place-items:center;width:26px;align-self:stretch;background:none;border:0;color:var(--sg-muted, #64748b);cursor:pointer;}.sv-tabs__scroll.svelte-13z0l57:hover:not(:disabled) {color:var(--_accent);}.sv-tabs__scroll.svelte-13z0l57:disabled {opacity:0.3;cursor:default;}\n  /* Drag-reorder feedback */.sv-tabs__tabwrap.is-drag.svelte-13z0l57 {opacity:0.4;}.sv-tabs__tabwrap.is-over.svelte-13z0l57::before {content:'';position:absolute;inset-inline-start:-1px;top:5px;bottom:5px;width:2px;background:var(--_accent);border-radius:2px;}.sv-tabs__tabwrap[draggable='true'].svelte-13z0l57 .sv-tabs__tab:where(.svelte-13z0l57) {cursor:grab;}.sv-tabs--top.svelte-13z0l57 .sv-tabs__list:where(.svelte-13z0l57) {border-bottom:1px solid var(--sg-border, #e2e8f0);}.sv-tabs--bottom.svelte-13z0l57 .sv-tabs__list:where(.svelte-13z0l57) {border-top:1px solid var(--sg-border, #e2e8f0);}.sv-tabs--left.svelte-13z0l57 .sv-tabs__list:where(.svelte-13z0l57) {border-inline-end:1px solid var(--sg-border, #e2e8f0);}.sv-tabs--right.svelte-13z0l57 .sv-tabs__list:where(.svelte-13z0l57) {border-inline-start:1px solid var(--sg-border, #e2e8f0);}.sv-tabs--pill.svelte-13z0l57 .sv-tabs__list:where(.svelte-13z0l57) {border:0;background:var(--sg-header-bg, #f1f5f9);padding:3px;border-radius:9px;gap:3px;}.sv-tabs__tabwrap.svelte-13z0l57 {position:relative;display:inline-flex;align-items:center;}.sv-tabs__tab.svelte-13z0l57 {background:none;border:0;font:inherit;font-size:13px;font-weight:600;color:var(--sg-muted, #64748b);padding:9px 14px;cursor:pointer;white-space:nowrap;}.sv-tabs__tabwrap.is-closable.svelte-13z0l57 .sv-tabs__tab:where(.svelte-13z0l57) {padding-inline-end:4px;}.sv-tabs__tab.svelte-13z0l57:hover:not(:disabled):not(.is-active) {color:var(--sg-fg, #0f172a);}.sv-tabs__tab.svelte-13z0l57:disabled {opacity:0.45;cursor:not-allowed;}.sv-tabs__tab.svelte-13z0l57:focus-visible {outline:2px solid var(--sg-focus-ring, var(--_accent));outline-offset:-2px;border-radius:6px;}.sv-tabs__close.svelte-13z0l57 {display:grid;place-items:center;width:18px;height:18px;margin-inline-end:8px;flex:none;background:none;border:0;color:var(--sg-muted, #64748b);cursor:pointer;border-radius:4px;}.sv-tabs__close.svelte-13z0l57:hover {background:var(--sg-row-hover-bg, #f1f5f9);color:var(--sg-danger, #dc2626);}.sv-tabs--line.svelte-13z0l57 .sv-tabs__tab.is-active:where(.svelte-13z0l57) {color:var(--_accent);}.sv-tabs--line.svelte-13z0l57 .sv-tabs__tabwrap.is-active:where(.svelte-13z0l57)::after {content:'';position:absolute;background:var(--_accent);}.sv-tabs--line.sv-tabs--top.svelte-13z0l57 .sv-tabs__tabwrap.is-active:where(.svelte-13z0l57)::after {left:8px;right:8px;height:2px;bottom:-1px;}.sv-tabs--line.sv-tabs--bottom.svelte-13z0l57 .sv-tabs__tabwrap.is-active:where(.svelte-13z0l57)::after {left:8px;right:8px;height:2px;top:-1px;}.sv-tabs--line.sv-tabs--left.svelte-13z0l57 .sv-tabs__tabwrap.is-active:where(.svelte-13z0l57)::after {top:8px;bottom:8px;width:2px;inset-inline-end:-1px;}.sv-tabs--line.sv-tabs--right.svelte-13z0l57 .sv-tabs__tabwrap.is-active:where(.svelte-13z0l57)::after {top:8px;bottom:8px;width:2px;inset-inline-start:-1px;}.sv-tabs--pill.svelte-13z0l57 .sv-tabs__tab:where(.svelte-13z0l57) {border-radius:7px;padding:7px 14px;}.sv-tabs--pill.svelte-13z0l57 .sv-tabs__tabwrap.is-active:where(.svelte-13z0l57) .sv-tabs__tab:where(.svelte-13z0l57), .sv-tabs--pill.svelte-13z0l57 .sv-tabs__tab.is-active:where(.svelte-13z0l57) {background:var(--sg-bg, #fff);color:var(--sg-fg, #0f172a);box-shadow:0 1px 2px rgba(0,0,0,0.08);}.sv-tabs__panel.svelte-13z0l57 {padding:16px 2px;outline:none;flex:1;min-width:0;}"
+};
+function X(t, r) {
+	v(r, !0), l(t, se);
+	let s = D(r, "value", 15), m = D(r, "variant", 3, "line"), _ = D(r, "activation", 3, "automatic"), x = D(r, "reorderable", 3, !1), S = j(() => r.tabPosition ?? (r.orientation === "vertical" ? "left" : "top")), k = j(() => e(S) === "left" || e(S) === "right" ? "vertical" : "horizontal"), A = j(() => r.dir === "ltr" || r.dir === "rtl" ? r.dir : void 0), M = g(0), F = g(0), I = g(0), L = j(() => e(k) === "horizontal" && e(I) > e(F) + 1), R = j(() => e(M) <= 1), z = j(() => e(M) + e(F) >= e(I) - 1);
+	function B() {
+		K && (C(F, K.clientWidth, !0), C(I, K.scrollWidth, !0), C(M, K.scrollLeft, !0));
+	}
+	f(() => {
+		r.tabs.length, queueMicrotask(B);
+	}), f(() => {
+		let e = () => B();
+		return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
+	});
+	function V(t) {
+		K?.scrollBy({
+			left: t * Math.max(120, e(F) * .7),
+			behavior: "smooth"
+		});
+	}
+	let H = g(null), U = g(null);
+	function te(e, t) {
+		if (e === t) return;
+		let n = r.tabs.map((e) => e.id), i = n.indexOf(e), a = n.indexOf(t);
+		i < 0 || a < 0 || (n.splice(a, 0, n.splice(i, 1)[0]), r.onReorder?.(n));
+	}
+	let W = J({
+		tabs: () => r.tabs,
+		value: () => s(),
+		onChange: (e) => {
+			s(e), r.onChange?.(e);
+		},
+		onClose: (e) => r.onClose?.(e),
+		orientation: () => e(k),
+		activation: () => _(),
+		dir: () => r.dir,
+		ariaLabel: () => r.ariaLabel
+	}), G = j(() => W.activeId), K = null, q = 0;
+	f(() => {
+		if (W.focusTick !== q) {
+			q = W.focusTick;
+			let e = W.focusId;
+			queueMicrotask(() => K?.querySelector(`[data-tab="${e}"]`)?.focus());
+		}
+	});
+	var X = oe(), Z = y(X), ce = y(Z), le = (t) => {
+		var r = Y();
+		p(() => r.disabled = e(R)), u("click", r, () => V(-1)), n(t, r);
+	};
+	w(ce, (t) => {
+		e(L) && t(le);
+	});
+	var Q = O(ce, 2), ue = (e) => C(M, e.currentTarget.scrollLeft, !0);
+	b(Q, (e) => ({
+		class: "sv-tabs__list",
+		onscroll: ue,
+		...e
+	}), [() => W.tablistProps()], void 0, void 0, "svelte-13z0l57"), a(Q, 21, () => r.tabs, (e) => e.id, (t, r) => {
+		var i = re();
+		let a;
+		var s = y(i);
+		b(s, (t) => ({
+			type: "button",
+			class: "sv-tabs__tab",
+			...t,
+			[N]: { "is-active": e(r).id === e(G) }
+		}), [() => W.tabProps(e(r).id)], void 0, void 0, "svelte-13z0l57");
+		var l = y(s, !0);
+		E(s);
+		var f = O(s, 2), m = (t) => {
+			var i = ne();
+			p(() => T(i, "aria-label", `Close ${e(r).label}`)), u("click", i, (t) => {
+				t.stopPropagation(), W.close(e(r).id);
+			}), n(t, i);
+		};
+		w(f, (t) => {
+			e(r).closable && t(m);
+		}), E(i), p(() => {
+			a = c(i, 1, "sv-tabs__tabwrap svelte-13z0l57", null, a, {
+				"is-active": e(r).id === e(G),
+				"is-closable": e(r).closable,
+				"is-drag": e(H) === e(r).id,
+				"is-over": e(U) === e(r).id
+			}), T(i, "draggable", x() && !e(r).disabled), o(l, e(r).label);
+		}), d("dragstart", i, function(...t) {
+			(x() ? (t) => {
+				C(H, e(r).id, !0), t.dataTransfer && (t.dataTransfer.effectAllowed = "move");
+			} : void 0)?.apply(this, t);
+		}), d("dragover", i, function(...t) {
+			(x() ? (t) => {
+				t.preventDefault(), C(U, e(r).id, !0);
+			} : void 0)?.apply(this, t);
+		}), d("dragleave", i, function(...t) {
+			(x() ? () => {
+				e(U) === e(r).id && C(U, null);
+			} : void 0)?.apply(this, t);
+		}), d("drop", i, function(...t) {
+			(x() ? (t) => {
+				t.preventDefault(), e(H) && te(e(H), e(r).id), C(H, null), C(U, null);
+			} : void 0)?.apply(this, t);
+		}), d("dragend", i, function(...e) {
+			(x() ? () => {
+				C(H, null), C(U, null);
+			} : void 0)?.apply(this, e);
+		}), n(t, i);
+	}), E(Q), h(Q, (e) => K = e, () => K);
+	var de = O(Q, 2), $ = (t) => {
+		var r = ie();
+		p(() => r.disabled = e(z)), u("click", r, () => V(1)), n(t, r);
+	};
+	w(de, (t) => {
+		e(L) && t($);
+	}), E(Z);
+	var fe = O(Z, 2), pe = (t) => {
+		var a = ae();
+		b(a, (e) => ({
+			class: "sv-tabs__panel",
+			...e
+		}), [() => W.panelProps(e(G))], void 0, void 0, "svelte-13z0l57");
+		var o = y(a);
+		i(o, () => r.panel, () => e(G)), E(a), n(t, a);
+	};
+	w(fe, (e) => {
+		r.panel && e(pe);
+	}), E(X), p(() => {
+		c(X, 1, `sv-tabs sv-tabs--${e(S) ?? ""} sv-tabs--${e(k) ?? ""} sv-tabs--${m() ?? ""}`, "svelte-13z0l57"), T(X, "dir", e(A)), X.dir = X.dir;
+	}), ee(Q, "clientWidth", (e) => C(F, e)), n(t, X), P();
+}
+t(["click"]);
+//#endregion
+//#region ../grid/dist/chart-samples.js
+var Z = null;
+function ce() {
+	if (Z) return Z;
+	let e = 7, t = () => (e = (e * 1103515245 + 12345) % 2147483648) / 2147483648, n = [
+		"North",
+		"South",
+		"East",
+		"West"
+	], r = [
+		"Web",
+		"Retail",
+		"Partner"
+	], i = [], a = Date.UTC(2026, 0, 1);
+	for (let e = 0; e < 160; e += 1) {
+		let e = new Date(a + Math.floor(t() * 180) * 864e5).toISOString().slice(0, 10), o = 1 + Math.floor(t() * 12), s = 40 + t() * 160, c = Math.round(o * s);
+		i.push({
+			day: e,
+			region: n[Math.floor(t() * 4)],
+			channel: r[Math.floor(t() * 3)],
+			units: o,
+			cost: Math.round(c * (.5 + t() * .3)),
+			revenue: c
+		});
+	}
+	return Z = i, i;
+}
+function le(e, t) {
+	let n = ce(), r = U(n, {
+		type: "bar",
+		category: "region",
+		value: "revenue"
+	}), i = U(n, {
+		type: "bar",
+		category: "region",
+		value: "revenue",
+		series: "channel"
+	}), a = U(n, {
+		type: "line",
+		category: "day",
+		value: "revenue",
+		bucket: "month"
+	}), o = U(n, {
+		type: "area",
+		category: "day",
+		value: "revenue",
+		series: "channel",
+		bucket: "month"
+	}), s = () => z(r.categories.map((e, t) => ({
+		region: e,
+		cost: r.series[0].values[t] * .6,
+		revenue: r.series[0].values[t]
+	})), {
+		category: "region",
+		low: "cost",
+		high: "revenue"
+	}), c = () => {
+		let e = a.series[0].values, t = e.map((t, n) => {
+			let r = n ? e[n - 1] : t * .95;
+			return {
+				o: r,
+				c: t,
+				h: Math.max(r, t) * 1.04,
+				l: Math.min(r, t) * .96
+			};
+		});
+		return {
+			categories: a.categories,
+			series: [{
+				label: "Revenue",
+				values: e,
+				ohlc: t
+			}],
+			xType: "ordinal-time"
+		};
+	}, l;
+	switch (e) {
+		case "line":
+			l = {
+				...o,
+				type: "line"
+			};
+			break;
+		case "area":
+			l = {
+				...o,
+				type: "area",
+				stacked: !0
+			};
+			break;
+		case "lollipop":
+			l = {
+				...r,
+				type: "lollipop"
+			};
+			break;
+		case "dumbbell":
+			l = {
+				...s(),
+				type: "dumbbell"
+			};
+			break;
+		case "range-bar":
+			l = s();
+			break;
+		case "range-area":
+			l = {
+				...a,
+				type: "range-area",
+				series: [{
+					label: "Band",
+					values: a.series[0].values.map((e) => e * 1.15),
+					lowValues: a.series[0].values.map((e) => e * .85)
+				}]
+			};
+			break;
+		case "pareto":
+			l = {
+				...U(n, {
+					type: "bar",
+					category: "channel",
+					value: "units"
+				}),
+				type: "pareto"
+			};
+			break;
+		case "radial-column":
+			l = {
+				...i,
+				type: "radial-column",
+				stacked: !0
+			};
+			break;
+		case "radial-bar":
+			l = {
+				...r,
+				type: "radial-bar"
+			};
+			break;
+		case "nightingale":
+			l = {
+				...a,
+				type: "nightingale"
+			};
+			break;
+		case "pie":
+			l = {
+				...r,
+				type: "pie",
+				innerRadius: .55
+			};
+			break;
+		case "treemap":
+			l = {
+				...i,
+				type: "treemap",
+				treemap: B(i)
+			};
+			break;
+		case "sunburst":
+			l = {
+				...i,
+				type: "sunburst",
+				tree: B(i)
+			};
+			break;
+		case "funnel":
+			l = {
+				type: "funnel",
+				categories: [
+					"Visits",
+					"Sign-ups",
+					"Trials",
+					"Paid"
+				],
+				series: [{
+					label: "Users",
+					values: [
+						12400,
+						5100,
+						2300,
+						880
+					]
+				}]
+			};
+			break;
+		case "waterfall":
+			l = {
+				type: "waterfall",
+				categories: [
+					"Start",
+					"Web",
+					"Retail",
+					"Partner",
+					"Returns",
+					"End"
+				],
+				series: [{
+					label: "P&L",
+					values: [
+						120,
+						48,
+						31,
+						22,
+						-19,
+						0
+					]
+				}],
+				waterfallTotals: [
+					!0,
+					!1,
+					!1,
+					!1,
+					!1,
+					!0
+				]
+			};
+			break;
+		case "sankey": {
+			let e = H(i);
+			l = {
+				...i,
+				type: "sankey",
+				sankeyNodes: e.nodes,
+				sankeyLinks: e.links
+			};
+			break;
+		}
+		case "chord": {
+			let e = H(i);
+			l = {
+				...i,
+				type: "chord",
+				sankeyNodes: e.nodes,
+				sankeyLinks: e.links
+			};
+			break;
+		}
+		case "radar":
+			l = {
+				...i,
+				type: "radar"
+			};
+			break;
+		case "heatmap":
+			l = {
+				...i,
+				type: "heatmap"
+			};
+			break;
+		case "scatter":
+			l = te(n.slice(0, 80), {
+				x: "cost",
+				y: "revenue",
+				series: "channel",
+				r: "units"
+			});
+			break;
+		case "boxplot":
+			l = V(n, {
+				category: "region",
+				value: "revenue"
+			});
+			break;
+		case "histogram":
+			l = L(n, {
+				value: "revenue",
+				bins: 10
+			});
+			break;
+		case "gauge":
+			l = {
+				type: "gauge",
+				categories: [],
+				series: [],
+				gaugeValue: 72,
+				gaugeMin: 0,
+				gaugeMax: 100,
+				gaugeTarget: 80,
+				gaugeUnit: "%",
+				gaugeRanges: [
+					{
+						from: 0,
+						to: 50,
+						color: "#ef4444"
+					},
+					{
+						from: 50,
+						to: 75,
+						color: "#f59e0b"
+					},
+					{
+						from: 75,
+						to: 100,
+						color: "#16a34a"
+					}
+				]
+			};
+			break;
+		case "bullet":
+			l = {
+				type: "bullet",
+				categories: r.categories,
+				series: [{
+					label: "Revenue",
+					values: r.series[0].values,
+					targets: r.series[0].values.map((e, t) => e * (.9 + t % 3 * .1))
+				}]
+			};
+			break;
+		case "calendar": {
+			let e = U(n, {
+				type: "bar",
+				category: "day",
+				value: "units"
+			});
+			l = {
+				...e,
+				type: "calendar",
+				calendarValues: R(e)
+			};
+			break;
+		}
+		case "stream":
+			l = {
+				...o,
+				type: "stream",
+				stacked: !0,
+				stackOffset: "wiggle"
+			};
+			break;
+		case "candlestick":
+			l = {
+				type: "candlestick",
+				...c()
+			};
+			break;
+		case "ohlc":
+			l = {
+				type: "ohlc",
+				...c()
+			};
+			break;
+		default: l = {
+			...i,
+			type: "bar"
+		};
+	}
+	return t ? {
+		...l,
+		palette: t
+	} : l;
+}
+function Q(e, t, n = 150, r = 92) {
+	let i = le(e, t);
+	return {
+		...i,
+		width: n,
+		height: r,
+		title: void 0,
+		yAxisTitle: void 0,
+		xAxisTitle: void 0,
+		referenceLines: void 0,
+		xAxis: {
+			...i.xAxis ?? {},
+			labels: !1,
+			title: void 0
+		},
+		yAxis: {
+			...i.yAxis ?? {},
+			labels: !1,
+			title: void 0
+		},
+		y2Axis: {
+			...i.y2Axis ?? {},
+			labels: !1,
+			title: void 0
+		}
+	};
+}
+//#endregion
+//#region ../grid/dist/SvGridChartBuilder.svelte
+var ue = s("<button type=\"button\"><div class=\"sv-grid-chart-builder-thumb svelte-1yr3emi\"><!></div> <span class=\"sv-grid-chart-builder-card-label svelte-1yr3emi\"> </span></button>"), de = s("<div class=\"sv-grid-chart-builder-group svelte-1yr3emi\"> </div> <div class=\"sv-grid-chart-builder-cards svelte-1yr3emi\"></div>", 1), $ = s("<div class=\"sv-grid-chart-builder-gallery\"></div>"), fe = s("<div class=\"sv-grid-chart-builder-form svelte-1yr3emi\"><!> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span> <input type=\"checkbox\" class=\"svelte-1yr3emi\"/> <small class=\"svelte-1yr3emi\"> </small></label></div>"), pe = s("<option> </option>"), me = s("<fieldset class=\"sv-grid-chart-builder-fs svelte-1yr3emi\"><legend class=\"svelte-1yr3emi\"> </legend> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span><input type=\"text\" class=\"svelte-1yr3emi\"/></label> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span><input type=\"number\" class=\"svelte-1yr3emi\"/></label> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span><input type=\"number\" class=\"svelte-1yr3emi\"/></label></fieldset>"), he = s("<span> </span>"), ge = s("<option> </option>"), _e = s("<input type=\"text\" class=\"svelte-1yr3emi\"/>"), ve = s("<div><span class=\"sv-grid-chart-builder-series-name svelte-1yr3emi\"> </span> <input type=\"color\" class=\"svelte-1yr3emi\"/> <select class=\"svelte-1yr3emi\"><option> </option><option> </option><option> </option><option> </option></select> <select class=\"svelte-1yr3emi\"><option> </option><option> </option></select> <select class=\"svelte-1yr3emi\"></select> <input type=\"number\" min=\"0.5\" max=\"8\" step=\"0.5\" class=\"svelte-1yr3emi\"/> <!></div>"), ye = s("<fieldset class=\"sv-grid-chart-builder-fs svelte-1yr3emi\"><legend class=\"svelte-1yr3emi\"> </legend> <div><span> </span><span> </span><span> </span><span> </span><span> </span><span> </span><!></div> <!></fieldset>"), be = s("<div class=\"sv-grid-chart-builder-form svelte-1yr3emi\"><label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span><input type=\"text\" class=\"svelte-1yr3emi\"/></label> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span><input type=\"text\" class=\"svelte-1yr3emi\"/></label> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span><input type=\"text\" class=\"svelte-1yr3emi\"/></label> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span> <select class=\"svelte-1yr3emi\"><option> </option><option> </option><option> </option><option> </option><option> </option></select></label> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span> <select class=\"svelte-1yr3emi\"><option> </option><option> </option><option> </option><option> </option><option> </option><option> </option></select></label> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span><input type=\"checkbox\" class=\"svelte-1yr3emi\"/></label> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span><input type=\"checkbox\" class=\"svelte-1yr3emi\"/></label> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span> <input type=\"number\" min=\"0\" step=\"10\" class=\"svelte-1yr3emi\"/></label> <fieldset class=\"sv-grid-chart-builder-fs svelte-1yr3emi\"><legend class=\"svelte-1yr3emi\"> </legend> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span><input type=\"text\" class=\"svelte-1yr3emi\"/></label> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span><input type=\"number\" class=\"svelte-1yr3emi\"/></label> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span><input type=\"number\" class=\"svelte-1yr3emi\"/></label> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span> <select class=\"svelte-1yr3emi\"><option> </option><!></select></label> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span><input type=\"checkbox\" class=\"svelte-1yr3emi\"/></label></fieldset> <!> <fieldset class=\"sv-grid-chart-builder-fs svelte-1yr3emi\"><legend class=\"svelte-1yr3emi\"> </legend> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span><input type=\"text\" class=\"svelte-1yr3emi\"/></label> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span><input type=\"checkbox\" class=\"svelte-1yr3emi\"/></label> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span> <select class=\"svelte-1yr3emi\"><option> </option><option> </option><option> </option><option> </option></select></label></fieldset> <!> <fieldset class=\"sv-grid-chart-builder-fs svelte-1yr3emi\"><legend class=\"svelte-1yr3emi\"> </legend> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span><input type=\"number\" min=\"8\" max=\"32\" placeholder=\"12\" class=\"svelte-1yr3emi\"/></label> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span><input type=\"text\" class=\"svelte-1yr3emi\"/></label> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span><input type=\"text\" placeholder=\"transparent\" class=\"svelte-1yr3emi\"/></label> <label class=\"sv-grid-chart-builder-row svelte-1yr3emi\"><span class=\"svelte-1yr3emi\"> </span><input type=\"text\" placeholder=\"inherit\" class=\"svelte-1yr3emi\"/></label></fieldset> <div class=\"sv-grid-chart-builder-actions svelte-1yr3emi\"><button type=\"button\" class=\"sv-grid-chart-btn\"> </button></div></div>"), xe = s("<div class=\"sv-grid-chart-builder svelte-1yr3emi\"><!></div>"), Se = {
+	hash: "svelte-1yr3emi",
+	code: ".sv-grid-chart-builder.svelte-1yr3emi {min-height:420px;max-height:70vh;overflow:auto;font-size:12px;}.sv-grid-chart-builder-group.svelte-1yr3emi {font-size:11px;font-weight:600;color:var(--sg-muted, #64748b);text-transform:uppercase;letter-spacing:0.04em;margin:10px 0 6px;}.sv-grid-chart-builder-cards.svelte-1yr3emi {display:grid;grid-template-columns:repeat(auto-fill, minmax(150px, 1fr));gap:8px;}.sv-grid-chart-builder-card.svelte-1yr3emi {display:flex;flex-direction:column;gap:4px;padding:6px;border:1px solid var(--sg-border, #e2e8f0);border-radius:8px;background:var(--sg-bg, #fff);color:var(--sg-fg, #0f172a);cursor:pointer;text-align:left;font:inherit;}.sv-grid-chart-builder-card.svelte-1yr3emi:hover {border-color:var(--sg-accent, #2563eb);}.sv-grid-chart-builder-card.is-selected.svelte-1yr3emi {border-color:var(--sg-accent, #2563eb);box-shadow:0 0 0 2px color-mix(in srgb, var(--sg-accent, #2563eb) 30%, transparent 70%);}.sv-grid-chart-builder-thumb.svelte-1yr3emi {height:92px;overflow:hidden;pointer-events:none;}.sv-grid-chart-builder-card-label.svelte-1yr3emi {font-size:11px;font-weight:600;}.sv-grid-chart-builder-form.svelte-1yr3emi {display:flex;flex-direction:column;gap:8px;padding:8px 2px;}.sv-grid-chart-builder-row.svelte-1yr3emi {display:grid;grid-template-columns:110px 1fr;align-items:center;gap:8px;}.sv-grid-chart-builder-row.svelte-1yr3emi > span:where(.svelte-1yr3emi) {color:var(--sg-muted, #64748b);}.sv-grid-chart-builder-row.svelte-1yr3emi > small:where(.svelte-1yr3emi) {grid-column:2;color:var(--sg-muted, #64748b);}.sv-grid-chart-builder-row.svelte-1yr3emi > input[type=\"checkbox\"]:where(.svelte-1yr3emi) {justify-self:start;}.sv-grid-chart-builder-row.svelte-1yr3emi input[type=\"text\"]:where(.svelte-1yr3emi),\n  .sv-grid-chart-builder-row.svelte-1yr3emi input[type=\"number\"]:where(.svelte-1yr3emi),\n  .sv-grid-chart-builder-row.svelte-1yr3emi select:where(.svelte-1yr3emi),\n  .sv-grid-chart-builder-series.svelte-1yr3emi input:where(.svelte-1yr3emi),\n  .sv-grid-chart-builder-series.svelte-1yr3emi select:where(.svelte-1yr3emi) {font:inherit;border:1px solid var(--sg-border, #e2e8f0);border-radius:6px;background:var(--sg-bg, #fff);color:var(--sg-fg, #0f172a);padding:3px 6px;min-width:0;}.sv-grid-chart-builder-fs.svelte-1yr3emi {border:1px solid var(--sg-border, #e2e8f0);border-radius:8px;padding:6px 10px 10px;display:flex;flex-direction:column;gap:6px;}.sv-grid-chart-builder-fs.svelte-1yr3emi > legend:where(.svelte-1yr3emi) {font-weight:600;padding:0 4px;}.sv-grid-chart-builder-series.svelte-1yr3emi,\n  .sv-grid-chart-builder-series-head.svelte-1yr3emi {display:grid;grid-template-columns:minmax(80px, 1.4fr) 44px 1fr 1fr 1fr 64px;gap:6px;align-items:center;}.sv-grid-chart-builder-series.has-stack.svelte-1yr3emi,\n  .sv-grid-chart-builder-series-head.has-stack.svelte-1yr3emi {grid-template-columns:minmax(80px, 1.4fr) 44px 1fr 1fr 1fr 64px 72px;}.sv-grid-chart-builder-series-head.svelte-1yr3emi {color:var(--sg-muted, #64748b);font-size:11px;}.sv-grid-chart-builder-series-name.svelte-1yr3emi {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.sv-grid-chart-builder-actions.svelte-1yr3emi {display:flex;justify-content:flex-end;}"
+};
+function Ce(t, i) {
+	v(i, !0), l(t, Se);
+	let s = D(i, "ctrl", 7), d = D(i, "open", 15, !1), f = g("type"), h = j(() => [...new Set(i.types.map((e) => e.group))]), b = j(() => s().chartSpec), ee = j(() => s().chartPalette ?? void 0), k = j(() => e(b)?.series.map((e) => e.label) ?? []), N = j(() => s().chartFormat ?? {});
+	function L(t) {
+		s().chartFormat = {
+			...e(N),
+			...t
+		};
+	}
+	function R(t, n) {
+		L({ [t]: {
+			...e(N)[t] ?? {},
+			...n
+		} });
+	}
+	function z(t, n) {
+		L({ series: {
+			...e(N).series ?? {},
+			[t]: {
+				...e(N).series?.[t] ?? {},
+				...n
+			}
+		} });
+	}
+	function B(t) {
+		L({ style: {
+			...e(N).style ?? {},
+			...t
+		} });
+	}
+	let V = (e) => e.trim() === "" ? null : Number(e), H = j(() => !!e(b)?.series.some((e) => e.axis === "right") || !!e(N).series && Object.values(e(N).series).some((e) => e?.axis === "right")), U = j(() => !!e(b) && ["bar", "area"].includes(e(b).type)), te = [
+		"circle",
+		"square",
+		"diamond",
+		"triangle",
+		"cross",
+		"none"
+	], q = [
+		"number",
+		"currency",
+		"percent",
+		"compact"
+	];
+	I(t, {
+		get title() {
+			return i.messages.chartBuilderTitle;
+		},
+		size: "lg",
+		get open() {
+			return d();
+		},
+		set open(e) {
+			d(e);
+		},
+		children: (t, l) => {
+			var d = xe(), g = y(d);
+			{
+				let t = (t, l = S) => {
+					var d = r(), f = M(d), g = (t) => {
+						var r = $();
+						a(r, 20, () => e(h), (e) => e, (t, r) => {
+							var l = de(), d = M(l), f = y(d, !0);
+							E(d);
+							var m = O(d, 2);
+							a(m, 21, () => i.types.filter((e) => e.group === r), (e) => e.value, (t, r) => {
+								var i = ue();
+								let a;
+								var l = y(i), d = y(l);
+								{
+									let t = j(() => Q(e(r).value, e(ee)));
+									W(d, {
+										get spec() {
+											return e(t);
+										},
+										interactive: !1,
+										legend: !1,
+										toolbar: !1,
+										announce: !1
+									});
+								}
+								E(l);
+								var f = O(l, 2), m = y(f, !0);
+								E(f), E(i), p(() => {
+									a = c(i, 1, "sv-grid-chart-builder-card svelte-1yr3emi", null, a, { "is-selected": s().chartType === e(r).value }), T(i, "aria-pressed", s().chartType === e(r).value), T(i, "title", e(r).label), o(m, e(r).label);
+								}), u("click", i, () => s().chartType = e(r).value), n(t, i);
+							}), E(m), p(() => o(f, r)), n(t, l);
+						}), E(r), n(t, r);
+					}, v = (e) => {
+						var t = fe(), r = y(t);
+						G(r, {
+							get ctrl() {
+								return s();
+							},
+							get messages() {
+								return i.messages;
+							},
+							scope: "builder"
+						});
+						var a = O(r, 2), c = y(a), l = y(c, !0);
+						E(c);
+						var d = O(c, 2);
+						A(d);
+						var f = O(d, 2), m = y(f, !0);
+						E(f), E(a), E(t), p((e) => {
+							o(l, i.messages.chartBuilderLinked), x(d, !s().chartFrozen), o(m, e);
+						}, [() => s().chartFrozen ? K(i.messages.chartBuilderFrozenAt, { time: new Date(s().chartFrozen.at).toLocaleTimeString() }) : i.messages.chartBuilderFollows]), u("change", d, (e) => e.currentTarget.checked ? s().unfreezeChart() : s().freezeChart()), n(e, t);
+					}, C = (t) => {
+						var r = be(), l = y(r), d = y(l), f = y(d, !0);
+						E(d);
+						var h = O(d);
+						A(h), E(l);
+						var g = O(l, 2), v = y(g), S = y(v, !0);
+						E(v);
+						var C = O(v);
+						A(C), E(g);
+						var D = O(g, 2), ee = y(D), M = y(ee, !0);
+						E(ee);
+						var P = O(ee);
+						A(P), E(D);
+						var I = O(D, 2), W = y(I), G = y(W, !0);
+						E(W);
+						var J = O(W, 2), Y = y(J), ne = y(Y, !0);
+						E(Y), Y.value = Y.__value = "bottom";
+						var re = O(Y), ie = y(re, !0);
+						E(re), re.value = re.__value = "top";
+						var ae = O(re), oe = y(ae, !0);
+						E(ae), ae.value = ae.__value = "left";
+						var se = O(ae), X = y(se, !0);
+						E(se), se.value = se.__value = "right";
+						var Z = O(se), ce = y(Z, !0);
+						E(Z), Z.value = Z.__value = "none", E(J);
+						var le;
+						F(J), E(I);
+						var Q = O(I, 2), ue = y(Q), de = y(ue, !0);
+						E(ue);
+						var $ = O(ue, 2), fe = y($), xe = y(fe, !0);
+						E(fe), fe.value = fe.__value = "auto";
+						var Se = O(fe), Ce = y(Se, !0);
+						E(Se), Se.value = Se.__value = "top";
+						var we = O(Se), Te = y(we, !0);
+						E(we), we.value = we.__value = "outside";
+						var Ee = O(we), De = y(Ee, !0);
+						E(Ee), Ee.value = Ee.__value = "inside";
+						var Oe = O(Ee), ke = y(Oe, !0);
+						E(Oe), Oe.value = Oe.__value = "center";
+						var Ae = O(Oe), je = y(Ae, !0);
+						E(Ae), Ae.value = Ae.__value = "none", E($);
+						var Me;
+						F($), E(Q);
+						var Ne = O(Q, 2), Pe = y(Ne), Fe = y(Pe, !0);
+						E(Pe);
+						var Ie = O(Pe);
+						A(Ie), E(Ne);
+						var Le = O(Ne, 2), Re = y(Le), ze = y(Re, !0);
+						E(Re);
+						var Be = O(Re);
+						A(Be), E(Le);
+						var Ve = O(Le, 2), He = y(Ve), Ue = y(He, !0);
+						E(He);
+						var We = O(He, 2);
+						A(We), E(Ve);
+						var Ge = O(Ve, 2), Ke = y(Ge), qe = y(Ke, !0);
+						E(Ke);
+						var Je = O(Ke, 2), Ye = y(Je), Xe = y(Ye, !0);
+						E(Ye);
+						var Ze = O(Ye);
+						A(Ze), E(Je);
+						var Qe = O(Je, 2), $e = y(Qe), et = y($e, !0);
+						E($e);
+						var tt = O($e);
+						A(tt), E(Qe);
+						var nt = O(Qe, 2), rt = y(nt), it = y(rt, !0);
+						E(rt);
+						var at = O(rt);
+						A(at), E(nt);
+						var ot = O(nt, 2), st = y(ot), ct = y(st, !0);
+						E(st);
+						var lt = O(st, 2), ut = y(lt), dt = y(ut, !0);
+						E(ut), ut.value = ut.__value = "";
+						var ft = O(ut);
+						a(ft, 16, () => q, (e) => e, (e, t) => {
+							var r = pe(), i = y(r, !0);
+							E(r);
+							var a = {};
+							p(() => {
+								o(i, t), a !== (a = t) && (r.value = (r.__value = t) ?? "");
+							}), n(e, r);
+						}), E(lt);
+						var pt;
+						F(lt), E(ot);
+						var mt = O(ot, 2), ht = y(mt), gt = y(ht, !0);
+						E(ht);
+						var _t = O(ht);
+						A(_t), E(mt), E(Ge);
+						var vt = O(Ge, 2), yt = (t) => {
+							var r = me(), a = y(r), s = y(a, !0);
+							E(a);
+							var c = O(a, 2), l = y(c), d = y(l, !0);
+							E(l);
+							var f = O(l);
+							A(f), E(c);
+							var h = O(c, 2), g = y(h), _ = y(g, !0);
+							E(g);
+							var v = O(g);
+							A(v), E(h);
+							var b = O(h, 2), x = y(b), S = y(x, !0);
+							E(x);
+							var C = O(x);
+							A(C), E(b), E(r), p(() => {
+								o(s, i.messages.chartBuilderRightAxis), o(d, i.messages.chartBuilderTitleField), m(f, e(N).y2Axis?.title ?? ""), o(_, i.messages.chartBuilderMin), m(v, e(N).y2Axis?.min ?? ""), T(v, "placeholder", i.messages.chartBuilderAuto), o(S, i.messages.chartBuilderMax), m(C, e(N).y2Axis?.max ?? ""), T(C, "placeholder", i.messages.chartBuilderAuto);
+							}), u("input", f, (e) => R("y2Axis", { title: e.currentTarget.value })), u("change", v, (e) => R("y2Axis", { min: V(e.currentTarget.value) })), u("change", C, (e) => R("y2Axis", { max: V(e.currentTarget.value) })), n(t, r);
+						};
+						w(vt, (t) => {
+							e(H) && t(yt);
+						});
+						var bt = O(vt, 2), xt = y(bt), St = y(xt, !0);
+						E(xt);
+						var Ct = O(xt, 2), wt = y(Ct), Tt = y(wt, !0);
+						E(wt);
+						var Et = O(wt);
+						A(Et), E(Ct);
+						var Dt = O(Ct, 2), Ot = y(Dt), kt = y(Ot, !0);
+						E(Ot);
+						var At = O(Ot);
+						A(At), E(Dt);
+						var jt = O(Dt, 2), Mt = y(jt), Nt = y(Mt, !0);
+						E(Mt);
+						var Pt = O(Mt, 2), Ft = y(Pt), It = y(Ft, !0);
+						E(Ft), Ft.value = Ft.__value = "auto";
+						var Lt = O(Ft), Rt = y(Lt, !0);
+						E(Lt), Lt.value = Lt.__value = "0";
+						var zt = O(Lt), Bt = y(zt, !0);
+						E(zt), zt.value = zt.__value = "-45";
+						var Vt = O(zt), Ht = y(Vt, !0);
+						E(Vt), Vt.value = Vt.__value = "-90", E(Pt);
+						var Ut;
+						F(Pt), E(jt), E(bt);
+						var Wt = O(bt, 2), Gt = (t) => {
+							var r = ye(), s = y(r), l = y(s, !0);
+							E(s);
+							var d = O(s, 2);
+							let f;
+							var h = y(d), g = y(h, !0);
+							E(h);
+							var v = O(h), x = y(v, !0);
+							E(v);
+							var S = O(v), C = y(S, !0);
+							E(S);
+							var D = O(S), ee = y(D, !0);
+							E(D);
+							var M = O(D), P = y(M, !0);
+							E(M);
+							var I = O(M), L = y(I, !0);
+							E(I);
+							var R = O(I), B = (e) => {
+								var t = he(), r = y(t, !0);
+								E(t), p(() => o(r, i.messages.chartBuilderStack)), n(e, t);
+							};
+							w(R, (t) => {
+								e(U) && t(B);
+							}), E(d);
+							var V = O(d, 2);
+							a(V, 16, () => e(k), (e) => e, (t, r) => {
+								let s = j(() => e(N).series?.[r] ?? {}), l = j(() => e(b)?.series.find((e) => e.label === r));
+								var d = ve();
+								let f;
+								var h = y(d), g = y(h, !0);
+								E(h);
+								var v = O(h, 2);
+								A(v);
+								var x = O(v, 2), S = y(x), C = y(S, !0);
+								E(S), S.value = S.__value = "";
+								var D = O(S), ee = y(D, !0);
+								E(D), D.value = D.__value = "bar";
+								var k = O(D), M = y(k, !0);
+								E(k), k.value = k.__value = "line";
+								var P = O(k), I = y(P, !0);
+								E(P), P.value = P.__value = "area", E(x);
+								var L;
+								F(x);
+								var R = O(x, 2), B = y(R), V = y(B, !0);
+								E(B), B.value = B.__value = "left";
+								var H = O(B), W = y(H, !0);
+								E(H), H.value = H.__value = "right", E(R);
+								var G;
+								F(R);
+								var q = O(R, 2);
+								a(q, 20, () => te, (e) => e, (e, t) => {
+									var r = ge(), i = y(r, !0);
+									E(r);
+									var a = {};
+									p(() => {
+										o(i, t), a !== (a = t) && (r.value = (r.__value = t) ?? "");
+									}), n(e, r);
+								}), E(q);
+								var J;
+								F(q);
+								var Y = O(q, 2);
+								A(Y);
+								var ne = O(Y, 2), re = (t) => {
+									var a = _e();
+									A(a), p((t) => {
+										m(a, e(s).stack ?? e(l)?.stack ?? ""), T(a, "placeholder", i.messages.chartBuilderStackPlaceholder), T(a, "aria-label", t);
+									}, [() => K(i.messages.chartBuilderSeriesStackLabel, { series: r })]), u("change", a, (e) => z(r, { stack: e.currentTarget.value.trim() })), n(t, a);
+								};
+								w(ne, (t) => {
+									e(U) && t(re);
+								}), E(d), p((t, n, a, u, p) => {
+									f = c(d, 1, "sv-grid-chart-builder-series svelte-1yr3emi", null, f, { "has-stack": e(U) }), T(d, "data-series", r), T(h, "title", r), o(g, r), m(v, e(s).color ?? e(l)?.color ?? "#2563eb"), T(v, "aria-label", t), T(x, "aria-label", n), o(C, i.messages.chartBuilderChartType), o(ee, i.messages.chartBuilderBar), o(M, i.messages.chartBuilderLine), o(I, i.messages.chartBuilderArea), L !== (L = e(s).type ?? e(l)?.type ?? "") && (x.value = (x.__value = e(s).type ?? e(l)?.type ?? "") ?? "", _(x, e(s).type ?? e(l)?.type ?? "")), T(R, "aria-label", a), o(V, i.messages.chartBuilderLeft), o(W, i.messages.chartBuilderRight), G !== (G = e(s).axis ?? e(l)?.axis ?? "left") && (R.value = (R.__value = e(s).axis ?? e(l)?.axis ?? "left") ?? "", _(R, e(s).axis ?? e(l)?.axis ?? "left")), T(q, "aria-label", u), J !== (J = e(s).marker ?? "circle") && (q.value = (q.__value = e(s).marker ?? "circle") ?? "", _(q, e(s).marker ?? "circle")), m(Y, e(s).strokeWidth ?? 2), T(Y, "aria-label", p);
+								}, [
+									() => K(i.messages.chartBuilderSeriesColorLabel, { series: r }),
+									() => K(i.messages.chartBuilderSeriesTypeLabel, { series: r }),
+									() => K(i.messages.chartBuilderSeriesAxisLabel, { series: r }),
+									() => K(i.messages.chartBuilderSeriesMarkerLabel, { series: r }),
+									() => K(i.messages.chartBuilderSeriesWidthLabel, { series: r })
+								]), u("input", v, (e) => z(r, { color: e.currentTarget.value })), u("change", x, (e) => z(r, { type: e.currentTarget.value || void 0 })), u("change", R, (e) => z(r, { axis: e.currentTarget.value })), u("change", q, (e) => z(r, { marker: e.currentTarget.value })), u("change", Y, (e) => z(r, { strokeWidth: Number(e.currentTarget.value) || 2 })), n(t, d);
+							}), E(r), p(() => {
+								o(l, i.messages.chartBuilderSeries), f = c(d, 1, "sv-grid-chart-builder-series-head svelte-1yr3emi", null, f, { "has-stack": e(U) }), o(g, i.messages.chartBuilderSeries), o(x, i.messages.chartBuilderColor), o(C, i.messages.chartBuilderSeriesType), o(ee, i.messages.chartBuilderAxis), o(P, i.messages.chartBuilderMarker), o(L, i.messages.chartBuilderWidth);
+							}), n(t, r);
+						};
+						w(Wt, (t) => {
+							e(k).length && t(Gt);
+						});
+						var Kt = O(Wt, 2), qt = y(Kt), Jt = y(qt, !0);
+						E(qt);
+						var Yt = O(qt, 2), Xt = y(Yt), Zt = y(Xt, !0);
+						E(Xt);
+						var Qt = O(Xt);
+						A(Qt), E(Yt);
+						var $t = O(Yt, 2), en = y($t), tn = y(en, !0);
+						E(en);
+						var nn = O(en);
+						A(nn), E($t);
+						var rn = O($t, 2), an = y(rn), on = y(an, !0);
+						E(an);
+						var sn = O(an);
+						A(sn), E(rn);
+						var cn = O(rn, 2), ln = y(cn), un = y(ln, !0);
+						E(ln);
+						var dn = O(ln);
+						A(dn), E(cn), E(Kt);
+						var fn = O(Kt, 2), pn = y(fn), mn = y(pn, !0);
+						E(pn), E(fn), E(r), p((t) => {
+							o(f, i.messages.chartBuilderTitleField), m(h, e(N).title ?? ""), o(S, i.messages.chartBuilderSubtitle), m(C, e(N).subtitle ?? ""), o(M, i.messages.chartBuilderCaption), m(P, e(N).caption ?? ""), o(G, i.messages.chartBuilderLegend), o(ne, i.messages.chartLegendBottom), o(ie, i.messages.chartLegendTop), o(oe, i.messages.chartLegendLeft), o(X, i.messages.chartLegendRight), o(ce, i.messages.chartLegendHidden), le !== (le = e(N).legend === !1 ? "none" : e(N).legend ?? "bottom") && (J.value = (J.__value = e(N).legend === !1 ? "none" : e(N).legend ?? "bottom") ?? "", _(J, e(N).legend === !1 ? "none" : e(N).legend ?? "bottom")), o(de, i.messages.chartBuilderDataLabels), o(xe, i.messages.chartBuilderPanelSetting), o(Ce, i.messages.chartLabelsTop), o(Te, i.messages.chartLabelsOutside), o(De, i.messages.chartLabelsInside), o(ke, i.messages.chartLabelsCenter), o(je, i.messages.chartLabelsHidden), Me !== (Me = e(N).dataLabels === null ? "none" : e(N).dataLabels ?? "auto") && ($.value = ($.__value = e(N).dataLabels === null ? "none" : e(N).dataLabels ?? "auto") ?? "", _($, e(N).dataLabels === null ? "none" : e(N).dataLabels ?? "auto")), o(Fe, i.messages.chartBuilderSeriesLabels), x(Ie, e(N).seriesLabels === !0), o(ze, i.messages.chartBuilderCrosshairLabels), x(Be, e(N).crosshairLabels !== !1), T(Ve, "title", i.messages.chartBuilderCompactBelowTitle), o(Ue, i.messages.chartBuilderCompactBelow), m(We, e(N).compactBelow ?? ""), T(We, "placeholder", i.messages.chartBuilderOff), o(qe, i.messages.chartBuilderValueAxis), o(Xe, i.messages.chartBuilderTitleField), m(Ze, e(N).yAxis?.title ?? ""), o(et, i.messages.chartBuilderMin), m(tt, e(N).yAxis?.min ?? ""), T(tt, "placeholder", i.messages.chartBuilderAuto), o(it, i.messages.chartBuilderMax), m(at, e(N).yAxis?.max ?? ""), T(at, "placeholder", i.messages.chartBuilderAuto), o(ct, i.messages.chartFormat), o(dt, i.messages.chartBuilderPanelSetting), pt !== (pt = e(N).yAxis?.format ?? "") && (lt.value = (lt.__value = e(N).yAxis?.format ?? "") ?? "", _(lt, e(N).yAxis?.format ?? "")), o(gt, i.messages.chartBuilderGridLines), x(_t, e(N).yAxis?.gridLines !== !1), o(St, i.messages.chartBuilderCategoryAxis), o(Tt, i.messages.chartBuilderTitleField), m(Et, e(N).xAxis?.title ?? ""), o(kt, i.messages.chartBuilderGridLines), x(At, e(N).xAxis?.gridLines === !0), o(Nt, i.messages.chartBuilderAxisLabels), o(It, i.messages.chartBuilderLabelsAuto), o(Rt, i.messages.chartBuilderLabelsHorizontal), o(Bt, i.messages.chartBuilderLabelsTilted), o(Ht, i.messages.chartBuilderLabelsVertical), Ut !== (Ut = t) && (Pt.value = (Pt.__value = t) ?? "", _(Pt, t)), o(Jt, i.messages.chartBuilderStyle), o(Zt, i.messages.chartBuilderFontSize), m(Qt, e(N).style?.fontSize ?? ""), o(tn, i.messages.chartBuilderFontFamily), m(nn, e(N).style?.fontFamily ?? ""), o(on, i.messages.chartBuilderBackground), m(sn, e(N).style?.background ?? ""), o(un, i.messages.chartBuilderTextColor), m(dn, e(N).style?.textColor ?? ""), o(mn, i.messages.chartBuilderResetFormat);
+						}, [() => e(N).xAxis?.labelRotation === void 0 ? "auto" : String(e(N).xAxis.labelRotation)]), u("input", h, (e) => L({ title: e.currentTarget.value })), u("input", C, (e) => L({ subtitle: e.currentTarget.value })), u("input", P, (e) => L({ caption: e.currentTarget.value })), u("change", J, (e) => L({ legend: e.currentTarget.value !== "none" && e.currentTarget.value })), u("change", $, (e) => L({ dataLabels: e.currentTarget.value === "auto" ? void 0 : e.currentTarget.value === "none" ? null : e.currentTarget.value })), u("change", Ie, (e) => L({ seriesLabels: e.currentTarget.checked })), u("change", Be, (e) => L({ crosshairLabels: e.currentTarget.checked })), u("change", We, (e) => L({ compactBelow: V(e.currentTarget.value) })), u("input", Ze, (e) => R("yAxis", { title: e.currentTarget.value })), u("change", tt, (e) => R("yAxis", { min: V(e.currentTarget.value) })), u("change", at, (e) => R("yAxis", { max: V(e.currentTarget.value) })), u("change", lt, (e) => R("yAxis", { format: e.currentTarget.value || void 0 })), u("change", _t, (e) => R("yAxis", { gridLines: e.currentTarget.checked })), u("input", Et, (e) => R("xAxis", { title: e.currentTarget.value })), u("change", At, (e) => R("xAxis", { gridLines: e.currentTarget.checked })), u("change", Pt, (e) => R("xAxis", { labelRotation: e.currentTarget.value === "auto" ? "auto" : Number(e.currentTarget.value) })), u("change", Qt, (e) => B({ fontSize: V(e.currentTarget.value) ?? void 0 })), u("input", nn, (e) => B({ fontFamily: e.currentTarget.value || void 0 })), u("input", sn, (e) => B({ background: e.currentTarget.value || void 0 })), u("input", dn, (e) => B({ textColor: e.currentTarget.value || void 0 })), u("click", pn, () => s().chartFormat = null), n(t, r);
+					};
+					w(f, (e) => {
+						l() === "type" ? e(g) : l() === "data" ? e(v, 1) : e(C, -1);
+					}), n(t, d);
+				}, l = j(() => [
+					{
+						id: "type",
+						label: i.messages.chartBuilderTabType
+					},
+					{
+						id: "data",
+						label: i.messages.chartBuilderTabData
+					},
+					{
+						id: "format",
+						label: i.messages.chartBuilderTabFormat
+					}
+				]);
+				X(g, {
+					get tabs() {
+						return e(l);
+					},
+					get ariaLabel() {
+						return i.messages.chartBuilderTitle;
+					},
+					get value() {
+						return e(f);
+					},
+					set value(e) {
+						C(f, e, !0);
+					},
+					panel: t,
+					$$slots: { panel: !0 }
+				});
+			}
+			E(d), n(t, d);
+		},
+		$$slots: { default: !0 }
+	}), P();
+}
+t([
+	"click",
+	"change",
+	"input"
+]);
+//#endregion
+export { Ce as default };