@svgrid/grid 2.2.31 → 2.2.32

package/dist/cdn/{GridMenus-Da_p7SKS.js → GridMenus-Cyk3qpJ7.js}

@@ -1,12 +1,12 @@
-import { no as e, qn as t, ro as n, to as r } from "./src-DYDCiC0D.js";
+import { Gn as e, io as t, no as n, ro as r } from "./src-CgD-wiuS.js";
 import { E as i, F as a, G as o, H as s, I as c, L as l, N as u, Q as d, U as f, V as p, X as m, Y as h, Z as g, _, d as v, et as y, f as b, ft as x, g as S, h as C, j as w, k as T, lt as E, m as D, mt as ee, nt as O, o as te, pt as k, st as A, t as j, tt as M, u as N, ut as P, v as F } from "./disclose-version-DoD9AFD_.js";
-import { l as ne } from "./SvDateTimePicker-B8GopjhC.js";
+import { l as ne } from "./SvDateTimePicker-CdqaP61H.js";
 //#region src/GridMenus.svelte
 var re = l("<option> </option>"), ie = l("<input class=\"sv-grid-menu-condition-value\" placeholder=\"To\"/>"), ae = l("<option> </option>"), oe = l("<input class=\"sv-grid-menu-condition-value\" placeholder=\"To\"/>"), se = l("<input class=\"sv-grid-menu-condition-value\"/> <!>", 1), ce = l("<div class=\"sv-grid-menu-join\" role=\"radiogroup\" aria-label=\"Combine conditions\"><button type=\"button\">AND</button> <button type=\"button\">OR</button> <button type=\"button\" class=\"sv-grid-menu-join-x\" title=\"Remove second condition\" aria-label=\"Remove second condition\">×</button></div> <select class=\"sv-grid-menu-operator-select\" aria-label=\"Second filter condition\"></select> <!>", 1), le = l("<button type=\"button\" class=\"sv-grid-menu-add-cond\">+ Add condition</button>"), ue = l("<input class=\"sv-grid-menu-condition-value\"/> <!> <!>", 1), de = l("<div class=\"sv-grid-facet-empty\">No values</div>"), fe = l("<div class=\"sv-grid-facet-note\"> </div>"), pe = l("<div class=\"sv-grid-menu-filter\"><div class=\"sv-grid-menu-filter-head\"><span class=\"sv-grid-header-icon\"><!></span> Filter\n        condition</div> <select class=\"sv-grid-menu-operator-select\" aria-label=\"Filter condition\"></select> <!> <div class=\"sv-grid-menu-sep\"></div> <div class=\"sv-grid-menu-filter-head\">Values</div> <input class=\"sv-grid-menu-search\" placeholder=\"Search values...\"/> <label class=\"sv-grid-facet sv-grid-facet-all\"><input type=\"checkbox\"/> <span class=\"sv-grid-facet-label\">(Select all)</span></label> <!> <!> <div class=\"sv-grid-menu-actions\"><button type=\"button\" class=\"sv-grid-menu-btn\">Clear filter</button> <button type=\"button\" class=\"sv-grid-menu-btn sv-grid-menu-btn-primary\">Done</button></div></div>"), me = l("<div role=\"tooltip\"> </div>"), I = l("<div class=\"sv-grid-menu-backdrop\" role=\"presentation\"></div>"), L = l("<button type=\"button\" role=\"tab\">Filter</button>"), R = l("<div class=\"sv-grid-menu-tabs\" role=\"tablist\"><button type=\"button\" role=\"tab\">General</button> <!> <button type=\"button\" role=\"tab\">Columns</button></div>"), he = l("<div class=\"sv-grid-menu-filter-head\">Visible columns</div> <!>", 1), ge = l("<button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Sort\n          ascending</button> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Sort\n          descending</button> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Remove sort</button>", 1), _e = l("<div class=\"sv-grid-menu-sep\"></div> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Pin to left</button> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Pin to right</button> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Unpin column</button>", 1), ve = l("<div class=\"sv-grid-menu-sep\"></div> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Group\n          by this column</button> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Remove grouping</button>", 1), ye = l("<button type=\"button\" role=\"menuitem\" aria-haspopup=\"menu\"><span class=\"sv-grid-header-icon\"><!></span> Choose columns <span class=\"sv-grid-header-icon sv-grid-menu-item-chevron\"><!></span></button>"), z = l("<!> <!> <div class=\"sv-grid-menu-sep\"></div> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Autosize\n        this column</button> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Autosize\n        all columns</button> <!> <div class=\"sv-grid-menu-sep\"></div> <!> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Reset columns</button>", 1), B = l("<div class=\"sv-grid-menu sv-grid-column-menu\" role=\"menu\"><!> <!></div>"), be = l("<div class=\"sv-grid-menu sv-grid-filter-menu\" role=\"menu\"><!></div>"), xe = l("<div class=\"sv-grid-menu sv-grid-choose-columns-menu\" role=\"menu\"><div class=\"sv-grid-menu-filter-head\">Visible columns</div> <!></div>"), Se = l("<button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitemradio\"><span class=\"sv-grid-header-icon\"><!></span> </button>"), Ce = l("<div class=\"sv-grid-menu sv-grid-operator-menu\" role=\"menu\"></div>"), we = l("<div class=\"sv-grid-facet-empty\">No values</div>"), Te = l("<div class=\"sv-grid-menu sv-grid-in-suggest\"><!></div>"), Ee = l("<div class=\"sv-grid-menu-sep\"></div>"), De = l("<button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"> </button>"), Oe = l("<div class=\"sv-grid-menu-backdrop\" role=\"presentation\"></div> <div class=\"sv-grid-menu sv-grid-context-menu\" role=\"menu\"></div>", 1), ke = l("<div class=\"sv-grid-menu-backdrop\" role=\"presentation\"></div> <div class=\"sv-grid-menu sv-grid-comment-editor\" role=\"dialog\" aria-label=\"Edit comment\"><textarea class=\"sv-grid-comment-textarea\" rows=\"3\" placeholder=\"Add a comment…\"></textarea> <div class=\"sv-grid-comment-actions\"><button type=\"button\" class=\"sv-grid-comment-remove\">Remove</button> <span class=\"sv-grid-comment-spacer\"></span> <button type=\"button\" class=\"sv-grid-comment-cancel\">Cancel</button> <button type=\"button\" class=\"sv-grid-comment-save\">Save</button></div></div>", 1), Ae = l("<!> <!>  <!> <!> <!> <!> <!> <!> <!>", 1);
 function V(l, p) {
 	P(p, !0);
-	let V = (e, r = ee) => {
-		let c = A(() => o(X).find((e) => e.id === r())), l = A(() => o(qe)(o(c))), d = A(() => o(U)[r()]?.operator ?? o(Z)(o(c))), m = A(() => n(o(c)?.columnDef.editorType ?? "text"));
+	let V = (n, r = ee) => {
+		let c = A(() => o(X).find((e) => e.id === r())), l = A(() => o(qe)(o(c))), d = A(() => o(U)[r()]?.operator ?? o(Z)(o(c))), m = A(() => t(o(c)?.columnDef.editorType ?? "text"));
 		var g = pe(), _ = y(g), E = y(_);
 		w(y(E), () => p.icon, () => "filter"), k(E), x(), k(_);
 		var j = O(_, 2);
@@ -105,10 +105,10 @@ function V(l, p) {
 		N(I);
 		var L = O(I, 2), R = y(L);
 		N(R), x(2), k(L);
-		var he = O(L, 2), ge = (e) => {
+		var he = O(L, 2), ge = (t) => {
 			{
 				let n = A(() => o(lt).length > vt);
-				t(e, {
+				e(t, {
 					block: !0,
 					checkbox: !0,
 					multiple: !0,
@@ -146,7 +146,7 @@ function V(l, p) {
 			P !== (P = o(d)) && (j.value = (j.__value = o(d)) ?? "", S(j, o(d))), b(R, e), B.disabled = t;
 		}, [() => o(gt)(r()), () => !o(Qe)(r())]), s("change", j, (e) => o(We)(r(), e.currentTarget.value)), te(I, () => H().columnMenuSearch, (e) => H().columnMenuSearch = e), s("change", R, () => o(_t)(r())), s("click", B, () => o(wt)(r())), s("click", be, function(...e) {
 			o($)?.apply(this, e);
-		}), a(e, g);
+		}), a(n, g);
 	}, H = j(p, "ctrl", 7), je = A(() => H().groupingControlsEnabled), U = A(() => H().filterMenuValues), W = A(() => H().tooltip);
 	A(() => H().showTooltipFor);
 	let G = A(() => H().columnMenuFor), Me = A(() => H().columnMenuPos), K = A(() => H().filterMenuFor), Ne = A(() => H().filterMenuPos), q = A(() => H().operatorMenuFor), Pe = A(() => H().operatorMenuPos), J = A(() => H().chooseColumnsPos), Fe = A(() => H().showColumnFiltersEffective), Y = A(() => H().props.columnMenuTabs === !0), Ie = A(() => H().grid), X = A(() => H().allColumns), Le = A(() => H().isColumnPinned), Re = A(() => H().pinColumnLeft), ze = A(() => H().pinColumnRight), Be = A(() => H().unpinColumn), Ve = A(() => H().sortDirectionByColumn), He = A(() => H().groupingColumns), Ue = A(() => H().columnVirtualizationEnabled), We = A(() => H().updateFilterOperator), Ge = A(() => H().updateFilterMenuValue), Ke = A(() => H().updateFilterMenuValueTo), qe = A(() => H().operatorsForColumn), Z = A(() => H().defaultOperatorFor), Je = A(() => H().operatorLabelFor), Ye = A(() => H().filterRowValues), Xe = A(() => H().inSuggestFor), Ze = A(() => H().inSuggestPos);
@@ -172,11 +172,11 @@ function V(l, p) {
 		};
 	});
 	let $e = A(() => H().autosizeColumn), et = A(() => H().autosizeAllColumns), tt = A(() => H().resetColumns), nt = A(() => H().openChooseColumns), rt = A(() => H().sortColumnFromMenu), it = A(() => H().clearColumnSort), at = A(() => H().groupByColumnFromMenu), ot = A(() => H().clearGroupingFromMenu), st = A(() => H().columnMenuFacetValues), ct = A(() => H().columnMenuVisibleFacets), lt = A(() => H().columnMenuFacetOptions), ut = A(() => H().columnMenuSelectedFacets), dt = A(() => H().setFacetSelection), ft = A(() => H().setFilterTokens), pt = A(() => H().inSuggestOptions), mt = A(() => H().openInSuggest), ht = A(() => H().closeInSuggest), gt = A(() => H().isAllFacetsChecked), _t = A(() => H().toggleAllFacets), vt = 40;
-	function yt(t, n) {
-		o(mt)(t, n), H().inSuggestQuery = e(t.value);
+	function yt(e, t) {
+		o(mt)(e, t), H().inSuggestQuery = r(e.value);
 	}
-	function bt(t, n) {
-		H().inSuggestQuery = e(t.value), H().inSuggestFor !== n && o(mt)(t, n);
+	function bt(e, t) {
+		H().inSuggestQuery = r(e.value), H().inSuggestFor !== t && o(mt)(e, t);
 	}
 	function xt(e) {
 		return e.map((e) => ({
@@ -215,7 +215,7 @@ function V(l, p) {
 	T(It, (e) => {
 		(o(G) || o(K) || o(q) || o(J)) && e(Lt);
 	});
-	var Rt = O(It, 2), zt = (e) => {
+	var Rt = O(It, 2), zt = (t) => {
 		let n = A(() => o(G)), r = A(() => o(X).find((e) => e.id === o(n))), i = A(() => o(r)?.getCanSort?.() ?? !1), c = A(() => o(r)?.columnDef.field != null && o(r)?.columnDef.filterable !== !1), l = A(() => H().columnMenuTab);
 		var u = B(), d = y(u), f = (e) => {
 			var t = R(), n = y(t);
@@ -241,17 +241,17 @@ function V(l, p) {
 		});
 		var m = O(d, 2), g = (e) => {
 			V(e, () => o(n));
-		}, b = (e) => {
+		}, b = (t) => {
 			let n = A(() => o(Ie).getAllColumns());
 			var r = he(), i = O(M(r), 2);
 			{
-				let e = A(() => o(n).length > 40), r = A(() => xt(o(n))), a = A(() => St(o(n)));
-				t(i, {
+				let t = A(() => o(n).length > 40), r = A(() => xt(o(n))), a = A(() => St(o(n)));
+				e(i, {
 					block: !0,
 					checkbox: !0,
 					multiple: !0,
 					get virtual() {
-						return o(e);
+						return o(t);
 					},
 					rows: 9,
 					rowHeight: 24,
@@ -266,7 +266,7 @@ function V(l, p) {
 					onChange: (e) => Ct(o(n), e)
 				});
 			}
-			a(e, r);
+			a(t, r);
 		}, S = (e) => {
 			var t = z(), r = M(t), c = (e) => {
 				var t = ge(), r = M(t), i = y(r);
@@ -332,7 +332,7 @@ function V(l, p) {
 		};
 		T(m, (e) => {
 			o(Y) && o(l) === "filter" && o(c) && o(Fe) ? e(g) : o(Y) && o(l) === "columns" ? e(b, 1) : e(S, -1);
-		}), k(u), h(() => _(u, `left: ${o(Me).x}px; top: ${o(Me).y}px; max-height: calc(100vh - ${o(Me).y}px - 12px);`)), a(e, u);
+		}), k(u), h(() => _(u, `left: ${o(Me).x}px; top: ${o(Me).y}px; max-height: calc(100vh - ${o(Me).y}px - 12px);`)), a(t, u);
 	};
 	T(Rt, (e) => {
 		o(G) && e(zt);
@@ -344,17 +344,17 @@ function V(l, p) {
 	T(Bt, (e) => {
 		o(K) && o(Fe) && e(Vt);
 	});
-	var Ht = O(Bt, 2), Ut = (e) => {
+	var Ht = O(Bt, 2), Ut = (t) => {
 		let n = A(() => o(Ie).getAllColumns());
 		var r = xe(), i = O(y(r), 2);
 		{
-			let e = A(() => o(n).length > 40), r = A(() => xt(o(n))), a = A(() => St(o(n)));
-			t(i, {
+			let t = A(() => o(n).length > 40), r = A(() => xt(o(n))), a = A(() => St(o(n)));
+			e(i, {
 				block: !0,
 				checkbox: !0,
 				multiple: !0,
 				get virtual() {
-					return o(e);
+					return o(t);
 				},
 				rows: 11,
 				rowHeight: 24,
@@ -369,7 +369,7 @@ function V(l, p) {
 				onChange: (e) => Ct(o(n), e)
 			});
 		}
-		k(r), h(() => _(r, `left: ${o(J).x}px; top: ${o(J).y}px;`)), a(e, r);
+		k(r), h(() => _(r, `left: ${o(J).x}px; top: ${o(J).y}px;`)), a(t, r);
 	};
 	T(Ht, (e) => {
 		o(J) && e(Ut);
@@ -391,17 +391,17 @@ function V(l, p) {
 	T(Wt, (e) => {
 		o(q) && e(Gt);
 	});
-	var Kt = O(Wt, 2), qt = (n) => {
-		let i = A(() => o(Xe)), c = A(() => new Set(r(o(Ye)[o(i)] ?? "")));
-		var l = Te(), u = y(l), d = (n) => {
+	var Kt = O(Wt, 2), qt = (t) => {
+		let i = A(() => o(Xe)), c = A(() => new Set(n(o(Ye)[o(i)] ?? "")));
+		var l = Te(), u = y(l), d = (t) => {
 			{
-				let r = A(() => o(pt).length > 40);
-				t(n, {
+				let n = A(() => o(pt).length > 40);
+				e(t, {
 					block: !0,
 					checkbox: !0,
 					multiple: !0,
 					get virtual() {
-						return o(r);
+						return o(n);
 					},
 					rows: 8,
 					rowHeight: 26,
@@ -413,9 +413,9 @@ function V(l, p) {
 					get value() {
 						return o(c);
 					},
-					onChange: (t) => {
-						let n = new Set(t), r = e(o(Ye)[o(i)] ?? "");
-						r && n.delete(r), o(ft)(o(i), [...n]), H().inSuggestQuery = "";
+					onChange: (e) => {
+						let t = new Set(e), n = r(o(Ye)[o(i)] ?? "");
+						n && t.delete(n), o(ft)(o(i), [...t]), H().inSuggestQuery = "";
 					}
 				});
 			}
@@ -424,7 +424,7 @@ function V(l, p) {
 		};
 		T(u, (e) => {
 			o(pt).length ? e(d) : e(f, -1);
-		}), k(l), h(() => _(l, `left: ${o(Ze).x}px; top: ${o(Ze).y}px;`)), s("mousedown", l, (e) => e.preventDefault()), a(n, l);
+		}), k(l), h(() => _(l, `left: ${o(Ze).x}px; top: ${o(Ze).y}px;`)), s("mousedown", l, (e) => e.preventDefault()), a(t, l);
 	};
 	T(Kt, (e) => {
 		o(Xe) && e(qt);

package/dist/cdn/{SvDateTimePicker-B8GopjhC.js → SvDateTimePicker-CdqaP61H.js}

@@ -189,7 +189,8 @@ var Ce = [
 	[-1]: "last"
 };
 function Ee(e, t, n) {
-	return e.weekOfMonth != null && e.weekdays && e.weekdays.length ? `the ${n[e.weekOfMonth] ?? e.weekOfMonth} ${t[e.weekdays[0]]}` : e.day === -1 ? "the last day" : e.day != null && e.day < 0 ? `the ${-e.day} day(s) from the end` : e.day == null ? "" : `day ${e.day}`;
+	let r = e.weekdays?.[0];
+	return e.weekOfMonth != null && r != null ? `the ${n[e.weekOfMonth] ?? e.weekOfMonth} ${t[r]}` : e.day === -1 ? "the last day" : e.day != null && e.day < 0 ? `the ${-e.day} day(s) from the end` : e.day == null ? "" : `day ${e.day}`;
 }
 function De(e, t) {
 	let n = Math.max(1, Math.floor(e.interval ?? 1)), r = "";

package/dist/cdn/{SvDateTimePicker-DB0aIEk8.js → SvDateTimePicker-ClqtVIj3.js}

@@ -191,7 +191,8 @@ var B = [
 	[-1]: "last"
 };
 function U(e, t, n) {
-	return e.weekOfMonth != null && e.weekdays && e.weekdays.length ? `the ${n[e.weekOfMonth] ?? e.weekOfMonth} ${t[e.weekdays[0]]}` : e.day === -1 ? "the last day" : e.day != null && e.day < 0 ? `the ${-e.day} day(s) from the end` : e.day == null ? "" : `day ${e.day}`;
+	let r = e.weekdays?.[0];
+	return e.weekOfMonth != null && r != null ? `the ${n[e.weekOfMonth] ?? e.weekOfMonth} ${t[r]}` : e.day === -1 ? "the last day" : e.day != null && e.day < 0 ? `the ${-e.day} day(s) from the end` : e.day == null ? "" : `day ${e.day}`;
 }
 function ee(e, t) {
 	let n = Math.max(1, Math.floor(e.interval ?? 1)), r = "";

package/dist/cdn/{SvGridDropdown-DjALc_4f.js → SvGridDropdown-D0VdjeR8.js}

@@ -3,146 +3,148 @@ import { i as t, n, r } from "./popover-P-9P2YYn.js";
 import * as i from "svelte/internal/client";
 import "svelte/internal/disclose-version";
 //#region src/SvGridDropdown.svelte
-var a = /* @__PURE__ */ e({ default: () => b }), o = i.from_html("<span class=\"sv-grid-chip sv-grid-chip-removable svelte-ei8hp3\"> <span class=\"sv-grid-chip-remove svelte-ei8hp3\" role=\"button\">×</span></span>"), s = i.from_html("<span class=\"sv-grid-dropdown-chips svelte-ei8hp3\"></span>"), c = i.from_html("<span class=\"sv-grid-chip svelte-ei8hp3\"> </span>"), l = i.from_html("<span class=\"sv-grid-dropdown-label svelte-ei8hp3\"> </span>"), u = i.from_html("<input type=\"search\" class=\"sv-grid-dropdown-search\" placeholder=\"Search…\"/>"), d = i.from_html("<div class=\"sv-grid-dropdown-empty\"> </div>"), f = i.from_html("<span class=\"sv-grid-dropdown-check\" aria-hidden=\"true\"> </span>"), p = i.from_html("<span class=\"sv-grid-dropdown-option-chip\"> </span>"), m = i.from_html("<span class=\"sv-grid-dropdown-option-label\"> </span>"), h = i.from_html("<div role=\"option\"><!> <!></div>"), g = i.from_html("<div class=\"sv-grid-dropdown-footer\"><button type=\"button\" class=\"sv-grid-dropdown-done\">Done</button></div>"), _ = i.from_html("<div role=\"listbox\"><!> <!> <!></div>"), v = i.from_html("<div><button type=\"button\" aria-haspopup=\"listbox\"><!> <span class=\"sv-grid-dropdown-caret svelte-ei8hp3\" aria-hidden=\"true\">▾</span></button> <!></div>"), y = {
+var a = /* @__PURE__ */ e({ default: () => x }), o = i.from_html("<span class=\"sv-grid-chip sv-grid-chip-removable svelte-ei8hp3\"> <span class=\"sv-grid-chip-remove svelte-ei8hp3\" role=\"button\">×</span></span>"), s = i.from_html("<span class=\"sv-grid-dropdown-chips svelte-ei8hp3\"></span>"), c = i.from_html("<span class=\"sv-grid-chip svelte-ei8hp3\"> </span>"), l = i.from_html("<span class=\"sv-grid-dropdown-label svelte-ei8hp3\"> </span>"), u = i.from_html("<input type=\"search\" class=\"sv-grid-dropdown-search\" placeholder=\"Search…\"/>"), d = i.from_html("<div class=\"sv-grid-dropdown-empty\" role=\"status\" aria-live=\"polite\">Loading…</div>"), f = i.from_html("<div class=\"sv-grid-dropdown-empty\"> </div>"), p = i.from_html("<span class=\"sv-grid-dropdown-check\" aria-hidden=\"true\"> </span>"), m = i.from_html("<span class=\"sv-grid-dropdown-option-chip\"> </span>"), h = i.from_html("<span class=\"sv-grid-dropdown-option-label\"> </span>"), g = i.from_html("<div role=\"option\"><!> <!></div>"), _ = i.from_html("<div class=\"sv-grid-dropdown-footer\"><button type=\"button\" class=\"sv-grid-dropdown-done\">Done</button></div>"), v = i.from_html("<div role=\"listbox\"><!> <!> <!></div>"), y = i.from_html("<div><button type=\"button\" aria-haspopup=\"listbox\"><!> <span class=\"sv-grid-dropdown-caret svelte-ei8hp3\" aria-hidden=\"true\">▾</span></button> <!></div>"), b = {
 	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 b(e, a) {
-	let b = i.props_id();
-	i.push(a, !0), i.append_styles(e, y);
-	let x = i.prop(a, "multiple", 3, !1), S = i.prop(a, "placeholder", 3, "Select…"), C = i.prop(a, "renderChipsInTrigger", 3, !1), w = i.prop(a, "searchable", 3, !1), T = i.prop(a, "autoOpen", 3, !0);
-	function E(e) {
-		return e >= 0 && e < i.get(k).length ? `${b}-opt-${e}` : void 0;
+function x(e, a) {
+	let x = i.props_id();
+	i.push(a, !0), i.append_styles(e, b);
+	let S = i.prop(a, "multiple", 3, !1), C = i.prop(a, "placeholder", 3, "Select…"), w = i.prop(a, "renderChipsInTrigger", 3, !1), T = i.prop(a, "searchable", 3, !1), E = i.prop(a, "autoOpen", 3, !0), D = i.prop(a, "loading", 3, !1);
+	function O(e) {
+		return e >= 0 && e < i.get(j).length ? `${x}-opt-${e}` : void 0;
 	}
-	let D = i.derived(() => a.options.some((e) => e.color) ? 40 : 32), O = i.state(""), k = i.derived(() => !w() || !i.get(O).trim() ? a.options : (() => {
-		let e = i.get(O).trim().toLowerCase();
+	let k = i.derived(() => a.options.some((e) => e.color) ? 40 : 32), A = i.state(""), j = i.derived(() => !T() || !i.get(A).trim() ? a.options : (() => {
+		let e = i.get(A).trim().toLowerCase();
 		return a.options.filter((t) => t.label.toLowerCase().includes(e));
-	})()), A = i.state(!1), j = i.state(-1), M = i.state(null), N = i.state(null), P = i.state(null), F = i.state(i.proxy({
+	})()), M = i.state(!1), N = i.state(-1), P = i.state(null), F = i.state(null), I = i.state(null), L = i.state(i.proxy({
 		top: 0,
 		left: 0,
 		width: 0,
 		openUpward: !1,
 		maxHeight: 0,
 		availHeight: 0
-	})), I = i.derived(() => Array.isArray(a.value) ? a.value : a.value == null || a.value === "" ? [] : [a.value]), L = i.derived(() => {
-		if (i.get(I).length === 0) return S();
-		if (!x()) {
-			let e = i.get(I)[0], t = a.options.find((t) => String(t.value) === String(e));
+	})), R = i.derived(() => Array.isArray(a.value) ? a.value : a.value == null || a.value === "" ? [] : [a.value]), z = i.derived(() => {
+		if (i.get(R).length === 0) return C();
+		if (!S()) {
+			let e = i.get(R)[0], t = a.options.find((t) => String(t.value) === String(e));
 			return t ? t.label : String(e);
 		}
-		return `${i.get(I).length} selected`;
-	}), R = i.derived(() => {
-		if (x() || i.get(I).length !== 1) return;
-		let e = i.get(I)[0];
+		return `${i.get(R).length} selected`;
+	}), B = i.derived(() => {
+		if (S() || i.get(R).length !== 1) return;
+		let e = i.get(R)[0];
 		return a.options.find((t) => String(t.value) === String(e))?.color;
 	});
-	function z(e) {
-		return i.get(I).some((t) => String(t) === String(e.value));
+	function V(e) {
+		return i.get(R).some((t) => String(t) === String(e.value));
 	}
-	function B(e) {
-		if (x()) {
-			let t = z(e) ? i.get(I).filter((t) => String(t) !== String(e.value)) : [...i.get(I), e.value];
+	function H(e) {
+		if (S()) {
+			let t = V(e) ? i.get(R).filter((t) => String(t) !== String(e.value)) : [...i.get(R), e.value];
 			a.onChange?.(t);
-		} else a.onChange?.(e.value), i.set(A, !1), a.onCommit?.();
+		} else a.onChange?.(e.value), i.set(M, !1), a.onCommit?.();
 	}
-	function V() {
-		if (!i.get(A)) {
-			if (i.set(A, !0), i.get(j) < 0) {
-				let e = a.options.findIndex((e) => z(e));
-				i.set(j, e >= 0 ? e : 0, !0);
+	function U() {
+		if (!i.get(M)) {
+			if (i.set(M, !0), i.get(N) < 0) {
+				let e = a.options.findIndex((e) => V(e));
+				i.set(N, e >= 0 ? e : 0, !0);
 			}
-			H();
+			W();
 		}
 	}
-	function H() {
-		if (!i.get(N)) return;
-		let e = Math.min(a.options.length, 10) * i.get(D) + (x() ? 40 : 0) + 8;
-		i.set(F, n(i.get(N).getBoundingClientRect(), {
-			estimatedHeight: e,
+	function W() {
+		if (!i.get(F)) return;
+		let e = Math.min(i.get(j).length, 10), t = T() ? 38 : 0, r = e * i.get(k) + (S() ? 40 : 0) + t + 8;
+		i.set(L, n(i.get(F).getBoundingClientRect(), {
+			estimatedHeight: r,
 			clampHorizontal: !1
 		}), !0);
 	}
 	i.user_effect(() => {
-		if (!i.get(A)) return;
-		let e = () => H();
+		if (!i.get(M)) return;
+		let e = () => W();
 		return window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
 			window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
 		};
+	}), i.user_effect(() => {
+		i.get(M) && (i.get(j).length, i.get(k), W());
 	});
-	function U() {
-		i.set(A, !1), i.set(j, -1);
+	function G() {
+		i.set(M, !1), i.set(N, -1);
 	}
-	function W(e) {
+	function K(e) {
 		if (e.stopPropagation(), e.key === "Escape") {
-			e.preventDefault(), U(), a.onCancel?.();
+			e.preventDefault(), G(), a.onCancel?.();
 			return;
 		}
 		if (e.key === "ArrowDown") {
-			if (e.preventDefault(), !i.get(A)) {
-				V();
+			if (e.preventDefault(), !i.get(M)) {
+				U();
 				return;
 			}
-			i.set(j, Math.min(i.get(j) + 1, a.options.length - 1), !0), G();
+			i.set(N, Math.min(i.get(N) + 1, a.options.length - 1), !0), q();
 		} else if (e.key === "ArrowUp") {
-			if (e.preventDefault(), !i.get(A)) {
-				V();
+			if (e.preventDefault(), !i.get(M)) {
+				U();
 				return;
 			}
-			i.set(j, Math.max(i.get(j) - 1, 0), !0), G();
+			i.set(N, Math.max(i.get(N) - 1, 0), !0), q();
 		} else if (e.key === "Home") {
-			if (!i.get(A)) return;
-			e.preventDefault(), i.set(j, 0), G();
+			if (!i.get(M)) return;
+			e.preventDefault(), i.set(N, 0), q();
 		} else if (e.key === "End") {
-			if (!i.get(A)) return;
-			e.preventDefault(), i.set(j, a.options.length - 1), G();
+			if (!i.get(M)) return;
+			e.preventDefault(), i.set(N, a.options.length - 1), q();
 		} else if (e.key === "Enter") {
-			if (e.preventDefault(), !i.get(A)) {
-				V();
+			if (e.preventDefault(), !i.get(M)) {
+				U();
 				return;
 			}
-			let t = a.options[i.get(j)];
-			t ? B(t) : x() && (U(), a.onCommit?.());
-		} else if (e.key === " " && i.get(A)) {
+			let t = a.options[i.get(N)];
+			t ? H(t) : S() && (G(), a.onCommit?.());
+		} else if (e.key === " " && i.get(M)) {
 			e.preventDefault();
-			let t = a.options[i.get(j)];
-			t && B(t);
-		} else e.key === "Tab" && (i.get(A) && U(), a.onCommit?.());
+			let t = a.options[i.get(N)];
+			t && H(t);
+		} else e.key === "Tab" && (i.get(M) && G(), a.onCommit?.());
 	}
-	function G() {
+	function q() {
 		queueMicrotask(() => {
-			i.get(P) && i.get(P).querySelector(`[data-opt-idx="${i.get(j)}"]`)?.scrollIntoView({ block: "nearest" });
+			i.get(I) && i.get(I).querySelector(`[data-opt-idx="${i.get(N)}"]`)?.scrollIntoView({ block: "nearest" });
 		});
 	}
-	function K(e) {
+	function J(e) {
 		let t = e.relatedTarget;
-		t && i.get(M)?.contains(t) || (i.get(A) && U(), a.onCommit?.());
+		t && i.get(P)?.contains(t) || (i.get(M) && G(), a.onCommit?.());
 	}
-	function q(e, t) {
+	function ee(e, t) {
 		t.preventDefault(), t.stopPropagation();
-		let n = i.get(I).filter((t) => String(t) !== String(e));
-		a.onChange?.(x() ? n : n[0] ?? null);
+		let n = i.get(R).filter((t) => String(t) !== String(e));
+		a.onChange?.(S() ? n : n[0] ?? null);
 	}
-	function J(e) {
-		T() && (e.focus(), V());
+	function te(e) {
+		E() && (e.focus(), U());
 	}
 	i.user_effect(() => {
-		if (!i.get(A)) return;
+		if (!i.get(M)) return;
 		let e = (e) => {
 			let t = e.target;
-			t && (i.get(M)?.contains(t) || i.get(P)?.contains(t) || (U(), a.onCommit?.()));
+			t && (i.get(P)?.contains(t) || i.get(I)?.contains(t) || (G(), a.onCommit?.()));
 		};
 		return document.addEventListener("pointerdown", e, !0), () => document.removeEventListener("pointerdown", e, !0);
 	});
 	function Y(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 X = v();
+	var X = y();
 	let Z;
 	var Q = i.child(X);
 	let $;
-	var ee = i.child(Q), te = (e) => {
+	var ne = i.child(Q), re = (e) => {
 		var t = s();
-		i.each(t, 21, () => i.get(I), (e) => String(e), (e, t) => {
+		i.each(t, 21, () => i.get(R), (e) => String(e), (e, t) => {
 			let n = i.derived(() => a.options.find((e) => String(e.value) === String(i.get(t))));
 			var r = o(), s = i.child(r), c = i.sibling(s);
 			i.set_attribute(c, "tabindex", -1), i.reset(r), i.template_effect((e, t, n) => {
@@ -151,56 +153,59 @@ function b(e, a) {
 				() => i.get(n)?.color ? Y(i.get(n).color) : "",
 				() => i.get(n) ? i.get(n).label : String(i.get(t)),
 				() => i.get(n) ? i.get(n).label : String(i.get(t))
-			]), i.delegated("mousedown", c, (e) => e.preventDefault()), i.delegated("click", c, (e) => q(i.get(t), e)), i.append(e, r);
+			]), i.delegated("mousedown", c, (e) => e.preventDefault()), i.delegated("click", c, (e) => ee(i.get(t), e)), i.append(e, r);
 		}), i.reset(t), i.append(e, t);
-	}, ne = (e) => {
+	}, ie = (e) => {
 		var t = c(), n = i.child(t, !0);
 		i.reset(t), i.template_effect((e) => {
-			i.set_style(t, e), i.set_text(n, i.get(L));
-		}, [() => Y(i.get(R))]), i.append(e, t);
-	}, re = (e) => {
+			i.set_style(t, e), i.set_text(n, i.get(z));
+		}, [() => Y(i.get(B))]), i.append(e, t);
+	}, ae = (e) => {
 		var t = l(), n = i.child(t, !0);
-		i.reset(t), i.template_effect(() => i.set_text(n, i.get(L))), i.append(e, t);
+		i.reset(t), i.template_effect(() => i.set_text(n, i.get(z))), i.append(e, t);
 	};
-	i.if(ee, (e) => {
-		C() && i.get(I).length > 0 ? e(te) : !x() && i.get(I).length === 1 && i.get(R) ? e(ne, 1) : e(re, -1);
-	}), i.next(2), i.reset(Q), i.bind_this(Q, (e) => i.set(N, e), () => i.get(N)), i.action(Q, (e) => J?.(e));
-	var ie = i.sibling(Q, 2), ae = (e) => {
-		let n = i.derived(() => a.options.length > 10), o = i.derived(() => Math.min(i.get(n) ? 10 * i.get(D) + (x() ? 40 : 0) + 8 : Infinity, i.get(F).maxHeight));
-		var s = _();
+	i.if(ne, (e) => {
+		w() && i.get(R).length > 0 ? e(re) : !S() && i.get(R).length === 1 && i.get(B) ? e(ie, 1) : e(ae, -1);
+	}), i.next(2), i.reset(Q), i.bind_this(Q, (e) => i.set(F, e), () => i.get(F)), i.action(Q, (e) => te?.(e));
+	var oe = i.sibling(Q, 2), se = (e) => {
+		let n = i.derived(() => a.options.length > 10), o = i.derived(() => Math.min(i.get(n) ? 10 * i.get(k) + (S() ? 40 : 0) + 8 : Infinity, i.get(L).availHeight));
+		var s = v();
 		let c, l;
-		var v = i.child(s), y = (e) => {
+		var y = i.child(s), b = (e) => {
 			var t = u();
 			i.remove_input_defaults(t), i.delegated("mousedown", t, (e) => e.stopPropagation()), i.delegated("click", t, (e) => e.stopPropagation()), i.delegated("keydown", t, (e) => {
-				e.key === "Escape" && (e.preventDefault(), i.set(A, !1), a.onCancel?.());
-			}), i.bind_value(t, () => i.get(O), (e) => i.set(O, e)), i.append(e, t);
+				e.key === "Escape" && (e.preventDefault(), i.set(M, !1), a.onCancel?.());
+			}), i.bind_value(t, () => i.get(A), (e) => i.set(A, e)), i.append(e, t);
 		};
-		i.if(v, (e) => {
-			w() && e(y);
+		i.if(y, (e) => {
+			T() && e(b);
 		});
-		var b = i.sibling(v, 2), S = (e) => {
-			var t = d(), n = i.child(t, !0);
-			i.reset(t), i.template_effect(() => i.set_text(n, w() && i.get(O) ? `No matches for "${i.get(O)}"` : "No options")), i.append(e, t);
-		}, C = (e) => {
+		var x = i.sibling(y, 2), C = (e) => {
+			var t = d();
+			i.append(e, t);
+		}, w = (e) => {
+			var t = f(), n = i.child(t, !0);
+			i.reset(t), i.template_effect(() => i.set_text(n, T() && i.get(A) ? `No matches for "${i.get(A)}"` : "No options")), i.append(e, t);
+		}, E = (e) => {
 			var t = i.comment(), n = i.first_child(t);
-			i.each(n, 19, () => i.get(k), (e) => String(e.value), (e, t, n) => {
-				let r = i.derived(() => z(i.get(t)));
-				var a = h();
+			i.each(n, 19, () => i.get(j), (e) => String(e.value), (e, t, n) => {
+				let r = i.derived(() => V(i.get(t)));
+				var a = g();
 				let o;
 				var s = i.child(a), c = (e) => {
-					var t = f(), n = i.child(t, !0);
+					var t = p(), n = i.child(t, !0);
 					i.reset(t), i.template_effect(() => i.set_text(n, i.get(r) ? "✓" : "")), i.append(e, t);
 				};
 				i.if(s, (e) => {
-					x() && e(c);
+					S() && e(c);
 				});
 				var l = i.sibling(s, 2), u = (e) => {
-					var n = p(), r = i.child(n, !0);
+					var n = m(), r = i.child(n, !0);
 					i.reset(n), i.template_effect((e) => {
 						i.set_style(n, e), i.set_text(r, i.get(t).label);
 					}, [() => Y(i.get(t).color)]), i.append(e, n);
 				}, d = (e) => {
-					var n = m(), r = i.child(n, !0);
+					var n = h(), r = i.child(n, !0);
 					i.reset(n), i.template_effect(() => i.set_text(r, i.get(t).label)), i.append(e, n);
 				};
 				i.if(l, (e) => {
@@ -208,40 +213,41 @@ function b(e, a) {
 				}), i.reset(a), i.template_effect((e) => {
 					o = i.set_class(a, 1, "sv-grid-dropdown-option", null, o, {
 						"sv-grid-dropdown-option-selected": i.get(r),
-						"sv-grid-dropdown-option-highlighted": i.get(n) === i.get(j)
+						"sv-grid-dropdown-option-highlighted": i.get(n) === i.get(N)
 					}), i.set_attribute(a, "id", e), i.set_attribute(a, "aria-selected", i.get(r)), i.set_attribute(a, "data-opt-idx", i.get(n));
-				}, [() => E(i.get(n))]), i.delegated("mousedown", a, (e) => {
-					e.preventDefault(), B(i.get(t));
-				}), i.event("mouseenter", a, () => i.set(j, i.get(n), !0)), i.append(e, a);
+				}, [() => O(i.get(n))]), i.delegated("mousedown", a, (e) => {
+					e.preventDefault(), H(i.get(t));
+				}), i.event("mouseenter", a, () => i.set(N, i.get(n), !0)), i.append(e, a);
 			}), i.append(e, t);
 		};
-		i.if(b, (e) => {
-			i.get(k).length === 0 ? e(S) : e(C, -1);
+		i.if(x, (e) => {
+			D() && i.get(j).length === 0 ? e(C) : i.get(j).length === 0 ? e(w, 1) : e(E, -1);
 		});
-		var T = i.sibling(b, 2), M = (e) => {
-			var t = g(), n = i.child(t);
+		var P = i.sibling(x, 2), F = (e) => {
+			var t = _(), n = i.child(t);
 			i.reset(t), i.delegated("mousedown", n, (e) => e.preventDefault()), i.delegated("click", n, () => {
-				U(), a.onCommit?.();
+				G(), a.onCommit?.();
 			}), i.append(e, t);
 		};
-		i.if(T, (e) => {
-			x() && e(M);
-		}), i.reset(s), i.bind_this(s, (e) => i.set(P, e), () => i.get(P)), i.action(s, (e) => t?.(e)), i.action(s, (e, t) => r?.(e, t), () => ({ up: i.get(F).openUpward })), i.template_effect(() => {
-			c = i.set_class(s, 1, "sv-grid-dropdown-panel", null, c, { "sv-grid-dropdown-panel-fits": !i.get(n) }), i.set_attribute(s, "aria-multiselectable", x()), l = i.set_style(s, "", l, {
+		i.if(P, (e) => {
+			S() && e(F);
+		}), i.reset(s), i.bind_this(s, (e) => i.set(I, e), () => i.get(I)), i.action(s, (e) => t?.(e)), i.action(s, (e, t) => r?.(e, t), () => ({ up: i.get(L).openUpward })), i.template_effect(() => {
+			c = i.set_class(s, 1, "sv-grid-dropdown-panel", null, c, { "sv-grid-dropdown-panel-fits": !i.get(n) }), i.set_attribute(s, "aria-multiselectable", S()), l = i.set_style(s, "", l, {
 				position: "fixed",
-				top: `${i.get(F).top}px`,
-				left: `${i.get(F).left}px`,
-				width: `${i.get(F).width}px`,
+				top: i.get(L).openUpward ? null : `${i.get(L).top}px`,
+				bottom: i.get(L).openUpward ? `${i.get(L).bottom}px` : null,
+				left: `${i.get(L).left}px`,
+				width: `${i.get(L).width}px`,
 				"max-height": i.get(o) === null ? null : `${i.get(o)}px`,
 				"z-index": "2147483647"
 			});
 		}), i.delegated("pointerdown", s, (e) => e.stopPropagation()), i.delegated("mousedown", s, (e) => e.stopPropagation()), i.delegated("click", s, (e) => e.stopPropagation()), i.append(e, s);
 	};
-	i.if(ie, (e) => {
-		i.get(A) && e(ae);
-	}), i.reset(X), i.bind_this(X, (e) => i.set(M, e), () => i.get(M)), i.template_effect((e) => {
-		Z = i.set_class(X, 1, "sv-grid-dropdown svelte-ei8hp3", null, Z, { "sv-grid-dropdown-open": i.get(A) }), $ = i.set_class(Q, 1, "sv-grid-dropdown-trigger svelte-ei8hp3", null, $, { "sv-grid-dropdown-trigger-chips": C() && i.get(I).length > 0 }), i.set_attribute(Q, "aria-expanded", i.get(A)), i.set_attribute(Q, "aria-activedescendant", e);
-	}, [() => i.get(A) ? E(i.get(j)) : void 0]), i.delegated("focusout", X, K), i.delegated("click", X, (e) => e.stopPropagation()), i.delegated("dblclick", X, (e) => e.stopPropagation()), i.delegated("pointerdown", X, (e) => e.stopPropagation()), i.delegated("mousedown", X, (e) => e.stopPropagation()), i.delegated("click", Q, () => i.get(A) ? U() : V()), i.delegated("keydown", Q, W), i.append(e, X), i.pop();
+	i.if(oe, (e) => {
+		i.get(M) && e(se);
+	}), i.reset(X), i.bind_this(X, (e) => i.set(P, e), () => i.get(P)), i.template_effect((e) => {
+		Z = i.set_class(X, 1, "sv-grid-dropdown svelte-ei8hp3", null, Z, { "sv-grid-dropdown-open": i.get(M) }), $ = i.set_class(Q, 1, "sv-grid-dropdown-trigger svelte-ei8hp3", null, $, { "sv-grid-dropdown-trigger-chips": w() && i.get(R).length > 0 }), i.set_attribute(Q, "aria-expanded", i.get(M)), i.set_attribute(Q, "aria-activedescendant", e);
+	}, [() => i.get(M) ? O(i.get(N)) : void 0]), i.delegated("focusout", X, J), i.delegated("click", X, (e) => e.stopPropagation()), i.delegated("dblclick", X, (e) => e.stopPropagation()), i.delegated("pointerdown", X, (e) => e.stopPropagation()), i.delegated("mousedown", X, (e) => e.stopPropagation()), i.delegated("click", Q, () => i.get(M) ? G() : U()), i.delegated("keydown", Q, K), i.append(e, X), i.pop();
 }
 i.delegate([
 	"focusout",
@@ -252,4 +258,4 @@ i.delegate([
 	"keydown"
 ]);
 //#endregion
-export { a as n, b as t };
+export { a as n, x as t };