@svgrid/grid-wc 3.0.8 → 3.0.9

package/dist/{SvGridChartBuilder-DDl_Bv8k.js → SvGridChartBuilder-Dpw2X4pR.js}

@@ -1,12 +1,12 @@
 (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-nwSa4jQe.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 { $ as c, A as l, D as u, I as d, J as f, L as p, M as m, O as h, Q as g, R as _, U as v, W as y, X as b, Y as x, Z as S, _ as C, a as w, at as T, c as E, d as D, et as ee, f as O, g as k, h as A, j, k as M, l as N, n as P, nt as F, o as I, ot as L, p as R, rt as te, tt as z, u as B, w as V, x as H, y as ne, z as U } from "./client-wYhMjrKG.js";
 import { i as W } from "./editor-contract-peBDxir_.js";
 import { r as G } from "./popover-WsGlvtQv.js";
 import { t as K } from "./dismissable-CQ6XFXsk.js";
 import { n as q, t as J } from "./focus-trap-Dbb2tJxb.js";
-import { t as Y } from "./SvGridChart-BSNYAW_W.js";
-import { n as X, t as Z } from "./SvGridChartPanel-DkIR-3rA.js";
+import { t as Y } from "./SvGridChart-Bj2Pr2u9.js";
+import { n as X, t as Z } from "./SvGridChartPanel-Ce78cR3g.js";
 //#region ../grid/dist/a11y/scroll-lock.js
 var Q = 0, re = "", $ = "";
 function ie() {
@@ -30,7 +30,7 @@ function ie() {
 //#endregion
 //#region ../grid/dist/createOverlay.svelte.js
 function ae(e) {
-	return b(() => {
+	return y(() => {
 		if (!e.open() || !e.getDialog()) return;
 		e.onOpen?.();
 		let t = e.getDialog(), n = e.trapFocus?.() ?? !0 ? J(t, e.initialFocus ? { initialFocus: e.initialFocus } : void 0) : null;
@@ -56,8 +56,8 @@ function ae(e) {
 //#region ../grid/dist/createTabs.svelte.js
 var oe = 0;
 function se(e) {
-	let t = `sv-tabs-${oe++}`, 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);
+	let t = `sv-tabs-${oe++}`, n = () => e.tabs(), r = () => e.orientation?.() ?? "horizontal", i = () => e.activation?.() ?? "automatic", a = z(() => n().filter((e) => !e.disabled)), o = z(() => e.value() ?? n().find((e) => !e.disabled)?.id ?? n()[0]?.id ?? ""), s = c(""), l = c(0), u = (e) => {
+		g(s, e, !0), ee(l);
 	}, d = (e) => `${t}-tab-${e}`, f = (e) => `${t}-panel-${e}`;
 	function p(t) {
 		let r = n().find((e) => e.id === t);
@@ -67,33 +67,33 @@ function se(e) {
 		n().find((e) => e.id === t)?.closable && e.onClose?.(t);
 	}
 	function h(t) {
-		let n = y(a);
+		let n = U(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;
+		let s = n.findIndex((e) => e.id === U(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));
+			t.preventDefault(), p(U(o));
 			return;
 		} else if (t.key === "Delete") {
-			t.preventDefault(), m(y(o));
+			t.preventDefault(), m(U(o));
 			return;
 		} else return;
 		h && (t.preventDefault(), u(h), i() === "automatic" && p(h));
 	}
 	return {
 		get activeId() {
-			return y(o);
+			return U(o);
 		},
 		get focusId() {
-			return y(s);
+			return U(s);
 		},
 		get focusTick() {
-			return y(l);
+			return U(l);
 		},
-		isActive: (e) => e === y(o),
+		isActive: (e) => e === U(o),
 		select: p,
 		close: m,
 		onKeydown: h,
@@ -103,7 +103,7 @@ function se(e) {
 			"aria-label": e.ariaLabel?.()
 		}),
 		tabProps: (e) => {
-			let t = n().find((t) => t.id === e), r = e === y(o);
+			let t = n().find((t) => t.id === e), r = e === U(o);
 			return {
 				role: "tab",
 				id: d(e),
@@ -126,181 +126,181 @@ function se(e) {
 }
 //#endregion
 //#region ../grid/dist/SvTabs.svelte
-var ce = 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>"), le = 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>"), ue = P("<span role=\"presentation\"><button> </button> <!></span>"), de = 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>"), fe = P("<div><!></div>"), pe = P("<div><div class=\"sv-tabs__strip svelte-13z0l57\"><!> <div></div> <!></div> <!></div>");
+var ce = m("<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>"), le = m("<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>"), ue = m("<span role=\"presentation\"><button> </button> <!></span>"), de = m("<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>"), fe = m("<div><!></div>"), pe = m("<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));
+	te(t, !0);
+	let n = P(t, "value", 15), r = P(t, "variant", 3, "line"), i = P(t, "activation", 3, "automatic"), a = P(t, "reorderable", 3, !1), o = z(() => t.tabPosition ?? (t.orientation === "vertical" ? "left" : "top")), s = z(() => U(o) === "left" || U(o) === "right" ? "vertical" : "horizontal"), d = z(() => t.dir === "ltr" || t.dir === "rtl" ? t.dir : void 0), m = c(0), x = c(0), S = c(0), C = z(() => U(s) === "horizontal" && U(S) > U(x) + 1), D = z(() => U(m) <= 1), ee = z(() => U(m) + U(x) >= U(S) - 1);
+	function k() {
+		W && (g(x, W.clientWidth, !0), g(S, W.scrollWidth, !0), g(m, W.scrollLeft, !0));
 	}
-	b(() => {
-		t.tabs.length, queueMicrotask(O);
-	}), b(() => {
-		let e = () => O();
+	y(() => {
+		t.tabs.length, queueMicrotask(k);
+	}), y(() => {
+		let e = () => k();
 		return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
 	});
-	function j(e) {
+	function A(e) {
 		W?.scrollBy({
-			left: e * Math.max(120, y(f) * .7),
+			left: e * Math.max(120, U(x) * .7),
 			behavior: "smooth"
 		});
 	}
-	let M = v(null), P = v(null);
-	function ee(e, n) {
+	let j = c(null), N = c(null);
+	function L(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 = se({
+	let R = se({
 		tabs: () => t.tabs,
 		value: () => n(),
 		onChange: (e) => {
 			n(e), t.onChange?.(e);
 		},
 		onClose: (e) => t.onClose?.(e),
-		orientation: () => y(s),
+		orientation: () => U(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;
+	}), H = z(() => R.activeId), W = null, G = 0;
+	y(() => {
+		if (R.focusTick !== G) {
+			G = R.focusTick;
+			let e = R.focusId;
 			queueMicrotask(() => W?.querySelector(`[data-tab="${e}"]`)?.focus());
 		}
 	});
-	var K = pe(), q = B(K), J = B(q), Y = (e) => {
+	var K = pe(), q = f(K), J = f(q), Y = (e) => {
 		var t = ce();
-		p(() => t.disabled = y(w)), m("click", t, () => j(-1)), F(e, t);
+		v(() => t.disabled = U(D)), p("click", t, () => A(-1)), l(e, t);
 	};
-	d(J, (e) => {
-		y(x) && e(Y);
+	u(J, (e) => {
+		U(C) && e(Y);
 	});
-	var X = S(J, 2), Z = (e) => C(l, e.currentTarget.scrollLeft, !0);
-	V(X, (e) => ({
+	var X = b(J, 2), Z = (e) => g(m, e.currentTarget.scrollLeft, !0);
+	B(X, (e) => ({
 		class: "sv-tabs__list",
 		onscroll: Z,
 		...e
-	}), [() => z.tablistProps()], void 0, void 0, "svelte-13z0l57"), H(X, 21, () => t.tabs, (e) => e.id, (e, t) => {
+	}), [() => R.tablistProps()], void 0, void 0, "svelte-13z0l57"), V(X, 21, () => t.tabs, (e) => e.id, (e, t) => {
 		var n = ue();
 		let r;
-		var i = B(n);
-		V(i, (e) => ({
+		var i = f(n);
+		B(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) => {
+			[E]: { "is-active": U(t).id === U(H) }
+		}), [() => R.tabProps(U(t).id)], void 0, void 0, "svelte-13z0l57");
+		var o = f(i, !0);
+		T(i);
+		var s = b(i, 2), c = (e) => {
 			var n = le();
-			p(() => A(n, "aria-label", `Close ${y(t).label}`)), m("click", n, (e) => {
-				e.stopPropagation(), z.close(y(t).id);
-			}), F(e, n);
+			v(() => O(n, "aria-label", `Close ${U(t).label}`)), p("click", n, (e) => {
+				e.stopPropagation(), R.close(U(t).id);
+			}), l(e, n);
 		};
-		d(s, (e) => {
-			y(t).closable && e(c);
-		}), N(n), p(() => {
+		u(s, (e) => {
+			U(t).closable && e(c);
+		}), T(n), v(() => {
 			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) {
+				"is-active": U(t).id === U(H),
+				"is-closable": U(t).closable,
+				"is-drag": U(j) === U(t).id,
+				"is-over": U(N) === U(t).id
+			}), O(n, "draggable", a() && !U(t).disabled), M(o, U(t).label);
+		}), _("dragstart", n, function(...e) {
 			(a() ? (e) => {
-				C(M, y(t).id, !0), e.dataTransfer && (e.dataTransfer.effectAllowed = "move");
+				g(j, U(t).id, !0), e.dataTransfer && (e.dataTransfer.effectAllowed = "move");
 			} : void 0)?.apply(this, e);
-		}), g("dragover", n, function(...e) {
+		}), _("dragover", n, function(...e) {
 			(a() ? (e) => {
-				e.preventDefault(), C(P, y(t).id, !0);
+				e.preventDefault(), g(N, U(t).id, !0);
 			} : void 0)?.apply(this, e);
-		}), g("dragleave", n, function(...e) {
+		}), _("dragleave", n, function(...e) {
 			(a() ? () => {
-				y(P) === y(t).id && C(P, null);
+				U(N) === U(t).id && g(N, null);
 			} : void 0)?.apply(this, e);
-		}), g("drop", n, function(...e) {
+		}), _("drop", n, function(...e) {
 			(a() ? (e) => {
-				e.preventDefault(), y(M) && ee(y(M), y(t).id), C(M, null), C(P, null);
+				e.preventDefault(), U(j) && L(U(j), U(t).id), g(j, null), g(N, null);
 			} : void 0)?.apply(this, e);
-		}), g("dragend", n, function(...e) {
+		}), _("dragend", n, function(...e) {
 			(a() ? () => {
-				C(M, null), C(P, null);
+				g(j, null), g(N, null);
 			} : void 0)?.apply(this, e);
-		}), F(e, n);
-	}), N(X), T(X, (e) => W = e, () => W);
-	var Q = S(X, 2), re = (e) => {
+		}), l(e, n);
+	}), T(X), w(X, (e) => W = e, () => W);
+	var Q = b(X, 2), re = (e) => {
 		var t = de();
-		p(() => t.disabled = y(E)), m("click", t, () => j(1)), F(e, t);
+		v(() => t.disabled = U(ee)), p("click", t, () => A(1)), l(e, t);
 	};
-	d(Q, (e) => {
-		y(x) && e(re);
-	}), N(q);
-	var $ = S(q, 2), ie = (e) => {
+	u(Q, (e) => {
+		U(C) && e(re);
+	}), T(q);
+	var $ = b(q, 2), ie = (e) => {
 		var n = fe();
-		V(n, (e) => ({
+		B(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);
+		}), [() => R.panelProps(U(H))], void 0, void 0, "svelte-13z0l57");
+		var r = f(n);
+		h(r, () => t.panel, () => U(H)), T(n), l(e, n);
 	};
-	d($, (e) => {
+	u($, (e) => {
 		t.panel && e(ie);
-	}), 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(X, "clientWidth", (e) => C(f, e)), F(e, K), te();
+	}), T(K), v(() => {
+		ne(K, 1, `sv-tabs sv-tabs--${U(o) ?? ""} sv-tabs--${U(s) ?? ""} sv-tabs--${r() ?? ""}`, "svelte-13z0l57"), O(K, "dir", U(d)), K.dir = K.dir;
+	}), I(X, "clientWidth", (e) => g(x, e)), l(e, K), F();
 }
-f(["click"]);
+d(["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>");
+var he = m("<button type=\"button\" class=\"sv-modal__x\" aria-label=\"Close\">&times;</button>"), ge = m("<div><h2 class=\"sv-modal__title\"> </h2> <!></div>"), _e = m("<div class=\"sv-modal__footer\"><!></div>"), ve = m("<div class=\"sv-modal__resize\" aria-hidden=\"true\"></div>"), ye = m("<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({
+	te(t, !0);
+	let n = P(t, "open", 15, !1), r = P(t, "size", 3, "md"), i = P(t, "draggable", 3, !1), a = P(t, "resizable", 3, !1), o = P(t, "closeOnBackdrop", 3, !0), s = P(t, "closeOnEsc", 3, !0), d = P(t, "hideClose", 3, !1), m = W("sv-modal-title"), y = c(null), C = c(S({
 		x: 0,
 		y: 0
-	})), O = v(null);
-	function k() {
+	})), D = c(null);
+	function ee() {
 		n(!1), t.onClose?.();
 	}
-	let j = ae({
+	let k = ae({
 		open: () => n(),
-		getDialog: () => y(b),
-		onClose: k,
+		getDialog: () => U(y),
+		onClose: ee,
 		closeOnEsc: () => s(),
 		closeOnBackdrop: () => o(),
 		onOpen: () => {
-			C(w, {
+			g(C, {
 				x: 0,
 				y: 0
-			}, !0), C(O, null);
+			}, !0), g(D, null);
 		},
-		initialFocus: () => t.initialFocus?.() || (y(b) ? q(y(b)).find((e) => !e.closest(".sv-modal__header")) ?? y(b) : null)
-	}), M = !1, P = {
+		initialFocus: () => t.initialFocus?.() || (U(y) ? q(U(y)).find((e) => !e.closest(".sv-modal__header")) ?? U(y) : null)
+	}), A = !1, I = {
 		x: 0,
 		y: 0,
 		ox: 0,
 		oy: 0
 	};
 	function R(e) {
-		!i() || e.target.closest(".sv-modal__x") || (M = !0, P = {
+		!i() || e.target.closest(".sv-modal__x") || (A = !0, I = {
 			x: e.clientX,
 			y: e.clientY,
-			ox: y(w).x,
-			oy: y(w).y
+			ox: U(C).x,
+			oy: U(C).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)
+		A && g(C, {
+			x: I.ox + (e.clientX - I.x),
+			y: I.oy + (e.clientY - I.y)
 		}, !0);
 	}
-	function H(e) {
-		M && (M = !1, e.currentTarget.releasePointerCapture(e.pointerId));
+	function V(e) {
+		A && (A = !1, e.currentTarget.releasePointerCapture(e.pointerId));
 	}
 	let K = !1, J = {
 		x: 0,
@@ -309,21 +309,21 @@ function be(e, t) {
 		h: 0
 	};
 	function Y(e) {
-		if (!a() || !y(b)) return;
+		if (!a() || !U(y)) return;
 		e.stopPropagation(), K = !0;
-		let t = y(b).getBoundingClientRect();
+		let t = U(y).getBoundingClientRect();
 		J = {
 			x: e.clientX,
 			y: e.clientY,
 			w: t.width,
 			h: t.height
-		}, C(O, {
+		}, g(D, {
 			w: t.width,
 			h: t.height
 		}, !0), e.currentTarget.setPointerCapture(e.pointerId);
 	}
 	function X(e) {
-		K && C(O, {
+		K && g(D, {
 			w: Math.max(240, J.w + (e.clientX - J.x)),
 			h: Math.max(160, J.h + (e.clientY - J.y))
 		}, !0);
@@ -331,58 +331,58 @@ function be(e, t) {
 	function Z(e) {
 		K && (K = !1, e.currentTarget.releasePointerCapture(e.pointerId));
 	}
-	var Q = l(), re = h(Q), $ = (e) => {
-		var n = ye(), o = B(n);
-		V(o, (e) => ({
+	var Q = j(), re = x(Q), $ = (e) => {
+		var n = ye(), o = f(n);
+		B(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
+			[E]: { "is-resized": !!U(D) },
+			[N]: {
+				transform: `translate(calc(-50% + ${U(C).x}px), calc(-50% + ${U(C).y}px))`,
+				width: U(D) ? `${U(D).w}px` : t.width ? `${t.width}px` : void 0,
+				height: U(D) ? `${U(D).h}px` : void 0
 			}
-		}), [() => j.dialogProps({ labelledBy: t.title ? f : void 0 })]);
-		var s = B(o), l = (e) => {
+		}), [() => k.dialogProps({ labelledBy: t.title ? m : void 0 })]);
+		var s = f(o), c = (e) => {
 			var n = ge();
 			let r;
-			var a = B(n), o = B(a, !0);
-			N(a);
-			var s = S(a, 2), l = (e) => {
+			var a = f(n), o = f(a, !0);
+			T(a);
+			var s = b(a, 2), c = (e) => {
 				var t = he();
-				m("click", t, k), F(e, t);
+				p("click", t, ee), l(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);
+			u(s, (e) => {
+				d() || e(c);
+			}), T(n), v(() => {
+				r = ne(n, 1, "sv-modal__header", null, r, { "is-draggable": i() }), O(a, "id", m), M(o, t.title ?? "");
+			}), p("pointerdown", n, R), p("pointermove", n, z), p("pointerup", n, V), _("pointercancel", n, V), l(e, n);
 		};
-		d(s, (e) => {
-			(t.title || !c()) && e(l);
+		u(s, (e) => {
+			(t.title || !d()) && e(c);
 		});
-		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);
+		var x = b(s, 2), S = f(x);
+		h(S, () => t.children ?? L), T(x);
+		var A = b(x, 2), j = (e) => {
+			var n = _e(), r = f(n);
+			h(r, () => t.footer), T(n), l(e, n);
 		};
-		d(x, (e) => {
-			t.footer && e(M);
+		u(A, (e) => {
+			t.footer && e(j);
 		});
-		var P = S(x, 2), I = (e) => {
+		var P = b(A, 2), F = (e) => {
 			var t = ve();
-			m("pointerdown", t, Y), m("pointermove", t, X), m("pointerup", t, Z), g("pointercancel", t, Z), F(e, t);
+			p("pointerdown", t, Y), p("pointermove", t, X), p("pointerup", t, Z), _("pointercancel", t, Z), l(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);
+		u(P, (e) => {
+			a() && e(F);
+		}), T(o), w(o, (e) => g(y, e), () => U(y)), T(n), H(n, (e) => G?.(e)), l(e, n);
 	};
-	d(re, (e) => {
+	u(re, (e) => {
 		n() && e($);
-	}), F(e, Q), te();
+	}), l(e, Q), F();
 }
-f([
+d([
 	"pointerdown",
 	"pointermove",
 	"pointerup",
@@ -771,45 +771,45 @@ function we(e, t, n = 150, r = 92) {
 }
 //#endregion
 //#region ../grid/dist/SvGridChartBuilder.svelte
-var Te = 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>"), Ee = P("<div class=\"sv-grid-chart-builder-group svelte-1yr3emi\"> </div> <div class=\"sv-grid-chart-builder-cards svelte-1yr3emi\"></div>", 1), De = P("<div class=\"sv-grid-chart-builder-gallery\"></div>"), Oe = 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>"), ke = P("<option> </option>"), Ae = 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>"), je = P("<span> </span>"), Me = P("<option> </option>"), Ne = P("<input type=\"text\" class=\"svelte-1yr3emi\"/>"), Pe = 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>"), Fe = 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>"), Ie = 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>"), Le = P("<div class=\"sv-grid-chart-builder svelte-1yr3emi\"><!></div>");
+var Te = m("<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>"), Ee = m("<div class=\"sv-grid-chart-builder-group svelte-1yr3emi\"> </div> <div class=\"sv-grid-chart-builder-cards svelte-1yr3emi\"></div>", 1), De = m("<div class=\"sv-grid-chart-builder-gallery\"></div>"), Oe = m("<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>"), ke = m("<option> </option>"), Ae = m("<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>"), je = m("<span> </span>"), Me = m("<option> </option>"), Ne = m("<input type=\"text\" class=\"svelte-1yr3emi\"/>"), Pe = m("<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>"), Fe = m("<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>"), Ie = m("<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>"), Le = m("<div class=\"sv-grid-chart-builder svelte-1yr3emi\"><!></div>");
 function Re(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) {
+	te(t, !0);
+	let n = P(t, "ctrl", 7), r = P(t, "open", 15, !1), i = c("type"), a = z(() => [...new Set(t.types.map((e) => e.group))]), o = z(() => n().chartSpec), s = z(() => n().chartPalette ?? void 0), d = z(() => U(o)?.series.map((e) => e.label) ?? []), m = z(() => n().chartFormat ?? {});
+	function h(e) {
 		n().chartFormat = {
-			...y(u),
+			...U(m),
 			...e
 		};
 	}
-	function g(e, t) {
-		f({ [e]: {
-			...y(u)[e] ?? {},
+	function _(e, t) {
+		h({ [e]: {
+			...U(m)[e] ?? {},
 			...t
 		} });
 	}
-	function b(e, t) {
-		f({ series: {
-			...y(u).series ?? {},
+	function y(e, t) {
+		h({ series: {
+			...U(m).series ?? {},
 			[e]: {
-				...y(u).series?.[e] ?? {},
+				...U(m).series?.[e] ?? {},
 				...t
 			}
 		} });
 	}
-	function x(e) {
-		f({ style: {
-			...y(u).style ?? {},
+	function S(e) {
+		h({ style: {
+			...U(m).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 = [
+	let w = (e) => e.trim() === "" ? null : Number(e), E = z(() => !!U(o)?.series.some((e) => e.axis === "right") || !!U(m).series && Object.values(U(m).series).some((e) => e?.axis === "right")), ee = z(() => !!U(o) && ["bar", "area"].includes(U(o).type)), N = [
 		"circle",
 		"square",
 		"diamond",
 		"triangle",
 		"cross",
 		"none"
-	], R = [
+	], I = [
 		"number",
 		"currency",
 		"percent",
@@ -827,24 +827,24 @@ function Re(e, t) {
 			r(e);
 		},
 		children: (e, r) => {
-			var v = Le(), I = B(v);
+			var c = Le(), P = f(c);
 			{
-				let e = (e, r = E) => {
-					var i = l(), v = h(i), C = (e) => {
+				let e = (e, r = L) => {
+					var i = j(), c = x(i), g = (e) => {
 						var r = De();
-						H(r, 20, () => y(a), (e) => e, (e, r) => {
-							var i = Ee(), 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) => {
+						V(r, 20, () => U(a), (e) => e, (e, r) => {
+							var i = Ee(), a = x(i), o = f(a, !0);
+							T(a);
+							var c = b(a, 2);
+							V(c, 21, () => t.types.filter((e) => e.group === r), (e) => e.value, (e, t) => {
 								var r = Te();
 								let i;
-								var a = B(r), o = B(a);
+								var a = f(r), o = f(a);
 								{
-									let e = k(() => we(y(t).value, y(s)));
+									let e = z(() => we(U(t).value, U(s)));
 									Y(o, {
 										get spec() {
-											return y(e);
+											return U(e);
 										},
 										interactive: !1,
 										legend: !1,
@@ -852,15 +852,15 @@ function Re(e, t) {
 										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 = Oe(), i = B(r);
+								T(a);
+								var c = b(a, 2), u = f(c, !0);
+								T(c), T(r), v(() => {
+									i = ne(r, 1, "sv-grid-chart-builder-card svelte-1yr3emi", null, i, { "is-selected": n().chartType === U(t).value }), O(r, "aria-pressed", n().chartType === U(t).value), O(r, "title", U(t).label), M(u, U(t).label);
+								}), p("click", r, () => n().chartType = U(t).value), l(e, r);
+							}), T(c), v(() => M(o, r)), l(e, i);
+						}), T(r), l(e, r);
+					}, P = (e) => {
+						var r = Oe(), i = f(r);
 						X(i, {
 							get ctrl() {
 								return n();
@@ -870,258 +870,258 @@ function Re(e, t) {
 							},
 							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 ? Z(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 = Ie(), 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), J = B(q, !0);
-						N(q), q.value = q.__value = "bottom";
-						var Y = S(q), X = B(Y, !0);
-						N(Y), Y.value = Y.__value = "top";
-						var Q = S(Y), re = B(Q, !0);
-						N(Q), Q.value = Q.__value = "left";
-						var $ = S(Q), ie = B($, !0);
-						N($), $.value = $.__value = "right";
-						var ae = S($), oe = B(ae, !0);
-						N(ae), ae.value = ae.__value = "none", N(K);
+						var a = b(i, 2), o = f(a), s = f(o, !0);
+						T(o);
+						var c = b(o, 2);
+						D(c);
+						var u = b(c, 2), d = f(u, !0);
+						T(u), T(a), T(r), v((e) => {
+							M(s, t.messages.chartBuilderLinked), R(c, !n().chartFrozen), M(d, e);
+						}, [() => n().chartFrozen ? Z(t.messages.chartBuilderFrozenAt, { time: new Date(n().chartFrozen.at).toLocaleTimeString() }) : t.messages.chartBuilderFollows]), p("change", c, (e) => e.currentTarget.checked ? n().unfreezeChart() : n().freezeChart()), l(e, r);
+					}, F = (e) => {
+						var r = Ie(), i = f(r), a = f(i), s = f(a, !0);
+						T(a);
+						var c = b(a);
+						D(c), T(i);
+						var g = b(i, 2), x = f(g), j = f(x, !0);
+						T(x);
+						var P = b(x);
+						D(P), T(g);
+						var F = b(g, 2), L = f(F), te = f(L, !0);
+						T(L);
+						var B = b(L);
+						D(B), T(F);
+						var H = b(F, 2), W = f(H), G = f(W, !0);
+						T(W);
+						var K = b(W, 2), q = f(K), J = f(q, !0);
+						T(q), q.value = q.__value = "bottom";
+						var Y = b(q), X = f(Y, !0);
+						T(Y), Y.value = Y.__value = "top";
+						var Q = b(Y), re = f(Q, !0);
+						T(Q), Q.value = Q.__value = "left";
+						var $ = b(Q), ie = f($, !0);
+						T($), $.value = $.__value = "right";
+						var ae = b($), oe = f(ae, !0);
+						T(ae), ae.value = ae.__value = "none", T(K);
 						var se;
-						j(K), N(U);
-						var ce = S(U, 2), le = B(ce), ue = B(le, !0);
-						N(le);
-						var de = S(le, 2), fe = B(de), pe = B(fe, !0);
-						N(fe), fe.value = fe.__value = "auto";
-						var me = S(fe), he = B(me, !0);
-						N(me), me.value = me.__value = "top";
-						var ge = S(me), _e = B(ge, !0);
-						N(ge), ge.value = ge.__value = "outside";
-						var ve = S(ge), ye = B(ve, !0);
-						N(ve), ve.value = ve.__value = "inside";
-						var be = S(ve), xe = B(be, !0);
-						N(be), be.value = be.__value = "center";
-						var Se = S(be), Ce = B(Se, !0);
-						N(Se), Se.value = Se.__value = "none", N(de);
+						k(K), T(H);
+						var ce = b(H, 2), le = f(ce), ue = f(le, !0);
+						T(le);
+						var de = b(le, 2), fe = f(de), pe = f(fe, !0);
+						T(fe), fe.value = fe.__value = "auto";
+						var me = b(fe), he = f(me, !0);
+						T(me), me.value = me.__value = "top";
+						var ge = b(me), _e = f(ge, !0);
+						T(ge), ge.value = ge.__value = "outside";
+						var ve = b(ge), ye = f(ve, !0);
+						T(ve), ve.value = ve.__value = "inside";
+						var be = b(ve), xe = f(be, !0);
+						T(be), be.value = be.__value = "center";
+						var Se = b(be), Ce = f(Se, !0);
+						T(Se), Se.value = Se.__value = "none", T(de);
 						var we;
-						j(de), N(ce);
-						var Te = S(ce, 2), Ee = B(Te), De = B(Ee, !0);
-						N(Ee);
-						var Oe = S(Ee);
-						O(Oe), 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 = ke(), r = B(n, !0);
-							N(n);
+						k(de), T(ce);
+						var Te = b(ce, 2), Ee = f(Te), De = f(Ee, !0);
+						T(Ee);
+						var Oe = b(Ee);
+						D(Oe), T(Te);
+						var Le = b(Te, 2), Re = f(Le), ze = f(Re, !0);
+						T(Re);
+						var Be = b(Re);
+						D(Be), T(Le);
+						var Ve = b(Le, 2), He = f(Ve), Ue = f(He, !0);
+						T(He);
+						var We = b(He, 2);
+						D(We), T(Ve);
+						var Ge = b(Ve, 2), Ke = f(Ge), qe = f(Ke, !0);
+						T(Ke);
+						var Je = b(Ke, 2), Ye = f(Je), Xe = f(Ye, !0);
+						T(Ye);
+						var Ze = b(Ye);
+						D(Ze), T(Je);
+						var Qe = b(Je, 2), $e = f(Qe), et = f($e, !0);
+						T($e);
+						var tt = b($e);
+						D(tt), T(Qe);
+						var nt = b(Qe, 2), rt = f(nt), it = f(rt, !0);
+						T(rt);
+						var at = b(rt);
+						D(at), T(nt);
+						var ot = b(nt, 2), st = f(ot), ct = f(st, !0);
+						T(st);
+						var lt = b(st, 2), ut = f(lt), dt = f(ut, !0);
+						T(ut), ut.value = ut.__value = "";
+						var ft = b(ut);
+						V(ft, 16, () => I, (e) => e, (e, t) => {
+							var n = ke(), r = f(n, !0);
+							T(n);
 							var i = {};
-							p(() => {
-								_(r, t), i !== (i = t) && (n.value = (n.__value = t) ?? "");
-							}), F(e, n);
-						}), N(lt);
+							v(() => {
+								M(r, t), i !== (i = t) && (n.value = (n.__value = t) ?? "");
+							}), l(e, n);
+						}), T(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 = Ae(), 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);
+						k(lt), T(ot);
+						var mt = b(ot, 2), ht = f(mt), gt = f(ht, !0);
+						T(ht);
+						var _t = b(ht);
+						D(_t), T(mt), T(Ge);
+						var vt = b(Ge, 2), yt = (e) => {
+							var n = Ae(), r = f(n), i = f(r, !0);
+							T(r);
+							var a = b(r, 2), o = f(a), s = f(o, !0);
+							T(o);
+							var c = b(o);
+							D(c), T(a);
+							var u = b(a, 2), d = f(u), h = f(d, !0);
+							T(d);
+							var g = b(d);
+							D(g), T(u);
+							var y = b(u, 2), x = f(y), S = f(x, !0);
+							T(x);
+							var C = b(x);
+							D(C), T(y), T(n), v(() => {
+								M(i, t.messages.chartBuilderRightAxis), M(s, t.messages.chartBuilderTitleField), A(c, U(m).y2Axis?.title ?? ""), M(h, t.messages.chartBuilderMin), A(g, U(m).y2Axis?.min ?? ""), O(g, "placeholder", t.messages.chartBuilderAuto), M(S, t.messages.chartBuilderMax), A(C, U(m).y2Axis?.max ?? ""), O(C, "placeholder", t.messages.chartBuilderAuto);
+							}), p("input", c, (e) => _("y2Axis", { title: e.currentTarget.value })), p("change", g, (e) => _("y2Axis", { min: w(e.currentTarget.value) })), p("change", C, (e) => _("y2Axis", { max: w(e.currentTarget.value) })), l(e, n);
 						};
-						d(vt, (e) => {
-							y(D) && e(yt);
+						u(vt, (e) => {
+							U(E) && 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 bt = b(vt, 2), xt = f(bt), St = f(xt, !0);
+						T(xt);
+						var Ct = b(xt, 2), wt = f(Ct), Tt = f(wt, !0);
+						T(wt);
+						var Et = b(wt);
+						D(Et), T(Ct);
+						var Dt = b(Ct, 2), Ot = f(Dt), kt = f(Ot, !0);
+						T(Ot);
+						var At = b(Ot);
+						D(At), T(Dt);
+						var jt = b(Dt, 2), Mt = f(jt), Nt = f(Mt, !0);
+						T(Mt);
+						var Pt = b(Mt, 2), Ft = f(Pt), It = f(Ft, !0);
+						T(Ft), Ft.value = Ft.__value = "auto";
+						var Lt = b(Ft), Rt = f(Lt, !0);
+						T(Lt), Lt.value = Lt.__value = "0";
+						var zt = b(Lt), Bt = f(zt, !0);
+						T(zt), zt.value = zt.__value = "-45";
+						var Vt = b(zt), Ht = f(Vt, !0);
+						T(Vt), Vt.value = Vt.__value = "-90", T(Pt);
 						var Ut;
-						j(Pt), N(jt), N(bt);
-						var Wt = S(bt, 2), Gt = (e) => {
-							var n = Fe(), r = B(n), i = B(r, !0);
-							N(r);
-							var a = S(r, 2);
+						k(Pt), T(jt), T(bt);
+						var Wt = b(bt, 2), Gt = (e) => {
+							var n = Fe(), r = f(n), i = f(r, !0);
+							T(r);
+							var a = b(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 = je(), r = B(n, !0);
-								N(n), p(() => _(r, t.messages.chartBuilderStack)), F(e, n);
+							var c = f(a), h = f(c, !0);
+							T(c);
+							var g = b(c), _ = f(g, !0);
+							T(g);
+							var x = b(g), S = f(x, !0);
+							T(x);
+							var w = b(x), E = f(w, !0);
+							T(w);
+							var j = b(w), P = f(j, !0);
+							T(j);
+							var F = b(j), I = f(F, !0);
+							T(F);
+							var L = b(F), R = (e) => {
+								var n = je(), r = f(n, !0);
+								T(n), v(() => M(r, t.messages.chartBuilderStack)), l(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));
+							u(L, (e) => {
+								U(ee) && e(R);
+							}), T(a);
+							var te = b(a, 2);
+							V(te, 16, () => U(d), (e) => e, (e, n) => {
+								let r = z(() => U(m).series?.[n] ?? {}), i = z(() => U(o)?.series.find((e) => e.label === n));
 								var a = Pe();
 								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 c = f(a), d = f(c, !0);
+								T(c);
+								var h = b(c, 2);
+								D(h);
+								var g = b(h, 2), _ = f(g), x = f(_, !0);
+								T(_), _.value = _.__value = "";
+								var S = b(_), w = f(S, !0);
+								T(S), S.value = S.__value = "bar";
+								var E = b(S), j = f(E, !0);
+								T(E), E.value = E.__value = "line";
+								var P = b(E), F = f(P, !0);
+								T(P), P.value = P.__value = "area", T(g);
+								var I;
+								k(g);
+								var L = b(g, 2), R = f(L), te = f(R, !0);
+								T(R), R.value = R.__value = "left";
+								var B = b(R), H = f(B, !0);
+								T(B), B.value = B.__value = "right", T(L);
 								var W;
-								j(R);
-								var G = S(R, 2);
-								H(G, 20, () => ee, (e) => e, (e, t) => {
-									var n = Me(), r = B(n, !0);
-									N(n);
+								k(L);
+								var G = b(L, 2);
+								V(G, 20, () => N, (e) => e, (e, t) => {
+									var n = Me(), r = f(n, !0);
+									T(n);
 									var i = {};
-									p(() => {
-										_(r, t), i !== (i = t) && (n.value = (n.__value = t) ?? "");
-									}), F(e, n);
-								}), N(G);
+									v(() => {
+										M(r, t), i !== (i = t) && (n.value = (n.__value = t) ?? "");
+									}), l(e, n);
+								}), T(G);
 								var K;
-								j(G);
-								var q = S(G, 2);
-								O(q);
-								var J = S(q, 2), Y = (e) => {
+								k(G);
+								var q = b(G, 2);
+								D(q);
+								var J = b(q, 2), Y = (e) => {
 									var a = Ne();
-									O(a), p((e) => {
-										M(a, y(r).stack ?? y(i)?.stack ?? ""), A(a, "placeholder", t.messages.chartBuilderStackPlaceholder), A(a, "aria-label", e);
-									}, [() => Z(t.messages.chartBuilderSeriesStackLabel, { series: n })]), m("change", a, (e) => b(n, { stack: e.currentTarget.value.trim() })), F(e, a);
+									D(a), v((e) => {
+										A(a, U(r).stack ?? U(i)?.stack ?? ""), O(a, "placeholder", t.messages.chartBuilderStackPlaceholder), O(a, "aria-label", e);
+									}, [() => Z(t.messages.chartBuilderSeriesStackLabel, { series: n })]), p("change", a, (e) => y(n, { stack: e.currentTarget.value.trim() })), l(e, a);
 								};
-								d(J, (e) => {
-									y(P) && e(Y);
-								}), 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);
+								u(J, (e) => {
+									U(ee) && e(Y);
+								}), T(a), v((e, o, l, u, f) => {
+									s = ne(a, 1, "sv-grid-chart-builder-series svelte-1yr3emi", null, s, { "has-stack": U(ee) }), O(a, "data-series", n), O(c, "title", n), M(d, n), A(h, U(r).color ?? U(i)?.color ?? "#2563eb"), O(h, "aria-label", e), O(g, "aria-label", o), M(x, t.messages.chartBuilderChartType), M(w, t.messages.chartBuilderBar), M(j, t.messages.chartBuilderLine), M(F, t.messages.chartBuilderArea), I !== (I = U(r).type ?? U(i)?.type ?? "") && (g.value = (g.__value = U(r).type ?? U(i)?.type ?? "") ?? "", C(g, U(r).type ?? U(i)?.type ?? "")), O(L, "aria-label", l), M(te, t.messages.chartBuilderLeft), M(H, t.messages.chartBuilderRight), W !== (W = U(r).axis ?? U(i)?.axis ?? "left") && (L.value = (L.__value = U(r).axis ?? U(i)?.axis ?? "left") ?? "", C(L, U(r).axis ?? U(i)?.axis ?? "left")), O(G, "aria-label", u), K !== (K = U(r).marker ?? "circle") && (G.value = (G.__value = U(r).marker ?? "circle") ?? "", C(G, U(r).marker ?? "circle")), A(q, U(r).strokeWidth ?? 2), O(q, "aria-label", f);
 								}, [
 									() => Z(t.messages.chartBuilderSeriesColorLabel, { series: n }),
 									() => Z(t.messages.chartBuilderSeriesTypeLabel, { series: n }),
 									() => Z(t.messages.chartBuilderSeriesAxisLabel, { series: n }),
 									() => Z(t.messages.chartBuilderSeriesMarkerLabel, { series: n }),
 									() => Z(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);
+								]), p("input", h, (e) => y(n, { color: e.currentTarget.value })), p("change", g, (e) => y(n, { type: e.currentTarget.value || void 0 })), p("change", L, (e) => y(n, { axis: e.currentTarget.value })), p("change", G, (e) => y(n, { marker: e.currentTarget.value })), p("change", q, (e) => y(n, { strokeWidth: Number(e.currentTarget.value) || 2 })), l(e, a);
+							}), T(n), v(() => {
+								M(i, t.messages.chartBuilderSeries), s = ne(a, 1, "sv-grid-chart-builder-series-head svelte-1yr3emi", null, s, { "has-stack": U(ee) }), M(h, t.messages.chartBuilderSeries), M(_, t.messages.chartBuilderColor), M(S, t.messages.chartBuilderSeriesType), M(E, t.messages.chartBuilderAxis), M(P, t.messages.chartBuilderMarker), M(I, t.messages.chartBuilderWidth);
+							}), l(e, n);
 						};
-						d(Wt, (e) => {
-							y(c).length && e(Gt);
+						u(Wt, (e) => {
+							U(d).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), _(J, t.messages.chartLegendBottom), _(X, t.messages.chartLegendTop), _(re, t.messages.chartLegendLeft), _(ie, t.messages.chartLegendRight), _(oe, t.messages.chartLegendHidden), se !== (se = 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")), _(ue, t.messages.chartBuilderDataLabels), _(pe, t.messages.chartBuilderPanelSetting), _(he, t.messages.chartLabelsTop), _(_e, t.messages.chartLabelsOutside), _(ye, t.messages.chartLabelsInside), _(xe, t.messages.chartLabelsCenter), _(Ce, t.messages.chartLabelsHidden), we !== (we = y(u).dataLabels === null ? "none" : y(u).dataLabels ?? "auto") && (de.value = (de.__value = y(u).dataLabels === null ? "none" : y(u).dataLabels ?? "auto") ?? "", w(de, y(u).dataLabels === null ? "none" : y(u).dataLabels ?? "auto")), _(De, t.messages.chartBuilderSeriesLabels), z(Oe, 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", de, (e) => f({ dataLabels: e.currentTarget.value === "auto" ? void 0 : e.currentTarget.value === "none" ? null : e.currentTarget.value })), m("change", Oe, (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);
+						var Kt = b(Wt, 2), qt = f(Kt), Jt = f(qt, !0);
+						T(qt);
+						var Yt = b(qt, 2), Xt = f(Yt), Zt = f(Xt, !0);
+						T(Xt);
+						var Qt = b(Xt);
+						D(Qt), T(Yt);
+						var $t = b(Yt, 2), en = f($t), tn = f(en, !0);
+						T(en);
+						var nn = b(en);
+						D(nn), T($t);
+						var rn = b($t, 2), an = f(rn), on = f(an, !0);
+						T(an);
+						var sn = b(an);
+						D(sn), T(rn);
+						var cn = b(rn, 2), ln = f(cn), un = f(ln, !0);
+						T(ln);
+						var dn = b(ln);
+						D(dn), T(cn), T(Kt);
+						var fn = b(Kt, 2), pn = f(fn), mn = f(pn, !0);
+						T(pn), T(fn), T(r), v((e) => {
+							M(s, t.messages.chartBuilderTitleField), A(c, U(m).title ?? ""), M(j, t.messages.chartBuilderSubtitle), A(P, U(m).subtitle ?? ""), M(te, t.messages.chartBuilderCaption), A(B, U(m).caption ?? ""), M(G, t.messages.chartBuilderLegend), M(J, t.messages.chartLegendBottom), M(X, t.messages.chartLegendTop), M(re, t.messages.chartLegendLeft), M(ie, t.messages.chartLegendRight), M(oe, t.messages.chartLegendHidden), se !== (se = U(m).legend === !1 ? "none" : U(m).legend ?? "bottom") && (K.value = (K.__value = U(m).legend === !1 ? "none" : U(m).legend ?? "bottom") ?? "", C(K, U(m).legend === !1 ? "none" : U(m).legend ?? "bottom")), M(ue, t.messages.chartBuilderDataLabels), M(pe, t.messages.chartBuilderPanelSetting), M(he, t.messages.chartLabelsTop), M(_e, t.messages.chartLabelsOutside), M(ye, t.messages.chartLabelsInside), M(xe, t.messages.chartLabelsCenter), M(Ce, t.messages.chartLabelsHidden), we !== (we = U(m).dataLabels === null ? "none" : U(m).dataLabels ?? "auto") && (de.value = (de.__value = U(m).dataLabels === null ? "none" : U(m).dataLabels ?? "auto") ?? "", C(de, U(m).dataLabels === null ? "none" : U(m).dataLabels ?? "auto")), M(De, t.messages.chartBuilderSeriesLabels), R(Oe, U(m).seriesLabels === !0), M(ze, t.messages.chartBuilderCrosshairLabels), R(Be, U(m).crosshairLabels !== !1), O(Ve, "title", t.messages.chartBuilderCompactBelowTitle), M(Ue, t.messages.chartBuilderCompactBelow), A(We, U(m).compactBelow ?? ""), O(We, "placeholder", t.messages.chartBuilderOff), M(qe, t.messages.chartBuilderValueAxis), M(Xe, t.messages.chartBuilderTitleField), A(Ze, U(m).yAxis?.title ?? ""), M(et, t.messages.chartBuilderMin), A(tt, U(m).yAxis?.min ?? ""), O(tt, "placeholder", t.messages.chartBuilderAuto), M(it, t.messages.chartBuilderMax), A(at, U(m).yAxis?.max ?? ""), O(at, "placeholder", t.messages.chartBuilderAuto), M(ct, t.messages.chartFormat), M(dt, t.messages.chartBuilderPanelSetting), pt !== (pt = U(m).yAxis?.format ?? "") && (lt.value = (lt.__value = U(m).yAxis?.format ?? "") ?? "", C(lt, U(m).yAxis?.format ?? "")), M(gt, t.messages.chartBuilderGridLines), R(_t, U(m).yAxis?.gridLines !== !1), M(St, t.messages.chartBuilderCategoryAxis), M(Tt, t.messages.chartBuilderTitleField), A(Et, U(m).xAxis?.title ?? ""), M(kt, t.messages.chartBuilderGridLines), R(At, U(m).xAxis?.gridLines === !0), M(Nt, t.messages.chartBuilderAxisLabels), M(It, t.messages.chartBuilderLabelsAuto), M(Rt, t.messages.chartBuilderLabelsHorizontal), M(Bt, t.messages.chartBuilderLabelsTilted), M(Ht, t.messages.chartBuilderLabelsVertical), Ut !== (Ut = e) && (Pt.value = (Pt.__value = e) ?? "", C(Pt, e)), M(Jt, t.messages.chartBuilderStyle), M(Zt, t.messages.chartBuilderFontSize), A(Qt, U(m).style?.fontSize ?? ""), M(tn, t.messages.chartBuilderFontFamily), A(nn, U(m).style?.fontFamily ?? ""), M(on, t.messages.chartBuilderBackground), A(sn, U(m).style?.background ?? ""), M(un, t.messages.chartBuilderTextColor), A(dn, U(m).style?.textColor ?? ""), M(mn, t.messages.chartBuilderResetFormat);
+						}, [() => U(m).xAxis?.labelRotation === void 0 ? "auto" : String(U(m).xAxis.labelRotation)]), p("input", c, (e) => h({ title: e.currentTarget.value })), p("input", P, (e) => h({ subtitle: e.currentTarget.value })), p("input", B, (e) => h({ caption: e.currentTarget.value })), p("change", K, (e) => h({ legend: e.currentTarget.value !== "none" && e.currentTarget.value })), p("change", de, (e) => h({ dataLabels: e.currentTarget.value === "auto" ? void 0 : e.currentTarget.value === "none" ? null : e.currentTarget.value })), p("change", Oe, (e) => h({ seriesLabels: e.currentTarget.checked })), p("change", Be, (e) => h({ crosshairLabels: e.currentTarget.checked })), p("change", We, (e) => h({ compactBelow: w(e.currentTarget.value) })), p("input", Ze, (e) => _("yAxis", { title: e.currentTarget.value })), p("change", tt, (e) => _("yAxis", { min: w(e.currentTarget.value) })), p("change", at, (e) => _("yAxis", { max: w(e.currentTarget.value) })), p("change", lt, (e) => _("yAxis", { format: e.currentTarget.value || void 0 })), p("change", _t, (e) => _("yAxis", { gridLines: e.currentTarget.checked })), p("input", Et, (e) => _("xAxis", { title: e.currentTarget.value })), p("change", At, (e) => _("xAxis", { gridLines: e.currentTarget.checked })), p("change", Pt, (e) => _("xAxis", { labelRotation: e.currentTarget.value === "auto" ? "auto" : Number(e.currentTarget.value) })), p("change", Qt, (e) => S({ fontSize: w(e.currentTarget.value) ?? void 0 })), p("input", nn, (e) => S({ fontFamily: e.currentTarget.value || void 0 })), p("input", sn, (e) => S({ background: e.currentTarget.value || void 0 })), p("input", dn, (e) => S({ textColor: e.currentTarget.value || void 0 })), p("click", pn, () => n().chartFormat = null), l(e, r);
 					};
-					d(v, (e) => {
-						r() === "type" ? e(C) : r() === "data" ? e(I, 1) : e(L, -1);
-					}), F(e, i);
-				}, r = k(() => [
+					u(c, (e) => {
+						r() === "type" ? e(g) : r() === "data" ? e(P, 1) : e(F, -1);
+					}), l(e, i);
+				}, r = z(() => [
 					{
 						id: "type",
 						label: t.messages.chartBuilderTabType
@@ -1135,29 +1135,29 @@ function Re(e, t) {
 						label: t.messages.chartBuilderTabFormat
 					}
 				]);
-				me(I, {
+				me(P, {
 					get tabs() {
-						return y(r);
+						return U(r);
 					},
 					get ariaLabel() {
 						return t.messages.chartBuilderTitle;
 					},
 					get value() {
-						return y(i);
+						return U(i);
 					},
 					set value(e) {
-						C(i, e, !0);
+						g(i, e, !0);
 					},
 					panel: e,
 					$$slots: { panel: !0 }
 				});
 			}
-			N(v), F(e, v);
+			T(c), l(e, c);
 		},
 		$$slots: { default: !0 }
-	}), te();
+	}), F();
 }
-f([
+d([
 	"click",
 	"change",
 	"input"