@toolbox-web/grid 0.0.5 → 0.0.7

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/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

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

@@ -1 +1 @@
-{"version":3,"file":"grouping-rows.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/grouping-rows/grouping-rows.ts","../../../../../libs/grid/src/lib/plugins/grouping-rows/GroupingRowsPlugin.ts"],"sourcesContent":["/**\n * Row Grouping Core Logic\n *\n * Pure functions for building grouped row models and aggregations.\n */\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport type { RenderRow, RowGroupingConfig } from './types';\n\n// Re-export aggregator functions from core for backward compatibility\nexport {\n  getAggregator,\n  listAggregators,\n  registerAggregator,\n  runAggregator,\n} from '../../core/internal/aggregators';\n\ninterface GroupNode {\n  key: string; // composite key\n  value: any;\n  depth: number;\n  rows: any[];\n  children: Map<string, GroupNode>;\n  parent?: GroupNode;\n}\n\ninterface BuildGroupingArgs {\n  rows: any[];\n  config: RowGroupingConfig;\n  expanded: Set<string>;\n}\n\n/**\n * Build a flattened grouping projection (collapsed by default).\n * Returns empty array when grouping disabled or all rows ungrouped.\n *\n * @param args - The grouping arguments\n * @returns Flattened array of render rows (groups + data rows)\n */\nexport function buildGroupedRowModel({ rows, config, expanded }: BuildGroupingArgs): RenderRow[] {\n  const groupOn = config.groupOn;\n  if (!config.enabled || typeof groupOn !== 'function') {\n    return [];\n  }\n\n  const root: GroupNode = { key: '__root__', value: null, depth: -1, rows: [], children: new Map() };\n\n  // Build tree structure\n  rows.forEach((r) => {\n    let path: any = groupOn(r);\n    if (path == null || path === false) path = ['__ungrouped__'];\n    else if (!Array.isArray(path)) path = [path];\n\n    let parent = root;\n    path.forEach((rawVal: any, depthIdx: number) => {\n      const seg = rawVal == null ? '∅' : String(rawVal);\n      const composite = parent.key === '__root__' ? seg : parent.key + '||' + seg;\n      let node = parent.children.get(seg);\n      if (!node) {\n        node = { key: composite, value: rawVal, depth: depthIdx, rows: [], children: new Map(), parent };\n        parent.children.set(seg, node);\n      }\n      parent = node;\n    });\n    parent.rows.push(r);\n  });\n\n  // All ungrouped? treat as no grouping\n  if (root.children.size === 1 && root.children.has('__ungrouped__')) {\n    const only = root.children.get('__ungrouped__')!;\n    if (only.rows.length === rows.length) return [];\n  }\n\n  // Flatten tree to array\n  const flat: RenderRow[] = [];\n  const visit = (node: GroupNode) => {\n    if (node === root) {\n      node.children.forEach((c) => visit(c));\n      return;\n    }\n\n    const isExpanded = expanded.has(node.key);\n    flat.push({\n      kind: 'group',\n      key: node.key,\n      value: node.value,\n      depth: node.depth,\n      rows: node.rows,\n      expanded: isExpanded,\n    });\n\n    if (isExpanded) {\n      if (node.children.size) {\n        node.children.forEach((c) => visit(c));\n      } else {\n        node.rows.forEach((r) => flat.push({ kind: 'data', row: r, rowIndex: rows.indexOf(r) }));\n      }\n    }\n  };\n  visit(root);\n\n  return flat;\n}\n\n/**\n * Toggle expansion state for a group key.\n *\n * @param expandedKeys - Current set of expanded keys\n * @param key - The group key to toggle\n * @returns New set with toggled state\n */\nexport function toggleGroupExpansion(expandedKeys: Set<string>, key: string): Set<string> {\n  const newSet = new Set(expandedKeys);\n  if (newSet.has(key)) {\n    newSet.delete(key);\n  } else {\n    newSet.add(key);\n  }\n  return newSet;\n}\n\n/**\n * Expand all groups.\n *\n * @param rows - The flattened render rows\n * @returns Set of all group keys\n */\nexport function expandAllGroups(rows: RenderRow[]): Set<string> {\n  const keys = new Set<string>();\n  for (const row of rows) {\n    if (row.kind === 'group') {\n      keys.add(row.key);\n    }\n  }\n  return keys;\n}\n\n/**\n * Collapse all groups.\n *\n * @returns Empty set\n */\nexport function collapseAllGroups(): Set<string> {\n  return new Set();\n}\n\n/**\n * Get all group keys from a flattened model.\n *\n * @param rows - The flattened render rows\n * @returns Array of group keys\n */\nexport function getGroupKeys(rows: RenderRow[]): string[] {\n  return rows.filter((r) => r.kind === 'group').map((r) => (r as any).key);\n}\n\n/**\n * Count total rows in a group (including nested groups).\n *\n * @param groupRow - The group row\n * @returns Total row count\n */\nexport function getGroupRowCount(groupRow: RenderRow): number {\n  if (groupRow.kind !== 'group') return 0;\n  return groupRow.rows.length;\n}\n","/**\n * Row Grouping Plugin (Class-based)\n *\n * Enables hierarchical row grouping with expand/collapse and aggregations.\n */\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport { BaseGridPlugin, CellClickEvent } from '../../core/plugin/base-plugin';\nimport {\n  buildGroupedRowModel,\n  collapseAllGroups,\n  expandAllGroups,\n  getGroupRowCount,\n  runAggregator,\n  toggleGroupExpansion,\n} from './grouping-rows';\nimport type { GroupingRowsConfig, GroupRowModelItem, GroupToggleDetail, RenderRow } from './types';\n\n/**\n * Group state information returned by getGroupState()\n */\nexport interface GroupState {\n  /** Whether grouping is currently active */\n  isActive: boolean;\n  /** Number of expanded groups */\n  expandedCount: number;\n  /** Total number of groups */\n  totalGroups: number;\n  /** Array of expanded group keys */\n  expandedKeys: string[];\n}\n\n/**\n * Row Grouping Plugin for tbw-grid\n *\n * @example\n * ```ts\n * new GroupingRowsPlugin({\n *   enabled: true,\n *   groupOn: (row) => row.category,\n *   defaultExpanded: false,\n *   showRowCount: true,\n * })\n * ```\n */\nexport class GroupingRowsPlugin extends BaseGridPlugin<GroupingRowsConfig> {\n  readonly name = 'groupingRows';\n  override readonly version = '1.0.0';\n\n  protected override get defaultConfig(): Partial<GroupingRowsConfig> {\n    return {\n      enabled: true,\n      defaultExpanded: false,\n      showRowCount: true,\n      indentWidth: 20,\n      aggregators: {},\n    };\n  }\n\n  // ===== Internal State =====\n  private expandedKeys: Set<string> = new Set();\n  private flattenedRows: RenderRow[] = [];\n  private isActive = false;\n\n  // ===== Lifecycle =====\n\n  override detach(): void {\n    this.expandedKeys.clear();\n    this.flattenedRows = [];\n    this.isActive = false;\n  }\n\n  // ===== Hooks =====\n\n  /**\n   * Auto-detect grouping configuration from grid config.\n   * Called by plugin system to determine if plugin should activate.\n   */\n  static detect(rows: readonly any[], config: any): boolean {\n    return typeof config?.groupOn === 'function' || typeof config?.enableRowGrouping === 'boolean';\n  }\n\n  override processRows(rows: readonly any[]): any[] {\n    const config = this.config;\n\n    // Check if grouping is configured\n    if (!config.enabled || typeof config.groupOn !== 'function') {\n      this.isActive = false;\n      this.flattenedRows = [];\n      return [...rows];\n    }\n\n    // Build grouped model\n    const grouped = buildGroupedRowModel({\n      rows: rows as any[],\n      config: config,\n      expanded: this.expandedKeys,\n    });\n\n    // If no grouping produced, return original rows\n    if (grouped.length === 0) {\n      this.isActive = false;\n      this.flattenedRows = [];\n      return [...rows];\n    }\n\n    this.isActive = true;\n    this.flattenedRows = grouped;\n\n    // Return flattened rows for rendering\n    // The grid will need to handle group rows specially\n    return grouped.map((item) => {\n      if (item.kind === 'group') {\n        return {\n          __isGroupRow: true,\n          __groupKey: item.key,\n          __groupValue: item.value,\n          __groupDepth: item.depth,\n          __groupRows: item.rows,\n          __groupExpanded: item.expanded,\n          __groupRowCount: getGroupRowCount(item),\n        };\n      }\n      return item.row;\n    });\n  }\n\n  override onCellClick(event: CellClickEvent): boolean | void {\n    const row = event.row;\n\n    // Check if this is a group row toggle\n    if (row?.__isGroupRow) {\n      const target = event.originalEvent.target as HTMLElement;\n      if (target?.closest('.group-toggle')) {\n        this.toggle(row.__groupKey);\n        return true; // Prevent default\n      }\n    }\n  }\n\n  /**\n   * Render a row. Returns true if we handled the row (group row), false otherwise.\n   */\n  override renderRow(row: any, rowEl: HTMLElement, _rowIndex: number): boolean {\n    // Only handle group rows\n    if (!row?.__isGroupRow) {\n      return false;\n    }\n\n    const config = this.config;\n\n    // If a custom renderer is provided, use it\n    if (config.groupRowRenderer) {\n      const toggleExpand = () => {\n        this.toggle(row.__groupKey);\n      };\n\n      const result = config.groupRowRenderer({\n        key: row.__groupKey,\n        value: row.__groupValue,\n        depth: row.__groupDepth,\n        rows: row.__groupRows,\n        expanded: row.__groupExpanded,\n        toggleExpand,\n      });\n\n      if (result) {\n        rowEl.className = 'group-row';\n        (rowEl as any).__isCustomRow = true; // Mark for proper class reset on recycle\n        rowEl.setAttribute('data-group-depth', String(row.__groupDepth));\n        if (typeof result === 'string') {\n          rowEl.innerHTML = result;\n        } else {\n          rowEl.innerHTML = '';\n          rowEl.appendChild(result);\n        }\n        return true;\n      }\n    }\n\n    // Helper to toggle expansion\n    const handleToggle = () => {\n      this.toggle(row.__groupKey);\n    };\n\n    // Default group row rendering\n    rowEl.className = 'group-row';\n    (rowEl as any).__isCustomRow = true; // Mark for proper class reset on recycle\n    rowEl.setAttribute('data-group-depth', String(row.__groupDepth));\n    rowEl.setAttribute('role', 'row');\n    rowEl.setAttribute('aria-expanded', String(row.__groupExpanded));\n    rowEl.style.paddingLeft = `${(row.__groupDepth || 0) * (config.indentWidth ?? 20)}px`;\n    rowEl.innerHTML = '';\n\n    const isFullWidth = config.fullWidth !== false; // default true\n\n    if (isFullWidth) {\n      this.renderFullWidthGroupRow(row, rowEl, handleToggle);\n    } else {\n      this.renderPerColumnGroupRow(row, rowEl, handleToggle);\n    }\n\n    return true;\n  }\n\n  override afterRender(): void {\n    // No additional DOM manipulation needed for grouping\n    // The renderRow hook handles all group row rendering\n  }\n\n  // ===== Private Rendering Helpers =====\n\n  private renderFullWidthGroupRow(row: any, rowEl: HTMLElement, handleToggle: () => void): void {\n    const config = this.config;\n\n    // Full-width mode: single spanning cell with toggle + label + count\n    const cell = document.createElement('div');\n    cell.className = 'cell group-full';\n    cell.style.gridColumn = '1 / -1';\n    cell.setAttribute('role', 'gridcell');\n\n    // Toggle button with click handler\n    const btn = document.createElement('button');\n    btn.type = 'button';\n    btn.className = 'group-toggle';\n    btn.setAttribute('aria-label', row.__groupExpanded ? 'Collapse group' : 'Expand group');\n    btn.textContent = row.__groupExpanded ? '▾' : '▸';\n    btn.addEventListener('click', (e) => {\n      e.stopPropagation();\n      handleToggle();\n    });\n    cell.appendChild(btn);\n\n    // Group label - use formatLabel if provided\n    const label = document.createElement('span');\n    label.className = 'group-label';\n    const labelText = config.formatLabel\n      ? config.formatLabel(row.__groupValue, row.__groupDepth || 0, row.__groupKey)\n      : String(row.__groupValue);\n    label.textContent = labelText;\n    cell.appendChild(label);\n\n    // Row count\n    if (config.showRowCount !== false) {\n      const count = document.createElement('span');\n      count.className = 'group-count';\n      count.textContent = `(${row.__groupRowCount ?? row.__groupRows?.length ?? 0})`;\n      cell.appendChild(count);\n    }\n\n    rowEl.appendChild(cell);\n  }\n\n  private renderPerColumnGroupRow(row: any, rowEl: HTMLElement, handleToggle: () => void): void {\n    const config = this.config;\n    const aggregators = config.aggregators ?? {};\n    const columns = this.columns;\n    const groupRows = row.__groupRows ?? [];\n\n    // Get grid template from the grid element\n    const gridEl = this.grid as any;\n    const bodyEl = this.shadowRoot?.querySelector('.body') as HTMLElement | null;\n    const gridTemplate = bodyEl?.style.gridTemplateColumns || '';\n    if (gridTemplate) {\n      rowEl.style.display = 'grid';\n      rowEl.style.gridTemplateColumns = gridTemplate;\n    }\n\n    columns.forEach((col, colIdx) => {\n      const cell = document.createElement('div');\n      cell.className = 'cell group-cell';\n      cell.setAttribute('data-col', String(colIdx));\n      cell.setAttribute('role', 'gridcell');\n\n      if (colIdx === 0) {\n        // First column: toggle button + label\n        const btn = document.createElement('button');\n        btn.type = 'button';\n        btn.className = 'group-toggle';\n        btn.textContent = row.__groupExpanded ? '▾' : '▸';\n        btn.addEventListener('click', (e) => {\n          e.stopPropagation();\n          handleToggle();\n        });\n        cell.appendChild(btn);\n\n        const label = document.createElement('span');\n        const firstColAgg = aggregators[col.field];\n        if (firstColAgg) {\n          const aggResult = runAggregator(firstColAgg, groupRows, col.field, col);\n          label.textContent = aggResult != null ? String(aggResult) : String(row.__groupValue);\n        } else {\n          const labelText = config.formatLabel\n            ? config.formatLabel(row.__groupValue, row.__groupDepth || 0, row.__groupKey)\n            : String(row.__groupValue);\n          label.textContent = labelText;\n        }\n        cell.appendChild(label);\n\n        if (config.showRowCount !== false) {\n          const count = document.createElement('span');\n          count.className = 'group-count';\n          count.textContent = ` (${groupRows.length})`;\n          cell.appendChild(count);\n        }\n      } else {\n        // Other columns: run aggregator if defined\n        const aggRef = aggregators[col.field];\n        if (aggRef) {\n          const result = runAggregator(aggRef, groupRows, col.field, col);\n          cell.textContent = result != null ? String(result) : '';\n        } else {\n          cell.textContent = '';\n        }\n      }\n\n      rowEl.appendChild(cell);\n    });\n  }\n\n  // ===== Public API =====\n\n  /**\n   * Expand all groups.\n   */\n  expandAll(): void {\n    this.expandedKeys = expandAllGroups(this.flattenedRows);\n    this.requestRender();\n  }\n\n  /**\n   * Collapse all groups.\n   */\n  collapseAll(): void {\n    this.expandedKeys = collapseAllGroups();\n    this.requestRender();\n  }\n\n  /**\n   * Toggle expansion of a specific group.\n   * @param key - The group key to toggle\n   */\n  toggle(key: string): void {\n    this.expandedKeys = toggleGroupExpansion(this.expandedKeys, key);\n\n    // Find the group to emit event details\n    const group = this.flattenedRows.find((r) => r.kind === 'group' && r.key === key) as GroupRowModelItem | undefined;\n\n    this.emit<GroupToggleDetail>('group-toggle', {\n      key,\n      expanded: this.expandedKeys.has(key),\n      value: group?.value,\n      depth: group?.depth ?? 0,\n    });\n\n    this.requestRender();\n  }\n\n  /**\n   * Check if a specific group is expanded.\n   * @param key - The group key to check\n   * @returns Whether the group is expanded\n   */\n  isExpanded(key: string): boolean {\n    return this.expandedKeys.has(key);\n  }\n\n  /**\n   * Expand a specific group.\n   * @param key - The group key to expand\n   */\n  expand(key: string): void {\n    if (!this.expandedKeys.has(key)) {\n      this.expandedKeys = new Set([...this.expandedKeys, key]);\n      this.requestRender();\n    }\n  }\n\n  /**\n   * Collapse a specific group.\n   * @param key - The group key to collapse\n   */\n  collapse(key: string): void {\n    if (this.expandedKeys.has(key)) {\n      const newKeys = new Set(this.expandedKeys);\n      newKeys.delete(key);\n      this.expandedKeys = newKeys;\n      this.requestRender();\n    }\n  }\n\n  /**\n   * Get the current group state.\n   * @returns Group state information\n   */\n  getGroupState(): GroupState {\n    const groupRows = this.flattenedRows.filter((r) => r.kind === 'group');\n    return {\n      isActive: this.isActive,\n      expandedCount: this.expandedKeys.size,\n      totalGroups: groupRows.length,\n      expandedKeys: [...this.expandedKeys],\n    };\n  }\n\n  /**\n   * Get the total count of visible rows (including group headers).\n   * @returns Number of visible rows\n   */\n  getRowCount(): number {\n    return this.flattenedRows.length;\n  }\n\n  /**\n   * Refresh the grouped row model.\n   * Call this after modifying groupOn or other config options.\n   */\n  refreshGroups(): void {\n    this.requestRender();\n  }\n\n  /**\n   * Get current expanded group keys.\n   * @returns Array of expanded group keys\n   */\n  getExpandedGroups(): string[] {\n    return [...this.expandedKeys];\n  }\n\n  /**\n   * Get the flattened row model.\n   * @returns Array of render rows (groups + data rows)\n   */\n  getFlattenedRows(): RenderRow[] {\n    return this.flattenedRows;\n  }\n\n  /**\n   * Check if grouping is currently active.\n   * @returns Whether grouping is active\n   */\n  isGroupingActive(): boolean {\n    return this.isActive;\n  }\n\n  /**\n   * Set the groupOn function dynamically.\n   * @param fn - The groupOn function or undefined to disable\n   */\n  setGroupOn(fn: ((row: any) => any[] | any | null | false) | undefined): void {\n    (this.config as GroupingRowsConfig).groupOn = fn;\n    this.requestRender();\n  }\n\n  // ===== Styles =====\n\n  override readonly styles = `\n    .group-row {\n      background: var(--tbw-grouping-rows-bg, var(--tbw-color-panel-bg));\n      font-weight: 500;\n    }\n    .group-row:hover {\n      background: var(--tbw-grouping-rows-bg-hover, var(--tbw-color-row-hover));\n    }\n    .group-toggle {\n      cursor: pointer;\n      user-select: none;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: 20px;\n      height: 20px;\n      margin-right: 4px;\n      font-size: 10px;\n    }\n    .group-toggle:hover {\n      background: var(--tbw-grouping-rows-toggle-hover, var(--tbw-color-row-hover));\n      border-radius: 2px;\n    }\n    .group-label {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n    }\n    .group-count {\n      color: var(--tbw-grouping-rows-count-color, var(--tbw-color-fg-muted));\n      font-size: 0.85em;\n      font-weight: normal;\n    }\n    [data-group-depth=\"0\"] .group-label { padding-left: 0; }\n    [data-group-depth=\"1\"] .group-label { padding-left: 20px; }\n    [data-group-depth=\"2\"] .group-label { padding-left: 40px; }\n    [data-group-depth=\"3\"] .group-label { padding-left: 60px; }\n    [data-group-depth=\"4\"] .group-label { padding-left: 80px; }\n  `;\n}\n"],"names":["buildGroupedRowModel","rows","config","expanded","groupOn","root","r","path","parent","rawVal","depthIdx","seg","composite","node","flat","visit","c","isExpanded","toggleGroupExpansion","expandedKeys","key","newSet","expandAllGroups","keys","row","collapseAllGroups","getGroupRowCount","groupRow","GroupingRowsPlugin","BaseGridPlugin","grouped","item","event","rowEl","_rowIndex","toggleExpand","result","handleToggle","cell","btn","e","label","labelText","count","aggregators","columns","groupRows","gridTemplate","col","colIdx","firstColAgg","aggResult","runAggregator","aggRef","group","newKeys","fn"],"mappings":"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"}
+{"version":3,"file":"grouping-rows.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/grouping-rows/grouping-rows.ts","../../../../../libs/grid/src/lib/plugins/grouping-rows/GroupingRowsPlugin.ts"],"sourcesContent":["/**\n * Row Grouping Core Logic\n *\n * Pure functions for building grouped row models and aggregations.\n */\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport type { RenderRow, RowGroupingConfig } from './types';\n\n// Re-export aggregator functions from core for backward compatibility\nexport {\n  getAggregator,\n  listAggregators,\n  registerAggregator,\n  runAggregator,\n} from '../../core/internal/aggregators';\n\ninterface GroupNode {\n  key: string; // composite key\n  value: any;\n  depth: number;\n  rows: any[];\n  children: Map<string, GroupNode>;\n  parent?: GroupNode;\n}\n\ninterface BuildGroupingArgs {\n  rows: any[];\n  config: RowGroupingConfig;\n  expanded: Set<string>;\n}\n\n/**\n * Build a flattened grouping projection (collapsed by default).\n * Returns empty array when grouping disabled or all rows ungrouped.\n *\n * @param args - The grouping arguments\n * @returns Flattened array of render rows (groups + data rows)\n */\nexport function buildGroupedRowModel({ rows, config, expanded }: BuildGroupingArgs): RenderRow[] {\n  const groupOn = config.groupOn;\n  if (!config.enabled || typeof groupOn !== 'function') {\n    return [];\n  }\n\n  const root: GroupNode = { key: '__root__', value: null, depth: -1, rows: [], children: new Map() };\n\n  // Build tree structure\n  rows.forEach((r) => {\n    let path: any = groupOn(r);\n    if (path == null || path === false) path = ['__ungrouped__'];\n    else if (!Array.isArray(path)) path = [path];\n\n    let parent = root;\n    path.forEach((rawVal: any, depthIdx: number) => {\n      const seg = rawVal == null ? '∅' : String(rawVal);\n      const composite = parent.key === '__root__' ? seg : parent.key + '||' + seg;\n      let node = parent.children.get(seg);\n      if (!node) {\n        node = { key: composite, value: rawVal, depth: depthIdx, rows: [], children: new Map(), parent };\n        parent.children.set(seg, node);\n      }\n      parent = node;\n    });\n    parent.rows.push(r);\n  });\n\n  // All ungrouped? treat as no grouping\n  if (root.children.size === 1 && root.children.has('__ungrouped__')) {\n    const only = root.children.get('__ungrouped__')!;\n    if (only.rows.length === rows.length) return [];\n  }\n\n  // Flatten tree to array\n  const flat: RenderRow[] = [];\n  const visit = (node: GroupNode) => {\n    if (node === root) {\n      node.children.forEach((c) => visit(c));\n      return;\n    }\n\n    const isExpanded = expanded.has(node.key);\n    flat.push({\n      kind: 'group',\n      key: node.key,\n      value: node.value,\n      depth: node.depth,\n      rows: node.rows,\n      expanded: isExpanded,\n    });\n\n    if (isExpanded) {\n      if (node.children.size) {\n        node.children.forEach((c) => visit(c));\n      } else {\n        node.rows.forEach((r) => flat.push({ kind: 'data', row: r, rowIndex: rows.indexOf(r) }));\n      }\n    }\n  };\n  visit(root);\n\n  return flat;\n}\n\n/**\n * Toggle expansion state for a group key.\n *\n * @param expandedKeys - Current set of expanded keys\n * @param key - The group key to toggle\n * @returns New set with toggled state\n */\nexport function toggleGroupExpansion(expandedKeys: Set<string>, key: string): Set<string> {\n  const newSet = new Set(expandedKeys);\n  if (newSet.has(key)) {\n    newSet.delete(key);\n  } else {\n    newSet.add(key);\n  }\n  return newSet;\n}\n\n/**\n * Expand all groups.\n *\n * @param rows - The flattened render rows\n * @returns Set of all group keys\n */\nexport function expandAllGroups(rows: RenderRow[]): Set<string> {\n  const keys = new Set<string>();\n  for (const row of rows) {\n    if (row.kind === 'group') {\n      keys.add(row.key);\n    }\n  }\n  return keys;\n}\n\n/**\n * Collapse all groups.\n *\n * @returns Empty set\n */\nexport function collapseAllGroups(): Set<string> {\n  return new Set();\n}\n\n/**\n * Get all group keys from a flattened model.\n *\n * @param rows - The flattened render rows\n * @returns Array of group keys\n */\nexport function getGroupKeys(rows: RenderRow[]): string[] {\n  return rows.filter((r) => r.kind === 'group').map((r) => (r as any).key);\n}\n\n/**\n * Count total rows in a group (including nested groups).\n *\n * @param groupRow - The group row\n * @returns Total row count\n */\nexport function getGroupRowCount(groupRow: RenderRow): number {\n  if (groupRow.kind !== 'group') return 0;\n  return groupRow.rows.length;\n}\n","/**\n * Row Grouping Plugin (Class-based)\n *\n * Enables hierarchical row grouping with expand/collapse and aggregations.\n */\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport { BaseGridPlugin, CellClickEvent } from '../../core/plugin/base-plugin';\nimport {\n  buildGroupedRowModel,\n  collapseAllGroups,\n  expandAllGroups,\n  getGroupRowCount,\n  runAggregator,\n  toggleGroupExpansion,\n} from './grouping-rows';\nimport type { GroupingRowsConfig, GroupRowModelItem, GroupToggleDetail, RenderRow } from './types';\n\n/**\n * Group state information returned by getGroupState()\n */\nexport interface GroupState {\n  /** Whether grouping is currently active */\n  isActive: boolean;\n  /** Number of expanded groups */\n  expandedCount: number;\n  /** Total number of groups */\n  totalGroups: number;\n  /** Array of expanded group keys */\n  expandedKeys: string[];\n}\n\n/**\n * Row Grouping Plugin for tbw-grid\n *\n * @example\n * ```ts\n * new GroupingRowsPlugin({\n *   enabled: true,\n *   groupOn: (row) => row.category,\n *   defaultExpanded: false,\n *   showRowCount: true,\n * })\n * ```\n */\nexport class GroupingRowsPlugin extends BaseGridPlugin<GroupingRowsConfig> {\n  readonly name = 'groupingRows';\n  override readonly version = '1.0.0';\n\n  protected override get defaultConfig(): Partial<GroupingRowsConfig> {\n    return {\n      enabled: true,\n      defaultExpanded: false,\n      showRowCount: true,\n      indentWidth: 20,\n      aggregators: {},\n    };\n  }\n\n  // ===== Internal State =====\n  private expandedKeys: Set<string> = new Set();\n  private flattenedRows: RenderRow[] = [];\n  private isActive = false;\n\n  // ===== Lifecycle =====\n\n  override detach(): void {\n    this.expandedKeys.clear();\n    this.flattenedRows = [];\n    this.isActive = false;\n  }\n\n  // ===== Hooks =====\n\n  /**\n   * Auto-detect grouping configuration from grid config.\n   * Called by plugin system to determine if plugin should activate.\n   */\n  static detect(rows: readonly any[], config: any): boolean {\n    return typeof config?.groupOn === 'function' || typeof config?.enableRowGrouping === 'boolean';\n  }\n\n  override processRows(rows: readonly any[]): any[] {\n    const config = this.config;\n\n    // Check if grouping is configured\n    if (!config.enabled || typeof config.groupOn !== 'function') {\n      this.isActive = false;\n      this.flattenedRows = [];\n      return [...rows];\n    }\n\n    // Build grouped model\n    const grouped = buildGroupedRowModel({\n      rows: rows as any[],\n      config: config,\n      expanded: this.expandedKeys,\n    });\n\n    // If no grouping produced, return original rows\n    if (grouped.length === 0) {\n      this.isActive = false;\n      this.flattenedRows = [];\n      return [...rows];\n    }\n\n    this.isActive = true;\n    this.flattenedRows = grouped;\n\n    // Return flattened rows for rendering\n    // The grid will need to handle group rows specially\n    return grouped.map((item) => {\n      if (item.kind === 'group') {\n        return {\n          __isGroupRow: true,\n          __groupKey: item.key,\n          __groupValue: item.value,\n          __groupDepth: item.depth,\n          __groupRows: item.rows,\n          __groupExpanded: item.expanded,\n          __groupRowCount: getGroupRowCount(item),\n        };\n      }\n      return item.row;\n    });\n  }\n\n  override onCellClick(event: CellClickEvent): boolean | void {\n    const row = event.row;\n\n    // Check if this is a group row toggle\n    if (row?.__isGroupRow) {\n      const target = event.originalEvent.target as HTMLElement;\n      if (target?.closest('.group-toggle')) {\n        this.toggle(row.__groupKey);\n        return true; // Prevent default\n      }\n    }\n  }\n\n  /**\n   * Render a row. Returns true if we handled the row (group row), false otherwise.\n   */\n  override renderRow(row: any, rowEl: HTMLElement, _rowIndex: number): boolean {\n    // Only handle group rows\n    if (!row?.__isGroupRow) {\n      return false;\n    }\n\n    const config = this.config;\n\n    // If a custom renderer is provided, use it\n    if (config.groupRowRenderer) {\n      const toggleExpand = () => {\n        this.toggle(row.__groupKey);\n      };\n\n      const result = config.groupRowRenderer({\n        key: row.__groupKey,\n        value: row.__groupValue,\n        depth: row.__groupDepth,\n        rows: row.__groupRows,\n        expanded: row.__groupExpanded,\n        toggleExpand,\n      });\n\n      if (result) {\n        rowEl.className = 'group-row';\n        (rowEl as any).__isCustomRow = true; // Mark for proper class reset on recycle\n        rowEl.setAttribute('data-group-depth', String(row.__groupDepth));\n        if (typeof result === 'string') {\n          rowEl.innerHTML = result;\n        } else {\n          rowEl.innerHTML = '';\n          rowEl.appendChild(result);\n        }\n        return true;\n      }\n    }\n\n    // Helper to toggle expansion\n    const handleToggle = () => {\n      this.toggle(row.__groupKey);\n    };\n\n    // Default group row rendering\n    rowEl.className = 'group-row';\n    (rowEl as any).__isCustomRow = true; // Mark for proper class reset on recycle\n    rowEl.setAttribute('data-group-depth', String(row.__groupDepth));\n    rowEl.setAttribute('role', 'row');\n    rowEl.setAttribute('aria-expanded', String(row.__groupExpanded));\n    rowEl.style.paddingLeft = `${(row.__groupDepth || 0) * (config.indentWidth ?? 20)}px`;\n    rowEl.innerHTML = '';\n\n    const isFullWidth = config.fullWidth !== false; // default true\n\n    if (isFullWidth) {\n      this.renderFullWidthGroupRow(row, rowEl, handleToggle);\n    } else {\n      this.renderPerColumnGroupRow(row, rowEl, handleToggle);\n    }\n\n    return true;\n  }\n\n  override afterRender(): void {\n    // No additional DOM manipulation needed for grouping\n    // The renderRow hook handles all group row rendering\n  }\n\n  // ===== Private Rendering Helpers =====\n\n  private renderFullWidthGroupRow(row: any, rowEl: HTMLElement, handleToggle: () => void): void {\n    const config = this.config;\n\n    // Full-width mode: single spanning cell with toggle + label + count\n    const cell = document.createElement('div');\n    cell.className = 'cell group-full';\n    cell.style.gridColumn = '1 / -1';\n    cell.setAttribute('role', 'gridcell');\n\n    // Toggle button with click handler\n    const btn = document.createElement('button');\n    btn.type = 'button';\n    btn.className = 'group-toggle';\n    btn.setAttribute('aria-label', row.__groupExpanded ? 'Collapse group' : 'Expand group');\n    this.setIcon(btn, this.resolveIcon(row.__groupExpanded ? 'collapse' : 'expand'));\n    btn.addEventListener('click', (e) => {\n      e.stopPropagation();\n      handleToggle();\n    });\n    cell.appendChild(btn);\n\n    // Group label - use formatLabel if provided\n    const label = document.createElement('span');\n    label.className = 'group-label';\n    const labelText = config.formatLabel\n      ? config.formatLabel(row.__groupValue, row.__groupDepth || 0, row.__groupKey)\n      : String(row.__groupValue);\n    label.textContent = labelText;\n    cell.appendChild(label);\n\n    // Row count\n    if (config.showRowCount !== false) {\n      const count = document.createElement('span');\n      count.className = 'group-count';\n      count.textContent = `(${row.__groupRowCount ?? row.__groupRows?.length ?? 0})`;\n      cell.appendChild(count);\n    }\n\n    rowEl.appendChild(cell);\n  }\n\n  private renderPerColumnGroupRow(row: any, rowEl: HTMLElement, handleToggle: () => void): void {\n    const config = this.config;\n    const aggregators = config.aggregators ?? {};\n    const columns = this.columns;\n    const groupRows = row.__groupRows ?? [];\n\n    // Get grid template from the grid element\n    const bodyEl = this.shadowRoot?.querySelector('.body') as HTMLElement | null;\n    const gridTemplate = bodyEl?.style.gridTemplateColumns || '';\n    if (gridTemplate) {\n      rowEl.style.display = 'grid';\n      rowEl.style.gridTemplateColumns = gridTemplate;\n    }\n\n    columns.forEach((col, colIdx) => {\n      const cell = document.createElement('div');\n      cell.className = 'cell group-cell';\n      cell.setAttribute('data-col', String(colIdx));\n      cell.setAttribute('role', 'gridcell');\n\n      if (colIdx === 0) {\n        // First column: toggle button + label\n        const btn = document.createElement('button');\n        btn.type = 'button';\n        btn.className = 'group-toggle';\n        btn.setAttribute('aria-label', row.__groupExpanded ? 'Collapse group' : 'Expand group');\n        this.setIcon(btn, this.resolveIcon(row.__groupExpanded ? 'collapse' : 'expand'));\n        btn.addEventListener('click', (e) => {\n          e.stopPropagation();\n          handleToggle();\n        });\n        cell.appendChild(btn);\n\n        const label = document.createElement('span');\n        const firstColAgg = aggregators[col.field];\n        if (firstColAgg) {\n          const aggResult = runAggregator(firstColAgg, groupRows, col.field, col);\n          label.textContent = aggResult != null ? String(aggResult) : String(row.__groupValue);\n        } else {\n          const labelText = config.formatLabel\n            ? config.formatLabel(row.__groupValue, row.__groupDepth || 0, row.__groupKey)\n            : String(row.__groupValue);\n          label.textContent = labelText;\n        }\n        cell.appendChild(label);\n\n        if (config.showRowCount !== false) {\n          const count = document.createElement('span');\n          count.className = 'group-count';\n          count.textContent = ` (${groupRows.length})`;\n          cell.appendChild(count);\n        }\n      } else {\n        // Other columns: run aggregator if defined\n        const aggRef = aggregators[col.field];\n        if (aggRef) {\n          const result = runAggregator(aggRef, groupRows, col.field, col);\n          cell.textContent = result != null ? String(result) : '';\n        } else {\n          cell.textContent = '';\n        }\n      }\n\n      rowEl.appendChild(cell);\n    });\n  }\n\n  // ===== Public API =====\n\n  /**\n   * Expand all groups.\n   */\n  expandAll(): void {\n    this.expandedKeys = expandAllGroups(this.flattenedRows);\n    this.requestRender();\n  }\n\n  /**\n   * Collapse all groups.\n   */\n  collapseAll(): void {\n    this.expandedKeys = collapseAllGroups();\n    this.requestRender();\n  }\n\n  /**\n   * Toggle expansion of a specific group.\n   * @param key - The group key to toggle\n   */\n  toggle(key: string): void {\n    this.expandedKeys = toggleGroupExpansion(this.expandedKeys, key);\n\n    // Find the group to emit event details\n    const group = this.flattenedRows.find((r) => r.kind === 'group' && r.key === key) as GroupRowModelItem | undefined;\n\n    this.emit<GroupToggleDetail>('group-toggle', {\n      key,\n      expanded: this.expandedKeys.has(key),\n      value: group?.value,\n      depth: group?.depth ?? 0,\n    });\n\n    this.requestRender();\n  }\n\n  /**\n   * Check if a specific group is expanded.\n   * @param key - The group key to check\n   * @returns Whether the group is expanded\n   */\n  isExpanded(key: string): boolean {\n    return this.expandedKeys.has(key);\n  }\n\n  /**\n   * Expand a specific group.\n   * @param key - The group key to expand\n   */\n  expand(key: string): void {\n    if (!this.expandedKeys.has(key)) {\n      this.expandedKeys = new Set([...this.expandedKeys, key]);\n      this.requestRender();\n    }\n  }\n\n  /**\n   * Collapse a specific group.\n   * @param key - The group key to collapse\n   */\n  collapse(key: string): void {\n    if (this.expandedKeys.has(key)) {\n      const newKeys = new Set(this.expandedKeys);\n      newKeys.delete(key);\n      this.expandedKeys = newKeys;\n      this.requestRender();\n    }\n  }\n\n  /**\n   * Get the current group state.\n   * @returns Group state information\n   */\n  getGroupState(): GroupState {\n    const groupRows = this.flattenedRows.filter((r) => r.kind === 'group');\n    return {\n      isActive: this.isActive,\n      expandedCount: this.expandedKeys.size,\n      totalGroups: groupRows.length,\n      expandedKeys: [...this.expandedKeys],\n    };\n  }\n\n  /**\n   * Get the total count of visible rows (including group headers).\n   * @returns Number of visible rows\n   */\n  getRowCount(): number {\n    return this.flattenedRows.length;\n  }\n\n  /**\n   * Refresh the grouped row model.\n   * Call this after modifying groupOn or other config options.\n   */\n  refreshGroups(): void {\n    this.requestRender();\n  }\n\n  /**\n   * Get current expanded group keys.\n   * @returns Array of expanded group keys\n   */\n  getExpandedGroups(): string[] {\n    return [...this.expandedKeys];\n  }\n\n  /**\n   * Get the flattened row model.\n   * @returns Array of render rows (groups + data rows)\n   */\n  getFlattenedRows(): RenderRow[] {\n    return this.flattenedRows;\n  }\n\n  /**\n   * Check if grouping is currently active.\n   * @returns Whether grouping is active\n   */\n  isGroupingActive(): boolean {\n    return this.isActive;\n  }\n\n  /**\n   * Set the groupOn function dynamically.\n   * @param fn - The groupOn function or undefined to disable\n   */\n  setGroupOn(fn: ((row: any) => any[] | any | null | false) | undefined): void {\n    (this.config as GroupingRowsConfig).groupOn = fn;\n    this.requestRender();\n  }\n\n  // ===== Styles =====\n\n  override readonly styles = `\n    .group-row {\n      background: var(--tbw-grouping-rows-bg, var(--tbw-color-panel-bg));\n      font-weight: 500;\n    }\n    .group-row:hover {\n      background: var(--tbw-grouping-rows-bg-hover, var(--tbw-color-row-hover));\n    }\n    .group-toggle {\n      cursor: pointer;\n      user-select: none;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: 20px;\n      height: 20px;\n      margin-right: 4px;\n      font-size: 10px;\n    }\n    .group-toggle:hover {\n      background: var(--tbw-grouping-rows-toggle-hover, var(--tbw-color-row-hover));\n      border-radius: 2px;\n    }\n    .group-label {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n    }\n    .group-count {\n      color: var(--tbw-grouping-rows-count-color, var(--tbw-color-fg-muted));\n      font-size: 0.85em;\n      font-weight: normal;\n    }\n    [data-group-depth=\"0\"] .group-label { padding-left: 0; }\n    [data-group-depth=\"1\"] .group-label { padding-left: 20px; }\n    [data-group-depth=\"2\"] .group-label { padding-left: 40px; }\n    [data-group-depth=\"3\"] .group-label { padding-left: 60px; }\n    [data-group-depth=\"4\"] .group-label { padding-left: 80px; }\n  `;\n}\n"],"names":["buildGroupedRowModel","rows","config","expanded","groupOn","root","r","path","parent","rawVal","depthIdx","seg","composite","node","flat","visit","c","isExpanded","toggleGroupExpansion","expandedKeys","key","newSet","expandAllGroups","keys","row","collapseAllGroups","getGroupRowCount","groupRow","GroupingRowsPlugin","BaseGridPlugin","grouped","item","event","rowEl","_rowIndex","toggleExpand","result","handleToggle","cell","btn","e","label","labelText","count","aggregators","columns","groupRows","gridTemplate","col","colIdx","firstColAgg","aggResult","runAggregator","aggRef","group","newKeys","fn"],"mappings":"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"}

