@svgrid/grid 2.2.16 → 2.2.18

package/dist/board-view.svelte.d.ts

@@ -0,0 +1,22 @@
+/**
+ * board-view registry - the injection seam for the Kanban *board view of the
+ * grid*. Setting the `board` prop on `<SvGrid>` switches the table for lanes of
+ * cards, but the renderer itself ships in `@svgrid/enterprise` (a paid feature).
+ * This tiny reactive holder lets enterprise register that renderer at import
+ * time; the grid looks it up and mounts it, or shows an upsell placeholder when
+ * it is absent. Mirrors the `scheduler-view` / `editor-registry` pattern.
+ *
+ * ```ts
+ * // in @svgrid/enterprise, at module load:
+ * import { registerBoardView } from '@svgrid/grid'
+ * import SvGridBoard from './SvGridBoard.svelte'
+ * registerBoardView(SvGridBoard)
+ * ```
+ */
+import type { Component } from 'svelte';
+/** Register the component that renders `board` mode. Enterprise calls this. */
+export declare function registerBoardView(component: Component<any>): void;
+/** The registered board renderer, or null when enterprise is not installed. */
+export declare function getBoardView(): Component<any> | null;
+/** Whether a board renderer has been registered. */
+export declare function hasBoardView(): boolean;

package/dist/board-view.svelte.js

@@ -0,0 +1,13 @@
+let renderer = $state(null);
+/** Register the component that renders `board` mode. Enterprise calls this. */
+export function registerBoardView(component) {
+    renderer = component;
+}
+/** The registered board renderer, or null when enterprise is not installed. */
+export function getBoardView() {
+    return renderer;
+}
+/** Whether a board renderer has been registered. */
+export function hasBoardView() {
+    return renderer != null;
+}

package/dist/build-api.js

@@ -1,6 +1,5 @@
 import "./sv-grid-scrollbar";
 import { untrack } from "svelte";
