@svgrid/grid 2.2.16 → 2.2.18

package/dist/cdn/SvGridChartView-PwqI4s02.js

@@ -0,0 +1,53 @@
+import { F as e, G as t, L as n, a as r, at as i, et as a, it as o, k as s, lt as c, pt as l, st as u, ut as d, x as f } from "./disclose-version-DoD9AFD_.js";
+import { f as p } from "./chart-T1usDN0o.js";
+import { t as m } from "./SvGridChart-BcLCYvw9.js";
+//#region src/SvGridChartView.svelte
+var h = n("<div class=\"sv-grid-chart-view svelte-10run6t\"><!></div>"), g = {
+	hash: "svelte-10run6t",
+	code: ".sv-grid-chart-view.svelte-10run6t {width:100%;height:100%;min-height:0;box-sizing:border-box;}"
+};
+function _(n, _) {
+	d(_, !0), f(n, g);
+	let v = i(0), y = i(0), b = u(() => {
+		let e = p(_.data ?? [], {
+			type: _.chart.type ?? "bar",
+			category: _.chart.category,
+			value: _.chart.value,
+			series: _.chart.series,
+			reduce: _.chart.reduce,
+			stacked: _.chart.stacked,
+			stacked100: _.chart.stacked100,
+			sort: _.chart.sort,
+			topN: _.chart.topN,
+			palette: _.chart.palette
+		});
+		return _.chart.valueFormat && (e.valueFormat = _.chart.valueFormat), e;
+	});
+	var x = h(), S = a(x), C = (e) => {
+		{
+			let n = u(() => _.chart.legend ?? !0), r = u(() => _.chart.dataLabels ?? !1);
+			m(e, {
+				get spec() {
+					return t(b);
+				},
+				get width() {
+					return t(v);
+				},
+				get height() {
+					return t(y);
+				},
+				get legend() {
+					return t(n);
+				},
+				get dataLabels() {
+					return t(r);
+				}
+			});
+		}
+	};
+	s(S, (e) => {
+		t(v) > 0 && t(y) > 0 && e(C);
+	}), l(x), r(x, "clientWidth", (e) => o(v, e)), r(x, "clientHeight", (e) => o(y, e)), e(n, x), c();
+}
+//#endregion
+export { _ as default };

package/dist/cdn/SvGridDropdown-DjALc_4f.js

