@toolbox-web/grid 0.0.4 → 0.0.6

package/umd/plugins/context-menu.umd.js

@@ -1,4 +1,4 @@
-(function(a,f){typeof exports=="object"&&typeof module<"u"?f(exports,require("../../core/plugin/base-plugin")):typeof define=="function"&&define.amd?define(["exports","../../core/plugin/base-plugin"],f):(a=typeof globalThis<"u"?globalThis:a||self,f(a.TbwGridPlugin_contextMenu={},a.TbwGrid))})(this,(function(a,f){"use strict";function h(s,n){return(typeof s=="function"?s(n):s).filter(t=>!(t.hidden===!0||typeof t.hidden=="function"&&t.hidden(n)))}function C(s,n){return s.disabled===!0?!0:typeof s.disabled=="function"?s.disabled(n):!1}function b(s,n,l){const t=document.createElement("div");t.className="tbw-context-menu",t.setAttribute("role","menu");for(const e of s){if(e.separator){const o=document.createElement("div");o.className="tbw-context-menu-separator",o.setAttribute("role","separator"),t.appendChild(o);continue}const i=document.createElement("div");i.className="tbw-context-menu-item",e.cssClass&&i.classList.add(e.cssClass),i.setAttribute("role","menuitem"),i.setAttribute("data-id",e.id);const u=C(e,n);if(u&&(i.classList.add("disabled"),i.setAttribute("aria-disabled","true")),e.icon){const o=document.createElement("span");o.className="tbw-context-menu-icon",o.innerHTML=e.icon,i.appendChild(o)}const r=document.createElement("span");if(r.className="tbw-context-menu-label",r.textContent=e.name,i.appendChild(r),e.shortcut){const o=document.createElement("span");o.className="tbw-context-menu-shortcut",o.textContent=e.shortcut,i.appendChild(o)}if(e.subMenu?.length){const o=document.createElement("span");o.className="tbw-context-menu-arrow",o.textContent="▶",i.appendChild(o),i.addEventListener("mouseenter",()=>{if(i.querySelector(".tbw-context-menu")||!e.subMenu)return;const c=h(e.subMenu,n),d=b(c,n,l);d.classList.add("tbw-context-submenu"),d.style.position="absolute",d.style.left="100%",d.style.top="0",i.style.position="relative",i.appendChild(d)}),i.addEventListener("mouseleave",()=>{const m=i.querySelector(".tbw-context-menu");m&&m.remove()})}!u&&e.action&&!e.subMenu&&i.addEventListener("click",o=>{o.stopPropagation(),l(e)}),t.appendChild(i)}return t}function E(s,n,l){s.style.position="fixed",s.style.left=`${n}px`,s.style.top=`${l}px`,s.style.visibility="hidden",s.style.zIndex="10000";const t=s.getBoundingClientRect(),e=window.innerWidth,i=window.innerHeight;let u=n,r=l;n+t.width>e&&(u=n-t.width),l+t.height>i&&(r=l-t.height),u=Math.max(0,u),r=Math.max(0,r),s.style.left=`${u}px`,s.style.top=`${r}px`,s.style.visibility="visible"}let x=null,g=null,p=null;const M=`
+(function(m,p){typeof exports=="object"&&typeof module<"u"?p(exports,require("../../core/plugin/base-plugin"),require("../../core/types")):typeof define=="function"&&define.amd?define(["exports","../../core/plugin/base-plugin","../../core/types"],p):(m=typeof globalThis<"u"?globalThis:m||self,p(m.TbwGridPlugin_contextMenu={},m.TbwGrid,m.TbwGrid))})(this,(function(m,p,C){"use strict";function b(i,n){return(typeof i=="function"?i(n):i).filter(t=>!(t.hidden===!0||typeof t.hidden=="function"&&t.hidden(n)))}function M(i,n){return i.disabled===!0?!0:typeof i.disabled=="function"?i.disabled(n):!1}function x(i,n,u,t=C.DEFAULT_GRID_ICONS.submenuArrow){const l=document.createElement("div");l.className="tbw-context-menu",l.setAttribute("role","menu");for(const o of i){if(o.separator){const s=document.createElement("div");s.className="tbw-context-menu-separator",s.setAttribute("role","separator"),l.appendChild(s);continue}const e=document.createElement("div");e.className="tbw-context-menu-item",o.cssClass&&e.classList.add(o.cssClass),e.setAttribute("role","menuitem"),e.setAttribute("data-id",o.id);const c=M(o,n);if(c&&(e.classList.add("disabled"),e.setAttribute("aria-disabled","true")),o.icon){const s=document.createElement("span");s.className="tbw-context-menu-icon",s.innerHTML=o.icon,e.appendChild(s)}const d=document.createElement("span");if(d.className="tbw-context-menu-label",d.textContent=o.name,e.appendChild(d),o.shortcut){const s=document.createElement("span");s.className="tbw-context-menu-shortcut",s.textContent=o.shortcut,e.appendChild(s)}if(o.subMenu?.length){const s=document.createElement("span");s.className="tbw-context-menu-arrow",typeof t=="string"?s.innerHTML=t:t instanceof HTMLElement&&s.appendChild(t.cloneNode(!0)),e.appendChild(s),e.addEventListener("mouseenter",()=>{if(e.querySelector(".tbw-context-menu")||!o.subMenu)return;const f=b(o.subMenu,n),a=x(f,n,u,t);a.classList.add("tbw-context-submenu"),a.style.position="absolute",a.style.left="100%",a.style.top="0",e.style.position="relative",e.appendChild(a)}),e.addEventListener("mouseleave",()=>{const r=e.querySelector(".tbw-context-menu");r&&r.remove()})}!c&&o.action&&!o.subMenu&&e.addEventListener("click",s=>{s.stopPropagation(),u(o)}),l.appendChild(e)}return l}function E(i,n,u){i.style.position="fixed",i.style.left=`${n}px`,i.style.top=`${u}px`,i.style.visibility="hidden",i.style.zIndex="10000";const t=i.getBoundingClientRect(),l=window.innerWidth,o=window.innerHeight;let e=n,c=u;n+t.width>l&&(e=n-t.width),u+t.height>o&&(c=u-t.height),e=Math.max(0,e),c=Math.max(0,c),i.style.left=`${e}px`,i.style.top=`${c}px`,i.style.visibility="visible"}let g=null,w=null,h=null;const I=`
   .tbw-context-menu {
     position: fixed;
     background: light-dark(#f5f5f5, #2a2a2a);
@@ -49,5 +49,5 @@
     background: light-dark(#d0d0d4, #454545);
     margin: 4px 0;
   }
-`,w=[{id:"copy",name:"Copy",shortcut:"Ctrl+C",action:s=>{s.grid?.plugins?.clipboard?.copy?.()}},{separator:!0,id:"sep1",name:""},{id:"export-csv",name:"Export CSV",action:s=>{s.grid?.plugins?.export?.exportCsv?.()}}];class I extends f.BaseGridPlugin{name="contextMenu";version="1.0.0";get defaultConfig(){return{enabled:!0,items:w}}isOpen=!1;position={x:0,y:0};params=null;menuElement=null;attach(n){super.attach(n),this.installGlobalHandlers()}detach(){this.menuElement&&(this.menuElement.remove(),this.menuElement=null),this.isOpen=!1,this.params=null}installGlobalHandlers(){!p&&typeof document<"u"&&(p=document.createElement("style"),p.id="tbw-context-menu-styles",p.textContent=M,document.head.appendChild(p)),x||(x=()=>{document.querySelectorAll(".tbw-context-menu").forEach(l=>l.remove())},document.addEventListener("click",x)),g||(g=n=>{n.key==="Escape"&&document.querySelectorAll(".tbw-context-menu").forEach(t=>t.remove())},document.addEventListener("keydown",g))}afterRender(){if(!this.config.enabled)return;const n=this.shadowRoot;if(!n)return;const l=n.children[0];l&&l.getAttribute("data-context-menu-bound")!=="true"&&(l.setAttribute("data-context-menu-bound","true"),l.addEventListener("contextmenu",t=>{if(!this.config.enabled)return;const e=t;e.preventDefault();const i=e.target,u=i.closest("[data-row][data-col]"),r=i.closest(".header-cell");let o;if(u){const c=parseInt(u.getAttribute("data-row")??"-1",10),d=parseInt(u.getAttribute("data-col")??"-1",10),y=this.columns[d],v=this.rows[c];o={row:v,rowIndex:c,column:y,columnIndex:d,field:y?.field??"",value:v?.[y?.field]??null,isHeader:!1,event:e}}else if(r){const c=parseInt(r.getAttribute("data-col")??"-1",10),d=this.columns[c];o={row:null,rowIndex:-1,column:d,columnIndex:c,field:d?.field??"",value:null,isHeader:!0,event:e}}else return;this.params=o,this.position={x:e.clientX,y:e.clientY};const m=h(this.config.items??w,o);m.length&&(this.menuElement&&this.menuElement.remove(),this.menuElement=b(m,o,c=>{c.action&&c.action(o),this.menuElement?.remove(),this.menuElement=null,this.isOpen=!1}),document.body.appendChild(this.menuElement),E(this.menuElement,e.clientX,e.clientY),this.isOpen=!0,this.emit("context-menu-open",{params:o,items:m}))}))}showMenu(n,l,t){const e={row:t.row??null,rowIndex:t.rowIndex??-1,column:t.column??null,columnIndex:t.columnIndex??-1,field:t.field??"",value:t.value??null,isHeader:t.isHeader??!1,event:t.event??new MouseEvent("contextmenu")},i=h(this.config.items??w,e);this.menuElement&&this.menuElement.remove(),this.menuElement=b(i,e,u=>{u.action&&u.action(e),this.menuElement?.remove(),this.menuElement=null,this.isOpen=!1}),document.body.appendChild(this.menuElement),E(this.menuElement,n,l),this.isOpen=!0}hideMenu(){this.menuElement&&(this.menuElement.remove(),this.menuElement=null,this.isOpen=!1)}isMenuOpen(){return this.isOpen}}a.ContextMenuPlugin=I,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})}));
+`,y=[{id:"copy",name:"Copy",shortcut:"Ctrl+C",action:i=>{i.grid?.plugins?.clipboard?.copy?.()}},{separator:!0,id:"sep1",name:""},{id:"export-csv",name:"Export CSV",action:i=>{i.grid?.plugins?.export?.exportCsv?.()}}];class k extends p.BaseGridPlugin{name="contextMenu";version="1.0.0";get defaultConfig(){return{enabled:!0,items:y}}isOpen=!1;position={x:0,y:0};params=null;menuElement=null;attach(n){super.attach(n),this.installGlobalHandlers()}detach(){this.menuElement&&(this.menuElement.remove(),this.menuElement=null),this.isOpen=!1,this.params=null}installGlobalHandlers(){!h&&typeof document<"u"&&(h=document.createElement("style"),h.id="tbw-context-menu-styles",h.textContent=I,document.head.appendChild(h)),g||(g=()=>{document.querySelectorAll(".tbw-context-menu").forEach(u=>u.remove())},document.addEventListener("click",g)),w||(w=n=>{n.key==="Escape"&&document.querySelectorAll(".tbw-context-menu").forEach(t=>t.remove())},document.addEventListener("keydown",w))}afterRender(){if(!this.config.enabled)return;const n=this.shadowRoot;if(!n)return;const u=n.children[0];u&&u.getAttribute("data-context-menu-bound")!=="true"&&(u.setAttribute("data-context-menu-bound","true"),u.addEventListener("contextmenu",t=>{if(!this.config.enabled)return;const l=t;l.preventDefault();const o=l.target,e=o.closest("[data-row][data-col]"),c=o.closest(".header-cell");let d;if(e){const r=parseInt(e.getAttribute("data-row")??"-1",10),f=parseInt(e.getAttribute("data-col")??"-1",10),a=this.columns[f],v=this.rows[r];d={row:v,rowIndex:r,column:a,columnIndex:f,field:a?.field??"",value:v?.[a?.field]??null,isHeader:!1,event:l}}else if(c){const r=parseInt(c.getAttribute("data-col")??"-1",10),f=this.columns[r];d={row:null,rowIndex:-1,column:f,columnIndex:r,field:f?.field??"",value:null,isHeader:!0,event:l}}else return;this.params=d,this.position={x:l.clientX,y:l.clientY};const s=b(this.config.items??y,d);s.length&&(this.menuElement&&this.menuElement.remove(),this.menuElement=x(s,d,r=>{r.action&&r.action(d),this.menuElement?.remove(),this.menuElement=null,this.isOpen=!1},this.gridIcons.submenuArrow),document.body.appendChild(this.menuElement),E(this.menuElement,l.clientX,l.clientY),this.isOpen=!0,this.emit("context-menu-open",{params:d,items:s}))}))}showMenu(n,u,t){const l={row:t.row??null,rowIndex:t.rowIndex??-1,column:t.column??null,columnIndex:t.columnIndex??-1,field:t.field??"",value:t.value??null,isHeader:t.isHeader??!1,event:t.event??new MouseEvent("contextmenu")},o=b(this.config.items??y,l);this.menuElement&&this.menuElement.remove(),this.menuElement=x(o,l,e=>{e.action&&e.action(l),this.menuElement?.remove(),this.menuElement=null,this.isOpen=!1},this.gridIcons.submenuArrow),document.body.appendChild(this.menuElement),E(this.menuElement,n,u),this.isOpen=!0}hideMenu(){this.menuElement&&(this.menuElement.remove(),this.menuElement=null,this.isOpen=!1)}isMenuOpen(){return this.isOpen}}m.ContextMenuPlugin=k,Object.defineProperty(m,Symbol.toStringTag,{value:"Module"})}));
 //# sourceMappingURL=context-menu.umd.js.map

package/umd/plugins/context-menu.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"context-menu.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/context-menu/menu.ts","../../../../../libs/grid/src/lib/plugins/context-menu/ContextMenuPlugin.ts"],"sourcesContent":["/**\n * Context Menu Rendering Logic\n *\n * Pure functions for building and positioning context menus.\n */\n\nimport type { ContextMenuItem, ContextMenuParams } from './types';\n\n/**\n * Build the visible menu items by resolving dynamic items and filtering hidden ones.\n *\n * @param items - Menu items configuration (array or factory function)\n * @param params - Context menu parameters for evaluating dynamic properties\n * @returns Filtered array of visible menu items\n */\nexport function buildMenuItems(\n  items: ContextMenuItem[] | ((params: ContextMenuParams) => ContextMenuItem[]),\n  params: ContextMenuParams\n): ContextMenuItem[] {\n  const menuItems = typeof items === 'function' ? items(params) : items;\n\n  return menuItems.filter((item) => {\n    if (item.hidden === true) return false;\n    if (typeof item.hidden === 'function' && item.hidden(params)) return false;\n    return true;\n  });\n}\n\n/**\n * Check if a menu item is disabled.\n *\n * @param item - The menu item to check\n * @param params - Context menu parameters for evaluating dynamic disabled state\n * @returns True if the item is disabled\n */\nexport function isItemDisabled(item: ContextMenuItem, params: ContextMenuParams): boolean {\n  if (item.disabled === true) return true;\n  if (typeof item.disabled === 'function') return item.disabled(params);\n  return false;\n}\n\n/**\n * Create the menu DOM element from a list of menu items.\n *\n * @param items - Array of menu items to render\n * @param params - Context menu parameters for evaluating dynamic properties\n * @param onAction - Callback when a menu item action is triggered\n * @returns The created menu element\n */\nexport function createMenuElement(\n  items: ContextMenuItem[],\n  params: ContextMenuParams,\n  onAction: (item: ContextMenuItem) => void\n): HTMLElement {\n  const menu = document.createElement('div');\n  menu.className = 'tbw-context-menu';\n  menu.setAttribute('role', 'menu');\n\n  for (const item of items) {\n    if (item.separator) {\n      const separator = document.createElement('div');\n      separator.className = 'tbw-context-menu-separator';\n      separator.setAttribute('role', 'separator');\n      menu.appendChild(separator);\n      continue;\n    }\n\n    const menuItem = document.createElement('div');\n    menuItem.className = 'tbw-context-menu-item';\n    if (item.cssClass) menuItem.classList.add(item.cssClass);\n    menuItem.setAttribute('role', 'menuitem');\n    menuItem.setAttribute('data-id', item.id);\n\n    const disabled = isItemDisabled(item, params);\n    if (disabled) {\n      menuItem.classList.add('disabled');\n      menuItem.setAttribute('aria-disabled', 'true');\n    }\n\n    if (item.icon) {\n      const icon = document.createElement('span');\n      icon.className = 'tbw-context-menu-icon';\n      icon.innerHTML = item.icon;\n      menuItem.appendChild(icon);\n    }\n\n    const label = document.createElement('span');\n    label.className = 'tbw-context-menu-label';\n    label.textContent = item.name;\n    menuItem.appendChild(label);\n\n    if (item.shortcut) {\n      const shortcut = document.createElement('span');\n      shortcut.className = 'tbw-context-menu-shortcut';\n      shortcut.textContent = item.shortcut;\n      menuItem.appendChild(shortcut);\n    }\n\n    if (item.subMenu?.length) {\n      const arrow = document.createElement('span');\n      arrow.className = 'tbw-context-menu-arrow';\n      arrow.textContent = '▶';\n      menuItem.appendChild(arrow);\n\n      // Add submenu on hover\n      menuItem.addEventListener('mouseenter', () => {\n        const existingSubMenu = menuItem.querySelector('.tbw-context-menu');\n        if (existingSubMenu) return;\n        if (!item.subMenu) return;\n\n        const subMenuItems = buildMenuItems(item.subMenu, params);\n        const subMenu = createMenuElement(subMenuItems, params, onAction);\n        subMenu.classList.add('tbw-context-submenu');\n        subMenu.style.position = 'absolute';\n        subMenu.style.left = '100%';\n        subMenu.style.top = '0';\n        menuItem.style.position = 'relative';\n        menuItem.appendChild(subMenu);\n      });\n\n      menuItem.addEventListener('mouseleave', () => {\n        const subMenu = menuItem.querySelector('.tbw-context-menu');\n        if (subMenu) subMenu.remove();\n      });\n    }\n\n    if (!disabled && item.action && !item.subMenu) {\n      menuItem.addEventListener('click', (e) => {\n        e.stopPropagation();\n        onAction(item);\n      });\n    }\n\n    menu.appendChild(menuItem);\n  }\n\n  return menu;\n}\n\n/**\n * Position the menu at the given viewport coordinates.\n * Menu is rendered in document.body with fixed positioning for top-layer behavior.\n *\n * @param menu - The menu element to position\n * @param x - Desired X coordinate (viewport)\n * @param y - Desired Y coordinate (viewport)\n */\nexport function positionMenu(menu: HTMLElement, x: number, y: number): void {\n  // Use fixed positioning for top-layer behavior\n  menu.style.position = 'fixed';\n  menu.style.left = `${x}px`;\n  menu.style.top = `${y}px`;\n  menu.style.visibility = 'hidden';\n  menu.style.zIndex = '10000';\n\n  // Force layout to get dimensions\n  const menuRect = menu.getBoundingClientRect();\n\n  // Calculate visible area within viewport\n  const viewportWidth = window.innerWidth;\n  const viewportHeight = window.innerHeight;\n\n  let left = x;\n  let top = y;\n\n  // Check if menu overflows right edge of viewport\n  if (x + menuRect.width > viewportWidth) {\n    left = x - menuRect.width;\n  }\n  // Check if menu overflows bottom edge of viewport\n  if (y + menuRect.height > viewportHeight) {\n    top = y - menuRect.height;\n  }\n\n  // Ensure we don't go negative\n  left = Math.max(0, left);\n  top = Math.max(0, top);\n\n  menu.style.left = `${left}px`;\n  menu.style.top = `${top}px`;\n  menu.style.visibility = 'visible';\n}\n","/**\n * Context Menu Plugin (Class-based)\n *\n * Provides right-click context menu functionality for tbw-grid.\n * Supports custom menu items, submenus, icons, shortcuts, and dynamic item generation.\n */\n\nimport { BaseGridPlugin } from '../../core/plugin/base-plugin';\nimport { buildMenuItems, createMenuElement, positionMenu } from './menu';\nimport type { ContextMenuConfig, ContextMenuItem, ContextMenuParams } from './types';\n\n/** Global click handler reference for cleanup */\nlet globalClickHandler: ((e: Event) => void) | null = null;\n/** Global keydown handler reference for cleanup */\nlet globalKeydownHandler: ((e: KeyboardEvent) => void) | null = null;\n/** Global stylesheet for context menu (injected once) */\nlet globalStyleSheet: HTMLStyleElement | null = null;\n\n/** Context menu styles for light DOM rendering */\nconst contextMenuStyles = `\n  .tbw-context-menu {\n    position: fixed;\n    background: light-dark(#f5f5f5, #2a2a2a);\n    color: light-dark(#222, #eee);\n    border: 1px solid light-dark(#d0d0d4, #454545);\n    border-radius: 4px;\n    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);\n    min-width: 160px;\n    padding: 4px 0;\n    z-index: 10000;\n    font-size: 13px;\n    font-family: system-ui, sans-serif;\n  }\n  .tbw-context-menu-item {\n    display: flex;\n    align-items: center;\n    padding: 6px 12px;\n    cursor: pointer;\n    gap: 8px;\n  }\n  .tbw-context-menu-item:hover:not(.disabled) {\n    background: light-dark(#e8e8e8, #3a3a3a);\n  }\n  .tbw-context-menu-item.disabled {\n    opacity: 0.5;\n    cursor: default;\n  }\n  .tbw-context-menu-item.danger {\n    color: light-dark(#c00, #f66);\n  }\n  .tbw-context-menu-icon {\n    width: 16px;\n    text-align: center;\n  }\n  .tbw-context-menu-label {\n    flex: 1;\n  }\n  .tbw-context-menu-shortcut {\n    color: light-dark(#888, #888);\n    font-size: 11px;\n  }\n  .tbw-context-menu-arrow {\n    font-size: 10px;\n    color: light-dark(#888, #888);\n  }\n  .tbw-context-menu-separator {\n    height: 1px;\n    background: light-dark(#d0d0d4, #454545);\n    margin: 4px 0;\n  }\n`;\n\n/** Default menu items when none are configured */\nconst defaultItems: ContextMenuItem[] = [\n  {\n    id: 'copy',\n    name: 'Copy',\n    shortcut: 'Ctrl+C',\n    action: (params) => {\n      const grid = (params as ContextMenuParams & { grid?: { plugins?: { clipboard?: { copy?: () => void } } } }).grid;\n      grid?.plugins?.clipboard?.copy?.();\n    },\n  },\n  { separator: true, id: 'sep1', name: '' },\n  {\n    id: 'export-csv',\n    name: 'Export CSV',\n    action: (params) => {\n      const grid = (params as ContextMenuParams & { grid?: { plugins?: { export?: { exportCsv?: () => void } } } })\n        .grid;\n      grid?.plugins?.export?.exportCsv?.();\n    },\n  },\n];\n\n/**\n * Context Menu Plugin for tbw-grid\n *\n * @example\n * ```ts\n * new ContextMenuPlugin({\n *   enabled: true,\n *   items: [\n *     { id: 'edit', name: 'Edit', action: (params) => console.log('Edit', params) },\n *     { separator: true, id: 'sep', name: '' },\n *     { id: 'delete', name: 'Delete', action: (params) => console.log('Delete', params) },\n *   ],\n * })\n * ```\n */\nexport class ContextMenuPlugin extends BaseGridPlugin<ContextMenuConfig> {\n  readonly name = 'contextMenu';\n  override readonly version = '1.0.0';\n\n  protected override get defaultConfig(): Partial<ContextMenuConfig> {\n    return {\n      enabled: true,\n      items: defaultItems,\n    };\n  }\n\n  // ===== Internal State =====\n  private isOpen = false;\n  private position = { x: 0, y: 0 };\n  private params: ContextMenuParams | null = null;\n  private menuElement: HTMLElement | null = null;\n\n  // ===== Lifecycle =====\n\n  override attach(grid: import('../../core/plugin/base-plugin').GridElement): void {\n    super.attach(grid);\n    this.installGlobalHandlers();\n  }\n\n  override detach(): void {\n    if (this.menuElement) {\n      this.menuElement.remove();\n      this.menuElement = null;\n    }\n    this.isOpen = false;\n    this.params = null;\n  }\n\n  // ===== Private Methods =====\n\n  private installGlobalHandlers(): void {\n    // Inject global stylesheet for context menu (once)\n    if (!globalStyleSheet && typeof document !== 'undefined') {\n      globalStyleSheet = document.createElement('style');\n      globalStyleSheet.id = 'tbw-context-menu-styles';\n      globalStyleSheet.textContent = contextMenuStyles;\n      document.head.appendChild(globalStyleSheet);\n    }\n\n    // Close menu on click outside\n    if (!globalClickHandler) {\n      globalClickHandler = () => {\n        const menus = document.querySelectorAll('.tbw-context-menu');\n        menus.forEach((menu) => menu.remove());\n      };\n      document.addEventListener('click', globalClickHandler);\n    }\n\n    // Close on escape\n    if (!globalKeydownHandler) {\n      globalKeydownHandler = (e: KeyboardEvent) => {\n        if (e.key === 'Escape') {\n          const menus = document.querySelectorAll('.tbw-context-menu');\n          menus.forEach((menu) => menu.remove());\n        }\n      };\n      document.addEventListener('keydown', globalKeydownHandler);\n    }\n  }\n\n  // ===== Hooks =====\n\n  override afterRender(): void {\n    if (!this.config.enabled) return;\n\n    const shadowRoot = this.shadowRoot;\n    if (!shadowRoot) return;\n\n    const container = shadowRoot.children[0];\n    if (!container) return;\n\n    // Check if handler already attached\n    if (container.getAttribute('data-context-menu-bound') === 'true') return;\n    container.setAttribute('data-context-menu-bound', 'true');\n\n    container.addEventListener('contextmenu', (e: Event) => {\n      if (!this.config.enabled) return;\n\n      const event = e as MouseEvent;\n      event.preventDefault();\n\n      const target = event.target as HTMLElement;\n      const cell = target.closest('[data-row][data-col]');\n      const header = target.closest('.header-cell');\n\n      let params: ContextMenuParams;\n\n      if (cell) {\n        const rowIndex = parseInt(cell.getAttribute('data-row') ?? '-1', 10);\n        const colIndex = parseInt(cell.getAttribute('data-col') ?? '-1', 10);\n        const column = this.columns[colIndex];\n        const row = this.rows[rowIndex];\n\n        params = {\n          row,\n          rowIndex,\n          column,\n          columnIndex: colIndex,\n          field: column?.field ?? '',\n          value: row?.[column?.field as keyof typeof row] ?? null,\n          isHeader: false,\n          event,\n        };\n      } else if (header) {\n        const colIndex = parseInt(header.getAttribute('data-col') ?? '-1', 10);\n        const column = this.columns[colIndex];\n\n        params = {\n          row: null,\n          rowIndex: -1,\n          column,\n          columnIndex: colIndex,\n          field: column?.field ?? '',\n          value: null,\n          isHeader: true,\n          event,\n        };\n      } else {\n        return;\n      }\n\n      this.params = params;\n      this.position = { x: event.clientX, y: event.clientY };\n\n      const items = buildMenuItems(this.config.items ?? defaultItems, params);\n      if (!items.length) return;\n\n      if (this.menuElement) {\n        this.menuElement.remove();\n      }\n\n      this.menuElement = createMenuElement(items, params, (item) => {\n        if (item.action) {\n          item.action(params);\n        }\n        this.menuElement?.remove();\n        this.menuElement = null;\n        this.isOpen = false;\n      });\n\n      document.body.appendChild(this.menuElement);\n      positionMenu(this.menuElement, event.clientX, event.clientY);\n      this.isOpen = true;\n\n      this.emit('context-menu-open', { params, items });\n    });\n  }\n\n  // ===== Public API =====\n\n  /**\n   * Programmatically show the context menu at the specified position.\n   * @param x - X coordinate\n   * @param y - Y coordinate\n   * @param params - Partial context menu parameters\n   */\n  showMenu(x: number, y: number, params: Partial<ContextMenuParams>): void {\n    const fullParams: ContextMenuParams = {\n      row: params.row ?? null,\n      rowIndex: params.rowIndex ?? -1,\n      column: params.column ?? null,\n      columnIndex: params.columnIndex ?? -1,\n      field: params.field ?? '',\n      value: params.value ?? null,\n      isHeader: params.isHeader ?? false,\n      event: params.event ?? new MouseEvent('contextmenu'),\n    };\n\n    const items = buildMenuItems(this.config.items ?? defaultItems, fullParams);\n\n    if (this.menuElement) {\n      this.menuElement.remove();\n    }\n\n    this.menuElement = createMenuElement(items, fullParams, (item) => {\n      if (item.action) item.action(fullParams);\n      this.menuElement?.remove();\n      this.menuElement = null;\n      this.isOpen = false;\n    });\n\n    document.body.appendChild(this.menuElement);\n    positionMenu(this.menuElement, x, y);\n    this.isOpen = true;\n  }\n\n  /**\n   * Hide the context menu.\n   */\n  hideMenu(): void {\n    if (this.menuElement) {\n      this.menuElement.remove();\n      this.menuElement = null;\n      this.isOpen = false;\n    }\n  }\n\n  /**\n   * Check if the context menu is currently open.\n   * @returns Whether the menu is open\n   */\n  isMenuOpen(): boolean {\n    return this.isOpen;\n  }\n\n  // Styles are injected globally via installGlobalHandlers() since menu renders in document.body\n}\n"],"names":["buildMenuItems","items","params","item","isItemDisabled","createMenuElement","onAction","menu","separator","menuItem","disabled","icon","label","shortcut","arrow","subMenuItems","subMenu","e","positionMenu","x","y","menuRect","viewportWidth","viewportHeight","left","top","globalClickHandler","globalKeydownHandler","globalStyleSheet","contextMenuStyles","defaultItems","ContextMenuPlugin","BaseGridPlugin","grid","shadowRoot","container","event","target","cell","header","rowIndex","colIndex","column","row","fullParams"],"mappings":"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"}
+{"version":3,"file":"context-menu.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/context-menu/menu.ts","../../../../../libs/grid/src/lib/plugins/context-menu/ContextMenuPlugin.ts"],"sourcesContent":["/**\n * Context Menu Rendering Logic\n *\n * Pure functions for building and positioning context menus.\n */\n\nimport type { IconValue } from '../../core/types';\nimport { DEFAULT_GRID_ICONS } from '../../core/types';\nimport type { ContextMenuItem, ContextMenuParams } from './types';\n\n/**\n * Build the visible menu items by resolving dynamic items and filtering hidden ones.\n *\n * @param items - Menu items configuration (array or factory function)\n * @param params - Context menu parameters for evaluating dynamic properties\n * @returns Filtered array of visible menu items\n */\nexport function buildMenuItems(\n  items: ContextMenuItem[] | ((params: ContextMenuParams) => ContextMenuItem[]),\n  params: ContextMenuParams\n): ContextMenuItem[] {\n  const menuItems = typeof items === 'function' ? items(params) : items;\n\n  return menuItems.filter((item) => {\n    if (item.hidden === true) return false;\n    if (typeof item.hidden === 'function' && item.hidden(params)) return false;\n    return true;\n  });\n}\n\n/**\n * Check if a menu item is disabled.\n *\n * @param item - The menu item to check\n * @param params - Context menu parameters for evaluating dynamic disabled state\n * @returns True if the item is disabled\n */\nexport function isItemDisabled(item: ContextMenuItem, params: ContextMenuParams): boolean {\n  if (item.disabled === true) return true;\n  if (typeof item.disabled === 'function') return item.disabled(params);\n  return false;\n}\n\n/**\n * Create the menu DOM element from a list of menu items.\n *\n * @param items - Array of menu items to render\n * @param params - Context menu parameters for evaluating dynamic properties\n * @param onAction - Callback when a menu item action is triggered\n * @param submenuArrow - Optional custom submenu arrow icon\n * @returns The created menu element\n */\nexport function createMenuElement(\n  items: ContextMenuItem[],\n  params: ContextMenuParams,\n  onAction: (item: ContextMenuItem) => void,\n  submenuArrow: IconValue = DEFAULT_GRID_ICONS.submenuArrow\n): HTMLElement {\n  const menu = document.createElement('div');\n  menu.className = 'tbw-context-menu';\n  menu.setAttribute('role', 'menu');\n\n  for (const item of items) {\n    if (item.separator) {\n      const separator = document.createElement('div');\n      separator.className = 'tbw-context-menu-separator';\n      separator.setAttribute('role', 'separator');\n      menu.appendChild(separator);\n      continue;\n    }\n\n    const menuItem = document.createElement('div');\n    menuItem.className = 'tbw-context-menu-item';\n    if (item.cssClass) menuItem.classList.add(item.cssClass);\n    menuItem.setAttribute('role', 'menuitem');\n    menuItem.setAttribute('data-id', item.id);\n\n    const disabled = isItemDisabled(item, params);\n    if (disabled) {\n      menuItem.classList.add('disabled');\n      menuItem.setAttribute('aria-disabled', 'true');\n    }\n\n    if (item.icon) {\n      const icon = document.createElement('span');\n      icon.className = 'tbw-context-menu-icon';\n      icon.innerHTML = item.icon;\n      menuItem.appendChild(icon);\n    }\n\n    const label = document.createElement('span');\n    label.className = 'tbw-context-menu-label';\n    label.textContent = item.name;\n    menuItem.appendChild(label);\n\n    if (item.shortcut) {\n      const shortcut = document.createElement('span');\n      shortcut.className = 'tbw-context-menu-shortcut';\n      shortcut.textContent = item.shortcut;\n      menuItem.appendChild(shortcut);\n    }\n\n    if (item.subMenu?.length) {\n      const arrow = document.createElement('span');\n      arrow.className = 'tbw-context-menu-arrow';\n      // Use provided submenu arrow icon (string or HTMLElement)\n      if (typeof submenuArrow === 'string') {\n        arrow.innerHTML = submenuArrow;\n      } else if (submenuArrow instanceof HTMLElement) {\n        arrow.appendChild(submenuArrow.cloneNode(true));\n      }\n      menuItem.appendChild(arrow);\n\n      // Add submenu on hover\n      menuItem.addEventListener('mouseenter', () => {\n        const existingSubMenu = menuItem.querySelector('.tbw-context-menu');\n        if (existingSubMenu) return;\n        if (!item.subMenu) return;\n\n        const subMenuItems = buildMenuItems(item.subMenu, params);\n        const subMenu = createMenuElement(subMenuItems, params, onAction, submenuArrow);\n        subMenu.classList.add('tbw-context-submenu');\n        subMenu.style.position = 'absolute';\n        subMenu.style.left = '100%';\n        subMenu.style.top = '0';\n        menuItem.style.position = 'relative';\n        menuItem.appendChild(subMenu);\n      });\n\n      menuItem.addEventListener('mouseleave', () => {\n        const subMenu = menuItem.querySelector('.tbw-context-menu');\n        if (subMenu) subMenu.remove();\n      });\n    }\n\n    if (!disabled && item.action && !item.subMenu) {\n      menuItem.addEventListener('click', (e) => {\n        e.stopPropagation();\n        onAction(item);\n      });\n    }\n\n    menu.appendChild(menuItem);\n  }\n\n  return menu;\n}\n\n/**\n * Position the menu at the given viewport coordinates.\n * Menu is rendered in document.body with fixed positioning for top-layer behavior.\n *\n * @param menu - The menu element to position\n * @param x - Desired X coordinate (viewport)\n * @param y - Desired Y coordinate (viewport)\n */\nexport function positionMenu(menu: HTMLElement, x: number, y: number): void {\n  // Use fixed positioning for top-layer behavior\n  menu.style.position = 'fixed';\n  menu.style.left = `${x}px`;\n  menu.style.top = `${y}px`;\n  menu.style.visibility = 'hidden';\n  menu.style.zIndex = '10000';\n\n  // Force layout to get dimensions\n  const menuRect = menu.getBoundingClientRect();\n\n  // Calculate visible area within viewport\n  const viewportWidth = window.innerWidth;\n  const viewportHeight = window.innerHeight;\n\n  let left = x;\n  let top = y;\n\n  // Check if menu overflows right edge of viewport\n  if (x + menuRect.width > viewportWidth) {\n    left = x - menuRect.width;\n  }\n  // Check if menu overflows bottom edge of viewport\n  if (y + menuRect.height > viewportHeight) {\n    top = y - menuRect.height;\n  }\n\n  // Ensure we don't go negative\n  left = Math.max(0, left);\n  top = Math.max(0, top);\n\n  menu.style.left = `${left}px`;\n  menu.style.top = `${top}px`;\n  menu.style.visibility = 'visible';\n}\n","/**\n * Context Menu Plugin (Class-based)\n *\n * Provides right-click context menu functionality for tbw-grid.\n * Supports custom menu items, submenus, icons, shortcuts, and dynamic item generation.\n */\n\nimport { BaseGridPlugin } from '../../core/plugin/base-plugin';\nimport { buildMenuItems, createMenuElement, positionMenu } from './menu';\nimport type { ContextMenuConfig, ContextMenuItem, ContextMenuParams } from './types';\n\n/** Global click handler reference for cleanup */\nlet globalClickHandler: ((e: Event) => void) | null = null;\n/** Global keydown handler reference for cleanup */\nlet globalKeydownHandler: ((e: KeyboardEvent) => void) | null = null;\n/** Global stylesheet for context menu (injected once) */\nlet globalStyleSheet: HTMLStyleElement | null = null;\n\n/** Context menu styles for light DOM rendering */\nconst contextMenuStyles = `\n  .tbw-context-menu {\n    position: fixed;\n    background: light-dark(#f5f5f5, #2a2a2a);\n    color: light-dark(#222, #eee);\n    border: 1px solid light-dark(#d0d0d4, #454545);\n    border-radius: 4px;\n    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);\n    min-width: 160px;\n    padding: 4px 0;\n    z-index: 10000;\n    font-size: 13px;\n    font-family: system-ui, sans-serif;\n  }\n  .tbw-context-menu-item {\n    display: flex;\n    align-items: center;\n    padding: 6px 12px;\n    cursor: pointer;\n    gap: 8px;\n  }\n  .tbw-context-menu-item:hover:not(.disabled) {\n    background: light-dark(#e8e8e8, #3a3a3a);\n  }\n  .tbw-context-menu-item.disabled {\n    opacity: 0.5;\n    cursor: default;\n  }\n  .tbw-context-menu-item.danger {\n    color: light-dark(#c00, #f66);\n  }\n  .tbw-context-menu-icon {\n    width: 16px;\n    text-align: center;\n  }\n  .tbw-context-menu-label {\n    flex: 1;\n  }\n  .tbw-context-menu-shortcut {\n    color: light-dark(#888, #888);\n    font-size: 11px;\n  }\n  .tbw-context-menu-arrow {\n    font-size: 10px;\n    color: light-dark(#888, #888);\n  }\n  .tbw-context-menu-separator {\n    height: 1px;\n    background: light-dark(#d0d0d4, #454545);\n    margin: 4px 0;\n  }\n`;\n\n/** Default menu items when none are configured */\nconst defaultItems: ContextMenuItem[] = [\n  {\n    id: 'copy',\n    name: 'Copy',\n    shortcut: 'Ctrl+C',\n    action: (params) => {\n      const grid = (params as ContextMenuParams & { grid?: { plugins?: { clipboard?: { copy?: () => void } } } }).grid;\n      grid?.plugins?.clipboard?.copy?.();\n    },\n  },\n  { separator: true, id: 'sep1', name: '' },\n  {\n    id: 'export-csv',\n    name: 'Export CSV',\n    action: (params) => {\n      const grid = (params as ContextMenuParams & { grid?: { plugins?: { export?: { exportCsv?: () => void } } } })\n        .grid;\n      grid?.plugins?.export?.exportCsv?.();\n    },\n  },\n];\n\n/**\n * Context Menu Plugin for tbw-grid\n *\n * @example\n * ```ts\n * new ContextMenuPlugin({\n *   enabled: true,\n *   items: [\n *     { id: 'edit', name: 'Edit', action: (params) => console.log('Edit', params) },\n *     { separator: true, id: 'sep', name: '' },\n *     { id: 'delete', name: 'Delete', action: (params) => console.log('Delete', params) },\n *   ],\n * })\n * ```\n */\nexport class ContextMenuPlugin extends BaseGridPlugin<ContextMenuConfig> {\n  readonly name = 'contextMenu';\n  override readonly version = '1.0.0';\n\n  protected override get defaultConfig(): Partial<ContextMenuConfig> {\n    return {\n      enabled: true,\n      items: defaultItems,\n    };\n  }\n\n  // ===== Internal State =====\n  private isOpen = false;\n  private position = { x: 0, y: 0 };\n  private params: ContextMenuParams | null = null;\n  private menuElement: HTMLElement | null = null;\n\n  // ===== Lifecycle =====\n\n  override attach(grid: import('../../core/plugin/base-plugin').GridElement): void {\n    super.attach(grid);\n    this.installGlobalHandlers();\n  }\n\n  override detach(): void {\n    if (this.menuElement) {\n      this.menuElement.remove();\n      this.menuElement = null;\n    }\n    this.isOpen = false;\n    this.params = null;\n  }\n\n  // ===== Private Methods =====\n\n  private installGlobalHandlers(): void {\n    // Inject global stylesheet for context menu (once)\n    if (!globalStyleSheet && typeof document !== 'undefined') {\n      globalStyleSheet = document.createElement('style');\n      globalStyleSheet.id = 'tbw-context-menu-styles';\n      globalStyleSheet.textContent = contextMenuStyles;\n      document.head.appendChild(globalStyleSheet);\n    }\n\n    // Close menu on click outside\n    if (!globalClickHandler) {\n      globalClickHandler = () => {\n        const menus = document.querySelectorAll('.tbw-context-menu');\n        menus.forEach((menu) => menu.remove());\n      };\n      document.addEventListener('click', globalClickHandler);\n    }\n\n    // Close on escape\n    if (!globalKeydownHandler) {\n      globalKeydownHandler = (e: KeyboardEvent) => {\n        if (e.key === 'Escape') {\n          const menus = document.querySelectorAll('.tbw-context-menu');\n          menus.forEach((menu) => menu.remove());\n        }\n      };\n      document.addEventListener('keydown', globalKeydownHandler);\n    }\n  }\n\n  // ===== Hooks =====\n\n  override afterRender(): void {\n    if (!this.config.enabled) return;\n\n    const shadowRoot = this.shadowRoot;\n    if (!shadowRoot) return;\n\n    const container = shadowRoot.children[0];\n    if (!container) return;\n\n    // Check if handler already attached\n    if (container.getAttribute('data-context-menu-bound') === 'true') return;\n    container.setAttribute('data-context-menu-bound', 'true');\n\n    container.addEventListener('contextmenu', (e: Event) => {\n      if (!this.config.enabled) return;\n\n      const event = e as MouseEvent;\n      event.preventDefault();\n\n      const target = event.target as HTMLElement;\n      const cell = target.closest('[data-row][data-col]');\n      const header = target.closest('.header-cell');\n\n      let params: ContextMenuParams;\n\n      if (cell) {\n        const rowIndex = parseInt(cell.getAttribute('data-row') ?? '-1', 10);\n        const colIndex = parseInt(cell.getAttribute('data-col') ?? '-1', 10);\n        const column = this.columns[colIndex];\n        const row = this.rows[rowIndex];\n\n        params = {\n          row,\n          rowIndex,\n          column,\n          columnIndex: colIndex,\n          field: column?.field ?? '',\n          value: row?.[column?.field as keyof typeof row] ?? null,\n          isHeader: false,\n          event,\n        };\n      } else if (header) {\n        const colIndex = parseInt(header.getAttribute('data-col') ?? '-1', 10);\n        const column = this.columns[colIndex];\n\n        params = {\n          row: null,\n          rowIndex: -1,\n          column,\n          columnIndex: colIndex,\n          field: column?.field ?? '',\n          value: null,\n          isHeader: true,\n          event,\n        };\n      } else {\n        return;\n      }\n\n      this.params = params;\n      this.position = { x: event.clientX, y: event.clientY };\n\n      const items = buildMenuItems(this.config.items ?? defaultItems, params);\n      if (!items.length) return;\n\n      if (this.menuElement) {\n        this.menuElement.remove();\n      }\n\n      this.menuElement = createMenuElement(\n        items,\n        params,\n        (item) => {\n          if (item.action) {\n            item.action(params);\n          }\n          this.menuElement?.remove();\n          this.menuElement = null;\n          this.isOpen = false;\n        },\n        this.gridIcons.submenuArrow\n      );\n\n      document.body.appendChild(this.menuElement);\n      positionMenu(this.menuElement, event.clientX, event.clientY);\n      this.isOpen = true;\n\n      this.emit('context-menu-open', { params, items });\n    });\n  }\n\n  // ===== Public API =====\n\n  /**\n   * Programmatically show the context menu at the specified position.\n   * @param x - X coordinate\n   * @param y - Y coordinate\n   * @param params - Partial context menu parameters\n   */\n  showMenu(x: number, y: number, params: Partial<ContextMenuParams>): void {\n    const fullParams: ContextMenuParams = {\n      row: params.row ?? null,\n      rowIndex: params.rowIndex ?? -1,\n      column: params.column ?? null,\n      columnIndex: params.columnIndex ?? -1,\n      field: params.field ?? '',\n      value: params.value ?? null,\n      isHeader: params.isHeader ?? false,\n      event: params.event ?? new MouseEvent('contextmenu'),\n    };\n\n    const items = buildMenuItems(this.config.items ?? defaultItems, fullParams);\n\n    if (this.menuElement) {\n      this.menuElement.remove();\n    }\n\n    this.menuElement = createMenuElement(\n      items,\n      fullParams,\n      (item) => {\n        if (item.action) item.action(fullParams);\n        this.menuElement?.remove();\n        this.menuElement = null;\n        this.isOpen = false;\n      },\n      this.gridIcons.submenuArrow\n    );\n\n    document.body.appendChild(this.menuElement);\n    positionMenu(this.menuElement, x, y);\n    this.isOpen = true;\n  }\n\n  /**\n   * Hide the context menu.\n   */\n  hideMenu(): void {\n    if (this.menuElement) {\n      this.menuElement.remove();\n      this.menuElement = null;\n      this.isOpen = false;\n    }\n  }\n\n  /**\n   * Check if the context menu is currently open.\n   * @returns Whether the menu is open\n   */\n  isMenuOpen(): boolean {\n    return this.isOpen;\n  }\n\n  // Styles are injected globally via installGlobalHandlers() since menu renders in document.body\n}\n"],"names":["buildMenuItems","items","params","item","isItemDisabled","createMenuElement","onAction","submenuArrow","DEFAULT_GRID_ICONS","menu","separator","menuItem","disabled","icon","label","shortcut","arrow","subMenuItems","subMenu","e","positionMenu","x","y","menuRect","viewportWidth","viewportHeight","left","top","globalClickHandler","globalKeydownHandler","globalStyleSheet","contextMenuStyles","defaultItems","ContextMenuPlugin","BaseGridPlugin","grid","shadowRoot","container","event","target","cell","header","rowIndex","colIndex","column","row","fullParams"],"mappings":"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"}

