@toolbox-web/grid 2.14.1 → 2.15.0

package/lib/plugins/filtering/FilteringPlugin.d.ts

@@ -133,11 +133,20 @@ export declare class FilteringPlugin extends BaseGridPlugin<FilterConfig> {
      * Used to pass array-aware value extraction to the pure filter functions.
      */
     private getFilterValues;
+    /**
+     * Resolve a per-column filter-value extractor with documented precedence:
+     * `filterValue` → `valueAccessor` → undefined (callers fall back to `row[field]`).
+     */
+    private getFilterExtractor;
     private filters;
     private cachedResult;
     private cacheKey;
-    /** Spot-check of input rows for cache invalidation when upstream plugins (e.g. sort) change row order */
-    private cachedInputSpot;
+    /**
+     * Reference to the input rows used to compute {@link cachedResult}.
+     * Upstream plugins (e.g. sort) produce a new array on every change, so
+     * reference inequality is a sufficient invalidation signal.
+     */
+    private cachedInputRows;
     private openPanelField;
     private panelElement;
     private panelAnchorElement;
@@ -174,6 +183,17 @@ export declare class FilteringPlugin extends BaseGridPlugin<FilterConfig> {
      * For `in` filters, the complement is computed (allUnique - inValues)
      * so that the filter panel UI can render checked/unchecked states correctly.
      */
+    /**
+     * Drop the memoized filtered result. Called whenever filter state or input
+     * data changes, so the next {@link processRows} call recomputes.
+     */
+    private invalidateCache;
+    /**
+     * Emit `filter-change` to consumers and plugins, then optionally request a
+     * column-state save. `silent` skips the public DOM event but still notifies
+     * plugins via the internal plugin-event bus so they stay in sync.
+     */
+    private notifyFilterChange;
     private syncExcludedValues;
     /** @internal */
     attach(grid: GridElement): void;

package/lib/plugins/filtering/index.js

@@ -1,2 +1,2 @@
-const e="(Blank)";function t(e){if("number"==typeof e)return 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,n,i=!1,l){if(!n.length)return r;const a=n.map(r=>function(r,n,i){const l=r.field,a=r.operator,s=i?e=>i(e[l],e):e=>e[l];if("blank"===a)return e=>{const t=s(e);return null==t||""===t||"number"==typeof t&&isNaN(t)};if("notBlank"===a)return e=>{const t=s(e);return null!=t&&""!==t&&!("number"==typeof t&&isNaN(t))};if(i&&("notIn"===a||"in"===a)){const t=r.value;if("notIn"===a){if(!Array.isArray(t))return()=>!0;const r=new Set(t);return t=>{const n=i(t[l],t),a=Array.isArray(n)?n:null!=n?[n]:[];return 0===a.length?!r.has(e):!a.some(e=>r.has(e))}}if(!Array.isArray(t))return()=>!1;const n=new Set(t);return t=>{const r=i(t[l],t),a=Array.isArray(r)?r:null!=r?[r]:[];return 0===a.length?n.has(e):a.some(e=>n.has(e))}}if("notIn"===a){if(!Array.isArray(r.value))return()=>!0;const t=new Set(r.value);return r=>{const n=r[l];return null==n||""===n?!t.has(e):!t.has(n)}}if("in"===a){if(!Array.isArray(r.value))return()=>!1;const t=new Set(r.value);return r=>{const n=r[l];return null==n||""===n?t.has(e):t.has(n)}}const o="number"===r.type&&!i,c=e=>null==e||""===e||"number"==typeof e&&isNaN(e);if("greaterThan"===a){const e=t(r.value);return o?t=>{const r=t[l];return!c(r)&&r>e}:r=>{const n=s(r);if(c(n))return!1;const i=t(n);return!isNaN(i)&&i>e}}if("greaterThanOrEqual"===a){const e=t(r.value);return o?t=>{const r=t[l];return!c(r)&&r>=e}:r=>{const n=s(r);if(c(n))return!1;const i=t(n);return!isNaN(i)&&i>=e}}if("lessThan"===a){const e=t(r.value);return o?t=>{const r=t[l];return!c(r)&&r<e}:r=>{const n=s(r);if(c(n))return!1;const i=t(n);return!isNaN(i)&&i<e}}if("lessThanOrEqual"===a){const e=t(r.value);return o?t=>{const r=t[l];return!c(r)&&r<=e}:r=>{const n=s(r);if(c(n))return!1;const i=t(n);return!isNaN(i)&&i<=e}}if("between"===a){const e=t(r.value),n=t(r.valueTo);return o?t=>{const r=t[l];return!c(r)&&(r>=e&&r<=n)}:r=>{const i=s(r);if(c(i))return!1;const l=t(i);return!isNaN(l)&&l>=e&&l<=n}}const d=n?String(r.value):String(r.value).toLowerCase();return"contains"===a?n?e=>{const t=s(e);return null!=t&&String(t).includes(d)}:e=>{const t=s(e);return null!=t&&String(t).toLowerCase().includes(d)}:"notContains"===a?n?e=>{const t=s(e);return null!=t&&!String(t).includes(d)}:e=>{const t=s(e);return null!=t&&!String(t).toLowerCase().includes(d)}:"equals"===a?n?e=>{const t=s(e);return null!=t&&String(t)===d}:e=>{const t=s(e);return null!=t&&String(t).toLowerCase()===d}:"notEquals"===a?n?e=>{const t=s(e);return null!=t&&String(t)!==d}:e=>{const t=s(e);return null!=t&&String(t).toLowerCase()!==d}:"startsWith"===a?n?e=>{const t=s(e);return null!=t&&String(t).startsWith(d)}:e=>{const t=s(e);return null!=t&&String(t).toLowerCase().startsWith(d)}:"endsWith"===a?n?e=>{const t=s(e);return null!=t&&String(t).endsWith(d)}:e=>{const t=s(e);return null!=t&&String(t).toLowerCase().endsWith(d)}:()=>!0}(r,i,l?.get(r.field)));return 1===a.length?r.filter(a[0]):r.filter(e=>{for(let t=0;t<a.length;t++)if(!a[t](e))return!1;return!0})}function n(t,r,n){const i=/* @__PURE__ */new Set;let l=!1;for(const e of t){const t=e[r];if(n){const r=n(t,e);if(Array.isArray(r)){0===r.length&&(l=!0);for(const e of r)null!=e&&i.add(e)}else null!=r?i.add(r):l=!0}else null!=t&&""!==t?i.add(t):l=!0}return l&&i.add(e),[...i].sort((e,t)=>"number"==typeof e&&"number"==typeof t?e-t:String(e).localeCompare(String(t)))}const i={sortApplied:(e,t)=>`Sorted by ${e}, ${t}`,sortCleared:()=>"Sort cleared",filterApplied:e=>`Filter applied on ${e}`,filterCleared:e=>`Filter cleared from ${e}`,allFiltersCleared:()=>"All filters cleared",groupExpanded:(e,t)=>`Group ${e} expanded, ${t} rows`,groupCollapsed:e=>`Group ${e} collapsed`,selectionChanged:e=>`${e} rows selected`,columnSelected:e=>`Column ${e} selected`,columnSelectionChanged:e=>`${e} columns selected`,columnSelectionCleared:()=>"Column selection cleared",selectionAxisChanged:e=>"column"===e?"Row selection cleared, column selection active":"Column selection cleared, row selection active",editingStarted:e=>`Editing row ${e+1}`,editingCommitted:e=>`Row ${e+1} saved`,dataLoaded:e=>`${e} rows loaded`},l={expand:"▶",collapse:"▼",sortAsc:"▲",sortDesc:"▼",sortNone:"⇅",submenuArrow:"▶",dragHandle:"⋮⋮",toolPanel:"☰",filter:"",filterActive:"",print:"🖨️"};function a(e,t){if(!e)return;const r="effectiveConfig"in e?e.effectiveConfig:void 0;if(!1===r?.a11y?.announcements)return;const n=e.querySelector?.(".tbw-sr-only");n&&(n.textContent="",requestAnimationFrame(()=>{n.textContent=t}))}function s(e,t,...r){const n=e&&"effectiveConfig"in e?e.effectiveConfig:void 0,l=n?.a11y?.messages?.[t];return l?l(...r):i[t](...r)}const o=/* @__PURE__ */new WeakMap;function c(e,t,r=-1){if(!t.valueAccessor)return e?.[t.field];if("object"!=typeof e||null===e)return t.valueAccessor({row:e,column:t,rowIndex:r});const n=e,i=t.field;let l=o.get(n);if(l){const e=l.get(i);if(void 0!==e)return e.v}else l=/* @__PURE__ */new Map,o.set(n,l);const a=t.valueAccessor({row:e,column:t,rowIndex:r});return l.set(i,{v:a}),a}function d(e,t){return`[tbw-grid${e?`#${e}`:""}${t?`:${t}`:""}]`}function u(e,t,r,n){return`${d(r,n)} ${e}: ${t}\n\n  → More info: ${function(e){return`https://toolboxjs.com/grid/errors#${e.toLowerCase()}`}(e)}`}const p="__otorp__|__retteGenifed__|__retteSenifed__|rotcurtsnoc|wodniw|sihTlabolg|labolg|ssecorp|noitcnuF|tropmi|lave|tcelfeR|yxorP|rorrE|stnemugra|tnemucod|noitacol|eikooc|egarotSlacol|egarotSnoisses|BDdexedni|hctef|tseuqeRpttHLMX|tekcoSbeW|rekroW|rekroWderahS|rekroWecivreS|renepo|tnerap|pot|semarf|fles".split("|").map(e=>e.split("").reverse().join(""));new RegExp(`__(proto|defineGetter|defineSetter)|${p.slice(3).join("|")}|this\\b`);const f=new Set("script|iframe|object|embed|form|input|button|textarea|select|link|meta|base|style|template|slot|portal|frame|frameset|applet|noscript|noembed|plaintext|xmp|listing".split("|")),h=/^on\w+$/i,b=new Set("href|src|action|formaction|data|srcdoc|xlink:href|poster|srcset".split("|")),g=/^\s*(javascript|vbscript|data|blob):/i;function m(e){if(!e||"string"!=typeof e)return"";if(-1===e.indexOf("<"))return e;const t=document.createElement("template");return t.innerHTML=e,function(e){const t=[],r=e.querySelectorAll("*");for(const n of r){const e=n.tagName.toLowerCase();if(f.has(e)){t.push(n);continue}if("svg"===e||"http://www.w3.org/2000/svg"===n.namespaceURI){if(Array.from(n.attributes).some(e=>h.test(e.name)||"href"===e.name||"xlink:href"===e.name)){t.push(n);continue}}const r=[];for(const t of n.attributes){const e=t.name.toLowerCase();h.test(e)?r.push(t.name):(b.has(e)&&g.test(t.value)||"style"===e&&/expression\s*\(|javascript:|behavior\s*:/i.test(t.value))&&r.push(t.name)}r.forEach(e=>n.removeAttribute(e))}t.forEach(e=>e.remove())}(t.content),t.innerHTML}class v{static dependencies;static manifest;aliases;version="undefined"!=typeof __GRID_VERSION__?__GRID_VERSION__:"dev";styles;cellRenderers;headerRenderers;cellEditors;grid;config;userConfig;#e;get defaultConfig(){return{}}constructor(e={}){this.userConfig=e}mergeConfigsFrom(e){if(0===e.length)return;const t={...this.userConfig},r={};for(const n of Object.keys(t))r[n]=this;for(const n of e){const e=n.userConfig;for(const[i,l]of Object.entries(e)){if(void 0===l)continue;if(!(i in t)){t[i]=l,r[i]=n;continue}if(t[i]===l)continue;const e=r[i]?.constructor.name??this.constructor.name,a=n.constructor.name,s=u("TBW025",`Cannot merge plugin configs for "${this.name}": conflicting value for "${i}" supplied by both ${e} and ${a}. Pass the option on a single instance, or remove the duplicate.`,void 0,this.name);throw new Error(s)}}Object.assign(this.userConfig,t)}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)}broadcast(e,t){this.emitPluginEvent(e,t),this.emit(e,t)}requestRender(){this.grid?.requestRender?.()}requestColumnsRender(){this.grid?.requestColumnsRender?.()}requestRenderWithFocus(){this.grid?.requestRenderWithFocus?.()}requestAfterRender(){this.grid?.requestAfterRender?.()}requestVirtualRefresh(){this.grid?.requestVirtualRefresh?.()}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?._hostElement}get disconnectSignal(){return this.#e?.signal??this.grid?.disconnectSignal}get gridIcons(){const e=this.grid?.gridConfig?.icons??{};return{...l,...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}setIcon(e,t,r){e.dataset.icon=t.replace(/([A-Z])/g,"-$1").toLowerCase(),"collapse"===t?e.dataset.expanded="":"expand"===t&&delete e.dataset.expanded;const n=this.#t(t,r);void 0!==n?"string"==typeof n?e.innerHTML=m(n):n instanceof HTMLElement&&(e.innerHTML="",e.appendChild(n.cloneNode(!0))):e.innerHTML=""}#t(e,t){return void 0!==t?t:this.grid?.gridConfig?.icons?.[e]}updateSortIndicator(e,t){e.querySelector('[part~="sort-indicator"], .sort-indicator')?.remove();const r=document.createElement("span");r.setAttribute("part","sort-indicator"),r.className="sort-indicator",t?(e.setAttribute("aria-sort","asc"===t?"ascending":"descending"),e.setAttribute("data-sort",t),this.setIcon(r,"asc"===t?"sortAsc":"sortDesc")):(e.setAttribute("aria-sort","none"),e.removeAttribute("data-sort"),this.setIcon(r,"sortNone"));const n=e.querySelector(".tbw-filter-btn")??e.querySelector(".resize-handle");return n?e.insertBefore(r,n):e.appendChild(r),r}warn(e,t){void 0!==t?console.warn(u(e,t,this.gridElement.id,this.name)):console.warn(`${d(this.gridElement.id,this.name)} ${e}`)}throwDiagnostic(e,t){throw new Error(u(e,t,this.gridElement.id,this.name))}}function w(e){return e?e.toISOString().split("T")[0]:""}function y(e){return e?"string"==typeof e?e:"number"==typeof e?w(new Date(e)):"":""}const x=335e5;function C(e){const{totalRows:t,viewportHeight:r,scrollTop:n,rowHeight:i,overscan:l,maxSpacerHeight:a=x}=e,s=Math.ceil(r/i),o=t*i,c=function(e,t,r=x){return{rawContentHeight:e,spacerHeight:Math.min(e,r),viewportHeight:t,capped:e>r}}(o,r,a),d=function(e,t){if(!t.capped)return e;const r=t.spacerHeight-t.viewportHeight,n=t.rawContentHeight-t.viewportHeight;if(r<=0||n<=0)return e;const i=e*n/r;return i<0?0:i>n?n:i}(n,c);let u=Math.floor(d/i)-l;u<0&&(u=0);let p=u+s+2*l;return p>t&&(p=t),p===t&&u>0&&(u=Math.max(0,p-s-2*l)),{start:u,end:p,offsetY:u*i,totalHeight:c.spacerHeight,rawContentHeight:o}}function E(e,t,r,n,i,l){const{field:a,column:s}=t,o=function(e){if(e){const t=getComputedStyle(e).getPropertyValue("--tbw-filter-item-height");if(t&&t.trim()){const e=parseFloat(t);if(!isNaN(e)&&e>0)return e}}return 28}(e),c=e=>{if(null==e)return"(Blank)";if(s.format&&!s.filterValue){const t=s.format(e,void 0);if(t)return t}return String(e)};r=r.slice().sort((e,t)=>"number"==typeof e&&"number"==typeof t?e-t:c(e).localeCompare(c(t)));const d=document.createElement("div");d.className="tbw-filter-search";const u=document.createElement("input");u.type="text",u.placeholder="Search...",u.className="tbw-filter-search-input",u.value=l.get(a)??"",d.appendChild(u),e.appendChild(d);const p=document.createElement("div");p.className="tbw-filter-actions";const f=document.createElement("label");f.className="tbw-filter-value-item",f.style.padding="0",f.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",f.appendChild(h),f.appendChild(b),p.appendChild(f);const g=/* @__PURE__ */new Map;r.forEach(e=>{const t=null==e?"__null__":String(e);g.set(t,!n.has(e))});const m=()=>{const e=[...g.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 g.keys())g.set(t,e);m(),S()}),m(),e.appendChild(p);const v=document.createElement("div");v.className="tbw-filter-values";const w=document.createElement("div");w.className="tbw-filter-values-spacer",v.appendChild(w);const y=document.createElement("div");y.className="tbw-filter-values-content",v.appendChild(y);let x=[];const E=(e,t)=>{const r=c(e),n=null==e?"__null__":String(e),i=document.createElement("label");i.className="tbw-filter-value-item",i.style.position="absolute",i.style.top=`calc(var(--tbw-filter-item-height, 28px) * ${t})`,i.style.left="0",i.style.right="0",i.style.boxSizing="border-box";const l=document.createElement("input");l.type="checkbox",l.className="tbw-filter-checkbox",l.checked=g.get(n)??!0,l.dataset.value=n,l.addEventListener("change",()=>{g.set(n,l.checked),m()});const a=document.createElement("span");return a.textContent=r,i.appendChild(l),i.appendChild(a),i},S=()=>{const e=x.length,t=v.clientHeight,r=v.scrollTop;if(w.style.height=e*o+"px",e<=50/3)return y.innerHTML="",y.style.transform="translateY(0px)",void x.forEach((e,t)=>{y.appendChild(E(e,t))});const n=C({totalRows:e,viewportHeight:t,scrollTop:r,rowHeight:o,overscan:3});y.style.transform=`translateY(${n.offsetY}px)`,y.innerHTML="";for(let i=n.start;i<n.end;i++)y.appendChild(E(x[i],i-n.start))},k=e=>{const t=i.caseSensitive??!1,n=t?e:e.toLowerCase();if(x=r.filter(r=>{const i=c(r),l=t?i:i.toLowerCase();return!e||l.includes(n)}),x.sort((e,t)=>{const r=null==e?"__null__":String(e),n=null==t?"__null__":String(t),i=g.get(r)??!0;return i!==(g.get(n)??!0)?i?-1:1:"number"==typeof e&&"number"==typeof t?e-t:c(e).localeCompare(c(t))}),0===x.length){w.style.height="0px",y.innerHTML="";const e=document.createElement("div");return e.className="tbw-filter-no-match",e.textContent="No matching values",void y.appendChild(e)}S()};let F;v.addEventListener("scroll",()=>{x.length>0&&S()},{passive:!0}),k(u.value),e.appendChild(v),u.addEventListener("input",()=>{clearTimeout(F),F=setTimeout(()=>{l.set(a,u.value),k(u.value)},i.debounceMs??150)});const A=document.createElement("div");A.className="tbw-filter-buttons";const N=document.createElement("button");N.type="button",N.className="tbw-filter-apply-btn",N.textContent="Apply",N.addEventListener("click",()=>{const e=[];for(const[t,n]of g)if(!n)if("__null__"===t)e.push(null);else{const n=r.find(e=>String(e)===t);e.push(void 0!==n?n:t)}t.applySetFilter(e)}),A.appendChild(N);const T=document.createElement("button");T.type="button",T.className="tbw-filter-clear-btn",T.textContent="Clear Filter",T.addEventListener("click",()=>{t.clearFilter()}),A.appendChild(T),e.appendChild(A)}function S(e,t){if("number"==typeof e)return e;if("string"==typeof e){const r=parseFloat(e);return isNaN(r)?t:r}return t}class k extends v{static manifest={events:[{type:"filter-change",description:"Emitted when filter criteria change. Broadcast to both DOM consumers and plugin bus."}],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}}isFilteringEnabled(){return!1!==this.grid.effectiveConfig?.filterable}isColumnFilterable(e){return!!this.isFilteringEnabled()&&!1!==e.filterable}getDataRows(){const e=this.sourceRows;if(e.length>0)return e;const t=this.rows;return 0===t.length?t:t.filter(e=>null!=e&&!0!==e.__loading)}getFilterValues(){const e=this.grid.effectiveConfig?.columns;if(!e)return;let t;for(const r of e)if(r.field)if(r.filterValue)t||(t=/* @__PURE__ */new Map),t.set(r.field,r.filterValue);else if(r.valueAccessor){t||(t=/* @__PURE__ */new Map);const e=r;t.set(r.field,(t,r)=>c(r,e))}return t}filters=/* @__PURE__ */new Map;cachedResult=null;cacheKey=null;cachedInputSpot=null;openPanelField=null;panelElement=null;panelAnchorElement=null;panelButtonElement=null;searchText=/* @__PURE__ */new Map;excludedValues=/* @__PURE__ */new Map;panelAbortController=null;globalStylesInjected=!1;columnLookup=null;columnLookupRef=null;getColumnByField(e){const t=this.grid.effectiveConfig?.columns;if(!t)return;let r=this.columnLookup;if(t!==this.columnLookupRef||!r){r=/* @__PURE__ */new Map;for(const e of t)e.field&&r.set(e.field,e);this.columnLookup=r,this.columnLookupRef=t}return r.get(e)}computeSelected(){const t={},r=[];for(const[e,n]of this.filters)if("set"===n.type)if("in"===n.operator&&Array.isArray(n.value))t[e]=n.value;else if("notIn"===n.operator){const t=this.getColumnByField(e),n=t?.filterValue??(t?.valueAccessor?(e,r)=>c(r,t):void 0);r.push({field:e,filterValue:n})}if(r.length>0){const n=function(t,r){const n=/* @__PURE__ */new Map;for(const{field:e,filterValue:l}of r)n.set(e,{values:/* @__PURE__ */new Set,hasBlank:!1,hasExtractor:!!l});for(const e of t)for(const{field:t,filterValue:i}of r){const r=n.get(t),l=e[t];if(i){const t=i(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 i=/* @__PURE__ */new Map;for(const[l,{values:a,hasBlank:s}]of n)s&&a.add(e),i.set(l,[...a].sort((e,t)=>"number"==typeof e&&"number"==typeof t?e-t:String(e).localeCompare(String(t))));return i}(this.getDataRows(),r);for(const{field:e}of r){const r=this.excludedValues.get(e),i=n.get(e)??[];t[e]=r?i.filter(e=>!r.has(e)):i}}return t}syncExcludedValues(t,r){if(r)if("set"===r.type&&"notIn"===r.operator&&Array.isArray(r.value))this.excludedValues.set(t,new Set(r.value));else if("set"===r.type&&"in"===r.operator&&Array.isArray(r.value)){const n=this.getDataRows();if(!n||0===n.length)return void this.excludedValues.delete(t);const i=r.value,l=new Set(i.map(t=>null==t?e:t)),a=this.getUniqueValues(t),s=new Set(a.filter(e=>!l.has(e)));this.excludedValues.set(t,s)}else"set"===r.type&&this.excludedValues.delete(t);else this.excludedValues.delete(t)}attach(e){super.attach(e),this.injectGlobalStyles()}detach(){this.filters.clear(),this.cachedResult=null,this.cacheKey=null,this.cachedInputSpot=null,this.columnLookup=null,this.columnLookupRef=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("filter:get-model"===e.type){if(!this.filters.size)return;return Object.fromEntries(this.filters)}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 n=[],i=this.isFieldFiltered(r.field),l=this.filters.size>0;return i&&n.push({id:"filtering/clear-column-filter",label:"Clear Filter",icon:"✕",order:20,action:()=>this.clearFieldFilter(r.field)}),l&&n.push({id:"filtering/clear-all-filters",label:"Clear All Filters",icon:"✕",order:21,disabled:!l,action:()=>this.clearAllFilters()}),n.length>0?n:void 0}}processRows(e){if(!this.filters.size)return e;const t=[...this.filters.values()];if(this.config.filterHandler)return this.cachedResult?this.cachedResult:e;const n=(i=t,JSON.stringify(i.map(e=>({field:e.field,operator:e.operator,value:e.value,valueTo:e.valueTo}))));var i;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===n&&this.cachedResult&&a)return this.cachedResult;if(!a)for(const[r,o]of this.filters)"set"===o.type&&"in"===o.operator&&this.syncExcludedValues(r,o);const s=r(e,t,this.config.caseSensitive,this.getFilterValues());return this.cachedResult=s,this.cacheKey=n,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(!0===r.utility)return;const n=r.field;if(!n)return;const i=this.filters.has(n);let l=e.querySelector(".tbw-filter-btn");if(l){const t=l.classList.contains("active");return l.classList.toggle("active",i),e.classList.toggle("filtered",i),i?e.setAttribute("aria-description","Filtered"):e.removeAttribute("aria-description"),void(t!==i&&this.setIcon(l,i?"filterActive":"filter"))}l=document.createElement("button"),l.type="button",l.className="tbw-filter-btn",l.setAttribute("aria-label",`Filter ${r.header??n}`),this.setIcon(l,i?"filterActive":"filter"),i&&(l.classList.add("active"),e.classList.add("filtered"),e.setAttribute("aria-description","Filtered")),l.addEventListener("click",e=>{e.stopPropagation(),this.toggleFilterPanel(n,r,l)});const a=e.querySelector(".resize-handle");a?e.insertBefore(l,a):e.appendChild(l)})}setFilter(e,t,r){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)}if(this.cachedResult=null,this.cacheKey=null,this.cachedInputSpot=null,r?.silent)this.emitPluginEvent("filter-change",{filters:[...this.filters.values()]});else{this.broadcast("filter-change",{filters:[...this.filters.values()],filteredRowCount:0,selected:this.computeSelected()}),this.config.trackColumnState&&this.grid.requestStateChange?.();const r=this.getColumnByField(e)?.header??e;a(this.gridElement,s(this.gridElement,null===t?"filterCleared":"filterApplied",r))}this.requestRender()}getFilter(e){return this.filters.get(e)}getFilters(){return[...this.filters.values()]}getFilterModel(){return this.getFilters()}setFilterModel(e,t){this.filters.clear(),this.excludedValues.clear();for(const r of e)this.filters.set(r.field,r),this.syncExcludedValues(r.field,r);this.cachedResult=null,this.cacheKey=null,this.cachedInputSpot=null,t?.silent?this.emitPluginEvent("filter-change",{filters:[...this.filters.values()]}):(this.broadcast("filter-change",{filters:[...this.filters.values()],filteredRowCount:0,selected:this.computeSelected()}),this.config.trackColumnState&&this.grid.requestStateChange?.()),this.requestRender()}clearAllFilters(e){this.filters.clear(),this.excludedValues.clear(),this.searchText.clear(),this.applyFiltersInternal(e?.silent),e?.silent||a(this.gridElement,s(this.gridElement,"allFiltersCleared"))}clearFieldFilter(e,t){if(this.filters.delete(e),this.excludedValues.delete(e),this.searchText.delete(e),this.applyFiltersInternal(t?.silent),!t?.silent){const t=this.getColumnByField(e)?.header??e;a(this.gridElement,s(this.gridElement,"filterCleared",t))}}isFieldFiltered(e){return this.filters.has(e)}getFilteredRowCount(){return this.cachedResult?.length??this.rows.length}getActiveFilters(){return this.getFilters()}getUniqueValues(e){const t=this.getColumnByField(e),r=t?.filterValue;return n(this.getDataRows(),e,r)}getStaleFilters(){const e=[];for(const[t,r]of this.filters){if("set"!==r.type)continue;const n=this.getUniqueValues(t);if("notIn"===r.operator&&Array.isArray(r.value)){const t=new Set(r.value);0===n.filter(e=>!t.has(e)).length&&e.push(r)}else if("in"===r.operator&&Array.isArray(r.value)){const t=new Set(r.value);0===n.filter(e=>t.has(e)).length&&e.push(r)}}return e}getBlankMode(e){const t=this.filters.get(e);return"blank"===t?.operator?"blanksOnly":"notBlank"===t?.operator?"nonBlanksOnly":"all"}toggleBlankFilter(e,t){if("all"===t){const t=this.filters.get(e);if(t?.valueTo&&"object"==typeof t.valueTo){const r=t.valueTo;this.setFilter(e,r)}else this.setFilter(e,null);return}const r=this.filters.get(e),n=r&&"blank"!==r.operator&&"notBlank"!==r.operator?{type:r.type,operator:r.operator,value:r.value,valueTo:r.valueTo}:r?.valueTo;this.setFilter(e,{type:r?.type??"text",operator:"blanksOnly"===t?"blank":"notBlank",value:"",valueTo:n})}copyGridThemeContext(e){const t=this.gridElement;if(!t)return;for(const n of t.classList)n.startsWith("tbw-")||"selecting"===n||e.classList.add(n);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);right:anchor(right);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 i=document.createElement("div");if(i.className="tbw-filter-panel",this.copyGridThemeContext(i),this.isAnimationEnabled&&i.classList.add("tbw-filter-panel-animated"),this.panelElement=i,this.openPanelField=e,r.classList.add("active"),this.panelButtonElement=r,this.config.valuesHandler)return i.innerHTML='<div class="tbw-filter-loading">Loading...</div>',document.body.appendChild(i),this.positionPanel(i,r),this.setupPanelCloseHandler(i,r),void this.config.valuesHandler(e,t).then(r=>{this.openPanelField===e&&this.panelElement&&(i.innerHTML="",this.renderPanelContent(e,t,i,r))});const l=t.filterValue??(t.valueAccessor?(e,r)=>c(r,t):void 0),a=n(this.getDataRows(),e,l);document.body.appendChild(i),this.positionPanel(i,r),this.renderPanelContent(e,t,i,a),this.setupPanelCloseHandler(i,r)}renderPanelContent(t,r,n,i){const l=this.filters.get(t);if("in"===l?.operator&&"set"===l.type&&Array.isArray(l.value)&&!this.excludedValues.has(t)){const r=l.value,n=new Set(r.map(t=>null==t?e:t)),a=new Set(i.filter(e=>!n.has(e)));this.excludedValues.set(t,a)}let a=this.excludedValues.get(t);a||(a=/* @__PURE__ */new Set,this.excludedValues.set(t,a));const s=this.searchText.get(t)??"",o={field:t,column:r,uniqueValues:i,excludedValues:a,searchText:s,currentFilter:this.filters.get(t),applySetFilter:(e,r)=>{this.applySetFilter(t,e,r),this.closeFilterPanel()},applyTextFilter:(e,r,n)=>{this.applyTextFilter(t,e,r,n),this.closeFilterPanel()},clearFilter:()=>{this.clearFieldFilter(t),this.closeFilterPanel()},closePanel:()=>this.closeFilterPanel()};let c=!1;if(this.config.filterPanelRenderer&&(this.config.filterPanelRenderer(n,o),c=n.children.length>0),!c&&r.type){const e=this.grid.effectiveConfig.typeDefaults?.[r.type];e?.filterPanelRenderer&&(e.filterPanelRenderer(n,o),c=n.children.length>0)}if(!c){const e=r.filterType??r.type;"number"===e?function(e,t,r,n){const{field:i,column:l}=t,a=l.filterParams,s=l.editorParams,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(a?.min??s?.min,c),p=S(a?.max??s?.max,d),f=a?.step??s?.step??1,h=n.get(i);let b=u,g=p;const m="blank"===h?.operator;"between"===h?.operator?(b=S(h.value,u),g=S(h.valueTo,p)):"greaterThanOrEqual"===h?.operator?b=S(h.value,u):"lessThanOrEqual"===h?.operator&&(g=S(h.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 y=document.createElement("label");y.textContent="Min",y.className="tbw-filter-range-label";const x=document.createElement("input");x.type="number",x.className="tbw-filter-range-input",x.min=String(u),x.max=String(p),x.step=String(f),x.value=String(b),w.appendChild(y),w.appendChild(x),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 k=document.createElement("label");k.textContent="Max",k.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(f),F.value=String(g),E.appendChild(k),E.appendChild(F),v.appendChild(E),e.appendChild(v);const A=document.createElement("div");A.className="tbw-filter-range-slider";const N=document.createElement("div");N.className="tbw-filter-range-track";const T=document.createElement("div");T.className="tbw-filter-range-fill";const R=document.createElement("input");R.type="range",R.className="tbw-filter-range-thumb tbw-filter-range-thumb-min",R.min=String(u),R.max=String(p),R.step=String(f),R.value=String(b);const L=document.createElement("input");L.type="range",L.className="tbw-filter-range-thumb tbw-filter-range-thumb-max",L.min=String(u),L.max=String(p),L.step=String(f),L.value=String(g),A.appendChild(N),A.appendChild(T),A.appendChild(R),A.appendChild(L),e.appendChild(A);const P=document.createElement("label");P.className="tbw-filter-blank-option";const M=document.createElement("input");M.type="checkbox",M.className="tbw-filter-blank-checkbox",M.checked=m;const _=document.createTextNode("Blank");P.appendChild(M),P.appendChild(_);const I=e=>{x.disabled=e,F.disabled=e,R.disabled=e,L.disabled=e,v.classList.toggle("tbw-filter-disabled",e),A.classList.toggle("tbw-filter-disabled",e)};I(m),M.addEventListener("change",()=>{I(M.checked)}),e.appendChild(P);const q=()=>{const e=parseFloat(R.value),t=parseFloat(L.value),r=p-u,n=(e-u)/r*100,i=(t-u)/r*100;T.style.left=`${n}%`,T.style.width=i-n+"%"};R.addEventListener("input",()=>{const e=Math.min(parseFloat(R.value),parseFloat(L.value));R.value=String(e),x.value=String(e),q()}),L.addEventListener("input",()=>{const e=Math.max(parseFloat(L.value),parseFloat(R.value));L.value=String(e),F.value=String(e),q()}),x.addEventListener("input",()=>{const e=parseFloat(x.value);let t=Number.isFinite(e)?e:u;t=Math.max(u,Math.min(t,parseFloat(F.value))),R.value=String(t),q()}),F.addEventListener("input",()=>{const e=parseFloat(F.value);let t=Number.isFinite(e)?e:p;t=Math.min(p,Math.max(t,parseFloat(x.value))),L.value=String(t),q()}),q();const V=document.createElement("div");V.className="tbw-filter-buttons";const B=document.createElement("button");B.type="button",B.className="tbw-filter-apply-btn",B.textContent="Apply",B.addEventListener("click",()=>{if(M.checked)return void t.applyTextFilter("blank","");const e=parseFloat(x.value),r=parseFloat(F.value),n=Number.isFinite(e)?e:u,i=Number.isFinite(r)?r:p;n!==u||i!==p?t.applyTextFilter("between",n,i):t.clearFilter()}),V.appendChild(B);const H=document.createElement("button");H.type="button",H.className="tbw-filter-clear-btn",H.textContent="Clear Filter",H.addEventListener("click",()=>{t.clearFilter()}),V.appendChild(H),e.appendChild(V)}(n,o,i,this.filters):"date"===e?function(e,t,r,n){const{field:i,column:l}=t,a=l.filterParams,s=l.editorParams,o=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())),c=o.length>0?new Date(Math.min(...o.map(e=>e.getTime()))):null,d=o.length>0?new Date(Math.max(...o.map(e=>e.getTime()))):null,u=y(a?.min)||y(s?.min)||w(c),p=y(a?.max)||y(s?.max)||w(d),f=n.get(i);let h="",b="";const g="blank"===f?.operator;"between"===f?.operator?(h=y(f.value)||"",b=y(f.valueTo)||""):"greaterThanOrEqual"===f?.operator?h=y(f.value)||"":"lessThanOrEqual"===f?.operator&&(b=y(f.value)||"");const m=document.createElement("div");m.className="tbw-filter-date-range";const v=document.createElement("div");v.className="tbw-filter-date-group";const x=document.createElement("label");x.textContent="From",x.className="tbw-filter-range-label";const C=document.createElement("input");C.type="date",C.className="tbw-filter-date-input",u&&(C.min=u),p&&(C.max=p),C.value=h,v.appendChild(x),v.appendChild(C),m.appendChild(v);const E=document.createElement("span");E.className="tbw-filter-range-separator",E.textContent="–",m.appendChild(E);const S=document.createElement("div");S.className="tbw-filter-date-group";const k=document.createElement("label");k.textContent="To",k.className="tbw-filter-range-label";const F=document.createElement("input");F.type="date",F.className="tbw-filter-date-input",u&&(F.min=u),p&&(F.max=p),F.value=b,S.appendChild(k),S.appendChild(F),m.appendChild(S),e.appendChild(m);const A=document.createElement("label");A.className="tbw-filter-blank-option";const N=document.createElement("input");N.type="checkbox",N.className="tbw-filter-blank-checkbox",N.checked=g;const T=document.createTextNode("Show only blank");A.appendChild(N),A.appendChild(T);const R=e=>{C.disabled=e,F.disabled=e,m.classList.toggle("tbw-filter-disabled",e)};R(g),N.addEventListener("change",()=>{R(N.checked)}),e.appendChild(A);const L=document.createElement("div");L.className="tbw-filter-buttons";const P=document.createElement("button");P.type="button",P.className="tbw-filter-apply-btn",P.textContent="Apply",P.addEventListener("click",()=>{if(N.checked)return void t.applyTextFilter("blank","");const e=C.value,r=F.value;e&&r?t.applyTextFilter("between",e,r):e?t.applyTextFilter("greaterThanOrEqual",e):r?t.applyTextFilter("lessThanOrEqual",r):t.clearFilter()}),L.appendChild(P);const M=document.createElement("button");M.type="button",M.className="tbw-filter-clear-btn",M.textContent="Clear Filter",M.addEventListener("click",()=>{t.clearFilter()}),L.appendChild(M),e.appendChild(L)}(n,o,i,this.filters):E(n,o,i,a,{caseSensitive:this.config.caseSensitive,debounceMs:this.config.debounceMs},this.searchText)}}setupPanelCloseHandler(e,t){this.panelAbortController=new AbortController;const{signal:r}=this.panelAbortController;setTimeout(()=>{r.aborted||document.addEventListener("click",r=>{e.contains(r.target)||r.target===t||this.closeFilterPanel()},{signal:r})},0)}closeFilterPanel(){const e=this.panelElement;if(e&&(e.remove(),this.panelElement=null),this.panelAnchorElement&&(this.panelAnchorElement.style.anchorName="",this.panelAnchorElement=null),this.panelButtonElement){const e=this.openPanelField;e&&this.filters.has(e)||this.panelButtonElement.classList.remove("active"),this.panelButtonElement=null}this.openPanelField=null,this.panelAbortController?.abort(),this.panelAbortController=null}static supportsAnchorPositioning=null;static checkAnchorPositioningSupport(){return null===k.supportsAnchorPositioning&&(k.supportsAnchorPositioning=CSS.supports("anchor-name","--test")),k.supportsAnchorPositioning}positionPanel(e,t){const r=t.closest(".header-row")??t;if(r.style.anchorName="--tbw-filter-anchor",this.panelAnchorElement=r,k.checkAnchorPositioningSupport()){r.style.anchorName="",t.style.anchorName="--tbw-filter-anchor",this.panelAnchorElement=t;const n=r.getBoundingClientRect().bottom-t.getBoundingClientRect().bottom;return e.style.marginTop=`${n+4}px`,void requestAnimationFrame(()=>{const r=e.getBoundingClientRect(),n=t.getBoundingClientRect();r.top<n.top&&e.classList.add("tbw-filter-panel-above")})}const n=r.getBoundingClientRect(),i=t.getBoundingClientRect();e.style.position="fixed",e.style.top=`${n.bottom+4}px`,e.style.left=`${i.right}px`,requestAnimationFrame(()=>{const t=e.getBoundingClientRect();e.style.left=i.right-t.width+"px";i.right-t.width<8&&(e.style.left=`${i.left}px`),t.bottom>window.innerHeight-8&&(e.style.top=n.top-t.height-4+"px",e.classList.add("tbw-filter-panel-above"))})}applySetFilter(e,t,r){if(this.excludedValues.set(e,new Set(t)),0===t.length)this.filters.delete(e);else{const n=this.filters.get(e);if("in"===n?.operator){const n=this.getUniqueValues(e),i=new Set(t),l=n.filter(e=>!i.has(e));this.filters.set(e,{field:e,type:"set",operator:"in",value:l,...void 0!==r&&{valueTo:r}})}else this.filters.set(e,{field:e,type:"set",operator:"notIn",value:t,...void 0!==r&&{valueTo:r}})}this.applyFiltersInternal()}applyTextFilter(e,t,r,n){const i=this.getColumnByField(e),l=i?.filterType??i?.type??"text";this.filters.set(e,{field:e,type:l,operator:t,value:r,valueTo:n}),this.applyFiltersInternal()}applyFiltersInternal(e){this.cachedResult=null,this.cacheKey=null,this.cachedInputSpot=null;const t=[...this.filters.values()];if(this.config.filterHandler){this.gridElement.setAttribute("aria-busy","true");const r=this.config.filterHandler(t,this.sourceRows),n=r=>{this.gridElement.removeAttribute("aria-busy"),this.cachedResult=r,this.grid.rows=r,e?this.emitPluginEvent("filter-change",{filters:t}):(this.broadcast("filter-change",{filters:t,filteredRowCount:r.length,selected:this.computeSelected()}),this.config.trackColumnState&&this.grid.requestStateChange?.()),this.requestRender()};return void(r&&"function"==typeof r.then?r.then(n):n(r))}e?this.emitPluginEvent("filter-change",{filters:t}):(this.broadcast("filter-change",{filters:t,filteredRowCount:0,selected:this.computeSelected()}),this.config.trackColumnState&&this.grid.requestStateChange?.()),this.requestRender()}getColumnState(e){if(!this.config.trackColumnState)return;const t=this.filters.get(e);return t?{filter:{type:t.type,operator:t.operator,value:t.value,valueTo:t.valueTo}}:void 0}applyColumnState(e,t){if(!this.config.trackColumnState)return;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,k as FilteringPlugin};
+const e="(Blank)";function t(e){if("number"==typeof e)return 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,n,i=!1,l){if(!n.length)return r;const a=n.map(r=>function(r,n,i){const l=r.field,a=r.operator,s=i?e=>i(e[l],e):e=>e[l];if("blank"===a)return e=>{const t=s(e);return null==t||""===t||"number"==typeof t&&isNaN(t)};if("notBlank"===a)return e=>{const t=s(e);return null!=t&&""!==t&&!("number"==typeof t&&isNaN(t))};if(i&&("notIn"===a||"in"===a)){const t=r.value;if("notIn"===a){if(!Array.isArray(t))return()=>!0;const r=new Set(t);return t=>{const n=i(t[l],t),a=Array.isArray(n)?n:null!=n?[n]:[];return 0===a.length?!r.has(e):!a.some(e=>r.has(e))}}if(!Array.isArray(t))return()=>!1;const n=new Set(t);return t=>{const r=i(t[l],t),a=Array.isArray(r)?r:null!=r?[r]:[];return 0===a.length?n.has(e):a.some(e=>n.has(e))}}if("notIn"===a){if(!Array.isArray(r.value))return()=>!0;const t=new Set(r.value);return r=>{const n=r[l];return null==n||""===n?!t.has(e):!t.has(n)}}if("in"===a){if(!Array.isArray(r.value))return()=>!1;const t=new Set(r.value);return r=>{const n=r[l];return null==n||""===n?t.has(e):t.has(n)}}const o="number"===r.type&&!i,c=e=>null==e||""===e||"number"==typeof e&&isNaN(e);if("greaterThan"===a){const e=t(r.value);return o?t=>{const r=t[l];return!c(r)&&r>e}:r=>{const n=s(r);if(c(n))return!1;const i=t(n);return!isNaN(i)&&i>e}}if("greaterThanOrEqual"===a){const e=t(r.value);return o?t=>{const r=t[l];return!c(r)&&r>=e}:r=>{const n=s(r);if(c(n))return!1;const i=t(n);return!isNaN(i)&&i>=e}}if("lessThan"===a){const e=t(r.value);return o?t=>{const r=t[l];return!c(r)&&r<e}:r=>{const n=s(r);if(c(n))return!1;const i=t(n);return!isNaN(i)&&i<e}}if("lessThanOrEqual"===a){const e=t(r.value);return o?t=>{const r=t[l];return!c(r)&&r<=e}:r=>{const n=s(r);if(c(n))return!1;const i=t(n);return!isNaN(i)&&i<=e}}if("between"===a){const e=t(r.value),n=t(r.valueTo);return o?t=>{const r=t[l];return!c(r)&&(r>=e&&r<=n)}:r=>{const i=s(r);if(c(i))return!1;const l=t(i);return!isNaN(l)&&l>=e&&l<=n}}const d=n?String(r.value):String(r.value).toLowerCase();return"contains"===a?n?e=>{const t=s(e);return null!=t&&String(t).includes(d)}:e=>{const t=s(e);return null!=t&&String(t).toLowerCase().includes(d)}:"notContains"===a?n?e=>{const t=s(e);return null!=t&&!String(t).includes(d)}:e=>{const t=s(e);return null!=t&&!String(t).toLowerCase().includes(d)}:"equals"===a?n?e=>{const t=s(e);return null!=t&&String(t)===d}:e=>{const t=s(e);return null!=t&&String(t).toLowerCase()===d}:"notEquals"===a?n?e=>{const t=s(e);return null!=t&&String(t)!==d}:e=>{const t=s(e);return null!=t&&String(t).toLowerCase()!==d}:"startsWith"===a?n?e=>{const t=s(e);return null!=t&&String(t).startsWith(d)}:e=>{const t=s(e);return null!=t&&String(t).toLowerCase().startsWith(d)}:"endsWith"===a?n?e=>{const t=s(e);return null!=t&&String(t).endsWith(d)}:e=>{const t=s(e);return null!=t&&String(t).toLowerCase().endsWith(d)}:()=>!0}(r,i,l?.get(r.field)));return 1===a.length?r.filter(a[0]):r.filter(e=>{for(let t=0;t<a.length;t++)if(!a[t](e))return!1;return!0})}function n(t,r,n){const i=/* @__PURE__ */new Set;let l=!1;for(const e of t){const t=e[r];if(n){const r=n(t,e);if(Array.isArray(r)){0===r.length&&(l=!0);for(const e of r)null!=e&&i.add(e)}else null!=r?i.add(r):l=!0}else null!=t&&""!==t?i.add(t):l=!0}return l&&i.add(e),[...i].sort((e,t)=>"number"==typeof e&&"number"==typeof t?e-t:String(e).localeCompare(String(t)))}const i={sortApplied:(e,t)=>`Sorted by ${e}, ${t}`,sortCleared:()=>"Sort cleared",filterApplied:e=>`Filter applied on ${e}`,filterCleared:e=>`Filter cleared from ${e}`,allFiltersCleared:()=>"All filters cleared",groupExpanded:(e,t)=>`Group ${e} expanded, ${t} rows`,groupCollapsed:e=>`Group ${e} collapsed`,selectionChanged:e=>`${e} rows selected`,columnSelected:e=>`Column ${e} selected`,columnSelectionChanged:e=>`${e} columns selected`,columnSelectionCleared:()=>"Column selection cleared",selectionAxisChanged:e=>"column"===e?"Row selection cleared, column selection active":"Column selection cleared, row selection active",editingStarted:e=>`Editing row ${e+1}`,editingCommitted:e=>`Row ${e+1} saved`,dataLoaded:e=>`${e} rows loaded`},l={expand:"▶",collapse:"▼",sortAsc:"▲",sortDesc:"▼",sortNone:"⇅",submenuArrow:"▶",dragHandle:"⋮⋮",toolPanel:"☰",filter:"",filterActive:"",print:"🖨️"};function a(e,t){if(!e)return;const r="effectiveConfig"in e?e.effectiveConfig:void 0;if(!1===r?.a11y?.announcements)return;const n=e.querySelector?.(".tbw-sr-only");n&&(n.textContent="",requestAnimationFrame(()=>{n.textContent=t}))}function s(e,t,...r){const n=e&&"effectiveConfig"in e?e.effectiveConfig:void 0,l=n?.a11y?.messages?.[t];return l?l(...r):i[t](...r)}const o=/* @__PURE__ */new WeakMap;function c(e,t){return`[tbw-grid${e?`#${e}`:""}${t?`:${t}`:""}]`}function d(e,t,r,n){return`${c(r,n)} ${e}: ${t}\n\n  → More info: ${function(e){return`https://toolboxjs.com/grid/errors#${e.toLowerCase()}`}(e)}`}const u="__otorp__|__retteGenifed__|__retteSenifed__|rotcurtsnoc|wodniw|sihTlabolg|labolg|ssecorp|noitcnuF|tropmi|lave|tcelfeR|yxorP|rorrE|stnemugra|tnemucod|noitacol|eikooc|egarotSlacol|egarotSnoisses|BDdexedni|hctef|tseuqeRpttHLMX|tekcoSbeW|rekroW|rekroWderahS|rekroWecivreS|renepo|tnerap|pot|semarf|fles".split("|").map(e=>e.split("").reverse().join(""));new RegExp(`__(proto|defineGetter|defineSetter)|${u.slice(3).join("|")}|this\\b`);const p=new Set("script|iframe|object|embed|form|input|button|textarea|select|link|meta|base|style|template|slot|portal|frame|frameset|applet|noscript|noembed|plaintext|xmp|listing".split("|")),f=/^on\w+$/i,h=new Set("href|src|action|formaction|data|srcdoc|xlink:href|poster|srcset".split("|")),b=/^\s*(javascript|vbscript|data|blob):/i;function g(e){if(!e||"string"!=typeof e)return"";if(-1===e.indexOf("<"))return e;const t=document.createElement("template");return t.innerHTML=e,function(e){const t=[],r=e.querySelectorAll("*");for(const n of r){const e=n.tagName.toLowerCase();if(p.has(e)){t.push(n);continue}if("svg"===e||"http://www.w3.org/2000/svg"===n.namespaceURI){if(Array.from(n.attributes).some(e=>f.test(e.name)||"href"===e.name||"xlink:href"===e.name)){t.push(n);continue}}const r=[];for(const t of n.attributes){const e=t.name.toLowerCase();f.test(e)?r.push(t.name):(h.has(e)&&b.test(t.value)||"style"===e&&/expression\s*\(|javascript:|behavior\s*:/i.test(t.value))&&r.push(t.name)}r.forEach(e=>n.removeAttribute(e))}t.forEach(e=>e.remove())}(t.content),t.innerHTML}class m{static dependencies;static manifest;aliases;version="undefined"!=typeof __GRID_VERSION__?__GRID_VERSION__:"dev";styles;cellRenderers;headerRenderers;cellEditors;grid;config;userConfig;#e;get defaultConfig(){return{}}constructor(e={}){this.userConfig=e}mergeConfigsFrom(e){if(0===e.length)return;const t={...this.userConfig},r={};for(const n of Object.keys(t))r[n]=this;for(const n of e){const e=n.userConfig;for(const[i,l]of Object.entries(e)){if(void 0===l)continue;if(!(i in t)){t[i]=l,r[i]=n;continue}if(t[i]===l)continue;const e=r[i]?.constructor.name??this.constructor.name,a=n.constructor.name,s=d("TBW025",`Cannot merge plugin configs for "${this.name}": conflicting value for "${i}" supplied by both ${e} and ${a}. Pass the option on a single instance, or remove the duplicate.`,void 0,this.name);throw new Error(s)}}Object.assign(this.userConfig,t)}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)}broadcast(e,t){this.emitPluginEvent(e,t),this.emit(e,t)}requestRender(){this.grid?.requestRender?.()}requestColumnsRender(){this.grid?.requestColumnsRender?.()}requestRenderWithFocus(){this.grid?.requestRenderWithFocus?.()}requestAfterRender(){this.grid?.requestAfterRender?.()}requestVirtualRefresh(){this.grid?.requestVirtualRefresh?.()}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?._hostElement}get disconnectSignal(){return this.#e?.signal??this.grid?.disconnectSignal}get gridIcons(){const e=this.grid?.gridConfig?.icons??{};return{...l,...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}setIcon(e,t,r){e.dataset.icon=t.replace(/([A-Z])/g,"-$1").toLowerCase(),"collapse"===t?e.dataset.expanded="":"expand"===t&&delete e.dataset.expanded;const n=this.#t(t,r);void 0!==n?"string"==typeof n?e.innerHTML=g(n):n instanceof HTMLElement&&(e.innerHTML="",e.appendChild(n.cloneNode(!0))):e.innerHTML=""}#t(e,t){return void 0!==t?t:this.grid?.gridConfig?.icons?.[e]}updateSortIndicator(e,t){e.querySelector('[part~="sort-indicator"], .sort-indicator')?.remove();const r=document.createElement("span");r.setAttribute("part","sort-indicator"),r.className="sort-indicator",t?(e.setAttribute("aria-sort","asc"===t?"ascending":"descending"),e.setAttribute("data-sort",t),this.setIcon(r,"asc"===t?"sortAsc":"sortDesc")):(e.setAttribute("aria-sort","none"),e.removeAttribute("data-sort"),this.setIcon(r,"sortNone"));const n=e.querySelector(".tbw-filter-btn")??e.querySelector(".resize-handle");return n?e.insertBefore(r,n):e.appendChild(r),r}warn(e,t){void 0!==t?console.warn(d(e,t,this.gridElement.id,this.name)):console.warn(`${c(this.gridElement.id,this.name)} ${e}`)}throwDiagnostic(e,t){throw new Error(d(e,t,this.gridElement.id,this.name))}}function v(e){return e?e.toISOString().split("T")[0]:""}function w(e){return e?"string"==typeof e?e:"number"==typeof e?v(new Date(e)):"":""}const y=335e5;function x(e){const{totalRows:t,viewportHeight:r,scrollTop:n,rowHeight:i,overscan:l,maxSpacerHeight:a=y}=e,s=Math.ceil(r/i),o=t*i,c=function(e,t,r=y){return{rawContentHeight:e,spacerHeight:Math.min(e,r),viewportHeight:t,capped:e>r}}(o,r,a),d=function(e,t){if(!t.capped)return e;const r=t.spacerHeight-t.viewportHeight,n=t.rawContentHeight-t.viewportHeight;if(r<=0||n<=0)return e;const i=e*n/r;return i<0?0:i>n?n:i}(n,c);let u=Math.floor(d/i)-l;u<0&&(u=0);let p=u+s+2*l;return p>t&&(p=t),p===t&&u>0&&(u=Math.max(0,p-s-2*l)),{start:u,end:p,offsetY:u*i,totalHeight:c.spacerHeight,rawContentHeight:o}}function C(e,t,r,n,i,l){const{field:a,column:s}=t,o=function(e){if(e){const t=getComputedStyle(e).getPropertyValue("--tbw-filter-item-height");if(t&&t.trim()){const e=parseFloat(t);if(!isNaN(e)&&e>0)return e}}return 28}(e),c=e=>{if(null==e)return"(Blank)";if(s.format&&!s.filterValue){const t=s.format(e,void 0);if(t)return t}return String(e)};r=r.slice().sort((e,t)=>"number"==typeof e&&"number"==typeof t?e-t:c(e).localeCompare(c(t)));const d=document.createElement("div");d.className="tbw-filter-search";const u=document.createElement("input");u.type="text",u.placeholder="Search...",u.className="tbw-filter-search-input",u.value=l.get(a)??"",d.appendChild(u),e.appendChild(d);const p=document.createElement("div");p.className="tbw-filter-actions";const f=document.createElement("label");f.className="tbw-filter-value-item",f.style.padding="0",f.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",f.appendChild(h),f.appendChild(b),p.appendChild(f);const g=/* @__PURE__ */new Map;r.forEach(e=>{const t=null==e?"__null__":String(e);g.set(t,!n.has(e))});const m=()=>{const e=[...g.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 g.keys())g.set(t,e);m(),k()}),m(),e.appendChild(p);const v=document.createElement("div");v.className="tbw-filter-values";const w=document.createElement("div");w.className="tbw-filter-values-spacer",v.appendChild(w);const y=document.createElement("div");y.className="tbw-filter-values-content",v.appendChild(y);let C=[];const E=(e,t)=>{const r=c(e),n=null==e?"__null__":String(e),i=document.createElement("label");i.className="tbw-filter-value-item",i.style.position="absolute",i.style.top=`calc(var(--tbw-filter-item-height, 28px) * ${t})`,i.style.left="0",i.style.right="0",i.style.boxSizing="border-box";const l=document.createElement("input");l.type="checkbox",l.className="tbw-filter-checkbox",l.checked=g.get(n)??!0,l.dataset.value=n,l.addEventListener("change",()=>{g.set(n,l.checked),m()});const a=document.createElement("span");return a.textContent=r,i.appendChild(l),i.appendChild(a),i},k=()=>{const e=C.length,t=v.clientHeight,r=v.scrollTop;if(w.style.height=e*o+"px",e<=50/3)return y.innerHTML="",y.style.transform="translateY(0px)",void C.forEach((e,t)=>{y.appendChild(E(e,t))});const n=x({totalRows:e,viewportHeight:t,scrollTop:r,rowHeight:o,overscan:3});y.style.transform=`translateY(${n.offsetY}px)`,y.innerHTML="";for(let i=n.start;i<n.end;i++)y.appendChild(E(C[i],i-n.start))},F=e=>{const t=i.caseSensitive??!1,n=t?e:e.toLowerCase();if(C=r.filter(r=>{const i=c(r),l=t?i:i.toLowerCase();return!e||l.includes(n)}),C.sort((e,t)=>{const r=null==e?"__null__":String(e),n=null==t?"__null__":String(t),i=g.get(r)??!0;return i!==(g.get(n)??!0)?i?-1:1:"number"==typeof e&&"number"==typeof t?e-t:c(e).localeCompare(c(t))}),0===C.length){w.style.height="0px",y.innerHTML="";const e=document.createElement("div");return e.className="tbw-filter-no-match",e.textContent="No matching values",void y.appendChild(e)}k()};let S;v.addEventListener("scroll",()=>{C.length>0&&k()},{passive:!0}),F(u.value),e.appendChild(v),u.addEventListener("input",()=>{clearTimeout(S),S=setTimeout(()=>{l.set(a,u.value),F(u.value)},i.debounceMs??150)});const N=document.createElement("div");N.className="tbw-filter-buttons";const A=document.createElement("button");A.type="button",A.className="tbw-filter-apply-btn",A.textContent="Apply",A.addEventListener("click",()=>{const e=[];for(const[t,n]of g)if(!n)if("__null__"===t)e.push(null);else{const n=r.find(e=>String(e)===t);e.push(void 0!==n?n:t)}t.applySetFilter(e)}),N.appendChild(A);const T=document.createElement("button");T.type="button",T.className="tbw-filter-clear-btn",T.textContent="Clear Filter",T.addEventListener("click",()=>{t.clearFilter()}),N.appendChild(T),e.appendChild(N)}function E(e,t){if("number"==typeof e)return e;if("string"==typeof e){const r=parseFloat(e);return isNaN(r)?t:r}return t}class k extends m{static manifest={events:[{type:"filter-change",description:"Emitted when filter criteria change. Broadcast to both DOM consumers and plugin bus."}],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}}isFilteringEnabled(){return!1!==this.grid.effectiveConfig?.filterable}isColumnFilterable(e){return!!this.isFilteringEnabled()&&!1!==e.filterable}getDataRows(){const e=this.sourceRows;if(e.length>0)return e;const t=this.rows;return 0===t.length?t:t.filter(e=>null!=e&&!0!==e.__loading)}getFilterValues(){const e=this.grid.effectiveConfig?.columns;if(!e)return;let t;for(const r of e){if(!r.field)continue;const e=this.getFilterExtractor(r);e&&(t||(t=/* @__PURE__ */new Map),t.set(r.field,e))}return t}getFilterExtractor(e){return e.filterValue?e.filterValue:e.valueAccessor?(t,r)=>function(e,t,r=-1){if(!t.valueAccessor)return e?.[t.field];if("object"!=typeof e||null===e)return t.valueAccessor({row:e,column:t,rowIndex:r});const n=e,i=t.field;let l=o.get(n);if(l){const e=l.get(i);if(void 0!==e)return e.v}else l=/* @__PURE__ */new Map,o.set(n,l);const a=t.valueAccessor({row:e,column:t,rowIndex:r});return l.set(i,{v:a}),a}(r,e):void 0}filters=/* @__PURE__ */new Map;cachedResult=null;cacheKey=null;cachedInputRows=null;openPanelField=null;panelElement=null;panelAnchorElement=null;panelButtonElement=null;searchText=/* @__PURE__ */new Map;excludedValues=/* @__PURE__ */new Map;panelAbortController=null;globalStylesInjected=!1;columnLookup=null;columnLookupRef=null;getColumnByField(e){const t=this.grid.effectiveConfig?.columns;if(!t)return;let r=this.columnLookup;if(t!==this.columnLookupRef||!r){r=/* @__PURE__ */new Map;for(const e of t)e.field&&r.set(e.field,e);this.columnLookup=r,this.columnLookupRef=t}return r.get(e)}computeSelected(){const t={},r=[];for(const[e,n]of this.filters)if("set"===n.type)if("in"===n.operator&&Array.isArray(n.value))t[e]=n.value;else if("notIn"===n.operator){const t=this.getColumnByField(e);r.push({field:e,filterValue:t?this.getFilterExtractor(t):void 0})}if(r.length>0){const n=function(t,r){const n=/* @__PURE__ */new Map;for(const{field:e,filterValue:l}of r)n.set(e,{values:/* @__PURE__ */new Set,hasBlank:!1,hasExtractor:!!l});for(const e of t)for(const{field:t,filterValue:i}of r){const r=n.get(t),l=e[t];if(i){const t=i(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 i=/* @__PURE__ */new Map;for(const[l,{values:a,hasBlank:s}]of n)s&&a.add(e),i.set(l,[...a].sort((e,t)=>"number"==typeof e&&"number"==typeof t?e-t:String(e).localeCompare(String(t))));return i}(this.getDataRows(),r);for(const{field:e}of r){const r=this.excludedValues.get(e),i=n.get(e)??[];t[e]=r?i.filter(e=>!r.has(e)):i}}return t}invalidateCache(){this.cachedResult=null,this.cacheKey=null,this.cachedInputRows=null}notifyFilterChange(e,t,r){r?this.emitPluginEvent("filter-change",{filters:e}):(this.broadcast("filter-change",{filters:e,filteredRowCount:t,selected:this.computeSelected()}),this.config.trackColumnState&&this.grid.requestStateChange?.())}syncExcludedValues(t,r){if(r)if("set"===r.type&&"notIn"===r.operator&&Array.isArray(r.value))this.excludedValues.set(t,new Set(r.value));else if("set"===r.type&&"in"===r.operator&&Array.isArray(r.value)){const n=this.getDataRows();if(!n||0===n.length)return void this.excludedValues.delete(t);const i=r.value,l=new Set(i.map(t=>null==t?e:t)),a=this.getUniqueValues(t),s=new Set(a.filter(e=>!l.has(e)));this.excludedValues.set(t,s)}else"set"===r.type&&this.excludedValues.delete(t);else this.excludedValues.delete(t)}attach(e){super.attach(e),this.injectGlobalStyles()}detach(){this.filters.clear(),this.invalidateCache(),this.columnLookup=null,this.columnLookupRef=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("filter:get-model"===e.type){if(!this.filters.size)return;return Object.fromEntries(this.filters)}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 n=[],i=this.isFieldFiltered(r.field),l=this.filters.size>0;return i&&n.push({id:"filtering/clear-column-filter",label:"Clear Filter",icon:"✕",order:20,action:()=>this.clearFieldFilter(r.field)}),l&&n.push({id:"filtering/clear-all-filters",label:"Clear All Filters",icon:"✕",order:21,disabled:!l,action:()=>this.clearAllFilters()}),n.length>0?n:void 0}}processRows(e){if(!this.filters.size)return e;const t=[...this.filters.values()];if(this.config.filterHandler)return this.cachedResult?this.cachedResult:e;const n=(i=t,JSON.stringify(i.map(e=>({field:e.field,operator:e.operator,value:e.value,valueTo:e.valueTo}))));var i;const l=e===this.cachedInputRows;if(this.cacheKey===n&&this.cachedResult&&l)return this.cachedResult;if(!l)for(const[r,s]of this.filters)"set"===s.type&&"in"===s.operator&&this.syncExcludedValues(r,s);const a=r(e,t,this.config.caseSensitive,this.getFilterValues());return this.cachedResult=a,this.cacheKey=n,this.cachedInputRows=e,a}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(!0===r.utility)return;const n=r.field;if(!n)return;const i=this.filters.has(n);let l=e.querySelector(".tbw-filter-btn");if(l){const t=l.classList.contains("active");return l.classList.toggle("active",i),e.classList.toggle("filtered",i),i?e.setAttribute("aria-description","Filtered"):e.removeAttribute("aria-description"),void(t!==i&&this.setIcon(l,i?"filterActive":"filter"))}l=document.createElement("button"),l.type="button",l.className="tbw-filter-btn",l.setAttribute("aria-label",`Filter ${r.header??n}`),this.setIcon(l,i?"filterActive":"filter"),i&&(l.classList.add("active"),e.classList.add("filtered"),e.setAttribute("aria-description","Filtered")),l.addEventListener("click",e=>{e.stopPropagation(),this.toggleFilterPanel(n,r,l)});const a=e.querySelector(".resize-handle");a?e.insertBefore(l,a):e.appendChild(l)})}setFilter(e,t,r){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)}if(this.invalidateCache(),this.notifyFilterChange([...this.filters.values()],0,r?.silent),!r?.silent){const r=this.getColumnByField(e)?.header??e;a(this.gridElement,s(this.gridElement,null===t?"filterCleared":"filterApplied",r))}this.requestRender()}getFilter(e){return this.filters.get(e)}getFilters(){return[...this.filters.values()]}getFilterModel(){return this.getFilters()}setFilterModel(e,t){this.filters.clear(),this.excludedValues.clear();for(const r of e)this.filters.set(r.field,r),this.syncExcludedValues(r.field,r);this.invalidateCache(),this.notifyFilterChange([...this.filters.values()],0,t?.silent),this.requestRender()}clearAllFilters(e){this.filters.clear(),this.excludedValues.clear(),this.searchText.clear(),this.applyFiltersInternal(e?.silent),e?.silent||a(this.gridElement,s(this.gridElement,"allFiltersCleared"))}clearFieldFilter(e,t){if(this.filters.delete(e),this.excludedValues.delete(e),this.searchText.delete(e),this.applyFiltersInternal(t?.silent),!t?.silent){const t=this.getColumnByField(e)?.header??e;a(this.gridElement,s(this.gridElement,"filterCleared",t))}}isFieldFiltered(e){return this.filters.has(e)}getFilteredRowCount(){return this.cachedResult?.length??this.rows.length}getActiveFilters(){return this.getFilters()}getUniqueValues(e){const t=this.getColumnByField(e),r=t?.filterValue;return n(this.getDataRows(),e,r)}getStaleFilters(){const e=[];for(const[t,r]of this.filters){if("set"!==r.type)continue;const n=this.getUniqueValues(t);if("notIn"===r.operator&&Array.isArray(r.value)){const t=new Set(r.value);0===n.filter(e=>!t.has(e)).length&&e.push(r)}else if("in"===r.operator&&Array.isArray(r.value)){const t=new Set(r.value);0===n.filter(e=>t.has(e)).length&&e.push(r)}}return e}getBlankMode(e){const t=this.filters.get(e);return"blank"===t?.operator?"blanksOnly":"notBlank"===t?.operator?"nonBlanksOnly":"all"}toggleBlankFilter(e,t){if("all"===t){const t=this.filters.get(e);if(t?.valueTo&&"object"==typeof t.valueTo){const r=t.valueTo;this.setFilter(e,r)}else this.setFilter(e,null);return}const r=this.filters.get(e),n=r&&"blank"!==r.operator&&"notBlank"!==r.operator?{type:r.type,operator:r.operator,value:r.value,valueTo:r.valueTo}:r?.valueTo;this.setFilter(e,{type:r?.type??"text",operator:"blanksOnly"===t?"blank":"notBlank",value:"",valueTo:n})}copyGridThemeContext(e){const t=this.gridElement;if(!t)return;for(const n of t.classList)n.startsWith("tbw-")||"selecting"===n||e.classList.add(n);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);right:anchor(right);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 i=document.createElement("div");if(i.className="tbw-filter-panel",this.copyGridThemeContext(i),this.isAnimationEnabled&&i.classList.add("tbw-filter-panel-animated"),this.panelElement=i,this.openPanelField=e,r.classList.add("active"),this.panelButtonElement=r,this.config.valuesHandler)return i.innerHTML='<div class="tbw-filter-loading">Loading...</div>',document.body.appendChild(i),this.positionPanel(i,r),this.setupPanelCloseHandler(i,r),void this.config.valuesHandler(e,t).then(r=>{this.openPanelField===e&&this.panelElement&&(i.innerHTML="",this.renderPanelContent(e,t,i,r))});const l=n(this.getDataRows(),e,this.getFilterExtractor(t));document.body.appendChild(i),this.positionPanel(i,r),this.renderPanelContent(e,t,i,l),this.setupPanelCloseHandler(i,r)}renderPanelContent(t,r,n,i){const l=this.filters.get(t);if("in"===l?.operator&&"set"===l.type&&Array.isArray(l.value)&&!this.excludedValues.has(t)){const r=l.value,n=new Set(r.map(t=>null==t?e:t)),a=new Set(i.filter(e=>!n.has(e)));this.excludedValues.set(t,a)}let a=this.excludedValues.get(t);a||(a=/* @__PURE__ */new Set,this.excludedValues.set(t,a));const s=this.searchText.get(t)??"",o={field:t,column:r,uniqueValues:i,excludedValues:a,searchText:s,currentFilter:this.filters.get(t),applySetFilter:(e,r)=>{this.applySetFilter(t,e,r),this.closeFilterPanel()},applyTextFilter:(e,r,n)=>{this.applyTextFilter(t,e,r,n),this.closeFilterPanel()},clearFilter:()=>{this.clearFieldFilter(t),this.closeFilterPanel()},closePanel:()=>this.closeFilterPanel()};let c=!1;if(this.config.filterPanelRenderer&&(this.config.filterPanelRenderer(n,o),c=n.children.length>0),!c&&r.type){const e=this.grid.effectiveConfig.typeDefaults?.[r.type];e?.filterPanelRenderer&&(e.filterPanelRenderer(n,o),c=n.children.length>0)}if(!c){const e=r.filterType??r.type;"number"===e?function(e,t,r,n){const{field:i,column:l}=t,a=l.filterParams,s=l.editorParams,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=E(a?.min??s?.min,c),p=E(a?.max??s?.max,d),f=a?.step??s?.step??1,h=o.length>0?Math.max(u,c):u,b=o.length>0?Math.min(p,d):p,g=n.get(i);let m=h,v=b;const w="blank"===g?.operator;"between"===g?.operator?(m=E(g.value,h),v=E(g.valueTo,b)):"greaterThanOrEqual"===g?.operator?m=E(g.value,h):"lessThanOrEqual"===g?.operator&&(v=E(g.value,b));const y=document.createElement("div");y.className="tbw-filter-range-inputs";const x=document.createElement("div");x.className="tbw-filter-range-group";const C=document.createElement("label");C.textContent="Min",C.className="tbw-filter-range-label";const k=document.createElement("input");k.type="number",k.className="tbw-filter-range-input",k.min=String(u),k.max=String(p),k.step=String(f),k.value=String(m),x.appendChild(C),x.appendChild(k),y.appendChild(x);const F=document.createElement("span");F.className="tbw-filter-range-separator",F.textContent="–",y.appendChild(F);const S=document.createElement("div");S.className="tbw-filter-range-group";const N=document.createElement("label");N.textContent="Max",N.className="tbw-filter-range-label";const A=document.createElement("input");A.type="number",A.className="tbw-filter-range-input",A.min=String(u),A.max=String(p),A.step=String(f),A.value=String(v),S.appendChild(N),S.appendChild(A),y.appendChild(S),e.appendChild(y);const T=document.createElement("div");T.className="tbw-filter-range-slider";const R=document.createElement("div");R.className="tbw-filter-range-track";const L=document.createElement("div");L.className="tbw-filter-range-fill";const P=document.createElement("input");P.type="range",P.className="tbw-filter-range-thumb tbw-filter-range-thumb-min",P.min=String(u),P.max=String(p),P.step=String(f),P.value=String(m);const M=document.createElement("input");M.type="range",M.className="tbw-filter-range-thumb tbw-filter-range-thumb-max",M.min=String(u),M.max=String(p),M.step=String(f),M.value=String(v),T.appendChild(R),T.appendChild(L),T.appendChild(P),T.appendChild(M),e.appendChild(T);const _=document.createElement("label");_.className="tbw-filter-blank-option";const q=document.createElement("input");q.type="checkbox",q.className="tbw-filter-blank-checkbox",q.checked=w;const V=document.createTextNode("Blank");_.appendChild(q),_.appendChild(V);const I=e=>{k.disabled=e,A.disabled=e,P.disabled=e,M.disabled=e,y.classList.toggle("tbw-filter-disabled",e),T.classList.toggle("tbw-filter-disabled",e)};I(w),q.addEventListener("change",()=>{I(q.checked)}),e.appendChild(_);const B=()=>{const e=parseFloat(P.value),t=parseFloat(M.value),r=p-u,n=(e-u)/r*100,i=(t-u)/r*100;L.style.left=`${n}%`,L.style.width=i-n+"%"};P.addEventListener("input",()=>{const e=Math.min(parseFloat(P.value),parseFloat(M.value));P.value=String(e),k.value=String(e),B()}),M.addEventListener("input",()=>{const e=Math.max(parseFloat(M.value),parseFloat(P.value));M.value=String(e),A.value=String(e),B()}),k.addEventListener("input",()=>{const e=parseFloat(k.value);let t=Number.isFinite(e)?e:u;t=Math.max(u,Math.min(t,parseFloat(A.value))),P.value=String(t),B()}),A.addEventListener("input",()=>{const e=parseFloat(A.value);let t=Number.isFinite(e)?e:p;t=Math.min(p,Math.max(t,parseFloat(k.value))),M.value=String(t),B()}),B();const H=document.createElement("div");H.className="tbw-filter-buttons";const $=document.createElement("button");$.type="button",$.className="tbw-filter-apply-btn",$.textContent="Apply",$.addEventListener("click",()=>{if(q.checked)return void t.applyTextFilter("blank","");const e=parseFloat(k.value),r=parseFloat(A.value),n=Number.isFinite(e)?e:h,i=Number.isFinite(r)?r:b;n!==h||i!==b?t.applyTextFilter("between",n,i):t.clearFilter()}),H.appendChild($);const z=document.createElement("button");z.type="button",z.className="tbw-filter-clear-btn",z.textContent="Clear Filter",z.addEventListener("click",()=>{t.clearFilter()}),H.appendChild(z),e.appendChild(H)}(n,o,i,this.filters):"date"===e?function(e,t,r,n){const{field:i,column:l}=t,a=l.filterParams,s=l.editorParams,o=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())),c=o.length>0?new Date(Math.min(...o.map(e=>e.getTime()))):null,d=o.length>0?new Date(Math.max(...o.map(e=>e.getTime()))):null,u=w(a?.min)||w(s?.min)||v(c),p=w(a?.max)||w(s?.max)||v(d),f=v(c)||w(a?.min)||w(s?.min),h=v(d)||w(a?.max)||w(s?.max),b=n.get(i);let g=f,m=h;const y="blank"===b?.operator;"between"===b?.operator?(g=w(b.value)||f,m=w(b.valueTo)||h):"greaterThanOrEqual"===b?.operator?g=w(b.value)||f:"lessThanOrEqual"===b?.operator&&(m=w(b.value)||h);const x=document.createElement("div");x.className="tbw-filter-date-range";const C=document.createElement("div");C.className="tbw-filter-date-group";const E=document.createElement("label");E.textContent="From",E.className="tbw-filter-range-label";const k=document.createElement("input");k.type="date",k.className="tbw-filter-date-input",u&&(k.min=u),p&&(k.max=p),k.value=g,C.appendChild(E),C.appendChild(k),x.appendChild(C);const F=document.createElement("span");F.className="tbw-filter-range-separator",F.textContent="–",x.appendChild(F);const S=document.createElement("div");S.className="tbw-filter-date-group";const N=document.createElement("label");N.textContent="To",N.className="tbw-filter-range-label";const A=document.createElement("input");A.type="date",A.className="tbw-filter-date-input",u&&(A.min=u),p&&(A.max=p),A.value=m,S.appendChild(N),S.appendChild(A),x.appendChild(S),e.appendChild(x);const T=document.createElement("label");T.className="tbw-filter-blank-option";const R=document.createElement("input");R.type="checkbox",R.className="tbw-filter-blank-checkbox",R.checked=y;const L=document.createTextNode("Show only blank");T.appendChild(R),T.appendChild(L);const P=e=>{k.disabled=e,A.disabled=e,x.classList.toggle("tbw-filter-disabled",e)};P(y),R.addEventListener("change",()=>{P(R.checked)}),e.appendChild(T);const M=document.createElement("div");M.className="tbw-filter-buttons";const _=document.createElement("button");_.type="button",_.className="tbw-filter-apply-btn",_.textContent="Apply",_.addEventListener("click",()=>{if(R.checked)return void t.applyTextFilter("blank","");const e=k.value,r=A.value,n=e&&e!==f?e:"",i=r&&r!==h?r:"";n&&i?t.applyTextFilter("between",n,i):n?t.applyTextFilter("greaterThanOrEqual",n):i?t.applyTextFilter("lessThanOrEqual",i):t.clearFilter()}),M.appendChild(_);const q=document.createElement("button");q.type="button",q.className="tbw-filter-clear-btn",q.textContent="Clear Filter",q.addEventListener("click",()=>{t.clearFilter()}),M.appendChild(q),e.appendChild(M)}(n,o,i,this.filters):C(n,o,i,a,{caseSensitive:this.config.caseSensitive,debounceMs:this.config.debounceMs},this.searchText)}}setupPanelCloseHandler(e,t){this.panelAbortController=new AbortController;const{signal:r}=this.panelAbortController;setTimeout(()=>{r.aborted||document.addEventListener("click",r=>{e.contains(r.target)||r.target===t||this.closeFilterPanel()},{signal:r})},0)}closeFilterPanel(){const e=this.panelElement;if(e&&(e.remove(),this.panelElement=null),this.panelAnchorElement&&(this.panelAnchorElement.style.anchorName="",this.panelAnchorElement=null),this.panelButtonElement){const e=this.openPanelField;e&&this.filters.has(e)||this.panelButtonElement.classList.remove("active"),this.panelButtonElement=null}this.openPanelField=null,this.panelAbortController?.abort(),this.panelAbortController=null}static supportsAnchorPositioning=null;static checkAnchorPositioningSupport(){return null===k.supportsAnchorPositioning&&(k.supportsAnchorPositioning=CSS.supports("anchor-name","--test")),k.supportsAnchorPositioning}positionPanel(e,t){const r=t.closest(".header-row")??t;if(r.style.anchorName="--tbw-filter-anchor",this.panelAnchorElement=r,k.checkAnchorPositioningSupport()){r.style.anchorName="",t.style.anchorName="--tbw-filter-anchor",this.panelAnchorElement=t;const n=r.getBoundingClientRect().bottom-t.getBoundingClientRect().bottom;return e.style.marginTop=`${n+4}px`,void requestAnimationFrame(()=>{const r=e.getBoundingClientRect(),n=t.getBoundingClientRect();r.top<n.top&&e.classList.add("tbw-filter-panel-above")})}const n=r.getBoundingClientRect(),i=t.getBoundingClientRect();e.style.position="fixed",e.style.top=`${n.bottom+4}px`,e.style.left=`${i.right}px`,requestAnimationFrame(()=>{const t=e.getBoundingClientRect();e.style.left=i.right-t.width+"px";i.right-t.width<8&&(e.style.left=`${i.left}px`),t.bottom>window.innerHeight-8&&(e.style.top=n.top-t.height-4+"px",e.classList.add("tbw-filter-panel-above"))})}applySetFilter(e,t,r){if(this.excludedValues.set(e,new Set(t)),0===t.length)this.filters.delete(e);else{const n=this.filters.get(e);if("in"===n?.operator){const n=this.getUniqueValues(e),i=new Set(t),l=n.filter(e=>!i.has(e));this.filters.set(e,{field:e,type:"set",operator:"in",value:l,...void 0!==r&&{valueTo:r}})}else this.filters.set(e,{field:e,type:"set",operator:"notIn",value:t,...void 0!==r&&{valueTo:r}})}this.applyFiltersInternal()}applyTextFilter(e,t,r,n){const i=this.getColumnByField(e),l=i?.filterType??i?.type??"text";this.filters.set(e,{field:e,type:l,operator:t,value:r,valueTo:n}),this.applyFiltersInternal()}applyFiltersInternal(e){this.invalidateCache();const t=[...this.filters.values()];if(this.config.filterHandler){this.gridElement.setAttribute("aria-busy","true");const r=this.config.filterHandler(t,this.sourceRows),n=r=>{this.gridElement.removeAttribute("aria-busy"),this.cachedResult=r,this.grid.rows=r,this.notifyFilterChange(t,r.length,e),this.requestRender()};return void(r&&"function"==typeof r.then?r.then(n):n(r))}this.notifyFilterChange(t,0,e),this.requestRender()}getColumnState(e){if(!this.config.trackColumnState)return;const t=this.filters.get(e);return t?{filter:{type:t.type,operator:t.operator,value:t.value,valueTo:t.valueTo}}:void 0}applyColumnState(e,t){if(!this.config.trackColumnState)return;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.invalidateCache()}}export{e as BLANK_FILTER_VALUE,k as FilteringPlugin};
 //# sourceMappingURL=index.js.map