@svgrid/grid 2.2.26 → 2.2.28

package/src/a11y/dismissable.test.ts

@@ -1,5 +1,5 @@
 import { afterEach, describe, expect, it } from 'vitest'
-import { createDismissableLayer, dismissableDepth } from './dismissable'
+import { createDismissableLayer, dismissableDepth, onScrollOutside } from './dismissable'
 
 function panel(): HTMLElement {
   const el = document.createElement('div')
@@ -77,6 +77,30 @@ describe('createDismissableLayer', () => {
     expect(dismissableDepth()).toBe(0)
   })
 
+  it('close-on-scroll ignores scrolling inside the panel', () => {
+    const el = panel()
+    const list = document.createElement('div') // e.g. the filter menu's facet list
+    el.appendChild(list)
+    let closed = 0
+    const off = onScrollOutside(() => el, () => closed++)
+
+    // Inner scroll containers don't bubble, so this only reaches the capture
+    // listener - it must NOT close the menu the user is scrolling.
+    list.dispatchEvent(new Event('scroll'))
+    el.dispatchEvent(new Event('scroll'))
+    expect(closed).toBe(0)
+
+    // A scroll anywhere else moves the anchor, so the panel closes.
+    document.body.dispatchEvent(new Event('scroll'))
+    expect(closed).toBe(1)
+    document.dispatchEvent(new Event('scroll'))
+    expect(closed).toBe(2)
+
+    off()
+    document.body.dispatchEvent(new Event('scroll'))
+    expect(closed).toBe(2)
+  })
+
   it('respects closeOnEscape / closeOnOutside flags', () => {
     const el = panel()
     let count = 0

package/src/a11y/dismissable.ts

@@ -92,3 +92,23 @@ export function createDismissableLayer(options: DismissableOptions): Dismissable
 export function dismissableDepth(): number {
   return stack.length
 }
+
+/**
+ * Close-on-scroll for popovers that are position:fixed and anchored by a
+ * one-time measurement taken when they open. Scrolling an ancestor slides the
+ * anchor out from under them, so they have to close - but scrolling INSIDE
+ * them (a long menu, a facet list) must not, which is what a bare capture-phase
+ * window listener gets wrong: inner scroll containers don't bubble, so the
+ * capture listener sees them and dismisses the panel the user is scrolling.
+ *
+ * Returns the unsubscribe function.
+ */
+export function onScrollOutside(element: () => DismissTarget, onOutside: () => void): () => void {
+  if (typeof window === 'undefined') return () => {}
+  const handler = (event: Event) => {
+    if (containsTarget(element(), event.target as Node)) return
+    onOutside()
+  }
+  window.addEventListener('scroll', handler, true)
+  return () => window.removeEventListener('scroll', handler, true)
+}

package/src/ai.ts

@@ -90,7 +90,7 @@ export function hasAIProvider(): boolean {
 class NoProviderError extends Error {
   constructor() {
     super(
-      '@svgrid/enterprise/ai: no AI provider registered. Call setAIProvider(fn) ' +
+      '@svgrid/grid ai: no AI provider registered. Call setAIProvider(fn) ' +
         'with an adapter that talks to OpenAI / Anthropic / your proxy.',
     )
     this.name = 'NoProviderError'
@@ -100,7 +100,7 @@ class NoProviderError extends Error {
 class BadJsonError extends Error {
   constructor(raw: string) {
     super(
-      '@svgrid/enterprise/ai: provider returned non-JSON for a json-format request. ' +
+      '@svgrid/grid ai: provider returned non-JSON for a json-format request. ' +
         `First 200 chars: ${raw.slice(0, 200)}`,
     )
     this.name = 'BadJsonError'
@@ -324,7 +324,7 @@ export async function aiSmartFill<
   opts: AISmartFillOptions,
 ): Promise<AISmartFillResult<TValue>> {
   if (opts.examples.length === 0) {
-    throw new Error('@svgrid/enterprise/ai: aiSmartFill requires at least one example.')
+    throw new Error('@svgrid/grid ai: aiSmartFill requires at least one example.')
   }
   const data = api.getData()
   const targets =

package/src/index.ts

@@ -194,6 +194,7 @@ export { lockScroll, scrollLockDepth } from './a11y/scroll-lock'
 export {
   createDismissableLayer,
   dismissableDepth,
+  onScrollOutside,
   type DismissableLayer,
   type DismissableOptions,
 } from './a11y/dismissable'

package/src/svgrid.filter-menu-scroll.test.ts

@@ -0,0 +1,102 @@
+/**
+ * Filter menu + scroll. The funnel popover is position:fixed and anchored by a
+ * one-time measurement, so a scroll of the page/grid has to close it - but
+ * scrolling the popover's OWN body or its facet list must not, or the value
+ * list is unusable (reported on the 03-excel-filters demo).
+ */
+import { describe, expect, it, vi } from 'vitest'
+import { mount, unmount } from 'svelte'
+import SvGrid from './SvGrid.svelte'
+import {
+  columnFilteringFeature,
+  createCoreRowModel,
+  createFilteredRowModel,
+  createSortedRowModel,
+  rowSortingFeature,
+  sortFns,
+  tableFeatures,
+} from './index'
+import type { ColumnDef, SvGridApi } from './index'
+
+type Row = { id: number; name: string; team: string }
+const features = tableFeatures({ rowSortingFeature, columnFilteringFeature })
+const rows: Row[] = Array.from({ length: 12 }, (_, i) => ({
+  id: i + 1,
+  name: `Person ${i + 1}`,
+  team: ['A', 'B', 'C'][i % 3]!,
+}))
+const cols: ColumnDef<typeof features, Row>[] = [
+  { field: 'name', header: 'Name', width: 200, editorType: 'text' },
+  { field: 'team', header: 'Team', width: 160, editorType: 'text' },
+]
+const tick = () => new Promise<void>((r) => setTimeout(r))
+
+function mountGrid() {
+  return new Promise<{ target: HTMLElement; destroy: () => void }>((res, rej) => {
+    const target = document.createElement('div')
+    document.body.appendChild(target)
+    const app = mount(SvGrid, {
+      target,
+      props: {
+        data: rows,
+        columns: cols,
+        features,
+        _rowModels: {
+          coreRowModel: createCoreRowModel(),
+          filteredRowModel: createFilteredRowModel(),
+          sortedRowModel: createSortedRowModel(sortFns),
+        },
+        rowHeight: 32,
+        containerHeight: 400,
+        virtualization: false,
+        filterMode: 'menu',
+        showColumnFilters: true,
+        onApiReady(_api: SvGridApi<typeof features, Row>) {
+          res({ target, destroy: () => { unmount(app); target.remove() } })
+        },
+      } as any,
+    })
+    queueMicrotask(() => { if (!target.querySelector('[role="grid"]')) rej(new Error('no grid')) })
+  })
+}
+
+async function openFilterMenu(target: HTMLElement) {
+  const btn = target.querySelector('.sv-grid-col-filter-btn') as HTMLButtonElement
+  expect(btn).not.toBeNull()
+  btn.click()
+  // GridMenus is a lazy chunk; poll until the popover mounts.
+  await vi.waitFor(() => expect(target.querySelector('.sv-grid-filter-menu')).not.toBeNull())
+  return target.querySelector('.sv-grid-filter-menu') as HTMLElement
+}
+
+describe('SvGrid filter menu scrolling', () => {
+  it('stays open while its own body / facet list is scrolled', async () => {
+    const { target, destroy } = await mountGrid()
+    await tick()
+    const menu = await openFilterMenu(target)
+
+    menu.dispatchEvent(new Event('scroll'))
+    await tick()
+    expect(target.querySelector('.sv-grid-filter-menu')).not.toBeNull()
+
+    const facets = menu.querySelector('.sv-grid-facet-list')
+    expect(facets).not.toBeNull()
+    facets!.dispatchEvent(new Event('scroll'))
+    await tick()
+    expect(target.querySelector('.sv-grid-filter-menu')).not.toBeNull()
+
+    destroy()
+  })
+
+  it('still closes when something outside it scrolls', async () => {
+    const { target, destroy } = await mountGrid()
+    await tick()
+    await openFilterMenu(target)
+
+    const viewport = target.querySelector('.sv-grid-viewport') ?? target
+    viewport.dispatchEvent(new Event('scroll'))
+    await vi.waitFor(() => expect(target.querySelector('.sv-grid-filter-menu')).toBeNull())
+
+    destroy()
+  })
+})

package/dist/cdn/GridMenus-GfCAHgkZ.js

@@ -1,420 +0,0 @@
-import { eo as e, to as t } from "./src-bYfr_7aR.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 };