@toolbox-web/grid 1.21.1 → 1.22.0

package/lib/plugins/filtering/index.js

@@ -1,1284 +1,2 @@
-const B = "(Blank)";
-function M(w) {
-  if (w instanceof Date) return w.getTime();
-  const e = Number(w);
-  return isNaN(e) ? new Date(w).getTime() : e;
-}
-function $(w, e, t = !1, n) {
-  const r = w[e.field];
-  if (e.operator === "blank")
-    return r == null || r === "";
-  if (e.operator === "notBlank")
-    return r != null && r !== "";
-  if (n && (e.operator === "notIn" || e.operator === "in")) {
-    const s = n(r, w), u = Array.isArray(s) ? s : s != null ? [s] : [];
-    if (e.operator === "notIn") {
-      const m = e.value;
-      return Array.isArray(m) ? u.length === 0 ? !m.includes(B) : !u.some((S) => m.includes(S)) : !0;
-    }
-    if (e.operator === "in") {
-      const m = e.value;
-      return Array.isArray(m) ? u.length === 0 ? m.includes(B) : u.some((S) => m.includes(S)) : !1;
-    }
-  }
-  if (e.operator === "notIn")
-    return r == null ? !0 : Array.isArray(e.value) && !e.value.includes(r);
-  if (e.operator === "in")
-    return Array.isArray(e.value) && e.value.includes(r);
-  if (r == null) return !1;
-  const i = String(r), a = t ? i : i.toLowerCase(), l = t ? String(e.value) : String(e.value).toLowerCase();
-  switch (e.operator) {
-    // Text operators
-    case "contains":
-      return a.includes(l);
-    case "notContains":
-      return !a.includes(l);
-    case "equals":
-      return a === l;
-    case "notEquals":
-      return a !== l;
-    case "startsWith":
-      return a.startsWith(l);
-    case "endsWith":
-      return a.endsWith(l);
-    // Number/Date operators (use toNumeric for Date objects and date strings)
-    case "lessThan":
-      return M(r) < M(e.value);
-    case "lessThanOrEqual":
-      return M(r) <= M(e.value);
-    case "greaterThan":
-      return M(r) > M(e.value);
-    case "greaterThanOrEqual":
-      return M(r) >= M(e.value);
-    case "between":
-      return M(r) >= M(e.value) && M(r) <= M(e.valueTo);
-    default:
-      return !0;
-  }
-}
-function K(w, e, t = !1, n) {
-  return e.length ? w.filter(
-    (r) => e.every(
-      (i) => $(
-        r,
-        i,
-        t,
-        n?.get(i.field)
-      )
-    )
-  ) : w;
-}
-function U(w) {
-  return JSON.stringify(
-    w.map((e) => ({
-      field: e.field,
-      operator: e.operator,
-      value: e.value,
-      valueTo: e.valueTo
-    }))
-  );
-}
-function O(w, e, t) {
-  const n = /* @__PURE__ */ new Set();
-  let r = !1;
-  for (const i of w) {
-    const a = i[e];
-    if (t) {
-      const l = t(a, i);
-      if (Array.isArray(l)) {
-        l.length === 0 && (r = !0);
-        for (const s of l)
-          s != null && n.add(s);
-      } else l != null ? n.add(l) : r = !0;
-    } else
-      a != null && n.add(a);
-  }
-  return t && r && n.add(B), [...n].sort((i, a) => typeof i == "number" && typeof a == "number" ? i - a : String(i).localeCompare(String(a)));
-}
-function W(w, e) {
-  const t = /* @__PURE__ */ new Map();
-  for (const { field: r, filterValue: i } of e)
-    t.set(r, { values: /* @__PURE__ */ new Set(), hasBlank: !1, hasExtractor: !!i });
-  for (const r of w)
-    for (const { field: i, filterValue: a } of e) {
-      const l = t.get(i), s = r[i];
-      if (a) {
-        const u = a(s, r);
-        if (Array.isArray(u)) {
-          u.length === 0 && (l.hasBlank = !0);
-          for (const m of u)
-            m != null && l.values.add(m);
-        } else u != null ? l.values.add(u) : l.hasBlank = !0;
-      } else
-        s != null && l.values.add(s);
-    }
-  const n = /* @__PURE__ */ new Map();
-  for (const [r, { values: i, hasBlank: a, hasExtractor: l }] of t)
-    l && a && i.add(B), n.set(
-      r,
-      [...i].sort((s, u) => typeof s == "number" && typeof u == "number" ? s - u : String(s).localeCompare(String(u)))
-    );
-  return n;
-}
-function j(w) {
-  const { totalRows: e, viewportHeight: t, scrollTop: n, rowHeight: r, overscan: i } = w, a = Math.ceil(t / r);
-  let l = Math.floor(n / r) - i;
-  l < 0 && (l = 0);
-  let s = l + a + i * 2;
-  return s > e && (s = e), s === e && l > 0 && (l = Math.max(0, s - a - i * 2)), {
-    start: l,
-    end: s,
-    offsetY: l * r,
-    totalHeight: e * r
-  };
-}
-function J(w, e) {
-  return w <= e;
-}
-const Y = '<svg viewBox="0 0 16 16" width="12" height="12"><path fill="currentColor" d="M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/></svg>', Q = {
-  expand: "▶",
-  collapse: "▼",
-  sortAsc: "▲",
-  sortDesc: "▼",
-  sortNone: "⇅",
-  submenuArrow: "▶",
-  dragHandle: "⋮⋮",
-  toolPanel: "☰",
-  filter: Y,
-  filterActive: Y,
-  print: "🖨️"
-};
-class X {
-  /**
-   * Plugin dependencies - declare other plugins this one requires.
-   *
-   * Dependencies are validated when the plugin is attached.
-   * Required dependencies throw an error if missing.
-   * Optional dependencies log an info message if missing.
-   *
-   * @example
-   * ```typescript
-   * static readonly dependencies: PluginDependency[] = [
-   *   { name: 'editing', required: true, reason: 'Tracks cell edits for undo/redo' },
-   *   { name: 'selection', required: false, reason: 'Enables selection-based undo' },
-   * ];
-   * ```
-   */
-  static dependencies;
-  /**
-   * Plugin manifest - declares owned properties, config rules, and hook priorities.
-   *
-   * This is read by the configuration validator to:
-   * - Validate that required plugins are loaded when their properties are used
-   * - Execute configRules to detect invalid/conflicting settings
-   * - Order hook execution based on priority
-   *
-   * @example
-   * ```typescript
-   * static override readonly manifest: PluginManifest<MyConfig> = {
-   *   ownedProperties: [
-   *     { property: 'myProp', level: 'column', description: 'the "myProp" column property' },
-   *   ],
-   *   configRules: [
-   *     { id: 'myPlugin/conflict', severity: 'warn', message: '...', check: (c) => c.a && c.b },
-   *   ],
-   * };
-   * ```
-   */
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  static manifest;
-  /**
-   * Plugin version - defaults to grid version for built-in plugins.
-   * Third-party plugins can override with their own semver.
-   */
-  version = typeof __GRID_VERSION__ < "u" ? __GRID_VERSION__ : "dev";
-  /** CSS styles to inject into the grid's shadow DOM */
-  styles;
-  /** Custom cell renderers keyed by type name */
-  cellRenderers;
-  /** Custom header renderers keyed by type name */
-  headerRenderers;
-  /** Custom cell editors keyed by type name */
-  cellEditors;
-  /** The grid instance this plugin is attached to */
-  grid;
-  /** Plugin configuration - merged with defaults in attach() */
-  config;
-  /** User-provided configuration from constructor */
-  userConfig;
-  /**
-   * Plugin-level AbortController for event listener cleanup.
-   * Created fresh in attach(), aborted in detach().
-   * This ensures event listeners are properly cleaned up when plugins are re-attached.
-   */
-  #e;
-  /**
-   * Default configuration - subclasses should override this getter.
-   * Note: This must be a getter (not property initializer) for proper inheritance
-   * since property initializers run after parent constructor.
-   */
-  get defaultConfig() {
-    return {};
-  }
-  constructor(e = {}) {
-    this.userConfig = e;
-  }
-  /**
-   * Called when the plugin is attached to a grid.
-   * Override to set up event listeners, initialize state, etc.
-   *
-   * @example
-   * ```ts
-   * attach(grid: GridElement): void {
-   *   super.attach(grid);
-   *   // Set up document-level listeners with auto-cleanup
-   *   document.addEventListener('keydown', this.handleEscape, {
-   *     signal: this.disconnectSignal
-   *   });
-   * }
-   * ```
-   */
-  attach(e) {
-    this.#e?.abort(), this.#e = new AbortController(), this.grid = e, this.config = { ...this.defaultConfig, ...this.userConfig };
-  }
-  /**
-   * Called when the plugin is detached from a grid.
-   * Override to clean up event listeners, timers, etc.
-   *
-   * @example
-   * ```ts
-   * detach(): void {
-   *   // Clean up any state not handled by disconnectSignal
-   *   this.selectedRows.clear();
-   *   this.cache = null;
-   * }
-   * ```
-   */
-  detach() {
-    this.#e?.abort(), this.#e = void 0;
-  }
-  /**
-   * Get another plugin instance from the same grid.
-   * Use for inter-plugin communication.
-   *
-   * @example
-   * ```ts
-   * const selection = this.getPlugin(SelectionPlugin);
-   * if (selection) {
-   *   const selectedRows = selection.getSelectedRows();
-   * }
-   * ```
-   */
-  getPlugin(e) {
-    return this.grid?.getPlugin(e);
-  }
-  /**
-   * Emit a custom event from the grid.
-   */
-  emit(e, t) {
-    this.grid?.dispatchEvent?.(new CustomEvent(e, { detail: t, bubbles: !0 }));
-  }
-  /**
-   * Emit a cancelable custom event from the grid.
-   * @returns `true` if the event was cancelled (preventDefault called), `false` otherwise
-   */
-  emitCancelable(e, t) {
-    const n = new CustomEvent(e, { detail: t, bubbles: !0, cancelable: !0 });
-    return this.grid?.dispatchEvent?.(n), n.defaultPrevented;
-  }
-  // =========================================================================
-  // Event Bus - Plugin-to-Plugin Communication
-  // =========================================================================
-  /**
-   * Subscribe to an event from another plugin.
-   * The subscription is automatically cleaned up when this plugin is detached.
-   *
-   * @category Plugin Development
-   * @param eventType - The event type to listen for (e.g., 'filter-change')
-   * @param callback - The callback to invoke when the event is emitted
-   *
-   * @example
-   * ```typescript
-   * // In attach() or other initialization
-   * this.on('filter-change', (detail) => {
-   *   console.log('Filter changed:', detail);
-   * });
-   * ```
-   */
-  on(e, t) {
-    this.grid?._pluginManager?.subscribe(this, e, t);
-  }
-  /**
-   * Unsubscribe from a plugin event.
-   *
-   * @category Plugin Development
-   * @param eventType - The event type to stop listening for
-   *
-   * @example
-   * ```typescript
-   * this.off('filter-change');
-   * ```
-   */
-  off(e) {
-    this.grid?._pluginManager?.unsubscribe(this, e);
-  }
-  /**
-   * Emit an event to other plugins via the Event Bus.
-   * This is for inter-plugin communication only; it does NOT dispatch DOM events.
-   * Use `emit()` to dispatch DOM events that external consumers can listen to.
-   *
-   * @category Plugin Development
-   * @param eventType - The event type to emit (should be declared in manifest.events)
-   * @param detail - The event payload
-   *
-   * @example
-   * ```typescript
-   * // Emit to other plugins (not DOM)
-   * this.emitPluginEvent('filter-change', { field: 'name', value: 'Alice' });
-   *
-   * // For DOM events that consumers can addEventListener to:
-   * this.emit('filter-change', { field: 'name', value: 'Alice' });
-   * ```
-   */
-  emitPluginEvent(e, t) {
-    this.grid?._pluginManager?.emitPluginEvent(e, t);
-  }
-  /**
-   * Request a re-render of the grid.
-   * Uses ROWS phase - does NOT trigger processColumns hooks.
-   */
-  requestRender() {
-    this.grid?.requestRender?.();
-  }
-  /**
-   * Request a columns re-render of the grid.
-   * Uses COLUMNS phase - triggers processColumns hooks.
-   * Use this when your plugin needs to reprocess column configuration.
-   */
-  requestColumnsRender() {
-    this.grid?.requestColumnsRender?.();
-  }
-  /**
-   * Request a re-render and restore focus styling afterward.
-   * Use this when a plugin action (like expand/collapse) triggers a render
-   * but needs to maintain keyboard navigation focus.
-   */
-  requestRenderWithFocus() {
-    this.grid?.requestRenderWithFocus?.();
-  }
-  /**
-   * Request a lightweight style update without rebuilding DOM.
-   * Use this instead of requestRender() when only CSS classes need updating.
-   */
-  requestAfterRender() {
-    this.grid?.requestAfterRender?.();
-  }
-  /**
-   * Get the current rows from the grid.
-   */
-  get rows() {
-    return this.grid?.rows ?? [];
-  }
-  /**
-   * Get the original unfiltered/unprocessed rows from the grid.
-   * Use this when you need all source data regardless of active filters.
-   */
-  get sourceRows() {
-    return this.grid?.sourceRows ?? [];
-  }
-  /**
-   * Get the current columns from the grid.
-   */
-  get columns() {
-    return this.grid?.columns ?? [];
-  }
-  /**
-   * Get only visible columns from the grid (excludes hidden).
-   * Use this for rendering that needs to match the grid template.
-   */
-  get visibleColumns() {
-    return this.grid?._visibleColumns ?? [];
-  }
-  /**
-   * Get the grid as an HTMLElement for direct DOM operations.
-   * Use sparingly - prefer the typed GridElementRef API when possible.
-   *
-   * @example
-   * ```ts
-   * const width = this.gridElement.clientWidth;
-   * this.gridElement.classList.add('my-plugin-active');
-   * ```
-   */
-  get gridElement() {
-    return this.grid;
-  }
-  /**
-   * Get the disconnect signal for event listener cleanup.
-   * This signal is aborted when the grid disconnects from the DOM.
-   * Use this when adding event listeners that should be cleaned up automatically.
-   *
-   * Best for:
-   * - Document/window-level listeners added in attach()
-   * - Listeners on the grid element itself
-   * - Any listener that should persist across renders
-   *
-   * Not needed for:
-   * - Listeners on elements created in afterRender() (removed with element)
-   *
-   * @example
-   * element.addEventListener('click', handler, { signal: this.disconnectSignal });
-   * document.addEventListener('keydown', handler, { signal: this.disconnectSignal });
-   */
-  get disconnectSignal() {
-    return this.#e?.signal ?? this.grid?.disconnectSignal;
-  }
-  /**
-   * Get the grid-level icons configuration.
-   * Returns merged icons (user config + defaults).
-   */
-  get gridIcons() {
-    const e = this.grid?.gridConfig?.icons ?? {};
-    return { ...Q, ...e };
-  }
-  // #region Animation Helpers
-  /**
-   * Check if animations are enabled at the grid level.
-   * Respects gridConfig.animation.mode and the CSS variable set by the grid.
-   *
-   * Plugins should use this to skip animations when:
-   * - Animation mode is 'off' or `false`
-   * - User prefers reduced motion and mode is 'reduced-motion' (default)
-   *
-   * @example
-   * ```ts
-   * private get animationStyle(): 'slide' | 'fade' | false {
-   *   if (!this.isAnimationEnabled) return false;
-   *   return this.config.animation ?? 'slide';
-   * }
-   * ```
-   */
-  get isAnimationEnabled() {
-    const e = this.grid?.effectiveConfig?.animation?.mode ?? "reduced-motion";
-    if (e === !1 || e === "off") return !1;
-    if (e === !0 || e === "on") return !0;
-    const t = this.gridElement;
-    return t ? getComputedStyle(t).getPropertyValue("--tbw-animation-enabled").trim() !== "0" : !0;
-  }
-  /**
-   * Get the animation duration in milliseconds from CSS variable.
-   * Falls back to 200ms if not set.
-   *
-   * Plugins can use this for their animation timing to stay consistent
-   * with the grid-level animation.duration setting.
-   *
-   * @example
-   * ```ts
-   * element.animate(keyframes, { duration: this.animationDuration });
-   * ```
-   */
-  get animationDuration() {
-    const e = this.gridElement;
-    if (e) {
-      const t = getComputedStyle(e).getPropertyValue("--tbw-animation-duration").trim(), n = parseInt(t, 10);
-      if (!isNaN(n)) return n;
-    }
-    return 200;
-  }
-  // #endregion
-  /**
-   * Resolve an icon value to string or HTMLElement.
-   * Checks plugin config first, then grid-level icons, then defaults.
-   *
-   * @param iconKey - The icon key in GridIcons (e.g., 'expand', 'collapse')
-   * @param pluginOverride - Optional plugin-level override
-   * @returns The resolved icon value
-   */
-  resolveIcon(e, t) {
-    return t !== void 0 ? t : this.gridIcons[e];
-  }
-  /**
-   * Set an icon value on an element.
-   * Handles both string (text/HTML) and HTMLElement values.
-   *
-   * @param element - The element to set the icon on
-   * @param icon - The icon value (string or HTMLElement)
-   */
-  setIcon(e, t) {
-    typeof t == "string" ? e.innerHTML = t : t instanceof HTMLElement && (e.innerHTML = "", e.appendChild(t.cloneNode(!0)));
-  }
-  /**
-   * Log a warning message.
-   */
-  warn(e) {
-    console.warn(`[tbw-grid:${this.name}] ${e}`);
-  }
-  // #endregion
-}
-function Z(w) {
-  return w.meta?.utility === !0;
-}
-const ee = '@layer tbw-plugins{tbw-grid .tbw-quick-filter-input{flex:1;max-width:300px;height:var(--tbw-input-height, 1.75rem);padding:var(--tbw-input-padding, 0 .5rem);border:1px solid var(--tbw-color-border);border-radius:var(--tbw-border-radius);background:var(--tbw-color-bg);color:var(--tbw-color-fg);font-size:var(--tbw-font-size-sm, .8125rem)}tbw-grid .tbw-quick-filter-input:focus{outline:none;border-color:var(--tbw-color-accent)}tbw-grid .header-cell.filtered:before{content:"";position:absolute;top:var(--tbw-spacing-xs, .25rem);right:var(--tbw-spacing-xs, .25rem);width:var(--tbw-indicator-size, .375rem);height:var(--tbw-indicator-size, .375rem);background:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));border-radius:50%}tbw-grid .tbw-filter-btn{display:var(--tbw-filter-btn-display, inline-flex);visibility:var(--tbw-filter-btn-visibility, visible);align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:2px;margin-left:var(--tbw-spacing-xs, .25rem);opacity:.4;transition:opacity .15s,visibility 0s,display 0s allow-discrete;color:inherit;vertical-align:middle;transition-behavior:allow-discrete}tbw-grid .tbw-filter-btn:hover,tbw-grid .tbw-filter-btn.active{opacity:1;visibility:visible;display:inline-flex}tbw-grid .tbw-filter-btn.active{color:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6))}tbw-grid .header-row .cell:hover .tbw-filter-btn,tbw-grid .header-row .cell.filtered .tbw-filter-btn{display:inline-flex;visibility:visible}}', te = "@layer tbw-plugins{.tbw-filter-panel{position:fixed;background:var(--tbw-filter-panel-bg, var(--tbw-color-panel-bg, light-dark(#eeeeee, #222222)));color:var(--tbw-filter-panel-fg, var(--tbw-color-fg, light-dark(#222222, #eeeeee)));border:1px solid var(--tbw-filter-panel-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));border-radius:var(--tbw-filter-panel-radius, var(--tbw-border-radius, .25rem));box-shadow:0 4px 16px var(--tbw-filter-panel-shadow, var(--tbw-color-shadow, light-dark(rgba(0, 0, 0, .1), rgba(0, 0, 0, .3))));padding:var(--tbw-panel-padding, var(--tbw-spacing-lg, .75rem));z-index:10000;min-width:200px;max-width:280px;max-height:350px;display:flex;flex-direction:column;font-family:var(--tbw-font-family, system-ui, sans-serif);font-size:var(--tbw-font-size, .8125rem);transform-origin:top center}.tbw-filter-panel.tbw-filter-panel-above{transform-origin:bottom center}.tbw-filter-panel.tbw-filter-panel-animated{animation:tbw-filter-panel-enter var(--tbw-animation-duration, .15s) var(--tbw-animation-easing, ease-out)}.tbw-filter-panel.tbw-filter-panel-above.tbw-filter-panel-animated{animation:tbw-filter-panel-enter-above var(--tbw-animation-duration, .15s) var(--tbw-animation-easing, ease-out)}@keyframes tbw-filter-panel-enter{0%{opacity:0;transform:scaleY(.3) translateY(-10px)}to{opacity:1;transform:scaleY(1) translateY(0)}}@keyframes tbw-filter-panel-enter-above{0%{opacity:0;transform:scaleY(.3) translateY(10px)}to{opacity:1;transform:scaleY(1) translateY(0)}}@supports (anchor-name: --test){.tbw-filter-panel{position-anchor:--tbw-filter-anchor;top:anchor(bottom);left:anchor(left);margin-top:4px;position-try-fallbacks:flip-inline,flip-block,flip-block flip-inline}}.tbw-filter-search{margin-bottom:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));min-height:var(--tbw-filter-item-height, 28px)}.tbw-filter-search-input{height:var(--tbw-filter-item-height, 28px);width:100%;padding:var(--tbw-filter-search-padding, var(--tbw-spacing-sm, .375rem) var(--tbw-spacing-md, .5rem));background:var(--tbw-filter-input-bg, var(--tbw-color-bg, transparent));color:inherit;border:1px solid var(--tbw-filter-input-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));border-radius:var(--tbw-filter-input-radius, var(--tbw-border-radius, .25rem));font-size:inherit;box-sizing:border-box}.tbw-filter-search-input:focus{outline:none;border-color:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));box-shadow:0 0 0 2px rgba(from var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6)) r g b / 15%)}.tbw-filter-actions{display:flex;padding:var(--tbw-button-padding-sm, .25rem .125rem);margin-bottom:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));border-bottom:1px solid var(--tbw-filter-divider, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));min-height:var(--tbw-filter-item-height, 28px)}.tbw-filter-actions .tbw-filter-value-item{flex:1}.tbw-filter-values{flex:1;overflow-y:auto;margin-bottom:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));max-height:180px;position:relative}.tbw-filter-values-spacer{width:1px}.tbw-filter-values-content{position:absolute;top:0;left:0;right:0}.tbw-filter-value-item{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));padding:var(--tbw-button-padding-sm, .25rem .125rem);cursor:pointer;border-radius:3px;height:var(--tbw-filter-item-height, 28px)}.tbw-filter-value-item:hover{background:var(--tbw-filter-hover, var(--tbw-color-row-hover, light-dark(#f0f6ff, #1c1c1c)))}.tbw-filter-checkbox{margin:0;cursor:pointer;accent-color:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6))}.tbw-filter-no-match{color:var(--tbw-filter-muted, var(--tbw-color-fg-muted, light-dark(#555555, #aaaaaa)));padding:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem)) 0;text-align:center;font-style:italic}.tbw-filter-buttons{display:flex;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));padding-top:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));border-top:1px solid var(--tbw-filter-divider, var(--tbw-color-border, light-dark(#d0d0d4, #454545)))}.tbw-filter-apply-btn{flex:1;padding:var(--tbw-filter-btn-padding, var(--tbw-button-padding, .375rem .75rem));background:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));color:var(--tbw-filter-accent-fg, var(--tbw-color-accent-fg, light-dark(#ffffff, #000000)));border:none;border-radius:var(--tbw-border-radius, .25rem);cursor:pointer;font-size:var(--tbw-font-size-sm, .8125rem);font-weight:var(--tbw-filter-btn-font-weight, 500);min-height:var(--tbw-filter-btn-min-height, auto)}.tbw-filter-apply-btn:hover{filter:brightness(.9)}.tbw-filter-clear-btn{flex:1;padding:var(--tbw-filter-btn-padding, var(--tbw-button-padding, .375rem .75rem));background:transparent;color:var(--tbw-filter-muted, var(--tbw-color-fg-muted, light-dark(#555555, #aaaaaa)));border:1px solid var(--tbw-filter-input-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));border-radius:var(--tbw-border-radius, .25rem);cursor:pointer;font-size:var(--tbw-font-size-sm, .8125rem);font-weight:var(--tbw-filter-btn-font-weight, 500);min-height:var(--tbw-filter-btn-min-height, auto)}.tbw-filter-clear-btn:hover{background:var(--tbw-filter-hover, var(--tbw-color-row-hover, light-dark(#f0f6ff, #1c1c1c)))}.tbw-filter-range-inputs,.tbw-filter-date-range{display:flex;align-items:flex-end;gap:var(--tbw-spacing-sm, .375rem);margin-bottom:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem))}.tbw-filter-range-group,.tbw-filter-date-group{display:flex;flex-direction:column;gap:var(--tbw-spacing-xs, .25rem);flex:1}.tbw-filter-range-label{font-size:var(--tbw-font-size-xs, .75rem);color:var(--tbw-filter-muted, var(--tbw-color-fg-muted, light-dark(#555555, #aaaaaa)))}.tbw-filter-range-input,.tbw-filter-date-input{width:100%;height:var(--tbw-filter-item-height, 28px);padding:var(--tbw-spacing-xs, .25rem) var(--tbw-spacing-sm, .375rem);background:var(--tbw-filter-input-bg, var(--tbw-color-bg, transparent));color:inherit;border:1px solid var(--tbw-filter-input-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));border-radius:var(--tbw-filter-input-radius, var(--tbw-border-radius, .25rem));font-size:inherit;box-sizing:border-box}.tbw-filter-range-input:focus,.tbw-filter-date-input:focus{outline:none;border-color:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));box-shadow:0 0 0 2px rgba(from var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6)) r g b / 15%)}.tbw-filter-range-separator{color:var(--tbw-filter-muted, var(--tbw-color-fg-muted, light-dark(#555555, #aaaaaa)));padding-bottom:var(--tbw-spacing-xs, .25rem)}.tbw-filter-blank-option{display:flex;align-items:center;gap:var(--tbw-spacing-sm, .375rem);padding:var(--tbw-spacing-xs, .25rem) 0;margin-bottom:var(--tbw-spacing-xs, .25rem);font-size:var(--tbw-font-size-sm, .8125rem);cursor:pointer;-webkit-user-select:none;user-select:none}.tbw-filter-blank-checkbox{accent-color:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));margin:0;cursor:pointer}.tbw-filter-date-range.tbw-filter-disabled{opacity:.4;pointer-events:none}.tbw-filter-range-slider{position:relative;height:24px;margin:var(--tbw-spacing-md, .5rem) 0 var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem))}.tbw-filter-range-track{position:absolute;top:50%;left:0;right:0;height:4px;background:var(--tbw-filter-input-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));border-radius:2px;transform:translateY(-50%)}.tbw-filter-range-fill{position:absolute;top:50%;height:4px;background:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));border-radius:2px;transform:translateY(-50%)}.tbw-filter-range-thumb{position:absolute;top:0;width:100%;height:100%;background:none;pointer-events:none;-webkit-appearance:none;appearance:none}.tbw-filter-range-thumb::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));border:2px solid var(--tbw-filter-panel-bg, var(--tbw-color-panel-bg, light-dark(#eeeeee, #222222)));border-radius:50%;cursor:pointer;pointer-events:all;box-shadow:0 1px 3px #0003}.tbw-filter-range-thumb::-moz-range-thumb{width:16px;height:16px;background:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));border:2px solid var(--tbw-filter-panel-bg, var(--tbw-color-panel-bg, light-dark(#eeeeee, #222222)));border-radius:50%;cursor:pointer;pointer-events:all;box-shadow:0 1px 3px #0003}.tbw-filter-range-thumb::-webkit-slider-thumb:hover{transform:scale(1.1)}.tbw-filter-range-thumb::-moz-range-thumb:hover{transform:scale(1.1)}}";
-class _ extends X {
-  /**
-   * Plugin manifest - declares events emitted by this plugin.
-   * @internal
-   */
-  static manifest = {
-    events: [
-      {
-        type: "filter-applied",
-        description: "Emitted when filter criteria change. Subscribers can react to row visibility changes."
-      }
-    ],
-    queries: [
-      {
-        type: "getContextMenuItems",
-        description: "Contributes filter-related items to the header context menu"
-      }
-    ]
-  };
-  /** @internal */
-  name = "filtering";
-  /** @internal */
-  styles = ee;
-  /** @internal */
-  get defaultConfig() {
-    return {
-      debounceMs: 300,
-      caseSensitive: !1,
-      trimInput: !0,
-      useWorker: !0
-    };
-  }
-  // #region Helpers
-  /**
-   * Check if filtering is enabled at the grid level.
-   * Grid-wide `filterable: false` disables filtering for all columns.
-   */
-  isFilteringEnabled() {
-    return this.grid.effectiveConfig?.filterable !== !1;
-  }
-  /**
-   * Check if a specific column is filterable, respecting both grid-level and column-level settings.
-   */
-  isColumnFilterable(e) {
-    return this.isFilteringEnabled() ? e.filterable !== !1 : !1;
-  }
-  /**
-   * Build a map of field → filterValue extractor for columns that have one.
-   * Used to pass array-aware value extraction to the pure filter functions.
-   */
-  getFilterValues() {
-    const e = this.grid.effectiveConfig?.columns;
-    if (!e) return;
-    let t;
-    for (const n of e)
-      n.field && n.filterValue && (t || (t = /* @__PURE__ */ new Map()), t.set(n.field, n.filterValue));
-    return t;
-  }
-  // #endregion
-  // #region Internal State
-  filters = /* @__PURE__ */ new Map();
-  cachedResult = null;
-  cacheKey = null;
-  /** Spot-check of input rows for cache invalidation when upstream plugins (e.g. sort) change row order */
-  cachedInputSpot = null;
-  openPanelField = null;
-  panelElement = null;
-  panelAnchorElement = null;
-  // For CSS anchor positioning cleanup
-  searchText = /* @__PURE__ */ new Map();
-  excludedValues = /* @__PURE__ */ new Map();
-  panelAbortController = null;
-  // For panel-scoped listeners
-  globalStylesInjected = !1;
-  // Virtualization constants for filter value list
-  static DEFAULT_LIST_ITEM_HEIGHT = 28;
-  static LIST_OVERSCAN = 3;
-  static LIST_BYPASS_THRESHOLD = 50;
-  // Don't virtualize if < 50 items
-  /**
-   * Get the item height from CSS variable or fallback to default.
-   * Reads --tbw-filter-item-height from the panel element.
-   */
-  getListItemHeight() {
-    if (this.panelElement) {
-      const e = getComputedStyle(this.panelElement).getPropertyValue("--tbw-filter-item-height");
-      if (e && e.trim()) {
-        const t = parseFloat(e);
-        if (!isNaN(t) && t > 0)
-          return t;
-      }
-    }
-    return _.DEFAULT_LIST_ITEM_HEIGHT;
-  }
-  /**
-   * Compute the inclusion (selected) map from the current filters and excluded values.
-   * For set filters this is: uniqueValues \ excludedValues.
-   * Only includes entries for fields that have a set filter.
-   * Uses a single-pass batch extraction to avoid iterating sourceRows per field.
-   */
-  computeSelected() {
-    const e = [];
-    for (const [r, i] of this.filters) {
-      if (i.type !== "set" || i.operator !== "notIn") continue;
-      const a = this.grid.effectiveConfig?.columns?.find((l) => l.field === r);
-      e.push({ field: r, filterValue: a?.filterValue });
-    }
-    if (e.length === 0) return {};
-    const t = W(this.sourceRows, e), n = {};
-    for (const { field: r } of e) {
-      const i = this.excludedValues.get(r), a = t.get(r) ?? [];
-      n[r] = i ? a.filter((l) => !i.has(l)) : a;
-    }
-    return n;
-  }
-  /**
-   * Sync excludedValues map from a filter model (for set filters).
-   */
-  syncExcludedValues(e, t) {
-    t ? t.type === "set" && t.operator === "notIn" && Array.isArray(t.value) ? this.excludedValues.set(e, new Set(t.value)) : t.type === "set" && this.excludedValues.delete(e) : this.excludedValues.delete(e);
-  }
-  // #endregion
-  // #region Lifecycle
-  /** @internal */
-  attach(e) {
-    super.attach(e), this.injectGlobalStyles();
-  }
-  /** @internal */
-  detach() {
-    this.filters.clear(), this.cachedResult = null, this.cacheKey = null, this.cachedInputSpot = null, this.openPanelField = null, this.panelElement && (this.panelElement.remove(), this.panelElement = null), this.searchText.clear(), this.excludedValues.clear(), this.panelAbortController?.abort(), this.panelAbortController = null;
-  }
-  // #endregion
-  // #region Query Handlers
-  /**
-   * Handle inter-plugin queries.
-   * Contributes filter-related items to the header context menu.
-   * @internal
-   */
-  handleQuery(e) {
-    if (e.type === "getContextMenuItems") {
-      const t = e.context;
-      if (!t.isHeader) return;
-      const n = t.column;
-      if (!n?.field || !this.isFilteringEnabled() || !this.isColumnFilterable(n)) return;
-      const r = [], i = this.isFieldFiltered(n.field), a = this.filters.size > 0;
-      return i && r.push({
-        id: "filtering/clear-column-filter",
-        label: "Clear Filter",
-        icon: "✕",
-        order: 20,
-        action: () => this.clearFieldFilter(n.field)
-      }), a && r.push({
-        id: "filtering/clear-all-filters",
-        label: "Clear All Filters",
-        icon: "✕",
-        order: 21,
-        disabled: !a,
-        action: () => this.clearAllFilters()
-      }), r.length > 0 ? r : void 0;
-    }
-  }
-  // #endregion
-  // #region Hooks
-  /** @internal */
-  processRows(e) {
-    const t = [...this.filters.values()];
-    if (!t.length) return [...e];
-    if (this.config.filterHandler)
-      return this.cachedResult ? this.cachedResult : [...e];
-    const n = U(t), r = {
-      len: e.length,
-      first: e[0],
-      mid: e[Math.floor(e.length / 2)],
-      last: e[e.length - 1]
-    }, i = this.cachedInputSpot != null && r.len === this.cachedInputSpot.len && r.first === this.cachedInputSpot.first && r.mid === this.cachedInputSpot.mid && r.last === this.cachedInputSpot.last;
-    if (this.cacheKey === n && this.cachedResult && i)
-      return this.cachedResult;
-    const a = K(
-      [...e],
-      t,
-      this.config.caseSensitive,
-      this.getFilterValues()
-    );
-    return this.cachedResult = a, this.cacheKey = n, this.cachedInputSpot = r, a;
-  }
-  /** @internal */
-  afterRender() {
-    const e = this.gridElement;
-    if (!e) return;
-    e.querySelectorAll('[part~="header-cell"]').forEach((n) => {
-      const r = n.getAttribute("data-col");
-      if (r === null) return;
-      const i = this.visibleColumns[parseInt(r, 10)];
-      if (!i || !this.isColumnFilterable(i) || Z(i)) return;
-      const a = i.field;
-      if (!a) return;
-      const l = this.filters.has(a);
-      let s = n.querySelector(".tbw-filter-btn");
-      if (s) {
-        const S = s.classList.contains("active");
-        if (s.classList.toggle("active", l), n.classList.toggle("filtered", l), S !== l) {
-          const f = l ? "filterActive" : "filter";
-          this.setIcon(s, this.resolveIcon(f));
-        }
-        return;
-      }
-      s = document.createElement("button"), s.className = "tbw-filter-btn", s.setAttribute("aria-label", `Filter ${i.header ?? a}`);
-      const u = l ? "filterActive" : "filter";
-      this.setIcon(s, this.resolveIcon(u)), l && (s.classList.add("active"), n.classList.add("filtered")), s.addEventListener("click", (S) => {
-        S.stopPropagation(), this.toggleFilterPanel(a, i, s);
-      });
-      const m = n.querySelector(".resize-handle");
-      m ? n.insertBefore(s, m) : n.appendChild(s);
-    });
-  }
-  // #endregion
-  // #region Public API
-  /**
-   * Set a filter on a specific field.
-   * Pass null to remove the filter.
-   */
-  setFilter(e, t) {
-    if (t === null)
-      this.filters.delete(e), this.syncExcludedValues(e, null);
-    else {
-      const n = { ...t, field: e };
-      this.filters.set(e, n), this.syncExcludedValues(e, n);
-    }
-    this.cachedResult = null, this.cacheKey = null, this.cachedInputSpot = null, this.emit("filter-change", {
-      filters: [...this.filters.values()],
-      filteredRowCount: 0,
-      // Will be accurate after processRows
-      selected: this.computeSelected()
-    }), this.emitPluginEvent("filter-applied", { filters: [...this.filters.values()] }), this.requestRender();
-  }
-  /**
-   * Get the current filter for a field.
-   */
-  getFilter(e) {
-    return this.filters.get(e);
-  }
-  /**
-   * Get all active filters.
-   */
-  getFilters() {
-    return [...this.filters.values()];
-  }
-  /**
-   * Alias for getFilters() to match functional API naming.
-   */
-  getFilterModel() {
-    return this.getFilters();
-  }
-  /**
-   * Set filters from an array (replaces all existing filters).
-   */
-  setFilterModel(e) {
-    this.filters.clear(), this.excludedValues.clear();
-    for (const t of e)
-      this.filters.set(t.field, t), this.syncExcludedValues(t.field, t);
-    this.cachedResult = null, this.cacheKey = null, this.cachedInputSpot = null, this.emit("filter-change", {
-      filters: [...this.filters.values()],
-      filteredRowCount: 0,
-      selected: this.computeSelected()
-    }), this.emitPluginEvent("filter-applied", { filters: [...this.filters.values()] }), this.requestRender();
-  }
-  /**
-   * Clear all filters.
-   */
-  clearAllFilters() {
-    this.filters.clear(), this.excludedValues.clear(), this.searchText.clear(), this.applyFiltersInternal();
-  }
-  /**
-   * Clear filter for a specific field.
-   */
-  clearFieldFilter(e) {
-    this.filters.delete(e), this.excludedValues.delete(e), this.searchText.delete(e), this.applyFiltersInternal();
-  }
-  /**
-   * Check if a field has an active filter.
-   */
-  isFieldFiltered(e) {
-    return this.filters.has(e);
-  }
-  /**
-   * Get the count of filtered rows (from cache).
-   */
-  getFilteredRowCount() {
-    return this.cachedResult?.length ?? this.rows.length;
-  }
-  /**
-   * Get all active filters (alias for getFilters).
-   */
-  getActiveFilters() {
-    return this.getFilters();
-  }
-  /**
-   * Get unique values for a field (for set filter dropdowns).
-   * Uses sourceRows to include all values regardless of current filter.
-   * When a column has `filterValue`, individual extracted values are returned.
-   */
-  getUniqueValues(e) {
-    const n = this.grid.effectiveConfig?.columns?.find((r) => r.field === e)?.filterValue;
-    return O(this.sourceRows, e, n);
-  }
-  // #endregion
-  // #region Private Methods
-  /**
-   * Copy CSS classes and data attributes from grid to filter panel.
-   * This ensures theme classes (e.g., .eds-theme) cascade to the panel.
-   */
-  copyGridThemeContext(e) {
-    const t = this.gridElement;
-    if (!t) return;
-    for (const r of t.classList)
-      r.startsWith("tbw-") || r === "selecting" || e.classList.add(r);
-    const n = t.dataset.theme;
-    n && (e.dataset.theme = n);
-  }
-  /**
-   * Inject global styles for filter panel (rendered in document.body)
-   */
-  injectGlobalStyles() {
-    if (this.globalStylesInjected) return;
-    if (document.getElementById("tbw-filter-panel-styles")) {
-      this.globalStylesInjected = !0;
-      return;
-    }
-    const e = document.createElement("style");
-    e.id = "tbw-filter-panel-styles", e.textContent = te, document.head.appendChild(e), this.globalStylesInjected = !0;
-  }
-  /**
-   * Toggle the filter panel for a field
-   */
-  toggleFilterPanel(e, t, n) {
-    if (this.openPanelField === e) {
-      this.closeFilterPanel();
-      return;
-    }
-    this.closeFilterPanel();
-    const r = document.createElement("div");
-    if (r.className = "tbw-filter-panel", this.copyGridThemeContext(r), this.isAnimationEnabled && r.classList.add("tbw-filter-panel-animated"), this.panelElement = r, this.openPanelField = e, this.config.valuesHandler) {
-      r.innerHTML = '<div class="tbw-filter-loading">Loading...</div>', document.body.appendChild(r), this.positionPanel(r, n), this.setupPanelCloseHandler(r, n), this.config.valuesHandler(e, t).then((a) => {
-        this.openPanelField !== e || !this.panelElement || (r.innerHTML = "", this.renderPanelContent(e, t, r, a));
-      });
-      return;
-    }
-    const i = O(this.sourceRows, e, t.filterValue);
-    document.body.appendChild(r), this.positionPanel(r, n), this.renderPanelContent(e, t, r, i), this.setupPanelCloseHandler(r, n);
-  }
-  /**
-   * Render filter panel content with given values
-   */
-  renderPanelContent(e, t, n, r) {
-    let i = this.excludedValues.get(e);
-    i || (i = /* @__PURE__ */ new Set(), this.excludedValues.set(e, i));
-    const a = this.searchText.get(e) ?? "", l = {
-      field: e,
-      column: t,
-      uniqueValues: r,
-      excludedValues: i,
-      searchText: a,
-      applySetFilter: (u) => {
-        this.applySetFilter(e, u), this.closeFilterPanel();
-      },
-      applyTextFilter: (u, m, S) => {
-        this.applyTextFilter(e, u, m, S), this.closeFilterPanel();
-      },
-      clearFilter: () => {
-        this.clearFieldFilter(e), this.closeFilterPanel();
-      },
-      closePanel: () => this.closeFilterPanel()
-    };
-    let s = !1;
-    if (this.config.filterPanelRenderer && (this.config.filterPanelRenderer(n, l), s = n.children.length > 0), !s && t.type) {
-      const u = this.grid.effectiveConfig.typeDefaults?.[t.type];
-      u?.filterPanelRenderer && (u.filterPanelRenderer(n, l), s = n.children.length > 0);
-    }
-    if (!s) {
-      const u = t.type;
-      u === "number" ? this.renderNumberFilterPanel(n, l, r) : u === "date" ? this.renderDateFilterPanel(n, l, r) : this.renderDefaultFilterPanel(n, l, r, i);
-    }
-  }
-  /**
-   * Setup click-outside handler to close the panel
-   */
-  setupPanelCloseHandler(e, t) {
-    this.panelAbortController = new AbortController(), setTimeout(() => {
-      document.addEventListener(
-        "click",
-        (n) => {
-          !e.contains(n.target) && n.target !== t && this.closeFilterPanel();
-        },
-        { signal: this.panelAbortController?.signal }
-      );
-    }, 0);
-  }
-  /**
-   * Close the filter panel
-   */
-  closeFilterPanel() {
-    const e = this.panelElement;
-    e && (e.remove(), this.panelElement = null), this.panelAnchorElement && (this.panelAnchorElement.style.anchorName = "", this.panelAnchorElement = null), this.openPanelField = null, this.panelAbortController?.abort(), this.panelAbortController = null;
-  }
-  /** Cache for CSS anchor positioning support check */
-  static supportsAnchorPositioning = null;
-  /**
-   * Check if browser supports CSS Anchor Positioning
-   */
-  static checkAnchorPositioningSupport() {
-    return _.supportsAnchorPositioning === null && (_.supportsAnchorPositioning = CSS.supports("anchor-name", "--test")), _.supportsAnchorPositioning;
-  }
-  /**
-   * Position the panel below the header cell
-   * Uses CSS Anchor Positioning if supported, falls back to JS positioning
-   */
-  positionPanel(e, t) {
-    const r = t.closest(".cell") ?? t;
-    if (r.style.anchorName = "--tbw-filter-anchor", this.panelAnchorElement = r, _.checkAnchorPositioningSupport()) {
-      requestAnimationFrame(() => {
-        const a = e.getBoundingClientRect(), l = r.getBoundingClientRect();
-        a.top < l.top && e.classList.add("tbw-filter-panel-above");
-      });
-      return;
-    }
-    const i = r.getBoundingClientRect();
-    e.style.position = "fixed", e.style.top = `${i.bottom + 4}px`, e.style.left = `${i.left}px`, requestAnimationFrame(() => {
-      const a = e.getBoundingClientRect();
-      a.right > window.innerWidth - 8 && (e.style.left = `${i.right - a.width}px`), a.bottom > window.innerHeight - 8 && (e.style.top = `${i.top - a.height - 4}px`, e.classList.add("tbw-filter-panel-above"));
-    });
-  }
-  /**
-   * Render the default filter panel content
-   */
-  renderDefaultFilterPanel(e, t, n, r) {
-    const { field: i, column: a } = t, l = this.getListItemHeight(), s = (o) => {
-      if (o == null) return "(Blank)";
-      if (a.format && !a.filterValue) {
-        const d = a.format(o, void 0);
-        if (d) return d;
-      }
-      return String(o);
-    };
-    n = n.slice().sort((o, d) => s(o).localeCompare(s(d)));
-    const u = document.createElement("div");
-    u.className = "tbw-filter-search";
-    const m = document.createElement("input");
-    m.type = "text", m.placeholder = "Search...", m.className = "tbw-filter-search-input", m.value = this.searchText.get(i) ?? "", u.appendChild(m), e.appendChild(u);
-    const S = document.createElement("div");
-    S.className = "tbw-filter-actions";
-    const f = document.createElement("label");
-    f.className = "tbw-filter-value-item", f.style.padding = "0", f.style.margin = "0";
-    const v = document.createElement("input");
-    v.type = "checkbox", v.className = "tbw-filter-checkbox";
-    const L = document.createElement("span");
-    L.textContent = "Select All", f.appendChild(v), f.appendChild(L), S.appendChild(f);
-    const C = () => {
-      const o = [...k.values()], d = o.every((p) => p), g = o.every((p) => !p);
-      v.checked = d, v.indeterminate = !d && !g;
-    };
-    v.addEventListener("change", () => {
-      const o = v.checked;
-      for (const d of k.keys())
-        k.set(d, o);
-      C(), A();
-    }), e.appendChild(S);
-    const T = document.createElement("div");
-    T.className = "tbw-filter-values";
-    const R = document.createElement("div");
-    R.className = "tbw-filter-values-spacer", T.appendChild(R);
-    const F = document.createElement("div");
-    F.className = "tbw-filter-values-content", T.appendChild(F);
-    const k = /* @__PURE__ */ new Map();
-    n.forEach((o) => {
-      const d = o == null ? "__null__" : String(o);
-      k.set(d, !r.has(o));
-    }), C();
-    let I = [];
-    const N = (o, d) => {
-      const g = s(o), p = o == null ? "__null__" : String(o), h = document.createElement("label");
-      h.className = "tbw-filter-value-item", h.style.position = "absolute", h.style.top = `calc(var(--tbw-filter-item-height, 28px) * ${d})`, h.style.left = "0", h.style.right = "0", h.style.boxSizing = "border-box";
-      const y = document.createElement("input");
-      y.type = "checkbox", y.className = "tbw-filter-checkbox", y.checked = k.get(p) ?? !0, y.dataset.value = p, y.addEventListener("change", () => {
-        k.set(p, y.checked), C();
-      });
-      const c = document.createElement("span");
-      return c.textContent = g, h.appendChild(y), h.appendChild(c), h;
-    }, A = () => {
-      const o = I.length, d = T.clientHeight, g = T.scrollTop;
-      if (R.style.height = `${o * l}px`, J(o, _.LIST_BYPASS_THRESHOLD / 3)) {
-        F.innerHTML = "", F.style.transform = "translateY(0px)", I.forEach((h, y) => {
-          F.appendChild(N(h, y));
-        });
-        return;
-      }
-      const p = j({
-        totalRows: o,
-        viewportHeight: d,
-        scrollTop: g,
-        rowHeight: l,
-        overscan: _.LIST_OVERSCAN
-      });
-      F.style.transform = `translateY(${p.offsetY}px)`, F.innerHTML = "";
-      for (let h = p.start; h < p.end; h++)
-        F.appendChild(N(I[h], h - p.start));
-    }, V = (o) => {
-      const d = this.config.caseSensitive ?? !1, g = d ? o : o.toLowerCase();
-      if (I = n.filter((p) => {
-        const h = s(p), y = d ? h : h.toLowerCase();
-        return !o || y.includes(g);
-      }), I.length === 0) {
-        R.style.height = "0px", F.innerHTML = "";
-        const p = document.createElement("div");
-        p.className = "tbw-filter-no-match", p.textContent = "No matching values", F.appendChild(p);
-        return;
-      }
-      A();
-    };
-    T.addEventListener(
-      "scroll",
-      () => {
-        I.length > 0 && A();
-      },
-      { passive: !0 }
-    ), V(m.value), e.appendChild(T);
-    let H;
-    m.addEventListener("input", () => {
-      clearTimeout(H), H = setTimeout(() => {
-        this.searchText.set(i, m.value), V(m.value);
-      }, this.config.debounceMs ?? 150);
-    });
-    const x = document.createElement("div");
-    x.className = "tbw-filter-buttons";
-    const E = document.createElement("button");
-    E.className = "tbw-filter-apply-btn", E.textContent = "Apply", E.addEventListener("click", () => {
-      const o = [];
-      for (const [d, g] of k)
-        if (!g)
-          if (d === "__null__")
-            o.push(null);
-          else {
-            const p = n.find((h) => String(h) === d);
-            o.push(p !== void 0 ? p : d);
-          }
-      t.applySetFilter(o);
-    }), x.appendChild(E);
-    const P = document.createElement("button");
-    P.className = "tbw-filter-clear-btn", P.textContent = "Clear Filter", P.addEventListener("click", () => {
-      t.clearFilter();
-    }), x.appendChild(P), e.appendChild(x);
-  }
-  /**
-   * Render a number range filter panel with min/max inputs and slider
-   */
-  renderNumberFilterPanel(e, t, n) {
-    const { field: r, column: i } = t, a = i.filterParams, l = i.editorParams, s = (b, D) => {
-      if (typeof b == "number") return b;
-      if (typeof b == "string") {
-        const z = parseFloat(b);
-        return isNaN(z) ? D : z;
-      }
-      return D;
-    }, u = n.filter((b) => typeof b == "number" && !isNaN(b)), m = u.length > 0 ? Math.min(...u) : 0, S = u.length > 0 ? Math.max(...u) : 100, f = s(a?.min ?? l?.min, m), v = s(a?.max ?? l?.max, S), L = a?.step ?? l?.step ?? 1, C = this.filters.get(r);
-    let T = f, R = v;
-    C?.operator === "between" ? (T = s(C.value, f), R = s(C.valueTo, v)) : C?.operator === "greaterThanOrEqual" ? T = s(C.value, f) : C?.operator === "lessThanOrEqual" && (R = s(C.value, v));
-    const F = document.createElement("div");
-    F.className = "tbw-filter-range-inputs";
-    const k = document.createElement("div");
-    k.className = "tbw-filter-range-group";
-    const I = document.createElement("label");
-    I.textContent = "Min", I.className = "tbw-filter-range-label";
-    const N = document.createElement("input");
-    N.type = "number", N.className = "tbw-filter-range-input", N.min = String(f), N.max = String(v), N.step = String(L), N.value = String(T), k.appendChild(I), k.appendChild(N), F.appendChild(k);
-    const A = document.createElement("span");
-    A.className = "tbw-filter-range-separator", A.textContent = "–", F.appendChild(A);
-    const V = document.createElement("div");
-    V.className = "tbw-filter-range-group";
-    const H = document.createElement("label");
-    H.textContent = "Max", H.className = "tbw-filter-range-label";
-    const x = document.createElement("input");
-    x.type = "number", x.className = "tbw-filter-range-input", x.min = String(f), x.max = String(v), x.step = String(L), x.value = String(R), V.appendChild(H), V.appendChild(x), F.appendChild(V), e.appendChild(F);
-    const E = document.createElement("div");
-    E.className = "tbw-filter-range-slider";
-    const P = document.createElement("div");
-    P.className = "tbw-filter-range-track";
-    const o = document.createElement("div");
-    o.className = "tbw-filter-range-fill";
-    const d = document.createElement("input");
-    d.type = "range", d.className = "tbw-filter-range-thumb tbw-filter-range-thumb-min", d.min = String(f), d.max = String(v), d.step = String(L), d.value = String(T);
-    const g = document.createElement("input");
-    g.type = "range", g.className = "tbw-filter-range-thumb tbw-filter-range-thumb-max", g.min = String(f), g.max = String(v), g.step = String(L), g.value = String(R), E.appendChild(P), E.appendChild(o), E.appendChild(d), E.appendChild(g), e.appendChild(E);
-    const p = () => {
-      const b = parseFloat(d.value), D = parseFloat(g.value), z = v - f, q = (b - f) / z * 100, G = (D - f) / z * 100;
-      o.style.left = `${q}%`, o.style.width = `${G - q}%`;
-    };
-    d.addEventListener("input", () => {
-      const b = Math.min(parseFloat(d.value), parseFloat(g.value));
-      d.value = String(b), N.value = String(b), p();
-    }), g.addEventListener("input", () => {
-      const b = Math.max(parseFloat(g.value), parseFloat(d.value));
-      g.value = String(b), x.value = String(b), p();
-    }), N.addEventListener("input", () => {
-      let b = parseFloat(N.value) || f;
-      b = Math.max(f, Math.min(b, parseFloat(x.value))), d.value = String(b), p();
-    }), x.addEventListener("input", () => {
-      let b = parseFloat(x.value) || v;
-      b = Math.min(v, Math.max(b, parseFloat(N.value))), g.value = String(b), p();
-    }), p();
-    const h = document.createElement("div");
-    h.className = "tbw-filter-buttons";
-    const y = document.createElement("button");
-    y.className = "tbw-filter-apply-btn", y.textContent = "Apply", y.addEventListener("click", () => {
-      const b = parseFloat(N.value), D = parseFloat(x.value);
-      t.applyTextFilter("between", b, D);
-    }), h.appendChild(y);
-    const c = document.createElement("button");
-    c.className = "tbw-filter-clear-btn", c.textContent = "Clear Filter", c.addEventListener("click", () => {
-      t.clearFilter();
-    }), h.appendChild(c), e.appendChild(h);
-  }
-  /**
-   * Render a date range filter panel with from/to date inputs
-   */
-  renderDateFilterPanel(e, t, n) {
-    const { field: r, column: i } = t, a = i.filterParams, l = i.editorParams, s = n.filter((c) => c instanceof Date || typeof c == "string" && !isNaN(Date.parse(c))).map((c) => c instanceof Date ? c : new Date(c)).filter((c) => !isNaN(c.getTime())), u = s.length > 0 ? new Date(Math.min(...s.map((c) => c.getTime()))) : null, m = s.length > 0 ? new Date(Math.max(...s.map((c) => c.getTime()))) : null, S = (c) => c ? c.toISOString().split("T")[0] : "", f = (c) => c ? typeof c == "string" ? c : typeof c == "number" ? S(new Date(c)) : "" : "", v = f(a?.min) || f(l?.min) || S(u), L = f(a?.max) || f(l?.max) || S(m), C = this.filters.get(r);
-    let T = "", R = "";
-    const F = C?.operator === "blank";
-    C?.operator === "between" ? (T = f(C.value) || "", R = f(C.valueTo) || "") : C?.operator === "greaterThanOrEqual" ? T = f(C.value) || "" : C?.operator === "lessThanOrEqual" && (R = f(C.value) || "");
-    const k = document.createElement("div");
-    k.className = "tbw-filter-date-range";
-    const I = document.createElement("div");
-    I.className = "tbw-filter-date-group";
-    const N = document.createElement("label");
-    N.textContent = "From", N.className = "tbw-filter-range-label";
-    const A = document.createElement("input");
-    A.type = "date", A.className = "tbw-filter-date-input", v && (A.min = v), L && (A.max = L), A.value = T, I.appendChild(N), I.appendChild(A), k.appendChild(I);
-    const V = document.createElement("span");
-    V.className = "tbw-filter-range-separator", V.textContent = "–", k.appendChild(V);
-    const H = document.createElement("div");
-    H.className = "tbw-filter-date-group";
-    const x = document.createElement("label");
-    x.textContent = "To", x.className = "tbw-filter-range-label";
-    const E = document.createElement("input");
-    E.type = "date", E.className = "tbw-filter-date-input", v && (E.min = v), L && (E.max = L), E.value = R, H.appendChild(x), H.appendChild(E), k.appendChild(H), e.appendChild(k);
-    const P = document.createElement("label");
-    P.className = "tbw-filter-blank-option";
-    const o = document.createElement("input");
-    o.type = "checkbox", o.className = "tbw-filter-blank-checkbox", o.checked = F;
-    const d = document.createTextNode("Show only blank");
-    P.appendChild(o), P.appendChild(d);
-    const g = (c) => {
-      A.disabled = c, E.disabled = c, k.classList.toggle("tbw-filter-disabled", c);
-    };
-    g(F), o.addEventListener("change", () => {
-      g(o.checked);
-    }), e.appendChild(P);
-    const p = document.createElement("div");
-    p.className = "tbw-filter-buttons";
-    const h = document.createElement("button");
-    h.className = "tbw-filter-apply-btn", h.textContent = "Apply", h.addEventListener("click", () => {
-      if (o.checked) {
-        t.applyTextFilter("blank", "");
-        return;
-      }
-      const c = A.value, b = E.value;
-      c && b ? t.applyTextFilter("between", c, b) : c ? t.applyTextFilter("greaterThanOrEqual", c) : b ? t.applyTextFilter("lessThanOrEqual", b) : t.clearFilter();
-    }), p.appendChild(h);
-    const y = document.createElement("button");
-    y.className = "tbw-filter-clear-btn", y.textContent = "Clear Filter", y.addEventListener("click", () => {
-      t.clearFilter();
-    }), p.appendChild(y), e.appendChild(p);
-  }
-  /**
-   * Apply a set filter (exclude values)
-   */
-  applySetFilter(e, t) {
-    this.excludedValues.set(e, new Set(t)), t.length === 0 ? this.filters.delete(e) : this.filters.set(e, {
-      field: e,
-      type: "set",
-      operator: "notIn",
-      value: t
-    }), this.applyFiltersInternal();
-  }
-  /**
-   * Apply a text/number/date filter
-   */
-  applyTextFilter(e, t, n, r) {
-    this.filters.set(e, {
-      field: e,
-      type: "text",
-      operator: t,
-      value: n,
-      valueTo: r
-    }), this.applyFiltersInternal();
-  }
-  /**
-   * Internal method to apply filters (sync or async based on config)
-   */
-  applyFiltersInternal() {
-    this.cachedResult = null, this.cacheKey = null, this.cachedInputSpot = null;
-    const e = [...this.filters.values()];
-    if (this.config.filterHandler) {
-      const t = this.grid;
-      t.setAttribute("aria-busy", "true");
-      const n = this.config.filterHandler(e, this.sourceRows), r = (i) => {
-        t.removeAttribute("aria-busy"), this.cachedResult = i, this.grid.rows = i, this.emit("filter-change", {
-          filters: e,
-          filteredRowCount: i.length,
-          selected: this.computeSelected()
-        }), this.emitPluginEvent("filter-applied", { filters: e }), this.requestRender();
-      };
-      n && typeof n.then == "function" ? n.then(r) : r(n);
-      return;
-    }
-    this.emit("filter-change", {
-      filters: e,
-      filteredRowCount: 0,
-      selected: this.computeSelected()
-    }), this.emitPluginEvent("filter-applied", { filters: e }), this.requestRender();
-  }
-  // #endregion
-  // #region Column State Hooks
-  /**
-   * Return filter state for a column if it has an active filter.
-   * @internal
-   */
-  getColumnState(e) {
-    const t = this.filters.get(e);
-    if (t)
-      return {
-        filter: {
-          type: t.type,
-          operator: t.operator,
-          value: t.value,
-          valueTo: t.valueTo
-        }
-      };
-  }
-  /**
-   * Apply filter state from column state.
-   * @internal
-   */
-  applyColumnState(e, t) {
-    if (!t.filter) {
-      this.filters.delete(e);
-      return;
-    }
-    const n = {
-      field: e,
-      type: t.filter.type,
-      operator: t.filter.operator,
-      value: t.filter.value,
-      valueTo: t.filter.valueTo
-    };
-    this.filters.set(e, n), this.cachedResult = null, this.cacheKey = null, this.cachedInputSpot = null;
-  }
-  // #endregion
-}
-export {
-  B as BLANK_FILTER_VALUE,
-  _ as FilteringPlugin,
-  W as getUniqueValuesBatch
-};
+const e="(Blank)";function t(e){if(e instanceof Date)return e.getTime();const t=Number(e);if(!isNaN(t))return t;return new Date(e).getTime()}function r(r,i,n=!1,l){return i.length?r.filter(r=>i.every(i=>function(r,i,n=!1,l){const a=r[i.field];if("blank"===i.operator)return null==a||""===a;if("notBlank"===i.operator)return null!=a&&""!==a;if(l&&("notIn"===i.operator||"in"===i.operator)){const t=l(a,r),n=Array.isArray(t)?t:null!=t?[t]:[];if("notIn"===i.operator){const t=i.value;return!Array.isArray(t)||(0===n.length?!t.includes(e):!n.some(e=>t.includes(e)))}if("in"===i.operator){const t=i.value;return!!Array.isArray(t)&&(0===n.length?t.includes(e):n.some(e=>t.includes(e)))}}if("notIn"===i.operator)return null==a||""===a?!Array.isArray(i.value)||!i.value.includes(e):Array.isArray(i.value)&&!i.value.includes(a);if("in"===i.operator)return null==a||""===a?Array.isArray(i.value)&&i.value.includes(e):Array.isArray(i.value)&&i.value.includes(a);if(null==a)return!1;const s=String(a),o=n?s:s.toLowerCase(),c=n?String(i.value):String(i.value).toLowerCase();switch(i.operator){case"contains":return o.includes(c);case"notContains":return!o.includes(c);case"equals":return o===c;case"notEquals":return o!==c;case"startsWith":return o.startsWith(c);case"endsWith":return o.endsWith(c);case"lessThan":return t(a)<t(i.value);case"lessThanOrEqual":return t(a)<=t(i.value);case"greaterThan":return t(a)>t(i.value);case"greaterThanOrEqual":return t(a)>=t(i.value);case"between":return t(a)>=t(i.value)&&t(a)<=t(i.valueTo);default:return!0}}(r,i,n,l?.get(i.field)))):r}function i(t,r,i){const n=/* @__PURE__ */new Set;let l=!1;for(const e of t){const t=e[r];if(i){const r=i(t,e);if(Array.isArray(r)){0===r.length&&(l=!0);for(const e of r)null!=e&&n.add(e)}else null!=r?n.add(r):l=!0}else null!=t&&""!==t?n.add(t):l=!0}return l&&n.add(e),[...n].sort((e,t)=>"number"==typeof e&&"number"==typeof t?e-t:String(e).localeCompare(String(t)))}function n(t,r){const i=/* @__PURE__ */new Map;for(const{field:e,filterValue:l}of r)i.set(e,{values:/* @__PURE__ */new Set,hasBlank:!1,hasExtractor:!!l});for(const e of t)for(const{field:t,filterValue:n}of r){const r=i.get(t),l=e[t];if(n){const t=n(l,e);if(Array.isArray(t)){0===t.length&&(r.hasBlank=!0);for(const e of t)null!=e&&r.values.add(e)}else null!=t?r.values.add(t):r.hasBlank=!0}else null!=l&&""!==l?r.values.add(l):r.hasBlank=!0}const n=/* @__PURE__ */new Map;for(const[l,{values:a,hasBlank:s}]of i)s&&a.add(e),n.set(l,[...a].sort((e,t)=>"number"==typeof e&&"number"==typeof t?e-t:String(e).localeCompare(String(t))));return n}const l='<svg viewBox="0 0 16 16" width="12" height="12"><path fill="currentColor" d="M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/></svg>',a={expand:"▶",collapse:"▼",sortAsc:"▲",sortDesc:"▼",sortNone:"⇅",submenuArrow:"▶",dragHandle:"⋮⋮",toolPanel:"☰",filter:l,filterActive:l,print:"🖨️"};class s{static dependencies;static manifest;version="undefined"!=typeof __GRID_VERSION__?__GRID_VERSION__:"dev";styles;cellRenderers;headerRenderers;cellEditors;grid;config;userConfig;#e;get defaultConfig(){return{}}constructor(e={}){this.userConfig=e}attach(e){this.#e?.abort(),this.#e=new AbortController,this.grid=e,this.config={...this.defaultConfig,...this.userConfig}}detach(){this.#e?.abort(),this.#e=void 0}getPlugin(e){return this.grid?.getPlugin(e)}emit(e,t){this.grid?.dispatchEvent?.(new CustomEvent(e,{detail:t,bubbles:!0}))}emitCancelable(e,t){const r=new CustomEvent(e,{detail:t,bubbles:!0,cancelable:!0});return this.grid?.dispatchEvent?.(r),r.defaultPrevented}on(e,t){this.grid?._pluginManager?.subscribe(this,e,t)}off(e){this.grid?._pluginManager?.unsubscribe(this,e)}emitPluginEvent(e,t){this.grid?._pluginManager?.emitPluginEvent(e,t)}requestRender(){this.grid?.requestRender?.()}requestColumnsRender(){this.grid?.requestColumnsRender?.()}requestRenderWithFocus(){this.grid?.requestRenderWithFocus?.()}requestAfterRender(){this.grid?.requestAfterRender?.()}get rows(){return this.grid?.rows??[]}get sourceRows(){return this.grid?.sourceRows??[]}get columns(){return this.grid?.columns??[]}get visibleColumns(){return this.grid?._visibleColumns??[]}get gridElement(){return this.grid}get disconnectSignal(){return this.#e?.signal??this.grid?.disconnectSignal}get gridIcons(){const e=this.grid?.gridConfig?.icons??{};return{...a,...e}}get isAnimationEnabled(){const e=this.grid?.effectiveConfig?.animation?.mode??"reduced-motion";if(!1===e||"off"===e)return!1;if(!0===e||"on"===e)return!0;const t=this.gridElement;if(t){return"0"!==getComputedStyle(t).getPropertyValue("--tbw-animation-enabled").trim()}return!0}get animationDuration(){const e=this.gridElement;if(e){const t=getComputedStyle(e).getPropertyValue("--tbw-animation-duration").trim(),r=parseInt(t,10);if(!isNaN(r))return r}return 200}resolveIcon(e,t){return void 0!==t?t:this.gridIcons[e]}setIcon(e,t){"string"==typeof t?e.innerHTML=t:t instanceof HTMLElement&&(e.innerHTML="",e.appendChild(t.cloneNode(!0)))}warn(e){console.warn(`[tbw-grid:${this.name}] ${e}`)}}class o extends s{static manifest={events:[{type:"filter-applied",description:"Emitted when filter criteria change. Subscribers can react to row visibility changes."}],queries:[{type:"getContextMenuItems",description:"Contributes filter-related items to the header context menu"}]};name="filtering";styles='@layer tbw-plugins{tbw-grid .tbw-quick-filter-input{flex:1;max-width:300px;height:var(--tbw-input-height, 1.75rem);padding:var(--tbw-input-padding, 0 .5rem);border:1px solid var(--tbw-color-border);border-radius:var(--tbw-border-radius);background:var(--tbw-color-bg);color:var(--tbw-color-fg);font-size:var(--tbw-font-size-sm, .8125rem)}tbw-grid .tbw-quick-filter-input:focus{outline:none;border-color:var(--tbw-color-accent)}tbw-grid .header-cell.filtered:before{content:"";position:absolute;top:var(--tbw-spacing-xs, .25rem);right:var(--tbw-spacing-xs, .25rem);width:var(--tbw-indicator-size, .375rem);height:var(--tbw-indicator-size, .375rem);background:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));border-radius:50%}tbw-grid .tbw-filter-btn{display:var(--tbw-filter-btn-display, inline-flex);visibility:var(--tbw-filter-btn-visibility, visible);align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:2px;margin-left:var(--tbw-spacing-xs, .25rem);opacity:.4;transition:opacity .15s,visibility 0s,display 0s allow-discrete;color:inherit;vertical-align:middle;transition-behavior:allow-discrete}tbw-grid .tbw-filter-btn:hover,tbw-grid .tbw-filter-btn.active{opacity:1;visibility:visible;display:inline-flex}tbw-grid .tbw-filter-btn.active{color:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6))}tbw-grid .header-row .cell:hover .tbw-filter-btn,tbw-grid .header-row .cell.filtered .tbw-filter-btn{display:inline-flex;visibility:visible}}';get defaultConfig(){return{debounceMs:300,caseSensitive:!1,trimInput:!0,useWorker:!0}}isFilteringEnabled(){return!1!==this.grid.effectiveConfig?.filterable}isColumnFilterable(e){return!!this.isFilteringEnabled()&&!1!==e.filterable}getFilterValues(){const e=this.grid.effectiveConfig?.columns;if(!e)return;let t;for(const r of e)r.field&&r.filterValue&&(t||(t=/* @__PURE__ */new Map),t.set(r.field,r.filterValue));return t}filters=/* @__PURE__ */new Map;cachedResult=null;cacheKey=null;cachedInputSpot=null;openPanelField=null;panelElement=null;panelAnchorElement=null;searchText=/* @__PURE__ */new Map;excludedValues=/* @__PURE__ */new Map;panelAbortController=null;globalStylesInjected=!1;static DEFAULT_LIST_ITEM_HEIGHT=28;static LIST_OVERSCAN=3;static LIST_BYPASS_THRESHOLD=50;getListItemHeight(){if(this.panelElement){const e=getComputedStyle(this.panelElement).getPropertyValue("--tbw-filter-item-height");if(e&&e.trim()){const t=parseFloat(e);if(!isNaN(t)&&t>0)return t}}return o.DEFAULT_LIST_ITEM_HEIGHT}computeSelected(){const e=[];for(const[i,n]of this.filters){if("set"!==n.type||"notIn"!==n.operator)continue;const t=this.grid.effectiveConfig?.columns?.find(e=>e.field===i);e.push({field:i,filterValue:t?.filterValue})}if(0===e.length)return{};const t=n(this.sourceRows,e),r={};for(const{field:i}of e){const e=this.excludedValues.get(i),n=t.get(i)??[];r[i]=e?n.filter(t=>!e.has(t)):n}return r}syncExcludedValues(e,t){t?"set"===t.type&&"notIn"===t.operator&&Array.isArray(t.value)?this.excludedValues.set(e,new Set(t.value)):"set"===t.type&&this.excludedValues.delete(e):this.excludedValues.delete(e)}attach(e){super.attach(e),this.injectGlobalStyles()}detach(){this.filters.clear(),this.cachedResult=null,this.cacheKey=null,this.cachedInputSpot=null,this.openPanelField=null,this.panelElement&&(this.panelElement.remove(),this.panelElement=null),this.searchText.clear(),this.excludedValues.clear(),this.panelAbortController?.abort(),this.panelAbortController=null}handleQuery(e){if("getContextMenuItems"===e.type){const t=e.context;if(!t.isHeader)return;const r=t.column;if(!r?.field)return;if(!this.isFilteringEnabled())return;if(!this.isColumnFilterable(r))return;const i=[],n=this.isFieldFiltered(r.field),l=this.filters.size>0;return n&&i.push({id:"filtering/clear-column-filter",label:"Clear Filter",icon:"✕",order:20,action:()=>this.clearFieldFilter(r.field)}),l&&i.push({id:"filtering/clear-all-filters",label:"Clear All Filters",icon:"✕",order:21,disabled:!l,action:()=>this.clearAllFilters()}),i.length>0?i:void 0}}processRows(e){const t=[...this.filters.values()];if(!t.length)return[...e];if(this.config.filterHandler)return this.cachedResult?this.cachedResult:[...e];const i=(n=t,JSON.stringify(n.map(e=>({field:e.field,operator:e.operator,value:e.value,valueTo:e.valueTo}))));var n;const l={len:e.length,first:e[0],mid:e[Math.floor(e.length/2)],last:e[e.length-1]},a=null!=this.cachedInputSpot&&l.len===this.cachedInputSpot.len&&l.first===this.cachedInputSpot.first&&l.mid===this.cachedInputSpot.mid&&l.last===this.cachedInputSpot.last;if(this.cacheKey===i&&this.cachedResult&&a)return this.cachedResult;const s=r([...e],t,this.config.caseSensitive,this.getFilterValues());return this.cachedResult=s,this.cacheKey=i,this.cachedInputSpot=l,s}afterRender(){const e=this.gridElement;if(!e)return;e.querySelectorAll('[part~="header-cell"]').forEach(e=>{const t=e.getAttribute("data-col");if(null===t)return;const r=this.visibleColumns[parseInt(t,10)];if(!r||!this.isColumnFilterable(r))return;if(i=r,!0===i.meta?.utility)return;var i;const n=r.field;if(!n)return;const l=this.filters.has(n);let a=e.querySelector(".tbw-filter-btn");if(a){const t=a.classList.contains("active");if(a.classList.toggle("active",l),e.classList.toggle("filtered",l),t!==l){const e=l?"filterActive":"filter";this.setIcon(a,this.resolveIcon(e))}return}a=document.createElement("button"),a.className="tbw-filter-btn",a.setAttribute("aria-label",`Filter ${r.header??n}`);const s=l?"filterActive":"filter";this.setIcon(a,this.resolveIcon(s)),l&&(a.classList.add("active"),e.classList.add("filtered")),a.addEventListener("click",e=>{e.stopPropagation(),this.toggleFilterPanel(n,r,a)});const o=e.querySelector(".resize-handle");o?e.insertBefore(a,o):e.appendChild(a)})}setFilter(e,t){if(null===t)this.filters.delete(e),this.syncExcludedValues(e,null);else{const r={...t,field:e};this.filters.set(e,r),this.syncExcludedValues(e,r)}this.cachedResult=null,this.cacheKey=null,this.cachedInputSpot=null,this.emit("filter-change",{filters:[...this.filters.values()],filteredRowCount:0,selected:this.computeSelected()}),this.emitPluginEvent("filter-applied",{filters:[...this.filters.values()]}),this.requestRender()}getFilter(e){return this.filters.get(e)}getFilters(){return[...this.filters.values()]}getFilterModel(){return this.getFilters()}setFilterModel(e){this.filters.clear(),this.excludedValues.clear();for(const t of e)this.filters.set(t.field,t),this.syncExcludedValues(t.field,t);this.cachedResult=null,this.cacheKey=null,this.cachedInputSpot=null,this.emit("filter-change",{filters:[...this.filters.values()],filteredRowCount:0,selected:this.computeSelected()}),this.emitPluginEvent("filter-applied",{filters:[...this.filters.values()]}),this.requestRender()}clearAllFilters(){this.filters.clear(),this.excludedValues.clear(),this.searchText.clear(),this.applyFiltersInternal()}clearFieldFilter(e){this.filters.delete(e),this.excludedValues.delete(e),this.searchText.delete(e),this.applyFiltersInternal()}isFieldFiltered(e){return this.filters.has(e)}getFilteredRowCount(){return this.cachedResult?.length??this.rows.length}getActiveFilters(){return this.getFilters()}getUniqueValues(e){const t=this.grid.effectiveConfig?.columns?.find(t=>t.field===e),r=t?.filterValue;return i(this.sourceRows,e,r)}copyGridThemeContext(e){const t=this.gridElement;if(!t)return;for(const i of t.classList)i.startsWith("tbw-")||"selecting"===i||e.classList.add(i);const r=t.dataset.theme;r&&(e.dataset.theme=r)}injectGlobalStyles(){if(this.globalStylesInjected)return;if(document.getElementById("tbw-filter-panel-styles"))return void(this.globalStylesInjected=!0);const e=document.createElement("style");e.id="tbw-filter-panel-styles",e.textContent="@layer tbw-plugins{.tbw-filter-panel{position:fixed;background:var(--tbw-filter-panel-bg, var(--tbw-color-panel-bg, light-dark(#eeeeee, #222222)));color:var(--tbw-filter-panel-fg, var(--tbw-color-fg, light-dark(#222222, #eeeeee)));border:1px solid var(--tbw-filter-panel-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));border-radius:var(--tbw-filter-panel-radius, var(--tbw-border-radius, .25rem));box-shadow:0 4px 16px var(--tbw-filter-panel-shadow, var(--tbw-color-shadow, light-dark(rgba(0, 0, 0, .1), rgba(0, 0, 0, .3))));padding:var(--tbw-panel-padding, var(--tbw-spacing-lg, .75rem));z-index:10000;min-width:200px;max-width:280px;max-height:350px;display:flex;flex-direction:column;font-family:var(--tbw-font-family, system-ui, sans-serif);font-size:var(--tbw-font-size, .8125rem);transform-origin:top center}.tbw-filter-panel.tbw-filter-panel-above{transform-origin:bottom center}.tbw-filter-panel.tbw-filter-panel-animated{animation:tbw-filter-panel-enter var(--tbw-animation-duration, .15s) var(--tbw-animation-easing, ease-out)}.tbw-filter-panel.tbw-filter-panel-above.tbw-filter-panel-animated{animation:tbw-filter-panel-enter-above var(--tbw-animation-duration, .15s) var(--tbw-animation-easing, ease-out)}@keyframes tbw-filter-panel-enter{0%{opacity:0;transform:scaleY(.3) translateY(-10px)}to{opacity:1;transform:scaleY(1) translateY(0)}}@keyframes tbw-filter-panel-enter-above{0%{opacity:0;transform:scaleY(.3) translateY(10px)}to{opacity:1;transform:scaleY(1) translateY(0)}}@supports (anchor-name: --test){.tbw-filter-panel{position-anchor:--tbw-filter-anchor;top:anchor(bottom);left:anchor(left);margin-top:4px;position-try-fallbacks:flip-inline,flip-block,flip-block flip-inline}}.tbw-filter-search{margin-bottom:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));min-height:var(--tbw-filter-item-height, 28px)}.tbw-filter-search-input{height:var(--tbw-filter-item-height, 28px);width:100%;padding:var(--tbw-filter-search-padding, var(--tbw-spacing-sm, .375rem) var(--tbw-spacing-md, .5rem));background:var(--tbw-filter-input-bg, var(--tbw-color-bg, transparent));color:inherit;border:1px solid var(--tbw-filter-input-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));border-radius:var(--tbw-filter-input-radius, var(--tbw-border-radius, .25rem));font-size:inherit;box-sizing:border-box}.tbw-filter-search-input:focus{outline:none;border-color:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));box-shadow:0 0 0 2px rgba(from var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6)) r g b / 15%)}.tbw-filter-actions{display:flex;padding:var(--tbw-button-padding-sm, .25rem .125rem);margin-bottom:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));border-bottom:1px solid var(--tbw-filter-divider, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));min-height:var(--tbw-filter-item-height, 28px)}.tbw-filter-actions .tbw-filter-value-item{flex:1}.tbw-filter-values{flex:1;overflow-y:auto;margin-bottom:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));max-height:180px;position:relative}.tbw-filter-values-spacer{width:1px}.tbw-filter-values-content{position:absolute;top:0;left:0;right:0}.tbw-filter-value-item{display:flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));padding:var(--tbw-button-padding-sm, .25rem .125rem);cursor:pointer;border-radius:3px;height:var(--tbw-filter-item-height, 28px)}.tbw-filter-value-item:hover{background:var(--tbw-filter-hover, var(--tbw-color-row-hover, light-dark(#f0f6ff, #1c1c1c)))}.tbw-filter-checkbox{margin:0;cursor:pointer;accent-color:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6))}.tbw-filter-no-match{color:var(--tbw-filter-muted, var(--tbw-color-fg-muted, light-dark(#555555, #aaaaaa)));padding:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem)) 0;text-align:center;font-style:italic}.tbw-filter-buttons{display:flex;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));padding-top:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem));border-top:1px solid var(--tbw-filter-divider, var(--tbw-color-border, light-dark(#d0d0d4, #454545)))}.tbw-filter-apply-btn{flex:1;padding:var(--tbw-filter-btn-padding, var(--tbw-button-padding, .375rem .75rem));background:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));color:var(--tbw-filter-accent-fg, var(--tbw-color-accent-fg, light-dark(#ffffff, #000000)));border:none;border-radius:var(--tbw-border-radius, .25rem);cursor:pointer;font-size:var(--tbw-font-size-sm, .8125rem);font-weight:var(--tbw-filter-btn-font-weight, 500);min-height:var(--tbw-filter-btn-min-height, auto)}.tbw-filter-apply-btn:hover{filter:brightness(.9)}.tbw-filter-clear-btn{flex:1;padding:var(--tbw-filter-btn-padding, var(--tbw-button-padding, .375rem .75rem));background:transparent;color:var(--tbw-filter-muted, var(--tbw-color-fg-muted, light-dark(#555555, #aaaaaa)));border:1px solid var(--tbw-filter-input-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));border-radius:var(--tbw-border-radius, .25rem);cursor:pointer;font-size:var(--tbw-font-size-sm, .8125rem);font-weight:var(--tbw-filter-btn-font-weight, 500);min-height:var(--tbw-filter-btn-min-height, auto)}.tbw-filter-clear-btn:hover{background:var(--tbw-filter-hover, var(--tbw-color-row-hover, light-dark(#f0f6ff, #1c1c1c)))}.tbw-filter-range-inputs,.tbw-filter-date-range{display:flex;align-items:flex-end;gap:var(--tbw-spacing-sm, .375rem);margin-bottom:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem))}.tbw-filter-range-group,.tbw-filter-date-group{display:flex;flex-direction:column;gap:var(--tbw-spacing-xs, .25rem);flex:1}.tbw-filter-range-label{font-size:var(--tbw-font-size-xs, .75rem);color:var(--tbw-filter-muted, var(--tbw-color-fg-muted, light-dark(#555555, #aaaaaa)))}.tbw-filter-range-input,.tbw-filter-date-input{width:100%;height:var(--tbw-filter-item-height, 28px);padding:var(--tbw-spacing-xs, .25rem) var(--tbw-spacing-sm, .375rem);background:var(--tbw-filter-input-bg, var(--tbw-color-bg, transparent));color:inherit;border:1px solid var(--tbw-filter-input-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));border-radius:var(--tbw-filter-input-radius, var(--tbw-border-radius, .25rem));font-size:inherit;box-sizing:border-box}.tbw-filter-range-input:focus,.tbw-filter-date-input:focus{outline:none;border-color:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));box-shadow:0 0 0 2px rgba(from var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6)) r g b / 15%)}.tbw-filter-range-separator{color:var(--tbw-filter-muted, var(--tbw-color-fg-muted, light-dark(#555555, #aaaaaa)));padding-bottom:var(--tbw-spacing-xs, .25rem)}.tbw-filter-blank-option{display:flex;align-items:center;gap:var(--tbw-spacing-sm, .375rem);padding:var(--tbw-spacing-xs, .25rem) 0;margin-bottom:var(--tbw-spacing-xs, .25rem);font-size:var(--tbw-font-size-sm, .8125rem);cursor:pointer;-webkit-user-select:none;user-select:none}.tbw-filter-blank-checkbox{accent-color:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));margin:0;cursor:pointer}.tbw-filter-date-range.tbw-filter-disabled,.tbw-filter-range-inputs.tbw-filter-disabled,.tbw-filter-range-slider.tbw-filter-disabled{opacity:.4;pointer-events:none}.tbw-filter-range-slider{position:relative;height:24px;margin:var(--tbw-spacing-md, .5rem) 0 var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem))}.tbw-filter-range-track{position:absolute;top:50%;left:0;right:0;height:4px;background:var(--tbw-filter-input-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));border-radius:2px;transform:translateY(-50%)}.tbw-filter-range-fill{position:absolute;top:50%;height:4px;background:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));border-radius:2px;transform:translateY(-50%)}.tbw-filter-range-thumb{position:absolute;top:0;width:100%;height:100%;background:none;pointer-events:none;-webkit-appearance:none;appearance:none}.tbw-filter-range-thumb::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));border:2px solid var(--tbw-filter-panel-bg, var(--tbw-color-panel-bg, light-dark(#eeeeee, #222222)));border-radius:50%;cursor:pointer;pointer-events:all;box-shadow:0 1px 3px #0003}.tbw-filter-range-thumb::-moz-range-thumb{width:16px;height:16px;background:var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));border:2px solid var(--tbw-filter-panel-bg, var(--tbw-color-panel-bg, light-dark(#eeeeee, #222222)));border-radius:50%;cursor:pointer;pointer-events:all;box-shadow:0 1px 3px #0003}.tbw-filter-range-thumb::-webkit-slider-thumb:hover{transform:scale(1.1)}.tbw-filter-range-thumb::-moz-range-thumb:hover{transform:scale(1.1)}}",document.head.appendChild(e),this.globalStylesInjected=!0}toggleFilterPanel(e,t,r){if(this.openPanelField===e)return void this.closeFilterPanel();this.closeFilterPanel();const n=document.createElement("div");if(n.className="tbw-filter-panel",this.copyGridThemeContext(n),this.isAnimationEnabled&&n.classList.add("tbw-filter-panel-animated"),this.panelElement=n,this.openPanelField=e,this.config.valuesHandler)return n.innerHTML='<div class="tbw-filter-loading">Loading...</div>',document.body.appendChild(n),this.positionPanel(n,r),this.setupPanelCloseHandler(n,r),void this.config.valuesHandler(e,t).then(r=>{this.openPanelField===e&&this.panelElement&&(n.innerHTML="",this.renderPanelContent(e,t,n,r))});const l=i(this.sourceRows,e,t.filterValue);document.body.appendChild(n),this.positionPanel(n,r),this.renderPanelContent(e,t,n,l),this.setupPanelCloseHandler(n,r)}renderPanelContent(e,t,r,i){let n=this.excludedValues.get(e);n||(n=/* @__PURE__ */new Set,this.excludedValues.set(e,n));const l=this.searchText.get(e)??"",a={field:e,column:t,uniqueValues:i,excludedValues:n,searchText:l,currentFilter:this.filters.get(e),applySetFilter:(t,r)=>{this.applySetFilter(e,t,r),this.closeFilterPanel()},applyTextFilter:(t,r,i)=>{this.applyTextFilter(e,t,r,i),this.closeFilterPanel()},clearFilter:()=>{this.clearFieldFilter(e),this.closeFilterPanel()},closePanel:()=>this.closeFilterPanel()};let s=!1;if(this.config.filterPanelRenderer&&(this.config.filterPanelRenderer(r,a),s=r.children.length>0),!s&&t.type){const e=this.grid.effectiveConfig.typeDefaults?.[t.type];e?.filterPanelRenderer&&(e.filterPanelRenderer(r,a),s=r.children.length>0)}if(!s){const e=t.type;"number"===e?this.renderNumberFilterPanel(r,a,i):"date"===e?this.renderDateFilterPanel(r,a,i):this.renderDefaultFilterPanel(r,a,i,n)}}setupPanelCloseHandler(e,t){this.panelAbortController=new AbortController,setTimeout(()=>{document.addEventListener("click",r=>{e.contains(r.target)||r.target===t||this.closeFilterPanel()},{signal:this.panelAbortController?.signal})},0)}closeFilterPanel(){const e=this.panelElement;e&&(e.remove(),this.panelElement=null),this.panelAnchorElement&&(this.panelAnchorElement.style.anchorName="",this.panelAnchorElement=null),this.openPanelField=null,this.panelAbortController?.abort(),this.panelAbortController=null}static supportsAnchorPositioning=null;static checkAnchorPositioningSupport(){return null===o.supportsAnchorPositioning&&(o.supportsAnchorPositioning=CSS.supports("anchor-name","--test")),o.supportsAnchorPositioning}positionPanel(e,t){const r=t.closest(".cell")??t;if(r.style.anchorName="--tbw-filter-anchor",this.panelAnchorElement=r,o.checkAnchorPositioningSupport())return void requestAnimationFrame(()=>{const t=e.getBoundingClientRect(),i=r.getBoundingClientRect();t.top<i.top&&e.classList.add("tbw-filter-panel-above")});const i=r.getBoundingClientRect();e.style.position="fixed",e.style.top=`${i.bottom+4}px`,e.style.left=`${i.left}px`,requestAnimationFrame(()=>{const t=e.getBoundingClientRect();t.right>window.innerWidth-8&&(e.style.left=i.right-t.width+"px"),t.bottom>window.innerHeight-8&&(e.style.top=i.top-t.height-4+"px",e.classList.add("tbw-filter-panel-above"))})}renderDefaultFilterPanel(e,t,r,i){const{field:n,column:l}=t,a=this.getListItemHeight(),s=e=>{if(null==e)return"(Blank)";if(l.format&&!l.filterValue){const t=l.format(e,void 0);if(t)return t}return String(e)};r=r.slice().sort((e,t)=>s(e).localeCompare(s(t)));const c=document.createElement("div");c.className="tbw-filter-search";const d=document.createElement("input");d.type="text",d.placeholder="Search...",d.className="tbw-filter-search-input",d.value=this.searchText.get(n)??"",c.appendChild(d),e.appendChild(c);const u=document.createElement("div");u.className="tbw-filter-actions";const p=document.createElement("label");p.className="tbw-filter-value-item",p.style.padding="0",p.style.margin="0";const h=document.createElement("input");h.type="checkbox",h.className="tbw-filter-checkbox";const b=document.createElement("span");b.textContent="Select All",p.appendChild(h),p.appendChild(b),u.appendChild(p);const f=()=>{const e=[...w.values()],t=e.every(e=>e),r=e.every(e=>!e);h.checked=t,h.indeterminate=!t&&!r};h.addEventListener("change",()=>{const e=h.checked;for(const t of w.keys())w.set(t,e);f(),C()}),e.appendChild(u);const g=document.createElement("div");g.className="tbw-filter-values";const m=document.createElement("div");m.className="tbw-filter-values-spacer",g.appendChild(m);const v=document.createElement("div");v.className="tbw-filter-values-content",g.appendChild(v);const w=/* @__PURE__ */new Map;r.forEach(e=>{const t=null==e?"__null__":String(e);w.set(t,!i.has(e))}),f();let x=[];const y=(e,t)=>{const r=s(e),i=null==e?"__null__":String(e),n=document.createElement("label");n.className="tbw-filter-value-item",n.style.position="absolute",n.style.top=`calc(var(--tbw-filter-item-height, 28px) * ${t})`,n.style.left="0",n.style.right="0",n.style.boxSizing="border-box";const l=document.createElement("input");l.type="checkbox",l.className="tbw-filter-checkbox",l.checked=w.get(i)??!0,l.dataset.value=i,l.addEventListener("change",()=>{w.set(i,l.checked),f()});const a=document.createElement("span");return a.textContent=r,n.appendChild(l),n.appendChild(a),n},C=()=>{const e=x.length,t=g.clientHeight,r=g.scrollTop;if(m.style.height=e*a+"px",i=e,n=o.LIST_BYPASS_THRESHOLD/3,i<=n)return v.innerHTML="",v.style.transform="translateY(0px)",void x.forEach((e,t)=>{v.appendChild(y(e,t))});var i,n;const l=function(e){const{totalRows:t,viewportHeight:r,scrollTop:i,rowHeight:n,overscan:l}=e,a=Math.ceil(r/n);let s=Math.floor(i/n)-l;s<0&&(s=0);let o=s+a+2*l;return o>t&&(o=t),o===t&&s>0&&(s=Math.max(0,o-a-2*l)),{start:s,end:o,offsetY:s*n,totalHeight:t*n}}({totalRows:e,viewportHeight:t,scrollTop:r,rowHeight:a,overscan:o.LIST_OVERSCAN});v.style.transform=`translateY(${l.offsetY}px)`,v.innerHTML="";for(let a=l.start;a<l.end;a++)v.appendChild(y(x[a],a-l.start))},E=e=>{const t=this.config.caseSensitive??!1,i=t?e:e.toLowerCase();if(x=r.filter(r=>{const n=s(r),l=t?n:n.toLowerCase();return!e||l.includes(i)}),0===x.length){m.style.height="0px",v.innerHTML="";const e=document.createElement("div");return e.className="tbw-filter-no-match",e.textContent="No matching values",void v.appendChild(e)}C()};let S;g.addEventListener("scroll",()=>{x.length>0&&C()},{passive:!0}),E(d.value),e.appendChild(g),d.addEventListener("input",()=>{clearTimeout(S),S=setTimeout(()=>{this.searchText.set(n,d.value),E(d.value)},this.config.debounceMs??150)});const F=document.createElement("div");F.className="tbw-filter-buttons";const k=document.createElement("button");k.className="tbw-filter-apply-btn",k.textContent="Apply",k.addEventListener("click",()=>{const e=[];for(const[t,i]of w)if(!i)if("__null__"===t)e.push(null);else{const i=r.find(e=>String(e)===t);e.push(void 0!==i?i:t)}t.applySetFilter(e)}),F.appendChild(k);const T=document.createElement("button");T.className="tbw-filter-clear-btn",T.textContent="Clear Filter",T.addEventListener("click",()=>{t.clearFilter()}),F.appendChild(T),e.appendChild(F)}renderNumberFilterPanel(e,t,r){const{field:i,column:n}=t,l=n.filterParams,a=n.editorParams,s=(e,t)=>{if("number"==typeof e)return e;if("string"==typeof e){const r=parseFloat(e);return isNaN(r)?t:r}return t},o=r.filter(e=>"number"==typeof e&&!isNaN(e)),c=o.length>0?Math.min(...o):0,d=o.length>0?Math.max(...o):100,u=s(l?.min??a?.min,c),p=s(l?.max??a?.max,d),h=l?.step??a?.step??1,b=this.filters.get(i);let f=u,g=p;const m="blank"===b?.operator;"between"===b?.operator?(f=s(b.value,u),g=s(b.valueTo,p)):"greaterThanOrEqual"===b?.operator?f=s(b.value,u):"lessThanOrEqual"===b?.operator&&(g=s(b.value,p));const v=document.createElement("div");v.className="tbw-filter-range-inputs";const w=document.createElement("div");w.className="tbw-filter-range-group";const x=document.createElement("label");x.textContent="Min",x.className="tbw-filter-range-label";const y=document.createElement("input");y.type="number",y.className="tbw-filter-range-input",y.min=String(u),y.max=String(p),y.step=String(h),y.value=String(f),w.appendChild(x),w.appendChild(y),v.appendChild(w);const C=document.createElement("span");C.className="tbw-filter-range-separator",C.textContent="–",v.appendChild(C);const E=document.createElement("div");E.className="tbw-filter-range-group";const S=document.createElement("label");S.textContent="Max",S.className="tbw-filter-range-label";const F=document.createElement("input");F.type="number",F.className="tbw-filter-range-input",F.min=String(u),F.max=String(p),F.step=String(h),F.value=String(g),E.appendChild(S),E.appendChild(F),v.appendChild(E),e.appendChild(v);const k=document.createElement("div");k.className="tbw-filter-range-slider";const T=document.createElement("div");T.className="tbw-filter-range-track";const N=document.createElement("div");N.className="tbw-filter-range-fill";const A=document.createElement("input");A.type="range",A.className="tbw-filter-range-thumb tbw-filter-range-thumb-min",A.min=String(u),A.max=String(p),A.step=String(h),A.value=String(f);const P=document.createElement("input");P.type="range",P.className="tbw-filter-range-thumb tbw-filter-range-thumb-max",P.min=String(u),P.max=String(p),P.step=String(h),P.value=String(g),k.appendChild(T),k.appendChild(N),k.appendChild(A),k.appendChild(P),e.appendChild(k);const I=document.createElement("label");I.className="tbw-filter-blank-option";const R=document.createElement("input");R.type="checkbox",R.className="tbw-filter-blank-checkbox",R.checked=m;const L=document.createTextNode("Blank");I.appendChild(R),I.appendChild(L);const M=e=>{y.disabled=e,F.disabled=e,A.disabled=e,P.disabled=e,v.classList.toggle("tbw-filter-disabled",e),k.classList.toggle("tbw-filter-disabled",e)};M(m),R.addEventListener("change",()=>{M(R.checked)}),e.appendChild(I);const _=()=>{const e=parseFloat(A.value),t=parseFloat(P.value),r=p-u,i=(e-u)/r*100,n=(t-u)/r*100;N.style.left=`${i}%`,N.style.width=n-i+"%"};A.addEventListener("input",()=>{const e=Math.min(parseFloat(A.value),parseFloat(P.value));A.value=String(e),y.value=String(e),_()}),P.addEventListener("input",()=>{const e=Math.max(parseFloat(P.value),parseFloat(A.value));P.value=String(e),F.value=String(e),_()}),y.addEventListener("input",()=>{let e=parseFloat(y.value)||u;e=Math.max(u,Math.min(e,parseFloat(F.value))),A.value=String(e),_()}),F.addEventListener("input",()=>{let e=parseFloat(F.value)||p;e=Math.min(p,Math.max(e,parseFloat(y.value))),P.value=String(e),_()}),_();const V=document.createElement("div");V.className="tbw-filter-buttons";const H=document.createElement("button");H.className="tbw-filter-apply-btn",H.textContent="Apply",H.addEventListener("click",()=>{if(R.checked)return void t.applyTextFilter("blank","");const e=parseFloat(y.value),r=parseFloat(F.value);t.applyTextFilter("between",e,r)}),V.appendChild(H);const q=document.createElement("button");q.className="tbw-filter-clear-btn",q.textContent="Clear Filter",q.addEventListener("click",()=>{t.clearFilter()}),V.appendChild(q),e.appendChild(V)}renderDateFilterPanel(e,t,r){const{field:i,column:n}=t,l=n.filterParams,a=n.editorParams,s=r.filter(e=>e instanceof Date||"string"==typeof e&&!isNaN(Date.parse(e))).map(e=>e instanceof Date?e:new Date(e)).filter(e=>!isNaN(e.getTime())),o=s.length>0?new Date(Math.min(...s.map(e=>e.getTime()))):null,c=s.length>0?new Date(Math.max(...s.map(e=>e.getTime()))):null,d=e=>e?e.toISOString().split("T")[0]:"",u=e=>e?"string"==typeof e?e:"number"==typeof e?d(new Date(e)):"":"",p=u(l?.min)||u(a?.min)||d(o),h=u(l?.max)||u(a?.max)||d(c),b=this.filters.get(i);let f="",g="";const m="blank"===b?.operator;"between"===b?.operator?(f=u(b.value)||"",g=u(b.valueTo)||""):"greaterThanOrEqual"===b?.operator?f=u(b.value)||"":"lessThanOrEqual"===b?.operator&&(g=u(b.value)||"");const v=document.createElement("div");v.className="tbw-filter-date-range";const w=document.createElement("div");w.className="tbw-filter-date-group";const x=document.createElement("label");x.textContent="From",x.className="tbw-filter-range-label";const y=document.createElement("input");y.type="date",y.className="tbw-filter-date-input",p&&(y.min=p),h&&(y.max=h),y.value=f,w.appendChild(x),w.appendChild(y),v.appendChild(w);const C=document.createElement("span");C.className="tbw-filter-range-separator",C.textContent="–",v.appendChild(C);const E=document.createElement("div");E.className="tbw-filter-date-group";const S=document.createElement("label");S.textContent="To",S.className="tbw-filter-range-label";const F=document.createElement("input");F.type="date",F.className="tbw-filter-date-input",p&&(F.min=p),h&&(F.max=h),F.value=g,E.appendChild(S),E.appendChild(F),v.appendChild(E),e.appendChild(v);const k=document.createElement("label");k.className="tbw-filter-blank-option";const T=document.createElement("input");T.type="checkbox",T.className="tbw-filter-blank-checkbox",T.checked=m;const N=document.createTextNode("Show only blank");k.appendChild(T),k.appendChild(N);const A=e=>{y.disabled=e,F.disabled=e,v.classList.toggle("tbw-filter-disabled",e)};A(m),T.addEventListener("change",()=>{A(T.checked)}),e.appendChild(k);const P=document.createElement("div");P.className="tbw-filter-buttons";const I=document.createElement("button");I.className="tbw-filter-apply-btn",I.textContent="Apply",I.addEventListener("click",()=>{if(T.checked)return void t.applyTextFilter("blank","");const e=y.value,r=F.value;e&&r?t.applyTextFilter("between",e,r):e?t.applyTextFilter("greaterThanOrEqual",e):r?t.applyTextFilter("lessThanOrEqual",r):t.clearFilter()}),P.appendChild(I);const R=document.createElement("button");R.className="tbw-filter-clear-btn",R.textContent="Clear Filter",R.addEventListener("click",()=>{t.clearFilter()}),P.appendChild(R),e.appendChild(P)}applySetFilter(e,t,r){this.excludedValues.set(e,new Set(t)),0===t.length?this.filters.delete(e):this.filters.set(e,{field:e,type:"set",operator:"notIn",value:t,...void 0!==r&&{valueTo:r}}),this.applyFiltersInternal()}applyTextFilter(e,t,r,i){this.filters.set(e,{field:e,type:"text",operator:t,value:r,valueTo:i}),this.applyFiltersInternal()}applyFiltersInternal(){this.cachedResult=null,this.cacheKey=null,this.cachedInputSpot=null;const e=[...this.filters.values()];if(this.config.filterHandler){const t=this.grid;t.setAttribute("aria-busy","true");const r=this.config.filterHandler(e,this.sourceRows),i=r=>{t.removeAttribute("aria-busy"),this.cachedResult=r,this.grid.rows=r,this.emit("filter-change",{filters:e,filteredRowCount:r.length,selected:this.computeSelected()}),this.emitPluginEvent("filter-applied",{filters:e}),this.requestRender()};return void(r&&"function"==typeof r.then?r.then(i):i(r))}this.emit("filter-change",{filters:e,filteredRowCount:0,selected:this.computeSelected()}),this.emitPluginEvent("filter-applied",{filters:e}),this.requestRender()}getColumnState(e){const t=this.filters.get(e);if(t)return{filter:{type:t.type,operator:t.operator,value:t.value,valueTo:t.valueTo}}}applyColumnState(e,t){if(!t.filter)return void this.filters.delete(e);const r={field:e,type:t.filter.type,operator:t.filter.operator,value:t.filter.value,valueTo:t.filter.valueTo};this.filters.set(e,r),this.cachedResult=null,this.cacheKey=null,this.cachedInputSpot=null}}export{e as BLANK_FILTER_VALUE,o as FilteringPlugin,n as getUniqueValuesBatch};
 //# sourceMappingURL=index.js.map