@@ -0,0 +1,255 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+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 = {
+	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;
+	}
+	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();
+		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({
+		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));
+			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 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 B(e) {
+		if (x()) {
+			let t = z(e) ? i.get(I).filter((t) => String(t) !== String(e.value)) : [...i.get(I), e.value];
+			a.onChange?.(t);
+		} else a.onChange?.(e.value), i.set(A, !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);
+			}
+			H();
+		}
+	}
+	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,
+			clampHorizontal: !1
+		}), !0);
+	}
+	i.user_effect(() => {
+		if (!i.get(A)) return;
+		let e = () => H();
+		return window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
+			window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
+		};
+	});
+	function U() {
+		i.set(A, !1), i.set(j, -1);
+	}
+	function W(e) {
+		if (e.stopPropagation(), e.key === "Escape") {
+			e.preventDefault(), U(), a.onCancel?.();
+			return;
+		}
+		if (e.key === "ArrowDown") {
+			if (e.preventDefault(), !i.get(A)) {
+				V();
+				return;
+			}
+			i.set(j, Math.min(i.get(j) + 1, a.options.length - 1), !0), G();
+		} else if (e.key === "ArrowUp") {
+			if (e.preventDefault(), !i.get(A)) {
+				V();
+				return;
+			}
+			i.set(j, Math.max(i.get(j) - 1, 0), !0), G();
+		} else if (e.key === "Home") {
+			if (!i.get(A)) return;
+			e.preventDefault(), i.set(j, 0), G();
+		} else if (e.key === "End") {
+			if (!i.get(A)) return;
+			e.preventDefault(), i.set(j, a.options.length - 1), G();
+		} else if (e.key === "Enter") {
+			if (e.preventDefault(), !i.get(A)) {
+				V();
+				return;
+			}
+			let t = a.options[i.get(j)];
+			t ? B(t) : x() && (U(), a.onCommit?.());
+		} else if (e.key === " " && i.get(A)) {
+			e.preventDefault();
+			let t = a.options[i.get(j)];
+			t && B(t);
+		} else e.key === "Tab" && (i.get(A) && U(), a.onCommit?.());
+	}
+	function G() {
+		queueMicrotask(() => {
+			i.get(P) && i.get(P).querySelector(`[data-opt-idx="${i.get(j)}"]`)?.scrollIntoView({ block: "nearest" });
+		});
+	}
+	function K(e) {
+		let t = e.relatedTarget;
+		t && i.get(M)?.contains(t) || (i.get(A) && U(), a.onCommit?.());
+	}
+	function q(e, t) {
+		t.preventDefault(), t.stopPropagation();
+		let n = i.get(I).filter((t) => String(t) !== String(e));
+		a.onChange?.(x() ? n : n[0] ?? null);
+	}
+	function J(e) {
+		T() && (e.focus(), V());
+	}
+	i.user_effect(() => {
+		if (!i.get(A)) return;
+		let e = (e) => {
+			let t = e.target;
+			t && (i.get(M)?.contains(t) || i.get(P)?.contains(t) || (U(), 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();
+	let Z;
+	var Q = i.child(X);
+	let $;
+	var ee = i.child(Q), te = (e) => {
+		var t = s();
+		i.each(t, 21, () => i.get(I), (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) => {
+				i.set_style(r, e), i.set_text(s, `${t ?? ""}  `), i.set_attribute(c, "aria-label", `Remove ${n ?? ""}`);
+			}, [
+				() => 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.reset(t), i.append(e, t);
+	}, ne = (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) => {
+		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.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 = _();
+		let c, l;
+		var v = i.child(s), y = (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);
+		};
+		i.if(v, (e) => {
+			w() && e(y);
+		});
+		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 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();
+				let o;
+				var s = i.child(a), c = (e) => {
+					var t = f(), 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);
+				});
+				var l = i.sibling(s, 2), u = (e) => {
+					var n = p(), 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);
+					i.reset(n), i.template_effect(() => i.set_text(r, i.get(t).label)), i.append(e, n);
+				};
+				i.if(l, (e) => {
+					i.get(t).color ? e(u) : e(d, -1);
+				}), 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)
+					}), 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);
+			}), i.append(e, t);
+		};
+		i.if(b, (e) => {
+			i.get(k).length === 0 ? e(S) : e(C, -1);
+		});
+		var T = i.sibling(b, 2), M = (e) => {
+			var t = g(), n = i.child(t);
+			i.reset(t), i.delegated("mousedown", n, (e) => e.preventDefault()), i.delegated("click", n, () => {
+				U(), 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, {
+				position: "fixed",
+				top: `${i.get(F).top}px`,
+				left: `${i.get(F).left}px`,
+				width: `${i.get(F).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.delegate([
+	"focusout",
+	"click",
+	"dblclick",
+	"pointerdown",
+	"mousedown",
+	"keydown"
+]);
+//#endregion
+export { a as n, b as t };

package/dist/cdn/SvGridDropdown-hpnHvOGt.js

@@ -0,0 +1,254 @@
+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 { 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 = {
+	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) {
+	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) {
+		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 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({
+		top: 0,
+		left: 0,
+		width: 0,
+		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();
+		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(() => {
+		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) {
+		return r(U).some((t) => String(t) === String(e.value));
+	}
+	function q(e) {
+		if (A()) {
+			let t = K(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() {
+		if (!r(L)) {
+			if (y(L, !0), r(R) < 0) {
+				let e = o.options.findIndex((e) => K(e));
+				y(R, e >= 0 ? e : 0, !0);
+			}
+			Ce();
+		}
+	}
+	function Ce() {
+		if (!r(B)) return;
+		let e = Math.min(o.options.length, 10) * r(Se) + (A() ? 40 : 0) + 8;
+		y(H, k(r(B).getBoundingClientRect(), {
+			estimatedHeight: e,
+			clampHorizontal: !1
+		}), !0);
+	}
+	u(() => {
+		if (!r(L)) return;
+		let e = () => Ce();
+		return window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
+			window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
+		};
+	});
+	function Y() {
+		y(L, !1), y(R, -1);
+	}
+	function we(e) {
+		if (e.stopPropagation(), e.key === "Escape") {
+			e.preventDefault(), Y(), o.onCancel?.();
+			return;
+		}
+		if (e.key === "ArrowDown") {
+			if (e.preventDefault(), !r(L)) {
+				J();
+				return;
+			}
+			y(R, Math.min(r(R) + 1, o.options.length - 1), !0), X();
+		} else if (e.key === "ArrowUp") {
+			if (e.preventDefault(), !r(L)) {
+				J();
+				return;
+			}
+			y(R, Math.max(r(R) - 1, 0), !0), X();
+		} else if (e.key === "Home") {
+			if (!r(L)) return;
+			e.preventDefault(), y(R, 0), X();
+		} else if (e.key === "End") {
+			if (!r(L)) return;
+			e.preventDefault(), y(R, o.options.length - 1), X();
+		} else if (e.key === "Enter") {
+			if (e.preventDefault(), !r(L)) {
+				J();
+				return;
+			}
+			let t = o.options[r(R)];
+			t ? q(t) : A() && (Y(), 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?.());
+	}
+	function X() {
+		queueMicrotask(() => {
+			r(V) && r(V).querySelector(`[data-opt-idx="${r(R)}"]`)?.scrollIntoView({ block: "nearest" });
+		});
+	}
+	function Te(e) {
+		let t = e.relatedTarget;
+		t && r(z)?.contains(t) || (r(L) && Y(), o.onCommit?.());
+	}
+	function Ee(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());
+	}
+	u(() => {
+		if (!r(L)) return;
+		let e = (e) => {
+			let t = e.target;
+			t && (r(z)?.contains(t) || r(V)?.contains(t) || (Y(), o.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();
+	let Oe;
+	var $ = g(Q);
+	let ke;
+	var Ae = g($), je = (e) => {
+		var a = se();
+		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);
+			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) ? 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);
+		}), 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) => {
+		var t = le(), i = g(t, !0);
+		C(t), d(() => s(i, r(W))), 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();
+		let _, x;
+		var w = g(p), E = (e) => {
+			var t = ue();
+			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);
+		});
+		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);
+		}, ie = (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 u;
+				var p = g(l), m = (e) => {
+					var t = fe(), 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);
+					C(i), d((e) => {
+						f(i, e), s(a, r(t).label);
+					}, [() => Z(r(t).color)]), n(e, i);
+				}, x = (e) => {
+					var i = me(), a = g(i, !0);
+					C(i), d(() => s(a, r(t).label)), n(e, i);
+				};
+				b(_, (e) => {
+					r(t).color ? e(v) : e(x, -1);
+				}), C(l), d((e) => {
+					u = O(l, 1, "sv-grid-dropdown-option", null, u, {
+						"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));
+				}), 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);
+		});
+		var k = S(D, 2), j = (e) => {
+			var t = ge(), r = g(t);
+			C(t), i("mousedown", r, (e) => e.preventDefault()), i("click", r, () => {
+				Y(), o.onCommit?.();
+			}), n(e, t);
+		};
+		b(k, (e) => {
+			A() && e(j);
+		}), 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`,
+				left: `${r(H).left}px`,
+				width: `${r(H).width}px`,
+				"max-height": r(u) === null ? null : `${r(u)}px`,
+				"z-index": "2147483647"
+			});
+		}), 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();
+}
+l([
+	"focusout",
+	"click",
+	"dblclick",
+	"pointerdown",
+	"mousedown",
+	"keydown"
+]);
+//#endregion
+export { A as n, M as t };