@svgrid/grid 2.6.3 → 2.6.5

package/dist/build-api.js

@@ -1,6 +1,7 @@
 import "./sv-grid-scrollbar";
 import { untrack } from "svelte";
 import { isGroupRow, getColumnAlign, columnDefMatchesId, } from "./cell-values";
+import { hasAdvancedFilterEngine } from "./advanced-filter.svelte";
 export function createGridApi(ctx) {
     function buildApi() {
         const findColumn = (columnId) => ctx.grid.getAllColumns().find((column) => column.id === columnId);
@@ -335,14 +336,35 @@ export function createGridApi(ctx) {
                 // See `setFilter` for why the read-modify-write is untracked.
                 untrack(() => {
                     // Wipe every filter surface in one go: column-menu, filter-row, set
-                    // filters, and the global search box.
+                    // filters, the global search box, and the advanced filter. This
+                    // promises "every filter surface", so leaving the advanced one set
+                    // would strand rows nobody can see a cause for.
                     ctx.filterMenuValues = {};
                     ctx.filterRowValues = {};
                     ctx.valueFilters = {};
                     if (ctx.globalFilter !== "")
                         ctx.globalFilter = "";
+                    if (ctx.advancedFilter !== null)
+                        ctx.advancedFilter = null;
                 });
             },
+            setAdvancedFilter(expr) {
+                // See `setFilter` for why the write is untracked.
+                untrack(() => {
+                    ctx.advancedFilter = expr ?? null;
+                });
+            },
+            getAdvancedFilter() {
+                return ctx.advancedFilter ?? null;
+            },
+            clearAdvancedFilter() {
+                untrack(() => {
+                    ctx.advancedFilter = null;
+                });
+            },
+            isAdvancedFilterActive() {
+                return ctx.advancedFilter != null && hasAdvancedFilterEngine();
+            },
             getFilters() {
                 // Return a defensive copy so callers can't mutate internal state.
                 const out = {};
@@ -361,9 +383,14 @@ export function createGridApi(ctx) {
                 // `allRows` is the final, post-filter, post-sort, post-group,
                 // post-pagination list - exactly what the body renders. Skip group
                 // header rows (they wrap an aggregate, not a TData row).
+                //
+                // `isGroupRow` rather than a `subRows.length` test: a TREE parent also
+                // has subRows, but it is a real data row that renders its own cells, so
+                // dropping it here silently truncated every tree read - including the
+                // enterprise export, whose default row source is this method.
                 const out = [];
                 for (const row of ctx.allRows) {
-                    if (row.subRows && row.subRows.length > 0)
+                    if (isGroupRow(row))
                         continue;
                     out.push(row.original);
                 }
@@ -392,6 +419,10 @@ export function createGridApi(ctx) {
                     // editorType-based default the body uses.
                     format: c.columnDef.format,
                     align: getColumnAlign(c),
+                    // The column's declared value type. Lets a filter or expression UI
+                    // offer the right operators (numeric ranges vs text matching) without
+                    // re-walking the columnDef tree.
+                    editorType: c.columnDef.editorType,
                 });
                 // Visible columns first, in their current visual order...
                 const out = ctx.allColumns.map((c) => describe(c, true));
@@ -666,6 +697,11 @@ export function createGridApi(ctx) {
                         k,
                         Array.from(set),
                     ])),
+                    // Emitted only when set. `attachAutoSavedView` diffs
+                    // JSON.stringify(getState()) on a timer, so adding an always-present
+                    // key would change every existing snapshot and force one spurious
+                    // save in every app on upgrade.
+                    ...(ctx.advancedFilter ? { advancedFilter: ctx.advancedFilter } : {}),
                     ...(ctx.chartingEnabled
                         ? {
                             chart: {
@@ -726,6 +762,12 @@ export function createGridApi(ctx) {
                         next[k] = new Set(arr);
                     ctx.valueFilters = next;
                 }
+                // `in` rather than a truthiness check, so an explicit null clears while
+                // an absent key leaves the current filter alone (the documented
+                // "only the keys present are applied" contract).
+                if ("advancedFilter" in state) {
+                    ctx.advancedFilter = state.advancedFilter ?? null;
+                }
                 if ((state.chart || state.charts) && ctx.chartingEnabled) {
                     if (Array.isArray(state.charts) && state.charts.length) {
                         ctx.applyChartsState(state.charts, state.chartActive);

package/dist/cdn/{GridMenus-BoVKgAv8.js → GridMenus-CBvjL5u4.js}

@@ -1,4 +1,4 @@
-import { Gn as e, ao as t, io as n, ro as r } from "./src-CEpw6Ato.js";
+import { Kn as e, co as t, lo as n, so as r } from "./src-Cl7h5-Ux.js";
 import { l as i } from "./SvDateTimePicker-CHnUkWcH.js";
 import * as a from "svelte/internal/client";
 import "svelte/internal/disclose-version";
@@ -6,8 +6,8 @@ import "svelte/internal/disclose-version";
 var o = a.from_html("<option> </option>"), s = a.from_html("<input class=\"sv-grid-menu-condition-value\" placeholder=\"To\"/>"), c = a.from_html("<option> </option>"), l = a.from_html("<input class=\"sv-grid-menu-condition-value\" placeholder=\"To\"/>"), u = a.from_html("<input class=\"sv-grid-menu-condition-value\"/> <!>", 1), d = a.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), f = a.from_html("<button type=\"button\" class=\"sv-grid-menu-add-cond\">+ Add condition</button>"), p = a.from_html("<input class=\"sv-grid-menu-condition-value\"/> <!> <!>", 1), m = a.from_html("<div class=\"sv-grid-facet-empty\">No values</div>"), h = a.from_html("<div class=\"sv-grid-facet-note\"> </div>"), g = a.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-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>"), _ = a.from_html("<div role=\"tooltip\"> </div>"), v = a.from_html("<div class=\"sv-grid-menu-backdrop\" role=\"presentation\"></div>"), y = a.from_html("<button type=\"button\" role=\"tab\">Filter</button>"), b = a.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 = a.from_html("<div class=\"sv-grid-menu-filter-head\">Visible columns</div> <!>", 1), S = a.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), ee = a.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), C = a.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), w = a.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>"), T = a.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), te = a.from_html("<div class=\"sv-grid-menu sv-grid-column-menu\" role=\"menu\"><!> <!></div>"), E = a.from_html("<div class=\"sv-grid-menu sv-grid-filter-menu\" role=\"menu\"><!></div>"), D = a.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>"), O = a.from_html("<button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitemradio\"><span class=\"sv-grid-header-icon\"><!></span> </button>"), k = a.from_html("<div class=\"sv-grid-menu sv-grid-operator-menu\" role=\"menu\"></div>"), ne = a.from_html("<div class=\"sv-grid-facet-empty\">No values</div>"), re = a.from_html("<div class=\"sv-grid-menu sv-grid-in-suggest\"><!></div>"), A = a.from_html("<div class=\"sv-grid-menu-sep\"></div>"), ie = a.from_html("<button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"> </button>"), j = a.from_html("<div class=\"sv-grid-menu-backdrop\" role=\"presentation\"></div> <div class=\"sv-grid-menu sv-grid-context-menu\" role=\"menu\"></div>", 1), M = a.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), ae = a.from_html("<!> <!>  <!> <!> <!> <!> <!> <!> <!>", 1);
 function oe(oe, N) {
 	a.push(N, !0);
-	let se = (n, r = a.noop) => {
-		let i = a.derived(() => a.get(G).find((e) => e.id === r())), _ = a.derived(() => a.get(xe)(a.get(i))), v = a.derived(() => a.get(F)[r()]?.operator ?? a.get(K)(a.get(i))), y = a.derived(() => t(a.get(i)?.columnDef.editorType ?? "text"));
+	let se = (t, r = a.noop) => {
+		let i = a.derived(() => a.get(G).find((e) => e.id === r())), _ = a.derived(() => a.get(xe)(a.get(i))), v = a.derived(() => a.get(F)[r()]?.operator ?? a.get(K)(a.get(i))), y = a.derived(() => n(a.get(i)?.columnDef.editorType ?? "text"));
 		var b = g(), x = a.child(b), S = a.child(x), ee = a.child(S);
 		a.snippet(ee, () => N.icon, () => "filter"), a.reset(S), a.next(), a.reset(x);
 		var C = a.sibling(x, 2);
@@ -148,7 +148,7 @@ function oe(oe, N) {
 			w !== (w = a.get(v)) && (C.value = (C.__value = a.get(v)) ?? "", a.select_option(C, a.get(v))), a.set_checked(O, e), M.disabled = t;
 		}, [() => a.get(Ve)(r()), () => !a.get(Te)(r())]), a.delegated("change", C, (e) => a.get(ve)(r(), e.currentTarget.value)), a.bind_value(E, () => P().columnMenuSearch, (e) => P().columnMenuSearch = e), a.delegated("change", O, () => a.get(He)(r())), a.delegated("click", M, () => a.get(Ye)(r())), a.delegated("click", ae, function(...e) {
 			a.get(Y)?.apply(this, e);
-		}), a.append(n, b);
+		}), a.append(t, b);
 	}, P = a.prop(N, "ctrl", 7), ce = a.derived(() => P().groupingControlsEnabled), F = a.derived(() => P().filterMenuValues), I = a.derived(() => P().tooltip), L = a.derived(() => P().columnMenuFor), R = a.derived(() => P().columnMenuPos), z = a.derived(() => P().filterMenuFor), B = a.derived(() => P().filterMenuPos), V = a.derived(() => P().operatorMenuFor), le = a.derived(() => P().operatorMenuPos), H = a.derived(() => P().chooseColumnsPos), U = a.derived(() => P().showColumnFiltersEffective), W = a.derived(() => P().props.columnMenuTabs === !0), ue = a.derived(() => P().grid), G = a.derived(() => P().allColumns), de = a.derived(() => P().isColumnPinned), fe = a.derived(() => P().pinColumnLeft), pe = a.derived(() => P().pinColumnRight), me = a.derived(() => P().unpinColumn), he = a.derived(() => P().sortDirectionByColumn), ge = a.derived(() => P().groupingColumns), _e = a.derived(() => P().columnVirtualizationEnabled), ve = a.derived(() => P().updateFilterOperator), ye = a.derived(() => P().updateFilterMenuValue), be = a.derived(() => P().updateFilterMenuValueTo), xe = a.derived(() => P().operatorsForColumn), K = a.derived(() => P().defaultOperatorFor), q = a.derived(() => P().operatorLabelFor), Se = a.derived(() => P().filterRowValues), Ce = a.derived(() => P().inSuggestFor), we = a.derived(() => P().inSuggestPos);
 	function J(e, t) {
 		let n = a.get(G).find((t) => t.id === e), r = P().filterMenuValues[e] ?? {
@@ -172,11 +172,11 @@ function oe(oe, N) {
 		};
 	});
 	let Ee = a.derived(() => P().autosizeColumn), De = a.derived(() => P().autosizeAllColumns), Oe = a.derived(() => P().resetColumns), ke = a.derived(() => P().openChooseColumns), Ae = a.derived(() => P().sortColumnFromMenu), je = a.derived(() => P().clearColumnSort), Me = a.derived(() => P().groupByColumnFromMenu), Ne = a.derived(() => P().clearGroupingFromMenu), Pe = a.derived(() => P().columnMenuFacetValues), Fe = a.derived(() => P().columnMenuVisibleFacets), X = a.derived(() => P().columnMenuFacetOptions), Ie = a.derived(() => P().columnMenuSelectedFacets), Le = a.derived(() => P().setFacetSelection), Re = a.derived(() => P().setFilterTokens), Z = a.derived(() => P().inSuggestOptions), ze = a.derived(() => P().openInSuggest), Be = a.derived(() => P().closeInSuggest), Ve = a.derived(() => P().isAllFacetsChecked), He = a.derived(() => P().toggleAllFacets), Ue = 40;