package/umd/plugins/master-detail.umd.js

@@ -1,4 +1,4 @@
-(function(d,p){typeof exports=="object"&&typeof module<"u"?p(exports,require("../../core/plugin/base-plugin")):typeof define=="function"&&define.amd?define(["exports","../../core/plugin/base-plugin"],p):(d=typeof globalThis<"u"?globalThis:d||self,p(d.TbwGridPlugin_masterDetail={},d.TbwGrid))})(this,(function(d,p){"use strict";function f(r,e){const t=new Set(r);return t.has(e)?t.delete(e):t.add(e),t}function x(r,e){const t=new Set(r);return t.add(e),t}function m(r,e){const t=new Set(r);return t.delete(e),t}function R(r,e){return r.has(e)}function b(r,e,t,o){const n=document.createElement("div");n.className="master-detail-row",n.setAttribute("data-detail-for",String(e)),n.setAttribute("role","row");const s=document.createElement("div");s.className="master-detail-cell",s.setAttribute("role","cell"),s.style.gridColumn=`1 / ${o+1}`;const i=t(r,e);return typeof i=="string"?s.innerHTML=i:i instanceof HTMLElement&&s.appendChild(i),n.appendChild(s),n}class E extends p.BaseGridPlugin{name="masterDetail";version="1.0.0";get defaultConfig(){return{enabled:!0,detailHeight:"auto",expandOnRowClick:!1,collapseOnClickOutside:!1,showExpandColumn:!0}}expandedRows=new Set;detailElements=new Map;detach(){this.expandedRows.clear(),this.detailElements.clear()}processColumns(e){if(!this.config.detailRenderer)return[...e];const t=[...e];if(t.length>0){const o={...t[0]},n=o.viewRenderer;if(n?.__masterDetailWrapped)return t;const s=i=>{const{value:l,row:a}=i,g=this.expandedRows.has(a),u=document.createElement("span");u.className="master-detail-cell-wrapper";const c=document.createElement("span");c.className="master-detail-toggle",c.textContent=g?"▼":"▶",c.setAttribute("aria-expanded",String(g)),c.setAttribute("aria-label",g?"Collapse details":"Expand details"),c.addEventListener("click",w=>{w.stopPropagation();const C=this.rows.indexOf(a);this.expandedRows=f(this.expandedRows,a),this.emit("detail-expand",{rowIndex:C,row:a,expanded:this.expandedRows.has(a)}),this.requestRender()}),u.appendChild(c);const h=document.createElement("span");if(n){const w=n(i);w instanceof Node?h.appendChild(w):h.textContent=String(w??l??"")}else h.textContent=String(l??"");return u.appendChild(h),u};s.__masterDetailWrapped=!0,o.viewRenderer=s,t[0]=o}return t}onRowClick(e){if(!(!this.config.expandOnRowClick||!this.config.detailRenderer))return this.expandedRows=f(this.expandedRows,e.row),this.emit("detail-expand",{rowIndex:e.rowIndex,row:e.row,expanded:this.expandedRows.has(e.row)}),this.requestRender(),!1}afterRender(){if(!this.config.detailRenderer)return;const e=this.shadowRoot?.querySelector(".rows");if(!e)return;e.querySelectorAll(".master-detail-row").forEach(n=>n.remove()),this.detailElements.clear();const t=e.querySelectorAll(".data-grid-row"),o=this.columns.length;for(const n of t){const s=n.querySelector(".cell[data-row]"),i=s?parseInt(s.getAttribute("data-row")??"-1",10):-1;if(i<0)continue;const l=this.rows[i];if(!l||!this.expandedRows.has(l))continue;const a=b(l,i,this.config.detailRenderer,o);typeof this.config.detailHeight=="number"&&(a.style.height=`${this.config.detailHeight}px`),n.appendChild(a),this.detailElements.set(l,a)}}expand(e){const t=this.rows[e];t&&(this.expandedRows=x(this.expandedRows,t),this.requestRender())}collapse(e){const t=this.rows[e];t&&(this.expandedRows=m(this.expandedRows,t),this.requestRender())}toggle(e){const t=this.rows[e];t&&(this.expandedRows=f(this.expandedRows,t),this.requestRender())}isExpanded(e){const t=this.rows[e];return t?R(this.expandedRows,t):!1}expandAll(){for(const e of this.rows)this.expandedRows.add(e);this.requestRender()}collapseAll(){this.expandedRows.clear(),this.requestRender()}getExpandedRows(){const e=[];for(const t of this.expandedRows){const o=this.rows.indexOf(t);o>=0&&e.push(o)}return e}getDetailElement(e){const t=this.rows[e];return t?this.detailElements.get(t):void 0}styles=`
+(function(h,w){typeof exports=="object"&&typeof module<"u"?w(exports,require("../../core/plugin/base-plugin")):typeof define=="function"&&define.amd?define(["exports","../../core/plugin/base-plugin"],w):(h=typeof globalThis<"u"?globalThis:h||self,w(h.TbwGridPlugin_masterDetail={},h.TbwGrid))})(this,(function(h,w){"use strict";function g(c,e){const t=new Set(c);return t.has(e)?t.delete(e):t.add(e),t}function x(c,e){const t=new Set(c);return t.add(e),t}function m(c,e){const t=new Set(c);return t.delete(e),t}function R(c,e){return c.has(e)}function E(c,e,t,r){const o=document.createElement("div");o.className="master-detail-row",o.setAttribute("data-detail-for",String(e)),o.setAttribute("role","row");const a=document.createElement("div");a.className="master-detail-cell",a.setAttribute("role","cell"),a.style.gridColumn=`1 / ${r+1}`;const n=t(c,e);return typeof n=="string"?a.innerHTML=n:n instanceof HTMLElement&&a.appendChild(n),o.appendChild(a),o}class b extends w.BaseGridPlugin{name="masterDetail";version="1.0.0";get defaultConfig(){return{enabled:!0,detailHeight:"auto",expandOnRowClick:!1,collapseOnClickOutside:!1,showExpandColumn:!0}}expandedRows=new Set;detailElements=new Map;detach(){this.expandedRows.clear(),this.detailElements.clear()}processColumns(e){if(!this.config.detailRenderer)return[...e];const t=[...e];if(t.length>0){const r={...t[0]},o=r.viewRenderer;if(o?.__masterDetailWrapped)return t;const a=n=>{const{value:s,row:i}=n,d=this.expandedRows.has(i),l=document.createElement("span");l.className="master-detail-cell-wrapper";const p=document.createElement("span");p.className="master-detail-toggle",this.setIcon(p,this.resolveIcon(d?"collapse":"expand")),p.setAttribute("aria-expanded",String(d)),p.setAttribute("aria-label",d?"Collapse details":"Expand details"),p.addEventListener("click",u=>{u.stopPropagation();const y=this.rows.indexOf(i);this.expandedRows=g(this.expandedRows,i),this.emit("detail-expand",{rowIndex:y,row:i,expanded:this.expandedRows.has(i)}),this.requestRender()}),l.appendChild(p);const f=document.createElement("span");if(o){const u=o(n);u instanceof Node?f.appendChild(u):f.textContent=String(u??s??"")}else f.textContent=String(s??"");return l.appendChild(f),l};a.__masterDetailWrapped=!0,r.viewRenderer=a,t[0]=r}return t}onRowClick(e){if(!(!this.config.expandOnRowClick||!this.config.detailRenderer))return this.expandedRows=g(this.expandedRows,e.row),this.emit("detail-expand",{rowIndex:e.rowIndex,row:e.row,expanded:this.expandedRows.has(e.row)}),this.requestRender(),!1}onCellClick(){this.expandedRows.size>0&&queueMicrotask(()=>this.#e())}afterRender(){this.#e()}onScrollRender(){!this.config.detailRenderer||this.expandedRows.size===0||this.#e()}#e(){if(!this.config.detailRenderer)return;const e=this.shadowRoot?.querySelector(".rows");if(!e)return;const t=new Map,r=e.querySelectorAll(".data-grid-row"),o=this.columns.length;for(const n of r){const s=n.querySelector(".cell[data-row]"),i=s?parseInt(s.getAttribute("data-row")??"-1",10):-1;i>=0&&t.set(i,n)}const a=e.querySelectorAll(".master-detail-row");for(const n of a){const s=parseInt(n.getAttribute("data-detail-for")??"-1",10),i=s>=0?this.rows[s]:void 0,d=i&&this.expandedRows.has(i),l=t.has(s);(!d||!l)&&(n.remove(),i&&this.detailElements.delete(i))}for(const[n,s]of t){const i=this.rows[n];if(!i||!this.expandedRows.has(i))continue;const d=this.detailElements.get(i);if(d){d.previousElementSibling!==s&&s.after(d);continue}const l=E(i,n,this.config.detailRenderer,o);typeof this.config.detailHeight=="number"&&(l.style.height=`${this.config.detailHeight}px`),s.after(l),this.detailElements.set(i,l)}}getExtraHeight(){let e=0;for(const t of this.expandedRows){const r=this.detailElements.get(t);if(r)e+=r.offsetHeight;else{const o=this.config?.detailHeight;e+=typeof o=="number"?o:150}}return e}getExtraHeightBefore(e){let t=0;for(const r of this.expandedRows){const o=this.rows.indexOf(r);if(o>=0&&o<e){const a=this.detailElements.get(r);if(a)t+=a.offsetHeight;else{const n=this.config?.detailHeight;t+=typeof n=="number"?n:150}}}return t}adjustVirtualStart(e,t,r){if(this.expandedRows.size===0)return e;const o=[];for(const s of this.expandedRows){const i=this.rows.indexOf(s);i>=0&&o.push({index:i,row:s})}o.sort((s,i)=>s.index-i.index);let a=e,n=0;for(const{index:s,row:i}of o){const d=s*r+n,p=this.detailElements.get(i)?.offsetHeight??(typeof this.config?.detailHeight=="number"?this.config.detailHeight:150),f=d+r+p;n+=p,!(s>=e)&&f>t&&s<a&&(a=s)}return a}expand(e){const t=this.rows[e];t&&(this.expandedRows=x(this.expandedRows,t),this.requestRender())}collapse(e){const t=this.rows[e];t&&(this.expandedRows=m(this.expandedRows,t),this.requestRender())}toggle(e){const t=this.rows[e];t&&(this.expandedRows=g(this.expandedRows,t),this.requestRender())}isExpanded(e){const t=this.rows[e];return t?R(this.expandedRows,t):!1}expandAll(){for(const e of this.rows)this.expandedRows.add(e);this.requestRender()}collapseAll(){this.expandedRows.clear(),this.requestRender()}getExpandedRows(){const e=[];for(const t of this.expandedRows){const r=this.rows.indexOf(t);r>=0&&e.push(r)}return e}getDetailElement(e){const t=this.rows[e];return t?this.detailElements.get(t):void 0}styles=`
     .master-detail-cell-wrapper {
       display: flex;
       align-items: center;
@@ -23,5 +23,5 @@
       padding: 16px;
       overflow: auto;
     }
-  `}d.MasterDetailPlugin=E,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})}));
+  `}h.MasterDetailPlugin=b,Object.defineProperty(h,Symbol.toStringTag,{value:"Module"})}));
 //# sourceMappingURL=master-detail.umd.js.map

