@svgrid/grid 2.2.31 → 2.2.33

package/dist/cdn/{SvGridDropdown-hpnHvOGt.js → SvGridDropdown-CUOdm7YA.js}

@@ -1,19 +1,19 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { E as t, F as n, G as r, H as i, I as a, L as o, N as s, U as c, V as l, X as u, Y as d, _ as f, at as p, b as m, d as h, et as g, ft as _, i as v, it as y, k as b, lt as x, nt as S, o as ee, pt as C, rt as w, st as T, t as E, tt as te, u as ne, ut as D, v as O, x as re, z as ie } from "./disclose-version-DoD9AFD_.js";
+import { E as t, F as n, G as r, H as i, I as a, L as o, N as s, U as c, V as l, X as u, Y as d, _ as f, at as p, b as m, d as h, et as g, ft as _, i as v, it as y, k as b, lt as x, nt as S, o as ee, pt as C, rt as w, st as T, t as E, tt as te, u as ne, ut as D, v as O, x as re, z as ie } from "./disclose-version-DljhZohK.js";
 import { i as ae, n as k, r as oe } from "./popover-P-9P2YYn.js";
 //#region src/SvGridDropdown.svelte
-var A = /* @__PURE__ */ e({ default: () => M }), j = o("<span class=\"sv-grid-chip sv-grid-chip-removable svelte-ei8hp3\"> <span class=\"sv-grid-chip-remove svelte-ei8hp3\" role=\"button\">×</span></span>"), se = o("<span class=\"sv-grid-dropdown-chips svelte-ei8hp3\"></span>"), ce = o("<span class=\"sv-grid-chip svelte-ei8hp3\"> </span>"), le = o("<span class=\"sv-grid-dropdown-label svelte-ei8hp3\"> </span>"), ue = o("<input type=\"search\" class=\"sv-grid-dropdown-search\" placeholder=\"Search…\"/>"), de = o("<div class=\"sv-grid-dropdown-empty\"> </div>"), fe = o("<span class=\"sv-grid-dropdown-check\" aria-hidden=\"true\"> </span>"), pe = o("<span class=\"sv-grid-dropdown-option-chip\"> </span>"), me = o("<span class=\"sv-grid-dropdown-option-label\"> </span>"), he = o("<div role=\"option\"><!> <!></div>"), ge = o("<div class=\"sv-grid-dropdown-footer\"><button type=\"button\" class=\"sv-grid-dropdown-done\">Done</button></div>"), _e = o("<div role=\"listbox\"><!> <!> <!></div>"), ve = o("<div><button type=\"button\" aria-haspopup=\"listbox\"><!> <span class=\"sv-grid-dropdown-caret svelte-ei8hp3\" aria-hidden=\"true\">▾</span></button> <!></div>"), ye = {
+var A = /* @__PURE__ */ e({ default: () => j }), se = o("<span class=\"sv-grid-chip sv-grid-chip-removable svelte-ei8hp3\"> <span class=\"sv-grid-chip-remove svelte-ei8hp3\" role=\"button\">×</span></span>"), ce = o("<span class=\"sv-grid-dropdown-chips svelte-ei8hp3\"></span>"), le = o("<span class=\"sv-grid-chip svelte-ei8hp3\"> </span>"), ue = o("<span class=\"sv-grid-dropdown-label svelte-ei8hp3\"> </span>"), de = o("<input type=\"search\" class=\"sv-grid-dropdown-search\" placeholder=\"Search…\"/>"), fe = o("<div class=\"sv-grid-dropdown-empty\" role=\"status\" aria-live=\"polite\">Loading…</div>"), pe = o("<div class=\"sv-grid-dropdown-empty\"> </div>"), me = o("<span class=\"sv-grid-dropdown-check\" aria-hidden=\"true\"> </span>"), he = o("<span class=\"sv-grid-dropdown-option-chip\"> </span>"), ge = o("<span class=\"sv-grid-dropdown-option-label\"> </span>"), _e = o("<div role=\"option\"><!> <!></div>"), ve = o("<div class=\"sv-grid-dropdown-footer\"><button type=\"button\" class=\"sv-grid-dropdown-done\">Done</button></div>"), ye = o("<div role=\"listbox\"><!> <!> <!></div>"), be = o("<div><button type=\"button\" aria-haspopup=\"listbox\"><!> <span class=\"sv-grid-dropdown-caret svelte-ei8hp3\" aria-hidden=\"true\">▾</span></button> <!></div>"), xe = {
 	hash: "svelte-ei8hp3",
 	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-ei8hp3 {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-ei8hp3 {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-ei8hp3:focus {outline:2px solid var(--sg-accent, #2563eb);outline-offset:-2px;}.sv-grid-dropdown-trigger-chips.svelte-ei8hp3 {align-items:center;padding:4px 8px;flex-wrap:wrap;}.sv-grid-dropdown-chips.svelte-ei8hp3 {display:inline-flex;flex-wrap:wrap;gap:4px;flex:1 1 auto;min-width:0;align-items:center;}.sv-grid-dropdown-label.svelte-ei8hp3 {flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.sv-grid-dropdown-caret.svelte-ei8hp3 {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-ei8hp3 {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-ei8hp3 {padding-inline-end:2px;}.sv-grid-chip-remove.svelte-ei8hp3 {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-ei8hp3:hover {background:rgba(220, 38, 38, 0.7);color:#fff;}"
 };
-function M(e, o) {
+function j(e, o) {
 	let l = ie();
-	D(o, !0), re(e, ye);
-	let A = E(o, "multiple", 3, !1), M = E(o, "placeholder", 3, "Select…"), N = E(o, "renderChipsInTrigger", 3, !1), P = E(o, "searchable", 3, !1), be = E(o, "autoOpen", 3, !0);
-	function xe(e) {
+	D(o, !0), re(e, xe);
+	let A = E(o, "multiple", 3, !1), j = E(o, "placeholder", 3, "Select…"), M = E(o, "renderChipsInTrigger", 3, !1), N = E(o, "searchable", 3, !1), Se = E(o, "autoOpen", 3, !0), Ce = E(o, "loading", 3, !1);
+	function we(e) {
 		return e >= 0 && e < r(I).length ? `${l}-opt-${e}` : void 0;
 	}
-	let Se = T(() => o.options.some((e) => e.color) ? 40 : 32), F = p(""), I = T(() => !P() || !r(F).trim() ? o.options : (() => {
+	let P = T(() => o.options.some((e) => e.color) ? 40 : 32), F = p(""), I = T(() => !N() || !r(F).trim() ? o.options : (() => {
 		let e = r(F).trim().toLowerCase();
 		return o.options.filter((t) => t.label.toLowerCase().includes(e));
 	})()), L = p(!1), R = p(-1), z = p(null), B = p(null), V = p(null), H = p(w({
@@ -23,183 +23,187 @@ function M(e, o) {
 		openUpward: !1,
 		maxHeight: 0,
 		availHeight: 0
-	})), U = T(() => Array.isArray(o.value) ? o.value : o.value == null || o.value === "" ? [] : [o.value]), W = T(() => {
-		if (r(U).length === 0) return M();
+	})), U = T(() => Array.isArray(o.value) ? o.value : o.value == null || o.value === "" ? [] : [o.value]), Te = T(() => {
+		if (r(U).length === 0) return j();
 		if (!A()) {
 			let e = r(U)[0], t = o.options.find((t) => String(t.value) === String(e));
 			return t ? t.label : String(e);
 		}
 		return `${r(U).length} selected`;
-	}), G = T(() => {
+	}), Ee = T(() => {
 		if (A() || r(U).length !== 1) return;
 		let e = r(U)[0];
 		return o.options.find((t) => String(t.value) === String(e))?.color;
 	});
-	function K(e) {
+	function W(e) {
 		return r(U).some((t) => String(t) === String(e.value));
 	}
-	function q(e) {
+	function G(e) {
 		if (A()) {
-			let t = K(e) ? r(U).filter((t) => String(t) !== String(e.value)) : [...r(U), e.value];
+			let t = W(e) ? r(U).filter((t) => String(t) !== String(e.value)) : [...r(U), e.value];
 			o.onChange?.(t);
 		} else o.onChange?.(e.value), y(L, !1), o.onCommit?.();
 	}
-	function J() {
+	function K() {
 		if (!r(L)) {
 			if (y(L, !0), r(R) < 0) {
-				let e = o.options.findIndex((e) => K(e));
+				let e = o.options.findIndex((e) => W(e));
 				y(R, e >= 0 ? e : 0, !0);
 			}
-			Ce();
+			q();
 		}
 	}
-	function Ce() {
+	function q() {
 		if (!r(B)) return;
-		let e = Math.min(o.options.length, 10) * r(Se) + (A() ? 40 : 0) + 8;
+		let e = Math.min(r(I).length, 10), t = N() ? 38 : 0, n = e * r(P) + (A() ? 40 : 0) + t + 8;
 		y(H, k(r(B).getBoundingClientRect(), {
-			estimatedHeight: e,
+			estimatedHeight: n,
 			clampHorizontal: !1
 		}), !0);
 	}
 	u(() => {
 		if (!r(L)) return;
-		let e = () => Ce();
+		let e = () => q();
 		return window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
 			window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
 		};
+	}), u(() => {
+		r(L) && (r(I).length, r(P), q());
 	});
-	function Y() {
+	function J() {
 		y(L, !1), y(R, -1);
 	}
-	function we(e) {
+	function De(e) {
 		if (e.stopPropagation(), e.key === "Escape") {
-			e.preventDefault(), Y(), o.onCancel?.();
+			e.preventDefault(), J(), o.onCancel?.();
 			return;
 		}
 		if (e.key === "ArrowDown") {
 			if (e.preventDefault(), !r(L)) {
-				J();
+				K();
 				return;
 			}
-			y(R, Math.min(r(R) + 1, o.options.length - 1), !0), X();
+			y(R, Math.min(r(R) + 1, o.options.length - 1), !0), Y();
 		} else if (e.key === "ArrowUp") {
 			if (e.preventDefault(), !r(L)) {
-				J();
+				K();
 				return;
 			}
-			y(R, Math.max(r(R) - 1, 0), !0), X();
+			y(R, Math.max(r(R) - 1, 0), !0), Y();
 		} else if (e.key === "Home") {
 			if (!r(L)) return;
-			e.preventDefault(), y(R, 0), X();
+			e.preventDefault(), y(R, 0), Y();
 		} else if (e.key === "End") {
 			if (!r(L)) return;
-			e.preventDefault(), y(R, o.options.length - 1), X();
+			e.preventDefault(), y(R, o.options.length - 1), Y();
 		} else if (e.key === "Enter") {
 			if (e.preventDefault(), !r(L)) {
-				J();
+				K();
 				return;
 			}
 			let t = o.options[r(R)];
-			t ? q(t) : A() && (Y(), o.onCommit?.());
+			t ? G(t) : A() && (J(), o.onCommit?.());
 		} else if (e.key === " " && r(L)) {
 			e.preventDefault();
 			let t = o.options[r(R)];
-			t && q(t);
-		} else e.key === "Tab" && (r(L) && Y(), o.onCommit?.());
+			t && G(t);
+		} else e.key === "Tab" && (r(L) && J(), o.onCommit?.());
 	}
-	function X() {
+	function Y() {
 		queueMicrotask(() => {
 			r(V) && r(V).querySelector(`[data-opt-idx="${r(R)}"]`)?.scrollIntoView({ block: "nearest" });
 		});
 	}
-	function Te(e) {
+	function Oe(e) {
 		let t = e.relatedTarget;
-		t && r(z)?.contains(t) || (r(L) && Y(), o.onCommit?.());
+		t && r(z)?.contains(t) || (r(L) && J(), o.onCommit?.());
 	}
-	function Ee(e, t) {
+	function ke(e, t) {
 		t.preventDefault(), t.stopPropagation();
 		let n = r(U).filter((t) => String(t) !== String(e));
 		o.onChange?.(A() ? n : n[0] ?? null);
 	}
-	function De(e) {
-		be() && (e.focus(), J());
+	function Ae(e) {
+		Se() && (e.focus(), K());
 	}
 	u(() => {
 		if (!r(L)) return;
 		let e = (e) => {
 			let t = e.target;
-			t && (r(z)?.contains(t) || r(V)?.contains(t) || (Y(), o.onCommit?.()));
+			t && (r(z)?.contains(t) || r(V)?.contains(t) || (J(), o.onCommit?.()));
 		};
 		return document.addEventListener("pointerdown", e, !0), () => document.removeEventListener("pointerdown", e, !0);
 	});
-	function Z(e) {
+	function X(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();
-	let Oe;
-	var $ = g(Q);
-	let ke;
-	var Ae = g($), je = (e) => {
-		var a = se();
+	var Z = be();
+	let Q;
+	var $ = g(Z);
+	let je;
+	var Me = g($), Ne = (e) => {
+		var a = ce();
 		t(a, 21, () => r(U), (e) => String(e), (e, t) => {
 			let a = T(() => o.options.find((e) => String(e.value) === String(r(t))));
-			var c = j(), l = g(c), u = S(l);
+			var c = se(), l = g(c), u = S(l);
 			h(u, "tabindex", -1), C(c), d((e, t, n) => {
 				f(c, e), s(l, `${t ?? ""}  `), h(u, "aria-label", `Remove ${n ?? ""}`);
 			}, [
-				() => r(a)?.color ? Z(r(a).color) : "",
+				() => r(a)?.color ? X(r(a).color) : "",
 				() => r(a) ? r(a).label : String(r(t)),
 				() => r(a) ? r(a).label : String(r(t))
-			]), i("mousedown", u, (e) => e.preventDefault()), i("click", u, (e) => Ee(r(t), e)), n(e, c);
+			]), i("mousedown", u, (e) => e.preventDefault()), i("click", u, (e) => ke(r(t), e)), n(e, c);
 		}), C(a), n(e, a);
-	}, Me = (e) => {
-		var t = ce(), i = g(t, !0);
-		C(t), d((e) => {
-			f(t, e), s(i, r(W));
-		}, [() => Z(r(G))]), n(e, t);
-	}, Ne = (e) => {
+	}, Pe = (e) => {
 		var t = le(), i = g(t, !0);
-		C(t), d(() => s(i, r(W))), n(e, t);
+		C(t), d((e) => {
+			f(t, e), s(i, r(Te));
+		}, [() => X(r(Ee))]), n(e, t);
+	}, Fe = (e) => {
+		var t = ue(), i = g(t, !0);
+		C(t), d(() => s(i, r(Te))), n(e, t);
 	};
-	b(Ae, (e) => {
-		N() && r(U).length > 0 ? e(je) : !A() && r(U).length === 1 && r(G) ? e(Me, 1) : e(Ne, -1);
-	}), _(2), C($), v($, (e) => y(B, e), () => r(B)), m($, (e) => De?.(e));
-	var Pe = S($, 2), Fe = (e) => {
-		let l = T(() => o.options.length > 10), u = T(() => Math.min(r(l) ? 10 * r(Se) + (A() ? 40 : 0) + 8 : Infinity, r(H).maxHeight));
-		var p = _e();
+	b(Me, (e) => {
+		M() && r(U).length > 0 ? e(Ne) : !A() && r(U).length === 1 && r(Ee) ? e(Pe, 1) : e(Fe, -1);
+	}), _(2), C($), v($, (e) => y(B, e), () => r(B)), m($, (e) => Ae?.(e));
+	var Ie = S($, 2), Le = (e) => {
+		let l = T(() => o.options.length > 10), u = T(() => Math.min(r(l) ? 10 * r(P) + (A() ? 40 : 0) + 8 : Infinity, r(H).availHeight));
+		var p = ye();
 		let _, x;
 		var w = g(p), E = (e) => {
-			var t = ue();
+			var t = de();
 			ne(t), i("mousedown", t, (e) => e.stopPropagation()), i("click", t, (e) => e.stopPropagation()), i("keydown", t, (e) => {
 				e.key === "Escape" && (e.preventDefault(), y(L, !1), o.onCancel?.());
 			}), ee(t, () => r(F), (e) => y(F, e)), n(e, t);
 		};
 		b(w, (e) => {
-			P() && e(E);
+			N() && e(E);
 		});
 		var D = S(w, 2), re = (e) => {
-			var t = de(), i = g(t, !0);
-			C(t), d(() => s(i, P() && r(F) ? `No matches for "${r(F)}"` : "No options")), n(e, t);
+			n(e, fe());
 		}, ie = (e) => {
+			var t = pe(), i = g(t, !0);
+			C(t), d(() => s(i, N() && r(F) ? `No matches for "${r(F)}"` : "No options")), n(e, t);
+		}, k = (e) => {
 			var o = a();
 			t(te(o), 19, () => r(I), (e) => String(e.value), (e, t, a) => {
-				let o = T(() => K(r(t)));
-				var l = he();
+				let o = T(() => W(r(t)));
+				var l = _e();
 				let u;
 				var p = g(l), m = (e) => {
-					var t = fe(), i = g(t, !0);
+					var t = me(), i = g(t, !0);
 					C(t), d(() => s(i, r(o) ? "✓" : "")), n(e, t);
 				};
 				b(p, (e) => {
 					A() && e(m);
 				});
 				var _ = S(p, 2), v = (e) => {
-					var i = pe(), a = g(i, !0);
+					var i = he(), a = g(i, !0);
 					C(i), d((e) => {
 						f(i, e), s(a, r(t).label);
-					}, [() => Z(r(t).color)]), n(e, i);
+					}, [() => X(r(t).color)]), n(e, i);
 				}, x = (e) => {
-					var i = me(), a = g(i, !0);
+					var i = ge(), a = g(i, !0);
 					C(i), d(() => s(a, r(t).label)), n(e, i);
 				};
 				b(_, (e) => {
@@ -209,26 +213,27 @@ function M(e, o) {
 						"sv-grid-dropdown-option-selected": r(o),
 						"sv-grid-dropdown-option-highlighted": r(a) === r(R)
 					}), h(l, "id", e), h(l, "aria-selected", r(o)), h(l, "data-opt-idx", r(a));
-				}, [() => xe(r(a))]), i("mousedown", l, (e) => {
-					e.preventDefault(), q(r(t));
+				}, [() => we(r(a))]), i("mousedown", l, (e) => {
+					e.preventDefault(), G(r(t));
 				}), c("mouseenter", l, () => y(R, r(a), !0)), n(e, l);
 			}), n(e, o);
 		};
 		b(D, (e) => {
-			r(I).length === 0 ? e(re) : e(ie, -1);
+			Ce() && r(I).length === 0 ? e(re) : r(I).length === 0 ? e(ie, 1) : e(k, -1);
 		});
-		var k = S(D, 2), j = (e) => {
-			var t = ge(), r = g(t);
+		var se = S(D, 2), ce = (e) => {
+			var t = ve(), r = g(t);
 			C(t), i("mousedown", r, (e) => e.preventDefault()), i("click", r, () => {
-				Y(), o.onCommit?.();
+				J(), o.onCommit?.();
 			}), n(e, t);
 		};
-		b(k, (e) => {
-			A() && e(j);
+		b(se, (e) => {
+			A() && e(ce);
 		}), C(p), v(p, (e) => y(V, e), () => r(V)), m(p, (e) => ae?.(e)), m(p, (e, t) => oe?.(e, t), () => ({ up: r(H).openUpward })), d(() => {
 			_ = O(p, 1, "sv-grid-dropdown-panel", null, _, { "sv-grid-dropdown-panel-fits": !r(l) }), h(p, "aria-multiselectable", A()), x = f(p, "", x, {
 				position: "fixed",
-				top: `${r(H).top}px`,
+				top: r(H).openUpward ? null : `${r(H).top}px`,
+				bottom: r(H).openUpward ? `${r(H).bottom}px` : null,
 				left: `${r(H).left}px`,
 				width: `${r(H).width}px`,
 				"max-height": r(u) === null ? null : `${r(u)}px`,
@@ -236,11 +241,11 @@ function M(e, o) {
 			});
 		}), i("pointerdown", p, (e) => e.stopPropagation()), i("mousedown", p, (e) => e.stopPropagation()), i("click", p, (e) => e.stopPropagation()), n(e, p);
 	};
-	b(Pe, (e) => {
-		r(L) && e(Fe);
-	}), C(Q), v(Q, (e) => y(z, e), () => r(z)), d((e) => {
-		Oe = O(Q, 1, "sv-grid-dropdown svelte-ei8hp3", null, Oe, { "sv-grid-dropdown-open": r(L) }), ke = O($, 1, "sv-grid-dropdown-trigger svelte-ei8hp3", null, ke, { "sv-grid-dropdown-trigger-chips": N() && r(U).length > 0 }), h($, "aria-expanded", r(L)), h($, "aria-activedescendant", e);
-	}, [() => r(L) ? xe(r(R)) : void 0]), i("focusout", Q, Te), i("click", Q, (e) => e.stopPropagation()), i("dblclick", Q, (e) => e.stopPropagation()), i("pointerdown", Q, (e) => e.stopPropagation()), i("mousedown", Q, (e) => e.stopPropagation()), i("click", $, () => r(L) ? Y() : J()), i("keydown", $, we), n(e, Q), x();
+	b(Ie, (e) => {
+		r(L) && e(Le);
+	}), C(Z), v(Z, (e) => y(z, e), () => r(z)), d((e) => {
+		Q = O(Z, 1, "sv-grid-dropdown svelte-ei8hp3", null, Q, { "sv-grid-dropdown-open": r(L) }), je = O($, 1, "sv-grid-dropdown-trigger svelte-ei8hp3", null, je, { "sv-grid-dropdown-trigger-chips": M() && r(U).length > 0 }), h($, "aria-expanded", r(L)), h($, "aria-activedescendant", e);
+	}, [() => r(L) ? we(r(R)) : void 0]), i("focusout", Z, Oe), i("click", Z, (e) => e.stopPropagation()), i("dblclick", Z, (e) => e.stopPropagation()), i("pointerdown", Z, (e) => e.stopPropagation()), i("mousedown", Z, (e) => e.stopPropagation()), i("click", $, () => r(L) ? J() : K()), i("keydown", $, De), n(e, Z), x();
 }
 l([
 	"focusout",
@@ -251,4 +256,4 @@ l([
 	"keydown"
 ]);
 //#endregion
-export { A as n, M as t };
+export { A as n, j as t };