@svgrid/grid-wc 3.0.1 → 3.0.2

package/dist/shadow/SvGridChartBuilder-C4OL4XYx.js

@@ -0,0 +1,1165 @@
+(function(){try{var c=".sv-tabs.svelte-13z0l57{--_accent:var(--sg-accent,#2563eb);gap:0;display:flex}.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{align-items:center;min-width:0;display:flex}.sv-tabs--vertical.svelte-13z0l57 .sv-tabs__strip:where(.svelte-13z0l57){align-items:stretch}.sv-tabs__list.svelte-13z0l57{gap:2px;display:flex}.sv-tabs--horizontal.svelte-13z0l57 .sv-tabs__list:where(.svelte-13z0l57){scrollbar-width:none;scroll-behavior:smooth;flex:auto;min-width:0;overflow-x:auto}.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{width:26px;color:var(--sg-muted,#64748b);cursor:pointer;background:0 0;border:0;flex:none;align-self:stretch;place-items:center;display:grid}.sv-tabs__scroll.svelte-13z0l57:hover:not(:disabled){color:var(--_accent)}.sv-tabs__scroll.svelte-13z0l57:disabled{opacity:.3;cursor:default}.sv-tabs__tabwrap.is-drag.svelte-13z0l57{opacity:.4}.sv-tabs__tabwrap.is-over.svelte-13z0l57:before{content:\"\";inset-inline-start:-1px;background:var(--_accent);border-radius:2px;width:2px;position:absolute;top:5px;bottom:5px}.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){background:var(--sg-header-bg,#f1f5f9);border:0;border-radius:9px;gap:3px;padding:3px}.sv-tabs__tabwrap.svelte-13z0l57{align-items:center;display:inline-flex;position:relative}.sv-tabs__tab.svelte-13z0l57{font:inherit;color:var(--sg-muted,#64748b);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:9px 14px;font-size:13px;font-weight:600}.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:.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{width:18px;height:18px;color:var(--sg-muted,#64748b);cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;place-items:center;margin-inline-end:8px;display:grid}.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:\"\";background:var(--_accent);position:absolute}.sv-tabs--line.sv-tabs--top.svelte-13z0l57 .sv-tabs__tabwrap.is-active:where(.svelte-13z0l57):after{height:2px;bottom:-1px;left:8px;right:8px}.sv-tabs--line.sv-tabs--bottom.svelte-13z0l57 .sv-tabs__tabwrap.is-active:where(.svelte-13z0l57):after{height:2px;top:-1px;left:8px;right:8px}.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 #00000014}.sv-tabs__panel.svelte-13z0l57{outline:none;flex:1;min-width:0;padding:16px 2px}.sv-modal__backdrop{z-index:2147483000;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:#0f172a73;animation:.16s both svelte-o40lcu-sv-modal-fade;position:fixed;inset:0}@keyframes svelte-o40lcu-sv-modal-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.sv-modal__backdrop{animation:none}}.sv-modal{background:var(--sg-bg,#fff);min-width:240px;max-width:94vw;max-height:88vh;color:var(--sg-fg,#0f172a);border:1px solid var(--sg-border,#e2e8f0);border-radius:12px;flex-direction:column;animation:.18s cubic-bezier(.16,1,.3,1) both svelte-o40lcu-sv-modal-in;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;box-shadow:0 24px 64px -16px #0f172a80}@keyframes svelte-o40lcu-sv-modal-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.94)}to{opacity:1}}@media (prefers-reduced-motion:reduce){.sv-modal{animation:none}}.sv-modal--sm{width:360px}.sv-modal--md{width:520px}.sv-modal--lg{width:720px}.sv-modal.is-resized{max-width:none;max-height:none}.sv-modal__header{border-bottom:1px solid var(--sg-border,#e2e8f0);align-items:center;gap:12px;padding:13px 16px;display:flex}.sv-modal__header.is-draggable{cursor:move;touch-action:none;-webkit-user-select:none;user-select:none}.sv-modal__title{flex:1;margin:0;font-size:15px;font-weight:650}.sv-modal__x{width:28px;height:28px;color:var(--sg-muted,#64748b);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;font-size:20px;line-height:1;display:grid}.sv-modal__x:hover{background:var(--sg-row-hover-bg,#f1f5f9);color:var(--sg-fg,#0f172a)}.sv-modal__body{flex:1;padding:16px;font-size:13.5px;line-height:1.6;overflow:auto}.sv-modal__footer{border-top:1px solid var(--sg-border,#e2e8f0);justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.sv-modal__resize{inset-inline-end:0;cursor:nwse-resize;touch-action:none;background:linear-gradient(135deg, transparent 50%, var(--sg-muted,#94a3b8) 50%, var(--sg-muted,#94a3b8) 60%, transparent 60%, transparent 72%, var(--sg-muted,#94a3b8) 72%, var(--sg-muted,#94a3b8) 82%, transparent 82%);opacity:.6;width:16px;height:16px;position:absolute;bottom:0}.sv-grid-chart-builder.svelte-1yr3emi{min-height:420px;max-height:70vh;font-size:12px;overflow:auto}.sv-grid-chart-builder-group.svelte-1yr3emi{color:var(--sg-muted,#64748b);text-transform:uppercase;letter-spacing:.04em;margin:10px 0 6px;font-size:11px;font-weight:600}.sv-grid-chart-builder-cards.svelte-1yr3emi{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.sv-grid-chart-builder-card.svelte-1yr3emi{border:1px solid var(--sg-border,#e2e8f0);background:var(--sg-bg,#fff);color:var(--sg-fg,#0f172a);cursor:pointer;text-align:left;font:inherit;border-radius:8px;flex-direction:column;gap:4px;padding:6px;display:flex}.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{pointer-events:none;height:92px;overflow:hidden}.sv-grid-chart-builder-card-label.svelte-1yr3emi{font-size:11px;font-weight:600}.sv-grid-chart-builder-form.svelte-1yr3emi{flex-direction:column;gap:8px;padding:8px 2px;display:flex}.sv-grid-chart-builder-row.svelte-1yr3emi{grid-template-columns:110px 1fr;align-items:center;gap:8px;display:grid}.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){color:var(--sg-muted,#64748b);grid-column:2}.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),.sv-grid-chart-builder-row.svelte-1yr3emi input[type=number]:where(.svelte-1yr3emi),.sv-grid-chart-builder-row.svelte-1yr3emi select:where(.svelte-1yr3emi),.sv-grid-chart-builder-series.svelte-1yr3emi input:where(.svelte-1yr3emi),.sv-grid-chart-builder-series.svelte-1yr3emi select:where(.svelte-1yr3emi){font:inherit;border:1px solid var(--sg-border,#e2e8f0);background:var(--sg-bg,#fff);color:var(--sg-fg,#0f172a);border-radius:6px;min-width:0;padding:3px 6px}.sv-grid-chart-builder-fs.svelte-1yr3emi{border:1px solid var(--sg-border,#e2e8f0);border-radius:8px;flex-direction:column;gap:6px;padding:6px 10px 10px;display:flex}.sv-grid-chart-builder-fs.svelte-1yr3emi>legend:where(.svelte-1yr3emi){padding:0 4px;font-weight:600}.sv-grid-chart-builder-series.svelte-1yr3emi,.sv-grid-chart-builder-series-head.svelte-1yr3emi{grid-template-columns:minmax(80px,1.4fr) 44px 1fr 1fr 1fr 64px;align-items:center;gap:6px;display:grid}.sv-grid-chart-builder-series.has-stack.svelte-1yr3emi,.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{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sv-grid-chart-builder-actions.svelte-1yr3emi{justify-content:flex-end;display:flex}\n";if(typeof globalThis!=='undefined'){var f=globalThis.__SVGRID_WC_ADD_CSS__;if(typeof f==='function')f(c);else(globalThis.__SVGRID_WC_CSS_CHUNKS__=globalThis.__SVGRID_WC_CSS_CHUNKS__||[]).push(c);}if(typeof document==='undefined')return;if(document.querySelector('style[data-svgrid-grid-wc-chunk="SvGridChartBuilder"]'))return;var s=document.createElement('style');s.setAttribute('data-svgrid-grid-wc-chunk',"SvGridChartBuilder");s.textContent=c;document.head.appendChild(s);}catch(e){}})();
+import { c as e, f as t, l as n, m as r, o as i, p as a, s as o, u as s } from "./chart-DoqdUoGg.js";
+import { $ as c, A as l, D as u, E as d, F as f, H as p, I as m, J as h, L as g, O as _, Q as v, R as y, U as b, X as x, Y as S, Z as C, _ as w, a as T, at as E, c as D, d as O, et as k, f as A, g as j, h as M, it as N, j as P, k as F, l as ee, n as I, nt as L, o as R, p as z, q as B, tt as te, u as V, w as H, x as U, y as ne } from "./client-DEF0GRjE.js";
+import { i as W } from "./editor-contract-peBDxir_.js";
+import { r as G } from "./popover-WsGlvtQv.js";
+import { t as K } from "./dismissable-DvhBKm3q.js";
+import { t as q } from "./focus-trap-DvlOlOGM.js";
+import { t as re } from "./SvGridChart-4TcL9Rj2.js";
+import { n as J, t as Y } from "./SvGridChartPanel-CfHA8Ioq.js";
+//#region ../grid/dist/a11y/scroll-lock.js
+var X = 0, Z = "", ie = "";
+function ae() {
+	if (typeof document > "u") return () => {};
+	let e = document.body;
+	if (X === 0) {
+		Z = e.style.overflow, ie = e.style.paddingRight;
+		let t = window.innerWidth - document.documentElement.clientWidth;
+		if (t > 0) {
+			let n = parseFloat(getComputedStyle(e).paddingRight) || 0;
+			e.style.paddingRight = `${n + t}px`;
+		}
+		e.style.overflow = "hidden";
+	}
+	X++;
+	let t = !1;
+	return () => {
+		t || (t = !0, X = Math.max(0, X - 1), X === 0 && (e.style.overflow = Z, e.style.paddingRight = ie));
+	};
+}
+//#endregion
+//#region ../grid/dist/createOverlay.svelte.js
+function oe(e) {
+	return b(() => {
+		if (!e.open() || !e.getDialog()) return;
+		e.onOpen?.();
+		let t = e.getDialog(), n = e.trapFocus?.() ?? !0 ? q(t, e.initialFocus ? { initialFocus: e.initialFocus } : void 0) : null;
+		n?.activate();
+		let r = e.scrollLock?.() ?? !0 ? ae() : null, i = K({
+			element: () => e.getDialog(),
+			onDismiss: (t) => {
+				(t === "escape" ? e.closeOnEsc?.() ?? !0 : e.closeOnBackdrop?.() ?? !0) && e.onClose();
+			}
+		});
+		return i.activate(), () => {
+			i.release(), r?.(), n?.release();
+		};
+	}), { dialogProps: (e) => ({
+		role: "dialog",
+		"aria-modal": "true",
+		"aria-labelledby": e?.labelledBy,
+		"aria-label": e?.label,
+		tabindex: -1
+	}) };
+}
+//#endregion
+//#region ../grid/dist/createTabs.svelte.js
+var se = 0;
+function ce(e) {
+	let t = `sv-tabs-${se++}`, n = () => e.tabs(), r = () => e.orientation?.() ?? "horizontal", i = () => e.activation?.() ?? "automatic", a = k(() => n().filter((e) => !e.disabled)), o = k(() => e.value() ?? n().find((e) => !e.disabled)?.id ?? n()[0]?.id ?? ""), s = v(""), l = v(0), u = (e) => {
+		C(s, e, !0), c(l);
+	}, d = (e) => `${t}-tab-${e}`, f = (e) => `${t}-panel-${e}`;
+	function p(t) {
+		let r = n().find((e) => e.id === t);
+		!r || r.disabled || e.onChange?.(t);
+	}
+	function m(t) {
+		n().find((e) => e.id === t)?.closable && e.onClose?.(t);
+	}
+	function h(t) {
+		let n = y(a);
+		if (!n.length) return;
+		let s = n.findIndex((e) => e.id === y(o)), c = r() === "horizontal", l = c && e.dir?.() === "rtl", d = c ? l ? "ArrowLeft" : "ArrowRight" : "ArrowDown", f = c ? l ? "ArrowRight" : "ArrowLeft" : "ArrowUp", h = null;
+		if (t.key === d) h = n[(s + 1) % n.length]?.id ?? null;
+		else if (t.key === f) h = n[(s - 1 + n.length) % n.length]?.id ?? null;
+		else if (t.key === "Home") h = n[0]?.id ?? null;
+		else if (t.key === "End") h = n.at(-1)?.id ?? null;
+		else if ((t.key === "Enter" || t.key === " ") && i() === "manual") {
+			t.preventDefault(), p(y(o));
+			return;
+		} else if (t.key === "Delete") {
+			t.preventDefault(), m(y(o));
+			return;
+		} else return;
+		h && (t.preventDefault(), u(h), i() === "automatic" && p(h));
+	}
+	return {
+		get activeId() {
+			return y(o);
+		},
+		get focusId() {
+			return y(s);
+		},
+		get focusTick() {
+			return y(l);
+		},
+		isActive: (e) => e === y(o),
+		select: p,
+		close: m,
+		onKeydown: h,
+		tablistProps: () => ({
+			role: "tablist",
+			"aria-orientation": r(),
+			"aria-label": e.ariaLabel?.()
+		}),
+		tabProps: (e) => {
+			let t = n().find((t) => t.id === e), r = e === y(o);
+			return {
+				role: "tab",
+				id: d(e),
+				"data-tab": e,
+				"aria-selected": r,
+				"aria-controls": f(e),
+				tabindex: r ? 0 : -1,
+				disabled: t?.disabled,
+				onclick: () => p(e),
+				onkeydown: h
+			};
+		},
+		panelProps: (e) => ({
+			role: "tabpanel",
+			id: f(e),
+			"aria-labelledby": d(e),
+			tabindex: 0
+		})
+	};
+}
+//#endregion
+//#region ../grid/dist/SvTabs.svelte
+var le = P("<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>"), ue = P("<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>"), de = P("<span role=\"presentation\"><button> </button> <!></span>"), fe = P("<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>"), Q = P("<div><!></div>"), pe = P("<div><div class=\"sv-tabs__strip svelte-13z0l57\"><!> <div></div> <!></div> <!></div>");
+function me(e, t) {
+	L(t, !0);
+	let n = I(t, "value", 15), r = I(t, "variant", 3, "line"), i = I(t, "activation", 3, "automatic"), a = I(t, "reorderable", 3, !1), o = k(() => t.tabPosition ?? (t.orientation === "vertical" ? "left" : "top")), s = k(() => y(o) === "left" || y(o) === "right" ? "vertical" : "horizontal"), c = k(() => t.dir === "ltr" || t.dir === "rtl" ? t.dir : void 0), l = v(0), f = v(0), h = v(0), x = k(() => y(s) === "horizontal" && y(h) > y(f) + 1), w = k(() => y(l) <= 1), E = k(() => y(l) + y(f) >= y(h) - 1);
+	function O() {
+		W && (C(f, W.clientWidth, !0), C(h, W.scrollWidth, !0), C(l, W.scrollLeft, !0));
+	}
+	b(() => {
+		t.tabs.length, queueMicrotask(O);
+	}), b(() => {
+		let e = () => O();
+		return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
+	});
+	function j(e) {
+		W?.scrollBy({
+			left: e * Math.max(120, y(f) * .7),
+			behavior: "smooth"
+		});
+	}
+	let M = v(null), P = v(null);
+	function ee(e, n) {
+		if (e === n) return;
+		let r = t.tabs.map((e) => e.id), i = r.indexOf(e), a = r.indexOf(n);
+		i < 0 || a < 0 || (r.splice(a, 0, r.splice(i, 1)[0]), t.onReorder?.(r));
+	}
+	let z = ce({
+		tabs: () => t.tabs,
+		value: () => n(),
+		onChange: (e) => {
+			n(e), t.onChange?.(e);
+		},
+		onClose: (e) => t.onClose?.(e),
+		orientation: () => y(s),
+		activation: () => i(),
+		dir: () => t.dir,
+		ariaLabel: () => t.ariaLabel
+	}), U = k(() => z.activeId), W = null, G = 0;
+	b(() => {
+		if (z.focusTick !== G) {
+			G = z.focusTick;
+			let e = z.focusId;
+			queueMicrotask(() => W?.querySelector(`[data-tab="${e}"]`)?.focus());
+		}
+	});
+	var K = pe(), q = B(K), re = B(q), J = (e) => {
+		var t = le();
+		p(() => t.disabled = y(w)), m("click", t, () => j(-1)), F(e, t);
+	};
+	d(re, (e) => {
+		y(x) && e(J);
+	});
+	var Y = S(re, 2), X = (e) => C(l, e.currentTarget.scrollLeft, !0);
+	V(Y, (e) => ({
+		class: "sv-tabs__list",
+		onscroll: X,
+		...e
+	}), [() => z.tablistProps()], void 0, void 0, "svelte-13z0l57"), H(Y, 21, () => t.tabs, (e) => e.id, (e, t) => {
+		var n = de();
+		let r;
+		var i = B(n);
+		V(i, (e) => ({
+			type: "button",
+			class: "sv-tabs__tab",
+			...e,
+			[D]: { "is-active": y(t).id === y(U) }
+		}), [() => z.tabProps(y(t).id)], void 0, void 0, "svelte-13z0l57");
+		var o = B(i, !0);
+		N(i);
+		var s = S(i, 2), c = (e) => {
+			var n = ue();
+			p(() => A(n, "aria-label", `Close ${y(t).label}`)), m("click", n, (e) => {
+				e.stopPropagation(), z.close(y(t).id);
+			}), F(e, n);
+		};
+		d(s, (e) => {
+			y(t).closable && e(c);
+		}), N(n), p(() => {
+			r = ne(n, 1, "sv-tabs__tabwrap svelte-13z0l57", null, r, {
+				"is-active": y(t).id === y(U),
+				"is-closable": y(t).closable,
+				"is-drag": y(M) === y(t).id,
+				"is-over": y(P) === y(t).id
+			}), A(n, "draggable", a() && !y(t).disabled), _(o, y(t).label);
+		}), g("dragstart", n, function(...e) {
+			(a() ? (e) => {
+				C(M, y(t).id, !0), e.dataTransfer && (e.dataTransfer.effectAllowed = "move");
+			} : void 0)?.apply(this, e);
+		}), g("dragover", n, function(...e) {
+			(a() ? (e) => {
+				e.preventDefault(), C(P, y(t).id, !0);
+			} : void 0)?.apply(this, e);
+		}), g("dragleave", n, function(...e) {
+			(a() ? () => {
+				y(P) === y(t).id && C(P, null);
+			} : void 0)?.apply(this, e);
+		}), g("drop", n, function(...e) {
+			(a() ? (e) => {
+				e.preventDefault(), y(M) && ee(y(M), y(t).id), C(M, null), C(P, null);
+			} : void 0)?.apply(this, e);
+		}), g("dragend", n, function(...e) {
+			(a() ? () => {
+				C(M, null), C(P, null);
+			} : void 0)?.apply(this, e);
+		}), F(e, n);
+	}), N(Y), T(Y, (e) => W = e, () => W);
+	var Z = S(Y, 2), ie = (e) => {
+		var t = fe();
+		p(() => t.disabled = y(E)), m("click", t, () => j(1)), F(e, t);
+	};
+	d(Z, (e) => {
+		y(x) && e(ie);
+	}), N(q);
+	var ae = S(q, 2), oe = (e) => {
+		var n = Q();
+		V(n, (e) => ({
+			class: "sv-tabs__panel",
+			...e
+		}), [() => z.panelProps(y(U))], void 0, void 0, "svelte-13z0l57");
+		var r = B(n);
+		u(r, () => t.panel, () => y(U)), N(n), F(e, n);
+	};
+	d(ae, (e) => {
+		t.panel && e(oe);
+	}), N(K), p(() => {
+		ne(K, 1, `sv-tabs sv-tabs--${y(o) ?? ""} sv-tabs--${y(s) ?? ""} sv-tabs--${r() ?? ""}`, "svelte-13z0l57"), A(K, "dir", y(c)), K.dir = K.dir;
+	}), R(Y, "clientWidth", (e) => C(f, e)), F(e, K), te();
+}
+f(["click"]);
+//#endregion
+//#region ../grid/dist/SvModal.svelte
+var he = P("<button type=\"button\" class=\"sv-modal__x\" aria-label=\"Close\">&times;</button>"), ge = P("<div><h2 class=\"sv-modal__title\"> </h2> <!></div>"), _e = P("<div class=\"sv-modal__footer\"><!></div>"), ve = P("<div class=\"sv-modal__resize\" aria-hidden=\"true\"></div>"), ye = P("<div class=\"sv-modal__backdrop\"><div><!> <div class=\"sv-modal__body\"><!></div> <!> <!></div></div>");
+function be(e, t) {
+	L(t, !0);
+	let n = I(t, "open", 15, !1), r = I(t, "size", 3, "md"), i = I(t, "draggable", 3, !1), a = I(t, "resizable", 3, !1), o = I(t, "closeOnBackdrop", 3, !0), s = I(t, "closeOnEsc", 3, !0), c = I(t, "hideClose", 3, !1), f = W("sv-modal-title"), b = v(null), w = v(x({
+		x: 0,
+		y: 0
+	})), O = v(null);
+	function k() {
+		n(!1), t.onClose?.();
+	}
+	let j = oe({
+		open: () => n(),
+		getDialog: () => y(b),
+		onClose: k,
+		closeOnEsc: () => s(),
+		closeOnBackdrop: () => o(),
+		onOpen: () => {
+			C(w, {
+				x: 0,
+				y: 0
+			}, !0), C(O, null);
+		}
+	}), M = !1, P = {
+		x: 0,
+		y: 0,
+		ox: 0,
+		oy: 0
+	};
+	function R(e) {
+		!i() || e.target.closest(".sv-modal__x") || (M = !0, P = {
+			x: e.clientX,
+			y: e.clientY,
+			ox: y(w).x,
+			oy: y(w).y
+		}, e.currentTarget.setPointerCapture(e.pointerId));
+	}
+	function z(e) {
+		M && C(w, {
+			x: P.ox + (e.clientX - P.x),
+			y: P.oy + (e.clientY - P.y)
+		}, !0);
+	}
+	function H(e) {
+		M && (M = !1, e.currentTarget.releasePointerCapture(e.pointerId));
+	}
+	let K = !1, q = {
+		x: 0,
+		y: 0,
+		w: 0,
+		h: 0
+	};
+	function re(e) {
+		if (!a() || !y(b)) return;
+		e.stopPropagation(), K = !0;
+		let t = y(b).getBoundingClientRect();
+		q = {
+			x: e.clientX,
+			y: e.clientY,
+			w: t.width,
+			h: t.height
+		}, C(O, {
+			w: t.width,
+			h: t.height
+		}, !0), e.currentTarget.setPointerCapture(e.pointerId);
+	}
+	function J(e) {
+		K && C(O, {
+			w: Math.max(240, q.w + (e.clientX - q.x)),
+			h: Math.max(160, q.h + (e.clientY - q.y))
+		}, !0);
+	}
+	function Y(e) {
+		K && (K = !1, e.currentTarget.releasePointerCapture(e.pointerId));
+	}
+	var X = l(), Z = h(X), ie = (e) => {
+		var n = ye(), o = B(n);
+		V(o, (e) => ({
+			class: `sv-modal sv-modal--${r() ?? ""}`,
+			...e,
+			[D]: { "is-resized": !!y(O) },
+			[ee]: {
+				transform: `translate(calc(-50% + ${y(w).x}px), calc(-50% + ${y(w).y}px))`,
+				width: y(O) ? `${y(O).w}px` : t.width ? `${t.width}px` : void 0,
+				height: y(O) ? `${y(O).h}px` : void 0
+			}
+		}), [() => j.dialogProps({ labelledBy: t.title ? f : void 0 })]);
+		var s = B(o), l = (e) => {
+			var n = ge();
+			let r;
+			var a = B(n), o = B(a, !0);
+			N(a);
+			var s = S(a, 2), l = (e) => {
+				var t = he();
+				m("click", t, k), F(e, t);
+			};
+			d(s, (e) => {
+				c() || e(l);
+			}), N(n), p(() => {
+				r = ne(n, 1, "sv-modal__header", null, r, { "is-draggable": i() }), A(a, "id", f), _(o, t.title ?? "");
+			}), m("pointerdown", n, R), m("pointermove", n, z), m("pointerup", n, H), g("pointercancel", n, H), F(e, n);
+		};
+		d(s, (e) => {
+			(t.title || !c()) && e(l);
+		});
+		var h = S(s, 2), v = B(h);
+		u(v, () => t.children ?? E), N(h);
+		var x = S(h, 2), M = (e) => {
+			var n = _e(), r = B(n);
+			u(r, () => t.footer), N(n), F(e, n);
+		};
+		d(x, (e) => {
+			t.footer && e(M);
+		});
+		var P = S(x, 2), I = (e) => {
+			var t = ve();
+			m("pointerdown", t, re), m("pointermove", t, J), m("pointerup", t, Y), g("pointercancel", t, Y), F(e, t);
+		};
+		d(P, (e) => {
+			a() && e(I);
+		}), N(o), T(o, (e) => C(b, e), () => y(b)), N(n), U(n, (e) => G?.(e)), F(e, n);
+	};
+	d(Z, (e) => {
+		n() && e(ie);
+	}), F(e, X), te();
+}
+f([
+	"pointerdown",
+	"pointermove",
+	"pointerup",
+	"click"
+]);
+//#endregion
+//#region ../grid/dist/chart-samples.js
+var $ = null;
+function xe() {
+	if ($) return $;
+	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 $ = i, i;
+}
+function Se(c, l) {
+	let u = xe(), d = o(u, {
+		type: "bar",
+		category: "region",
+		value: "revenue"
+	}), f = o(u, {
+		type: "bar",
+		category: "region",
+		value: "revenue",
+		series: "channel"
+	}), p = o(u, {
+		type: "line",
+		category: "day",
+		value: "revenue",
+		bucket: "month"
+	}), m = o(u, {
+		type: "area",
+		category: "day",
+		value: "revenue",
+		series: "channel",
+		bucket: "month"
+	}), h = () => n(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"
+	}), g = () => {
+		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"
+		};
+	}, _;
+	switch (c) {
+		case "line":
+			_ = {
+				...m,
+				type: "line"
+			};
+			break;
+		case "area":
+			_ = {
+				...m,
+				type: "area",
+				stacked: !0
+			};
+			break;
+		case "lollipop":
+			_ = {
+				...d,
+				type: "lollipop"
+			};
+			break;
+		case "dumbbell":
+			_ = {
+				...h(),
+				type: "dumbbell"
+			};
+			break;
+		case "range-bar":
+			_ = h();
+			break;
+		case "range-area":
+			_ = {
+				...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":
+			_ = {
+				...o(u, {
+					type: "bar",
+					category: "channel",
+					value: "units"
+				}),
+				type: "pareto"
+			};
+			break;
+		case "radial-column":
+			_ = {
+				...f,
+				type: "radial-column",
+				stacked: !0
+			};
+			break;
+		case "radial-bar":
+			_ = {
+				...d,
+				type: "radial-bar"
+			};
+			break;
+		case "nightingale":
+			_ = {
+				...p,
+				type: "nightingale"
+			};
+			break;
+		case "pie":
+			_ = {
+				...d,
+				type: "pie",
+				innerRadius: .55
+			};
+			break;
+		case "treemap":
+			_ = {
+				...f,
+				type: "treemap",
+				treemap: r(f)
+			};
+			break;
+		case "sunburst":
+			_ = {
+				...f,
+				type: "sunburst",
+				tree: r(f)
+			};
+			break;
+		case "funnel":
+			_ = {
+				type: "funnel",
+				categories: [
+					"Visits",
+					"Sign-ups",
+					"Trials",
+					"Paid"
+				],
+				series: [{
+					label: "Users",
+					values: [
+						12400,
+						5100,
+						2300,
+						880
+					]
+				}]
+			};
+			break;
+		case "waterfall":
+			_ = {
+				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 = a(f);
+			_ = {
+				...f,
+				type: "sankey",
+				sankeyNodes: e.nodes,
+				sankeyLinks: e.links
+			};
+			break;
+		}
+		case "chord": {
+			let e = a(f);
+			_ = {
+				...f,
+				type: "chord",
+				sankeyNodes: e.nodes,
+				sankeyLinks: e.links
+			};
+			break;
+		}
+		case "radar":
+			_ = {
+				...f,
+				type: "radar"
+			};
+			break;
+		case "heatmap":
+			_ = {
+				...f,
+				type: "heatmap"
+			};
+			break;
+		case "scatter":
+			_ = s(u.slice(0, 80), {
+				x: "cost",
+				y: "revenue",
+				series: "channel",
+				r: "units"
+			});
+			break;
+		case "boxplot":
+			_ = i(u, {
+				category: "region",
+				value: "revenue"
+			});
+			break;
+		case "histogram":
+			_ = e(u, {
+				value: "revenue",
+				bins: 10
+			});
+			break;
+		case "gauge":
+			_ = {
+				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":
+			_ = {
+				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 = o(u, {
+				type: "bar",
+				category: "day",
+				value: "units"
+			});
+			_ = {
+				...e,
+				type: "calendar",
+				calendarValues: t(e)
+			};
+			break;
+		}
+		case "stream":
+			_ = {
+				...m,
+				type: "stream",
+				stacked: !0,
+				stackOffset: "wiggle"
+			};
+			break;
+		case "candlestick":
+			_ = {
+				type: "candlestick",
+				...g()
+			};
+			break;
+		case "ohlc":
+			_ = {
+				type: "ohlc",
+				...g()
+			};
+			break;
+		default: _ = {
+			...f,
+			type: "bar"
+		};
+	}
+	return l ? {
+		..._,
+		palette: l
+	} : _;
+}
+function Ce(e, t, n = 150, r = 92) {
+	let i = Se(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 we = P("<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>"), Te = P("<div class=\"sv-grid-chart-builder-group svelte-1yr3emi\"> </div> <div class=\"sv-grid-chart-builder-cards svelte-1yr3emi\"></div>", 1), Ee = P("<div class=\"sv-grid-chart-builder-gallery\"></div>"), De = P("<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>"), Oe = P("<option> </option>"), ke = P("<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>"), Ae = P("<span> </span>"), je = P("<option> </option>"), Me = P("<input type=\"text\" class=\"svelte-1yr3emi\"/>"), Ne = P("<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>"), Pe = P("<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>"), Fe = P("<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>"), Ie = P("<div class=\"sv-grid-chart-builder svelte-1yr3emi\"><!></div>");
+function Le(e, t) {
+	L(t, !0);
+	let n = I(t, "ctrl", 7), r = I(t, "open", 15, !1), i = v("type"), a = k(() => [...new Set(t.types.map((e) => e.group))]), o = k(() => n().chartSpec), s = k(() => n().chartPalette ?? void 0), c = k(() => y(o)?.series.map((e) => e.label) ?? []), u = k(() => n().chartFormat ?? {});
+	function f(e) {
+		n().chartFormat = {
+			...y(u),
+			...e
+		};
+	}
+	function g(e, t) {
+		f({ [e]: {
+			...y(u)[e] ?? {},
+			...t
+		} });
+	}
+	function b(e, t) {
+		f({ series: {
+			...y(u).series ?? {},
+			[e]: {
+				...y(u).series?.[e] ?? {},
+				...t
+			}
+		} });
+	}
+	function x(e) {
+		f({ style: {
+			...y(u).style ?? {},
+			...e
+		} });
+	}
+	let T = (e) => e.trim() === "" ? null : Number(e), D = k(() => !!y(o)?.series.some((e) => e.axis === "right") || !!y(u).series && Object.values(y(u).series).some((e) => e?.axis === "right")), P = k(() => !!y(o) && ["bar", "area"].includes(y(o).type)), ee = [
+		"circle",
+		"square",
+		"diamond",
+		"triangle",
+		"cross",
+		"none"
+	], R = [
+		"number",
+		"currency",
+		"percent",
+		"compact"
+	];
+	be(e, {
+		get title() {
+			return t.messages.chartBuilderTitle;
+		},
+		size: "lg",
+		get open() {
+			return r();
+		},
+		set open(e) {
+			r(e);
+		},
+		children: (e, r) => {
+			var v = Ie(), I = B(v);
+			{
+				let e = (e, r = E) => {
+					var i = l(), v = h(i), C = (e) => {
+						var r = Ee();
+						H(r, 20, () => y(a), (e) => e, (e, r) => {
+							var i = Te(), a = h(i), o = B(a, !0);
+							N(a);
+							var c = S(a, 2);
+							H(c, 21, () => t.types.filter((e) => e.group === r), (e) => e.value, (e, t) => {
+								var r = we();
+								let i;
+								var a = B(r), o = B(a);
+								{
+									let e = k(() => Ce(y(t).value, y(s)));
+									re(o, {
+										get spec() {
+											return y(e);
+										},
+										interactive: !1,
+										legend: !1,
+										toolbar: !1,
+										announce: !1
+									});
+								}
+								N(a);
+								var c = S(a, 2), l = B(c, !0);
+								N(c), N(r), p(() => {
+									i = ne(r, 1, "sv-grid-chart-builder-card svelte-1yr3emi", null, i, { "is-selected": n().chartType === y(t).value }), A(r, "aria-pressed", n().chartType === y(t).value), A(r, "title", y(t).label), _(l, y(t).label);
+								}), m("click", r, () => n().chartType = y(t).value), F(e, r);
+							}), N(c), p(() => _(o, r)), F(e, i);
+						}), N(r), F(e, r);
+					}, I = (e) => {
+						var r = De(), i = B(r);
+						J(i, {
+							get ctrl() {
+								return n();
+							},
+							get messages() {
+								return t.messages;
+							},
+							scope: "builder"
+						});
+						var a = S(i, 2), o = B(a), s = B(o, !0);
+						N(o);
+						var c = S(o, 2);
+						O(c);
+						var l = S(c, 2), u = B(l, !0);
+						N(l), N(a), N(r), p((e) => {
+							_(s, t.messages.chartBuilderLinked), z(c, !n().chartFrozen), _(u, e);
+						}, [() => n().chartFrozen ? Y(t.messages.chartBuilderFrozenAt, { time: new Date(n().chartFrozen.at).toLocaleTimeString() }) : t.messages.chartBuilderFollows]), m("change", c, (e) => e.currentTarget.checked ? n().unfreezeChart() : n().freezeChart()), F(e, r);
+					}, L = (e) => {
+						var r = Fe(), i = B(r), a = B(i), s = B(a, !0);
+						N(a);
+						var l = S(a);
+						O(l), N(i);
+						var h = S(i, 2), v = B(h), C = B(v, !0);
+						N(v);
+						var E = S(v);
+						O(E), N(h);
+						var I = S(h, 2), L = B(I), te = B(L, !0);
+						N(L);
+						var V = S(L);
+						O(V), N(I);
+						var U = S(I, 2), W = B(U), G = B(W, !0);
+						N(W);
+						var K = S(W, 2), q = B(K), re = B(q, !0);
+						N(q), q.value = q.__value = "bottom";
+						var J = S(q), X = B(J, !0);
+						N(J), J.value = J.__value = "top";
+						var Z = S(J), ie = B(Z, !0);
+						N(Z), Z.value = Z.__value = "left";
+						var ae = S(Z), oe = B(ae, !0);
+						N(ae), ae.value = ae.__value = "right";
+						var se = S(ae), ce = B(se, !0);
+						N(se), se.value = se.__value = "none", N(K);
+						var le;
+						j(K), N(U);
+						var ue = S(U, 2), de = B(ue), fe = B(de, !0);
+						N(de);
+						var Q = S(de, 2), pe = B(Q), me = B(pe, !0);
+						N(pe), pe.value = pe.__value = "auto";
+						var he = S(pe), ge = B(he, !0);
+						N(he), he.value = he.__value = "top";
+						var _e = S(he), ve = B(_e, !0);
+						N(_e), _e.value = _e.__value = "outside";
+						var ye = S(_e), be = B(ye, !0);
+						N(ye), ye.value = ye.__value = "inside";
+						var $ = S(ye), xe = B($, !0);
+						N($), $.value = $.__value = "center";
+						var Se = S($), Ce = B(Se, !0);
+						N(Se), Se.value = Se.__value = "none", N(Q);
+						var we;
+						j(Q), N(ue);
+						var Te = S(ue, 2), Ee = B(Te), De = B(Ee, !0);
+						N(Ee);
+						var Ie = S(Ee);
+						O(Ie), N(Te);
+						var Le = S(Te, 2), Re = B(Le), ze = B(Re, !0);
+						N(Re);
+						var Be = S(Re);
+						O(Be), N(Le);
+						var Ve = S(Le, 2), He = B(Ve), Ue = B(He, !0);
+						N(He);
+						var We = S(He, 2);
+						O(We), N(Ve);
+						var Ge = S(Ve, 2), Ke = B(Ge), qe = B(Ke, !0);
+						N(Ke);
+						var Je = S(Ke, 2), Ye = B(Je), Xe = B(Ye, !0);
+						N(Ye);
+						var Ze = S(Ye);
+						O(Ze), N(Je);
+						var Qe = S(Je, 2), $e = B(Qe), et = B($e, !0);
+						N($e);
+						var tt = S($e);
+						O(tt), N(Qe);
+						var nt = S(Qe, 2), rt = B(nt), it = B(rt, !0);
+						N(rt);
+						var at = S(rt);
+						O(at), N(nt);
+						var ot = S(nt, 2), st = B(ot), ct = B(st, !0);
+						N(st);
+						var lt = S(st, 2), ut = B(lt), dt = B(ut, !0);
+						N(ut), ut.value = ut.__value = "";
+						var ft = S(ut);
+						H(ft, 16, () => R, (e) => e, (e, t) => {
+							var n = Oe(), r = B(n, !0);
+							N(n);
+							var i = {};
+							p(() => {
+								_(r, t), i !== (i = t) && (n.value = (n.__value = t) ?? "");
+							}), F(e, n);
+						}), N(lt);
+						var pt;
+						j(lt), N(ot);
+						var mt = S(ot, 2), ht = B(mt), gt = B(ht, !0);
+						N(ht);
+						var _t = S(ht);
+						O(_t), N(mt), N(Ge);
+						var vt = S(Ge, 2), yt = (e) => {
+							var n = ke(), r = B(n), i = B(r, !0);
+							N(r);
+							var a = S(r, 2), o = B(a), s = B(o, !0);
+							N(o);
+							var c = S(o);
+							O(c), N(a);
+							var l = S(a, 2), d = B(l), f = B(d, !0);
+							N(d);
+							var h = S(d);
+							O(h), N(l);
+							var v = S(l, 2), b = B(v), x = B(b, !0);
+							N(b);
+							var C = S(b);
+							O(C), N(v), N(n), p(() => {
+								_(i, t.messages.chartBuilderRightAxis), _(s, t.messages.chartBuilderTitleField), M(c, y(u).y2Axis?.title ?? ""), _(f, t.messages.chartBuilderMin), M(h, y(u).y2Axis?.min ?? ""), A(h, "placeholder", t.messages.chartBuilderAuto), _(x, t.messages.chartBuilderMax), M(C, y(u).y2Axis?.max ?? ""), A(C, "placeholder", t.messages.chartBuilderAuto);
+							}), m("input", c, (e) => g("y2Axis", { title: e.currentTarget.value })), m("change", h, (e) => g("y2Axis", { min: T(e.currentTarget.value) })), m("change", C, (e) => g("y2Axis", { max: T(e.currentTarget.value) })), F(e, n);
+						};
+						d(vt, (e) => {
+							y(D) && e(yt);
+						});
+						var bt = S(vt, 2), xt = B(bt), St = B(xt, !0);
+						N(xt);
+						var Ct = S(xt, 2), wt = B(Ct), Tt = B(wt, !0);
+						N(wt);
+						var Et = S(wt);
+						O(Et), N(Ct);
+						var Dt = S(Ct, 2), Ot = B(Dt), kt = B(Ot, !0);
+						N(Ot);
+						var At = S(Ot);
+						O(At), N(Dt);
+						var jt = S(Dt, 2), Mt = B(jt), Nt = B(Mt, !0);
+						N(Mt);
+						var Pt = S(Mt, 2), Ft = B(Pt), It = B(Ft, !0);
+						N(Ft), Ft.value = Ft.__value = "auto";
+						var Lt = S(Ft), Rt = B(Lt, !0);
+						N(Lt), Lt.value = Lt.__value = "0";
+						var zt = S(Lt), Bt = B(zt, !0);
+						N(zt), zt.value = zt.__value = "-45";
+						var Vt = S(zt), Ht = B(Vt, !0);
+						N(Vt), Vt.value = Vt.__value = "-90", N(Pt);
+						var Ut;
+						j(Pt), N(jt), N(bt);
+						var Wt = S(bt, 2), Gt = (e) => {
+							var n = Pe(), r = B(n), i = B(r, !0);
+							N(r);
+							var a = S(r, 2);
+							let s;
+							var l = B(a), f = B(l, !0);
+							N(l);
+							var h = S(l), g = B(h, !0);
+							N(h);
+							var v = S(h), x = B(v, !0);
+							N(v);
+							var C = S(v), T = B(C, !0);
+							N(C);
+							var E = S(C), D = B(E, !0);
+							N(E);
+							var I = S(E), L = B(I, !0);
+							N(I);
+							var R = S(I), z = (e) => {
+								var n = Ae(), r = B(n, !0);
+								N(n), p(() => _(r, t.messages.chartBuilderStack)), F(e, n);
+							};
+							d(R, (e) => {
+								y(P) && e(z);
+							}), N(a);
+							var te = S(a, 2);
+							H(te, 16, () => y(c), (e) => e, (e, n) => {
+								let r = k(() => y(u).series?.[n] ?? {}), i = k(() => y(o)?.series.find((e) => e.label === n));
+								var a = Ne();
+								let s;
+								var c = B(a), l = B(c, !0);
+								N(c);
+								var f = S(c, 2);
+								O(f);
+								var h = S(f, 2), g = B(h), v = B(g, !0);
+								N(g), g.value = g.__value = "";
+								var x = S(g), C = B(x, !0);
+								N(x), x.value = x.__value = "bar";
+								var T = S(x), E = B(T, !0);
+								N(T), T.value = T.__value = "line";
+								var D = S(T), I = B(D, !0);
+								N(D), D.value = D.__value = "area", N(h);
+								var L;
+								j(h);
+								var R = S(h, 2), z = B(R), te = B(z, !0);
+								N(z), z.value = z.__value = "left";
+								var V = S(z), U = B(V, !0);
+								N(V), V.value = V.__value = "right", N(R);
+								var W;
+								j(R);
+								var G = S(R, 2);
+								H(G, 20, () => ee, (e) => e, (e, t) => {
+									var n = je(), r = B(n, !0);
+									N(n);
+									var i = {};
+									p(() => {
+										_(r, t), i !== (i = t) && (n.value = (n.__value = t) ?? "");
+									}), F(e, n);
+								}), N(G);
+								var K;
+								j(G);
+								var q = S(G, 2);
+								O(q);
+								var re = S(q, 2), J = (e) => {
+									var a = Me();
+									O(a), p((e) => {
+										M(a, y(r).stack ?? y(i)?.stack ?? ""), A(a, "placeholder", t.messages.chartBuilderStackPlaceholder), A(a, "aria-label", e);
+									}, [() => Y(t.messages.chartBuilderSeriesStackLabel, { series: n })]), m("change", a, (e) => b(n, { stack: e.currentTarget.value.trim() })), F(e, a);
+								};
+								d(re, (e) => {
+									y(P) && e(J);
+								}), N(a), p((e, o, u, d, p) => {
+									s = ne(a, 1, "sv-grid-chart-builder-series svelte-1yr3emi", null, s, { "has-stack": y(P) }), A(a, "data-series", n), A(c, "title", n), _(l, n), M(f, y(r).color ?? y(i)?.color ?? "#2563eb"), A(f, "aria-label", e), A(h, "aria-label", o), _(v, t.messages.chartBuilderChartType), _(C, t.messages.chartBuilderBar), _(E, t.messages.chartBuilderLine), _(I, t.messages.chartBuilderArea), L !== (L = y(r).type ?? y(i)?.type ?? "") && (h.value = (h.__value = y(r).type ?? y(i)?.type ?? "") ?? "", w(h, y(r).type ?? y(i)?.type ?? "")), A(R, "aria-label", u), _(te, t.messages.chartBuilderLeft), _(U, t.messages.chartBuilderRight), W !== (W = y(r).axis ?? y(i)?.axis ?? "left") && (R.value = (R.__value = y(r).axis ?? y(i)?.axis ?? "left") ?? "", w(R, y(r).axis ?? y(i)?.axis ?? "left")), A(G, "aria-label", d), K !== (K = y(r).marker ?? "circle") && (G.value = (G.__value = y(r).marker ?? "circle") ?? "", w(G, y(r).marker ?? "circle")), M(q, y(r).strokeWidth ?? 2), A(q, "aria-label", p);
+								}, [
+									() => Y(t.messages.chartBuilderSeriesColorLabel, { series: n }),
+									() => Y(t.messages.chartBuilderSeriesTypeLabel, { series: n }),
+									() => Y(t.messages.chartBuilderSeriesAxisLabel, { series: n }),
+									() => Y(t.messages.chartBuilderSeriesMarkerLabel, { series: n }),
+									() => Y(t.messages.chartBuilderSeriesWidthLabel, { series: n })
+								]), m("input", f, (e) => b(n, { color: e.currentTarget.value })), m("change", h, (e) => b(n, { type: e.currentTarget.value || void 0 })), m("change", R, (e) => b(n, { axis: e.currentTarget.value })), m("change", G, (e) => b(n, { marker: e.currentTarget.value })), m("change", q, (e) => b(n, { strokeWidth: Number(e.currentTarget.value) || 2 })), F(e, a);
+							}), N(n), p(() => {
+								_(i, t.messages.chartBuilderSeries), s = ne(a, 1, "sv-grid-chart-builder-series-head svelte-1yr3emi", null, s, { "has-stack": y(P) }), _(f, t.messages.chartBuilderSeries), _(g, t.messages.chartBuilderColor), _(x, t.messages.chartBuilderSeriesType), _(T, t.messages.chartBuilderAxis), _(D, t.messages.chartBuilderMarker), _(L, t.messages.chartBuilderWidth);
+							}), F(e, n);
+						};
+						d(Wt, (e) => {
+							y(c).length && e(Gt);
+						});
+						var Kt = S(Wt, 2), qt = B(Kt), Jt = B(qt, !0);
+						N(qt);
+						var Yt = S(qt, 2), Xt = B(Yt), Zt = B(Xt, !0);
+						N(Xt);
+						var Qt = S(Xt);
+						O(Qt), N(Yt);
+						var $t = S(Yt, 2), en = B($t), tn = B(en, !0);
+						N(en);
+						var nn = S(en);
+						O(nn), N($t);
+						var rn = S($t, 2), an = B(rn), on = B(an, !0);
+						N(an);
+						var sn = S(an);
+						O(sn), N(rn);
+						var cn = S(rn, 2), ln = B(cn), un = B(ln, !0);
+						N(ln);
+						var dn = S(ln);
+						O(dn), N(cn), N(Kt);
+						var fn = S(Kt, 2), pn = B(fn), mn = B(pn, !0);
+						N(pn), N(fn), N(r), p((e) => {
+							_(s, t.messages.chartBuilderTitleField), M(l, y(u).title ?? ""), _(C, t.messages.chartBuilderSubtitle), M(E, y(u).subtitle ?? ""), _(te, t.messages.chartBuilderCaption), M(V, y(u).caption ?? ""), _(G, t.messages.chartBuilderLegend), _(re, t.messages.chartLegendBottom), _(X, t.messages.chartLegendTop), _(ie, t.messages.chartLegendLeft), _(oe, t.messages.chartLegendRight), _(ce, t.messages.chartLegendHidden), le !== (le = y(u).legend === !1 ? "none" : y(u).legend ?? "bottom") && (K.value = (K.__value = y(u).legend === !1 ? "none" : y(u).legend ?? "bottom") ?? "", w(K, y(u).legend === !1 ? "none" : y(u).legend ?? "bottom")), _(fe, t.messages.chartBuilderDataLabels), _(me, t.messages.chartBuilderPanelSetting), _(ge, t.messages.chartLabelsTop), _(ve, t.messages.chartLabelsOutside), _(be, t.messages.chartLabelsInside), _(xe, t.messages.chartLabelsCenter), _(Ce, t.messages.chartLabelsHidden), we !== (we = y(u).dataLabels === null ? "none" : y(u).dataLabels ?? "auto") && (Q.value = (Q.__value = y(u).dataLabels === null ? "none" : y(u).dataLabels ?? "auto") ?? "", w(Q, y(u).dataLabels === null ? "none" : y(u).dataLabels ?? "auto")), _(De, t.messages.chartBuilderSeriesLabels), z(Ie, y(u).seriesLabels === !0), _(ze, t.messages.chartBuilderCrosshairLabels), z(Be, y(u).crosshairLabels !== !1), A(Ve, "title", t.messages.chartBuilderCompactBelowTitle), _(Ue, t.messages.chartBuilderCompactBelow), M(We, y(u).compactBelow ?? ""), A(We, "placeholder", t.messages.chartBuilderOff), _(qe, t.messages.chartBuilderValueAxis), _(Xe, t.messages.chartBuilderTitleField), M(Ze, y(u).yAxis?.title ?? ""), _(et, t.messages.chartBuilderMin), M(tt, y(u).yAxis?.min ?? ""), A(tt, "placeholder", t.messages.chartBuilderAuto), _(it, t.messages.chartBuilderMax), M(at, y(u).yAxis?.max ?? ""), A(at, "placeholder", t.messages.chartBuilderAuto), _(ct, t.messages.chartFormat), _(dt, t.messages.chartBuilderPanelSetting), pt !== (pt = y(u).yAxis?.format ?? "") && (lt.value = (lt.__value = y(u).yAxis?.format ?? "") ?? "", w(lt, y(u).yAxis?.format ?? "")), _(gt, t.messages.chartBuilderGridLines), z(_t, y(u).yAxis?.gridLines !== !1), _(St, t.messages.chartBuilderCategoryAxis), _(Tt, t.messages.chartBuilderTitleField), M(Et, y(u).xAxis?.title ?? ""), _(kt, t.messages.chartBuilderGridLines), z(At, y(u).xAxis?.gridLines === !0), _(Nt, t.messages.chartBuilderAxisLabels), _(It, t.messages.chartBuilderLabelsAuto), _(Rt, t.messages.chartBuilderLabelsHorizontal), _(Bt, t.messages.chartBuilderLabelsTilted), _(Ht, t.messages.chartBuilderLabelsVertical), Ut !== (Ut = e) && (Pt.value = (Pt.__value = e) ?? "", w(Pt, e)), _(Jt, t.messages.chartBuilderStyle), _(Zt, t.messages.chartBuilderFontSize), M(Qt, y(u).style?.fontSize ?? ""), _(tn, t.messages.chartBuilderFontFamily), M(nn, y(u).style?.fontFamily ?? ""), _(on, t.messages.chartBuilderBackground), M(sn, y(u).style?.background ?? ""), _(un, t.messages.chartBuilderTextColor), M(dn, y(u).style?.textColor ?? ""), _(mn, t.messages.chartBuilderResetFormat);
+						}, [() => y(u).xAxis?.labelRotation === void 0 ? "auto" : String(y(u).xAxis.labelRotation)]), m("input", l, (e) => f({ title: e.currentTarget.value })), m("input", E, (e) => f({ subtitle: e.currentTarget.value })), m("input", V, (e) => f({ caption: e.currentTarget.value })), m("change", K, (e) => f({ legend: e.currentTarget.value !== "none" && e.currentTarget.value })), m("change", Q, (e) => f({ dataLabels: e.currentTarget.value === "auto" ? void 0 : e.currentTarget.value === "none" ? null : e.currentTarget.value })), m("change", Ie, (e) => f({ seriesLabels: e.currentTarget.checked })), m("change", Be, (e) => f({ crosshairLabels: e.currentTarget.checked })), m("change", We, (e) => f({ compactBelow: T(e.currentTarget.value) })), m("input", Ze, (e) => g("yAxis", { title: e.currentTarget.value })), m("change", tt, (e) => g("yAxis", { min: T(e.currentTarget.value) })), m("change", at, (e) => g("yAxis", { max: T(e.currentTarget.value) })), m("change", lt, (e) => g("yAxis", { format: e.currentTarget.value || void 0 })), m("change", _t, (e) => g("yAxis", { gridLines: e.currentTarget.checked })), m("input", Et, (e) => g("xAxis", { title: e.currentTarget.value })), m("change", At, (e) => g("xAxis", { gridLines: e.currentTarget.checked })), m("change", Pt, (e) => g("xAxis", { labelRotation: e.currentTarget.value === "auto" ? "auto" : Number(e.currentTarget.value) })), m("change", Qt, (e) => x({ fontSize: T(e.currentTarget.value) ?? void 0 })), m("input", nn, (e) => x({ fontFamily: e.currentTarget.value || void 0 })), m("input", sn, (e) => x({ background: e.currentTarget.value || void 0 })), m("input", dn, (e) => x({ textColor: e.currentTarget.value || void 0 })), m("click", pn, () => n().chartFormat = null), F(e, r);
+					};
+					d(v, (e) => {
+						r() === "type" ? e(C) : r() === "data" ? e(I, 1) : e(L, -1);
+					}), F(e, i);
+				}, r = k(() => [
+					{
+						id: "type",
+						label: t.messages.chartBuilderTabType
+					},
+					{
+						id: "data",
+						label: t.messages.chartBuilderTabData
+					},
+					{
+						id: "format",
+						label: t.messages.chartBuilderTabFormat
+					}
+				]);
+				me(I, {
+					get tabs() {
+						return y(r);
+					},
+					get ariaLabel() {
+						return t.messages.chartBuilderTitle;
+					},
+					get value() {
+						return y(i);
+					},
+					set value(e) {
+						C(i, e, !0);
+					},
+					panel: e,
+					$$slots: { panel: !0 }
+				});
+			}
+			N(v), F(e, v);
+		},
+		$$slots: { default: !0 }
+	}), te();
+}
+f([
+	"click",
+	"change",
+	"input"
+]);
+//#endregion
+export { Le as default };