package/umd/plugins/master-detail.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"master-detail.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/master-detail/master-detail.ts","../../../../../libs/grid/src/lib/plugins/master-detail/MasterDetailPlugin.ts"],"sourcesContent":["/**\n * Master/Detail Core Logic\n *\n * Pure functions for managing detail row expansion state.\n */\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n// Uses `any` for maximum flexibility with user-defined row types.\n\n/**\n * Toggle the expansion state of a detail row.\n * Returns a new Set with the updated state.\n */\nexport function toggleDetailRow(expandedRows: Set<object>, row: object): Set<object> {\n  const newExpanded = new Set(expandedRows);\n  if (newExpanded.has(row)) {\n    newExpanded.delete(row);\n  } else {\n    newExpanded.add(row);\n  }\n  return newExpanded;\n}\n\n/**\n * Expand a detail row.\n * Returns a new Set with the row added.\n */\nexport function expandDetailRow(expandedRows: Set<object>, row: object): Set<object> {\n  const newExpanded = new Set(expandedRows);\n  newExpanded.add(row);\n  return newExpanded;\n}\n\n/**\n * Collapse a detail row.\n * Returns a new Set with the row removed.\n */\nexport function collapseDetailRow(expandedRows: Set<object>, row: object): Set<object> {\n  const newExpanded = new Set(expandedRows);\n  newExpanded.delete(row);\n  return newExpanded;\n}\n\n/**\n * Check if a detail row is expanded.\n */\nexport function isDetailExpanded(expandedRows: Set<object>, row: object): boolean {\n  return expandedRows.has(row);\n}\n\n/**\n * Create a detail element for a given row.\n * The element spans all columns and contains the rendered content.\n */\nexport function createDetailElement(\n  row: any,\n  rowIndex: number,\n  renderer: (row: any, rowIndex: number) => HTMLElement | string,\n  columnCount: number\n): HTMLElement {\n  const detailRow = document.createElement('div');\n  detailRow.className = 'master-detail-row';\n  detailRow.setAttribute('data-detail-for', String(rowIndex));\n  detailRow.setAttribute('role', 'row');\n\n  const detailCell = document.createElement('div');\n  detailCell.className = 'master-detail-cell';\n  detailCell.setAttribute('role', 'cell');\n  detailCell.style.gridColumn = `1 / ${columnCount + 1}`;\n\n  const content = renderer(row, rowIndex);\n  if (typeof content === 'string') {\n    detailCell.innerHTML = content;\n  } else if (content instanceof HTMLElement) {\n    detailCell.appendChild(content);\n  }\n\n  detailRow.appendChild(detailCell);\n  return detailRow;\n}\n","/**\n * Master/Detail Plugin (Class-based)\n *\n * Enables expandable detail rows showing additional content for each row.\n */\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport { BaseGridPlugin, RowClickEvent } from '../../core/plugin/base-plugin';\nimport {\n  collapseDetailRow,\n  createDetailElement,\n  expandDetailRow,\n  isDetailExpanded,\n  toggleDetailRow,\n} from './master-detail';\nimport type { DetailExpandDetail, MasterDetailConfig } from './types';\n\n/**\n * Master/Detail Plugin for tbw-grid\n *\n * @example\n * ```ts\n * new MasterDetailPlugin({\n *   enabled: true,\n *   detailRenderer: (row) => `<div>Details for ${row.name}</div>`,\n *   expandOnRowClick: true,\n * })\n * ```\n */\nexport class MasterDetailPlugin extends BaseGridPlugin<MasterDetailConfig> {\n  readonly name = 'masterDetail';\n  override readonly version = '1.0.0';\n\n  protected override get defaultConfig(): Partial<MasterDetailConfig> {\n    return {\n      enabled: true,\n      detailHeight: 'auto',\n      expandOnRowClick: false,\n      collapseOnClickOutside: false,\n      showExpandColumn: true,\n    };\n  }\n\n  // ===== Internal State =====\n  private expandedRows: Set<any> = new Set();\n  private detailElements: Map<any, HTMLElement> = new Map();\n\n  // ===== Lifecycle =====\n\n  override detach(): void {\n    this.expandedRows.clear();\n    this.detailElements.clear();\n  }\n\n  // ===== Hooks =====\n\n  override processColumns(\n    columns: readonly import('../../core/types').ColumnConfig[]\n  ): import('../../core/types').ColumnConfig[] {\n    if (!this.config.detailRenderer) {\n      return [...columns];\n    }\n\n    // Wrap first column's renderer to add expand/collapse toggle\n    const cols = [...columns];\n    if (cols.length > 0) {\n      const firstCol = { ...cols[0] };\n      const originalRenderer = firstCol.viewRenderer;\n\n      // Skip if already wrapped by this plugin (prevents double-wrapping on re-render)\n      if ((originalRenderer as any)?.__masterDetailWrapped) {\n        return cols;\n      }\n\n      const wrappedRenderer = (renderCtx: Parameters<NonNullable<typeof originalRenderer>>[0]) => {\n        const { value, row } = renderCtx;\n        const isExpanded = this.expandedRows.has(row);\n\n        const container = document.createElement('span');\n        container.className = 'master-detail-cell-wrapper';\n\n        // Expand/collapse toggle icon\n        const toggle = document.createElement('span');\n        toggle.className = 'master-detail-toggle';\n        toggle.textContent = isExpanded ? '▼' : '▶';\n        toggle.setAttribute('aria-expanded', String(isExpanded));\n        toggle.setAttribute('aria-label', isExpanded ? 'Collapse details' : 'Expand details');\n        toggle.addEventListener('click', (e) => {\n          e.stopPropagation();\n          const rowIndex = this.rows.indexOf(row);\n          this.expandedRows = toggleDetailRow(this.expandedRows, row);\n          this.emit<DetailExpandDetail>('detail-expand', {\n            rowIndex,\n            row,\n            expanded: this.expandedRows.has(row),\n          });\n          this.requestRender();\n        });\n        container.appendChild(toggle);\n\n        // Cell content\n        const content = document.createElement('span');\n        if (originalRenderer) {\n          const rendered = originalRenderer(renderCtx);\n          if (rendered instanceof Node) {\n            content.appendChild(rendered);\n          } else {\n            content.textContent = String(rendered ?? value ?? '');\n          }\n        } else {\n          content.textContent = String(value ?? '');\n        }\n        container.appendChild(content);\n\n        return container;\n      };\n\n      // Mark renderer as wrapped to prevent double-wrapping\n      (wrappedRenderer as any).__masterDetailWrapped = true;\n      firstCol.viewRenderer = wrappedRenderer;\n\n      cols[0] = firstCol;\n    }\n\n    return cols;\n  }\n\n  override onRowClick(event: RowClickEvent): boolean | void {\n    if (!this.config.expandOnRowClick || !this.config.detailRenderer) return;\n\n    this.expandedRows = toggleDetailRow(this.expandedRows, event.row);\n\n    this.emit<DetailExpandDetail>('detail-expand', {\n      rowIndex: event.rowIndex,\n      row: event.row,\n      expanded: this.expandedRows.has(event.row),\n    });\n\n    this.requestRender();\n    return false;\n  }\n\n  override afterRender(): void {\n    if (!this.config.detailRenderer) return;\n\n    const body = this.shadowRoot?.querySelector('.rows');\n    if (!body) return;\n\n    // Remove old detail rows\n    body.querySelectorAll('.master-detail-row').forEach((el) => el.remove());\n    this.detailElements.clear();\n\n    // Insert detail rows as last child of expanded row elements\n    const dataRows = body.querySelectorAll('.data-grid-row');\n    const columnCount = this.columns.length;\n\n    for (const rowEl of dataRows) {\n      const firstCell = rowEl.querySelector('.cell[data-row]');\n      const rowIndex = firstCell ? parseInt(firstCell.getAttribute('data-row') ?? '-1', 10) : -1;\n      if (rowIndex < 0) continue;\n\n      const row = this.rows[rowIndex];\n      if (!row || !this.expandedRows.has(row)) continue;\n\n      const detailEl = createDetailElement(row, rowIndex, this.config.detailRenderer, columnCount);\n\n      if (typeof this.config.detailHeight === 'number') {\n        detailEl.style.height = `${this.config.detailHeight}px`;\n      }\n\n      rowEl.appendChild(detailEl);\n      this.detailElements.set(row, detailEl);\n    }\n  }\n\n  // ===== Public API =====\n\n  /**\n   * Expand the detail row at the given index.\n   * @param rowIndex - Index of the row to expand\n   */\n  expand(rowIndex: number): void {\n    const row = this.rows[rowIndex];\n    if (row) {\n      this.expandedRows = expandDetailRow(this.expandedRows, row);\n      this.requestRender();\n    }\n  }\n\n  /**\n   * Collapse the detail row at the given index.\n   * @param rowIndex - Index of the row to collapse\n   */\n  collapse(rowIndex: number): void {\n    const row = this.rows[rowIndex];\n    if (row) {\n      this.expandedRows = collapseDetailRow(this.expandedRows, row);\n      this.requestRender();\n    }\n  }\n\n  /**\n   * Toggle the detail row at the given index.\n   * @param rowIndex - Index of the row to toggle\n   */\n  toggle(rowIndex: number): void {\n    const row = this.rows[rowIndex];\n    if (row) {\n      this.expandedRows = toggleDetailRow(this.expandedRows, row);\n      this.requestRender();\n    }\n  }\n\n  /**\n   * Check if the detail row at the given index is expanded.\n   * @param rowIndex - Index of the row to check\n   * @returns Whether the detail row is expanded\n   */\n  isExpanded(rowIndex: number): boolean {\n    const row = this.rows[rowIndex];\n    return row ? isDetailExpanded(this.expandedRows, row) : false;\n  }\n\n  /**\n   * Expand all detail rows.\n   */\n  expandAll(): void {\n    for (const row of this.rows) {\n      this.expandedRows.add(row);\n    }\n    this.requestRender();\n  }\n\n  /**\n   * Collapse all detail rows.\n   */\n  collapseAll(): void {\n    this.expandedRows.clear();\n    this.requestRender();\n  }\n\n  /**\n   * Get the indices of all expanded rows.\n   * @returns Array of row indices that are expanded\n   */\n  getExpandedRows(): number[] {\n    const indices: number[] = [];\n    for (const row of this.expandedRows) {\n      const idx = this.rows.indexOf(row);\n      if (idx >= 0) indices.push(idx);\n    }\n    return indices;\n  }\n\n  /**\n   * Get the detail element for a specific row.\n   * @param rowIndex - Index of the row\n   * @returns The detail HTMLElement or undefined\n   */\n  getDetailElement(rowIndex: number): HTMLElement | undefined {\n    const row = this.rows[rowIndex];\n    return row ? this.detailElements.get(row) : undefined;\n  }\n\n  // ===== Styles =====\n\n  override readonly styles = `\n    .master-detail-cell-wrapper {\n      display: flex;\n      align-items: center;\n      gap: 4px;\n    }\n    .master-detail-toggle {\n      cursor: pointer;\n      font-size: 10px;\n      opacity: 0.7;\n      user-select: none;\n    }\n    .master-detail-toggle:hover {\n      opacity: 1;\n    }\n    .master-detail-row {\n      grid-column: 1 / -1;\n      display: grid;\n      background: var(--tbw-master-detail-bg, var(--tbw-color-row-alt));\n      border-bottom: 1px solid var(--tbw-master-detail-border, var(--tbw-color-border));\n    }\n    .master-detail-cell {\n      padding: 16px;\n      overflow: auto;\n    }\n  `;\n}\n"],"names":["toggleDetailRow","expandedRows","row","newExpanded","expandDetailRow","collapseDetailRow","isDetailExpanded","createDetailElement","rowIndex","renderer","columnCount","detailRow","detailCell","content","MasterDetailPlugin","BaseGridPlugin","columns","cols","firstCol","originalRenderer","wrappedRenderer","renderCtx","value","isExpanded","container","toggle","e","rendered","event","body","el","dataRows","rowEl","firstCell","detailEl","indices","idx"],"mappings":"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"}
+{"version":3,"file":"master-detail.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/master-detail/master-detail.ts","../../../../../libs/grid/src/lib/plugins/master-detail/MasterDetailPlugin.ts"],"sourcesContent":["/**\n * Master/Detail Core Logic\n *\n * Pure functions for managing detail row expansion state.\n */\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n// Uses `any` for maximum flexibility with user-defined row types.\n\n/**\n * Toggle the expansion state of a detail row.\n * Returns a new Set with the updated state.\n */\nexport function toggleDetailRow(expandedRows: Set<object>, row: object): Set<object> {\n  const newExpanded = new Set(expandedRows);\n  if (newExpanded.has(row)) {\n    newExpanded.delete(row);\n  } else {\n    newExpanded.add(row);\n  }\n  return newExpanded;\n}\n\n/**\n * Expand a detail row.\n * Returns a new Set with the row added.\n */\nexport function expandDetailRow(expandedRows: Set<object>, row: object): Set<object> {\n  const newExpanded = new Set(expandedRows);\n  newExpanded.add(row);\n  return newExpanded;\n}\n\n/**\n * Collapse a detail row.\n * Returns a new Set with the row removed.\n */\nexport function collapseDetailRow(expandedRows: Set<object>, row: object): Set<object> {\n  const newExpanded = new Set(expandedRows);\n  newExpanded.delete(row);\n  return newExpanded;\n}\n\n/**\n * Check if a detail row is expanded.\n */\nexport function isDetailExpanded(expandedRows: Set<object>, row: object): boolean {\n  return expandedRows.has(row);\n}\n\n/**\n * Create a detail element for a given row.\n * The element spans all columns and contains the rendered content.\n */\nexport function createDetailElement(\n  row: any,\n  rowIndex: number,\n  renderer: (row: any, rowIndex: number) => HTMLElement | string,\n  columnCount: number\n): HTMLElement {\n  const detailRow = document.createElement('div');\n  detailRow.className = 'master-detail-row';\n  detailRow.setAttribute('data-detail-for', String(rowIndex));\n  detailRow.setAttribute('role', 'row');\n\n  const detailCell = document.createElement('div');\n  detailCell.className = 'master-detail-cell';\n  detailCell.setAttribute('role', 'cell');\n  detailCell.style.gridColumn = `1 / ${columnCount + 1}`;\n\n  const content = renderer(row, rowIndex);\n  if (typeof content === 'string') {\n    detailCell.innerHTML = content;\n  } else if (content instanceof HTMLElement) {\n    detailCell.appendChild(content);\n  }\n\n  detailRow.appendChild(detailCell);\n  return detailRow;\n}\n","/**\n * Master/Detail Plugin (Class-based)\n *\n * Enables expandable detail rows showing additional content for each row.\n */\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport { BaseGridPlugin, RowClickEvent } from '../../core/plugin/base-plugin';\nimport {\n  collapseDetailRow,\n  createDetailElement,\n  expandDetailRow,\n  isDetailExpanded,\n  toggleDetailRow,\n} from './master-detail';\nimport type { DetailExpandDetail, MasterDetailConfig } from './types';\n\n/**\n * Master/Detail Plugin for tbw-grid\n *\n * @example\n * ```ts\n * new MasterDetailPlugin({\n *   enabled: true,\n *   detailRenderer: (row) => `<div>Details for ${row.name}</div>`,\n *   expandOnRowClick: true,\n * })\n * ```\n */\nexport class MasterDetailPlugin extends BaseGridPlugin<MasterDetailConfig> {\n  readonly name = 'masterDetail';\n  override readonly version = '1.0.0';\n\n  protected override get defaultConfig(): Partial<MasterDetailConfig> {\n    return {\n      enabled: true,\n      detailHeight: 'auto',\n      expandOnRowClick: false,\n      collapseOnClickOutside: false,\n      showExpandColumn: true,\n    };\n  }\n\n  // ===== Internal State =====\n  private expandedRows: Set<any> = new Set();\n  private detailElements: Map<any, HTMLElement> = new Map();\n\n  // ===== Lifecycle =====\n\n  override detach(): void {\n    this.expandedRows.clear();\n    this.detailElements.clear();\n  }\n\n  // ===== Hooks =====\n\n  override processColumns(\n    columns: readonly import('../../core/types').ColumnConfig[]\n  ): import('../../core/types').ColumnConfig[] {\n    if (!this.config.detailRenderer) {\n      return [...columns];\n    }\n\n    // Wrap first column's renderer to add expand/collapse toggle\n    const cols = [...columns];\n    if (cols.length > 0) {\n      const firstCol = { ...cols[0] };\n      const originalRenderer = firstCol.viewRenderer;\n\n      // Skip if already wrapped by this plugin (prevents double-wrapping on re-render)\n      if ((originalRenderer as any)?.__masterDetailWrapped) {\n        return cols;\n      }\n\n      const wrappedRenderer = (renderCtx: Parameters<NonNullable<typeof originalRenderer>>[0]) => {\n        const { value, row } = renderCtx;\n        const isExpanded = this.expandedRows.has(row);\n\n        const container = document.createElement('span');\n        container.className = 'master-detail-cell-wrapper';\n\n        // Expand/collapse toggle icon\n        const toggle = document.createElement('span');\n        toggle.className = 'master-detail-toggle';\n        // Use grid-level icons (fall back to defaults)\n        this.setIcon(toggle, this.resolveIcon(isExpanded ? 'collapse' : 'expand'));\n        toggle.setAttribute('aria-expanded', String(isExpanded));\n        toggle.setAttribute('aria-label', isExpanded ? 'Collapse details' : 'Expand details');\n        toggle.addEventListener('click', (e) => {\n          e.stopPropagation();\n          const rowIndex = this.rows.indexOf(row);\n          this.expandedRows = toggleDetailRow(this.expandedRows, row);\n          this.emit<DetailExpandDetail>('detail-expand', {\n            rowIndex,\n            row,\n            expanded: this.expandedRows.has(row),\n          });\n          this.requestRender();\n        });\n        container.appendChild(toggle);\n\n        // Cell content\n        const content = document.createElement('span');\n        if (originalRenderer) {\n          const rendered = originalRenderer(renderCtx);\n          if (rendered instanceof Node) {\n            content.appendChild(rendered);\n          } else {\n            content.textContent = String(rendered ?? value ?? '');\n          }\n        } else {\n          content.textContent = String(value ?? '');\n        }\n        container.appendChild(content);\n\n        return container;\n      };\n\n      // Mark renderer as wrapped to prevent double-wrapping\n      (wrappedRenderer as any).__masterDetailWrapped = true;\n      firstCol.viewRenderer = wrappedRenderer;\n\n      cols[0] = firstCol;\n    }\n\n    return cols;\n  }\n\n  override onRowClick(event: RowClickEvent): boolean | void {\n    if (!this.config.expandOnRowClick || !this.config.detailRenderer) return;\n\n    this.expandedRows = toggleDetailRow(this.expandedRows, event.row);\n\n    this.emit<DetailExpandDetail>('detail-expand', {\n      rowIndex: event.rowIndex,\n      row: event.row,\n      expanded: this.expandedRows.has(event.row),\n    });\n\n    this.requestRender();\n    return false;\n  }\n\n  override onCellClick(): boolean | void {\n    // Sync detail rows after cell click triggers refreshVirtualWindow\n    // This runs in microtask to ensure DOM updates are complete\n    if (this.expandedRows.size > 0) {\n      queueMicrotask(() => this.#syncDetailRows());\n    }\n    return; // Don't prevent default\n  }\n\n  override afterRender(): void {\n    this.#syncDetailRows();\n  }\n\n  /**\n   * Called on scroll to sync detail elements with visible rows.\n   * Removes details for rows that scrolled out of view and reattaches for visible rows.\n   */\n  override onScrollRender(): void {\n    if (!this.config.detailRenderer || this.expandedRows.size === 0) return;\n    // Full sync needed on scroll to clean up orphaned details\n    this.#syncDetailRows();\n  }\n\n  /**\n   * Full sync of detail rows - cleans up stale elements and creates new ones.\n   * Detail rows are inserted as siblings AFTER their master row to survive row rebuilds.\n   */\n  #syncDetailRows(): void {\n    if (!this.config.detailRenderer) return;\n\n    const body = this.shadowRoot?.querySelector('.rows');\n    if (!body) return;\n\n    // Build a map of row index -> row element for visible rows\n    const visibleRowMap = new Map<number, Element>();\n    const dataRows = body.querySelectorAll('.data-grid-row');\n    const columnCount = this.columns.length;\n\n    for (const rowEl of dataRows) {\n      const firstCell = rowEl.querySelector('.cell[data-row]');\n      const rowIndex = firstCell ? parseInt(firstCell.getAttribute('data-row') ?? '-1', 10) : -1;\n      if (rowIndex >= 0) {\n        visibleRowMap.set(rowIndex, rowEl);\n      }\n    }\n\n    // Remove detail rows whose parent row is no longer visible or no longer expanded\n    const existingDetails = body.querySelectorAll('.master-detail-row');\n    for (const detailEl of existingDetails) {\n      const forIndex = parseInt(detailEl.getAttribute('data-detail-for') ?? '-1', 10);\n      const row = forIndex >= 0 ? this.rows[forIndex] : undefined;\n      const isStillExpanded = row && this.expandedRows.has(row);\n      const isRowVisible = visibleRowMap.has(forIndex);\n\n      // Remove detail if not expanded or if parent row scrolled out\n      if (!isStillExpanded || !isRowVisible) {\n        detailEl.remove();\n        if (row) this.detailElements.delete(row);\n      }\n    }\n\n    // Insert detail rows for expanded rows that are visible\n    for (const [rowIndex, rowEl] of visibleRowMap) {\n      const row = this.rows[rowIndex];\n      if (!row || !this.expandedRows.has(row)) continue;\n\n      // Check if detail already exists for this row\n      const existingDetail = this.detailElements.get(row);\n      if (existingDetail) {\n        // Ensure it's positioned correctly (as next sibling of row element)\n        if (existingDetail.previousElementSibling !== rowEl) {\n          rowEl.after(existingDetail);\n        }\n        continue;\n      }\n\n      // Create new detail element\n      const detailEl = createDetailElement(row, rowIndex, this.config.detailRenderer, columnCount);\n\n      if (typeof this.config.detailHeight === 'number') {\n        detailEl.style.height = `${this.config.detailHeight}px`;\n      }\n\n      // Insert as sibling after the row element (not as child)\n      rowEl.after(detailEl);\n      this.detailElements.set(row, detailEl);\n    }\n  }\n\n  /**\n   * Return total extra height from all expanded detail rows.\n   * Used by grid virtualization to adjust scrollbar height.\n   */\n  override getExtraHeight(): number {\n    let totalHeight = 0;\n    for (const row of this.expandedRows) {\n      const detailEl = this.detailElements.get(row);\n      if (detailEl) {\n        totalHeight += detailEl.offsetHeight;\n      } else {\n        // Detail not yet rendered - estimate based on config or default\n        const configHeight = this.config?.detailHeight;\n        totalHeight += typeof configHeight === 'number' ? configHeight : 150;\n      }\n    }\n    return totalHeight;\n  }\n\n  /**\n   * Return extra height that appears before a given row index.\n   * This is the sum of heights of all expanded details whose parent row is before the given index.\n   */\n  override getExtraHeightBefore(beforeRowIndex: number): number {\n    let totalHeight = 0;\n    for (const row of this.expandedRows) {\n      const rowIndex = this.rows.indexOf(row);\n      // Include detail if it's for a row before the given index\n      if (rowIndex >= 0 && rowIndex < beforeRowIndex) {\n        const detailEl = this.detailElements.get(row);\n        if (detailEl) {\n          totalHeight += detailEl.offsetHeight;\n        } else {\n          const configHeight = this.config?.detailHeight;\n          totalHeight += typeof configHeight === 'number' ? configHeight : 150;\n        }\n      }\n    }\n    return totalHeight;\n  }\n\n  /**\n   * Adjust the virtualization start index to keep expanded row visible while its detail is visible.\n   * This ensures the detail scrolls smoothly out of view instead of disappearing abruptly.\n   */\n  override adjustVirtualStart(start: number, scrollTop: number, rowHeight: number): number {\n    if (this.expandedRows.size === 0) return start;\n\n    // Build sorted list of expanded row indices for cumulative height calculation\n    const expandedIndices: Array<{ index: number; row: any }> = [];\n    for (const row of this.expandedRows) {\n      const index = this.rows.indexOf(row);\n      if (index >= 0) {\n        expandedIndices.push({ index, row });\n      }\n    }\n    expandedIndices.sort((a, b) => a.index - b.index);\n\n    let minStart = start;\n\n    // Calculate actual scroll position for each expanded row,\n    // accounting for cumulative detail heights before it\n    let cumulativeExtraHeight = 0;\n\n    for (const { index: rowIndex, row } of expandedIndices) {\n      // Actual position includes all detail heights before this row\n      const actualRowTop = rowIndex * rowHeight + cumulativeExtraHeight;\n      const detailEl = this.detailElements.get(row);\n      const detailHeight =\n        detailEl?.offsetHeight ?? (typeof this.config?.detailHeight === 'number' ? this.config.detailHeight : 150);\n      const actualDetailBottom = actualRowTop + rowHeight + detailHeight;\n\n      // Update cumulative height for next iteration\n      cumulativeExtraHeight += detailHeight;\n\n      // Skip rows that are at or after the calculated start\n      if (rowIndex >= start) continue;\n\n      // If any part of the detail is still visible (below the scroll position),\n      // we need to keep the parent row in the render range\n      if (actualDetailBottom > scrollTop) {\n        if (rowIndex < minStart) {\n          minStart = rowIndex;\n        }\n      }\n    }\n\n    return minStart;\n  }\n\n  // ===== Public API =====\n\n  /**\n   * Expand the detail row at the given index.\n   * @param rowIndex - Index of the row to expand\n   */\n  expand(rowIndex: number): void {\n    const row = this.rows[rowIndex];\n    if (row) {\n      this.expandedRows = expandDetailRow(this.expandedRows, row);\n      this.requestRender();\n    }\n  }\n\n  /**\n   * Collapse the detail row at the given index.\n   * @param rowIndex - Index of the row to collapse\n   */\n  collapse(rowIndex: number): void {\n    const row = this.rows[rowIndex];\n    if (row) {\n      this.expandedRows = collapseDetailRow(this.expandedRows, row);\n      this.requestRender();\n    }\n  }\n\n  /**\n   * Toggle the detail row at the given index.\n   * @param rowIndex - Index of the row to toggle\n   */\n  toggle(rowIndex: number): void {\n    const row = this.rows[rowIndex];\n    if (row) {\n      this.expandedRows = toggleDetailRow(this.expandedRows, row);\n      this.requestRender();\n    }\n  }\n\n  /**\n   * Check if the detail row at the given index is expanded.\n   * @param rowIndex - Index of the row to check\n   * @returns Whether the detail row is expanded\n   */\n  isExpanded(rowIndex: number): boolean {\n    const row = this.rows[rowIndex];\n    return row ? isDetailExpanded(this.expandedRows, row) : false;\n  }\n\n  /**\n   * Expand all detail rows.\n   */\n  expandAll(): void {\n    for (const row of this.rows) {\n      this.expandedRows.add(row);\n    }\n    this.requestRender();\n  }\n\n  /**\n   * Collapse all detail rows.\n   */\n  collapseAll(): void {\n    this.expandedRows.clear();\n    this.requestRender();\n  }\n\n  /**\n   * Get the indices of all expanded rows.\n   * @returns Array of row indices that are expanded\n   */\n  getExpandedRows(): number[] {\n    const indices: number[] = [];\n    for (const row of this.expandedRows) {\n      const idx = this.rows.indexOf(row);\n      if (idx >= 0) indices.push(idx);\n    }\n    return indices;\n  }\n\n  /**\n   * Get the detail element for a specific row.\n   * @param rowIndex - Index of the row\n   * @returns The detail HTMLElement or undefined\n   */\n  getDetailElement(rowIndex: number): HTMLElement | undefined {\n    const row = this.rows[rowIndex];\n    return row ? this.detailElements.get(row) : undefined;\n  }\n\n  // ===== Styles =====\n\n  override readonly styles = `\n    .master-detail-cell-wrapper {\n      display: flex;\n      align-items: center;\n      gap: 4px;\n    }\n    .master-detail-toggle {\n      cursor: pointer;\n      font-size: 10px;\n      opacity: 0.7;\n      user-select: none;\n    }\n    .master-detail-toggle:hover {\n      opacity: 1;\n    }\n    .master-detail-row {\n      grid-column: 1 / -1;\n      display: grid;\n      background: var(--tbw-master-detail-bg, var(--tbw-color-row-alt));\n      border-bottom: 1px solid var(--tbw-master-detail-border, var(--tbw-color-border));\n    }\n    .master-detail-cell {\n      padding: 16px;\n      overflow: auto;\n    }\n  `;\n}\n"],"names":["toggleDetailRow","expandedRows","row","newExpanded","expandDetailRow","collapseDetailRow","isDetailExpanded","createDetailElement","rowIndex","renderer","columnCount","detailRow","detailCell","content","MasterDetailPlugin","BaseGridPlugin","columns","cols","firstCol","originalRenderer","wrappedRenderer","renderCtx","value","isExpanded","container","toggle","e","rendered","event","#syncDetailRows","body","visibleRowMap","dataRows","rowEl","firstCell","existingDetails","detailEl","forIndex","isStillExpanded","isRowVisible","existingDetail","totalHeight","configHeight","beforeRowIndex","start","scrollTop","rowHeight","expandedIndices","index","a","b","minStart","cumulativeExtraHeight","actualRowTop","detailHeight","actualDetailBottom","indices","idx"],"mappings":"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"}