-	function We(e, t) {
-		a.get(ze)(e, t), P().inSuggestQuery = n(e.value);
+	function We(e, n) {
+		a.get(ze)(e, n), P().inSuggestQuery = t(e.value);
 	}
-	function Ge(e, t) {
-		P().inSuggestQuery = n(e.value), P().inSuggestFor !== t && a.get(ze)(e, t);
+	function Ge(e, n) {
+		P().inSuggestQuery = t(e.value), P().inSuggestFor !== n && a.get(ze)(e, n);
 	}
 	function Ke(e) {
 		return e.map((e) => ({
@@ -391,12 +391,12 @@ function oe(oe, N) {
 	a.if(pt, (e) => {
 		a.get(V) && e(mt);
 	});
-	var ht = a.sibling(pt, 2), gt = (t) => {
+	var ht = a.sibling(pt, 2), gt = (n) => {
 		let i = a.derived(() => a.get(Ce)), o = a.derived(() => new Set(r(a.get(Se)[a.get(i)] ?? "")));
-		var s = re(), c = a.child(s), l = (t) => {
+		var s = re(), c = a.child(s), l = (n) => {
 			{
 				let r = a.derived(() => a.get(Z).length > 40);
-				e(t, {
+				e(n, {
 					block: !0,
 					checkbox: !0,
 					multiple: !0,
@@ -414,8 +414,8 @@ function oe(oe, N) {
 						return a.get(o);
 					},
 					onChange: (e) => {
-						let t = new Set(e), r = n(a.get(Se)[a.get(i)] ?? "");
-						r && t.delete(r), a.get(Re)(a.get(i), [...t]), P().inSuggestQuery = "";
+						let n = new Set(e), r = t(a.get(Se)[a.get(i)] ?? "");
+						r && n.delete(r), a.get(Re)(a.get(i), [...n]), P().inSuggestQuery = "";
 					}
 				});
 			}
@@ -425,7 +425,7 @@ function oe(oe, N) {
 		};
 		a.if(c, (e) => {
 			a.get(Z).length ? e(l) : e(u, -1);
-		}), a.reset(s), a.template_effect(() => a.set_style(s, `left: ${a.get(we).x}px; top: ${a.get(we).y}px;`)), a.delegated("mousedown", s, (e) => e.preventDefault()), a.append(t, s);
+		}), a.reset(s), a.template_effect(() => a.set_style(s, `left: ${a.get(we).x}px; top: ${a.get(we).y}px;`)), a.delegated("mousedown", s, (e) => e.preventDefault()), a.append(n, s);
 	};
 	a.if(ht, (e) => {
 		a.get(Ce) && e(gt);

package/dist/cdn/{GridMenus-DL1zrDwf.js → GridMenus-DAzp6YXc.js}

@@ -1,12 +1,12 @@
-import { Gn as e, ao as t, io as n, ro as r } from "./src-M2NfKnjX.js";
+import { Kn as e, co as t, lo as n, so as r } from "./src-3WKN7L4G.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 ee, j as C, k as w, lt as T, m as E, mt as D, nt as O, o as k, pt as A, st as j, t as te, tt as M, u as N, ut as P, v as F } from "./disclose-version-Dr7rEVv-.js";
 import { l as ne } from "./SvDateTimePicker-CRQH_U7E.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>"), he = l("<div class=\"sv-grid-menu-backdrop\" role=\"presentation\"></div>"), I = l("<button type=\"button\" role=\"tab\">Filter</button>"), L = l("<div class=\"sv-grid-menu-tabs\" role=\"tablist\"><button type=\"button\" role=\"tab\">General</button> <!> <button type=\"button\" role=\"tab\">Columns</button></div>"), R = 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>"), be = 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), z = l("<div class=\"sv-grid-menu sv-grid-column-menu\" role=\"menu\"><!> <!></div>"), B = 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 = (n, r = D) => {
-		let c = j(() => o(X).find((e) => e.id === r())), l = j(() => o(qe)(o(c))), d = j(() => o(U)[r()]?.operator ?? o(Z)(o(c))), m = j(() => t(o(c)?.columnDef.editorType ?? "text"));
+	let V = (t, r = D) => {
+		let c = j(() => o(X).find((e) => e.id === r())), l = j(() => o(qe)(o(c))), d = j(() => o(U)[r()]?.operator ?? o(Z)(o(c))), m = j(() => n(o(c)?.columnDef.editorType ?? "text"));
 		var g = pe(), _ = y(g), T = y(_), te = y(T);
 		C(te, () => p.icon, () => "filter"), A(T), x(), A(_);
 		var P = O(_, 2);
@@ -147,7 +147,7 @@ function V(l, p) {
 			ne !== (ne = o(d)) && (P.value = (P.__value = o(d)) ?? "", S(P, o(d))), b(R, e), B.disabled = t;
 		}, [() => o(gt)(r()), () => !o(Qe)(r())]), s("change", P, (e) => o(We)(r(), e.currentTarget.value)), k(I, () => H().columnMenuSearch, (e) => H().columnMenuSearch = e), s("change", R, () => o(_t)(r())), s("click", B, () => o(wt)(r())), s("click", xe, function(...e) {
 			o($)?.apply(this, e);
-		}), a(n, g);
+		}), a(t, g);
 	}, H = te(p, "ctrl", 7), je = j(() => H().groupingControlsEnabled), U = j(() => H().filterMenuValues), W = j(() => H().tooltip), G = j(() => H().columnMenuFor), Me = j(() => H().columnMenuPos), K = j(() => H().filterMenuFor), Ne = j(() => H().filterMenuPos), q = j(() => H().operatorMenuFor), Pe = j(() => H().operatorMenuPos), J = j(() => H().chooseColumnsPos), Fe = j(() => H().showColumnFiltersEffective), Y = j(() => H().props.columnMenuTabs === !0), Ie = j(() => H().grid), X = j(() => H().allColumns), Le = j(() => H().isColumnPinned), Re = j(() => H().pinColumnLeft), ze = j(() => H().pinColumnRight), Be = j(() => H().unpinColumn), Ve = j(() => H().sortDirectionByColumn), He = j(() => H().groupingColumns), Ue = j(() => H().columnVirtualizationEnabled), We = j(() => H().updateFilterOperator), Ge = j(() => H().updateFilterMenuValue), Ke = j(() => H().updateFilterMenuValueTo), qe = j(() => H().operatorsForColumn), Z = j(() => H().defaultOperatorFor), Je = j(() => H().operatorLabelFor), Ye = j(() => H().filterRowValues), Xe = j(() => H().inSuggestFor), Ze = j(() => H().inSuggestPos);
 	function Q(e, t) {
 		let n = o(X).find((t) => t.id === e), r = H().filterMenuValues[e] ?? {
@@ -171,11 +171,11 @@ function V(l, p) {
 		};
 	});
 	let $e = j(() => H().autosizeColumn), et = j(() => H().autosizeAllColumns), tt = j(() => H().resetColumns), nt = j(() => H().openChooseColumns), rt = j(() => H().sortColumnFromMenu), it = j(() => H().clearColumnSort), at = j(() => H().groupByColumnFromMenu), ot = j(() => H().clearGroupingFromMenu), st = j(() => H().columnMenuFacetValues), ct = j(() => H().columnMenuVisibleFacets), lt = j(() => H().columnMenuFacetOptions), ut = j(() => H().columnMenuSelectedFacets), dt = j(() => H().setFacetSelection), ft = j(() => H().setFilterTokens), pt = j(() => H().inSuggestOptions), mt = j(() => H().openInSuggest), ht = j(() => H().closeInSuggest), gt = j(() => H().isAllFacetsChecked), _t = j(() => H().toggleAllFacets), vt = 40;
-	function yt(e, t) {
-		o(mt)(e, t), H().inSuggestQuery = n(e.value);
+	function yt(e, n) {
+		o(mt)(e, n), H().inSuggestQuery = t(e.value);
 	}
-	function bt(e, t) {
-		H().inSuggestQuery = n(e.value), H().inSuggestFor !== t && o(mt)(e, t);
+	function bt(e, n) {
+		H().inSuggestQuery = t(e.value), H().inSuggestFor !== n && o(mt)(e, n);
 	}
 	function xt(e) {
 		return e.map((e) => ({
@@ -390,12 +390,12 @@ function V(l, p) {
 	w(Wt, (e) => {
 		o(q) && e(Gt);
 	});
-	var Kt = O(Wt, 2), qt = (t) => {
+	var Kt = O(Wt, 2), qt = (n) => {
 		let i = j(() => o(Xe)), c = j(() => new Set(r(o(Ye)[o(i)] ?? "")));
-		var l = Te(), u = y(l), d = (t) => {
+		var l = Te(), u = y(l), d = (n) => {
 			{
 				let r = j(() => o(pt).length > 40);
-				e(t, {
+				e(n, {
 					block: !0,
 					checkbox: !0,
 					multiple: !0,
@@ -413,8 +413,8 @@ function V(l, p) {
 						return o(c);
 					},
 					onChange: (e) => {
-						let t = new Set(e), r = n(o(Ye)[o(i)] ?? "");
-						r && t.delete(r), o(ft)(o(i), [...t]), H().inSuggestQuery = "";
+						let n = new Set(e), r = t(o(Ye)[o(i)] ?? "");
+						r && n.delete(r), o(ft)(o(i), [...n]), H().inSuggestQuery = "";
 					}
 				});
 			}
@@ -424,7 +424,7 @@ function V(l, p) {
 		};
 		w(u, (e) => {
 			o(pt).length ? e(d) : e(f, -1);
-		}), A(l), h(() => _(l, `left: ${o(Ze).x}px; top: ${o(Ze).y}px;`)), s("mousedown", l, (e) => e.preventDefault()), a(t, l);
+		}), A(l), h(() => _(l, `left: ${o(Ze).x}px; top: ${o(Ze).y}px;`)), s("mousedown", l, (e) => e.preventDefault()), a(n, l);
 	};
 	w(Kt, (e) => {
 		o(Xe) && e(qt);