@svgrid/grid 3.0.2 → 3.0.4

package/dist/cdn/SvGridChartBuilder-CfII62sZ.js

@@ -0,0 +1,784 @@
+import { n as e, t } from "./SvModal-CIZWCcad.js";
+import { _ as n, h as r, l as i, m as a, p as o, u as s, v as c, y as l } from "./chart-Dz7SqMXH.js";
+import { t as u } from "./SvGridChart-C3EWAZaM.js";
+import { i as d, t as f } from "./chart-panel-messages-CmNrMdsr.js";
+import * as p from "svelte/internal/client";
+import "svelte/internal/disclose-version";
+//#region src/chart-samples.ts
+var m = null;
+function h() {
+	if (m) return m;
+	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 m = i, i;
+}
+function g(e, t) {
+	let u = h(), d = s(u, {
+		type: "bar",
+		category: "region",
+		value: "revenue"
+	}), f = s(u, {
+		type: "bar",
+		category: "region",
+		value: "revenue",
+		series: "channel"
+	}), p = s(u, {
+		type: "line",
+		category: "day",
+		value: "revenue",
+		bucket: "month"
+	}), m = s(u, {
+		type: "area",
+		category: "day",
+		value: "revenue",
+		series: "channel",
+		bucket: "month"
+	}), g = () => a(d.categories.map((e, t) => ({
+		region: e,
+		cost: d.series[0].values[t] * .6,
+		revenue: d.series[0].values[t]
+	})), {
+		category: "region",
+		low: "cost",
+		high: "revenue"
+	}), _ = () => {
+		let e = p.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: p.categories,
+			series: [{
+				label: "Revenue",
+				values: e,
+				ohlc: t
+			}],
+			xType: "ordinal-time"
+		};
+	}, v;
+	switch (e) {
+		case "line":
+			v = {
+				...m,
+				type: "line"
+			};
+			break;
+		case "area":
+			v = {
+				...m,
+				type: "area",
+				stacked: !0
+			};
+			break;
+		case "lollipop":
+			v = {
+				...d,
+				type: "lollipop"
+			};
+			break;
+		case "dumbbell":
+			v = {
+				...g(),
+				type: "dumbbell"
+			};
+			break;
+		case "range-bar":
+			v = g();
+			break;
+		case "range-area":
+			v = {
+				...p,
+				type: "range-area",
+				series: [{
+					label: "Band",
+					values: p.series[0].values.map((e) => e * 1.15),
+					lowValues: p.series[0].values.map((e) => e * .85)
+				}]
+			};
+			break;
+		case "pareto":
+			v = {
+				...s(u, {
+					type: "bar",
+					category: "channel",
+					value: "units"
+				}),
+				type: "pareto"
+			};
+			break;
+		case "radial-column":
+			v = {
+				...f,
+				type: "radial-column",
+				stacked: !0
+			};
+			break;
+		case "radial-bar":
+			v = {
+				...d,
+				type: "radial-bar"
+			};
+			break;
+		case "nightingale":
+			v = {
+				...p,
+				type: "nightingale"
+			};
+			break;
+		case "pie":
+			v = {
+				...d,
+				type: "pie",
+				innerRadius: .55
+			};
+			break;
+		case "treemap":
+			v = {
+				...f,
+				type: "treemap",
+				treemap: l(f)
+			};
+			break;
+		case "sunburst":
+			v = {
+				...f,
+				type: "sunburst",
+				tree: l(f)
+			};
+			break;
+		case "funnel":
+			v = {
+				type: "funnel",
+				categories: [
+					"Visits",
+					"Sign-ups",
+					"Trials",
+					"Paid"
+				],
+				series: [{
+					label: "Users",
+					values: [
+						12400,
+						5100,
+						2300,
+						880
+					]
+				}]
+			};
+			break;
+		case "waterfall":
+			v = {
+				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 = c(f);
+			v = {
+				...f,
+				type: "sankey",
+				sankeyNodes: e.nodes,
+				sankeyLinks: e.links
+			};
+			break;
+		}
+		case "chord": {
+			let e = c(f);
+			v = {
+				...f,
+				type: "chord",
+				sankeyNodes: e.nodes,
+				sankeyLinks: e.links
+			};
+			break;
+		}
+		case "radar":
+			v = {
+				...f,
+				type: "radar"
+			};
+			break;
+		case "heatmap":
+			v = {
+				...f,
+				type: "heatmap"
+			};
+			break;
+		case "scatter":
+			v = r(u.slice(0, 80), {
+				x: "cost",
+				y: "revenue",
+				series: "channel",
+				r: "units"
+			});
+			break;
+		case "boxplot":
+			v = i(u, {
+				category: "region",
+				value: "revenue"
+			});
+			break;
+		case "histogram":
+			v = o(u, {
+				value: "revenue",
+				bins: 10
+			});
+			break;
+		case "gauge":
+			v = {
+				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":
+			v = {
+				type: "bullet",
+				categories: d.categories,
+				series: [{
+					label: "Revenue",
+					values: d.series[0].values,
+					targets: d.series[0].values.map((e, t) => e * (.9 + t % 3 * .1))
+				}]
+			};
+			break;
+		case "calendar": {
+			let e = s(u, {
+				type: "bar",
+				category: "day",
+				value: "units"
+			});
+			v = {
+				...e,
+				type: "calendar",
+				calendarValues: n(e)
+			};
+			break;
+		}
+		case "stream":
+			v = {
+				...m,
+				type: "stream",
+				stacked: !0,
+				stackOffset: "wiggle"
+			};
+			break;
+		case "candlestick":
+			v = {
+				type: "candlestick",
+				..._()
+			};
+			break;
+		case "ohlc":
+			v = {
+				type: "ohlc",
+				..._()
+			};
+			break;
+		default: v = {
+			...f,
+			type: "bar"
+		};
+	}
+	return t ? {
+		...v,
+		palette: t
+	} : v;
+}
+function _(e, t, n = 150, r = 92) {
+	let i = g(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 src/SvGridChartBuilder.svelte
+var v = p.from_html("<button type=\"button\"><div class=\"sv-grid-chart-builder-thumb svelte-ttdb91\"><!></div> <span class=\"sv-grid-chart-builder-card-label svelte-ttdb91\"> </span></button>"), y = p.from_html("<div class=\"sv-grid-chart-builder-group svelte-ttdb91\"> </div> <div class=\"sv-grid-chart-builder-cards svelte-ttdb91\"></div>", 1), b = p.from_html("<div class=\"sv-grid-chart-builder-gallery\"></div>"), x = p.from_html("<div class=\"sv-grid-chart-builder-form svelte-ttdb91\"><!> <label class=\"sv-grid-chart-builder-row svelte-ttdb91\"><span class=\"svelte-ttdb91\"> </span> <input type=\"checkbox\" class=\"svelte-ttdb91\"/> <small class=\"svelte-ttdb91\"> </small></label></div>"), S = p.from_html("<option> </option>"), ee = p.from_html("<fieldset class=\"sv-grid-chart-builder-fs svelte-ttdb91\"><legend class=\"svelte-ttdb91\"> </legend> <label class=\"sv-grid-chart-builder-row svelte-ttdb91\"><span class=\"svelte-ttdb91\"> </span><input type=\"text\" class=\"svelte-ttdb91\"/></label> <label class=\"sv-grid-chart-builder-row svelte-ttdb91\"><span class=\"svelte-ttdb91\"> </span><input type=\"number\" class=\"svelte-ttdb91\"/></label> <label class=\"sv-grid-chart-builder-row svelte-ttdb91\"><span class=\"svelte-ttdb91\"> </span><input type=\"number\" class=\"svelte-ttdb91\"/></label></fieldset>"), C = p.from_html("<span> </span>"), te = p.from_html("<option> </option>"), ne = p.from_html("<input type=\"text\" class=\"svelte-ttdb91\"/>"), re = p.from_html("<div><span class=\"sv-grid-chart-builder-series-name svelte-ttdb91\"> </span> <input type=\"color\" class=\"svelte-ttdb91\"/> <select class=\"svelte-ttdb91\"><option> </option><option> </option><option> </option><option> </option></select> <select class=\"svelte-ttdb91\"><option> </option><option> </option></select> <select class=\"svelte-ttdb91\"></select> <input type=\"number\" min=\"0.5\" max=\"8\" step=\"0.5\" class=\"svelte-ttdb91\"/> <!></div>"), w = p.from_html("<fieldset class=\"sv-grid-chart-builder-fs svelte-ttdb91\"><legend class=\"svelte-ttdb91\"> </legend> <div><span> </span><span> </span><span> </span><span> </span><span> </span><span> </span><!></div> <!></fieldset>"), ie = p.from_html("<div class=\"sv-grid-chart-builder-form svelte-ttdb91\"><label class=\"sv-grid-chart-builder-row svelte-ttdb91\"><span class=\"svelte-ttdb91\"> </span><input type=\"text\" class=\"svelte-ttdb91\"/></label> <label class=\"sv-grid-chart-builder-row svelte-ttdb91\"><span class=\"svelte-ttdb91\"> </span><input type=\"text\" class=\"svelte-ttdb91\"/></label> <label class=\"sv-grid-chart-builder-row svelte-ttdb91\"><span class=\"svelte-ttdb91\"> </span><input type=\"text\" class=\"svelte-ttdb91\"/></label> <label class=\"sv-grid-chart-builder-row svelte-ttdb91\"><span class=\"svelte-ttdb91\"> </span> <select class=\"svelte-ttdb91\"><option> </option><option> </option><option> </option><option> </option><option> </option></select></label> <label class=\"sv-grid-chart-builder-row svelte-ttdb91\"><span class=\"svelte-ttdb91\"> </span> <select class=\"svelte-ttdb91\"><option> </option><option> </option><option> </option><option> </option><option> </option><option> </option></select></label> <label class=\"sv-grid-chart-builder-row svelte-ttdb91\"><span class=\"svelte-ttdb91\"> </span><input type=\"checkbox\" class=\"svelte-ttdb91\"/></label> <label class=\"sv-grid-chart-builder-row svelte-ttdb91\"><span class=\"svelte-ttdb91\"> </span><input type=\"checkbox\" class=\"svelte-ttdb91\"/></label> <label class=\"sv-grid-chart-builder-row svelte-ttdb91\"><span class=\"svelte-ttdb91\"> </span> <input type=\"number\" min=\"0\" step=\"10\" class=\"svelte-ttdb91\"/></label> <fieldset class=\"sv-grid-chart-builder-fs svelte-ttdb91\"><legend class=\"svelte-ttdb91\"> </legend> <label class=\"sv-grid-chart-builder-row svelte-ttdb91\"><span class=\"svelte-ttdb91\"> </span><input type=\"text\" class=\"svelte-ttdb91\"/></label> <label class=\"sv-grid-chart-builder-row svelte-ttdb91\"><span class=\"svelte-ttdb91\"> </span><input type=\"number\" class=\"svelte-ttdb91\"/></label> <label class=\"sv-grid-chart-builder-row svelte-ttdb91\"><span class=\"svelte-ttdb91\"> </span><input type=\"number\" class=\"svelte-ttdb91\"/></label> <label class=\"sv-grid-chart-builder-row svelte-ttdb91\"><span class=\"svelte-ttdb91\"> </span> <select class=\"svelte-ttdb91\"><option> </option><!></select></label> <label class=\"sv-grid-chart-builder-row svelte-ttdb91\"><span class=\"svelte-ttdb91\"> </span><input type=\"checkbox\" class=\"svelte-ttdb91\"/></label></fieldset> <!> <fieldset class=\"sv-grid-chart-builder-fs svelte-ttdb91\"><legend class=\"svelte-ttdb91\"> </legend> <label class=\"sv-grid-chart-builder-row svelte-ttdb91\"><span class=\"svelte-ttdb91\"> </span><input type=\"text\" class=\"svelte-ttdb91\"/></label> <label class=\"sv-grid-chart-builder-row svelte-ttdb91\"><span class=\"svelte-ttdb91\"> </span><input type=\"checkbox\" class=\"svelte-ttdb91\"/></label> <label class=\"sv-grid-chart-builder-row svelte-ttdb91\"><span class=\"svelte-ttdb91\"> </span> <select class=\"svelte-ttdb91\"><option> </option><option> </option><option> </option><option> </option></select></label></fieldset> <!> <fieldset class=\"sv-grid-chart-builder-fs svelte-ttdb91\"><legend class=\"svelte-ttdb91\"> </legend> <label class=\"sv-grid-chart-builder-row svelte-ttdb91\"><span class=\"svelte-ttdb91\"> </span><input type=\"number\" min=\"8\" max=\"32\" placeholder=\"12\" class=\"svelte-ttdb91\"/></label> <label class=\"sv-grid-chart-builder-row svelte-ttdb91\"><span class=\"svelte-ttdb91\"> </span><input type=\"text\" class=\"svelte-ttdb91\"/></label> <label class=\"sv-grid-chart-builder-row svelte-ttdb91\"><span class=\"svelte-ttdb91\"> </span><input type=\"text\" placeholder=\"transparent\" class=\"svelte-ttdb91\"/></label> <label class=\"sv-grid-chart-builder-row svelte-ttdb91\"><span class=\"svelte-ttdb91\"> </span><input type=\"text\" placeholder=\"inherit\" class=\"svelte-ttdb91\"/></label></fieldset> <div class=\"sv-grid-chart-builder-actions svelte-ttdb91\"><button type=\"button\" class=\"sv-grid-chart-btn\"> </button></div></div>"), T = p.from_html("<div class=\"sv-grid-chart-builder svelte-ttdb91\"><!></div>"), E = {
+	hash: "svelte-ttdb91",
+	code: ".sv-grid-chart-builder.svelte-ttdb91 {min-height:420px;max-height:70vh;overflow:auto;font-size:12px;}.sv-grid-chart-builder-group.svelte-ttdb91 {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-ttdb91 {display:grid;grid-template-columns:repeat(auto-fill, minmax(150px, 1fr));gap:8px;}.sv-grid-chart-builder-card.svelte-ttdb91 {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-ttdb91:hover {border-color:var(--sg-accent, #2563eb);}.sv-grid-chart-builder-card.is-selected.svelte-ttdb91 {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-ttdb91 {height:92px;overflow:hidden;pointer-events:none;}.sv-grid-chart-builder-card-label.svelte-ttdb91 {font-size:11px;font-weight:600;}.sv-grid-chart-builder-form.svelte-ttdb91 {display:flex;flex-direction:column;gap:8px;padding:8px 2px;}.sv-grid-chart-builder-row.svelte-ttdb91 {display:grid;grid-template-columns:110px 1fr;align-items:center;gap:8px;}.sv-grid-chart-builder-row.svelte-ttdb91 > span:where(.svelte-ttdb91) {color:var(--sg-muted, #64748b);}.sv-grid-chart-builder-row.svelte-ttdb91 > small:where(.svelte-ttdb91) {grid-column:2;color:var(--sg-muted, #64748b);}.sv-grid-chart-builder-row.svelte-ttdb91 > input[type=\"checkbox\"]:where(.svelte-ttdb91) {justify-self:start;}.sv-grid-chart-builder-row.svelte-ttdb91 input[type=\"text\"]:where(.svelte-ttdb91),\n  .sv-grid-chart-builder-row.svelte-ttdb91 input[type=\"number\"]:where(.svelte-ttdb91),\n  .sv-grid-chart-builder-row.svelte-ttdb91 select:where(.svelte-ttdb91),\n  .sv-grid-chart-builder-series.svelte-ttdb91 input:where(.svelte-ttdb91),\n  .sv-grid-chart-builder-series.svelte-ttdb91 select:where(.svelte-ttdb91) {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-ttdb91 {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-ttdb91 > legend:where(.svelte-ttdb91) {font-weight:600;padding:0 4px;}.sv-grid-chart-builder-series.svelte-ttdb91,\n  .sv-grid-chart-builder-series-head.svelte-ttdb91 {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-ttdb91,\n  .sv-grid-chart-builder-series-head.has-stack.svelte-ttdb91 {grid-template-columns:minmax(80px, 1.4fr) 44px 1fr 1fr 1fr 64px 72px;}.sv-grid-chart-builder-series-head.svelte-ttdb91 {color:var(--sg-muted, #64748b);font-size:11px;}.sv-grid-chart-builder-series-name.svelte-ttdb91 {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.sv-grid-chart-builder-actions.svelte-ttdb91 {display:flex;justify-content:flex-end;}"
+};
+function D(n, r) {
+	p.push(r, !0), p.append_styles(n, E);
+	let i = p.prop(r, "ctrl", 7), a = p.prop(r, "open", 15, !1), o = p.state("type"), s = p.derived(() => [...new Set(r.types.map((e) => e.group))]), c = p.derived(() => i().chartSpec), l = p.derived(() => i().chartPalette ?? void 0), m = p.derived(() => p.get(c)?.series.map((e) => e.label) ?? []), h = p.derived(() => i().chartFormat ?? {});
+	function g(e) {
+		i().chartFormat = {
+			...p.get(h),
+			...e
+		};
+	}
+	function D(e, t) {
+		g({ [e]: {
+			...p.get(h)[e] ?? {},
+			...t
+		} });
+	}
+	function O(e, t) {
+		g({ series: {
+			...p.get(h).series ?? {},
+			[e]: {
+				...p.get(h).series?.[e] ?? {},
+				...t
+			}
+		} });
+	}
+	function k(e) {
+		g({ style: {
+			...p.get(h).style ?? {},
+			...e
+		} });
+	}
+	let A = (e) => e.trim() === "" ? null : Number(e), j = p.derived(() => !!p.get(c)?.series.some((e) => e.axis === "right") || !!p.get(h).series && Object.values(p.get(h).series).some((e) => e?.axis === "right")), M = p.derived(() => !!p.get(c) && ["bar", "area"].includes(p.get(c).type)), ae = [
+		"circle",
+		"square",
+		"diamond",
+		"triangle",
+		"cross",
+		"none"
+	], oe = [
+		"number",
+		"currency",
+		"percent",
+		"compact"
+	];
+	t(n, {
+		get title() {
+			return r.messages.chartBuilderTitle;
+		},
+		size: "lg",
+		get open() {
+			return a();
+		},
+		set open(e) {
+			a(e);
+		},
+		children: (t, n) => {
+			var a = T(), E = p.child(a);
+			{
+				let t = (e, t = p.noop) => {
+					var n = p.comment(), a = p.first_child(n), o = (e) => {
+						var t = b();
+						p.each(t, 20, () => p.get(s), (e) => e, (e, t) => {
+							var n = y(), a = p.first_child(n), o = p.child(a, !0);
+							p.reset(a);
+							var s = p.sibling(a, 2);
+							p.each(s, 21, () => r.types.filter((e) => e.group === t), (e) => e.value, (e, t) => {
+								var n = v();
+								let r;
+								var a = p.child(n), o = p.child(a);
+								{
+									let e = p.derived(() => _(p.get(t).value, p.get(l)));
+									u(o, {
+										get spec() {
+											return p.get(e);
+										},
+										interactive: !1,
+										legend: !1,
+										toolbar: !1,
+										announce: !1
+									});
+								}
+								p.reset(a);
+								var s = p.sibling(a, 2), c = p.child(s, !0);
+								p.reset(s), p.reset(n), p.template_effect(() => {
+									r = p.set_class(n, 1, "sv-grid-chart-builder-card svelte-ttdb91", null, r, { "is-selected": i().chartType === p.get(t).value }), p.set_attribute(n, "aria-pressed", i().chartType === p.get(t).value), p.set_attribute(n, "title", p.get(t).label), p.set_text(c, p.get(t).label);
+								}), p.delegated("click", n, () => i().chartType = p.get(t).value), p.append(e, n);
+							}), p.reset(s), p.template_effect(() => p.set_text(o, t)), p.append(e, n);
+						}), p.reset(t), p.append(e, t);
+					}, T = (e) => {
+						var t = x(), n = p.child(t);
+						d(n, {
+							get ctrl() {
+								return i();
+							},
+							get messages() {
+								return r.messages;
+							},
+							scope: "builder"
+						});
+						var a = p.sibling(n, 2), o = p.child(a), s = p.child(o, !0);
+						p.reset(o);
+						var c = p.sibling(o, 2);
+						p.remove_input_defaults(c);
+						var l = p.sibling(c, 2), u = p.child(l, !0);
+						p.reset(l), p.reset(a), p.reset(t), p.template_effect((e) => {
+							p.set_text(s, r.messages.chartBuilderLinked), p.set_checked(c, !i().chartFrozen), p.set_text(u, e);
+						}, [() => i().chartFrozen ? f(r.messages.chartBuilderFrozenAt, { time: new Date(i().chartFrozen.at).toLocaleTimeString() }) : r.messages.chartBuilderFollows]), p.delegated("change", c, (e) => e.currentTarget.checked ? i().unfreezeChart() : i().freezeChart()), p.append(e, t);
+					}, E = (e) => {
+						var t = ie(), n = p.child(t), a = p.child(n), o = p.child(a, !0);
+						p.reset(a);
+						var s = p.sibling(a);
+						p.remove_input_defaults(s), p.reset(n);
+						var l = p.sibling(n, 2), u = p.child(l), d = p.child(u, !0);
+						p.reset(u);
+						var _ = p.sibling(u);
+						p.remove_input_defaults(_), p.reset(l);
+						var v = p.sibling(l, 2), y = p.child(v), b = p.child(y, !0);
+						p.reset(y);
+						var x = p.sibling(y);
+						p.remove_input_defaults(x), p.reset(v);
+						var T = p.sibling(v, 2), E = p.child(T), se = p.child(E, !0);
+						p.reset(E);
+						var N = p.sibling(E, 2), P = p.child(N), ce = p.child(P, !0);
+						p.reset(P), P.value = P.__value = "bottom";
+						var F = p.sibling(P), le = p.child(F, !0);
+						p.reset(F), F.value = F.__value = "top";
+						var I = p.sibling(F), ue = p.child(I, !0);
+						p.reset(I), I.value = I.__value = "left";
+						var L = p.sibling(I), de = p.child(L, !0);
+						p.reset(L), L.value = L.__value = "right";
+						var R = p.sibling(L), fe = p.child(R, !0);
+						p.reset(R), R.value = R.__value = "none", p.reset(N);
+						var pe;
+						p.init_select(N), p.reset(T);
+						var me = p.sibling(T, 2), he = p.child(me), ge = p.child(he, !0);
+						p.reset(he);
+						var z = p.sibling(he, 2), B = p.child(z), _e = p.child(B, !0);
+						p.reset(B), B.value = B.__value = "auto";
+						var V = p.sibling(B), ve = p.child(V, !0);
+						p.reset(V), V.value = V.__value = "top";
+						var H = p.sibling(V), ye = p.child(H, !0);
+						p.reset(H), H.value = H.__value = "outside";
+						var U = p.sibling(H), be = p.child(U, !0);
+						p.reset(U), U.value = U.__value = "inside";
+						var W = p.sibling(U), xe = p.child(W, !0);
+						p.reset(W), W.value = W.__value = "center";
+						var G = p.sibling(W), Se = p.child(G, !0);
+						p.reset(G), G.value = G.__value = "none", p.reset(z);
+						var Ce;
+						p.init_select(z), p.reset(me);
+						var we = p.sibling(me, 2), Te = p.child(we), Ee = p.child(Te, !0);
+						p.reset(Te);
+						var De = p.sibling(Te);
+						p.remove_input_defaults(De), p.reset(we);
+						var Oe = p.sibling(we, 2), ke = p.child(Oe), Ae = p.child(ke, !0);
+						p.reset(ke);
+						var je = p.sibling(ke);
+						p.remove_input_defaults(je), p.reset(Oe);
+						var K = p.sibling(Oe, 2), Me = p.child(K), Ne = p.child(Me, !0);
+						p.reset(Me);
+						var q = p.sibling(Me, 2);
+						p.remove_input_defaults(q), p.reset(K);
+						var Pe = p.sibling(K, 2), Fe = p.child(Pe), Ie = p.child(Fe, !0);
+						p.reset(Fe);
+						var Le = p.sibling(Fe, 2), Re = p.child(Le), ze = p.child(Re, !0);
+						p.reset(Re);
+						var Be = p.sibling(Re);
+						p.remove_input_defaults(Be), p.reset(Le);
+						var Ve = p.sibling(Le, 2), He = p.child(Ve), Ue = p.child(He, !0);
+						p.reset(He);
+						var We = p.sibling(He);
+						p.remove_input_defaults(We), p.reset(Ve);
+						var Ge = p.sibling(Ve, 2), Ke = p.child(Ge), qe = p.child(Ke, !0);
+						p.reset(Ke);
+						var Je = p.sibling(Ke);
+						p.remove_input_defaults(Je), p.reset(Ge);
+						var Ye = p.sibling(Ge, 2), Xe = p.child(Ye), Ze = p.child(Xe, !0);
+						p.reset(Xe);
+						var J = p.sibling(Xe, 2), Y = p.child(J), Qe = p.child(Y, !0);
+						p.reset(Y), Y.value = Y.__value = "";
+						var $e = p.sibling(Y);
+						p.each($e, 16, () => oe, (e) => e, (e, t) => {
+							var n = S(), r = p.child(n, !0);
+							p.reset(n);
+							var i = {};
+							p.template_effect(() => {
+								p.set_text(r, t), i !== (i = t) && (n.value = (n.__value = t) ?? "");
+							}), p.append(e, n);
+						}), p.reset(J);
+						var et;
+						p.init_select(J), p.reset(Ye);
+						var tt = p.sibling(Ye, 2), nt = p.child(tt), rt = p.child(nt, !0);
+						p.reset(nt);
+						var it = p.sibling(nt);
+						p.remove_input_defaults(it), p.reset(tt), p.reset(Pe);
+						var at = p.sibling(Pe, 2), ot = (e) => {
+							var t = ee(), n = p.child(t), i = p.child(n, !0);
+							p.reset(n);
+							var a = p.sibling(n, 2), o = p.child(a), s = p.child(o, !0);
+							p.reset(o);
+							var c = p.sibling(o);
+							p.remove_input_defaults(c), p.reset(a);
+							var l = p.sibling(a, 2), u = p.child(l), d = p.child(u, !0);
+							p.reset(u);
+							var f = p.sibling(u);
+							p.remove_input_defaults(f), p.reset(l);
+							var m = p.sibling(l, 2), g = p.child(m), _ = p.child(g, !0);
+							p.reset(g);
+							var v = p.sibling(g);
+							p.remove_input_defaults(v), p.reset(m), p.reset(t), p.template_effect(() => {
+								p.set_text(i, r.messages.chartBuilderRightAxis), p.set_text(s, r.messages.chartBuilderTitleField), p.set_value(c, p.get(h).y2Axis?.title ?? ""), p.set_text(d, r.messages.chartBuilderMin), p.set_value(f, p.get(h).y2Axis?.min ?? ""), p.set_attribute(f, "placeholder", r.messages.chartBuilderAuto), p.set_text(_, r.messages.chartBuilderMax), p.set_value(v, p.get(h).y2Axis?.max ?? ""), p.set_attribute(v, "placeholder", r.messages.chartBuilderAuto);
+							}), p.delegated("input", c, (e) => D("y2Axis", { title: e.currentTarget.value })), p.delegated("change", f, (e) => D("y2Axis", { min: A(e.currentTarget.value) })), p.delegated("change", v, (e) => D("y2Axis", { max: A(e.currentTarget.value) })), p.append(e, t);
+						};
+						p.if(at, (e) => {
+							p.get(j) && e(ot);
+						});
+						var st = p.sibling(at, 2), ct = p.child(st), lt = p.child(ct, !0);
+						p.reset(ct);
+						var ut = p.sibling(ct, 2), dt = p.child(ut), ft = p.child(dt, !0);
+						p.reset(dt);
+						var pt = p.sibling(dt);
+						p.remove_input_defaults(pt), p.reset(ut);
+						var mt = p.sibling(ut, 2), ht = p.child(mt), gt = p.child(ht, !0);
+						p.reset(ht);
+						var _t = p.sibling(ht);
+						p.remove_input_defaults(_t), p.reset(mt);
+						var vt = p.sibling(mt, 2), yt = p.child(vt), bt = p.child(yt, !0);
+						p.reset(yt);
+						var X = p.sibling(yt, 2), Z = p.child(X), xt = p.child(Z, !0);
+						p.reset(Z), Z.value = Z.__value = "auto";
+						var Q = p.sibling(Z), St = p.child(Q, !0);
+						p.reset(Q), Q.value = Q.__value = "0";
+						var $ = p.sibling(Q), Ct = p.child($, !0);
+						p.reset($), $.value = $.__value = "-45";
+						var wt = p.sibling($), Tt = p.child(wt, !0);
+						p.reset(wt), wt.value = wt.__value = "-90", p.reset(X);
+						var Et;
+						p.init_select(X), p.reset(vt), p.reset(st);
+						var Dt = p.sibling(st, 2), Ot = (e) => {
+							var t = w(), n = p.child(t), i = p.child(n, !0);
+							p.reset(n);
+							var a = p.sibling(n, 2);
+							let o;
+							var s = p.child(a), l = p.child(s, !0);
+							p.reset(s);
+							var u = p.sibling(s), d = p.child(u, !0);
+							p.reset(u);
+							var g = p.sibling(u), _ = p.child(g, !0);
+							p.reset(g);
+							var v = p.sibling(g), y = p.child(v, !0);
+							p.reset(v);
+							var b = p.sibling(v), x = p.child(b, !0);
+							p.reset(b);
+							var S = p.sibling(b), ee = p.child(S, !0);
+							p.reset(S);
+							var ie = p.sibling(S), T = (e) => {
+								var t = C(), n = p.child(t, !0);
+								p.reset(t), p.template_effect(() => p.set_text(n, r.messages.chartBuilderStack)), p.append(e, t);
+							};
+							p.if(ie, (e) => {
+								p.get(M) && e(T);
+							}), p.reset(a);
+							var E = p.sibling(a, 2);
+							p.each(E, 16, () => p.get(m), (e) => e, (e, t) => {
+								let n = p.derived(() => p.get(h).series?.[t] ?? {}), i = p.derived(() => p.get(c)?.series.find((e) => e.label === t));
+								var a = re();
+								let o;
+								var s = p.child(a), l = p.child(s, !0);
+								p.reset(s);
+								var u = p.sibling(s, 2);
+								p.remove_input_defaults(u);
+								var d = p.sibling(u, 2), m = p.child(d), g = p.child(m, !0);
+								p.reset(m), m.value = m.__value = "";
+								var _ = p.sibling(m), v = p.child(_, !0);
+								p.reset(_), _.value = _.__value = "bar";
+								var y = p.sibling(_), b = p.child(y, !0);
+								p.reset(y), y.value = y.__value = "line";
+								var x = p.sibling(y), S = p.child(x, !0);
+								p.reset(x), x.value = x.__value = "area", p.reset(d);
+								var ee;
+								p.init_select(d);
+								var C = p.sibling(d, 2), w = p.child(C), ie = p.child(w, !0);
+								p.reset(w), w.value = w.__value = "left";
+								var T = p.sibling(w), E = p.child(T, !0);
+								p.reset(T), T.value = T.__value = "right", p.reset(C);
+								var D;
+								p.init_select(C);
+								var k = p.sibling(C, 2);
+								p.each(k, 20, () => ae, (e) => e, (e, t) => {
+									var n = te(), r = p.child(n, !0);
+									p.reset(n);
+									var i = {};
+									p.template_effect(() => {
+										p.set_text(r, t), i !== (i = t) && (n.value = (n.__value = t) ?? "");
+									}), p.append(e, n);
+								}), p.reset(k);
+								var A;
+								p.init_select(k);
+								var j = p.sibling(k, 2);
+								p.remove_input_defaults(j);
+								var oe = p.sibling(j, 2), se = (e) => {
+									var a = ne();
+									p.remove_input_defaults(a), p.template_effect((e) => {
+										p.set_value(a, p.get(n).stack ?? p.get(i)?.stack ?? ""), p.set_attribute(a, "placeholder", r.messages.chartBuilderStackPlaceholder), p.set_attribute(a, "aria-label", e);
+									}, [() => f(r.messages.chartBuilderSeriesStackLabel, { series: t })]), p.delegated("change", a, (e) => O(t, { stack: e.currentTarget.value.trim() })), p.append(e, a);
+								};
+								p.if(oe, (e) => {
+									p.get(M) && e(se);
+								}), p.reset(a), p.template_effect((e, c, f, m, h) => {
+									o = p.set_class(a, 1, "sv-grid-chart-builder-series svelte-ttdb91", null, o, { "has-stack": p.get(M) }), p.set_attribute(a, "data-series", t), p.set_attribute(s, "title", t), p.set_text(l, t), p.set_value(u, p.get(n).color ?? p.get(i)?.color ?? "#2563eb"), p.set_attribute(u, "aria-label", e), p.set_attribute(d, "aria-label", c), p.set_text(g, r.messages.chartBuilderChartType), p.set_text(v, r.messages.chartBuilderBar), p.set_text(b, r.messages.chartBuilderLine), p.set_text(S, r.messages.chartBuilderArea), ee !== (ee = p.get(n).type ?? p.get(i)?.type ?? "") && (d.value = (d.__value = p.get(n).type ?? p.get(i)?.type ?? "") ?? "", p.select_option(d, p.get(n).type ?? p.get(i)?.type ?? "")), p.set_attribute(C, "aria-label", f), p.set_text(ie, r.messages.chartBuilderLeft), p.set_text(E, r.messages.chartBuilderRight), D !== (D = p.get(n).axis ?? p.get(i)?.axis ?? "left") && (C.value = (C.__value = p.get(n).axis ?? p.get(i)?.axis ?? "left") ?? "", p.select_option(C, p.get(n).axis ?? p.get(i)?.axis ?? "left")), p.set_attribute(k, "aria-label", m), A !== (A = p.get(n).marker ?? "circle") && (k.value = (k.__value = p.get(n).marker ?? "circle") ?? "", p.select_option(k, p.get(n).marker ?? "circle")), p.set_value(j, p.get(n).strokeWidth ?? 2), p.set_attribute(j, "aria-label", h);
+								}, [
+									() => f(r.messages.chartBuilderSeriesColorLabel, { series: t }),
+									() => f(r.messages.chartBuilderSeriesTypeLabel, { series: t }),
+									() => f(r.messages.chartBuilderSeriesAxisLabel, { series: t }),
+									() => f(r.messages.chartBuilderSeriesMarkerLabel, { series: t }),
+									() => f(r.messages.chartBuilderSeriesWidthLabel, { series: t })
+								]), p.delegated("input", u, (e) => O(t, { color: e.currentTarget.value })), p.delegated("change", d, (e) => O(t, { type: e.currentTarget.value || void 0 })), p.delegated("change", C, (e) => O(t, { axis: e.currentTarget.value })), p.delegated("change", k, (e) => O(t, { marker: e.currentTarget.value })), p.delegated("change", j, (e) => O(t, { strokeWidth: Number(e.currentTarget.value) || 2 })), p.append(e, a);
+							}), p.reset(t), p.template_effect(() => {
+								p.set_text(i, r.messages.chartBuilderSeries), o = p.set_class(a, 1, "sv-grid-chart-builder-series-head svelte-ttdb91", null, o, { "has-stack": p.get(M) }), p.set_text(l, r.messages.chartBuilderSeries), p.set_text(d, r.messages.chartBuilderColor), p.set_text(_, r.messages.chartBuilderSeriesType), p.set_text(y, r.messages.chartBuilderAxis), p.set_text(x, r.messages.chartBuilderMarker), p.set_text(ee, r.messages.chartBuilderWidth);
+							}), p.append(e, t);
+						};
+						p.if(Dt, (e) => {
+							p.get(m).length && e(Ot);
+						});
+						var kt = p.sibling(Dt, 2), At = p.child(kt), jt = p.child(At, !0);
+						p.reset(At);
+						var Mt = p.sibling(At, 2), Nt = p.child(Mt), Pt = p.child(Nt, !0);
+						p.reset(Nt);
+						var Ft = p.sibling(Nt);
+						p.remove_input_defaults(Ft), p.reset(Mt);
+						var It = p.sibling(Mt, 2), Lt = p.child(It), Rt = p.child(Lt, !0);
+						p.reset(Lt);
+						var zt = p.sibling(Lt);
+						p.remove_input_defaults(zt), p.reset(It);
+						var Bt = p.sibling(It, 2), Vt = p.child(Bt), Ht = p.child(Vt, !0);
+						p.reset(Vt);
+						var Ut = p.sibling(Vt);
+						p.remove_input_defaults(Ut), p.reset(Bt);
+						var Wt = p.sibling(Bt, 2), Gt = p.child(Wt), Kt = p.child(Gt, !0);
+						p.reset(Gt);
+						var qt = p.sibling(Gt);
+						p.remove_input_defaults(qt), p.reset(Wt), p.reset(kt);
+						var Jt = p.sibling(kt, 2), Yt = p.child(Jt), Xt = p.child(Yt, !0);
+						p.reset(Yt), p.reset(Jt), p.reset(t), p.template_effect((e) => {
+							p.set_text(o, r.messages.chartBuilderTitleField), p.set_value(s, p.get(h).title ?? ""), p.set_text(d, r.messages.chartBuilderSubtitle), p.set_value(_, p.get(h).subtitle ?? ""), p.set_text(b, r.messages.chartBuilderCaption), p.set_value(x, p.get(h).caption ?? ""), p.set_text(se, r.messages.chartBuilderLegend), p.set_text(ce, r.messages.chartLegendBottom), p.set_text(le, r.messages.chartLegendTop), p.set_text(ue, r.messages.chartLegendLeft), p.set_text(de, r.messages.chartLegendRight), p.set_text(fe, r.messages.chartLegendHidden), pe !== (pe = p.get(h).legend === !1 ? "none" : p.get(h).legend ?? "bottom") && (N.value = (N.__value = p.get(h).legend === !1 ? "none" : p.get(h).legend ?? "bottom") ?? "", p.select_option(N, p.get(h).legend === !1 ? "none" : p.get(h).legend ?? "bottom")), p.set_text(ge, r.messages.chartBuilderDataLabels), p.set_text(_e, r.messages.chartBuilderPanelSetting), p.set_text(ve, r.messages.chartLabelsTop), p.set_text(ye, r.messages.chartLabelsOutside), p.set_text(be, r.messages.chartLabelsInside), p.set_text(xe, r.messages.chartLabelsCenter), p.set_text(Se, r.messages.chartLabelsHidden), Ce !== (Ce = p.get(h).dataLabels === null ? "none" : p.get(h).dataLabels ?? "auto") && (z.value = (z.__value = p.get(h).dataLabels === null ? "none" : p.get(h).dataLabels ?? "auto") ?? "", p.select_option(z, p.get(h).dataLabels === null ? "none" : p.get(h).dataLabels ?? "auto")), p.set_text(Ee, r.messages.chartBuilderSeriesLabels), p.set_checked(De, p.get(h).seriesLabels === !0), p.set_text(Ae, r.messages.chartBuilderCrosshairLabels), p.set_checked(je, p.get(h).crosshairLabels !== !1), p.set_attribute(K, "title", r.messages.chartBuilderCompactBelowTitle), p.set_text(Ne, r.messages.chartBuilderCompactBelow), p.set_value(q, p.get(h).compactBelow ?? ""), p.set_attribute(q, "placeholder", r.messages.chartBuilderOff), p.set_text(Ie, r.messages.chartBuilderValueAxis), p.set_text(ze, r.messages.chartBuilderTitleField), p.set_value(Be, p.get(h).yAxis?.title ?? ""), p.set_text(Ue, r.messages.chartBuilderMin), p.set_value(We, p.get(h).yAxis?.min ?? ""), p.set_attribute(We, "placeholder", r.messages.chartBuilderAuto), p.set_text(qe, r.messages.chartBuilderMax), p.set_value(Je, p.get(h).yAxis?.max ?? ""), p.set_attribute(Je, "placeholder", r.messages.chartBuilderAuto), p.set_text(Ze, r.messages.chartFormat), p.set_text(Qe, r.messages.chartBuilderPanelSetting), et !== (et = p.get(h).yAxis?.format ?? "") && (J.value = (J.__value = p.get(h).yAxis?.format ?? "") ?? "", p.select_option(J, p.get(h).yAxis?.format ?? "")), p.set_text(rt, r.messages.chartBuilderGridLines), p.set_checked(it, p.get(h).yAxis?.gridLines !== !1), p.set_text(lt, r.messages.chartBuilderCategoryAxis), p.set_text(ft, r.messages.chartBuilderTitleField), p.set_value(pt, p.get(h).xAxis?.title ?? ""), p.set_text(gt, r.messages.chartBuilderGridLines), p.set_checked(_t, p.get(h).xAxis?.gridLines === !0), p.set_text(bt, r.messages.chartBuilderAxisLabels), p.set_text(xt, r.messages.chartBuilderLabelsAuto), p.set_text(St, r.messages.chartBuilderLabelsHorizontal), p.set_text(Ct, r.messages.chartBuilderLabelsTilted), p.set_text(Tt, r.messages.chartBuilderLabelsVertical), Et !== (Et = e) && (X.value = (X.__value = e) ?? "", p.select_option(X, e)), p.set_text(jt, r.messages.chartBuilderStyle), p.set_text(Pt, r.messages.chartBuilderFontSize), p.set_value(Ft, p.get(h).style?.fontSize ?? ""), p.set_text(Rt, r.messages.chartBuilderFontFamily), p.set_value(zt, p.get(h).style?.fontFamily ?? ""), p.set_text(Ht, r.messages.chartBuilderBackground), p.set_value(Ut, p.get(h).style?.background ?? ""), p.set_text(Kt, r.messages.chartBuilderTextColor), p.set_value(qt, p.get(h).style?.textColor ?? ""), p.set_text(Xt, r.messages.chartBuilderResetFormat);
+						}, [() => p.get(h).xAxis?.labelRotation === void 0 ? "auto" : String(p.get(h).xAxis.labelRotation)]), p.delegated("input", s, (e) => g({ title: e.currentTarget.value })), p.delegated("input", _, (e) => g({ subtitle: e.currentTarget.value })), p.delegated("input", x, (e) => g({ caption: e.currentTarget.value })), p.delegated("change", N, (e) => g({ legend: e.currentTarget.value !== "none" && e.currentTarget.value })), p.delegated("change", z, (e) => g({ dataLabels: e.currentTarget.value === "auto" ? void 0 : e.currentTarget.value === "none" ? null : e.currentTarget.value })), p.delegated("change", De, (e) => g({ seriesLabels: e.currentTarget.checked })), p.delegated("change", je, (e) => g({ crosshairLabels: e.currentTarget.checked })), p.delegated("change", q, (e) => g({ compactBelow: A(e.currentTarget.value) })), p.delegated("input", Be, (e) => D("yAxis", { title: e.currentTarget.value })), p.delegated("change", We, (e) => D("yAxis", { min: A(e.currentTarget.value) })), p.delegated("change", Je, (e) => D("yAxis", { max: A(e.currentTarget.value) })), p.delegated("change", J, (e) => D("yAxis", { format: e.currentTarget.value || void 0 })), p.delegated("change", it, (e) => D("yAxis", { gridLines: e.currentTarget.checked })), p.delegated("input", pt, (e) => D("xAxis", { title: e.currentTarget.value })), p.delegated("change", _t, (e) => D("xAxis", { gridLines: e.currentTarget.checked })), p.delegated("change", X, (e) => D("xAxis", { labelRotation: e.currentTarget.value === "auto" ? "auto" : Number(e.currentTarget.value) })), p.delegated("change", Ft, (e) => k({ fontSize: A(e.currentTarget.value) ?? void 0 })), p.delegated("input", zt, (e) => k({ fontFamily: e.currentTarget.value || void 0 })), p.delegated("input", Ut, (e) => k({ background: e.currentTarget.value || void 0 })), p.delegated("input", qt, (e) => k({ textColor: e.currentTarget.value || void 0 })), p.delegated("click", Yt, () => i().chartFormat = null), p.append(e, t);
+					};
+					p.if(a, (e) => {
+						t() === "type" ? e(o) : t() === "data" ? e(T, 1) : e(E, -1);
+					}), p.append(e, n);
+				}, n = p.derived(() => [
+					{
+						id: "type",
+						label: r.messages.chartBuilderTabType
+					},
+					{
+						id: "data",
+						label: r.messages.chartBuilderTabData
+					},
+					{
+						id: "format",
+						label: r.messages.chartBuilderTabFormat
+					}
+				]);
+				e(E, {
+					get tabs() {
+						return p.get(n);
+					},
+					get ariaLabel() {
+						return r.messages.chartBuilderTitle;
+					},
+					get value() {
+						return p.get(o);
+					},
+					set value(e) {
+						p.set(o, e, !0);
+					},
+					panel: t,
+					$$slots: { panel: !0 }
+				});
+			}
+			p.reset(a), p.append(t, a);
+		},
+		$$slots: { default: !0 }
+	}), p.pop();
+}
+p.delegate([
+	"click",
+	"change",
+	"input"
+]);
+//#endregion
+export { D as default };