@svgrid/enterprise 3.1.16 → 3.1.18

package/dist/wc/{SvGridChartView-Cetuj70H.js → SvGridChartView-CbG_WrU-.js}

@@ -1,14 +1,14 @@
-import { G as e, I as t, R as n, T as r, dt as i, et as a, mt as o, st as s, ut as c } from "./client-DQIzjDBG.js";
+import { G as e, I as t, R as n, T as r, ct as i, dt as a, ft as o, ht as s, tt as c } from "./client-GWAV79ON.js";
 import { s as l } from "./chart-CznMeoM7.js";
-import { t as u } from "./SvGridChart-DrmqEen2.js";
+import { t as u } from "./SvGridChart-DWRqlhCV.js";
 //#region ../grid/dist/SvGridChartView.svelte
 var d = n("<div class=\"sv-grid-chart-view svelte-733vyy\"><!></div>"), f = {
 	hash: "svelte-733vyy",
 	code: "\n  /* A grid, so the autosized chart is stretched to the full height rather\n     than asking for a percentage of it (which cannot be measured reliably). */.sv-grid-chart-view.svelte-733vyy {display:grid;width:100%;height:100%;min-height:0;box-sizing:border-box;}"
 };
 function p(n, p) {
-	i(p, !0), r(n, f);
-	let m = s(() => {
+	o(p, !0), r(n, f);
+	let m = i(() => {
 		let e = l(p.data ?? [], {
 			type: p.chart.type ?? "bar",
 			category: p.chart.category,
@@ -25,9 +25,9 @@ function p(n, p) {
 		let t = p.chart.locale ?? p.localization?.locale;
 		return t && (e.locale = t), p.chart.currency && (e.currency = p.chart.currency), e;
 	});
-	var h = d(), g = a(h);
+	var h = d(), g = c(h);
 	{
-		let t = s(() => p.chart.legend ?? !0), n = s(() => p.chart.dataLabels ?? !1);
+		let t = i(() => p.chart.legend ?? !0), n = i(() => p.chart.dataLabels ?? !1);
 		u(g, {
 			get spec() {
 				return e(m);
@@ -41,7 +41,7 @@ function p(n, p) {
 			}
 		});
 	}
-	o(h), t(n, h), c();
+	s(h), t(n, h), a();
 }
 //#endregion
 export { p as default };

package/dist/wc/{SvGridDropdown-45WsObLL.js → SvGridDropdown-BVnpNU_I.js}

@@ -1,76 +1,76 @@
-import { B as e, G as t, H as n, I as r, L as i, O as a, P as o, R as s, S as c, T as l, U as u, W as ee, X as d, Y as f, a as p, at as m, dt as h, et as g, it as _, j as v, l as y, m as b, mt as x, n as S, nt as C, p as te, pt as w, rt as T, st as E, tt as ne, ut as D, w as O, x as k } from "./client-DQIzjDBG.js";
-import { n as re, r as ie, t as A } from "./popover-WsGlvtQv.js";
+import { B as e, G as t, H as n, I as r, L as i, O as a, P as o, R as s, S as c, T as l, U as u, W as ee, X as d, Y as f, a as p, at as m, ct as h, dt as g, ft as _, ht as v, it as y, j as b, l as te, m as x, mt as S, n as C, nt as ne, ot as w, p as re, rt as T, tt as E, w as D, x as O } from "./client-GWAV79ON.js";
+import { n as ie, r as ae, t as oe } from "./popover-WsGlvtQv.js";
 //#region ../grid/dist/SvGridDropdown.svelte
-var ae = s("<span class=\"sv-grid-chip sv-grid-chip-removable svelte-r4kmto\"> <span class=\"sv-grid-chip-remove svelte-r4kmto\" role=\"button\">×</span></span>"), oe = s("<span class=\"sv-grid-dropdown-chips svelte-r4kmto\"></span>"), se = s("<span class=\"sv-grid-chip svelte-r4kmto\"> </span>"), ce = s("<span class=\"sv-grid-dropdown-label svelte-r4kmto\"> </span>"), le = s("<input type=\"search\" class=\"sv-grid-dropdown-search\" placeholder=\"Search…\"/>"), ue = s("<div class=\"sv-grid-dropdown-empty\" role=\"status\" aria-live=\"polite\">Loading…</div>"), de = s("<div class=\"sv-grid-dropdown-empty\"> </div>"), fe = s("<span class=\"sv-grid-dropdown-check\" aria-hidden=\"true\"> </span>"), pe = s("<span class=\"sv-grid-dropdown-option-chip\"> </span>"), me = s("<span class=\"sv-grid-dropdown-option-label\"> </span>"), he = s("<div role=\"option\"><!> <!></div>"), ge = s("<div class=\"sv-grid-dropdown-footer\"><button type=\"button\" class=\"sv-grid-dropdown-done\">Done</button></div>"), _e = s("<div role=\"listbox\"><!> <!> <!></div>"), ve = s("<div><button type=\"button\" aria-haspopup=\"listbox\"><!> <span class=\"sv-grid-dropdown-caret svelte-r4kmto\" aria-hidden=\"true\">▾</span></button> <!></div>"), ye = {
+var se = s("<span class=\"sv-grid-chip sv-grid-chip-removable svelte-r4kmto\"> <span class=\"sv-grid-chip-remove svelte-r4kmto\" role=\"button\">×</span></span>"), ce = s("<span class=\"sv-grid-dropdown-chips svelte-r4kmto\"></span>"), le = s("<span class=\"sv-grid-chip svelte-r4kmto\"> </span>"), ue = s("<span class=\"sv-grid-dropdown-label svelte-r4kmto\"> </span>"), de = s("<input type=\"search\" class=\"sv-grid-dropdown-search\" placeholder=\"Search…\"/>"), fe = s("<div class=\"sv-grid-dropdown-empty\" role=\"status\" aria-live=\"polite\">Loading…</div>"), pe = s("<div class=\"sv-grid-dropdown-empty\"> </div>"), me = s("<span class=\"sv-grid-dropdown-check\" aria-hidden=\"true\"> </span>"), he = s("<span class=\"sv-grid-dropdown-option-chip\"> </span>"), ge = s("<span class=\"sv-grid-dropdown-option-label\"> </span>"), _e = s("<div role=\"option\"><!> <!></div>"), ve = s("<div class=\"sv-grid-dropdown-footer\"><button type=\"button\" class=\"sv-grid-dropdown-done\">Done</button></div>"), ye = s("<div role=\"listbox\"><!> <!> <!></div>"), be = s("<div><button type=\"button\" aria-haspopup=\"listbox\"><!> <span class=\"sv-grid-dropdown-caret svelte-r4kmto\" aria-hidden=\"true\">▾</span></button> <!></div>"), xe = {
 	hash: "svelte-r4kmto",
 	code: "\n  /* All colors derive from the grid's host CSS vars so light/dark themes\n     \"just work\". Hard fallbacks are kept so the component is still\n     usable in an unthemed page. */.sv-grid-dropdown.svelte-r4kmto {position:absolute;top:0;left:0;right:0;height:100%;background:var(--sg-bg, #ffffff);color:var(--sg-fg, #0f172a);}.sv-grid-dropdown-trigger.svelte-r4kmto {display:flex;align-items:center;gap:6px;width:100%;height:100%;min-height:28px;padding:0 8px;background:var(--sg-bg, #ffffff);color:var(--sg-fg, #0f172a);border:0;outline:none;font:inherit;text-align:start;cursor:pointer;box-sizing:border-box;}.sv-grid-dropdown-trigger.svelte-r4kmto:focus {outline:2px solid var(--sg-accent, #2563eb);outline-offset:-2px;}.sv-grid-dropdown-trigger-chips.svelte-r4kmto {align-items:center;padding:4px 8px;flex-wrap:wrap;}.sv-grid-dropdown-chips.svelte-r4kmto {display:inline-flex;flex-wrap:wrap;gap:4px;flex:1 1 auto;min-width:0;align-items:center;}.sv-grid-dropdown-label.svelte-r4kmto {flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.sv-grid-dropdown-caret.svelte-r4kmto {flex:0 0 auto;font-size:10px;opacity:0.7;line-height:1;}\n\n  /* Popover sits absolutely below the trigger. The parent\n     `.sv-grid-cell-editing` has `overflow: visible`, so this can hang\n     past the row. Pulls its surface color from the grid's header bg\n     so it reads as a slightly elevated layer on either theme. */\n  /* Panel is `position: fixed` AND portal'd into document.body via\n     `use:portalToBody`, so it escapes every ancestor overflow / clip /\n     transform / stacking context. Coords come from updatePanelPosition(). */.sv-grid-dropdown-panel {overflow-y:auto;background:var(--sg-header-bg, var(--sg-bg, #ffffff));color:var(--sg-fg, #0f172a);border:1px solid var(--sg-accent, #2563eb);border-radius:6px;box-shadow:0 12px 28px rgba(0, 0, 0, 0.45);padding:4px 0;font-family:inherit;}\n  /* When the option list fits in one panel we want NO scrollbar at all -\n   * not even a sub-pixel ghost track. `overflow: visible` rules out the\n   * scrollbar gutter that some browsers still reserve under\n   * `overflow: auto` when content equals max-height. */.sv-grid-dropdown-panel.sv-grid-dropdown-panel-fits {overflow:visible;}.sv-grid-dropdown-option {display:flex;align-items:center;gap:8px;padding:6px 10px;cursor:pointer;user-select:none;color:var(--sg-fg, #0f172a);}.sv-grid-dropdown-option-highlighted {background:var(--sg-row-hover-bg, rgba(37, 99, 235, 0.1));}.sv-grid-dropdown-option-selected {font-weight:600;background:var(--sg-selection-bg, rgba(37, 99, 235, 0.15));}.sv-grid-dropdown-option-selected.sv-grid-dropdown-option-highlighted {background:var(--sg-row-hover-bg, rgba(37, 99, 235, 0.18));}.sv-grid-dropdown-option-label {flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.sv-grid-dropdown-check {flex:0 0 16px;display:inline-flex;align-items:center;justify-content:center;color:var(--sg-accent, #2563eb);font-weight:700;}.sv-grid-dropdown-swatch {flex:0 0 12px;width:12px;height:12px;border-radius:999px;border:1px solid color-mix(in srgb, var(--sg-fg, #0f172a) 25%, transparent);}\n  /* Colored option chip. Declared `:global` because the option panel is\n     portal'd to <body>, where Svelte's scoped classes don't reach. The\n     per-chip background / border / text color come from an inline style\n     (see colorfulChipStyleInline) so each option matches its cell chip. */.sv-grid-dropdown-option-chip {display:inline-flex;align-items:center;max-width:100%;padding:2px 11px;border:1px solid transparent;border-radius:999px;font-size:0.9em;font-weight:600;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.sv-grid-dropdown-empty {padding:8px 10px;color:var(--sg-muted, rgba(15, 23, 42, 0.55));font-style:italic;font-size:0.9em;}.sv-grid-dropdown-footer {display:flex;justify-content:flex-end;padding:4px 6px;border-top:1px solid var(--sg-border, rgba(15, 23, 42, 0.08));margin-top:2px;}.sv-grid-dropdown-done {font-size:11px;text-transform:uppercase;letter-spacing:0.04em;color:#fff;background:var(--sg-accent, #2563eb);border:0;border-radius:4px;padding:4px 10px;cursor:pointer;}.sv-grid-dropdown-done:hover {filter:brightness(1.12);}\n\n  /* Note: option / footer / swatch styles are declared `:global(...)`\n     above because the panel is portal'd to <body> and Svelte's scoped\n     class won't survive on children of an element living outside the\n     component subtree. */\n\n  /* Theme-aware chip badges. Inside the trigger they sit on the cell\n     background, so we need a tone that contrasts on BOTH themes - a\n     translucent accent works well in dark mode and reads as a soft\n     blue pill in light mode. */.sv-grid-chip.svelte-r4kmto {display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:0.85em;line-height:1.4;background:color-mix(in srgb, var(--sg-accent, #2563eb) 18%, transparent);color:var(--sg-fg, #0f172a);border-radius:999px;border:1px solid color-mix(in srgb, var(--sg-accent, #2563eb) 35%, transparent);white-space:nowrap;}.sv-grid-chip-removable.svelte-r4kmto {padding-inline-end:2px;}.sv-grid-chip-remove.svelte-r4kmto {display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:0;border-radius:999px;background:color-mix(in srgb, var(--sg-fg, #0f172a) 18%, transparent);color:inherit;font-size:12px;line-height:1;cursor:pointer;padding:0;}.sv-grid-chip-remove.svelte-r4kmto:hover {background:rgba(220, 38, 38, 0.7);color:#fff;}"
 };
-function be(n, s) {
-	let be = e();
-	h(s, !0), l(n, ye);
-	let j = S(s, "multiple", 3, !1), xe = S(s, "placeholder", 3, "Select…"), M = S(s, "renderChipsInTrigger", 3, !1), N = S(s, "searchable", 3, !1), Se = S(s, "autoOpen", 3, !0), Ce = S(s, "loading", 3, !1), we = S(s, "invalid", 3, !1);
-	function P(e) {
-		return e >= 0 && e < t(L).length ? `${be}-opt-${e}` : void 0;
+function Se(n, s) {
+	let Se = e();
+	_(s, !0), l(n, xe);
+	let k = C(s, "multiple", 3, !1), Ce = C(s, "placeholder", 3, "Select…"), A = C(s, "renderChipsInTrigger", 3, !1), j = C(s, "searchable", 3, !1), we = C(s, "autoOpen", 3, !0), Te = C(s, "loading", 3, !1), Ee = C(s, "invalid", 3, !1);
+	function M(e) {
+		return e >= 0 && e < t(F).length ? `${Se}-opt-${e}` : void 0;
 	}
-	let F = E(() => s.options.some((e) => e.color) ? 40 : 32), I = m(""), L = E(() => !N() || !t(I).trim() ? s.options : (() => {
-		let e = t(I).trim().toLowerCase();
+	let N = h(() => s.options.some((e) => e.color) ? 40 : 32), P = w(""), F = h(() => !j() || !t(P).trim() ? s.options : (() => {
+		let e = t(P).trim().toLowerCase();
 		return s.options.filter((t) => t.label.toLowerCase().includes(e));
-	})()), R = m(!1), z = m(-1), B = m(null), V = m(null), H = m(null), U = m(T({
+	})()), I = w(!1), L = w(-1), R = w(null), z = w(null), B = w(null), V = w(y({
 		top: 0,
 		left: 0,
 		width: 0,
 		openUpward: !1,
 		maxHeight: 0,
 		availHeight: 0
-	})), W = E(() => Array.isArray(s.value) ? s.value : s.value == null || s.value === "" ? [] : [s.value]), Te = E(() => {
-		if (t(W).length === 0) return xe();
-		if (!j()) {
-			let e = t(W)[0], n = s.options.find((t) => String(t.value) === String(e));
+	})), H = h(() => Array.isArray(s.value) ? s.value : s.value == null || s.value === "" ? [] : [s.value]), U = h(() => {
+		if (t(H).length === 0) return Ce();
+		if (!k()) {
+			let e = t(H)[0], n = s.options.find((t) => String(t.value) === String(e));
 			return n ? n.label : String(e);
 		}
-		return `${t(W).length} selected`;
-	}), Ee = E(() => {
-		if (j() || t(W).length !== 1) return;
-		let e = t(W)[0];
+		return `${t(H).length} selected`;
+	}), W = h(() => {
+		if (k() || t(H).length !== 1) return;
+		let e = t(H)[0];
 		return s.options.find((t) => String(t.value) === String(e))?.color;
 	});
 	function G(e) {
-		return t(W).some((t) => String(t) === String(e.value));
+		return t(H).some((t) => String(t) === String(e.value));
 	}
 	function K(e) {
-		if (j()) {
-			let n = G(e) ? t(W).filter((t) => String(t) !== String(e.value)) : [...t(W), e.value];
+		if (k()) {
+			let n = G(e) ? t(H).filter((t) => String(t) !== String(e.value)) : [...t(H), e.value];
 			s.onChange?.(n);
-		} else s.onChange?.(e.value), _(R, !1), s.onCommit?.();
+		} else s.onChange?.(e.value), m(I, !1), s.onCommit?.();
 	}
 	function q() {
-		if (!t(R)) {
-			if (_(R, !0), t(z) < 0) {
+		if (!t(I)) {
+			if (m(I, !0), t(L) < 0) {
 				let e = s.options.findIndex((e) => G(e));
-				_(z, e >= 0 ? e : 0, !0);
+				m(L, e >= 0 ? e : 0, !0);
 			}
 			J();
 		}
 	}
 	function J() {
-		if (!t(V)) return;
-		let e = Math.min(t(L).length, 10), n = N() ? 38 : 0, r = e * t(F) + (j() ? 40 : 0) + n + 8;
-		_(U, A(t(V).getBoundingClientRect(), {
+		if (!t(z)) return;
+		let e = Math.min(t(F).length, 10), n = j() ? 38 : 0, r = e * t(N) + (k() ? 40 : 0) + n + 8;
+		m(V, oe(t(z).getBoundingClientRect(), {
 			estimatedHeight: r,
 			clampHorizontal: !1
 		}), !0);
 	}
 	d(() => {
-		if (!t(R)) return;
+		if (!t(I)) return;
 		let e = () => J();
 		return window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
 			window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
 		};
 	}), d(() => {
-		t(R) && (t(L).length, t(F), J());
+		t(I) && (t(F).length, t(N), J());
 	});
 	function Y() {
-		_(R, !1), _(z, -1);
+		m(I, !1), m(L, -1);
 	}
 	function De(e) {
 		if (e.stopPropagation(), e.key === "Escape") {
@@ -78,174 +78,174 @@ function be(n, s) {
 			return;
 		}
 		if (e.key === "ArrowDown") {
-			if (e.preventDefault(), !t(R)) {
+			if (e.preventDefault(), !t(I)) {
 				q();
 				return;
 			}
-			_(z, Math.min(t(z) + 1, s.options.length - 1), !0), X();
+			m(L, Math.min(t(L) + 1, s.options.length - 1), !0), X();
 		} else if (e.key === "ArrowUp") {
-			if (e.preventDefault(), !t(R)) {
+			if (e.preventDefault(), !t(I)) {
 				q();
 				return;
 			}
-			_(z, Math.max(t(z) - 1, 0), !0), X();
+			m(L, Math.max(t(L) - 1, 0), !0), X();
 		} else if (e.key === "Home") {
-			if (!t(R)) return;
-			e.preventDefault(), _(z, 0), X();
+			if (!t(I)) return;
+			e.preventDefault(), m(L, 0), X();
 		} else if (e.key === "End") {
-			if (!t(R)) return;
-			e.preventDefault(), _(z, s.options.length - 1), X();
+			if (!t(I)) return;
+			e.preventDefault(), m(L, s.options.length - 1), X();
 		} else if (e.key === "Enter") {
-			if (e.preventDefault(), !t(R)) {
+			if (e.preventDefault(), !t(I)) {
 				q();
 				return;
 			}
-			let n = s.options[t(z)];
-			n ? K(n) : j() && (Y(), s.onCommit?.());
-		} else if (e.key === " " && t(R)) {
+			let n = s.options[t(L)];
+			n ? K(n) : k() && (Y(), s.onCommit?.());
+		} else if (e.key === " " && t(I)) {
 			e.preventDefault();
-			let n = s.options[t(z)];
+			let n = s.options[t(L)];
 			n && K(n);
-		} else e.key === "Tab" && (t(R) && Y(), s.onCommit?.());
+		} else e.key === "Tab" && (t(I) && Y(), s.onCommit?.());
 	}
 	function X() {
 		queueMicrotask(() => {
-			t(H) && t(H).querySelector(`[data-opt-idx="${t(z)}"]`)?.scrollIntoView({ block: "nearest" });
+			t(B) && t(B).querySelector(`[data-opt-idx="${t(L)}"]`)?.scrollIntoView({ block: "nearest" });
 		});
 	}
 	function Oe(e) {
 		let n = e.relatedTarget;
-		n && t(B)?.contains(n) || (t(R) && Y(), s.onCommit?.());
+		n && t(R)?.contains(n) || (t(I) && Y(), s.onCommit?.());
 	}
 	function ke(e, n) {
 		n.preventDefault(), n.stopPropagation();
-		let r = t(W).filter((t) => String(t) !== String(e));
-		s.onChange?.(j() ? r : r[0] ?? null);
+		let r = t(H).filter((t) => String(t) !== String(e));
+		s.onChange?.(k() ? r : r[0] ?? null);
 	}
 	function Ae(e) {
-		Se() && (e.focus(), q());
+		we() && (e.focus(), q());
 	}
 	d(() => {
-		if (!t(R)) return;
+		if (!t(I)) return;
 		let e = (e) => {
 			let n = e.target;
-			n && (t(B)?.contains(n) || t(H)?.contains(n) || (Y(), s.onCommit?.()));
+			n && (t(R)?.contains(n) || t(B)?.contains(n) || (Y(), s.onCommit?.()));
 		};
 		return document.addEventListener("pointerdown", e, !0), () => document.removeEventListener("pointerdown", e, !0);
 	});
 	function Z(e) {
 		return `background: color-mix(in srgb, ${e} 22%, transparent);border-color: color-mix(in srgb, ${e} 45%, transparent);color: color-mix(in srgb, ${e} 80%, var(--sg-fg, #0f172a));`;
 	}
-	var Q = ve();
+	var Q = be();
 	let je;
-	var $ = g(Q);
+	var $ = E(Q);
 	let Me;
-	var Ne = g($), Pe = (e) => {
-		var n = oe();
-		a(n, 21, () => t(W), (e) => String(e), (e, n) => {
-			let i = E(() => s.options.find((e) => String(e.value) === String(t(n))));
-			var a = ae(), c = g(a), l = C(c);
-			b(l, "tabindex", -1), x(a), f((e, t, n) => {
-				k(a, e), o(c, `${t ?? ""}  `), b(l, "aria-label", `Remove ${n ?? ""}`);
+	var Ne = E($), Pe = (e) => {
+		var n = ce();
+		a(n, 21, () => t(H), (e) => String(e), (e, n) => {
+			let i = h(() => s.options.find((e) => String(e.value) === String(t(n))));
+			var a = se(), c = E(a), l = T(c);
+			x(l, "tabindex", -1), v(a), f((e, t, n) => {
+				O(a, e), o(c, `${t ?? ""}  `), x(l, "aria-label", `Remove ${n ?? ""}`);
 			}, [
 				() => t(i)?.color ? Z(t(i).color) : "",
 				() => t(i) ? t(i).label : String(t(n)),
 				() => t(i) ? t(i).label : String(t(n))
 			]), u("mousedown", l, (e) => e.preventDefault()), u("click", l, (e) => ke(t(n), e)), r(e, a);
-		}), x(n), r(e, n);
+		}), v(n), r(e, n);
 	}, Fe = (e) => {
-		var n = se(), i = g(n, !0);
-		x(n), f((e) => {
-			k(n, e), o(i, t(Te));
-		}, [() => Z(t(Ee))]), r(e, n);
+		var n = le(), i = E(n, !0);
+		v(n), f((e) => {
+			O(n, e), o(i, t(U));
+		}, [() => Z(t(W))]), r(e, n);
 	}, Ie = (e) => {
-		var n = ce(), i = g(n, !0);
-		x(n), f(() => o(i, t(Te))), r(e, n);
+		var n = ue(), i = E(n, !0);
+		v(n), f(() => o(i, t(U))), r(e, n);
 	};
-	v(Ne, (e) => {
-		M() && t(W).length > 0 ? e(Pe) : !j() && t(W).length === 1 && t(Ee) ? e(Fe, 1) : e(Ie, -1);
-	}), w(2), x($), p($, (e) => _(V, e), () => t(V)), O($, (e) => Ae?.(e));
-	var Le = C($, 2), Re = (e) => {
-		let n = E(() => s.options.length > 10), l = E(() => Math.min(t(n) ? 10 * t(F) + (j() ? 40 : 0) + 8 : Infinity, t(U).availHeight));
-		var d = _e();
-		let m, h;
-		var S = g(d), w = (e) => {
-			var n = le();
-			te(n), u("mousedown", n, (e) => e.stopPropagation()), u("click", n, (e) => e.stopPropagation()), u("keydown", n, (e) => {
-				e.key === "Escape" && (e.preventDefault(), _(R, !1), s.onCancel?.());
-			}), y(n, () => t(I), (e) => _(I, e)), r(e, n);
+	b(Ne, (e) => {
+		A() && t(H).length > 0 ? e(Pe) : !k() && t(H).length === 1 && t(W) ? e(Fe, 1) : e(Ie, -1);
+	}), S(2), v($), p($, (e) => m(z, e), () => t(z)), D($, (e) => Ae?.(e));
+	var Le = T($, 2), Re = (e) => {
+		let n = h(() => s.options.length > 10), l = h(() => Math.min(t(n) ? 10 * t(N) + (k() ? 40 : 0) + 8 : Infinity, t(V).availHeight));
+		var d = ye();
+		let g, _;
+		var y = E(d), S = (e) => {
+			var n = de();
+			re(n), u("mousedown", n, (e) => e.stopPropagation()), u("click", n, (e) => e.stopPropagation()), u("keydown", n, (e) => {
+				e.key === "Escape" && (e.preventDefault(), m(I, !1), s.onCancel?.());
+			}), te(n, () => t(P), (e) => m(P, e)), r(e, n);
 		};
-		v(S, (e) => {
-			N() && e(w);
+		b(y, (e) => {
+			j() && e(S);
 		});
-		var T = C(S, 2), D = (e) => {
-			var t = ue();
+		var C = T(y, 2), w = (e) => {
+			var t = fe();
 			r(e, t);
-		}, A = (e) => {
-			var n = de(), i = g(n, !0);
-			x(n), f(() => o(i, N() && t(I) ? `No matches for "${t(I)}"` : "No options")), r(e, n);
-		}, ae = (e) => {
+		}, oe = (e) => {
+			var n = pe(), i = E(n, !0);
+			v(n), f(() => o(i, j() && t(P) ? `No matches for "${t(P)}"` : "No options")), r(e, n);
+		}, se = (e) => {
 			var n = i(), s = ne(n);
-			a(s, 19, () => t(L), (e) => String(e.value), (e, n, i) => {
-				let a = E(() => G(t(n)));
-				var s = he();
+			a(s, 19, () => t(F), (e) => String(e.value), (e, n, i) => {
+				let a = h(() => G(t(n)));
+				var s = _e();
 				let l;
-				var d = g(s), p = (e) => {
-					var n = fe(), i = g(n, !0);
-					x(n), f(() => o(i, t(a) ? "✓" : "")), r(e, n);
+				var d = E(s), p = (e) => {
+					var n = me(), i = E(n, !0);
+					v(n), f(() => o(i, t(a) ? "✓" : "")), r(e, n);
 				};
-				v(d, (e) => {
-					j() && e(p);
+				b(d, (e) => {
+					k() && e(p);
 				});
-				var m = C(d, 2), h = (e) => {
-					var i = pe(), a = g(i, !0);
-					x(i), f((e) => {
-						k(i, e), o(a, t(n).label);
+				var g = T(d, 2), _ = (e) => {
+					var i = he(), a = E(i, !0);
+					v(i), f((e) => {
+						O(i, e), o(a, t(n).label);
 					}, [() => Z(t(n).color)]), r(e, i);
 				}, y = (e) => {
-					var i = me(), a = g(i, !0);
-					x(i), f(() => o(a, t(n).label)), r(e, i);
+					var i = ge(), a = E(i, !0);
+					v(i), f(() => o(a, t(n).label)), r(e, i);
 				};
-				v(m, (e) => {
-					t(n).color ? e(h) : e(y, -1);
-				}), x(s), f((e) => {
+				b(g, (e) => {
+					t(n).color ? e(_) : e(y, -1);
+				}), v(s), f((e) => {
 					l = c(s, 1, "sv-grid-dropdown-option", null, l, {
 						"sv-grid-dropdown-option-selected": t(a),
-						"sv-grid-dropdown-option-highlighted": t(i) === t(z)
-					}), b(s, "id", e), b(s, "aria-selected", t(a)), b(s, "data-opt-idx", t(i));
-				}, [() => P(t(i))]), u("mousedown", s, (e) => {
+						"sv-grid-dropdown-option-highlighted": t(i) === t(L)
+					}), x(s, "id", e), x(s, "aria-selected", t(a)), x(s, "data-opt-idx", t(i));
+				}, [() => M(t(i))]), u("mousedown", s, (e) => {
 					e.preventDefault(), K(t(n));
-				}), ee("mouseenter", s, () => _(z, t(i), !0)), r(e, s);
+				}), ee("mouseenter", s, () => m(L, t(i), !0)), r(e, s);
 			}), r(e, n);
 		};
-		v(T, (e) => {
-			Ce() && t(L).length === 0 ? e(D) : t(L).length === 0 ? e(A, 1) : e(ae, -1);
+		b(C, (e) => {
+			Te() && t(F).length === 0 ? e(w) : t(F).length === 0 ? e(oe, 1) : e(se, -1);
 		});
-		var oe = C(T, 2), se = (e) => {
-			var t = ge(), n = g(t);
-			x(t), u("mousedown", n, (e) => e.preventDefault()), u("click", n, () => {
+		var ce = T(C, 2), le = (e) => {
+			var t = ve(), n = E(t);
+			v(t), u("mousedown", n, (e) => e.preventDefault()), u("click", n, () => {
 				Y(), s.onCommit?.();
 			}), r(e, t);
 		};
-		v(oe, (e) => {
-			j() && e(se);
-		}), x(d), p(d, (e) => _(H, e), () => t(H)), O(d, (e) => ie?.(e)), O(d, (e, t) => re?.(e, t), () => ({ up: t(U).openUpward })), f(() => {
-			m = c(d, 1, "sv-grid-dropdown-panel", null, m, { "sv-grid-dropdown-panel-fits": !t(n) }), b(d, "aria-multiselectable", j()), h = k(d, "", h, {
+		b(ce, (e) => {
+			k() && e(le);
+		}), v(d), p(d, (e) => m(B, e), () => t(B)), D(d, (e) => ae?.(e)), D(d, (e, t) => ie?.(e, t), () => ({ up: t(V).openUpward })), f(() => {
+			g = c(d, 1, "sv-grid-dropdown-panel", null, g, { "sv-grid-dropdown-panel-fits": !t(n) }), x(d, "aria-multiselectable", k()), _ = O(d, "", _, {
 				position: "fixed",
-				top: t(U).openUpward ? null : `${t(U).top}px`,
-				bottom: t(U).openUpward ? `${t(U).bottom}px` : null,
-				left: `${t(U).left}px`,
-				width: `${t(U).width}px`,
+				top: t(V).openUpward ? null : `${t(V).top}px`,
+				bottom: t(V).openUpward ? `${t(V).bottom}px` : null,
+				left: `${t(V).left}px`,
+				width: `${t(V).width}px`,
 				"max-height": t(l) === null ? null : `${t(l)}px`,
 				"z-index": "2147483647"
 			});
 		}), u("pointerdown", d, (e) => e.stopPropagation()), u("mousedown", d, (e) => e.stopPropagation()), u("click", d, (e) => e.stopPropagation()), r(e, d);
 	};
-	v(Le, (e) => {
-		t(R) && e(Re);
-	}), x(Q), p(Q, (e) => _(B, e), () => t(B)), f((e) => {
-		je = c(Q, 1, "sv-grid-dropdown svelte-r4kmto", null, je, { "sv-grid-dropdown-open": t(R) }), b($, "id", s.id), Me = c($, 1, "sv-grid-dropdown-trigger svelte-r4kmto", null, Me, { "sv-grid-dropdown-trigger-chips": M() && t(W).length > 0 }), b($, "aria-expanded", t(R)), b($, "aria-label", s.ariaLabel), b($, "aria-invalid", we() || void 0), b($, "aria-describedby", s.describedBy), b($, "aria-activedescendant", e);
-	}, [() => t(R) ? P(t(z)) : void 0]), u("focusout", Q, Oe), u("click", Q, (e) => e.stopPropagation()), u("dblclick", Q, (e) => e.stopPropagation()), u("pointerdown", Q, (e) => e.stopPropagation()), u("mousedown", Q, (e) => e.stopPropagation()), u("click", $, () => t(R) ? Y() : q()), u("keydown", $, De), r(n, Q), D();
+	b(Le, (e) => {
+		t(I) && e(Re);
+	}), v(Q), p(Q, (e) => m(R, e), () => t(R)), f((e) => {
+		je = c(Q, 1, "sv-grid-dropdown svelte-r4kmto", null, je, { "sv-grid-dropdown-open": t(I) }), x($, "id", s.id), Me = c($, 1, "sv-grid-dropdown-trigger svelte-r4kmto", null, Me, { "sv-grid-dropdown-trigger-chips": A() && t(H).length > 0 }), x($, "aria-expanded", t(I)), x($, "aria-label", s.ariaLabel), x($, "aria-invalid", Ee() || void 0), x($, "aria-describedby", s.describedBy), x($, "aria-activedescendant", e);
+	}, [() => t(I) ? M(t(L)) : void 0]), u("focusout", Q, Oe), u("click", Q, (e) => e.stopPropagation()), u("dblclick", Q, (e) => e.stopPropagation()), u("pointerdown", Q, (e) => e.stopPropagation()), u("mousedown", Q, (e) => e.stopPropagation()), u("click", $, () => t(I) ? Y() : q()), u("keydown", $, De), r(n, Q), g();
 }
 n([
 	"focusout",
@@ -256,4 +256,4 @@ n([
 	"keydown"
 ]);
 //#endregion
-export { be as default };
+export { Se as default };