package/umd/plugins/filtering.umd.js

@@ -1,4 +1,4 @@
-(function(w,T){typeof exports=="object"&&typeof module<"u"?T(exports,require("../../core/plugin/base-plugin"),require("../../core/internal/virtualization")):typeof define=="function"&&define.amd?define(["exports","../../core/plugin/base-plugin","../../core/internal/virtualization"],T):(w=typeof globalThis<"u"?globalThis:w||self,T(w.TbwGridPlugin_filtering={},w.TbwGrid,w.TbwGrid))})(this,(function(w,T,N){"use strict";function A(x,e,r=!1){const t=x[e.field];if(e.operator==="blank")return t==null||t==="";if(e.operator==="notBlank")return t!=null&&t!=="";if(t==null)return!1;const l=String(t),o=r?l:l.toLowerCase(),i=r?String(e.value):String(e.value).toLowerCase();switch(e.operator){case"contains":return o.includes(i);case"notContains":return!o.includes(i);case"equals":return o===i;case"notEquals":return o!==i;case"startsWith":return o.startsWith(i);case"endsWith":return o.endsWith(i);case"lessThan":return Number(t)<Number(e.value);case"lessThanOrEqual":return Number(t)<=Number(e.value);case"greaterThan":return Number(t)>Number(e.value);case"greaterThanOrEqual":return Number(t)>=Number(e.value);case"between":return Number(t)>=Number(e.value)&&Number(t)<=Number(e.valueTo);case"in":return Array.isArray(e.value)&&e.value.includes(t);case"notIn":return Array.isArray(e.value)&&!e.value.includes(t);default:return!0}}function q(x,e,r=!1){return e.length?x.filter(t=>e.every(l=>A(t,l,r))):x}function z(x){return JSON.stringify(x.map(e=>({field:e.field,operator:e.operator,value:e.value,valueTo:e.valueTo})))}function H(x,e){const r=new Set;for(const t of x){const l=t[e];l!=null&&r.add(l)}return[...r].sort((t,l)=>typeof t=="number"&&typeof l=="number"?t-l:String(t).localeCompare(String(l)))}const B=`
+(function(g,C){typeof exports=="object"&&typeof module<"u"?C(exports,require("../../core/internal/virtualization"),require("../../core/plugin/base-plugin")):typeof define=="function"&&define.amd?define(["exports","../../core/internal/virtualization","../../core/plugin/base-plugin"],C):(g=typeof globalThis<"u"?globalThis:g||self,C(g.TbwGridPlugin_filtering={},g.TbwGrid,g.TbwGrid))})(this,(function(g,C,M){"use strict";function V(w,e,r=!1){const t=w[e.field];if(e.operator==="blank")return t==null||t==="";if(e.operator==="notBlank")return t!=null&&t!=="";if(t==null)return!1;const l=String(t),o=r?l:l.toLowerCase(),i=r?String(e.value):String(e.value).toLowerCase();switch(e.operator){case"contains":return o.includes(i);case"notContains":return!o.includes(i);case"equals":return o===i;case"notEquals":return o!==i;case"startsWith":return o.startsWith(i);case"endsWith":return o.endsWith(i);case"lessThan":return Number(t)<Number(e.value);case"lessThanOrEqual":return Number(t)<=Number(e.value);case"greaterThan":return Number(t)>Number(e.value);case"greaterThanOrEqual":return Number(t)>=Number(e.value);case"between":return Number(t)>=Number(e.value)&&Number(t)<=Number(e.valueTo);case"in":return Array.isArray(e.value)&&e.value.includes(t);case"notIn":return Array.isArray(e.value)&&!e.value.includes(t);default:return!0}}function q(w,e,r=!1){return e.length?w.filter(t=>e.every(l=>V(t,l,r))):w}function z(w){return JSON.stringify(w.map(e=>({field:e.field,operator:e.operator,value:e.value,valueTo:e.valueTo})))}function L(w,e){const r=new Set;for(const t of w){const l=t[e];l!=null&&r.add(l)}return[...r].sort((t,l)=>typeof t=="number"&&typeof l=="number"?t-l:String(t).localeCompare(String(l)))}const B=`
 .tbw-filter-panel {
   position: fixed;
   background: var(--tbw-filter-panel-bg, var(--tbw-color-panel-bg, light-dark(#eeeeee, #222222)));
@@ -139,7 +139,7 @@
 .tbw-filter-clear-btn:hover {
   background: var(--tbw-filter-hover, var(--tbw-color-row-hover, light-dark(#f0f6ff, #1c1c1c)));
 }
-`;class v extends T.BaseGridPlugin{name="filtering";version="1.0.0";get defaultConfig(){return{enabled:!0,debounceMs:300,caseSensitive:!1,trimInput:!0,useWorker:!0}}filters=new Map;cachedResult=null;cacheKey=null;openPanelField=null;panelElement=null;searchText=new Map;excludedValues=new Map;documentClickHandler=null;globalStylesInjected=!1;static LIST_ITEM_HEIGHT=28;static LIST_OVERSCAN=3;static LIST_BYPASS_THRESHOLD=50;attach(e){super.attach(e),this.injectGlobalStyles()}detach(){this.filters.clear(),this.cachedResult=null,this.cacheKey=null,this.openPanelField=null,this.panelElement&&(this.panelElement.remove(),this.panelElement=null),this.searchText.clear(),this.excludedValues.clear(),this.removeDocumentClickHandler()}processRows(e){const r=[...this.filters.values()];if(!r.length)return[...e];const t=z(r);if(this.cacheKey===t&&this.cachedResult)return this.cachedResult;const l=q([...e],r,this.config.caseSensitive);return this.cachedResult=l,this.cacheKey=t,l}afterRender(){if(!this.config.enabled)return;const e=this.shadowRoot;if(!e)return;e.querySelectorAll('[part~="header-cell"]').forEach(t=>{const l=t.getAttribute("data-col");if(l===null)return;const o=this.columns[parseInt(l,10)];if(!o||o.filterable===!1||t.querySelector(".tbw-filter-btn"))return;const i=o.field;if(!i)return;const a=document.createElement("button");a.className="tbw-filter-btn",a.setAttribute("aria-label",`Filter ${o.header??i}`),a.innerHTML='<svg viewBox="0 0 16 16" width="12" height="12"><path fill="currentColor" d="M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/></svg>',this.filters.has(i)&&(a.classList.add("active"),t.classList.add("filtered")),a.addEventListener("click",y=>{y.stopPropagation(),this.toggleFilterPanel(i,o,a)}),t.appendChild(a)})}setFilter(e,r){r===null?this.filters.delete(e):this.filters.set(e,{...r,field:e}),this.cachedResult=null,this.cacheKey=null,this.emit("filter-change",{filters:[...this.filters.values()],filteredRowCount:0}),this.requestRender()}getFilter(e){return this.filters.get(e)}getFilters(){return[...this.filters.values()]}getFilterModel(){return this.getFilters()}setFilterModel(e){this.filters.clear();for(const r of e)this.filters.set(r.field,r);this.cachedResult=null,this.cacheKey=null,this.emit("filter-change",{filters:[...this.filters.values()],filteredRowCount:0}),this.requestRender()}clearAllFilters(){this.filters.clear(),this.excludedValues.clear(),this.searchText.clear(),this.cachedResult=null,this.cacheKey=null,this.emit("filter-change",{filters:[],filteredRowCount:this.rows.length}),this.requestRender()}clearFieldFilter(e){this.filters.delete(e),this.excludedValues.delete(e),this.searchText.delete(e),this.cachedResult=null,this.cacheKey=null,this.emit("filter-change",{filters:[...this.filters.values()],filteredRowCount:0}),this.requestRender()}isFieldFiltered(e){return this.filters.has(e)}getFilteredRowCount(){return this.cachedResult?.length??this.rows.length}getActiveFilters(){return this.getFilters()}getUniqueValues(e){return H(this.sourceRows,e)}injectGlobalStyles(){if(this.globalStylesInjected)return;if(document.getElementById("tbw-filter-panel-styles")){this.globalStylesInjected=!0;return}const e=document.createElement("style");e.id="tbw-filter-panel-styles",e.textContent=B,document.head.appendChild(e),this.globalStylesInjected=!0}toggleFilterPanel(e,r,t){if(this.openPanelField===e){this.closeFilterPanel();return}this.closeFilterPanel();const l=document.createElement("div");l.className="tbw-filter-panel",this.panelElement=l,this.openPanelField=e;const o=H(this.sourceRows,e);let i=this.excludedValues.get(e);i||(i=new Set,this.excludedValues.set(e,i));const a=this.searchText.get(e)??"",y={field:e,column:r,uniqueValues:o,excludedValues:i,searchText:a,applySetFilter:b=>{this.applySetFilter(e,b),this.closeFilterPanel()},applyTextFilter:(b,S,m)=>{this.applyTextFilter(e,b,S,m),this.closeFilterPanel()},clearFilter:()=>{this.clearFieldFilter(e),this.closeFilterPanel()},closePanel:()=>this.closeFilterPanel()};let f=!1;this.config.filterPanelRenderer&&(this.config.filterPanelRenderer(l,y),f=l.children.length>0),f||this.renderDefaultFilterPanel(l,y,o,i),document.body.appendChild(l),this.positionPanel(l,t);const h=b=>{!l.contains(b.target)&&b.target!==t&&this.closeFilterPanel()};this.documentClickHandler=h,setTimeout(()=>{document.addEventListener("click",h)},0)}closeFilterPanel(){this.panelElement&&(this.panelElement.remove(),this.panelElement=null),this.openPanelField=null,this.removeDocumentClickHandler()}removeDocumentClickHandler(){this.documentClickHandler&&(document.removeEventListener("click",this.documentClickHandler),this.documentClickHandler=null)}positionPanel(e,r){const t=r.getBoundingClientRect();e.style.position="fixed",e.style.top=`${t.bottom+4}px`,e.style.left=`${t.left}px`,requestAnimationFrame(()=>{const l=e.getBoundingClientRect();l.right>window.innerWidth-8&&(e.style.left=`${window.innerWidth-l.width-8}px`),l.bottom>window.innerHeight-8&&(e.style.top=`${t.top-l.height-4}px`)})}renderDefaultFilterPanel(e,r,t,l){const{field:o}=r,i=document.createElement("div");i.className="tbw-filter-search";const a=document.createElement("input");a.type="text",a.placeholder="Search...",a.className="tbw-filter-search-input",a.value=this.searchText.get(o)??"",i.appendChild(a),e.appendChild(i);const y=document.createElement("div");y.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),y.appendChild(f);const S=()=>{const n=[...C.values()],d=n.every(c=>c),u=n.every(c=>!c);h.checked=d,h.indeterminate=!d&&!u};h.addEventListener("change",()=>{const n=h.checked;for(const d of C.keys())C.set(d,n);S(),L()}),e.appendChild(y);const m=document.createElement("div");m.className="tbw-filter-values";const E=document.createElement("div");E.className="tbw-filter-values-spacer",m.appendChild(E);const p=document.createElement("div");p.className="tbw-filter-values-content",m.appendChild(p);const C=new Map;t.forEach(n=>{const d=n==null?"__null__":String(n);C.set(d,!l.has(n))}),S();let k=[];const P=(n,d)=>{const u=n==null?"(Blank)":String(n),c=n==null?"__null__":String(n),s=document.createElement("label");s.className="tbw-filter-value-item",s.style.position="absolute",s.style.top=`${d*v.LIST_ITEM_HEIGHT}px`,s.style.left="0",s.style.right="0",s.style.height=`${v.LIST_ITEM_HEIGHT}px`,s.style.boxSizing="border-box";const g=document.createElement("input");g.type="checkbox",g.className="tbw-filter-checkbox",g.checked=C.get(c)??!0,g.dataset.value=c,g.addEventListener("change",()=>{C.set(c,g.checked),S()});const V=document.createElement("span");return V.textContent=u,s.appendChild(g),s.appendChild(V),s},L=()=>{const n=k.length,d=m.clientHeight,u=m.scrollTop;if(E.style.height=`${n*v.LIST_ITEM_HEIGHT}px`,N.shouldBypassVirtualization(n,v.LIST_BYPASS_THRESHOLD/3)){p.innerHTML="",p.style.transform="translateY(0px)",k.forEach((s,g)=>{p.appendChild(P(s,g))});return}const c=N.computeVirtualWindow({totalRows:n,viewportHeight:d,scrollTop:u,rowHeight:v.LIST_ITEM_HEIGHT,overscan:v.LIST_OVERSCAN});p.style.transform=`translateY(${c.offsetY}px)`,p.innerHTML="";for(let s=c.start;s<c.end;s++)p.appendChild(P(k[s],s-c.start))},_=n=>{const d=n.toLowerCase();if(k=t.filter(u=>{const c=u==null?"(Blank)":String(u);return!n||c.toLowerCase().includes(d)}),k.length===0){E.style.height="0px",p.innerHTML="";const u=document.createElement("div");u.className="tbw-filter-no-match",u.textContent="No matching values",p.appendChild(u);return}L()};m.addEventListener("scroll",()=>{k.length>0&&L()},{passive:!0}),_(a.value),e.appendChild(m);let M;a.addEventListener("input",()=>{clearTimeout(M),M=setTimeout(()=>{this.searchText.set(o,a.value),_(a.value)},this.config.debounceMs??150)});const R=document.createElement("div");R.className="tbw-filter-buttons";const F=document.createElement("button");F.className="tbw-filter-apply-btn",F.textContent="Apply",F.addEventListener("click",()=>{const n=[];for(const[d,u]of C)if(!u)if(d==="__null__")n.push(null);else{const c=t.find(s=>String(s)===d);n.push(c!==void 0?c:d)}r.applySetFilter(n)}),R.appendChild(F);const I=document.createElement("button");I.className="tbw-filter-clear-btn",I.textContent="Clear Filter",I.addEventListener("click",()=>{r.clearFilter()}),R.appendChild(I),e.appendChild(R)}applySetFilter(e,r){this.excludedValues.set(e,new Set(r)),r.length===0?this.filters.delete(e):this.filters.set(e,{field:e,type:"set",operator:"notIn",value:r}),this.cachedResult=null,this.cacheKey=null,this.emit("filter-change",{filters:[...this.filters.values()],filteredRowCount:0}),this.requestRender()}applyTextFilter(e,r,t,l){this.filters.set(e,{field:e,type:"text",operator:r,value:t,valueTo:l}),this.cachedResult=null,this.cacheKey=null,this.emit("filter-change",{filters:[...this.filters.values()],filteredRowCount:0}),this.requestRender()}getColumnState(e){const r=this.filters.get(e);if(r)return{filter:{type:r.type,operator:r.operator,value:r.value,valueTo:r.valueTo}}}applyColumnState(e,r){if(!r.filter){this.filters.delete(e);return}const t={field:e,type:r.filter.type,operator:r.filter.operator,value:r.filter.value,valueTo:r.filter.valueTo};this.filters.set(e,t),this.cachedResult=null,this.cacheKey=null}styles=`
+`;class m extends M.BaseGridPlugin{name="filtering";version="1.0.0";get defaultConfig(){return{enabled:!0,debounceMs:300,caseSensitive:!1,trimInput:!0,useWorker:!0}}filters=new Map;cachedResult=null;cacheKey=null;openPanelField=null;panelElement=null;searchText=new Map;excludedValues=new Map;panelAbortController=null;globalStylesInjected=!1;static LIST_ITEM_HEIGHT=28;static LIST_OVERSCAN=3;static LIST_BYPASS_THRESHOLD=50;attach(e){super.attach(e),this.injectGlobalStyles()}detach(){this.filters.clear(),this.cachedResult=null,this.cacheKey=null,this.openPanelField=null,this.panelElement&&(this.panelElement.remove(),this.panelElement=null),this.searchText.clear(),this.excludedValues.clear(),this.panelAbortController?.abort(),this.panelAbortController=null}processRows(e){const r=[...this.filters.values()];if(!r.length)return[...e];const t=z(r);if(this.cacheKey===t&&this.cachedResult)return this.cachedResult;const l=q([...e],r,this.config.caseSensitive);return this.cachedResult=l,this.cacheKey=t,l}afterRender(){if(!this.config.enabled)return;const e=this.shadowRoot;if(!e)return;e.querySelectorAll('[part~="header-cell"]').forEach(t=>{const l=t.getAttribute("data-col");if(l===null)return;const o=this.columns[parseInt(l,10)];if(!o||o.filterable===!1||t.querySelector(".tbw-filter-btn"))return;const i=o.field;if(!i)return;const a=document.createElement("button");a.className="tbw-filter-btn",a.setAttribute("aria-label",`Filter ${o.header??i}`),a.innerHTML='<svg viewBox="0 0 16 16" width="12" height="12"><path fill="currentColor" d="M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/></svg>',this.filters.has(i)&&(a.classList.add("active"),t.classList.add("filtered")),a.addEventListener("click",v=>{v.stopPropagation(),this.toggleFilterPanel(i,o,a)}),t.appendChild(a)})}setFilter(e,r){r===null?this.filters.delete(e):this.filters.set(e,{...r,field:e}),this.cachedResult=null,this.cacheKey=null,this.emit("filter-change",{filters:[...this.filters.values()],filteredRowCount:0}),this.requestRender()}getFilter(e){return this.filters.get(e)}getFilters(){return[...this.filters.values()]}getFilterModel(){return this.getFilters()}setFilterModel(e){this.filters.clear();for(const r of e)this.filters.set(r.field,r);this.cachedResult=null,this.cacheKey=null,this.emit("filter-change",{filters:[...this.filters.values()],filteredRowCount:0}),this.requestRender()}clearAllFilters(){this.filters.clear(),this.excludedValues.clear(),this.searchText.clear(),this.cachedResult=null,this.cacheKey=null,this.emit("filter-change",{filters:[],filteredRowCount:this.rows.length}),this.requestRender()}clearFieldFilter(e){this.filters.delete(e),this.excludedValues.delete(e),this.searchText.delete(e),this.cachedResult=null,this.cacheKey=null,this.emit("filter-change",{filters:[...this.filters.values()],filteredRowCount:0}),this.requestRender()}isFieldFiltered(e){return this.filters.has(e)}getFilteredRowCount(){return this.cachedResult?.length??this.rows.length}getActiveFilters(){return this.getFilters()}getUniqueValues(e){return L(this.sourceRows,e)}injectGlobalStyles(){if(this.globalStylesInjected)return;if(document.getElementById("tbw-filter-panel-styles")){this.globalStylesInjected=!0;return}const e=document.createElement("style");e.id="tbw-filter-panel-styles",e.textContent=B,document.head.appendChild(e),this.globalStylesInjected=!0}toggleFilterPanel(e,r,t){if(this.openPanelField===e){this.closeFilterPanel();return}this.closeFilterPanel();const l=document.createElement("div");l.className="tbw-filter-panel",this.panelElement=l,this.openPanelField=e;const o=L(this.sourceRows,e);let i=this.excludedValues.get(e);i||(i=new Set,this.excludedValues.set(e,i));const a=this.searchText.get(e)??"",v={field:e,column:r,uniqueValues:o,excludedValues:i,searchText:a,applySetFilter:u=>{this.applySetFilter(e,u),this.closeFilterPanel()},applyTextFilter:(u,E,S)=>{this.applyTextFilter(e,u,E,S),this.closeFilterPanel()},clearFilter:()=>{this.clearFieldFilter(e),this.closeFilterPanel()},closePanel:()=>this.closeFilterPanel()};let f=!1;this.config.filterPanelRenderer&&(this.config.filterPanelRenderer(l,v),f=l.children.length>0),f||this.renderDefaultFilterPanel(l,v,o,i),document.body.appendChild(l),this.positionPanel(l,t),this.panelAbortController=new AbortController,setTimeout(()=>{document.addEventListener("click",u=>{!l.contains(u.target)&&u.target!==t&&this.closeFilterPanel()},{signal:this.panelAbortController?.signal})},0)}closeFilterPanel(){this.panelElement&&(this.panelElement.remove(),this.panelElement=null),this.openPanelField=null,this.panelAbortController?.abort(),this.panelAbortController=null}positionPanel(e,r){const t=r.getBoundingClientRect();e.style.position="fixed",e.style.top=`${t.bottom+4}px`,e.style.left=`${t.left}px`,requestAnimationFrame(()=>{const l=e.getBoundingClientRect();l.right>window.innerWidth-8&&(e.style.left=`${window.innerWidth-l.width-8}px`),l.bottom>window.innerHeight-8&&(e.style.top=`${t.top-l.height-4}px`)})}renderDefaultFilterPanel(e,r,t,l){const{field:o}=r,i=document.createElement("div");i.className="tbw-filter-search";const a=document.createElement("input");a.type="text",a.placeholder="Search...",a.className="tbw-filter-search-input",a.value=this.searchText.get(o)??"",i.appendChild(a),e.appendChild(i);const v=document.createElement("div");v.className="tbw-filter-actions";const f=document.createElement("label");f.className="tbw-filter-value-item",f.style.padding="0",f.style.margin="0";const u=document.createElement("input");u.type="checkbox",u.className="tbw-filter-checkbox";const E=document.createElement("span");E.textContent="Select All",f.appendChild(u),f.appendChild(E),v.appendChild(f);const S=()=>{const n=[...y.values()],d=n.every(c=>c),h=n.every(c=>!c);u.checked=d,u.indeterminate=!d&&!h};u.addEventListener("change",()=>{const n=u.checked;for(const d of y.keys())y.set(d,n);S(),N()}),e.appendChild(v);const x=document.createElement("div");x.className="tbw-filter-values";const k=document.createElement("div");k.className="tbw-filter-values-spacer",x.appendChild(k);const p=document.createElement("div");p.className="tbw-filter-values-content",x.appendChild(p);const y=new Map;t.forEach(n=>{const d=n==null?"__null__":String(n);y.set(d,!l.has(n))}),S();let T=[];const A=(n,d)=>{const h=n==null?"(Blank)":String(n),c=n==null?"__null__":String(n),s=document.createElement("label");s.className="tbw-filter-value-item",s.style.position="absolute",s.style.top=`${d*m.LIST_ITEM_HEIGHT}px`,s.style.left="0",s.style.right="0",s.style.height=`${m.LIST_ITEM_HEIGHT}px`,s.style.boxSizing="border-box";const b=document.createElement("input");b.type="checkbox",b.className="tbw-filter-checkbox",b.checked=y.get(c)??!0,b.dataset.value=c,b.addEventListener("change",()=>{y.set(c,b.checked),S()});const H=document.createElement("span");return H.textContent=h,s.appendChild(b),s.appendChild(H),s},N=()=>{const n=T.length,d=x.clientHeight,h=x.scrollTop;if(k.style.height=`${n*m.LIST_ITEM_HEIGHT}px`,C.shouldBypassVirtualization(n,m.LIST_BYPASS_THRESHOLD/3)){p.innerHTML="",p.style.transform="translateY(0px)",T.forEach((s,b)=>{p.appendChild(A(s,b))});return}const c=C.computeVirtualWindow({totalRows:n,viewportHeight:d,scrollTop:h,rowHeight:m.LIST_ITEM_HEIGHT,overscan:m.LIST_OVERSCAN});p.style.transform=`translateY(${c.offsetY}px)`,p.innerHTML="";for(let s=c.start;s<c.end;s++)p.appendChild(A(T[s],s-c.start))},P=n=>{const d=n.toLowerCase();if(T=t.filter(h=>{const c=h==null?"(Blank)":String(h);return!n||c.toLowerCase().includes(d)}),T.length===0){k.style.height="0px",p.innerHTML="";const h=document.createElement("div");h.className="tbw-filter-no-match",h.textContent="No matching values",p.appendChild(h);return}N()};x.addEventListener("scroll",()=>{T.length>0&&N()},{passive:!0}),P(a.value),e.appendChild(x);let _;a.addEventListener("input",()=>{clearTimeout(_),_=setTimeout(()=>{this.searchText.set(o,a.value),P(a.value)},this.config.debounceMs??150)});const R=document.createElement("div");R.className="tbw-filter-buttons";const F=document.createElement("button");F.className="tbw-filter-apply-btn",F.textContent="Apply",F.addEventListener("click",()=>{const n=[];for(const[d,h]of y)if(!h)if(d==="__null__")n.push(null);else{const c=t.find(s=>String(s)===d);n.push(c!==void 0?c:d)}r.applySetFilter(n)}),R.appendChild(F);const I=document.createElement("button");I.className="tbw-filter-clear-btn",I.textContent="Clear Filter",I.addEventListener("click",()=>{r.clearFilter()}),R.appendChild(I),e.appendChild(R)}applySetFilter(e,r){this.excludedValues.set(e,new Set(r)),r.length===0?this.filters.delete(e):this.filters.set(e,{field:e,type:"set",operator:"notIn",value:r}),this.cachedResult=null,this.cacheKey=null,this.emit("filter-change",{filters:[...this.filters.values()],filteredRowCount:0}),this.requestRender()}applyTextFilter(e,r,t,l){this.filters.set(e,{field:e,type:"text",operator:r,value:t,valueTo:l}),this.cachedResult=null,this.cacheKey=null,this.emit("filter-change",{filters:[...this.filters.values()],filteredRowCount:0}),this.requestRender()}getColumnState(e){const r=this.filters.get(e);if(r)return{filter:{type:r.type,operator:r.operator,value:r.value,valueTo:r.valueTo}}}applyColumnState(e,r){if(!r.filter){this.filters.delete(e);return}const t={field:e,type:r.filter.type,operator:r.filter.operator,value:r.filter.value,valueTo:r.filter.valueTo};this.filters.set(e,t),this.cachedResult=null,this.cacheKey=null}styles=`
     .header-cell.filtered::before {
       content: '';
       position: absolute;
@@ -171,5 +171,5 @@
     .tbw-filter-btn.active {
       color: var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));
     }
-  `}w.FilteringPlugin=v,Object.defineProperty(w,Symbol.toStringTag,{value:"Module"})}));
+  `}g.FilteringPlugin=m,Object.defineProperty(g,Symbol.toStringTag,{value:"Module"})}));
 //# sourceMappingURL=filtering.umd.js.map

package/umd/plugins/filtering.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"filtering.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/filtering/filter-model.ts","../../../../../libs/grid/src/lib/plugins/filtering/FilteringPlugin.ts"],"sourcesContent":["/**\n * Filter Model Core Logic\n *\n * Pure functions for filtering operations.\n */\n\nimport type { FilterModel } from './types';\n\n/**\n * Check if a single row matches a filter condition.\n *\n * @param row - The row data object\n * @param filter - The filter to apply\n * @param caseSensitive - Whether text comparisons are case sensitive\n * @returns True if the row matches the filter\n */\nexport function matchesFilter(row: Record<string, unknown>, filter: FilterModel, caseSensitive = false): boolean {\n  const rawValue = row[filter.field];\n\n  // Handle blank/notBlank first - these work on null/undefined/empty\n  if (filter.operator === 'blank') {\n    return rawValue == null || rawValue === '';\n  }\n  if (filter.operator === 'notBlank') {\n    return rawValue != null && rawValue !== '';\n  }\n\n  // Null/undefined values don't match other filters\n  if (rawValue == null) return false;\n\n  // Prepare values for comparison\n  const stringValue = String(rawValue);\n  const compareValue = caseSensitive ? stringValue : stringValue.toLowerCase();\n  const filterValue = caseSensitive ? String(filter.value) : String(filter.value).toLowerCase();\n\n  switch (filter.operator) {\n    // Text operators\n    case 'contains':\n      return compareValue.includes(filterValue);\n\n    case 'notContains':\n      return !compareValue.includes(filterValue);\n\n    case 'equals':\n      return compareValue === filterValue;\n\n    case 'notEquals':\n      return compareValue !== filterValue;\n\n    case 'startsWith':\n      return compareValue.startsWith(filterValue);\n\n    case 'endsWith':\n      return compareValue.endsWith(filterValue);\n\n    // Number/Date operators (use raw numeric values)\n    case 'lessThan':\n      return Number(rawValue) < Number(filter.value);\n\n    case 'lessThanOrEqual':\n      return Number(rawValue) <= Number(filter.value);\n\n    case 'greaterThan':\n      return Number(rawValue) > Number(filter.value);\n\n    case 'greaterThanOrEqual':\n      return Number(rawValue) >= Number(filter.value);\n\n    case 'between':\n      return Number(rawValue) >= Number(filter.value) && Number(rawValue) <= Number(filter.valueTo);\n\n    // Set operators\n    case 'in':\n      return Array.isArray(filter.value) && filter.value.includes(rawValue);\n\n    case 'notIn':\n      return Array.isArray(filter.value) && !filter.value.includes(rawValue);\n\n    default:\n      return true;\n  }\n}\n\n/**\n * Filter rows based on multiple filter conditions (AND logic).\n * All filters must match for a row to be included.\n *\n * @param rows - The rows to filter\n * @param filters - Array of filters to apply\n * @param caseSensitive - Whether text comparisons are case sensitive\n * @returns Filtered rows\n */\nexport function filterRows<T extends Record<string, unknown>>(\n  rows: T[],\n  filters: FilterModel[],\n  caseSensitive = false\n): T[] {\n  if (!filters.length) return rows;\n  return rows.filter((row) => filters.every((f) => matchesFilter(row, f, caseSensitive)));\n}\n\n/**\n * Compute a cache key for a set of filters.\n * Used for memoization of filter results.\n *\n * @param filters - Array of filters\n * @returns Stable string key for the filter set\n */\nexport function computeFilterCacheKey(filters: FilterModel[]): string {\n  return JSON.stringify(\n    filters.map((f) => ({\n      field: f.field,\n      operator: f.operator,\n      value: f.value,\n      valueTo: f.valueTo,\n    }))\n  );\n}\n\n/**\n * Extract unique values from a field across all rows.\n * Useful for populating \"set\" filter dropdowns.\n *\n * @param rows - The rows to extract values from\n * @param field - The field name\n * @returns Sorted array of unique non-null values\n */\nexport function getUniqueValues<T extends Record<string, unknown>>(rows: T[], field: string): unknown[] {\n  const values = new Set<unknown>();\n  for (const row of rows) {\n    const value = row[field];\n    if (value != null) {\n      values.add(value);\n    }\n  }\n  return [...values].sort((a, b) => {\n    // Handle mixed types gracefully\n    if (typeof a === 'number' && typeof b === 'number') {\n      return a - b;\n    }\n    return String(a).localeCompare(String(b));\n  });\n}\n","/**\n * Filtering Plugin (Class-based)\n *\n * Provides comprehensive filtering functionality for tbw-grid.\n * Supports text, number, date, set, and boolean filters with caching.\n * Includes UI with filter buttons in headers and dropdown filter panels.\n */\n\nimport { BaseGridPlugin, type GridElement } from '../../core/plugin/base-plugin';\nimport type { ColumnConfig, ColumnState } from '../../core/types';\nimport { computeVirtualWindow, shouldBypassVirtualization } from '../../core/internal/virtualization';\nimport { computeFilterCacheKey, filterRows, getUniqueValues } from './filter-model';\nimport type { FilterChangeDetail, FilterConfig, FilterModel, FilterPanelParams } from './types';\n\n/** Global styles for filter panel (rendered in document.body) */\nconst filterPanelStyles = `\n.tbw-filter-panel {\n  position: fixed;\n  background: var(--tbw-filter-panel-bg, var(--tbw-color-panel-bg, light-dark(#eeeeee, #222222)));\n  color: var(--tbw-filter-panel-fg, var(--tbw-color-fg, light-dark(#222222, #eeeeee)));\n  border: 1px solid var(--tbw-filter-panel-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));\n  border-radius: var(--tbw-filter-panel-radius, var(--tbw-border-radius, 4px));\n  box-shadow: 0 4px 16px var(--tbw-filter-panel-shadow, var(--tbw-color-shadow, light-dark(rgba(0,0,0,0.1), rgba(0,0,0,0.3))));\n  padding: 12px;\n  z-index: 10000;\n  min-width: 200px;\n  max-width: 280px;\n  max-height: 350px;\n  display: flex;\n  flex-direction: column;\n  font-family: var(--tbw-font-family, system-ui, sans-serif);\n  font-size: var(--tbw-font-size, 13px);\n}\n\n.tbw-filter-search {\n  margin-bottom: 8px;\n}\n\n.tbw-filter-search-input {\n  width: 100%;\n  padding: 6px 10px;\n  background: var(--tbw-filter-input-bg, var(--tbw-color-bg, transparent));\n  color: inherit;\n  border: 1px solid var(--tbw-filter-input-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));\n  border-radius: var(--tbw-filter-input-radius, 4px);\n  font-size: inherit;\n  box-sizing: border-box;\n}\n\n.tbw-filter-search-input:focus {\n  outline: none;\n  border-color: var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));\n  box-shadow: 0 0 0 2px rgba(from var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6)) r g b / 15%);\n}\n\n.tbw-filter-actions {\n  display: flex;\n  padding: 4px 2px;\n  margin-bottom: 8px;\n  border-bottom: 1px solid var(--tbw-filter-divider, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));\n}\n\n.tbw-filter-action-btn {\n  background: transparent;\n  border: none;\n  color: var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));\n  cursor: pointer;\n  font-size: 12px;\n  padding: 2px 0;\n}\n\n.tbw-filter-action-btn:hover {\n  text-decoration: underline;\n}\n\n.tbw-filter-values {\n  flex: 1;\n  overflow-y: auto;\n  margin-bottom: 8px;\n  max-height: 180px;\n  position: relative;\n}\n\n.tbw-filter-values-spacer {\n  width: 1px;\n}\n\n.tbw-filter-values-content {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n}\n\n.tbw-filter-value-item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 4px 2px;\n  cursor: pointer;\n  border-radius: 3px;\n}\n\n.tbw-filter-value-item:hover {\n  background: var(--tbw-filter-hover, var(--tbw-color-row-hover, light-dark(#f0f6ff, #1c1c1c)));\n}\n\n.tbw-filter-checkbox {\n  margin: 0;\n  cursor: pointer;\n  accent-color: var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));\n}\n\n.tbw-filter-no-match {\n  color: var(--tbw-filter-muted, var(--tbw-color-fg-muted, light-dark(#555555, #aaaaaa)));\n  padding: 8px 0;\n  text-align: center;\n  font-style: italic;\n}\n\n.tbw-filter-buttons {\n  display: flex;\n  gap: 8px;\n  padding-top: 8px;\n  border-top: 1px solid var(--tbw-filter-divider, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));\n}\n\n.tbw-filter-apply-btn {\n  flex: 1;\n  padding: 6px 12px;\n  background: var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));\n  color: var(--tbw-filter-accent-fg, var(--tbw-color-accent-fg, light-dark(#ffffff, #000000)));\n  border: none;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 13px;\n}\n\n.tbw-filter-apply-btn:hover {\n  filter: brightness(0.9);\n}\n\n.tbw-filter-clear-btn {\n  flex: 1;\n  padding: 6px 12px;\n  background: transparent;\n  color: var(--tbw-filter-muted, var(--tbw-color-fg-muted, light-dark(#555555, #aaaaaa)));\n  border: 1px solid var(--tbw-filter-input-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 13px;\n}\n\n.tbw-filter-clear-btn:hover {\n  background: var(--tbw-filter-hover, var(--tbw-color-row-hover, light-dark(#f0f6ff, #1c1c1c)));\n}\n`;\n\n/**\n * Filtering Plugin for tbw-grid\n *\n * @example\n * ```ts\n * new FilteringPlugin({ enabled: true, debounceMs: 300 })\n * ```\n */\nexport class FilteringPlugin extends BaseGridPlugin<FilterConfig> {\n  readonly name = 'filtering';\n  override readonly version = '1.0.0';\n\n  protected override get defaultConfig(): Partial<FilterConfig> {\n    return {\n      enabled: true,\n      debounceMs: 300,\n      caseSensitive: false,\n      trimInput: true,\n      useWorker: true,\n    };\n  }\n\n  // ===== Internal State =====\n  private filters: Map<string, FilterModel> = new Map();\n  private cachedResult: unknown[] | null = null;\n  private cacheKey: string | null = null;\n  private openPanelField: string | null = null;\n  private panelElement: HTMLElement | null = null;\n  private searchText: Map<string, string> = new Map();\n  private excludedValues: Map<string, Set<unknown>> = new Map();\n  private documentClickHandler: ((e: MouseEvent) => void) | null = null;\n  private globalStylesInjected = false;\n\n  // Virtualization constants for filter value list\n  private static readonly LIST_ITEM_HEIGHT = 28;\n  private static readonly LIST_OVERSCAN = 3;\n  private static readonly LIST_BYPASS_THRESHOLD = 50; // Don't virtualize if < 50 items\n\n  // ===== Lifecycle =====\n\n  override attach(grid: GridElement): void {\n    super.attach(grid);\n    this.injectGlobalStyles();\n  }\n\n  override detach(): void {\n    this.filters.clear();\n    this.cachedResult = null;\n    this.cacheKey = null;\n    this.openPanelField = null;\n    if (this.panelElement) {\n      this.panelElement.remove();\n      this.panelElement = null;\n    }\n    this.searchText.clear();\n    this.excludedValues.clear();\n    this.removeDocumentClickHandler();\n  }\n\n  // ===== Hooks =====\n\n  override processRows(rows: readonly unknown[]): unknown[] {\n    const filterList = [...this.filters.values()];\n    if (!filterList.length) return [...rows];\n\n    // Check cache\n    const newCacheKey = computeFilterCacheKey(filterList);\n    if (this.cacheKey === newCacheKey && this.cachedResult) {\n      return this.cachedResult;\n    }\n\n    // Filter rows synchronously (worker support can be added later)\n    const result = filterRows([...rows] as Record<string, unknown>[], filterList, this.config.caseSensitive);\n\n    // Update cache\n    this.cachedResult = result;\n    this.cacheKey = newCacheKey;\n\n    return result;\n  }\n\n  override afterRender(): void {\n    if (!this.config.enabled) return;\n\n    const shadowRoot = this.shadowRoot;\n    if (!shadowRoot) return;\n\n    // Find all header cells (using part attribute, not class)\n    const headerCells = shadowRoot.querySelectorAll('[part~=\"header-cell\"]');\n    headerCells.forEach((cell) => {\n      const colIndex = cell.getAttribute('data-col');\n      if (colIndex === null) return;\n\n      const col = this.columns[parseInt(colIndex, 10)] as ColumnConfig;\n      if (!col || col.filterable === false) return;\n\n      // Skip if button already exists\n      if (cell.querySelector('.tbw-filter-btn')) return;\n\n      const field = col.field;\n      if (!field) return;\n\n      // Create filter button\n      const filterBtn = document.createElement('button');\n      filterBtn.className = 'tbw-filter-btn';\n      filterBtn.setAttribute('aria-label', `Filter ${col.header ?? field}`);\n      filterBtn.innerHTML = `<svg viewBox=\"0 0 16 16\" width=\"12\" height=\"12\"><path fill=\"currentColor\" d=\"M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z\"/></svg>`;\n\n      // Mark button as active if filter exists\n      if (this.filters.has(field)) {\n        filterBtn.classList.add('active');\n        cell.classList.add('filtered');\n      }\n\n      filterBtn.addEventListener('click', (e) => {\n        e.stopPropagation();\n        this.toggleFilterPanel(field, col, filterBtn);\n      });\n\n      // Append to header cell\n      cell.appendChild(filterBtn);\n    });\n  }\n\n  // ===== Public API =====\n\n  /**\n   * Set a filter on a specific field.\n   * Pass null to remove the filter.\n   */\n  setFilter(field: string, filter: Omit<FilterModel, 'field'> | null): void {\n    if (filter === null) {\n      this.filters.delete(field);\n    } else {\n      this.filters.set(field, { ...filter, field });\n    }\n    // Invalidate cache\n    this.cachedResult = null;\n    this.cacheKey = null;\n\n    this.emit<FilterChangeDetail>('filter-change', {\n      filters: [...this.filters.values()],\n      filteredRowCount: 0, // Will be accurate after processRows\n    });\n    this.requestRender();\n  }\n\n  /**\n   * Get the current filter for a field.\n   */\n  getFilter(field: string): FilterModel | undefined {\n    return this.filters.get(field);\n  }\n\n  /**\n   * Get all active filters.\n   */\n  getFilters(): FilterModel[] {\n    return [...this.filters.values()];\n  }\n\n  /**\n   * Alias for getFilters() to match functional API naming.\n   */\n  getFilterModel(): FilterModel[] {\n    return this.getFilters();\n  }\n\n  /**\n   * Set filters from an array (replaces all existing filters).\n   */\n  setFilterModel(filters: FilterModel[]): void {\n    this.filters.clear();\n    for (const filter of filters) {\n      this.filters.set(filter.field, filter);\n    }\n    this.cachedResult = null;\n    this.cacheKey = null;\n\n    this.emit<FilterChangeDetail>('filter-change', {\n      filters: [...this.filters.values()],\n      filteredRowCount: 0,\n    });\n    this.requestRender();\n  }\n\n  /**\n   * Clear all filters.\n   */\n  clearAllFilters(): void {\n    this.filters.clear();\n    this.excludedValues.clear();\n    this.searchText.clear();\n    this.cachedResult = null;\n    this.cacheKey = null;\n\n    this.emit<FilterChangeDetail>('filter-change', {\n      filters: [],\n      filteredRowCount: this.rows.length,\n    });\n    this.requestRender();\n  }\n\n  /**\n   * Clear filter for a specific field.\n   */\n  clearFieldFilter(field: string): void {\n    this.filters.delete(field);\n    this.excludedValues.delete(field);\n    this.searchText.delete(field);\n\n    this.cachedResult = null;\n    this.cacheKey = null;\n\n    this.emit<FilterChangeDetail>('filter-change', {\n      filters: [...this.filters.values()],\n      filteredRowCount: 0,\n    });\n    this.requestRender();\n  }\n\n  /**\n   * Check if a field has an active filter.\n   */\n  isFieldFiltered(field: string): boolean {\n    return this.filters.has(field);\n  }\n\n  /**\n   * Get the count of filtered rows (from cache).\n   */\n  getFilteredRowCount(): number {\n    return this.cachedResult?.length ?? this.rows.length;\n  }\n\n  /**\n   * Get all active filters (alias for getFilters).\n   */\n  getActiveFilters(): FilterModel[] {\n    return this.getFilters();\n  }\n\n  /**\n   * Get unique values for a field (for set filter dropdowns).\n   * Uses sourceRows to include all values regardless of current filter.\n   */\n  getUniqueValues(field: string): unknown[] {\n    return getUniqueValues(this.sourceRows as Record<string, unknown>[], field);\n  }\n\n  // ===== Private Methods =====\n\n  /**\n   * Inject global styles for filter panel (rendered in document.body)\n   */\n  private injectGlobalStyles(): void {\n    if (this.globalStylesInjected) return;\n    if (document.getElementById('tbw-filter-panel-styles')) {\n      this.globalStylesInjected = true;\n      return;\n    }\n    const style = document.createElement('style');\n    style.id = 'tbw-filter-panel-styles';\n    style.textContent = filterPanelStyles;\n    document.head.appendChild(style);\n    this.globalStylesInjected = true;\n  }\n\n  /**\n   * Toggle the filter panel for a field\n   */\n  private toggleFilterPanel(field: string, column: ColumnConfig, buttonEl: HTMLElement): void {\n    // Close if already open\n    if (this.openPanelField === field) {\n      this.closeFilterPanel();\n      return;\n    }\n\n    // Close any existing panel\n    this.closeFilterPanel();\n\n    // Create panel\n    const panel = document.createElement('div');\n    panel.className = 'tbw-filter-panel';\n    this.panelElement = panel;\n    this.openPanelField = field;\n\n    // Get unique values for this field (from source rows, not filtered)\n    const uniqueValues = getUniqueValues(this.sourceRows as Record<string, unknown>[], field);\n\n    // Get current excluded values or initialize empty\n    let excludedSet = this.excludedValues.get(field);\n    if (!excludedSet) {\n      excludedSet = new Set();\n      this.excludedValues.set(field, excludedSet);\n    }\n\n    // Get current search text\n    const currentSearchText = this.searchText.get(field) ?? '';\n\n    // Create panel params for custom renderer\n    const params: FilterPanelParams = {\n      field,\n      column,\n      uniqueValues,\n      excludedValues: excludedSet,\n      searchText: currentSearchText,\n      applySetFilter: (excluded: unknown[]) => {\n        this.applySetFilter(field, excluded);\n        this.closeFilterPanel();\n      },\n      applyTextFilter: (operator, value, valueTo) => {\n        this.applyTextFilter(field, operator, value, valueTo);\n        this.closeFilterPanel();\n      },\n      clearFilter: () => {\n        this.clearFieldFilter(field);\n        this.closeFilterPanel();\n      },\n      closePanel: () => this.closeFilterPanel(),\n    };\n\n    // Use custom renderer or default\n    // Custom renderer can return undefined to fall back to default panel for specific columns\n    let usedCustomRenderer = false;\n    if (this.config.filterPanelRenderer) {\n      const result = this.config.filterPanelRenderer(panel, params);\n      // If renderer added content to panel, it handled rendering\n      usedCustomRenderer = panel.children.length > 0;\n    }\n    if (!usedCustomRenderer) {\n      this.renderDefaultFilterPanel(panel, params, uniqueValues, excludedSet);\n    }\n\n    // Position and append to body\n    document.body.appendChild(panel);\n    this.positionPanel(panel, buttonEl);\n\n    // Add global click handler to close on outside click\n    const handler = (e: MouseEvent) => {\n      if (!panel.contains(e.target as Node) && e.target !== buttonEl) {\n        this.closeFilterPanel();\n      }\n    };\n    this.documentClickHandler = handler;\n    // Defer to next tick to avoid immediate close\n    setTimeout(() => {\n      document.addEventListener('click', handler);\n    }, 0);\n  }\n\n  /**\n   * Close the filter panel\n   */\n  private closeFilterPanel(): void {\n    if (this.panelElement) {\n      this.panelElement.remove();\n      this.panelElement = null;\n    }\n    this.openPanelField = null;\n    this.removeDocumentClickHandler();\n  }\n\n  /**\n   * Remove the document click handler\n   */\n  private removeDocumentClickHandler(): void {\n    if (this.documentClickHandler) {\n      document.removeEventListener('click', this.documentClickHandler);\n      this.documentClickHandler = null;\n    }\n  }\n\n  /**\n   * Position the panel below the button\n   */\n  private positionPanel(panel: HTMLElement, buttonEl: HTMLElement): void {\n    const rect = buttonEl.getBoundingClientRect();\n    panel.style.position = 'fixed';\n    panel.style.top = `${rect.bottom + 4}px`;\n    panel.style.left = `${rect.left}px`;\n\n    // Adjust if overflows right edge\n    requestAnimationFrame(() => {\n      const panelRect = panel.getBoundingClientRect();\n      if (panelRect.right > window.innerWidth - 8) {\n        panel.style.left = `${window.innerWidth - panelRect.width - 8}px`;\n      }\n      // Adjust if overflows bottom\n      if (panelRect.bottom > window.innerHeight - 8) {\n        panel.style.top = `${rect.top - panelRect.height - 4}px`;\n      }\n    });\n  }\n\n  /**\n   * Render the default filter panel content\n   */\n  private renderDefaultFilterPanel(\n    panel: HTMLElement,\n    params: FilterPanelParams,\n    uniqueValues: unknown[],\n    excludedValues: Set<unknown>\n  ): void {\n    const { field } = params;\n\n    // Search input\n    const searchContainer = document.createElement('div');\n    searchContainer.className = 'tbw-filter-search';\n\n    const searchInput = document.createElement('input');\n    searchInput.type = 'text';\n    searchInput.placeholder = 'Search...';\n    searchInput.className = 'tbw-filter-search-input';\n    searchInput.value = this.searchText.get(field) ?? '';\n    searchContainer.appendChild(searchInput);\n    panel.appendChild(searchContainer);\n\n    // Select All tristate checkbox\n    const actionsRow = document.createElement('div');\n    actionsRow.className = 'tbw-filter-actions';\n\n    const selectAllLabel = document.createElement('label');\n    selectAllLabel.className = 'tbw-filter-value-item';\n    selectAllLabel.style.padding = '0';\n    selectAllLabel.style.margin = '0';\n\n    const selectAllCheckbox = document.createElement('input');\n    selectAllCheckbox.type = 'checkbox';\n    selectAllCheckbox.className = 'tbw-filter-checkbox';\n\n    const selectAllText = document.createElement('span');\n    selectAllText.textContent = 'Select All';\n\n    selectAllLabel.appendChild(selectAllCheckbox);\n    selectAllLabel.appendChild(selectAllText);\n    actionsRow.appendChild(selectAllLabel);\n\n    // Update tristate checkbox based on checkState\n    const updateSelectAllState = () => {\n      const values = [...checkState.values()];\n      const allChecked = values.every((v) => v);\n      const noneChecked = values.every((v) => !v);\n\n      selectAllCheckbox.checked = allChecked;\n      selectAllCheckbox.indeterminate = !allChecked && !noneChecked;\n    };\n\n    // Toggle all on click\n    selectAllCheckbox.addEventListener('change', () => {\n      const newState = selectAllCheckbox.checked;\n      for (const key of checkState.keys()) {\n        checkState.set(key, newState);\n      }\n      updateSelectAllState();\n      renderVisibleItems();\n    });\n\n    panel.appendChild(actionsRow);\n\n    // Values container with virtualization support\n    const valuesContainer = document.createElement('div');\n    valuesContainer.className = 'tbw-filter-values';\n\n    // Spacer for virtual height\n    const spacer = document.createElement('div');\n    spacer.className = 'tbw-filter-values-spacer';\n    valuesContainer.appendChild(spacer);\n\n    // Content container positioned absolutely\n    const contentContainer = document.createElement('div');\n    contentContainer.className = 'tbw-filter-values-content';\n    valuesContainer.appendChild(contentContainer);\n\n    // Track current check state for values (persists across virtualizations)\n    const checkState = new Map<string, boolean>();\n    uniqueValues.forEach((value) => {\n      const key = value == null ? '__null__' : String(value);\n      checkState.set(key, !excludedValues.has(value));\n    });\n\n    // Initialize select all state\n    updateSelectAllState();\n\n    // Filtered values cache\n    let filteredValues: unknown[] = [];\n\n    // Create a single checkbox item element\n    const createItem = (value: unknown, index: number): HTMLElement => {\n      const strValue = value == null ? '(Blank)' : String(value);\n      const key = value == null ? '__null__' : String(value);\n\n      const item = document.createElement('label');\n      item.className = 'tbw-filter-value-item';\n      item.style.position = 'absolute';\n      item.style.top = `${index * FilteringPlugin.LIST_ITEM_HEIGHT}px`;\n      item.style.left = '0';\n      item.style.right = '0';\n      item.style.height = `${FilteringPlugin.LIST_ITEM_HEIGHT}px`;\n      item.style.boxSizing = 'border-box';\n\n      const checkbox = document.createElement('input');\n      checkbox.type = 'checkbox';\n      checkbox.className = 'tbw-filter-checkbox';\n      checkbox.checked = checkState.get(key) ?? true;\n      checkbox.dataset.value = key;\n\n      // Sync check state on change and update tristate checkbox\n      checkbox.addEventListener('change', () => {\n        checkState.set(key, checkbox.checked);\n        updateSelectAllState();\n      });\n\n      const label = document.createElement('span');\n      label.textContent = strValue;\n\n      item.appendChild(checkbox);\n      item.appendChild(label);\n      return item;\n    };\n\n    // Render visible items using virtualization\n    const renderVisibleItems = () => {\n      const totalItems = filteredValues.length;\n      const viewportHeight = valuesContainer.clientHeight;\n      const scrollTop = valuesContainer.scrollTop;\n\n      // Set total height for scrollbar\n      spacer.style.height = `${totalItems * FilteringPlugin.LIST_ITEM_HEIGHT}px`;\n\n      // Bypass virtualization for small lists\n      if (shouldBypassVirtualization(totalItems, FilteringPlugin.LIST_BYPASS_THRESHOLD / 3)) {\n        contentContainer.innerHTML = '';\n        contentContainer.style.transform = 'translateY(0px)';\n        filteredValues.forEach((value, idx) => {\n          contentContainer.appendChild(createItem(value, idx));\n        });\n        return;\n      }\n\n      // Use computeVirtualWindow for real-scroll virtualization\n      const window = computeVirtualWindow({\n        totalRows: totalItems,\n        viewportHeight,\n        scrollTop,\n        rowHeight: FilteringPlugin.LIST_ITEM_HEIGHT,\n        overscan: FilteringPlugin.LIST_OVERSCAN,\n      });\n\n      // Position content container\n      contentContainer.style.transform = `translateY(${window.offsetY}px)`;\n\n      // Clear and render visible items\n      contentContainer.innerHTML = '';\n      for (let i = window.start; i < window.end; i++) {\n        contentContainer.appendChild(createItem(filteredValues[i], i - window.start));\n      }\n    };\n\n    // Filter and re-render values\n    const renderValues = (filterText: string) => {\n      const lowerFilter = filterText.toLowerCase();\n\n      // Filter the unique values\n      filteredValues = uniqueValues.filter((value) => {\n        const strValue = value == null ? '(Blank)' : String(value);\n        return !filterText || strValue.toLowerCase().includes(lowerFilter);\n      });\n\n      if (filteredValues.length === 0) {\n        spacer.style.height = '0px';\n        contentContainer.innerHTML = '';\n        const noMatch = document.createElement('div');\n        noMatch.className = 'tbw-filter-no-match';\n        noMatch.textContent = 'No matching values';\n        contentContainer.appendChild(noMatch);\n        return;\n      }\n\n      renderVisibleItems();\n    };\n\n    // Scroll handler for virtualization\n    valuesContainer.addEventListener(\n      'scroll',\n      () => {\n        if (filteredValues.length > 0) {\n          renderVisibleItems();\n        }\n      },\n      { passive: true }\n    );\n\n    renderValues(searchInput.value);\n    panel.appendChild(valuesContainer);\n\n    // Debounced search\n    let debounceTimer: ReturnType<typeof setTimeout>;\n    searchInput.addEventListener('input', () => {\n      clearTimeout(debounceTimer);\n      debounceTimer = setTimeout(() => {\n        this.searchText.set(field, searchInput.value);\n        renderValues(searchInput.value);\n      }, this.config.debounceMs ?? 150);\n    });\n\n    // Apply/Clear buttons\n    const buttonRow = document.createElement('div');\n    buttonRow.className = 'tbw-filter-buttons';\n\n    const applyBtn = document.createElement('button');\n    applyBtn.className = 'tbw-filter-apply-btn';\n    applyBtn.textContent = 'Apply';\n    applyBtn.addEventListener('click', () => {\n      // Read from checkState map (works with virtualization)\n      const excluded: unknown[] = [];\n      for (const [key, isChecked] of checkState) {\n        if (!isChecked) {\n          if (key === '__null__') {\n            excluded.push(null);\n          } else {\n            // Try to match original value type\n            const original = uniqueValues.find((v) => String(v) === key);\n            excluded.push(original !== undefined ? original : key);\n          }\n        }\n      }\n      params.applySetFilter(excluded);\n    });\n    buttonRow.appendChild(applyBtn);\n\n    const clearBtn = document.createElement('button');\n    clearBtn.className = 'tbw-filter-clear-btn';\n    clearBtn.textContent = 'Clear Filter';\n    clearBtn.addEventListener('click', () => {\n      params.clearFilter();\n    });\n    buttonRow.appendChild(clearBtn);\n\n    panel.appendChild(buttonRow);\n  }\n\n  /**\n   * Apply a set filter (exclude values)\n   */\n  private applySetFilter(field: string, excluded: unknown[]): void {\n    // Store excluded values\n    this.excludedValues.set(field, new Set(excluded));\n\n    if (excluded.length === 0) {\n      // No exclusions = no filter\n      this.filters.delete(field);\n    } else {\n      // Create \"notIn\" filter\n      this.filters.set(field, {\n        field,\n        type: 'set',\n        operator: 'notIn',\n        value: excluded,\n      });\n    }\n\n    this.cachedResult = null;\n    this.cacheKey = null;\n\n    this.emit<FilterChangeDetail>('filter-change', {\n      filters: [...this.filters.values()],\n      filteredRowCount: 0,\n    });\n    this.requestRender();\n  }\n\n  /**\n   * Apply a text filter\n   */\n  private applyTextFilter(field: string, operator: FilterModel['operator'], value: string, valueTo?: string): void {\n    this.filters.set(field, {\n      field,\n      type: 'text',\n      operator,\n      value,\n      valueTo,\n    });\n\n    this.cachedResult = null;\n    this.cacheKey = null;\n\n    this.emit<FilterChangeDetail>('filter-change', {\n      filters: [...this.filters.values()],\n      filteredRowCount: 0,\n    });\n    this.requestRender();\n  }\n\n  // ===== Column State Hooks =====\n\n  /**\n   * Return filter state for a column if it has an active filter.\n   */\n  override getColumnState(field: string): Partial<ColumnState> | undefined {\n    const filterModel = this.filters.get(field);\n    if (!filterModel) return undefined;\n\n    return {\n      filter: {\n        type: filterModel.type,\n        operator: filterModel.operator,\n        value: filterModel.value,\n        valueTo: filterModel.valueTo,\n      },\n    };\n  }\n\n  /**\n   * Apply filter state from column state.\n   */\n  override applyColumnState(field: string, state: ColumnState): void {\n    // Only process if the column has filter state\n    if (!state.filter) {\n      this.filters.delete(field);\n      return;\n    }\n\n    // Reconstruct the FilterModel from the stored state\n    const filterModel: FilterModel = {\n      field,\n      type: state.filter.type,\n      operator: state.filter.operator as FilterModel['operator'],\n      value: state.filter.value,\n      valueTo: state.filter.valueTo,\n    };\n\n    this.filters.set(field, filterModel);\n    // Invalidate cache so filter is reapplied\n    this.cachedResult = null;\n    this.cacheKey = null;\n  }\n\n  // ===== Styles =====\n\n  override readonly styles = `\n    .header-cell.filtered::before {\n      content: '';\n      position: absolute;\n      top: 4px;\n      right: 4px;\n      width: 6px;\n      height: 6px;\n      background: var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));\n      border-radius: 50%;\n    }\n    .tbw-filter-btn {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      background: transparent;\n      border: none;\n      cursor: pointer;\n      padding: 2px;\n      margin-left: 4px;\n      opacity: 0.4;\n      transition: opacity 0.15s;\n      color: inherit;\n      vertical-align: middle;\n    }\n    .tbw-filter-btn:hover,\n    .tbw-filter-btn.active {\n      opacity: 1;\n    }\n    .tbw-filter-btn.active {\n      color: var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));\n    }\n  `;\n}\n"],"names":["matchesFilter","row","filter","caseSensitive","rawValue","stringValue","compareValue","filterValue","filterRows","rows","filters","f","computeFilterCacheKey","getUniqueValues","field","values","value","a","b","filterPanelStyles","FilteringPlugin","BaseGridPlugin","grid","filterList","newCacheKey","result","shadowRoot","cell","colIndex","col","filterBtn","e","style","column","buttonEl","panel","uniqueValues","excludedSet","currentSearchText","params","excluded","operator","valueTo","usedCustomRenderer","handler","rect","panelRect","excludedValues","searchContainer","searchInput","actionsRow","selectAllLabel","selectAllCheckbox","selectAllText","updateSelectAllState","checkState","allChecked","v","noneChecked","newState","key","renderVisibleItems","valuesContainer","spacer","contentContainer","filteredValues","createItem","index","strValue","item","checkbox","label","totalItems","viewportHeight","scrollTop","shouldBypassVirtualization","idx","window","computeVirtualWindow","i","renderValues","filterText","lowerFilter","noMatch","debounceTimer","buttonRow","applyBtn","isChecked","original","clearBtn","filterModel","state"],"mappings":"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"}
+{"version":3,"file":"filtering.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/filtering/filter-model.ts","../../../../../libs/grid/src/lib/plugins/filtering/FilteringPlugin.ts"],"sourcesContent":["/**\n * Filter Model Core Logic\n *\n * Pure functions for filtering operations.\n */\n\nimport type { FilterModel } from './types';\n\n/**\n * Check if a single row matches a filter condition.\n *\n * @param row - The row data object\n * @param filter - The filter to apply\n * @param caseSensitive - Whether text comparisons are case sensitive\n * @returns True if the row matches the filter\n */\nexport function matchesFilter(row: Record<string, unknown>, filter: FilterModel, caseSensitive = false): boolean {\n  const rawValue = row[filter.field];\n\n  // Handle blank/notBlank first - these work on null/undefined/empty\n  if (filter.operator === 'blank') {\n    return rawValue == null || rawValue === '';\n  }\n  if (filter.operator === 'notBlank') {\n    return rawValue != null && rawValue !== '';\n  }\n\n  // Null/undefined values don't match other filters\n  if (rawValue == null) return false;\n\n  // Prepare values for comparison\n  const stringValue = String(rawValue);\n  const compareValue = caseSensitive ? stringValue : stringValue.toLowerCase();\n  const filterValue = caseSensitive ? String(filter.value) : String(filter.value).toLowerCase();\n\n  switch (filter.operator) {\n    // Text operators\n    case 'contains':\n      return compareValue.includes(filterValue);\n\n    case 'notContains':\n      return !compareValue.includes(filterValue);\n\n    case 'equals':\n      return compareValue === filterValue;\n\n    case 'notEquals':\n      return compareValue !== filterValue;\n\n    case 'startsWith':\n      return compareValue.startsWith(filterValue);\n\n    case 'endsWith':\n      return compareValue.endsWith(filterValue);\n\n    // Number/Date operators (use raw numeric values)\n    case 'lessThan':\n      return Number(rawValue) < Number(filter.value);\n\n    case 'lessThanOrEqual':\n      return Number(rawValue) <= Number(filter.value);\n\n    case 'greaterThan':\n      return Number(rawValue) > Number(filter.value);\n\n    case 'greaterThanOrEqual':\n      return Number(rawValue) >= Number(filter.value);\n\n    case 'between':\n      return Number(rawValue) >= Number(filter.value) && Number(rawValue) <= Number(filter.valueTo);\n\n    // Set operators\n    case 'in':\n      return Array.isArray(filter.value) && filter.value.includes(rawValue);\n\n    case 'notIn':\n      return Array.isArray(filter.value) && !filter.value.includes(rawValue);\n\n    default:\n      return true;\n  }\n}\n\n/**\n * Filter rows based on multiple filter conditions (AND logic).\n * All filters must match for a row to be included.\n *\n * @param rows - The rows to filter\n * @param filters - Array of filters to apply\n * @param caseSensitive - Whether text comparisons are case sensitive\n * @returns Filtered rows\n */\nexport function filterRows<T extends Record<string, unknown>>(\n  rows: T[],\n  filters: FilterModel[],\n  caseSensitive = false\n): T[] {\n  if (!filters.length) return rows;\n  return rows.filter((row) => filters.every((f) => matchesFilter(row, f, caseSensitive)));\n}\n\n/**\n * Compute a cache key for a set of filters.\n * Used for memoization of filter results.\n *\n * @param filters - Array of filters\n * @returns Stable string key for the filter set\n */\nexport function computeFilterCacheKey(filters: FilterModel[]): string {\n  return JSON.stringify(\n    filters.map((f) => ({\n      field: f.field,\n      operator: f.operator,\n      value: f.value,\n      valueTo: f.valueTo,\n    }))\n  );\n}\n\n/**\n * Extract unique values from a field across all rows.\n * Useful for populating \"set\" filter dropdowns.\n *\n * @param rows - The rows to extract values from\n * @param field - The field name\n * @returns Sorted array of unique non-null values\n */\nexport function getUniqueValues<T extends Record<string, unknown>>(rows: T[], field: string): unknown[] {\n  const values = new Set<unknown>();\n  for (const row of rows) {\n    const value = row[field];\n    if (value != null) {\n      values.add(value);\n    }\n  }\n  return [...values].sort((a, b) => {\n    // Handle mixed types gracefully\n    if (typeof a === 'number' && typeof b === 'number') {\n      return a - b;\n    }\n    return String(a).localeCompare(String(b));\n  });\n}\n","/**\n * Filtering Plugin (Class-based)\n *\n * Provides comprehensive filtering functionality for tbw-grid.\n * Supports text, number, date, set, and boolean filters with caching.\n * Includes UI with filter buttons in headers and dropdown filter panels.\n */\n\nimport { computeVirtualWindow, shouldBypassVirtualization } from '../../core/internal/virtualization';\nimport { BaseGridPlugin, type GridElement } from '../../core/plugin/base-plugin';\nimport type { ColumnConfig, ColumnState } from '../../core/types';\nimport { computeFilterCacheKey, filterRows, getUniqueValues } from './filter-model';\nimport type { FilterChangeDetail, FilterConfig, FilterModel, FilterPanelParams } from './types';\n\n/** Global styles for filter panel (rendered in document.body) */\nconst filterPanelStyles = `\n.tbw-filter-panel {\n  position: fixed;\n  background: var(--tbw-filter-panel-bg, var(--tbw-color-panel-bg, light-dark(#eeeeee, #222222)));\n  color: var(--tbw-filter-panel-fg, var(--tbw-color-fg, light-dark(#222222, #eeeeee)));\n  border: 1px solid var(--tbw-filter-panel-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));\n  border-radius: var(--tbw-filter-panel-radius, var(--tbw-border-radius, 4px));\n  box-shadow: 0 4px 16px var(--tbw-filter-panel-shadow, var(--tbw-color-shadow, light-dark(rgba(0,0,0,0.1), rgba(0,0,0,0.3))));\n  padding: 12px;\n  z-index: 10000;\n  min-width: 200px;\n  max-width: 280px;\n  max-height: 350px;\n  display: flex;\n  flex-direction: column;\n  font-family: var(--tbw-font-family, system-ui, sans-serif);\n  font-size: var(--tbw-font-size, 13px);\n}\n\n.tbw-filter-search {\n  margin-bottom: 8px;\n}\n\n.tbw-filter-search-input {\n  width: 100%;\n  padding: 6px 10px;\n  background: var(--tbw-filter-input-bg, var(--tbw-color-bg, transparent));\n  color: inherit;\n  border: 1px solid var(--tbw-filter-input-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));\n  border-radius: var(--tbw-filter-input-radius, 4px);\n  font-size: inherit;\n  box-sizing: border-box;\n}\n\n.tbw-filter-search-input:focus {\n  outline: none;\n  border-color: var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));\n  box-shadow: 0 0 0 2px rgba(from var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6)) r g b / 15%);\n}\n\n.tbw-filter-actions {\n  display: flex;\n  padding: 4px 2px;\n  margin-bottom: 8px;\n  border-bottom: 1px solid var(--tbw-filter-divider, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));\n}\n\n.tbw-filter-action-btn {\n  background: transparent;\n  border: none;\n  color: var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));\n  cursor: pointer;\n  font-size: 12px;\n  padding: 2px 0;\n}\n\n.tbw-filter-action-btn:hover {\n  text-decoration: underline;\n}\n\n.tbw-filter-values {\n  flex: 1;\n  overflow-y: auto;\n  margin-bottom: 8px;\n  max-height: 180px;\n  position: relative;\n}\n\n.tbw-filter-values-spacer {\n  width: 1px;\n}\n\n.tbw-filter-values-content {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n}\n\n.tbw-filter-value-item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 4px 2px;\n  cursor: pointer;\n  border-radius: 3px;\n}\n\n.tbw-filter-value-item:hover {\n  background: var(--tbw-filter-hover, var(--tbw-color-row-hover, light-dark(#f0f6ff, #1c1c1c)));\n}\n\n.tbw-filter-checkbox {\n  margin: 0;\n  cursor: pointer;\n  accent-color: var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));\n}\n\n.tbw-filter-no-match {\n  color: var(--tbw-filter-muted, var(--tbw-color-fg-muted, light-dark(#555555, #aaaaaa)));\n  padding: 8px 0;\n  text-align: center;\n  font-style: italic;\n}\n\n.tbw-filter-buttons {\n  display: flex;\n  gap: 8px;\n  padding-top: 8px;\n  border-top: 1px solid var(--tbw-filter-divider, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));\n}\n\n.tbw-filter-apply-btn {\n  flex: 1;\n  padding: 6px 12px;\n  background: var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));\n  color: var(--tbw-filter-accent-fg, var(--tbw-color-accent-fg, light-dark(#ffffff, #000000)));\n  border: none;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 13px;\n}\n\n.tbw-filter-apply-btn:hover {\n  filter: brightness(0.9);\n}\n\n.tbw-filter-clear-btn {\n  flex: 1;\n  padding: 6px 12px;\n  background: transparent;\n  color: var(--tbw-filter-muted, var(--tbw-color-fg-muted, light-dark(#555555, #aaaaaa)));\n  border: 1px solid var(--tbw-filter-input-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 13px;\n}\n\n.tbw-filter-clear-btn:hover {\n  background: var(--tbw-filter-hover, var(--tbw-color-row-hover, light-dark(#f0f6ff, #1c1c1c)));\n}\n`;\n\n/**\n * Filtering Plugin for tbw-grid\n *\n * @example\n * ```ts\n * new FilteringPlugin({ enabled: true, debounceMs: 300 })\n * ```\n */\nexport class FilteringPlugin extends BaseGridPlugin<FilterConfig> {\n  readonly name = 'filtering';\n  override readonly version = '1.0.0';\n\n  protected override get defaultConfig(): Partial<FilterConfig> {\n    return {\n      enabled: true,\n      debounceMs: 300,\n      caseSensitive: false,\n      trimInput: true,\n      useWorker: true,\n    };\n  }\n\n  // ===== Internal State =====\n  private filters: Map<string, FilterModel> = new Map();\n  private cachedResult: unknown[] | null = null;\n  private cacheKey: string | null = null;\n  private openPanelField: string | null = null;\n  private panelElement: HTMLElement | null = null;\n  private searchText: Map<string, string> = new Map();\n  private excludedValues: Map<string, Set<unknown>> = new Map();\n  private panelAbortController: AbortController | null = null; // For panel-scoped listeners\n  private globalStylesInjected = false;\n\n  // Virtualization constants for filter value list\n  private static readonly LIST_ITEM_HEIGHT = 28;\n  private static readonly LIST_OVERSCAN = 3;\n  private static readonly LIST_BYPASS_THRESHOLD = 50; // Don't virtualize if < 50 items\n\n  // ===== Lifecycle =====\n\n  override attach(grid: GridElement): void {\n    super.attach(grid);\n    this.injectGlobalStyles();\n  }\n\n  override detach(): void {\n    this.filters.clear();\n    this.cachedResult = null;\n    this.cacheKey = null;\n    this.openPanelField = null;\n    if (this.panelElement) {\n      this.panelElement.remove();\n      this.panelElement = null;\n    }\n    this.searchText.clear();\n    this.excludedValues.clear();\n    // Abort panel-scoped listeners (document click handler, etc.)\n    this.panelAbortController?.abort();\n    this.panelAbortController = null;\n  }\n\n  // ===== Hooks =====\n\n  override processRows(rows: readonly unknown[]): unknown[] {\n    const filterList = [...this.filters.values()];\n    if (!filterList.length) return [...rows];\n\n    // Check cache\n    const newCacheKey = computeFilterCacheKey(filterList);\n    if (this.cacheKey === newCacheKey && this.cachedResult) {\n      return this.cachedResult;\n    }\n\n    // Filter rows synchronously (worker support can be added later)\n    const result = filterRows([...rows] as Record<string, unknown>[], filterList, this.config.caseSensitive);\n\n    // Update cache\n    this.cachedResult = result;\n    this.cacheKey = newCacheKey;\n\n    return result;\n  }\n\n  override afterRender(): void {\n    if (!this.config.enabled) return;\n\n    const shadowRoot = this.shadowRoot;\n    if (!shadowRoot) return;\n\n    // Find all header cells (using part attribute, not class)\n    const headerCells = shadowRoot.querySelectorAll('[part~=\"header-cell\"]');\n    headerCells.forEach((cell) => {\n      const colIndex = cell.getAttribute('data-col');\n      if (colIndex === null) return;\n\n      const col = this.columns[parseInt(colIndex, 10)] as ColumnConfig;\n      if (!col || col.filterable === false) return;\n\n      // Skip if button already exists\n      if (cell.querySelector('.tbw-filter-btn')) return;\n\n      const field = col.field;\n      if (!field) return;\n\n      // Create filter button\n      const filterBtn = document.createElement('button');\n      filterBtn.className = 'tbw-filter-btn';\n      filterBtn.setAttribute('aria-label', `Filter ${col.header ?? field}`);\n      filterBtn.innerHTML = `<svg viewBox=\"0 0 16 16\" width=\"12\" height=\"12\"><path fill=\"currentColor\" d=\"M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z\"/></svg>`;\n\n      // Mark button as active if filter exists\n      if (this.filters.has(field)) {\n        filterBtn.classList.add('active');\n        cell.classList.add('filtered');\n      }\n\n      filterBtn.addEventListener('click', (e) => {\n        e.stopPropagation();\n        this.toggleFilterPanel(field, col, filterBtn);\n      });\n\n      // Append to header cell\n      cell.appendChild(filterBtn);\n    });\n  }\n\n  // ===== Public API =====\n\n  /**\n   * Set a filter on a specific field.\n   * Pass null to remove the filter.\n   */\n  setFilter(field: string, filter: Omit<FilterModel, 'field'> | null): void {\n    if (filter === null) {\n      this.filters.delete(field);\n    } else {\n      this.filters.set(field, { ...filter, field });\n    }\n    // Invalidate cache\n    this.cachedResult = null;\n    this.cacheKey = null;\n\n    this.emit<FilterChangeDetail>('filter-change', {\n      filters: [...this.filters.values()],\n      filteredRowCount: 0, // Will be accurate after processRows\n    });\n    this.requestRender();\n  }\n\n  /**\n   * Get the current filter for a field.\n   */\n  getFilter(field: string): FilterModel | undefined {\n    return this.filters.get(field);\n  }\n\n  /**\n   * Get all active filters.\n   */\n  getFilters(): FilterModel[] {\n    return [...this.filters.values()];\n  }\n\n  /**\n   * Alias for getFilters() to match functional API naming.\n   */\n  getFilterModel(): FilterModel[] {\n    return this.getFilters();\n  }\n\n  /**\n   * Set filters from an array (replaces all existing filters).\n   */\n  setFilterModel(filters: FilterModel[]): void {\n    this.filters.clear();\n    for (const filter of filters) {\n      this.filters.set(filter.field, filter);\n    }\n    this.cachedResult = null;\n    this.cacheKey = null;\n\n    this.emit<FilterChangeDetail>('filter-change', {\n      filters: [...this.filters.values()],\n      filteredRowCount: 0,\n    });\n    this.requestRender();\n  }\n\n  /**\n   * Clear all filters.\n   */\n  clearAllFilters(): void {\n    this.filters.clear();\n    this.excludedValues.clear();\n    this.searchText.clear();\n    this.cachedResult = null;\n    this.cacheKey = null;\n\n    this.emit<FilterChangeDetail>('filter-change', {\n      filters: [],\n      filteredRowCount: this.rows.length,\n    });\n    this.requestRender();\n  }\n\n  /**\n   * Clear filter for a specific field.\n   */\n  clearFieldFilter(field: string): void {\n    this.filters.delete(field);\n    this.excludedValues.delete(field);\n    this.searchText.delete(field);\n\n    this.cachedResult = null;\n    this.cacheKey = null;\n\n    this.emit<FilterChangeDetail>('filter-change', {\n      filters: [...this.filters.values()],\n      filteredRowCount: 0,\n    });\n    this.requestRender();\n  }\n\n  /**\n   * Check if a field has an active filter.\n   */\n  isFieldFiltered(field: string): boolean {\n    return this.filters.has(field);\n  }\n\n  /**\n   * Get the count of filtered rows (from cache).\n   */\n  getFilteredRowCount(): number {\n    return this.cachedResult?.length ?? this.rows.length;\n  }\n\n  /**\n   * Get all active filters (alias for getFilters).\n   */\n  getActiveFilters(): FilterModel[] {\n    return this.getFilters();\n  }\n\n  /**\n   * Get unique values for a field (for set filter dropdowns).\n   * Uses sourceRows to include all values regardless of current filter.\n   */\n  getUniqueValues(field: string): unknown[] {\n    return getUniqueValues(this.sourceRows as Record<string, unknown>[], field);\n  }\n\n  // ===== Private Methods =====\n\n  /**\n   * Inject global styles for filter panel (rendered in document.body)\n   */\n  private injectGlobalStyles(): void {\n    if (this.globalStylesInjected) return;\n    if (document.getElementById('tbw-filter-panel-styles')) {\n      this.globalStylesInjected = true;\n      return;\n    }\n    const style = document.createElement('style');\n    style.id = 'tbw-filter-panel-styles';\n    style.textContent = filterPanelStyles;\n    document.head.appendChild(style);\n    this.globalStylesInjected = true;\n  }\n\n  /**\n   * Toggle the filter panel for a field\n   */\n  private toggleFilterPanel(field: string, column: ColumnConfig, buttonEl: HTMLElement): void {\n    // Close if already open\n    if (this.openPanelField === field) {\n      this.closeFilterPanel();\n      return;\n    }\n\n    // Close any existing panel\n    this.closeFilterPanel();\n\n    // Create panel\n    const panel = document.createElement('div');\n    panel.className = 'tbw-filter-panel';\n    this.panelElement = panel;\n    this.openPanelField = field;\n\n    // Get unique values for this field (from source rows, not filtered)\n    const uniqueValues = getUniqueValues(this.sourceRows as Record<string, unknown>[], field);\n\n    // Get current excluded values or initialize empty\n    let excludedSet = this.excludedValues.get(field);\n    if (!excludedSet) {\n      excludedSet = new Set();\n      this.excludedValues.set(field, excludedSet);\n    }\n\n    // Get current search text\n    const currentSearchText = this.searchText.get(field) ?? '';\n\n    // Create panel params for custom renderer\n    const params: FilterPanelParams = {\n      field,\n      column,\n      uniqueValues,\n      excludedValues: excludedSet,\n      searchText: currentSearchText,\n      applySetFilter: (excluded: unknown[]) => {\n        this.applySetFilter(field, excluded);\n        this.closeFilterPanel();\n      },\n      applyTextFilter: (operator, value, valueTo) => {\n        this.applyTextFilter(field, operator, value, valueTo);\n        this.closeFilterPanel();\n      },\n      clearFilter: () => {\n        this.clearFieldFilter(field);\n        this.closeFilterPanel();\n      },\n      closePanel: () => this.closeFilterPanel(),\n    };\n\n    // Use custom renderer or default\n    // Custom renderer can return undefined to fall back to default panel for specific columns\n    let usedCustomRenderer = false;\n    if (this.config.filterPanelRenderer) {\n      const result = this.config.filterPanelRenderer(panel, params);\n      // If renderer added content to panel, it handled rendering\n      usedCustomRenderer = panel.children.length > 0;\n    }\n    if (!usedCustomRenderer) {\n      this.renderDefaultFilterPanel(panel, params, uniqueValues, excludedSet);\n    }\n\n    // Position and append to body\n    document.body.appendChild(panel);\n    this.positionPanel(panel, buttonEl);\n\n    // Create abort controller for panel-scoped listeners\n    // This allows cleanup when panel closes OR when grid disconnects\n    this.panelAbortController = new AbortController();\n\n    // Add global click handler to close on outside click\n    // Defer to next tick to avoid immediate close from the click that opened the panel\n    setTimeout(() => {\n      document.addEventListener(\n        'click',\n        (e: MouseEvent) => {\n          if (!panel.contains(e.target as Node) && e.target !== buttonEl) {\n            this.closeFilterPanel();\n          }\n        },\n        { signal: this.panelAbortController?.signal }\n      );\n    }, 0);\n  }\n\n  /**\n   * Close the filter panel\n   */\n  private closeFilterPanel(): void {\n    if (this.panelElement) {\n      this.panelElement.remove();\n      this.panelElement = null;\n    }\n    this.openPanelField = null;\n    // Abort panel-scoped listeners (document click handler)\n    this.panelAbortController?.abort();\n    this.panelAbortController = null;\n  }\n\n  /**\n   * Position the panel below the button\n   */\n  private positionPanel(panel: HTMLElement, buttonEl: HTMLElement): void {\n    const rect = buttonEl.getBoundingClientRect();\n    panel.style.position = 'fixed';\n    panel.style.top = `${rect.bottom + 4}px`;\n    panel.style.left = `${rect.left}px`;\n\n    // Adjust if overflows right edge\n    requestAnimationFrame(() => {\n      const panelRect = panel.getBoundingClientRect();\n      if (panelRect.right > window.innerWidth - 8) {\n        panel.style.left = `${window.innerWidth - panelRect.width - 8}px`;\n      }\n      // Adjust if overflows bottom\n      if (panelRect.bottom > window.innerHeight - 8) {\n        panel.style.top = `${rect.top - panelRect.height - 4}px`;\n      }\n    });\n  }\n\n  /**\n   * Render the default filter panel content\n   */\n  private renderDefaultFilterPanel(\n    panel: HTMLElement,\n    params: FilterPanelParams,\n    uniqueValues: unknown[],\n    excludedValues: Set<unknown>\n  ): void {\n    const { field } = params;\n\n    // Search input\n    const searchContainer = document.createElement('div');\n    searchContainer.className = 'tbw-filter-search';\n\n    const searchInput = document.createElement('input');\n    searchInput.type = 'text';\n    searchInput.placeholder = 'Search...';\n    searchInput.className = 'tbw-filter-search-input';\n    searchInput.value = this.searchText.get(field) ?? '';\n    searchContainer.appendChild(searchInput);\n    panel.appendChild(searchContainer);\n\n    // Select All tristate checkbox\n    const actionsRow = document.createElement('div');\n    actionsRow.className = 'tbw-filter-actions';\n\n    const selectAllLabel = document.createElement('label');\n    selectAllLabel.className = 'tbw-filter-value-item';\n    selectAllLabel.style.padding = '0';\n    selectAllLabel.style.margin = '0';\n\n    const selectAllCheckbox = document.createElement('input');\n    selectAllCheckbox.type = 'checkbox';\n    selectAllCheckbox.className = 'tbw-filter-checkbox';\n\n    const selectAllText = document.createElement('span');\n    selectAllText.textContent = 'Select All';\n\n    selectAllLabel.appendChild(selectAllCheckbox);\n    selectAllLabel.appendChild(selectAllText);\n    actionsRow.appendChild(selectAllLabel);\n\n    // Update tristate checkbox based on checkState\n    const updateSelectAllState = () => {\n      const values = [...checkState.values()];\n      const allChecked = values.every((v) => v);\n      const noneChecked = values.every((v) => !v);\n\n      selectAllCheckbox.checked = allChecked;\n      selectAllCheckbox.indeterminate = !allChecked && !noneChecked;\n    };\n\n    // Toggle all on click\n    selectAllCheckbox.addEventListener('change', () => {\n      const newState = selectAllCheckbox.checked;\n      for (const key of checkState.keys()) {\n        checkState.set(key, newState);\n      }\n      updateSelectAllState();\n      renderVisibleItems();\n    });\n\n    panel.appendChild(actionsRow);\n\n    // Values container with virtualization support\n    const valuesContainer = document.createElement('div');\n    valuesContainer.className = 'tbw-filter-values';\n\n    // Spacer for virtual height\n    const spacer = document.createElement('div');\n    spacer.className = 'tbw-filter-values-spacer';\n    valuesContainer.appendChild(spacer);\n\n    // Content container positioned absolutely\n    const contentContainer = document.createElement('div');\n    contentContainer.className = 'tbw-filter-values-content';\n    valuesContainer.appendChild(contentContainer);\n\n    // Track current check state for values (persists across virtualizations)\n    const checkState = new Map<string, boolean>();\n    uniqueValues.forEach((value) => {\n      const key = value == null ? '__null__' : String(value);\n      checkState.set(key, !excludedValues.has(value));\n    });\n\n    // Initialize select all state\n    updateSelectAllState();\n\n    // Filtered values cache\n    let filteredValues: unknown[] = [];\n\n    // Create a single checkbox item element\n    const createItem = (value: unknown, index: number): HTMLElement => {\n      const strValue = value == null ? '(Blank)' : String(value);\n      const key = value == null ? '__null__' : String(value);\n\n      const item = document.createElement('label');\n      item.className = 'tbw-filter-value-item';\n      item.style.position = 'absolute';\n      item.style.top = `${index * FilteringPlugin.LIST_ITEM_HEIGHT}px`;\n      item.style.left = '0';\n      item.style.right = '0';\n      item.style.height = `${FilteringPlugin.LIST_ITEM_HEIGHT}px`;\n      item.style.boxSizing = 'border-box';\n\n      const checkbox = document.createElement('input');\n      checkbox.type = 'checkbox';\n      checkbox.className = 'tbw-filter-checkbox';\n      checkbox.checked = checkState.get(key) ?? true;\n      checkbox.dataset.value = key;\n\n      // Sync check state on change and update tristate checkbox\n      checkbox.addEventListener('change', () => {\n        checkState.set(key, checkbox.checked);\n        updateSelectAllState();\n      });\n\n      const label = document.createElement('span');\n      label.textContent = strValue;\n\n      item.appendChild(checkbox);\n      item.appendChild(label);\n      return item;\n    };\n\n    // Render visible items using virtualization\n    const renderVisibleItems = () => {\n      const totalItems = filteredValues.length;\n      const viewportHeight = valuesContainer.clientHeight;\n      const scrollTop = valuesContainer.scrollTop;\n\n      // Set total height for scrollbar\n      spacer.style.height = `${totalItems * FilteringPlugin.LIST_ITEM_HEIGHT}px`;\n\n      // Bypass virtualization for small lists\n      if (shouldBypassVirtualization(totalItems, FilteringPlugin.LIST_BYPASS_THRESHOLD / 3)) {\n        contentContainer.innerHTML = '';\n        contentContainer.style.transform = 'translateY(0px)';\n        filteredValues.forEach((value, idx) => {\n          contentContainer.appendChild(createItem(value, idx));\n        });\n        return;\n      }\n\n      // Use computeVirtualWindow for real-scroll virtualization\n      const window = computeVirtualWindow({\n        totalRows: totalItems,\n        viewportHeight,\n        scrollTop,\n        rowHeight: FilteringPlugin.LIST_ITEM_HEIGHT,\n        overscan: FilteringPlugin.LIST_OVERSCAN,\n      });\n\n      // Position content container\n      contentContainer.style.transform = `translateY(${window.offsetY}px)`;\n\n      // Clear and render visible items\n      contentContainer.innerHTML = '';\n      for (let i = window.start; i < window.end; i++) {\n        contentContainer.appendChild(createItem(filteredValues[i], i - window.start));\n      }\n    };\n\n    // Filter and re-render values\n    const renderValues = (filterText: string) => {\n      const lowerFilter = filterText.toLowerCase();\n\n      // Filter the unique values\n      filteredValues = uniqueValues.filter((value) => {\n        const strValue = value == null ? '(Blank)' : String(value);\n        return !filterText || strValue.toLowerCase().includes(lowerFilter);\n      });\n\n      if (filteredValues.length === 0) {\n        spacer.style.height = '0px';\n        contentContainer.innerHTML = '';\n        const noMatch = document.createElement('div');\n        noMatch.className = 'tbw-filter-no-match';\n        noMatch.textContent = 'No matching values';\n        contentContainer.appendChild(noMatch);\n        return;\n      }\n\n      renderVisibleItems();\n    };\n\n    // Scroll handler for virtualization\n    valuesContainer.addEventListener(\n      'scroll',\n      () => {\n        if (filteredValues.length > 0) {\n          renderVisibleItems();\n        }\n      },\n      { passive: true }\n    );\n\n    renderValues(searchInput.value);\n    panel.appendChild(valuesContainer);\n\n    // Debounced search\n    let debounceTimer: ReturnType<typeof setTimeout>;\n    searchInput.addEventListener('input', () => {\n      clearTimeout(debounceTimer);\n      debounceTimer = setTimeout(() => {\n        this.searchText.set(field, searchInput.value);\n        renderValues(searchInput.value);\n      }, this.config.debounceMs ?? 150);\n    });\n\n    // Apply/Clear buttons\n    const buttonRow = document.createElement('div');\n    buttonRow.className = 'tbw-filter-buttons';\n\n    const applyBtn = document.createElement('button');\n    applyBtn.className = 'tbw-filter-apply-btn';\n    applyBtn.textContent = 'Apply';\n    applyBtn.addEventListener('click', () => {\n      // Read from checkState map (works with virtualization)\n      const excluded: unknown[] = [];\n      for (const [key, isChecked] of checkState) {\n        if (!isChecked) {\n          if (key === '__null__') {\n            excluded.push(null);\n          } else {\n            // Try to match original value type\n            const original = uniqueValues.find((v) => String(v) === key);\n            excluded.push(original !== undefined ? original : key);\n          }\n        }\n      }\n      params.applySetFilter(excluded);\n    });\n    buttonRow.appendChild(applyBtn);\n\n    const clearBtn = document.createElement('button');\n    clearBtn.className = 'tbw-filter-clear-btn';\n    clearBtn.textContent = 'Clear Filter';\n    clearBtn.addEventListener('click', () => {\n      params.clearFilter();\n    });\n    buttonRow.appendChild(clearBtn);\n\n    panel.appendChild(buttonRow);\n  }\n\n  /**\n   * Apply a set filter (exclude values)\n   */\n  private applySetFilter(field: string, excluded: unknown[]): void {\n    // Store excluded values\n    this.excludedValues.set(field, new Set(excluded));\n\n    if (excluded.length === 0) {\n      // No exclusions = no filter\n      this.filters.delete(field);\n    } else {\n      // Create \"notIn\" filter\n      this.filters.set(field, {\n        field,\n        type: 'set',\n        operator: 'notIn',\n        value: excluded,\n      });\n    }\n\n    this.cachedResult = null;\n    this.cacheKey = null;\n\n    this.emit<FilterChangeDetail>('filter-change', {\n      filters: [...this.filters.values()],\n      filteredRowCount: 0,\n    });\n    this.requestRender();\n  }\n\n  /**\n   * Apply a text filter\n   */\n  private applyTextFilter(field: string, operator: FilterModel['operator'], value: string, valueTo?: string): void {\n    this.filters.set(field, {\n      field,\n      type: 'text',\n      operator,\n      value,\n      valueTo,\n    });\n\n    this.cachedResult = null;\n    this.cacheKey = null;\n\n    this.emit<FilterChangeDetail>('filter-change', {\n      filters: [...this.filters.values()],\n      filteredRowCount: 0,\n    });\n    this.requestRender();\n  }\n\n  // ===== Column State Hooks =====\n\n  /**\n   * Return filter state for a column if it has an active filter.\n   */\n  override getColumnState(field: string): Partial<ColumnState> | undefined {\n    const filterModel = this.filters.get(field);\n    if (!filterModel) return undefined;\n\n    return {\n      filter: {\n        type: filterModel.type,\n        operator: filterModel.operator,\n        value: filterModel.value,\n        valueTo: filterModel.valueTo,\n      },\n    };\n  }\n\n  /**\n   * Apply filter state from column state.\n   */\n  override applyColumnState(field: string, state: ColumnState): void {\n    // Only process if the column has filter state\n    if (!state.filter) {\n      this.filters.delete(field);\n      return;\n    }\n\n    // Reconstruct the FilterModel from the stored state\n    const filterModel: FilterModel = {\n      field,\n      type: state.filter.type,\n      operator: state.filter.operator as FilterModel['operator'],\n      value: state.filter.value,\n      valueTo: state.filter.valueTo,\n    };\n\n    this.filters.set(field, filterModel);\n    // Invalidate cache so filter is reapplied\n    this.cachedResult = null;\n    this.cacheKey = null;\n  }\n\n  // ===== Styles =====\n\n  override readonly styles = `\n    .header-cell.filtered::before {\n      content: '';\n      position: absolute;\n      top: 4px;\n      right: 4px;\n      width: 6px;\n      height: 6px;\n      background: var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));\n      border-radius: 50%;\n    }\n    .tbw-filter-btn {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      background: transparent;\n      border: none;\n      cursor: pointer;\n      padding: 2px;\n      margin-left: 4px;\n      opacity: 0.4;\n      transition: opacity 0.15s;\n      color: inherit;\n      vertical-align: middle;\n    }\n    .tbw-filter-btn:hover,\n    .tbw-filter-btn.active {\n      opacity: 1;\n    }\n    .tbw-filter-btn.active {\n      color: var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));\n    }\n  `;\n}\n"],"names":["matchesFilter","row","filter","caseSensitive","rawValue","stringValue","compareValue","filterValue","filterRows","rows","filters","f","computeFilterCacheKey","getUniqueValues","field","values","value","a","b","filterPanelStyles","FilteringPlugin","BaseGridPlugin","grid","filterList","newCacheKey","result","shadowRoot","cell","colIndex","col","filterBtn","e","style","column","buttonEl","panel","uniqueValues","excludedSet","currentSearchText","params","excluded","operator","valueTo","usedCustomRenderer","rect","panelRect","excludedValues","searchContainer","searchInput","actionsRow","selectAllLabel","selectAllCheckbox","selectAllText","updateSelectAllState","checkState","allChecked","v","noneChecked","newState","key","renderVisibleItems","valuesContainer","spacer","contentContainer","filteredValues","createItem","index","strValue","item","checkbox","label","totalItems","viewportHeight","scrollTop","shouldBypassVirtualization","idx","window","computeVirtualWindow","i","renderValues","filterText","lowerFilter","noMatch","debounceTimer","buttonRow","applyBtn","isChecked","original","clearBtn","filterModel","state"],"mappings":"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"}

package/umd/plugins/grouping-rows.umd.js

@@ -1,4 +1,4 @@
-(function(f,_){typeof exports=="object"&&typeof module<"u"?_(exports,require("../../core/plugin/base-plugin"),require("../../core/internal/aggregators")):typeof define=="function"&&define.amd?define(["exports","../../core/plugin/base-plugin","../../core/internal/aggregators"],_):(f=typeof globalThis<"u"?globalThis:f||self,_(f.TbwGridPlugin_groupingRows={},f.TbwGrid,f.TbwGrid))})(this,(function(f,_,y){"use strict";function R({rows:d,config:e,expanded:t}){const u=e.groupOn;if(!e.enabled||typeof u!="function")return[];const n={key:"__root__",value:null,depth:-1,rows:[],children:new Map};if(d.forEach(o=>{let s=u(o);s==null||s===!1?s=["__ungrouped__"]:Array.isArray(s)||(s=[s]);let r=n;s.forEach((g,x)=>{const p=g==null?"∅":String(g),c=r.key==="__root__"?p:r.key+"||"+p;let l=r.children.get(p);l||(l={key:c,value:g,depth:x,rows:[],children:new Map,parent:r},r.children.set(p,l)),r=l}),r.rows.push(o)}),n.children.size===1&&n.children.has("__ungrouped__")&&n.children.get("__ungrouped__").rows.length===d.length)return[];const i=[],a=o=>{if(o===n){o.children.forEach(r=>a(r));return}const s=t.has(o.key);i.push({kind:"group",key:o.key,value:o.value,depth:o.depth,rows:o.rows,expanded:s}),s&&(o.children.size?o.children.forEach(r=>a(r)):o.rows.forEach(r=>i.push({kind:"data",row:r,rowIndex:d.indexOf(r)})))};return a(n),i}function w(d,e){const t=new Set(d);return t.has(e)?t.delete(e):t.add(e),t}function m(d){const e=new Set;for(const t of d)t.kind==="group"&&e.add(t.key);return e}function v(){return new Set}function C(d){return d.kind!=="group"?0:d.rows.length}class K extends _.BaseGridPlugin{name="groupingRows";version="1.0.0";get defaultConfig(){return{enabled:!0,defaultExpanded:!1,showRowCount:!0,indentWidth:20,aggregators:{}}}expandedKeys=new Set;flattenedRows=[];isActive=!1;detach(){this.expandedKeys.clear(),this.flattenedRows=[],this.isActive=!1}static detect(e,t){return typeof t?.groupOn=="function"||typeof t?.enableRowGrouping=="boolean"}processRows(e){const t=this.config;if(!t.enabled||typeof t.groupOn!="function")return this.isActive=!1,this.flattenedRows=[],[...e];const u=R({rows:e,config:t,expanded:this.expandedKeys});return u.length===0?(this.isActive=!1,this.flattenedRows=[],[...e]):(this.isActive=!0,this.flattenedRows=u,u.map(n=>n.kind==="group"?{__isGroupRow:!0,__groupKey:n.key,__groupValue:n.value,__groupDepth:n.depth,__groupRows:n.rows,__groupExpanded:n.expanded,__groupRowCount:C(n)}:n.row))}onCellClick(e){const t=e.row;if(t?.__isGroupRow&&e.originalEvent.target?.closest(".group-toggle"))return this.toggle(t.__groupKey),!0}renderRow(e,t,u){if(!e?.__isGroupRow)return!1;const n=this.config;if(n.groupRowRenderer){const o=()=>{this.toggle(e.__groupKey)},s=n.groupRowRenderer({key:e.__groupKey,value:e.__groupValue,depth:e.__groupDepth,rows:e.__groupRows,expanded:e.__groupExpanded,toggleExpand:o});if(s)return t.className="group-row",t.__isCustomRow=!0,t.setAttribute("data-group-depth",String(e.__groupDepth)),typeof s=="string"?t.innerHTML=s:(t.innerHTML="",t.appendChild(s)),!0}const i=()=>{this.toggle(e.__groupKey)};return t.className="group-row",t.__isCustomRow=!0,t.setAttribute("data-group-depth",String(e.__groupDepth)),t.setAttribute("role","row"),t.setAttribute("aria-expanded",String(e.__groupExpanded)),t.style.paddingLeft=`${(e.__groupDepth||0)*(n.indentWidth??20)}px`,t.innerHTML="",n.fullWidth!==!1?this.renderFullWidthGroupRow(e,t,i):this.renderPerColumnGroupRow(e,t,i),!0}afterRender(){}renderFullWidthGroupRow(e,t,u){const n=this.config,i=document.createElement("div");i.className="cell group-full",i.style.gridColumn="1 / -1",i.setAttribute("role","gridcell");const a=document.createElement("button");a.type="button",a.className="group-toggle",a.setAttribute("aria-label",e.__groupExpanded?"Collapse group":"Expand group"),a.textContent=e.__groupExpanded?"▾":"▸",a.addEventListener("click",r=>{r.stopPropagation(),u()}),i.appendChild(a);const o=document.createElement("span");o.className="group-label";const s=n.formatLabel?n.formatLabel(e.__groupValue,e.__groupDepth||0,e.__groupKey):String(e.__groupValue);if(o.textContent=s,i.appendChild(o),n.showRowCount!==!1){const r=document.createElement("span");r.className="group-count",r.textContent=`(${e.__groupRowCount??e.__groupRows?.length??0})`,i.appendChild(r)}t.appendChild(i)}renderPerColumnGroupRow(e,t,u){const n=this.config,i=n.aggregators??{},a=this.columns,o=e.__groupRows??[];this.grid;const r=this.shadowRoot?.querySelector(".body")?.style.gridTemplateColumns||"";r&&(t.style.display="grid",t.style.gridTemplateColumns=r),a.forEach((g,x)=>{const p=document.createElement("div");if(p.className="cell group-cell",p.setAttribute("data-col",String(x)),p.setAttribute("role","gridcell"),x===0){const c=document.createElement("button");c.type="button",c.className="group-toggle",c.textContent=e.__groupExpanded?"▾":"▸",c.addEventListener("click",h=>{h.stopPropagation(),u()}),p.appendChild(c);const l=document.createElement("span"),b=i[g.field];if(b){const h=y.runAggregator(b,o,g.field,g);l.textContent=h!=null?String(h):String(e.__groupValue)}else{const h=n.formatLabel?n.formatLabel(e.__groupValue,e.__groupDepth||0,e.__groupKey):String(e.__groupValue);l.textContent=h}if(p.appendChild(l),n.showRowCount!==!1){const h=document.createElement("span");h.className="group-count",h.textContent=` (${o.length})`,p.appendChild(h)}}else{const c=i[g.field];if(c){const l=y.runAggregator(c,o,g.field,g);p.textContent=l!=null?String(l):""}else p.textContent=""}t.appendChild(p)})}expandAll(){this.expandedKeys=m(this.flattenedRows),this.requestRender()}collapseAll(){this.expandedKeys=v(),this.requestRender()}toggle(e){this.expandedKeys=w(this.expandedKeys,e);const t=this.flattenedRows.find(u=>u.kind==="group"&&u.key===e);this.emit("group-toggle",{key:e,expanded:this.expandedKeys.has(e),value:t?.value,depth:t?.depth??0}),this.requestRender()}isExpanded(e){return this.expandedKeys.has(e)}expand(e){this.expandedKeys.has(e)||(this.expandedKeys=new Set([...this.expandedKeys,e]),this.requestRender())}collapse(e){if(this.expandedKeys.has(e)){const t=new Set(this.expandedKeys);t.delete(e),this.expandedKeys=t,this.requestRender()}}getGroupState(){const e=this.flattenedRows.filter(t=>t.kind==="group");return{isActive:this.isActive,expandedCount:this.expandedKeys.size,totalGroups:e.length,expandedKeys:[...this.expandedKeys]}}getRowCount(){return this.flattenedRows.length}refreshGroups(){this.requestRender()}getExpandedGroups(){return[...this.expandedKeys]}getFlattenedRows(){return this.flattenedRows}isGroupingActive(){return this.isActive}setGroupOn(e){this.config.groupOn=e,this.requestRender()}styles=`
+(function(f,_){typeof exports=="object"&&typeof module<"u"?_(exports,require("../../core/plugin/base-plugin"),require("../../core/internal/aggregators")):typeof define=="function"&&define.amd?define(["exports","../../core/plugin/base-plugin","../../core/internal/aggregators"],_):(f=typeof globalThis<"u"?globalThis:f||self,_(f.TbwGridPlugin_groupingRows={},f.TbwGrid,f.TbwGrid))})(this,(function(f,_,b){"use strict";function R({rows:l,config:e,expanded:t}){const u=e.groupOn;if(!e.enabled||typeof u!="function")return[];const n={key:"__root__",value:null,depth:-1,rows:[],children:new Map};if(l.forEach(o=>{let s=u(o);s==null||s===!1?s=["__ungrouped__"]:Array.isArray(s)||(s=[s]);let r=n;s.forEach((c,x)=>{const p=c==null?"∅":String(c),d=r.key==="__root__"?p:r.key+"||"+p;let g=r.children.get(p);g||(g={key:d,value:c,depth:x,rows:[],children:new Map,parent:r},r.children.set(p,g)),r=g}),r.rows.push(o)}),n.children.size===1&&n.children.has("__ungrouped__")&&n.children.get("__ungrouped__").rows.length===l.length)return[];const i=[],a=o=>{if(o===n){o.children.forEach(r=>a(r));return}const s=t.has(o.key);i.push({kind:"group",key:o.key,value:o.value,depth:o.depth,rows:o.rows,expanded:s}),s&&(o.children.size?o.children.forEach(r=>a(r)):o.rows.forEach(r=>i.push({kind:"data",row:r,rowIndex:l.indexOf(r)})))};return a(n),i}function w(l,e){const t=new Set(l);return t.has(e)?t.delete(e):t.add(e),t}function m(l){const e=new Set;for(const t of l)t.kind==="group"&&e.add(t.key);return e}function v(){return new Set}function C(l){return l.kind!=="group"?0:l.rows.length}class A extends _.BaseGridPlugin{name="groupingRows";version="1.0.0";get defaultConfig(){return{enabled:!0,defaultExpanded:!1,showRowCount:!0,indentWidth:20,aggregators:{}}}expandedKeys=new Set;flattenedRows=[];isActive=!1;detach(){this.expandedKeys.clear(),this.flattenedRows=[],this.isActive=!1}static detect(e,t){return typeof t?.groupOn=="function"||typeof t?.enableRowGrouping=="boolean"}processRows(e){const t=this.config;if(!t.enabled||typeof t.groupOn!="function")return this.isActive=!1,this.flattenedRows=[],[...e];const u=R({rows:e,config:t,expanded:this.expandedKeys});return u.length===0?(this.isActive=!1,this.flattenedRows=[],[...e]):(this.isActive=!0,this.flattenedRows=u,u.map(n=>n.kind==="group"?{__isGroupRow:!0,__groupKey:n.key,__groupValue:n.value,__groupDepth:n.depth,__groupRows:n.rows,__groupExpanded:n.expanded,__groupRowCount:C(n)}:n.row))}onCellClick(e){const t=e.row;if(t?.__isGroupRow&&e.originalEvent.target?.closest(".group-toggle"))return this.toggle(t.__groupKey),!0}renderRow(e,t,u){if(!e?.__isGroupRow)return!1;const n=this.config;if(n.groupRowRenderer){const o=()=>{this.toggle(e.__groupKey)},s=n.groupRowRenderer({key:e.__groupKey,value:e.__groupValue,depth:e.__groupDepth,rows:e.__groupRows,expanded:e.__groupExpanded,toggleExpand:o});if(s)return t.className="group-row",t.__isCustomRow=!0,t.setAttribute("data-group-depth",String(e.__groupDepth)),typeof s=="string"?t.innerHTML=s:(t.innerHTML="",t.appendChild(s)),!0}const i=()=>{this.toggle(e.__groupKey)};return t.className="group-row",t.__isCustomRow=!0,t.setAttribute("data-group-depth",String(e.__groupDepth)),t.setAttribute("role","row"),t.setAttribute("aria-expanded",String(e.__groupExpanded)),t.style.paddingLeft=`${(e.__groupDepth||0)*(n.indentWidth??20)}px`,t.innerHTML="",n.fullWidth!==!1?this.renderFullWidthGroupRow(e,t,i):this.renderPerColumnGroupRow(e,t,i),!0}afterRender(){}renderFullWidthGroupRow(e,t,u){const n=this.config,i=document.createElement("div");i.className="cell group-full",i.style.gridColumn="1 / -1",i.setAttribute("role","gridcell");const a=document.createElement("button");a.type="button",a.className="group-toggle",a.setAttribute("aria-label",e.__groupExpanded?"Collapse group":"Expand group"),this.setIcon(a,this.resolveIcon(e.__groupExpanded?"collapse":"expand")),a.addEventListener("click",r=>{r.stopPropagation(),u()}),i.appendChild(a);const o=document.createElement("span");o.className="group-label";const s=n.formatLabel?n.formatLabel(e.__groupValue,e.__groupDepth||0,e.__groupKey):String(e.__groupValue);if(o.textContent=s,i.appendChild(o),n.showRowCount!==!1){const r=document.createElement("span");r.className="group-count",r.textContent=`(${e.__groupRowCount??e.__groupRows?.length??0})`,i.appendChild(r)}t.appendChild(i)}renderPerColumnGroupRow(e,t,u){const n=this.config,i=n.aggregators??{},a=this.columns,o=e.__groupRows??[],r=this.shadowRoot?.querySelector(".body")?.style.gridTemplateColumns||"";r&&(t.style.display="grid",t.style.gridTemplateColumns=r),a.forEach((c,x)=>{const p=document.createElement("div");if(p.className="cell group-cell",p.setAttribute("data-col",String(x)),p.setAttribute("role","gridcell"),x===0){const d=document.createElement("button");d.type="button",d.className="group-toggle",d.setAttribute("aria-label",e.__groupExpanded?"Collapse group":"Expand group"),this.setIcon(d,this.resolveIcon(e.__groupExpanded?"collapse":"expand")),d.addEventListener("click",h=>{h.stopPropagation(),u()}),p.appendChild(d);const g=document.createElement("span"),y=i[c.field];if(y){const h=b.runAggregator(y,o,c.field,c);g.textContent=h!=null?String(h):String(e.__groupValue)}else{const h=n.formatLabel?n.formatLabel(e.__groupValue,e.__groupDepth||0,e.__groupKey):String(e.__groupValue);g.textContent=h}if(p.appendChild(g),n.showRowCount!==!1){const h=document.createElement("span");h.className="group-count",h.textContent=` (${o.length})`,p.appendChild(h)}}else{const d=i[c.field];if(d){const g=b.runAggregator(d,o,c.field,c);p.textContent=g!=null?String(g):""}else p.textContent=""}t.appendChild(p)})}expandAll(){this.expandedKeys=m(this.flattenedRows),this.requestRender()}collapseAll(){this.expandedKeys=v(),this.requestRender()}toggle(e){this.expandedKeys=w(this.expandedKeys,e);const t=this.flattenedRows.find(u=>u.kind==="group"&&u.key===e);this.emit("group-toggle",{key:e,expanded:this.expandedKeys.has(e),value:t?.value,depth:t?.depth??0}),this.requestRender()}isExpanded(e){return this.expandedKeys.has(e)}expand(e){this.expandedKeys.has(e)||(this.expandedKeys=new Set([...this.expandedKeys,e]),this.requestRender())}collapse(e){if(this.expandedKeys.has(e)){const t=new Set(this.expandedKeys);t.delete(e),this.expandedKeys=t,this.requestRender()}}getGroupState(){const e=this.flattenedRows.filter(t=>t.kind==="group");return{isActive:this.isActive,expandedCount:this.expandedKeys.size,totalGroups:e.length,expandedKeys:[...this.expandedKeys]}}getRowCount(){return this.flattenedRows.length}refreshGroups(){this.requestRender()}getExpandedGroups(){return[...this.expandedKeys]}getFlattenedRows(){return this.flattenedRows}isGroupingActive(){return this.isActive}setGroupOn(e){this.config.groupOn=e,this.requestRender()}styles=`
     .group-row {
       background: var(--tbw-grouping-rows-bg, var(--tbw-color-panel-bg));
       font-weight: 500;
@@ -36,5 +36,5 @@
     [data-group-depth="2"] .group-label { padding-left: 40px; }
     [data-group-depth="3"] .group-label { padding-left: 60px; }
     [data-group-depth="4"] .group-label { padding-left: 80px; }
-  `}f.GroupingRowsPlugin=K,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})}));
+  `}f.GroupingRowsPlugin=A,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})}));
 //# sourceMappingURL=grouping-rows.umd.js.map