@svgrid/grid 3.0.2 → 3.0.4

package/dist/cdn/SvGridChartBuilder-BE2T1ykB.js

@@ -0,0 +1,783 @@
+import { E as e, F as t, G as n, H as r, I as i, L as a, N as o, V as s, Y as c, at as l, d as u, et as d, f, g as p, h as m, it as h, k as g, lt as _, m as v, mt as y, nt as b, pt as x, st as S, t as C, tt as w, u as T, ut as E, v as D, x as O } from "./disclose-version-Dr7rEVv-.js";
+import { n as k, t as A } from "./SvModal-BAE-pjZX.js";
+import { _ as j, h as M, l as N, m as P, p as F, u as I, v as L, y as R } from "./chart-Dz7SqMXH.js";
+import { t as z } from "./SvGridChart-DzLkSwCH.js";
+import { i as B, t as V } from "./chart-panel-messages-CUbf2R4i.js";
+//#region src/chart-samples.ts
+var H = null;
+function U() {
+	if (H) return H;
+	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 H = i, i;
+}
+function W(e, t) {
+	let n = U(), r = I(n, {
+		type: "bar",
+		category: "region",
+		value: "revenue"
+	}), i = I(n, {
+		type: "bar",
+		category: "region",
+		value: "revenue",
+		series: "channel"
+	}), a = I(n, {
+		type: "line",
+		category: "day",
+		value: "revenue",
+		bucket: "month"
+	}), o = I(n, {
+		type: "area",
+		category: "day",
+		value: "revenue",
+		series: "channel",
+		bucket: "month"
+	}), s = () => P(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 = {
+				...I(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: R(i)
+			};
+			break;
+		case "sunburst":
+			l = {
+				...i,
+				type: "sunburst",
+				tree: R(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 = L(i);
+			l = {
+				...i,
+				type: "sankey",
+				sankeyNodes: e.nodes,
+				sankeyLinks: e.links
+			};
+			break;
+		}
+		case "chord": {
+			let e = L(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 = M(n.slice(0, 80), {
+				x: "cost",
+				y: "revenue",
+				series: "channel",
+				r: "units"
+			});
+			break;
+		case "boxplot":
+			l = N(n, {
+				category: "region",
+				value: "revenue"
+			});
+			break;
+		case "histogram":
+			l = F(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 = I(n, {
+				type: "bar",
+				category: "day",
+				value: "units"
+			});
+			l = {
+				...e,
+				type: "calendar",
+				calendarValues: j(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 G(e, t, n = 150, r = 92) {
+	let i = W(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 ee = a("<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>"), K = a("<div class=\"sv-grid-chart-builder-group svelte-ttdb91\"> </div> <div class=\"sv-grid-chart-builder-cards svelte-ttdb91\"></div>", 1), te = a("<div class=\"sv-grid-chart-builder-gallery\"></div>"), q = a("<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>"), ne = a("<option> </option>"), re = a("<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>"), ie = a("<span> </span>"), ae = a("<option> </option>"), oe = a("<input type=\"text\" class=\"svelte-ttdb91\"/>"), se = a("<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>"), ce = a("<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>"), le = a("<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>"), ue = a("<div class=\"sv-grid-chart-builder svelte-ttdb91\"><!></div>"), J = {
+	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 Y(a, s) {
+	E(s, !0), O(a, J);
+	let j = C(s, "ctrl", 7), M = C(s, "open", 15, !1), N = l("type"), P = S(() => [...new Set(s.types.map((e) => e.group))]), F = S(() => j().chartSpec), I = S(() => j().chartPalette ?? void 0), L = S(() => n(F)?.series.map((e) => e.label) ?? []), R = S(() => j().chartFormat ?? {});
+	function H(e) {
+		j().chartFormat = {
+			...n(R),
+			...e
+		};
+	}
+	function U(e, t) {
+		H({ [e]: {
+			...n(R)[e] ?? {},
+			...t
+		} });
+	}
+	function W(e, t) {
+		H({ series: {
+			...n(R).series ?? {},
+			[e]: {
+				...n(R).series?.[e] ?? {},
+				...t
+			}
+		} });
+	}
+	function Y(e) {
+		H({ style: {
+			...n(R).style ?? {},
+			...e
+		} });
+	}
+	let X = (e) => e.trim() === "" ? null : Number(e), de = S(() => !!n(F)?.series.some((e) => e.axis === "right") || !!n(R).series && Object.values(n(R).series).some((e) => e?.axis === "right")), fe = S(() => !!n(F) && ["bar", "area"].includes(n(F).type)), pe = [
+		"circle",
+		"square",
+		"diamond",
+		"triangle",
+		"cross",
+		"none"
+	], me = [
+		"number",
+		"currency",
+		"percent",
+		"compact"
+	];
+	A(a, {
+		get title() {
+			return s.messages.chartBuilderTitle;
+		},
+		size: "lg",
+		get open() {
+			return M();
+		},
+		set open(e) {
+			M(e);
+		},
+		children: (a, l) => {
+			var _ = ue(), C = d(_);
+			{
+				let a = (a, l = y) => {
+					var h = i(), _ = w(h), C = (i) => {
+						var a = te();
+						e(a, 20, () => n(P), (e) => e, (i, a) => {
+							var l = K(), f = w(l), p = d(f, !0);
+							x(f);
+							var m = b(f, 2);
+							e(m, 21, () => s.types.filter((e) => e.group === a), (e) => e.value, (e, i) => {
+								var a = ee();
+								let s;
+								var l = d(a), f = d(l);
+								{
+									let e = S(() => G(n(i).value, n(I)));
+									z(f, {
+										get spec() {
+											return n(e);
+										},
+										interactive: !1,
+										legend: !1,
+										toolbar: !1,
+										announce: !1
+									});
+								}
+								x(l);
+								var p = b(l, 2), m = d(p, !0);
+								x(p), x(a), c(() => {
+									s = D(a, 1, "sv-grid-chart-builder-card svelte-ttdb91", null, s, { "is-selected": j().chartType === n(i).value }), u(a, "aria-pressed", j().chartType === n(i).value), u(a, "title", n(i).label), o(m, n(i).label);
+								}), r("click", a, () => j().chartType = n(i).value), t(e, a);
+							}), x(m), c(() => o(p, a)), t(i, l);
+						}), x(a), t(i, a);
+					}, E = (e) => {
+						var n = q(), i = d(n);
+						B(i, {
+							get ctrl() {
+								return j();
+							},
+							get messages() {
+								return s.messages;
+							},
+							scope: "builder"
+						});
+						var a = b(i, 2), l = d(a), u = d(l, !0);
+						x(l);
+						var p = b(l, 2);
+						T(p);
+						var m = b(p, 2), h = d(m, !0);
+						x(m), x(a), x(n), c((e) => {
+							o(u, s.messages.chartBuilderLinked), f(p, !j().chartFrozen), o(h, e);
+						}, [() => j().chartFrozen ? V(s.messages.chartBuilderFrozenAt, { time: new Date(j().chartFrozen.at).toLocaleTimeString() }) : s.messages.chartBuilderFollows]), r("change", p, (e) => e.currentTarget.checked ? j().unfreezeChart() : j().freezeChart()), t(e, n);
+					}, O = (i) => {
+						var a = le(), l = d(a), h = d(l), _ = d(h, !0);
+						x(h);
+						var y = b(h);
+						T(y), x(l);
+						var C = b(l, 2), w = d(C), E = d(w, !0);
+						x(w);
+						var O = b(w);
+						T(O), x(C);
+						var k = b(C, 2), A = d(k), M = d(A, !0);
+						x(A);
+						var N = b(A);
+						T(N), x(k);
+						var P = b(k, 2), I = d(P), z = d(I, !0);
+						x(I);
+						var B = b(I, 2), G = d(B), ee = d(G, !0);
+						x(G), G.value = G.__value = "bottom";
+						var K = b(G), te = d(K, !0);
+						x(K), K.value = K.__value = "top";
+						var q = b(K), ue = d(q, !0);
+						x(q), q.value = q.__value = "left";
+						var J = b(q), he = d(J, !0);
+						x(J), J.value = J.__value = "right";
+						var ge = b(J), _e = d(ge, !0);
+						x(ge), ge.value = ge.__value = "none", x(B);
+						var ve;
+						m(B), x(P);
+						var ye = b(P, 2), be = d(ye), xe = d(be, !0);
+						x(be);
+						var Z = b(be, 2), Se = d(Z), Ce = d(Se, !0);
+						x(Se), Se.value = Se.__value = "auto";
+						var we = b(Se), Te = d(we, !0);
+						x(we), we.value = we.__value = "top";
+						var Ee = b(we), De = d(Ee, !0);
+						x(Ee), Ee.value = Ee.__value = "outside";
+						var Oe = b(Ee), ke = d(Oe, !0);
+						x(Oe), Oe.value = Oe.__value = "inside";
+						var Ae = b(Oe), je = d(Ae, !0);
+						x(Ae), Ae.value = Ae.__value = "center";
+						var Me = b(Ae), Ne = d(Me, !0);
+						x(Me), Me.value = Me.__value = "none", x(Z);
+						var Pe;
+						m(Z), x(ye);
+						var Fe = b(ye, 2), Ie = d(Fe), Le = d(Ie, !0);
+						x(Ie);
+						var Re = b(Ie);
+						T(Re), x(Fe);
+						var ze = b(Fe, 2), Be = d(ze), Ve = d(Be, !0);
+						x(Be);
+						var He = b(Be);
+						T(He), x(ze);
+						var Ue = b(ze, 2), We = d(Ue), Ge = d(We, !0);
+						x(We);
+						var Ke = b(We, 2);
+						T(Ke), x(Ue);
+						var qe = b(Ue, 2), Je = d(qe), Ye = d(Je, !0);
+						x(Je);
+						var Xe = b(Je, 2), Ze = d(Xe), Qe = d(Ze, !0);
+						x(Ze);
+						var $e = b(Ze);
+						T($e), x(Xe);
+						var et = b(Xe, 2), tt = d(et), nt = d(tt, !0);
+						x(tt);
+						var rt = b(tt);
+						T(rt), x(et);
+						var it = b(et, 2), at = d(it), ot = d(at, !0);
+						x(at);
+						var st = b(at);
+						T(st), x(it);
+						var ct = b(it, 2), lt = d(ct), ut = d(lt, !0);
+						x(lt);
+						var Q = b(lt, 2), dt = d(Q), ft = d(dt, !0);
+						x(dt), dt.value = dt.__value = "";
+						var pt = b(dt);
+						e(pt, 16, () => me, (e) => e, (e, n) => {
+							var r = ne(), i = d(r, !0);
+							x(r);
+							var a = {};
+							c(() => {
+								o(i, n), a !== (a = n) && (r.value = (r.__value = n) ?? "");
+							}), t(e, r);
+						}), x(Q);
+						var mt;
+						m(Q), x(ct);
+						var ht = b(ct, 2), gt = d(ht), _t = d(gt, !0);
+						x(gt);
+						var vt = b(gt);
+						T(vt), x(ht), x(qe);
+						var yt = b(qe, 2), bt = (e) => {
+							var i = re(), a = d(i), l = d(a, !0);
+							x(a);
+							var f = b(a, 2), p = d(f), m = d(p, !0);
+							x(p);
+							var h = b(p);
+							T(h), x(f);
+							var g = b(f, 2), _ = d(g), y = d(_, !0);
+							x(_);
+							var S = b(_);
+							T(S), x(g);
+							var C = b(g, 2), w = d(C), E = d(w, !0);
+							x(w);
+							var D = b(w);
+							T(D), x(C), x(i), c(() => {
+								o(l, s.messages.chartBuilderRightAxis), o(m, s.messages.chartBuilderTitleField), v(h, n(R).y2Axis?.title ?? ""), o(y, s.messages.chartBuilderMin), v(S, n(R).y2Axis?.min ?? ""), u(S, "placeholder", s.messages.chartBuilderAuto), o(E, s.messages.chartBuilderMax), v(D, n(R).y2Axis?.max ?? ""), u(D, "placeholder", s.messages.chartBuilderAuto);
+							}), r("input", h, (e) => U("y2Axis", { title: e.currentTarget.value })), r("change", S, (e) => U("y2Axis", { min: X(e.currentTarget.value) })), r("change", D, (e) => U("y2Axis", { max: X(e.currentTarget.value) })), t(e, i);
+						};
+						g(yt, (e) => {
+							n(de) && e(bt);
+						});
+						var xt = b(yt, 2), St = d(xt), Ct = d(St, !0);
+						x(St);
+						var wt = b(St, 2), Tt = d(wt), Et = d(Tt, !0);
+						x(Tt);
+						var Dt = b(Tt);
+						T(Dt), x(wt);
+						var Ot = b(wt, 2), kt = d(Ot), At = d(kt, !0);
+						x(kt);
+						var jt = b(kt);
+						T(jt), x(Ot);
+						var Mt = b(Ot, 2), Nt = d(Mt), Pt = d(Nt, !0);
+						x(Nt);
+						var $ = b(Nt, 2), Ft = d($), It = d(Ft, !0);
+						x(Ft), Ft.value = Ft.__value = "auto";
+						var Lt = b(Ft), Rt = d(Lt, !0);
+						x(Lt), Lt.value = Lt.__value = "0";
+						var zt = b(Lt), Bt = d(zt, !0);
+						x(zt), zt.value = zt.__value = "-45";
+						var Vt = b(zt), Ht = d(Vt, !0);
+						x(Vt), Vt.value = Vt.__value = "-90", x($);
+						var Ut;
+						m($), x(Mt), x(xt);
+						var Wt = b(xt, 2), Gt = (i) => {
+							var a = ce(), l = d(a), f = d(l, !0);
+							x(l);
+							var h = b(l, 2);
+							let _;
+							var y = d(h), C = d(y, !0);
+							x(y);
+							var w = b(y), E = d(w, !0);
+							x(w);
+							var O = b(w), k = d(O, !0);
+							x(O);
+							var A = b(O), j = d(A, !0);
+							x(A);
+							var M = b(A), N = d(M, !0);
+							x(M);
+							var P = b(M), I = d(P, !0);
+							x(P);
+							var z = b(P), B = (e) => {
+								var n = ie(), r = d(n, !0);
+								x(n), c(() => o(r, s.messages.chartBuilderStack)), t(e, n);
+							};
+							g(z, (e) => {
+								n(fe) && e(B);
+							}), x(h);
+							var H = b(h, 2);
+							e(H, 16, () => n(L), (e) => e, (i, a) => {
+								let l = S(() => n(R).series?.[a] ?? {}), f = S(() => n(F)?.series.find((e) => e.label === a));
+								var h = se();
+								let _;
+								var y = d(h), C = d(y, !0);
+								x(y);
+								var w = b(y, 2);
+								T(w);
+								var E = b(w, 2), O = d(E), k = d(O, !0);
+								x(O), O.value = O.__value = "";
+								var A = b(O), j = d(A, !0);
+								x(A), A.value = A.__value = "bar";
+								var M = b(A), N = d(M, !0);
+								x(M), M.value = M.__value = "line";
+								var P = b(M), I = d(P, !0);
+								x(P), P.value = P.__value = "area", x(E);
+								var L;
+								m(E);
+								var z = b(E, 2), B = d(z), H = d(B, !0);
+								x(B), B.value = B.__value = "left";
+								var U = b(B), G = d(U, !0);
+								x(U), U.value = U.__value = "right", x(z);
+								var ee;
+								m(z);
+								var K = b(z, 2);
+								e(K, 20, () => pe, (e) => e, (e, n) => {
+									var r = ae(), i = d(r, !0);
+									x(r);
+									var a = {};
+									c(() => {
+										o(i, n), a !== (a = n) && (r.value = (r.__value = n) ?? "");
+									}), t(e, r);
+								}), x(K);
+								var te;
+								m(K);
+								var q = b(K, 2);
+								T(q);
+								var ne = b(q, 2), re = (e) => {
+									var i = oe();
+									T(i), c((e) => {
+										v(i, n(l).stack ?? n(f)?.stack ?? ""), u(i, "placeholder", s.messages.chartBuilderStackPlaceholder), u(i, "aria-label", e);
+									}, [() => V(s.messages.chartBuilderSeriesStackLabel, { series: a })]), r("change", i, (e) => W(a, { stack: e.currentTarget.value.trim() })), t(e, i);
+								};
+								g(ne, (e) => {
+									n(fe) && e(re);
+								}), x(h), c((e, t, r, i, c) => {
+									_ = D(h, 1, "sv-grid-chart-builder-series svelte-ttdb91", null, _, { "has-stack": n(fe) }), u(h, "data-series", a), u(y, "title", a), o(C, a), v(w, n(l).color ?? n(f)?.color ?? "#2563eb"), u(w, "aria-label", e), u(E, "aria-label", t), o(k, s.messages.chartBuilderChartType), o(j, s.messages.chartBuilderBar), o(N, s.messages.chartBuilderLine), o(I, s.messages.chartBuilderArea), L !== (L = n(l).type ?? n(f)?.type ?? "") && (E.value = (E.__value = n(l).type ?? n(f)?.type ?? "") ?? "", p(E, n(l).type ?? n(f)?.type ?? "")), u(z, "aria-label", r), o(H, s.messages.chartBuilderLeft), o(G, s.messages.chartBuilderRight), ee !== (ee = n(l).axis ?? n(f)?.axis ?? "left") && (z.value = (z.__value = n(l).axis ?? n(f)?.axis ?? "left") ?? "", p(z, n(l).axis ?? n(f)?.axis ?? "left")), u(K, "aria-label", i), te !== (te = n(l).marker ?? "circle") && (K.value = (K.__value = n(l).marker ?? "circle") ?? "", p(K, n(l).marker ?? "circle")), v(q, n(l).strokeWidth ?? 2), u(q, "aria-label", c);
+								}, [
+									() => V(s.messages.chartBuilderSeriesColorLabel, { series: a }),
+									() => V(s.messages.chartBuilderSeriesTypeLabel, { series: a }),
+									() => V(s.messages.chartBuilderSeriesAxisLabel, { series: a }),
+									() => V(s.messages.chartBuilderSeriesMarkerLabel, { series: a }),
+									() => V(s.messages.chartBuilderSeriesWidthLabel, { series: a })
+								]), r("input", w, (e) => W(a, { color: e.currentTarget.value })), r("change", E, (e) => W(a, { type: e.currentTarget.value || void 0 })), r("change", z, (e) => W(a, { axis: e.currentTarget.value })), r("change", K, (e) => W(a, { marker: e.currentTarget.value })), r("change", q, (e) => W(a, { strokeWidth: Number(e.currentTarget.value) || 2 })), t(i, h);
+							}), x(a), c(() => {
+								o(f, s.messages.chartBuilderSeries), _ = D(h, 1, "sv-grid-chart-builder-series-head svelte-ttdb91", null, _, { "has-stack": n(fe) }), o(C, s.messages.chartBuilderSeries), o(E, s.messages.chartBuilderColor), o(k, s.messages.chartBuilderSeriesType), o(j, s.messages.chartBuilderAxis), o(N, s.messages.chartBuilderMarker), o(I, s.messages.chartBuilderWidth);
+							}), t(i, a);
+						};
+						g(Wt, (e) => {
+							n(L).length && e(Gt);
+						});
+						var Kt = b(Wt, 2), qt = d(Kt), Jt = d(qt, !0);
+						x(qt);
+						var Yt = b(qt, 2), Xt = d(Yt), Zt = d(Xt, !0);
+						x(Xt);
+						var Qt = b(Xt);
+						T(Qt), x(Yt);
+						var $t = b(Yt, 2), en = d($t), tn = d(en, !0);
+						x(en);
+						var nn = b(en);
+						T(nn), x($t);
+						var rn = b($t, 2), an = d(rn), on = d(an, !0);
+						x(an);
+						var sn = b(an);
+						T(sn), x(rn);
+						var cn = b(rn, 2), ln = d(cn), un = d(ln, !0);
+						x(ln);
+						var dn = b(ln);
+						T(dn), x(cn), x(Kt);
+						var fn = b(Kt, 2), pn = d(fn), mn = d(pn, !0);
+						x(pn), x(fn), x(a), c((e) => {
+							o(_, s.messages.chartBuilderTitleField), v(y, n(R).title ?? ""), o(E, s.messages.chartBuilderSubtitle), v(O, n(R).subtitle ?? ""), o(M, s.messages.chartBuilderCaption), v(N, n(R).caption ?? ""), o(z, s.messages.chartBuilderLegend), o(ee, s.messages.chartLegendBottom), o(te, s.messages.chartLegendTop), o(ue, s.messages.chartLegendLeft), o(he, s.messages.chartLegendRight), o(_e, s.messages.chartLegendHidden), ve !== (ve = n(R).legend === !1 ? "none" : n(R).legend ?? "bottom") && (B.value = (B.__value = n(R).legend === !1 ? "none" : n(R).legend ?? "bottom") ?? "", p(B, n(R).legend === !1 ? "none" : n(R).legend ?? "bottom")), o(xe, s.messages.chartBuilderDataLabels), o(Ce, s.messages.chartBuilderPanelSetting), o(Te, s.messages.chartLabelsTop), o(De, s.messages.chartLabelsOutside), o(ke, s.messages.chartLabelsInside), o(je, s.messages.chartLabelsCenter), o(Ne, s.messages.chartLabelsHidden), Pe !== (Pe = n(R).dataLabels === null ? "none" : n(R).dataLabels ?? "auto") && (Z.value = (Z.__value = n(R).dataLabels === null ? "none" : n(R).dataLabels ?? "auto") ?? "", p(Z, n(R).dataLabels === null ? "none" : n(R).dataLabels ?? "auto")), o(Le, s.messages.chartBuilderSeriesLabels), f(Re, n(R).seriesLabels === !0), o(Ve, s.messages.chartBuilderCrosshairLabels), f(He, n(R).crosshairLabels !== !1), u(Ue, "title", s.messages.chartBuilderCompactBelowTitle), o(Ge, s.messages.chartBuilderCompactBelow), v(Ke, n(R).compactBelow ?? ""), u(Ke, "placeholder", s.messages.chartBuilderOff), o(Ye, s.messages.chartBuilderValueAxis), o(Qe, s.messages.chartBuilderTitleField), v($e, n(R).yAxis?.title ?? ""), o(nt, s.messages.chartBuilderMin), v(rt, n(R).yAxis?.min ?? ""), u(rt, "placeholder", s.messages.chartBuilderAuto), o(ot, s.messages.chartBuilderMax), v(st, n(R).yAxis?.max ?? ""), u(st, "placeholder", s.messages.chartBuilderAuto), o(ut, s.messages.chartFormat), o(ft, s.messages.chartBuilderPanelSetting), mt !== (mt = n(R).yAxis?.format ?? "") && (Q.value = (Q.__value = n(R).yAxis?.format ?? "") ?? "", p(Q, n(R).yAxis?.format ?? "")), o(_t, s.messages.chartBuilderGridLines), f(vt, n(R).yAxis?.gridLines !== !1), o(Ct, s.messages.chartBuilderCategoryAxis), o(Et, s.messages.chartBuilderTitleField), v(Dt, n(R).xAxis?.title ?? ""), o(At, s.messages.chartBuilderGridLines), f(jt, n(R).xAxis?.gridLines === !0), o(Pt, s.messages.chartBuilderAxisLabels), o(It, s.messages.chartBuilderLabelsAuto), o(Rt, s.messages.chartBuilderLabelsHorizontal), o(Bt, s.messages.chartBuilderLabelsTilted), o(Ht, s.messages.chartBuilderLabelsVertical), Ut !== (Ut = e) && ($.value = ($.__value = e) ?? "", p($, e)), o(Jt, s.messages.chartBuilderStyle), o(Zt, s.messages.chartBuilderFontSize), v(Qt, n(R).style?.fontSize ?? ""), o(tn, s.messages.chartBuilderFontFamily), v(nn, n(R).style?.fontFamily ?? ""), o(on, s.messages.chartBuilderBackground), v(sn, n(R).style?.background ?? ""), o(un, s.messages.chartBuilderTextColor), v(dn, n(R).style?.textColor ?? ""), o(mn, s.messages.chartBuilderResetFormat);
+						}, [() => n(R).xAxis?.labelRotation === void 0 ? "auto" : String(n(R).xAxis.labelRotation)]), r("input", y, (e) => H({ title: e.currentTarget.value })), r("input", O, (e) => H({ subtitle: e.currentTarget.value })), r("input", N, (e) => H({ caption: e.currentTarget.value })), r("change", B, (e) => H({ legend: e.currentTarget.value !== "none" && e.currentTarget.value })), r("change", Z, (e) => H({ dataLabels: e.currentTarget.value === "auto" ? void 0 : e.currentTarget.value === "none" ? null : e.currentTarget.value })), r("change", Re, (e) => H({ seriesLabels: e.currentTarget.checked })), r("change", He, (e) => H({ crosshairLabels: e.currentTarget.checked })), r("change", Ke, (e) => H({ compactBelow: X(e.currentTarget.value) })), r("input", $e, (e) => U("yAxis", { title: e.currentTarget.value })), r("change", rt, (e) => U("yAxis", { min: X(e.currentTarget.value) })), r("change", st, (e) => U("yAxis", { max: X(e.currentTarget.value) })), r("change", Q, (e) => U("yAxis", { format: e.currentTarget.value || void 0 })), r("change", vt, (e) => U("yAxis", { gridLines: e.currentTarget.checked })), r("input", Dt, (e) => U("xAxis", { title: e.currentTarget.value })), r("change", jt, (e) => U("xAxis", { gridLines: e.currentTarget.checked })), r("change", $, (e) => U("xAxis", { labelRotation: e.currentTarget.value === "auto" ? "auto" : Number(e.currentTarget.value) })), r("change", Qt, (e) => Y({ fontSize: X(e.currentTarget.value) ?? void 0 })), r("input", nn, (e) => Y({ fontFamily: e.currentTarget.value || void 0 })), r("input", sn, (e) => Y({ background: e.currentTarget.value || void 0 })), r("input", dn, (e) => Y({ textColor: e.currentTarget.value || void 0 })), r("click", pn, () => j().chartFormat = null), t(i, a);
+					};
+					g(_, (e) => {
+						l() === "type" ? e(C) : l() === "data" ? e(E, 1) : e(O, -1);
+					}), t(a, h);
+				}, l = S(() => [
+					{
+						id: "type",
+						label: s.messages.chartBuilderTabType
+					},
+					{
+						id: "data",
+						label: s.messages.chartBuilderTabData
+					},
+					{
+						id: "format",
+						label: s.messages.chartBuilderTabFormat
+					}
+				]);
+				k(C, {
+					get tabs() {
+						return n(l);
+					},
+					get ariaLabel() {
+						return s.messages.chartBuilderTitle;
+					},
+					get value() {
+						return n(N);
+					},
+					set value(e) {
+						h(N, e, !0);
+					},
+					panel: a,
+					$$slots: { panel: !0 }
+				});
+			}
+			x(_), t(a, _);
+		},
+		$$slots: { default: !0 }
+	}), _();
+}
+s([
+	"click",
+	"change",
+	"input"
+]);
+//#endregion
+export { Y as default };