-import { projectGridRows, serializeDelimited, serializeJson, serializeMarkdown, downloadTextFile, copyTextToClipboard, } from "./export-format";
 import { isGroupRow, getColumnAlign, columnDefMatchesId, } from "./cell-values";
 export function createGridApi(ctx) {
     function buildApi() {
@@ -30,7 +29,10 @@ export function createGridApi(ctx) {
             }
             return out;
         };
-        const projectForExport = (scope, columns, rawValues) => projectGridRows(exportScopeRows(scope), exportColumns(), { columns, rawValues });
+        const projectForExport = async (scope, columns, rawValues) => {
+            const { projectGridRows } = await import("./export-format");
+            return projectGridRows(exportScopeRows(scope), exportColumns(), { columns, rawValues });
+        };
         return {
             getCellValue(rowIndex, columnId) {
                 const row = ctx.internalData[rowIndex];
@@ -226,6 +228,30 @@ export function createGridApi(ctx) {
             setGroupBy(columnIds) {
                 ctx.grid.setGrouping([...columnIds]);
             },
+            setOption(key, value) {
+                // Runtime prop override. Writes into the controller's `optionOverrides`
+                // store, which the effective-props proxy merges over the incoming prop, so
+                // the grid re-renders exactly as if the parent had changed that prop.
+                // `undefined` clears the override (falls back to the prop). Reassign the
+                // whole object for reliable reactivity; `untrack` per the `setFilter` note.
+                untrack(() => {
+                    const next = { ...ctx.optionOverrides };
+                    if (value === undefined)
+                        delete next[key];
+                    else
+                        next[key] = value;
+                    ctx.optionOverrides = next;
+                });
+            },
+            getOption(key) {
+                // The effective value: the override if set, otherwise the incoming prop.
+                return ctx.props[key];
+            },
+            resetOptions() {
+                untrack(() => {
+                    ctx.optionOverrides = {};
+                });
+            },
             setFilter(columnId, filter) {
                 // `untrack`: these imperative mutators read the same filter state they
                 // write (read-modify-write on `filterMenuValues`). When a consumer
@@ -365,7 +391,8 @@ export function createGridApi(ctx) {
             },
             // ---- Free data export (CSV / TSV / JSON + clipboard) -----------------
             async exportCsv(options = {}) {
-                const { records, fields } = projectForExport(options.rows ?? "displayed", options.columns, options.rawValues);
+                const { serializeDelimited, downloadTextFile } = await import("./export-format");
+                const { records, fields } = await projectForExport(options.rows ?? "displayed", options.columns, options.rawValues);
                 const text = await serializeDelimited(records, fields, {
                     csv: { delimiter: ",", bom: options.bom ?? true },
                     signal: options.signal,
@@ -376,7 +403,8 @@ export function createGridApi(ctx) {
                 return text;
             },
             async exportTsv(options = {}) {
-                const { records, fields } = projectForExport(options.rows ?? "displayed", options.columns, options.rawValues);
+                const { serializeDelimited, downloadTextFile } = await import("./export-format");
+                const { records, fields } = await projectForExport(options.rows ?? "displayed", options.columns, options.rawValues);
                 const text = await serializeDelimited(records, fields, {
                     csv: { delimiter: "\t", bom: options.bom ?? true },
                     signal: options.signal,
@@ -387,7 +415,8 @@ export function createGridApi(ctx) {
                 return text;
             },
             async exportJson(options = {}) {
-                const { records, fields } = projectForExport(options.rows ?? "displayed", options.columns, options.rawValues);
+                const { serializeJson, downloadTextFile } = await import("./export-format");
+                const { records, fields } = await projectForExport(options.rows ?? "displayed", options.columns, options.rawValues);
                 const text = await serializeJson(records, fields, {
                     signal: options.signal,
                     onProgress: options.onProgress,
@@ -397,7 +426,8 @@ export function createGridApi(ctx) {
                 return text;
             },
             async copyToClipboard(options = {}) {
-                const { records, fields, align } = projectForExport(options.rows ?? "displayed", options.columns, options.rawValues);
+                const { serializeDelimited, serializeMarkdown, copyTextToClipboard } = await import("./export-format");
+                const { records, fields, align } = await projectForExport(options.rows ?? "displayed", options.columns, options.rawValues);
                 const format = options.format ?? "tsv";
                 const text = format === "markdown"
                     ? await serializeMarkdown(records, fields, { align })

package/dist/cdn/GridMenus-0AK9O7qG.js

@@ -0,0 +1,420 @@
+import { eo as e, to as t } from "./src-BLhdLmoN.js";
+import * as n from "svelte/internal/client";
+import "svelte/internal/disclose-version";
+//#region src/GridMenus.svelte
+var r = n.from_html("<option> </option>"), i = n.from_html("<option></option>"), a = n.from_html("<datalist></datalist>"), o = n.from_html("<input class=\"sv-grid-menu-condition-value\" placeholder=\"To\"/>"), s = n.from_html("<option> </option>"), c = n.from_html("<input class=\"sv-grid-menu-condition-value\" placeholder=\"To\"/>"), l = n.from_html("<input class=\"sv-grid-menu-condition-value\"/> <!>", 1), u = n.from_html("<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), d = n.from_html("<button type=\"button\" class=\"sv-grid-menu-add-cond\">+ Add condition</button>"), f = n.from_html("<input class=\"sv-grid-menu-condition-value\"/> <!> <!> <!>", 1), p = n.from_html("<label class=\"sv-grid-facet\"><input type=\"checkbox\"/> <span class=\"sv-grid-facet-label\"> </span></label>"), m = n.from_html("<div class=\"sv-grid-facet-empty\">No values</div>"), h = n.from_html("<div class=\"sv-grid-facet-note\"> </div>"), g = n.from_html("<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-facet-list\"></div> <!> <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>"), _ = n.from_html("<div role=\"tooltip\"> </div>"), v = n.from_html("<div class=\"sv-grid-menu-backdrop\" role=\"presentation\"></div>"), y = n.from_html("<button type=\"button\" role=\"tab\">Filter</button>"), b = n.from_html("<div class=\"sv-grid-menu-tabs\" role=\"tablist\"><button type=\"button\" role=\"tab\">General</button> <!> <button type=\"button\" role=\"tab\">Columns</button></div>"), x = n.from_html("<label class=\"sv-grid-facet\"><input type=\"checkbox\"/> <span class=\"sv-grid-facet-label\"> </span></label>"), S = n.from_html("<div class=\"sv-grid-menu-filter-head\">Visible columns</div> <div class=\"sv-grid-facet-list\"></div>", 1), C = n.from_html("<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), w = n.from_html("<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), T = n.from_html("<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), E = n.from_html("<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>"), D = n.from_html("<!> <!> <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), O = n.from_html("<div class=\"sv-grid-menu sv-grid-column-menu\" role=\"menu\"><!> <!></div>"), ee = n.from_html("<div class=\"sv-grid-menu sv-grid-filter-menu\" role=\"menu\"><!></div>"), k = n.from_html("<label class=\"sv-grid-facet\"><input type=\"checkbox\"/> <span class=\"sv-grid-facet-label\"> </span></label>"), A = n.from_html("<div class=\"sv-grid-menu sv-grid-choose-columns-menu\" role=\"menu\"><div class=\"sv-grid-menu-filter-head\">Visible columns</div> <div class=\"sv-grid-facet-list\"></div></div>"), j = n.from_html("<button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitemradio\"><span class=\"sv-grid-header-icon\"><!></span> </button>"), M = n.from_html("<div class=\"sv-grid-menu sv-grid-operator-menu\" role=\"menu\"></div>"), N = n.from_html("<button type=\"button\" class=\"sv-grid-menu-item sv-grid-in-suggest-item\" role=\"option\"><span class=\"sv-grid-in-suggest-check\" aria-hidden=\"true\"> </span> <span class=\"sv-grid-in-suggest-label\"> </span></button>"), te = n.from_html("<div class=\"sv-grid-facet-empty\">No values</div>"), ne = n.from_html("<div class=\"sv-grid-menu sv-grid-in-suggest\" role=\"listbox\" aria-multiselectable=\"true\" aria-label=\"Filter values\"></div>"), P = n.from_html("<div class=\"sv-grid-menu-sep\"></div>"), re = n.from_html("<button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"> </button>"), ie = n.from_html("<div class=\"sv-grid-menu-backdrop\" role=\"presentation\"></div> <div class=\"sv-grid-menu sv-grid-context-menu\" role=\"menu\"></div>", 1), ae = n.from_html("<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), oe = n.from_html("<!> <!>  <!> <!> <!> <!> <!> <!> <!>", 1);
+function se(se, F) {
+	n.push(F, !0);
+	let ce = (e, _ = n.noop) => {
+		let v = n.derived(() => n.get(q).find((e) => e.id === _())), y = n.derived(() => n.get(Se)(n.get(v))), b = n.derived(() => n.get(L)[_()]?.operator ?? n.get(J)(n.get(v))), x = n.derived(() => t(n.get(v)?.columnDef.editorType ?? "text"));
+		var S = g(), C = n.child(S), w = n.child(C), T = n.child(w);
+		n.snippet(T, () => F.icon, () => "filter"), n.reset(w), n.next(), n.reset(C);
+		var E = n.sibling(C, 2);
+		n.each(E, 21, () => n.get(y), (e) => e.value, (e, t) => {
+			var i = r(), a = n.child(i, !0);
+			n.reset(i);
+			var o = {};
+			n.template_effect((e) => {
+				n.set_text(a, e), o !== (o = n.get(t).value) && (i.value = (i.__value = n.get(t).value) ?? "");
+			}, [() => n.get(Y)(n.get(t), n.get(v))]), n.append(e, i);
+		}), n.reset(E);
+		var D;
+		n.init_select(E);
+		var O = n.sibling(E, 2), ee = (e) => {
+			let t = n.derived(() => n.get(b) === "in" || n.get(b) === "notIn"), r = n.derived(() => n.get(L)[_()]);
+			var p = f(), m = n.first_child(p);
+			n.remove_input_defaults(m);
+			var h = n.sibling(m, 2), g = (e) => {
+				var t = a();
+				n.each(t, 20, () => n.get(Oe)(_()).slice(0, 200), (e) => e, (e, t) => {
+					var r = i(), a = {};
+					n.template_effect(() => {
+						a !== (a = t) && (r.value = (r.__value = t) ?? "");
+					}), n.append(e, r);
+				}), n.reset(t), n.template_effect(() => n.set_attribute(t, "id", `sv-in-list-${_()}`)), n.append(e, t);
+			};
+			n.if(h, (e) => {
+				n.get(t) && e(g);
+			});
+			var S = n.sibling(h, 2), C = (e) => {
+				var t = o();
+				n.remove_input_defaults(t), n.template_effect(() => {
+					n.set_attribute(t, "type", n.get(x)), n.set_value(t, n.get(L)[_()]?.valueTo ?? "");
+				}), n.delegated("input", t, (e) => n.get(xe)(_(), e.currentTarget.value)), n.append(e, t);
+			};
+			n.if(S, (e) => {
+				n.get(b) === "between" && e(C);
+			});
+			var w = n.sibling(S, 2), T = (e) => {
+				let t = n.derived(() => n.get(r).operator2 ?? n.get(J)(n.get(v)));
+				var i = u(), a = n.first_child(i), o = n.child(a);
+				let d;
+				var f = n.sibling(o, 2);
+				let p;
+				var m = n.sibling(f, 2);
+				n.reset(a);
+				var h = n.sibling(a, 2);
+				n.each(h, 21, () => n.get(y), (e) => e.value, (e, t) => {
+					var r = s(), i = n.child(r, !0);
+					n.reset(r);
+					var a = {};
+					n.template_effect((e) => {
+						n.set_text(i, e), a !== (a = n.get(t).value) && (r.value = (r.__value = n.get(t).value) ?? "");
+					}, [() => n.get(Y)(n.get(t), n.get(v))]), n.append(e, r);
+				}), n.reset(h);
+				var g;
+				n.init_select(h);
+				var b = n.sibling(h, 2), S = (e) => {
+					var i = l(), a = n.first_child(i);
+					n.remove_input_defaults(a);
+					var o = n.sibling(a, 2), s = (e) => {
+						var t = c();
+						n.remove_input_defaults(t), n.template_effect(() => {
+							n.set_attribute(t, "type", n.get(x)), n.set_value(t, n.get(r).valueTo2 ?? "");
+						}), n.delegated("input", t, (e) => X(_(), { valueTo2: e.currentTarget.value })), n.append(e, t);
+					};
+					n.if(o, (e) => {
+						n.get(t) === "between" && e(s);
+					}), n.template_effect(() => {
+						n.set_attribute(a, "type", n.get(x)), n.set_value(a, n.get(r).value2 ?? ""), n.set_attribute(a, "placeholder", n.get(t) === "between" ? "From" : "Filter value...");
+					}), n.delegated("input", a, (e) => X(_(), { value2: e.currentTarget.value })), n.append(e, i);
+				};
+				n.if(b, (e) => {
+					n.get(t) !== "isBlank" && e(S);
+				}), n.template_effect(() => {
+					d = n.set_class(o, 1, "", null, d, { "is-on": (n.get(r).join ?? "AND") === "AND" }), p = n.set_class(f, 1, "", null, p, { "is-on": n.get(r).join === "OR" }), g !== (g = n.get(t)) && (h.value = (h.__value = n.get(t)) ?? "", n.select_option(h, n.get(t)));
+				}), n.delegated("click", o, () => X(_(), { join: "AND" })), n.delegated("click", f, () => X(_(), { join: "OR" })), n.delegated("click", m, () => X(_(), {
+					operator2: void 0,
+					value2: void 0,
+					valueTo2: void 0,
+					join: void 0
+				})), n.delegated("change", h, (e) => X(_(), { operator2: e.currentTarget.value })), n.append(e, i);
+			}, E = (e) => {
+				var t = d();
+				n.delegated("click", t, () => X(_(), {
+					operator2: n.get(J)(n.get(v)),
+					value2: "",
+					join: "AND"
+				})), n.append(e, t);
+			};
+			n.if(w, (e) => {
+				n.get(r)?.operator2 ? e(T) : e(E, -1);
+			}), n.template_effect(() => {
+				n.set_attribute(m, "type", n.get(b) === "regex" ? "text" : n.get(x)), n.set_attribute(m, "list", n.get(t) ? `sv-in-list-${_()}` : void 0), n.set_value(m, n.get(L)[_()]?.value ?? ""), n.set_attribute(m, "placeholder", n.get(b) === "between" ? "From" : n.get(t) ? "value, value..." : n.get(b) === "regex" ? "Pattern..." : "Filter value...");
+			}), n.delegated("input", m, (e) => n.get(be)(_(), e.currentTarget.value)), n.append(e, p);
+		};
+		n.if(O, (e) => {
+			n.get(b) !== "isBlank" && n.get(b) !== "isNotBlank" && e(ee);
+		});
+		var k = n.sibling(O, 6);
+		n.remove_input_defaults(k);
+		var A = n.sibling(k, 2), j = n.child(A);
+		n.remove_input_defaults(j), n.next(2), n.reset(A);
+		var M = n.sibling(A, 2);
+		n.each(M, 20, () => n.get(Q), (e) => e, (e, t) => {
+			var r = p(), i = n.child(r);
+			n.remove_input_defaults(i);
+			var a = n.sibling(i, 2), o = n.child(a, !0);
+			n.reset(a), n.reset(r), n.template_effect((e) => {
+				n.set_checked(i, e), n.set_text(o, t === "" ? "(Blanks)" : t);
+			}, [() => n.get(ze)(_(), t)]), n.delegated("change", i, () => n.get(Be)(_(), t)), n.append(e, r);
+		}, (e) => {
+			var t = m();
+			n.append(e, t);
+		}), n.reset(M);
+		var N = n.sibling(M, 2), te = (e) => {
+			var t = h(), r = n.child(t);
+			n.reset(t), n.template_effect(() => n.set_text(r, `Showing ${n.get(Q).length ?? ""} of ${n.get(Re).length ?? ""}`)), n.append(e, t);
+		};
+		n.if(N, (e) => {
+			n.get(Re).length > n.get(Q).length && e(te);
+		});
+		var ne = n.sibling(N, 2), P = n.child(ne), re = n.sibling(P, 2);
+		n.reset(ne), n.reset(S), n.template_effect((e, t) => {
+			D !== (D = n.get(b)) && (E.value = (E.__value = n.get(b)) ?? "", n.select_option(E, n.get(b))), n.set_checked(j, e), P.disabled = t;
+		}, [() => n.get(Ve)(_()), () => !n.get(ke)(_())]), n.delegated("change", E, (e) => n.get(ye)(_(), e.currentTarget.value)), n.bind_value(k, () => I().columnMenuSearch, (e) => I().columnMenuSearch = e), n.delegated("change", j, () => n.get(He)(_())), n.delegated("click", P, () => n.get(Ue)(_())), n.delegated("click", re, function(...e) {
+			n.get(Z)?.apply(this, e);
+		}), n.append(e, S);
+	}, I = n.prop(F, "ctrl", 7), le = n.derived(() => I().groupingControlsEnabled), L = n.derived(() => I().filterMenuValues), R = n.derived(() => I().tooltip);
+	n.derived(() => I().showTooltipFor);
+	let z = n.derived(() => I().columnMenuFor), B = n.derived(() => I().columnMenuPos), V = n.derived(() => I().filterMenuFor), H = n.derived(() => I().filterMenuPos), U = n.derived(() => I().operatorMenuFor), ue = n.derived(() => I().operatorMenuPos), W = n.derived(() => I().chooseColumnsPos), G = n.derived(() => I().showColumnFiltersEffective), K = n.derived(() => I().props.columnMenuTabs === !0), de = n.derived(() => I().grid), q = n.derived(() => I().allColumns), fe = n.derived(() => I().isColumnPinned), pe = n.derived(() => I().pinColumnLeft), me = n.derived(() => I().pinColumnRight), he = n.derived(() => I().unpinColumn), ge = n.derived(() => I().sortDirectionByColumn), _e = n.derived(() => I().groupingColumns), ve = n.derived(() => I().columnVirtualizationEnabled), ye = n.derived(() => I().updateFilterOperator), be = n.derived(() => I().updateFilterMenuValue), xe = n.derived(() => I().updateFilterMenuValueTo), Se = n.derived(() => I().operatorsForColumn), J = n.derived(() => I().defaultOperatorFor), Y = n.derived(() => I().operatorLabelFor), Ce = n.derived(() => I().filterRowValues), we = n.derived(() => I().inSuggestFor), Te = n.derived(() => I().inSuggestPos), Ee = n.derived(() => I().inSuggestValues), De = n.derived(() => I().toggleFilterToken), Oe = n.derived(() => I().facetValuesForColumn);
+	function X(e, t) {
+		let r = n.get(q).find((t) => t.id === e), i = I().filterMenuValues[e] ?? {
+			operator: n.get(J)(r),
+			value: ""
+		};
+		I().filterMenuValues = {
+			...I().filterMenuValues,
+			[e]: {
+				...i,
+				...t
+			}
+		};
+	}
+	let ke = n.derived(() => I().isColumnFiltered), Z = n.derived(() => I().closeMenus);
+	n.user_effect(() => {
+		if (!(n.get(z) || n.get(V) || n.get(U) || n.get(W))) return;
+		let e = () => n.get(Z)();
+		return window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
+			window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
+		};
+	});
+	let Ae = n.derived(() => I().autosizeColumn), je = n.derived(() => I().autosizeAllColumns), Me = n.derived(() => I().resetColumns), Ne = n.derived(() => I().openChooseColumns), Pe = n.derived(() => I().sortColumnFromMenu), Fe = n.derived(() => I().clearColumnSort), Ie = n.derived(() => I().groupByColumnFromMenu), Le = n.derived(() => I().clearGroupingFromMenu), Re = n.derived(() => I().columnMenuFacetValues), Q = n.derived(() => I().columnMenuVisibleFacets), ze = n.derived(() => I().isFacetChecked), Be = n.derived(() => I().toggleFacetValue), Ve = n.derived(() => I().isAllFacetsChecked), He = n.derived(() => I().toggleAllFacets), Ue = n.derived(() => I().clearColumnFilter), We = n.derived(() => I().contextMenuFor), Ge = n.derived(() => I().contextMenuPos), Ke = n.derived(() => I().contextMenuItems), $ = n.derived(() => I().closeContextMenu), qe = n.derived(() => I().commentEditFor), Je = n.derived(() => I().saveComment), Ye = n.derived(() => I().removeComment), Xe = n.derived(() => I().closeCommentEditor);
+	var Ze = oe(), Qe = n.first_child(Ze), $e = (e) => {
+		var t = _();
+		let r;
+		var i = n.child(t, !0);
+		n.reset(t), n.template_effect(() => {
+			r = n.set_class(t, 1, "sv-grid-tooltip", null, r, { "sv-grid-tooltip-above": !n.get(R).below }), n.set_style(t, `left: ${n.get(R).x}px; top: ${n.get(R).y}px; ${n.get(R).below ? "" : "transform: translateY(-100%);"}`), n.set_text(i, n.get(R).text);
+		}), n.append(e, t);
+	};
+	n.if(Qe, (e) => {
+		n.get(R) && e($e);
+	});
+	var et = n.sibling(Qe, 2), tt = (e) => {
+		var t = v();
+		n.delegated("click", t, function(...e) {
+			n.get(Z)?.apply(this, e);
+		}), n.append(e, t);
+	};
+	n.if(et, (e) => {
+		(n.get(z) || n.get(V) || n.get(U) || n.get(W)) && e(tt);
+	});
+	var nt = n.sibling(et, 2), rt = (e) => {
+		let t = n.derived(() => n.get(z)), r = n.derived(() => n.get(q).find((e) => e.id === n.get(t))), i = n.derived(() => n.get(r)?.getCanSort?.() ?? !1), a = n.derived(() => n.get(r)?.columnDef.field != null && n.get(r)?.columnDef.filterable !== !1), o = n.derived(() => I().columnMenuTab);
+		var s = O(), c = n.child(s), l = (e) => {
+			var t = b(), r = n.child(t);
+			let i;
+			var s = n.sibling(r, 2), c = (e) => {
+				var t = y();
+				let r;
+				n.template_effect(() => {
+					r = n.set_class(t, 1, "sv-grid-menu-tab", null, r, { "is-active": n.get(o) === "filter" }), n.set_attribute(t, "aria-selected", n.get(o) === "filter");
+				}), n.delegated("click", t, () => I().columnMenuTab = "filter"), n.append(e, t);
+			};
+			n.if(s, (e) => {
+				n.get(a) && n.get(G) && e(c);
+			});
+			var l = n.sibling(s, 2);
+			let u;
+			n.reset(t), n.template_effect(() => {
+				i = n.set_class(r, 1, "sv-grid-menu-tab", null, i, { "is-active": n.get(o) === "general" }), n.set_attribute(r, "aria-selected", n.get(o) === "general"), u = n.set_class(l, 1, "sv-grid-menu-tab", null, u, { "is-active": n.get(o) === "columns" }), n.set_attribute(l, "aria-selected", n.get(o) === "columns");
+			}), n.delegated("click", r, () => I().columnMenuTab = "general"), n.delegated("click", l, () => I().columnMenuTab = "columns"), n.append(e, t);
+		};
+		n.if(c, (e) => {
+			n.get(K) && e(l);
+		});
+		var u = n.sibling(c, 2), d = (e) => {
+			ce(e, () => n.get(t));
+		}, f = (e) => {
+			var t = S(), r = n.sibling(n.first_child(t), 2);
+			n.each(r, 21, () => n.get(de).getAllColumns(), (e) => e.id, (e, t) => {
+				var r = x(), i = n.child(r);
+				n.remove_input_defaults(i);
+				var a = n.sibling(i, 2), o = n.child(a, !0);
+				n.reset(a), n.reset(r), n.template_effect(() => {
+					n.set_checked(i, !I().hiddenColumns[n.get(t).id]), n.set_text(o, typeof n.get(t).columnDef.header == "string" ? n.get(t).columnDef.header : n.get(t).id);
+				}), n.delegated("change", i, (e) => {
+					if (e.currentTarget.checked) {
+						let e = { ...I().hiddenColumns };
+						delete e[n.get(t).id], I().hiddenColumns = e;
+					} else I().hiddenColumns = {
+						...I().hiddenColumns,
+						[n.get(t).id]: !0
+					};
+				}), n.append(e, r);
+			}), n.reset(r), n.append(e, t);
+		}, p = (e) => {
+			var r = D(), a = n.first_child(r), o = (e) => {
+				var r = C(), i = n.first_child(r), a = n.child(i), o = n.child(a);
+				n.snippet(o, () => F.icon, () => "sort-asc"), n.reset(a), n.next(), n.reset(i);
+				var s = n.sibling(i, 2), c = n.child(s), l = n.child(c);
+				n.snippet(l, () => F.icon, () => "sort-desc"), n.reset(c), n.next(), n.reset(s);
+				var u = n.sibling(s, 2), d = n.child(u), f = n.child(d);
+				n.snippet(f, () => F.icon, () => "x"), n.reset(d), n.next(), n.reset(u), n.template_effect(() => u.disabled = !n.get(ge)[n.get(t)]), n.delegated("click", i, () => n.get(Pe)(n.get(t), !1)), n.delegated("click", s, () => n.get(Pe)(n.get(t), !0)), n.delegated("click", u, () => n.get(Fe)(n.get(t))), n.append(e, r);
+			};
+			n.if(a, (e) => {
+				n.get(i) && e(o);
+			});
+			var s = n.sibling(a, 2), c = (e) => {
+				let r = n.derived(() => n.get(fe)(n.get(t)));
+				var i = w(), a = n.sibling(n.first_child(i), 2), o = n.child(a), s = n.child(o);
+				n.snippet(s, () => F.icon, () => "op-startsWith"), n.reset(o), n.next(), n.reset(a);
+				var c = n.sibling(a, 2), l = n.child(c), u = n.child(l);
+				n.snippet(u, () => F.icon, () => "op-greaterThan"), n.reset(l), n.next(), n.reset(c);
+				var d = n.sibling(c, 2), f = n.child(d), p = n.child(f);
+				n.snippet(p, () => F.icon, () => "x"), n.reset(f), n.next(), n.reset(d), n.template_effect(() => {
+					a.disabled = n.get(r) === "left", c.disabled = n.get(r) === "right", d.disabled = !n.get(r);
+				}), n.delegated("click", a, () => n.get(pe)(n.get(t))), n.delegated("click", c, () => n.get(me)(n.get(t))), n.delegated("click", d, () => n.get(he)(n.get(t))), n.append(e, i);
+			};
+			n.if(s, (e) => {
+				n.get(ve) || e(c);
+			});
+			var l = n.sibling(s, 4), u = n.child(l), d = n.child(u);
+			n.snippet(d, () => F.icon, () => "autosize"), n.reset(u), n.next(), n.reset(l);
+			var f = n.sibling(l, 2), p = n.child(f), m = n.child(p);
+			n.snippet(m, () => F.icon, () => "autosize"), n.reset(p), n.next(), n.reset(f);
+			var h = n.sibling(f, 2), g = (e) => {
+				var r = T(), i = n.sibling(n.first_child(r), 2), a = n.child(i), o = n.child(a);
+				n.snippet(o, () => F.icon, () => "group"), n.reset(a), n.next(), n.reset(i);
+				var s = n.sibling(i, 2), c = n.child(s), l = n.child(c);
+				n.snippet(l, () => F.icon, () => "x"), n.reset(c), n.next(), n.reset(s), n.template_effect((e, t) => {
+					i.disabled = e, s.disabled = t;
+				}, [() => n.get(_e).includes(n.get(t)), () => !n.get(_e).includes(n.get(t))]), n.delegated("click", i, () => n.get(Ie)(n.get(t))), n.delegated("click", s, () => n.get(Le)(n.get(t))), n.append(e, r);
+			};
+			n.if(h, (e) => {
+				n.get(le) && e(g);
+			});
+			var _ = n.sibling(h, 4), v = (e) => {
+				var t = E();
+				let r;
+				var i = n.child(t), a = n.child(i);
+				n.snippet(a, () => F.icon, () => "columns"), n.reset(i);
+				var o = n.sibling(i, 2), s = n.child(o);
+				n.snippet(s, () => F.icon, () => "chevron-down"), n.reset(o), n.reset(t), n.template_effect(() => {
+					r = n.set_class(t, 1, "sv-grid-menu-item", null, r, { "is-open": n.get(W) !== null }), n.set_attribute(t, "aria-expanded", n.get(W) !== null);
+				}), n.delegated("click", t, (e) => n.get(Ne)(e)), n.append(e, t);
+			};
+			n.if(_, (e) => {
+				n.get(K) || e(v);
+			});
+			var y = n.sibling(_, 2), b = n.child(y), x = n.child(b);
+			n.snippet(x, () => F.icon, () => "reset"), n.reset(b), n.next(), n.reset(y), n.delegated("click", l, () => {
+				n.get(Ae)(n.get(t)), n.get(Z)();
+			}), n.delegated("click", f, () => {
+				n.get(je)(), n.get(Z)();
+			}), n.delegated("click", y, () => {
+				n.get(Me)(), n.get(Z)();
+			}), n.append(e, r);
+		};
+		n.if(u, (e) => {
+			n.get(K) && n.get(o) === "filter" && n.get(a) && n.get(G) ? e(d) : n.get(K) && n.get(o) === "columns" ? e(f, 1) : e(p, -1);
+		}), n.reset(s), n.template_effect(() => n.set_style(s, `left: ${n.get(B).x}px; top: ${n.get(B).y}px; max-height: calc(100vh - ${n.get(B).y}px - 12px);`)), n.append(e, s);
+	};
+	n.if(nt, (e) => {
+		n.get(z) && e(rt);
+	});
+	var it = n.sibling(nt, 2), at = (e) => {
+		var t = ee();
+		ce(n.child(t), () => n.get(V)), n.reset(t), n.template_effect(() => n.set_style(t, `left: ${n.get(H).x}px; top: ${n.get(H).y}px; max-height: calc(100vh - ${n.get(H).y}px - 12px);`)), n.append(e, t);
+	};
+	n.if(it, (e) => {
+		n.get(V) && n.get(G) && e(at);
+	});
+	var ot = n.sibling(it, 2), st = (e) => {
+		let t = n.derived(() => n.get(de).getAllColumns());
+		var r = A(), i = n.sibling(n.child(r), 2);
+		n.each(i, 21, () => n.get(t), (e) => e.id, (e, t) => {
+			var r = k(), i = n.child(r);
+			n.remove_input_defaults(i);
+			var a = n.sibling(i, 2), o = n.child(a, !0);
+			n.reset(a), n.reset(r), n.template_effect(() => {
+				n.set_checked(i, !I().hiddenColumns[n.get(t).id]), n.set_text(o, typeof n.get(t).columnDef.header == "string" ? n.get(t).columnDef.header : n.get(t).id);
+			}), n.delegated("change", i, (e) => {
+				if (e.currentTarget.checked) {
+					let e = { ...I().hiddenColumns };
+					delete e[n.get(t).id], I().hiddenColumns = e;
+				} else I().hiddenColumns = {
+					...I().hiddenColumns,
+					[n.get(t).id]: !0
+				};
+			}), n.append(e, r);
+		}), n.reset(i), n.reset(r), n.template_effect(() => n.set_style(r, `left: ${n.get(W).x}px; top: ${n.get(W).y}px;`)), n.append(e, r);
+	};
+	n.if(ot, (e) => {
+		n.get(W) && e(st);
+	});
+	var ct = n.sibling(ot, 2), lt = (e) => {
+		let t = n.derived(() => n.get(U)), r = n.derived(() => n.get(q).find((e) => e.id === n.get(t))), i = n.derived(() => n.get(Se)(n.get(r))), a = n.derived(() => n.get(L)[n.get(t)]?.operator ?? n.get(J)(n.get(r)));
+		var o = M();
+		n.each(o, 21, () => n.get(i), (e) => e.value, (e, i) => {
+			var o = j(), s = n.child(o), c = n.child(s);
+			n.snippet(c, () => F.icon, () => n.get(i).iconName), n.reset(s);
+			var l = n.sibling(s);
+			n.reset(o), n.template_effect((e) => {
+				n.set_attribute(o, "aria-checked", n.get(a) === n.get(i).value), n.set_text(l, ` ${e ?? ""}`);
+			}, [() => n.get(Y)(n.get(i), n.get(r))]), n.delegated("click", o, () => {
+				n.get(ye)(n.get(t), n.get(i).value), n.get(Z)();
+			}), n.append(e, o);
+		}), n.reset(o), n.template_effect(() => n.set_style(o, `left: ${n.get(ue).x}px; top: ${n.get(ue).y}px;`)), n.append(e, o);
+	};
+	n.if(ct, (e) => {
+		n.get(U) && e(lt);
+	});
+	var ut = n.sibling(ct, 2), dt = (t) => {
+		let r = n.derived(() => n.get(we)), i = n.derived(() => new Set(e(n.get(Ce)[n.get(r)] ?? "")));
+		var a = ne();
+		n.each(a, 20, () => n.get(Ee), (e) => e, (e, t) => {
+			let a = n.derived(() => n.get(i).has(t));
+			var o = N(), s = n.child(o), c = n.child(s, !0);
+			n.reset(s);
+			var l = n.sibling(s, 2), u = n.child(l, !0);
+			n.reset(l), n.reset(o), n.template_effect(() => {
+				n.set_attribute(o, "aria-selected", n.get(a)), n.set_text(c, n.get(a) ? "✓" : ""), n.set_text(u, t === "" ? "(Blanks)" : t);
+			}), n.delegated("mousedown", o, (e) => {
+				e.preventDefault(), n.get(De)(n.get(r), t);
+			}), n.append(e, o);
+		}, (e) => {
+			var t = te();
+			n.append(e, t);
+		}), n.reset(a), n.template_effect(() => n.set_style(a, `left: ${n.get(Te).x}px; top: ${n.get(Te).y}px;`)), n.append(t, a);
+	};
+	n.if(ut, (e) => {
+		n.get(we) && e(dt);
+	});
+	var ft = n.sibling(ut, 2), pt = (e) => {
+		var t = ie(), r = n.first_child(t), i = n.sibling(r, 2);
+		n.each(i, 21, () => n.get(Ke)(), (e) => e.key, (e, t) => {
+			var r = n.comment(), i = n.first_child(r), a = (e) => {
+				var t = P();
+				n.append(e, t);
+			}, o = (e) => {
+				var r = re(), i = n.child(r, !0);
+				n.reset(r), n.template_effect(() => {
+					r.disabled = n.get(t).disabled, n.set_text(i, n.get(t).label);
+				}), n.delegated("click", r, () => {
+					n.get(t).run?.(), n.get($)();
+				}), n.append(e, r);
+			};
+			n.if(i, (e) => {
+				n.get(t).separator ? e(a) : e(o, -1);
+			}), n.append(e, r);
+		}), n.reset(i), n.template_effect(() => n.set_style(i, `left: ${n.get(Ge).x}px; top: ${n.get(Ge).y}px;`)), n.delegated("contextmenu", r, (e) => {
+			e.preventDefault(), n.get($)();
+		}), n.delegated("click", r, function(...e) {
+			n.get($)?.apply(this, e);
+		}), n.append(e, t);
+	};
+	n.if(ft, (e) => {
+		n.get(We) && e(pt);
+	});
+	var mt = n.sibling(ft, 2), ht = (e) => {
+		var t = ae(), r = n.first_child(t), i = n.sibling(r, 2), a = n.child(i);
+		n.remove_textarea_child(a), n.autofocus(a, !0);
+		var o = n.sibling(a, 2), s = n.child(o), c = n.sibling(s, 4), l = n.sibling(c, 2);
+		n.reset(o), n.reset(i), n.template_effect(() => n.set_style(i, `left: ${n.get(qe).x}px; top: ${n.get(qe).y}px;`)), n.delegated("click", r, function(...e) {
+			n.get(Xe)?.apply(this, e);
+		}), n.delegated("keydown", a, (e) => {
+			e.stopPropagation(), e.key === "Escape" && (e.preventDefault(), n.get(Xe)()), e.key === "Enter" && (e.ctrlKey || e.metaKey) && (e.preventDefault(), n.get(Je)());
+		}), n.bind_value(a, () => I().commentDraft, (e) => I().commentDraft = e), n.delegated("click", s, function(...e) {
+			n.get(Ye)?.apply(this, e);
+		}), n.delegated("click", c, function(...e) {
+			n.get(Xe)?.apply(this, e);
+		}), n.delegated("click", l, function(...e) {
+			n.get(Je)?.apply(this, e);
+		}), n.append(e, t);
+	};
+	n.if(mt, (e) => {
+		n.get(qe) && e(ht);
+	}), n.append(se, Ze), n.pop();
+}
+n.delegate([
+	"change",
+	"input",
+	"click",
+	"mousedown",
+	"contextmenu",
+	"keydown"
+]);
+//#endregion
+export { se as default };