package/umd/plugins/multi-sort.umd.js

@@ -1,4 +1,4 @@
-(function(d,l){typeof exports=="object"&&typeof module<"u"?l(exports,require("../../core/plugin/base-plugin")):typeof define=="function"&&define.amd?define(["exports","../../core/plugin/base-plugin"],l):(d=typeof globalThis<"u"?globalThis:d||self,l(d.TbwGridPlugin_multiSort={},d.TbwGrid))})(this,(function(d,l){"use strict";function m(e,t,i){return t.length?[...e].sort((n,o)=>{for(const r of t){const c=i.find(a=>a.field===r.field)?.sortComparator??x,g=n[r.field],p=o[r.field],s=c(g,p,n,o);if(s!==0)return r.direction==="asc"?s:-s}return 0}):[...e]}function x(e,t){return e==null&&t==null?0:e==null?1:t==null?-1:typeof e=="number"&&typeof t=="number"?e-t:e instanceof Date&&t instanceof Date?e.getTime()-t.getTime():typeof e=="boolean"&&typeof t=="boolean"?e===t?0:e?-1:1:String(e).localeCompare(String(t))}function M(e,t,i,n){const o=e.find(r=>r.field===t);return i?o?o.direction==="asc"?e.map(r=>r.field===t?{...r,direction:"desc"}:r):e.filter(r=>r.field!==t):e.length<n?[...e,{field:t,direction:"asc"}]:e:o?.direction==="asc"?[{field:t,direction:"desc"}]:o?.direction==="desc"?[]:[{field:t,direction:"asc"}]}function f(e,t){const i=e.findIndex(n=>n.field===t);return i>=0?i+1:void 0}function h(e,t){return e.find(i=>i.field===t)?.direction}class y extends l.BaseGridPlugin{name="multiSort";version="1.0.0";get defaultConfig(){return{enabled:!0,maxSortColumns:3,showSortIndex:!0}}sortModel=[];detach(){this.sortModel=[]}processRows(t){return this.sortModel.length===0?[...t]:m([...t],this.sortModel,[...this.columns])}onHeaderClick(t){if(!this.columns.find(r=>r.field===t.field)?.sortable)return!1;const n=t.originalEvent.shiftKey,o=this.config.maxSortColumns??3;return this.sortModel=M(this.sortModel,t.field,n,o),this.emit("sort-change",{sortModel:[...this.sortModel]}),this.requestRender(),!0}afterRender(){const t=this.shadowRoot;if(!t)return;const i=this.config.showSortIndex!==!1;t.querySelectorAll(".header-row .cell[data-field]").forEach(o=>{const r=o.getAttribute("data-field");if(!r)return;const u=f(this.sortModel,r),c=h(this.sortModel,r);if(o.querySelector(".sort-index")?.remove(),c){o.querySelector('[part~="sort-indicator"], .sort-indicator')?.remove(),o.setAttribute("data-sort",c);const s=document.createElement("span");if(s.className="sort-indicator",s.style.marginLeft="4px",s.style.opacity="0.8",s.textContent=c==="asc"?"▲":"▼",o.appendChild(s),i&&this.sortModel.length>1&&u!==void 0){const a=document.createElement("span");a.className="sort-index",a.textContent=String(u),o.appendChild(a)}}else o.removeAttribute("data-sort")})}getSortModel(){return[...this.sortModel]}setSortModel(t){this.sortModel=[...t],this.emit("sort-change",{sortModel:[...t]}),this.requestRender()}clearSort(){this.sortModel=[],this.emit("sort-change",{sortModel:[]}),this.requestRender()}getSortIndex(t){return f(this.sortModel,t)}getSortDirection(t){return h(this.sortModel,t)}getColumnState(t){const i=this.sortModel.findIndex(o=>o.field===t);return i===-1?void 0:{sort:{direction:this.sortModel[i].direction,priority:i}}}applyColumnState(t,i){if(!i.sort){this.sortModel=this.sortModel.filter(r=>r.field!==t);return}const n=this.sortModel.findIndex(r=>r.field===t),o={field:t,direction:i.sort.direction};n!==-1?this.sortModel[n]=o:this.sortModel.splice(i.sort.priority,0,o)}styles=`
+(function(d,l){typeof exports=="object"&&typeof module<"u"?l(exports,require("../../core/plugin/base-plugin")):typeof define=="function"&&define.amd?define(["exports","../../core/plugin/base-plugin"],l):(d=typeof globalThis<"u"?globalThis:d||self,l(d.TbwGridPlugin_multiSort={},d.TbwGrid))})(this,(function(d,l){"use strict";function m(e,t,i){return t.length?[...e].sort((n,o)=>{for(const r of t){const c=i.find(a=>a.field===r.field)?.sortComparator??x,g=n[r.field],p=o[r.field],s=c(g,p,n,o);if(s!==0)return r.direction==="asc"?s:-s}return 0}):[...e]}function x(e,t){return e==null&&t==null?0:e==null?1:t==null?-1:typeof e=="number"&&typeof t=="number"?e-t:e instanceof Date&&t instanceof Date?e.getTime()-t.getTime():typeof e=="boolean"&&typeof t=="boolean"?e===t?0:e?-1:1:String(e).localeCompare(String(t))}function M(e,t,i,n){const o=e.find(r=>r.field===t);return i?o?o.direction==="asc"?e.map(r=>r.field===t?{...r,direction:"desc"}:r):e.filter(r=>r.field!==t):e.length<n?[...e,{field:t,direction:"asc"}]:e:o?.direction==="asc"?[{field:t,direction:"desc"}]:o?.direction==="desc"?[]:[{field:t,direction:"asc"}]}function f(e,t){const i=e.findIndex(n=>n.field===t);return i>=0?i+1:void 0}function h(e,t){return e.find(i=>i.field===t)?.direction}class y extends l.BaseGridPlugin{name="multiSort";version="1.0.0";get defaultConfig(){return{enabled:!0,maxSortColumns:3,showSortIndex:!0}}sortModel=[];detach(){this.sortModel=[]}processRows(t){return this.sortModel.length===0?[...t]:m([...t],this.sortModel,[...this.columns])}onHeaderClick(t){if(!this.columns.find(r=>r.field===t.field)?.sortable)return!1;const n=t.originalEvent.shiftKey,o=this.config.maxSortColumns??3;return this.sortModel=M(this.sortModel,t.field,n,o),this.emit("sort-change",{sortModel:[...this.sortModel]}),this.requestRender(),!0}afterRender(){const t=this.shadowRoot;if(!t)return;const i=this.config.showSortIndex!==!1;t.querySelectorAll(".header-row .cell[data-field]").forEach(o=>{const r=o.getAttribute("data-field");if(!r)return;const u=f(this.sortModel,r),c=h(this.sortModel,r);if(o.querySelector(".sort-index")?.remove(),c){o.querySelector('[part~="sort-indicator"], .sort-indicator')?.remove(),o.setAttribute("data-sort",c);const s=document.createElement("span");if(s.className="sort-indicator",s.style.marginLeft="4px",s.style.opacity="0.8",this.setIcon(s,this.resolveIcon(c==="asc"?"sortAsc":"sortDesc")),o.appendChild(s),i&&this.sortModel.length>1&&u!==void 0){const a=document.createElement("span");a.className="sort-index",a.textContent=String(u),o.appendChild(a)}}else o.removeAttribute("data-sort")})}getSortModel(){return[...this.sortModel]}setSortModel(t){this.sortModel=[...t],this.emit("sort-change",{sortModel:[...t]}),this.requestRender()}clearSort(){this.sortModel=[],this.emit("sort-change",{sortModel:[]}),this.requestRender()}getSortIndex(t){return f(this.sortModel,t)}getSortDirection(t){return h(this.sortModel,t)}getColumnState(t){const i=this.sortModel.findIndex(o=>o.field===t);return i===-1?void 0:{sort:{direction:this.sortModel[i].direction,priority:i}}}applyColumnState(t,i){if(!i.sort){this.sortModel=this.sortModel.filter(r=>r.field!==t);return}const n=this.sortModel.findIndex(r=>r.field===t),o={field:t,direction:i.sort.direction};n!==-1?this.sortModel[n]=o:this.sortModel.splice(i.sort.priority,0,o)}styles=`
     .header-cell[data-sort="asc"]::after {
       content: '↑';
       margin-left: 4px;