@toolbox-web/grid 1.17.0 → 1.18.0

package/lib/plugins/filtering/index.js

@@ -1,19 +1,141 @@
-function G(x) {
-  const { totalRows: e, viewportHeight: t, scrollTop: r, rowHeight: n, overscan: i } = x, l = Math.ceil(t / n);
-  let u = Math.floor(r / n) - i;
-  u < 0 && (u = 0);
-  let a = u + l + i * 2;
-  return a > e && (a = e), a === e && u > 0 && (u = Math.max(0, a - l - i * 2)), {
-    start: u,
-    end: a,
-    offsetY: u * n,
-    totalHeight: e * n
+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 $(x, e) {
-  return x <= e;
+function J(w, e) {
+  return w <= e;
 }
-const B = '<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>', K = {
+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: "▲",
@@ -22,11 +144,11 @@ const B = '<svg viewBox="0 0 16 16" width="12" height="12"><path fill="currentCo
   submenuArrow: "▶",
   dragHandle: "⋮⋮",
   toolPanel: "☰",
-  filter: B,
-  filterActive: B,
+  filter: Y,
+  filterActive: Y,
   print: "🖨️"
 };
-class W {
+class X {
   /**
    * Plugin dependencies - declare other plugins this one requires.
    *
@@ -161,8 +283,8 @@ class W {
    * @returns `true` if the event was cancelled (preventDefault called), `false` otherwise
    */
   emitCancelable(e, t) {
-    const r = new CustomEvent(e, { detail: t, bubbles: !0, cancelable: !0 });
-    return this.grid?.dispatchEvent?.(r), r.defaultPrevented;
+    const n = new CustomEvent(e, { detail: t, bubbles: !0, cancelable: !0 });
+    return this.grid?.dispatchEvent?.(n), n.defaultPrevented;
   }
   // =========================================================================
   // Event Bus - Plugin-to-Plugin Communication
@@ -316,7 +438,7 @@ class W {
    */
   get gridIcons() {
     const e = this.grid?.gridConfig?.icons ?? {};
-    return { ...K, ...e };
+    return { ...Q, ...e };
   }
   // #region Animation Helpers
   /**
@@ -357,8 +479,8 @@ class W {
   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;
+      const t = getComputedStyle(e).getPropertyValue("--tbw-animation-duration").trim(), n = parseInt(t, 10);
+      if (!isNaN(n)) return n;
     }
     return 200;
   }
@@ -392,78 +514,11 @@ class W {
   }
   // #endregion
 }
-function U(x) {
-  return x.meta?.utility === !0;
-}
-function V(x) {
-  if (x instanceof Date) return x.getTime();
-  const e = Number(x);
-  return isNaN(e) ? new Date(x).getTime() : e;
-}
-function j(x, e, t = !1) {
-  const r = x[e.field];
-  if (e.operator === "blank")
-    return r == null || r === "";
-  if (e.operator === "notBlank")
-    return r != null && r !== "";
-  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 n = String(r), i = t ? n : n.toLowerCase(), l = t ? String(e.value) : String(e.value).toLowerCase();
-  switch (e.operator) {
-    // Text operators
-    case "contains":
-      return i.includes(l);
-    case "notContains":
-      return !i.includes(l);
-    case "equals":
-      return i === l;
-    case "notEquals":
-      return i !== l;
-    case "startsWith":
-      return i.startsWith(l);
-    case "endsWith":
-      return i.endsWith(l);
-    // Number/Date operators (use toNumeric for Date objects and date strings)
-    case "lessThan":
-      return V(r) < V(e.value);
-    case "lessThanOrEqual":
-      return V(r) <= V(e.value);
-    case "greaterThan":
-      return V(r) > V(e.value);
-    case "greaterThanOrEqual":
-      return V(r) >= V(e.value);
-    case "between":
-      return V(r) >= V(e.value) && V(r) <= V(e.valueTo);
-    default:
-      return !0;
-  }
-}
-function J(x, e, t = !1) {
-  return e.length ? x.filter((r) => e.every((n) => j(r, n, t))) : x;
-}
-function Q(x) {
-  return JSON.stringify(
-    x.map((e) => ({
-      field: e.field,
-      operator: e.operator,
-      value: e.value,
-      valueTo: e.valueTo
-    }))
-  );
-}
-function O(x, e) {
-  const t = /* @__PURE__ */ new Set();
-  for (const r of x) {
-    const n = r[e];
-    n != null && t.add(n);
-  }
-  return [...t].sort((r, n) => typeof r == "number" && typeof n == "number" ? r - n : String(r).localeCompare(String(n)));
+function Z(w) {
+  return w.meta?.utility === !0;
 }
-const X = '@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}}', Z = "@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 W {
+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
@@ -485,7 +540,7 @@ class _ extends W {
   /** @internal */
   name = "filtering";
   /** @internal */
-  styles = X;
+  styles = ee;
   /** @internal */
   get defaultConfig() {
     return {
@@ -509,6 +564,18 @@ class _ extends W {
   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();
@@ -545,6 +612,27 @@ class _ extends W {
     }
     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).
    */
@@ -572,23 +660,23 @@ class _ extends W {
     if (e.type === "getContextMenuItems") {
       const t = e.context;
       if (!t.isHeader) return;
-      const r = t.column;
-      if (!r?.field || !this.isFilteringEnabled() || !this.isColumnFilterable(r)) return;
-      const n = [], i = this.isFieldFiltered(r.field), l = this.filters.size > 0;
-      return i && n.push({
+      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(r.field)
-      }), l && n.push({
+        action: () => this.clearFieldFilter(n.field)
+      }), a && r.push({
         id: "filtering/clear-all-filters",
         label: "Clear All Filters",
         icon: "✕",
         order: 21,
-        disabled: !l,
+        disabled: !a,
         action: () => this.clearAllFilters()
-      }), n.length > 0 ? n : void 0;
+      }), r.length > 0 ? r : void 0;
     }
   }
   // #endregion
@@ -599,45 +687,50 @@ class _ extends W {
     if (!t.length) return [...e];
     if (this.config.filterHandler)
       return this.cachedResult ? this.cachedResult : [...e];
-    const r = Q(t), n = {
+    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 && n.len === this.cachedInputSpot.len && n.first === this.cachedInputSpot.first && n.mid === this.cachedInputSpot.mid && n.last === this.cachedInputSpot.last;
-    if (this.cacheKey === r && this.cachedResult && i)
+    }, 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 l = J([...e], t, this.config.caseSensitive);
-    return this.cachedResult = l, this.cacheKey = r, this.cachedInputSpot = n, l;
+    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((r) => {
-      const n = r.getAttribute("data-col");
-      if (n === null) return;
-      const i = this.visibleColumns[parseInt(n, 10)];
-      if (!i || !this.isColumnFilterable(i) || U(i)) return;
-      const l = i.field;
-      if (!l) return;
-      const u = this.filters.has(l);
-      let a = r.querySelector(".tbw-filter-btn");
-      if (a) {
-        const y = a.classList.contains("active");
-        if (a.classList.toggle("active", u), r.classList.toggle("filtered", u), y !== u) {
-          const h = u ? "filterActive" : "filter";
-          this.setIcon(a, this.resolveIcon(h));
+    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;
       }
-      a = document.createElement("button"), a.className = "tbw-filter-btn", a.setAttribute("aria-label", `Filter ${i.header ?? l}`);
-      const f = u ? "filterActive" : "filter";
-      this.setIcon(a, this.resolveIcon(f)), u && (a.classList.add("active"), r.classList.add("filtered")), a.addEventListener("click", (y) => {
-        y.stopPropagation(), this.toggleFilterPanel(l, i, a);
+      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 N = r.querySelector(".resize-handle");
-      N ? r.insertBefore(a, N) : r.appendChild(a);
+      const m = n.querySelector(".resize-handle");
+      m ? n.insertBefore(s, m) : n.appendChild(s);
     });
   }
   // #endregion
@@ -650,13 +743,14 @@ class _ extends W {
     if (t === null)
       this.filters.delete(e), this.syncExcludedValues(e, null);
     else {
-      const r = { ...t, field: e };
-      this.filters.set(e, r), this.syncExcludedValues(e, r);
+      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
+      filteredRowCount: 0,
       // Will be accurate after processRows
+      selected: this.computeSelected()
     }), this.emitPluginEvent("filter-applied", { filters: [...this.filters.values()] }), this.requestRender();
   }
   /**
@@ -686,7 +780,8 @@ class _ extends W {
       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
+      filteredRowCount: 0,
+      selected: this.computeSelected()
     }), this.emitPluginEvent("filter-applied", { filters: [...this.filters.values()] }), this.requestRender();
   }
   /**
@@ -722,9 +817,11 @@ class _ extends W {
   /**
    * 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) {
-    return O(this.sourceRows, e);
+    const n = this.grid.effectiveConfig?.columns?.find((r) => r.field === e)?.filterValue;
+    return O(this.sourceRows, e, n);
   }
   // #endregion
   // #region Private Methods
@@ -735,10 +832,10 @@ class _ extends W {
   copyGridThemeContext(e) {
     const t = this.gridElement;
     if (!t) return;
-    for (const n of t.classList)
-      n.startsWith("tbw-") || n === "selecting" || e.classList.add(n);
-    const r = t.dataset.theme;
-    r && (e.dataset.theme = r);
+    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)
@@ -750,58 +847,58 @@ class _ extends W {
       return;
     }
     const e = document.createElement("style");
-    e.id = "tbw-filter-panel-styles", e.textContent = Z, document.head.appendChild(e), this.globalStylesInjected = !0;
+    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, r) {
+  toggleFilterPanel(e, t, n) {
     if (this.openPanelField === e) {
       this.closeFilterPanel();
       return;
     }
     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) {
-      n.innerHTML = '<div class="tbw-filter-loading">Loading...</div>', document.body.appendChild(n), this.positionPanel(n, r), this.setupPanelCloseHandler(n, r), this.config.valuesHandler(e, t).then((l) => {
-        this.openPanelField !== e || !this.panelElement || (n.innerHTML = "", this.renderPanelContent(e, t, n, l));
+    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);
-    document.body.appendChild(n), this.positionPanel(n, r), this.renderPanelContent(e, t, n, i), this.setupPanelCloseHandler(n, r);
+    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, r, n) {
+  renderPanelContent(e, t, n, r) {
     let i = this.excludedValues.get(e);
     i || (i = /* @__PURE__ */ new Set(), this.excludedValues.set(e, i));
-    const l = this.searchText.get(e) ?? "", u = {
+    const a = this.searchText.get(e) ?? "", l = {
       field: e,
       column: t,
-      uniqueValues: n,
+      uniqueValues: r,
       excludedValues: i,
-      searchText: l,
-      applySetFilter: (f) => {
-        this.applySetFilter(e, f), this.closeFilterPanel();
+      searchText: a,
+      applySetFilter: (u) => {
+        this.applySetFilter(e, u), this.closeFilterPanel();
       },
-      applyTextFilter: (f, N, y) => {
-        this.applyTextFilter(e, f, N, y), this.closeFilterPanel();
+      applyTextFilter: (u, m, S) => {
+        this.applyTextFilter(e, u, m, S), this.closeFilterPanel();
       },
       clearFilter: () => {
         this.clearFieldFilter(e), this.closeFilterPanel();
       },
       closePanel: () => this.closeFilterPanel()
     };
-    let a = !1;
-    if (this.config.filterPanelRenderer && (this.config.filterPanelRenderer(r, u), a = r.children.length > 0), !a && t.type) {
-      const f = this.grid.effectiveConfig.typeDefaults?.[t.type];
-      f?.filterPanelRenderer && (f.filterPanelRenderer(r, u), a = r.children.length > 0);
+    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 (!a) {
-      const f = t.type;
-      f === "number" ? this.renderNumberFilterPanel(r, u, n) : f === "date" ? this.renderDateFilterPanel(r, u, n) : this.renderDefaultFilterPanel(r, u, n, i);
+    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);
     }
   }
   /**
@@ -811,8 +908,8 @@ class _ extends W {
     this.panelAbortController = new AbortController(), setTimeout(() => {
       document.addEventListener(
         "click",
-        (r) => {
-          !e.contains(r.target) && r.target !== t && this.closeFilterPanel();
+        (n) => {
+          !e.contains(n.target) && n.target !== t && this.closeFilterPanel();
         },
         { signal: this.panelAbortController?.signal }
       );
@@ -838,251 +935,260 @@ class _ extends W {
    * Uses CSS Anchor Positioning if supported, falls back to JS positioning
    */
   positionPanel(e, t) {
-    const n = t.closest(".cell") ?? t;
-    if (n.style.anchorName = "--tbw-filter-anchor", this.panelAnchorElement = n, _.checkAnchorPositioningSupport()) {
+    const r = t.closest(".cell") ?? t;
+    if (r.style.anchorName = "--tbw-filter-anchor", this.panelAnchorElement = r, _.checkAnchorPositioningSupport()) {
       requestAnimationFrame(() => {
-        const l = e.getBoundingClientRect(), u = n.getBoundingClientRect();
-        l.top < u.top && e.classList.add("tbw-filter-panel-above");
+        const a = e.getBoundingClientRect(), l = r.getBoundingClientRect();
+        a.top < l.top && e.classList.add("tbw-filter-panel-above");
       });
       return;
     }
-    const i = n.getBoundingClientRect();
+    const i = r.getBoundingClientRect();
     e.style.position = "fixed", e.style.top = `${i.bottom + 4}px`, e.style.left = `${i.left}px`, requestAnimationFrame(() => {
-      const l = e.getBoundingClientRect();
-      l.right > window.innerWidth - 8 && (e.style.left = `${i.right - l.width}px`), l.bottom > window.innerHeight - 8 && (e.style.top = `${i.top - l.height - 4}px`, e.classList.add("tbw-filter-panel-above"));
+      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, r, n) {
-    const { field: i } = t, l = this.getListItemHeight(), u = document.createElement("div");
+  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 a = document.createElement("input");
-    a.type = "text", a.placeholder = "Search...", a.className = "tbw-filter-search-input", a.value = this.searchText.get(i) ?? "", u.appendChild(a), e.appendChild(u);
-    const f = document.createElement("div");
-    f.className = "tbw-filter-actions";
-    const N = document.createElement("label");
-    N.className = "tbw-filter-value-item", N.style.padding = "0", N.style.margin = "0";
-    const y = document.createElement("input");
-    y.type = "checkbox", y.className = "tbw-filter-checkbox";
-    const h = document.createElement("span");
-    h.textContent = "Select All", N.appendChild(y), N.appendChild(h), f.appendChild(N);
+    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 s = [...k.values()], b = s.every((o) => o), m = s.every((o) => !o);
-      y.checked = b, y.indeterminate = !b && !m;
+      const o = [...k.values()], d = o.every((p) => p), g = o.every((p) => !p);
+      v.checked = d, v.indeterminate = !d && !g;
     };
-    y.addEventListener("change", () => {
-      const s = y.checked;
-      for (const b of k.keys())
-        k.set(b, s);
-      C(), L();
-    }), e.appendChild(f);
+    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";
-    const w = document.createElement("div");
-    w.className = "tbw-filter-values-spacer", F.appendChild(w);
-    const E = document.createElement("div");
-    E.className = "tbw-filter-values-content", F.appendChild(E);
+    F.className = "tbw-filter-values-content", T.appendChild(F);
     const k = /* @__PURE__ */ new Map();
-    r.forEach((s) => {
-      const b = s == null ? "__null__" : String(s);
-      k.set(b, !n.has(s));
+    n.forEach((o) => {
+      const d = o == null ? "__null__" : String(o);
+      k.set(d, !r.has(o));
     }), C();
-    let T = [];
-    const R = (s, b) => {
-      const m = s == null ? "(Blank)" : String(s), o = s == null ? "__null__" : String(s), c = document.createElement("label");
-      c.className = "tbw-filter-value-item", c.style.position = "absolute", c.style.top = `calc(var(--tbw-filter-item-height, 28px) * ${b})`, c.style.left = "0", c.style.right = "0", c.style.boxSizing = "border-box";
-      const g = document.createElement("input");
-      g.type = "checkbox", g.className = "tbw-filter-checkbox", g.checked = k.get(o) ?? !0, g.dataset.value = o, g.addEventListener("change", () => {
-        k.set(o, g.checked), 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 M = document.createElement("span");
-      return M.textContent = m, c.appendChild(g), c.appendChild(M), c;
-    }, L = () => {
-      const s = T.length, b = F.clientHeight, m = F.scrollTop;
-      if (w.style.height = `${s * l}px`, $(s, _.LIST_BYPASS_THRESHOLD / 3)) {
-        E.innerHTML = "", E.style.transform = "translateY(0px)", T.forEach((c, g) => {
-          E.appendChild(R(c, g));
+      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 o = G({
-        totalRows: s,
-        viewportHeight: b,
-        scrollTop: m,
+      const p = j({
+        totalRows: o,
+        viewportHeight: d,
+        scrollTop: g,
         rowHeight: l,
         overscan: _.LIST_OVERSCAN
       });
-      E.style.transform = `translateY(${o.offsetY}px)`, E.innerHTML = "";
-      for (let c = o.start; c < o.end; c++)
-        E.appendChild(R(T[c], c - o.start));
-    }, S = (s) => {
-      const b = this.config.caseSensitive ?? !1, m = b ? s : s.toLowerCase();
-      if (T = r.filter((o) => {
-        const c = o == null ? "(Blank)" : String(o), g = b ? c : c.toLowerCase();
-        return !s || g.includes(m);
-      }), T.length === 0) {
-        w.style.height = "0px", E.innerHTML = "";
-        const o = document.createElement("div");
-        o.className = "tbw-filter-no-match", o.textContent = "No matching values", E.appendChild(o);
+      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;
       }
-      L();
+      A();
     };
-    F.addEventListener(
+    T.addEventListener(
       "scroll",
       () => {
-        T.length > 0 && L();
+        I.length > 0 && A();
       },
       { passive: !0 }
-    ), S(a.value), e.appendChild(F);
-    let I;
-    a.addEventListener("input", () => {
-      clearTimeout(I), I = setTimeout(() => {
-        this.searchText.set(i, a.value), S(a.value);
+    ), 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 P = document.createElement("div");
-    P.className = "tbw-filter-buttons";
-    const A = document.createElement("button");
-    A.className = "tbw-filter-apply-btn", A.textContent = "Apply", A.addEventListener("click", () => {
-      const s = [];
-      for (const [b, m] of k)
-        if (!m)
-          if (b === "__null__")
-            s.push(null);
+    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 o = r.find((c) => String(c) === b);
-            s.push(o !== void 0 ? o : b);
+            const p = n.find((h) => String(h) === d);
+            o.push(p !== void 0 ? p : d);
           }
-      t.applySetFilter(s);
-    }), P.appendChild(A);
-    const v = document.createElement("button");
-    v.className = "tbw-filter-clear-btn", v.textContent = "Clear Filter", v.addEventListener("click", () => {
+      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();
-    }), P.appendChild(v), e.appendChild(P);
+    }), x.appendChild(P), e.appendChild(x);
   }
   /**
    * Render a number range filter panel with min/max inputs and slider
    */
-  renderNumberFilterPanel(e, t, r) {
-    const { field: n, column: i } = t, l = i.filterParams, u = i.editorParams, a = (p, D) => {
-      if (typeof p == "number") return p;
-      if (typeof p == "string") {
-        const z = parseFloat(p);
+  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;
-    }, f = r.filter((p) => typeof p == "number" && !isNaN(p)), N = f.length > 0 ? Math.min(...f) : 0, y = f.length > 0 ? Math.max(...f) : 100, h = a(l?.min ?? u?.min, N), C = a(l?.max ?? u?.max, y), F = l?.step ?? u?.step ?? 1, w = this.filters.get(n);
-    let E = h, k = C;
-    w?.operator === "between" ? (E = a(w.value, h), k = a(w.valueTo, C)) : w?.operator === "greaterThanOrEqual" ? E = a(w.value, h) : w?.operator === "lessThanOrEqual" && (k = a(w.value, C));
-    const T = document.createElement("div");
-    T.className = "tbw-filter-range-inputs";
-    const R = document.createElement("div");
-    R.className = "tbw-filter-range-group";
-    const L = document.createElement("label");
-    L.textContent = "Min", L.className = "tbw-filter-range-label";
-    const S = document.createElement("input");
-    S.type = "number", S.className = "tbw-filter-range-input", S.min = String(h), S.max = String(C), S.step = String(F), S.value = String(E), R.appendChild(L), R.appendChild(S), T.appendChild(R);
-    const I = document.createElement("span");
-    I.className = "tbw-filter-range-separator", I.textContent = "–", T.appendChild(I);
+    }, 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-group";
-    const A = document.createElement("label");
-    A.textContent = "Max", A.className = "tbw-filter-range-label";
-    const v = document.createElement("input");
-    v.type = "number", v.className = "tbw-filter-range-input", v.min = String(h), v.max = String(C), v.step = String(F), v.value = String(k), P.appendChild(A), P.appendChild(v), T.appendChild(P), e.appendChild(T);
-    const s = document.createElement("div");
-    s.className = "tbw-filter-range-slider";
-    const b = document.createElement("div");
-    b.className = "tbw-filter-range-track";
-    const m = document.createElement("div");
-    m.className = "tbw-filter-range-fill";
-    const o = document.createElement("input");
-    o.type = "range", o.className = "tbw-filter-range-thumb tbw-filter-range-thumb-min", o.min = String(h), o.max = String(C), o.step = String(F), o.value = String(E);
-    const c = document.createElement("input");
-    c.type = "range", c.className = "tbw-filter-range-thumb tbw-filter-range-thumb-max", c.min = String(h), c.max = String(C), c.step = String(F), c.value = String(k), s.appendChild(b), s.appendChild(m), s.appendChild(o), s.appendChild(c), e.appendChild(s);
-    const g = () => {
-      const p = parseFloat(o.value), D = parseFloat(c.value), z = C - h, q = (p - h) / z * 100, Y = (D - h) / z * 100;
-      m.style.left = `${q}%`, m.style.width = `${Y - q}%`;
+    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}%`;
     };
-    o.addEventListener("input", () => {
-      const p = Math.min(parseFloat(o.value), parseFloat(c.value));
-      o.value = String(p), S.value = String(p), g();
-    }), c.addEventListener("input", () => {
-      const p = Math.max(parseFloat(c.value), parseFloat(o.value));
-      c.value = String(p), v.value = String(p), g();
-    }), S.addEventListener("input", () => {
-      let p = parseFloat(S.value) || h;
-      p = Math.max(h, Math.min(p, parseFloat(v.value))), o.value = String(p), g();
-    }), v.addEventListener("input", () => {
-      let p = parseFloat(v.value) || C;
-      p = Math.min(C, Math.max(p, parseFloat(S.value))), c.value = String(p), g();
-    }), g();
-    const M = document.createElement("div");
-    M.className = "tbw-filter-buttons";
-    const H = document.createElement("button");
-    H.className = "tbw-filter-apply-btn", H.textContent = "Apply", H.addEventListener("click", () => {
-      const p = parseFloat(S.value), D = parseFloat(v.value);
-      t.applyTextFilter("between", p, D);
-    }), M.appendChild(H);
-    const d = document.createElement("button");
-    d.className = "tbw-filter-clear-btn", d.textContent = "Clear Filter", d.addEventListener("click", () => {
+    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();
-    }), M.appendChild(d), e.appendChild(M);
+    }), h.appendChild(c), e.appendChild(h);
   }
   /**
    * Render a date range filter panel with from/to date inputs
    */
-  renderDateFilterPanel(e, t, r) {
-    const { field: n, column: i } = t, l = i.filterParams, u = i.editorParams, a = r.filter((d) => d instanceof Date || typeof d == "string" && !isNaN(Date.parse(d))).map((d) => d instanceof Date ? d : new Date(d)).filter((d) => !isNaN(d.getTime())), f = a.length > 0 ? new Date(Math.min(...a.map((d) => d.getTime()))) : null, N = a.length > 0 ? new Date(Math.max(...a.map((d) => d.getTime()))) : null, y = (d) => d ? d.toISOString().split("T")[0] : "", h = (d) => d ? typeof d == "string" ? d : typeof d == "number" ? y(new Date(d)) : "" : "", C = h(l?.min) || h(u?.min) || y(f), F = h(l?.max) || h(u?.max) || y(N), w = this.filters.get(n);
-    let E = "", k = "";
-    const T = w?.operator === "blank";
-    w?.operator === "between" ? (E = h(w.value) || "", k = h(w.valueTo) || "") : w?.operator === "greaterThanOrEqual" ? E = h(w.value) || "" : w?.operator === "lessThanOrEqual" && (k = h(w.value) || "");
-    const R = document.createElement("div");
-    R.className = "tbw-filter-date-range";
-    const L = document.createElement("div");
-    L.className = "tbw-filter-date-group";
-    const S = document.createElement("label");
-    S.textContent = "From", S.className = "tbw-filter-range-label";
-    const I = document.createElement("input");
-    I.type = "date", I.className = "tbw-filter-date-input", C && (I.min = C), F && (I.max = F), I.value = E, L.appendChild(S), L.appendChild(I), R.appendChild(L);
-    const P = document.createElement("span");
-    P.className = "tbw-filter-range-separator", P.textContent = "–", R.appendChild(P);
-    const A = document.createElement("div");
-    A.className = "tbw-filter-date-group";
-    const v = document.createElement("label");
-    v.textContent = "To", v.className = "tbw-filter-range-label";
-    const s = document.createElement("input");
-    s.type = "date", s.className = "tbw-filter-date-input", C && (s.min = C), F && (s.max = F), s.value = k, A.appendChild(v), A.appendChild(s), R.appendChild(A), e.appendChild(R);
-    const b = document.createElement("label");
-    b.className = "tbw-filter-blank-option";
-    const m = document.createElement("input");
-    m.type = "checkbox", m.className = "tbw-filter-blank-checkbox", m.checked = T;
-    const o = document.createTextNode("Show only blank");
-    b.appendChild(m), b.appendChild(o);
-    const c = (d) => {
-      I.disabled = d, s.disabled = d, R.classList.toggle("tbw-filter-disabled", d);
+  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);
     };
-    c(T), m.addEventListener("change", () => {
-      c(m.checked);
-    }), e.appendChild(b);
-    const g = document.createElement("div");
-    g.className = "tbw-filter-buttons";
-    const M = document.createElement("button");
-    M.className = "tbw-filter-apply-btn", M.textContent = "Apply", M.addEventListener("click", () => {
-      if (m.checked) {
+    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 d = I.value, p = s.value;
-      d && p ? t.applyTextFilter("between", d, p) : d ? t.applyTextFilter("greaterThanOrEqual", d) : p ? t.applyTextFilter("lessThanOrEqual", p) : t.clearFilter();
-    }), g.appendChild(M);
-    const H = document.createElement("button");
-    H.className = "tbw-filter-clear-btn", H.textContent = "Clear Filter", H.addEventListener("click", () => {
+      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();
-    }), g.appendChild(H), e.appendChild(g);
+    }), p.appendChild(y), e.appendChild(p);
   }
   /**
    * Apply a set filter (exclude values)
@@ -1098,13 +1204,13 @@ class _ extends W {
   /**
    * Apply a text/number/date filter
    */
-  applyTextFilter(e, t, r, n) {
+  applyTextFilter(e, t, n, r) {
     this.filters.set(e, {
       field: e,
       type: "text",
       operator: t,
-      value: r,
-      valueTo: n
+      value: n,
+      valueTo: r
     }), this.applyFiltersInternal();
   }
   /**
@@ -1116,18 +1222,20 @@ class _ extends W {
     if (this.config.filterHandler) {
       const t = this.grid;
       t.setAttribute("aria-busy", "true");
-      const r = this.config.filterHandler(e, this.sourceRows), n = (i) => {
+      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
+          filteredRowCount: i.length,
+          selected: this.computeSelected()
         }), this.emitPluginEvent("filter-applied", { filters: e }), this.requestRender();
       };
-      r && typeof r.then == "function" ? r.then(n) : n(r);
+      n && typeof n.then == "function" ? n.then(r) : r(n);
       return;
     }
     this.emit("filter-change", {
       filters: e,
-      filteredRowCount: 0
+      filteredRowCount: 0,
+      selected: this.computeSelected()
     }), this.emitPluginEvent("filter-applied", { filters: e }), this.requestRender();
   }
   // #endregion
@@ -1157,18 +1265,20 @@ class _ extends W {
       this.filters.delete(e);
       return;
     }
-    const r = {
+    const n = {
       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;
+    this.filters.set(e, n), this.cachedResult = null, this.cacheKey = null, this.cachedInputSpot = null;
   }
   // #endregion
 }
 export {
-  _ as FilteringPlugin
+  B as BLANK_FILTER_VALUE,
+  _ as FilteringPlugin,
+  W as getUniqueValuesBatch
 };
 //# sourceMappingURL=index.js.map