@toolbox-web/grid 0.2.7 → 0.3.0

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

@@ -1 +1 @@
-{"version":3,"file":"grouping-columns.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/grouping-columns/grouping-columns.ts","../../../../../libs/grid/src/lib/plugins/grouping-columns/GroupingColumnsPlugin.ts"],"sourcesContent":["/**\n * Column Groups Core Logic\n *\n * Pure functions for computing and managing column header groups.\n */\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport type { ColumnConfig } from '../../core/types';\nimport type { ColumnGroup, ColumnGroupInternal } from './types';\n\n/**\n * Compute column groups from column configuration.\n * Handles explicit groups (via column.group) and creates implicit groups for ungrouped columns.\n *\n * @param columns - Array of column configurations\n * @returns Array of column groups, or empty if no meaningful groups\n */\nexport function computeColumnGroups<T>(columns: ColumnConfig<T>[]): ColumnGroup<T>[] {\n  if (!columns.length) return [];\n\n  const explicitMap = new Map<string, ColumnGroupInternal<T>>();\n  const groupsOrdered: ColumnGroupInternal<T>[] = [];\n\n  // Helper to push unnamed implicit group for a run of ungrouped columns\n  const pushImplicit = (startIdx: number, cols: ColumnConfig<T>[]) => {\n    if (!cols.length) return;\n    // Merge with previous implicit group if adjacent to reduce noise\n    const prev = groupsOrdered[groupsOrdered.length - 1];\n    if (prev && prev.implicit && prev.firstIndex + prev.columns.length === startIdx) {\n      prev.columns.push(...cols);\n      return;\n    }\n    groupsOrdered.push({\n      id: '__implicit__' + startIdx,\n      label: undefined,\n      columns: cols,\n      firstIndex: startIdx,\n      implicit: true,\n    });\n  };\n\n  let run: ColumnConfig<T>[] = [];\n  let runStart = 0;\n\n  columns.forEach((col, idx) => {\n    const g: any = (col as any).group;\n    if (!g) {\n      if (run.length === 0) runStart = idx;\n      run.push(col);\n      return;\n    }\n    // Close any pending implicit run\n    if (run.length) {\n      pushImplicit(runStart, run.slice());\n      run = [];\n    }\n    const id = typeof g === 'string' ? g : g.id;\n    let group = explicitMap.get(id);\n    if (!group) {\n      group = {\n        id,\n        label: typeof g === 'string' ? undefined : g.label,\n        columns: [],\n        firstIndex: idx,\n      };\n      explicitMap.set(id, group);\n      groupsOrdered.push(group);\n    }\n    group.columns.push(col);\n  });\n\n  // Trailing implicit run\n  if (run.length) pushImplicit(runStart, run);\n\n  // If we only have a single implicit group covering all columns, treat as no groups\n  if (\n    groupsOrdered.length === 1 &&\n    groupsOrdered[0].implicit &&\n    groupsOrdered[0].columns.length === columns.length\n  ) {\n    return [];\n  }\n\n  return groupsOrdered as ColumnGroup<T>[];\n}\n\n/**\n * Apply CSS classes to header cells based on their group membership.\n *\n * @param headerRowEl - The header row element\n * @param groups - The computed column groups\n * @param columns - The column configurations\n */\nexport function applyGroupedHeaderCellClasses(\n  headerRowEl: HTMLElement | null,\n  groups: ColumnGroup[],\n  columns: ColumnConfig<any>[]\n): void {\n  if (!groups.length || !headerRowEl) return;\n\n  const fieldToGroup = new Map<string, string>();\n  for (const g of groups) {\n    for (const c of g.columns) {\n      if ((c as any)?.field) {\n        fieldToGroup.set((c as any).field, g.id);\n      }\n    }\n  }\n\n  const headerCells = Array.from(headerRowEl.querySelectorAll('.cell[data-field]')) as HTMLElement[];\n  headerCells.forEach((cell) => {\n    const f = cell.getAttribute('data-field') || '';\n    const gid = fieldToGroup.get(f);\n    if (gid) {\n      cell.classList.add('grouped');\n      if (!cell.getAttribute('data-group')) {\n        cell.setAttribute('data-group', gid);\n      }\n    }\n  });\n\n  // Mark group end cells for styling\n  for (const g of groups) {\n    const last = g.columns[g.columns.length - 1];\n    const cell = headerCells.find((c) => c.getAttribute('data-field') === (last as any).field);\n    if (cell) cell.classList.add('group-end');\n  }\n}\n\n/**\n * Build the group header row element.\n *\n * @param groups - The computed column groups\n * @param columns - The column configurations\n * @returns The group header row element, or null if no groups\n */\nexport function buildGroupHeaderRow(\n  groups: ColumnGroup[],\n  columns: ColumnConfig<any>[]\n): HTMLElement | null {\n  if (groups.length === 0) return null;\n\n  const groupRow = document.createElement('div');\n  groupRow.className = 'header-group-row';\n  groupRow.setAttribute('role', 'row');\n\n  for (const g of groups) {\n    const startIndex =\n      g.firstIndex != null\n        ? g.firstIndex\n        : columns.findIndex((c) => (g.columns as any[]).includes(c));\n\n    const isImplicit = String(g.id).startsWith('__implicit__');\n    const label = isImplicit ? '' : g.label || g.id;\n\n    const cell = document.createElement('div');\n    cell.className = 'cell header-group-cell';\n    if (isImplicit) cell.classList.add('implicit-group');\n    cell.setAttribute('data-group', String(g.id));\n    cell.style.gridColumn = `${startIndex + 1} / span ${g.columns.length}`;\n    cell.textContent = label;\n    groupRow.appendChild(cell);\n  }\n\n  return groupRow;\n}\n\n/**\n * Check if any columns have group configuration.\n *\n * @param columns - The column configurations\n * @returns True if at least one column has a group\n */\nexport function hasColumnGroups(columns: ColumnConfig<any>[]): boolean {\n  return columns.some((col) => (col as any).group != null);\n}\n\n/**\n * Get group ID for a specific column.\n *\n * @param column - The column configuration\n * @returns The group ID, or undefined if not grouped\n */\nexport function getColumnGroupId(column: ColumnConfig<any>): string | undefined {\n  const g = (column as any).group;\n  if (!g) return undefined;\n  return typeof g === 'string' ? g : g.id;\n}\n","/**\n * Column Groups Plugin (Class-based)\n *\n * Enables multi-level column header grouping.\n */\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport { BaseGridPlugin } from '../../core/plugin/base-plugin';\nimport type { ColumnConfig } from '../../core/types';\nimport {\n  applyGroupedHeaderCellClasses,\n  buildGroupHeaderRow,\n  computeColumnGroups,\n  hasColumnGroups,\n} from './grouping-columns';\nimport styles from './grouping-columns.css?inline';\nimport type { ColumnGroup, GroupingColumnsConfig } from './types';\n\n/**\n * Column Groups Plugin for tbw-grid\n *\n * @example\n * ```ts\n * new GroupingColumnsPlugin({\n *   enabled: true,\n *   showGroupBorders: true,\n * })\n * ```\n */\nexport class GroupingColumnsPlugin extends BaseGridPlugin<GroupingColumnsConfig> {\n  readonly name = 'groupingColumns';\n  override readonly version = '1.0.0';\n\n  protected override get defaultConfig(): Partial<GroupingColumnsConfig> {\n    return {\n      showGroupBorders: true,\n    };\n  }\n\n  // #region Internal State\n  private groups: ColumnGroup[] = [];\n  private isActive = false;\n  // #endregion\n\n  // #region Lifecycle\n\n  override detach(): void {\n    this.groups = [];\n    this.isActive = false;\n  }\n  // #endregion\n\n  // #region Static Detection\n\n  /**\n   * Auto-detect column groups from column configuration.\n   */\n  static detect(rows: readonly any[], config: any): boolean {\n    const columns = config?.columns;\n    if (!Array.isArray(columns)) return false;\n    return hasColumnGroups(columns);\n  }\n  // #endregion\n\n  // #region Hooks\n\n  override processColumns(columns: readonly ColumnConfig[]): ColumnConfig[] {\n    // Compute groups from column definitions\n    const groups = computeColumnGroups(columns as ColumnConfig[]);\n\n    if (groups.length === 0) {\n      this.isActive = false;\n      this.groups = [];\n      return [...columns];\n    }\n\n    this.isActive = true;\n    this.groups = groups;\n\n    // Return columns unchanged - the afterRender hook will add the group header\n    return [...columns];\n  }\n\n  override afterRender(): void {\n    if (!this.isActive || this.groups.length === 0) {\n      // Remove any existing group header\n      const header = this.shadowRoot?.querySelector('.header');\n      const existingGroupRow = header?.querySelector('.header-group-row');\n      if (existingGroupRow) existingGroupRow.remove();\n      return;\n    }\n\n    const header = this.shadowRoot?.querySelector('.header');\n    if (!header) return;\n\n    // Remove existing group row if present\n    const existingGroupRow = header.querySelector('.header-group-row');\n    if (existingGroupRow) existingGroupRow.remove();\n\n    // Build and insert group header row\n    const groupRow = buildGroupHeaderRow(this.groups, this.columns as ColumnConfig[]);\n    if (groupRow) {\n      // Toggle border visibility class\n      groupRow.classList.toggle('no-borders', !this.config.showGroupBorders);\n\n      const headerRow = header.querySelector('.header-row');\n      if (headerRow) {\n        header.insertBefore(groupRow, headerRow);\n      } else {\n        header.appendChild(groupRow);\n      }\n    }\n\n    // Apply classes to header cells\n    const headerRow = header.querySelector('.header-row') as HTMLElement;\n    if (headerRow) {\n      // Toggle border visibility on header cells\n      headerRow.classList.toggle('no-group-borders', !this.config.showGroupBorders);\n      applyGroupedHeaderCellClasses(headerRow, this.groups, this.columns as ColumnConfig[]);\n    }\n  }\n  // #endregion\n\n  // #region Public API\n\n  /**\n   * Check if column groups are active.\n   * @returns Whether grouping is active\n   */\n  isGroupingActive(): boolean {\n    return this.isActive;\n  }\n\n  /**\n   * Get the computed column groups.\n   * @returns Array of column groups\n   */\n  getGroups(): ColumnGroup[] {\n    return this.groups;\n  }\n\n  /**\n   * Get columns in a specific group.\n   * @param groupId - The group ID to find\n   * @returns Array of columns in the group\n   */\n  getGroupColumns(groupId: string): ColumnConfig[] {\n    const group = this.groups.find((g) => g.id === groupId);\n    return group ? group.columns : [];\n  }\n\n  /**\n   * Refresh column groups (recompute from current columns).\n   */\n  refresh(): void {\n    this.requestRender();\n  }\n  // #endregion\n\n  // #region Styles\n\n  override readonly styles = styles;\n  // #endregion\n}\n"],"names":["computeColumnGroups","columns","explicitMap","groupsOrdered","pushImplicit","startIdx","cols","prev","run","runStart","col","idx","g","id","group","applyGroupedHeaderCellClasses","headerRowEl","groups","fieldToGroup","c","headerCells","cell","f","gid","last","buildGroupHeaderRow","groupRow","startIndex","isImplicit","label","hasColumnGroups","GroupingColumnsPlugin","BaseGridPlugin","rows","config","existingGroupRow","header","headerRow","groupId","styles"],"mappings":"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"}
+{"version":3,"file":"grouping-columns.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/grouping-columns/grouping-columns.ts","../../../../../libs/grid/src/lib/plugins/grouping-columns/GroupingColumnsPlugin.ts"],"sourcesContent":["/**\n * Column Groups Core Logic\n *\n * Pure functions for computing and managing column header groups.\n */\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport type { ColumnConfig } from '../../core/types';\nimport type { ColumnGroup, ColumnGroupInternal } from './types';\n\n/**\n * Compute column groups from column configuration.\n * Handles explicit groups (via column.group) and creates implicit groups for ungrouped columns.\n *\n * @param columns - Array of column configurations\n * @returns Array of column groups, or empty if no meaningful groups\n */\nexport function computeColumnGroups<T>(columns: ColumnConfig<T>[]): ColumnGroup<T>[] {\n  if (!columns.length) return [];\n\n  const explicitMap = new Map<string, ColumnGroupInternal<T>>();\n  const groupsOrdered: ColumnGroupInternal<T>[] = [];\n\n  // Helper to push unnamed implicit group for a run of ungrouped columns\n  const pushImplicit = (startIdx: number, cols: ColumnConfig<T>[]) => {\n    if (!cols.length) return;\n    // Merge with previous implicit group if adjacent to reduce noise\n    const prev = groupsOrdered[groupsOrdered.length - 1];\n    if (prev && prev.implicit && prev.firstIndex + prev.columns.length === startIdx) {\n      prev.columns.push(...cols);\n      return;\n    }\n    groupsOrdered.push({\n      id: '__implicit__' + startIdx,\n      label: undefined,\n      columns: cols,\n      firstIndex: startIdx,\n      implicit: true,\n    });\n  };\n\n  let run: ColumnConfig<T>[] = [];\n  let runStart = 0;\n\n  columns.forEach((col, idx) => {\n    const g: any = (col as any).group;\n    if (!g) {\n      if (run.length === 0) runStart = idx;\n      run.push(col);\n      return;\n    }\n    // Close any pending implicit run\n    if (run.length) {\n      pushImplicit(runStart, run.slice());\n      run = [];\n    }\n    const id = typeof g === 'string' ? g : g.id;\n    let group = explicitMap.get(id);\n    if (!group) {\n      group = {\n        id,\n        label: typeof g === 'string' ? undefined : g.label,\n        columns: [],\n        firstIndex: idx,\n      };\n      explicitMap.set(id, group);\n      groupsOrdered.push(group);\n    }\n    group.columns.push(col);\n  });\n\n  // Trailing implicit run\n  if (run.length) pushImplicit(runStart, run);\n\n  // If we only have a single implicit group covering all columns, treat as no groups\n  if (\n    groupsOrdered.length === 1 &&\n    groupsOrdered[0].implicit &&\n    groupsOrdered[0].columns.length === columns.length\n  ) {\n    return [];\n  }\n\n  return groupsOrdered as ColumnGroup<T>[];\n}\n\n/**\n * Apply CSS classes to header cells based on their group membership.\n *\n * @param headerRowEl - The header row element\n * @param groups - The computed column groups\n * @param columns - The column configurations\n */\nexport function applyGroupedHeaderCellClasses(\n  headerRowEl: HTMLElement | null,\n  groups: ColumnGroup[],\n  columns: ColumnConfig<any>[]\n): void {\n  if (!groups.length || !headerRowEl) return;\n\n  const fieldToGroup = new Map<string, string>();\n  for (const g of groups) {\n    for (const c of g.columns) {\n      if ((c as any)?.field) {\n        fieldToGroup.set((c as any).field, g.id);\n      }\n    }\n  }\n\n  const headerCells = Array.from(headerRowEl.querySelectorAll('.cell[data-field]')) as HTMLElement[];\n  headerCells.forEach((cell) => {\n    const f = cell.getAttribute('data-field') || '';\n    const gid = fieldToGroup.get(f);\n    if (gid) {\n      cell.classList.add('grouped');\n      if (!cell.getAttribute('data-group')) {\n        cell.setAttribute('data-group', gid);\n      }\n    }\n  });\n\n  // Mark group end cells for styling\n  for (const g of groups) {\n    const last = g.columns[g.columns.length - 1];\n    const cell = headerCells.find((c) => c.getAttribute('data-field') === (last as any).field);\n    if (cell) cell.classList.add('group-end');\n  }\n}\n\n/**\n * Build the group header row element.\n *\n * @param groups - The computed column groups\n * @param columns - The column configurations\n * @returns The group header row element, or null if no groups\n */\nexport function buildGroupHeaderRow(\n  groups: ColumnGroup[],\n  columns: ColumnConfig<any>[]\n): HTMLElement | null {\n  if (groups.length === 0) return null;\n\n  const groupRow = document.createElement('div');\n  groupRow.className = 'header-group-row';\n  groupRow.setAttribute('role', 'row');\n\n  for (const g of groups) {\n    const startIndex =\n      g.firstIndex != null\n        ? g.firstIndex\n        : columns.findIndex((c) => (g.columns as any[]).includes(c));\n\n    const isImplicit = String(g.id).startsWith('__implicit__');\n    const label = isImplicit ? '' : g.label || g.id;\n\n    const cell = document.createElement('div');\n    cell.className = 'cell header-group-cell';\n    if (isImplicit) cell.classList.add('implicit-group');\n    cell.setAttribute('data-group', String(g.id));\n    cell.style.gridColumn = `${startIndex + 1} / span ${g.columns.length}`;\n    cell.textContent = label;\n    groupRow.appendChild(cell);\n  }\n\n  return groupRow;\n}\n\n/**\n * Check if any columns have group configuration.\n *\n * @param columns - The column configurations\n * @returns True if at least one column has a group\n */\nexport function hasColumnGroups(columns: ColumnConfig<any>[]): boolean {\n  return columns.some((col) => (col as any).group != null);\n}\n\n/**\n * Get group ID for a specific column.\n *\n * @param column - The column configuration\n * @returns The group ID, or undefined if not grouped\n */\nexport function getColumnGroupId(column: ColumnConfig<any>): string | undefined {\n  const g = (column as any).group;\n  if (!g) return undefined;\n  return typeof g === 'string' ? g : g.id;\n}\n","/**\n * Column Groups Plugin (Class-based)\n *\n * Enables multi-level column header grouping.\n */\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport { BaseGridPlugin } from '../../core/plugin/base-plugin';\nimport type { ColumnConfig } from '../../core/types';\nimport {\n  applyGroupedHeaderCellClasses,\n  buildGroupHeaderRow,\n  computeColumnGroups,\n  hasColumnGroups,\n} from './grouping-columns';\nimport styles from './grouping-columns.css?inline';\nimport type { ColumnGroup, GroupingColumnsConfig } from './types';\n\n/**\n * Column Groups Plugin for tbw-grid\n *\n * @example\n * ```ts\n * new GroupingColumnsPlugin({\n *   enabled: true,\n *   showGroupBorders: true,\n * })\n * ```\n */\nexport class GroupingColumnsPlugin extends BaseGridPlugin<GroupingColumnsConfig> {\n  readonly name = 'groupingColumns';\n  override readonly version = '1.0.0';\n\n  protected override get defaultConfig(): Partial<GroupingColumnsConfig> {\n    return {\n      showGroupBorders: true,\n    };\n  }\n\n  // #region Internal State\n  private groups: ColumnGroup[] = [];\n  private isActive = false;\n  // #endregion\n\n  // #region Lifecycle\n\n  override detach(): void {\n    this.groups = [];\n    this.isActive = false;\n  }\n  // #endregion\n\n  // #region Static Detection\n\n  /**\n   * Auto-detect column groups from column configuration.\n   * Detects both inline `column.group` properties and declarative `columnGroups` config.\n   */\n  static detect(rows: readonly any[], config: any): boolean {\n    // Check for declarative columnGroups in config\n    if (config?.columnGroups && Array.isArray(config.columnGroups) && config.columnGroups.length > 0) {\n      return true;\n    }\n    // Check for inline group properties on columns\n    const columns = config?.columns;\n    if (!Array.isArray(columns)) return false;\n    return hasColumnGroups(columns);\n  }\n  // #endregion\n\n  // #region Hooks\n\n  override processColumns(columns: readonly ColumnConfig[]): ColumnConfig[] {\n    // First, check if gridConfig.columnGroups is defined and apply to columns\n    const columnGroups = this.grid?.gridConfig?.columnGroups;\n    let processedColumns: ColumnConfig[];\n\n    if (columnGroups && Array.isArray(columnGroups) && columnGroups.length > 0) {\n      // Build a map of field -> group info from the declarative config\n      const fieldToGroup = new Map<string, { id: string; label: string }>();\n      for (const group of columnGroups) {\n        for (const field of group.children) {\n          fieldToGroup.set(field, { id: group.id, label: group.header });\n        }\n      }\n\n      // Apply group property to columns that don't already have one\n      processedColumns = columns.map((col) => {\n        const groupInfo = fieldToGroup.get(col.field);\n        if (groupInfo && !col.group) {\n          return { ...col, group: groupInfo };\n        }\n        return col;\n      });\n    } else {\n      processedColumns = [...columns];\n    }\n\n    // Compute groups from column definitions (now including applied groups)\n    const groups = computeColumnGroups(processedColumns);\n\n    if (groups.length === 0) {\n      this.isActive = false;\n      this.groups = [];\n      return processedColumns;\n    }\n\n    this.isActive = true;\n    this.groups = groups;\n\n    // Return columns with group info applied\n    return processedColumns;\n  }\n\n  override afterRender(): void {\n    if (!this.isActive || this.groups.length === 0) {\n      // Remove any existing group header\n      const header = this.shadowRoot?.querySelector('.header');\n      const existingGroupRow = header?.querySelector('.header-group-row');\n      if (existingGroupRow) existingGroupRow.remove();\n      return;\n    }\n\n    const header = this.shadowRoot?.querySelector('.header');\n    if (!header) return;\n\n    // Remove existing group row if present\n    const existingGroupRow = header.querySelector('.header-group-row');\n    if (existingGroupRow) existingGroupRow.remove();\n\n    // Build and insert group header row\n    const groupRow = buildGroupHeaderRow(this.groups, this.columns as ColumnConfig[]);\n    if (groupRow) {\n      // Toggle border visibility class\n      groupRow.classList.toggle('no-borders', !this.config.showGroupBorders);\n\n      const headerRow = header.querySelector('.header-row');\n      if (headerRow) {\n        header.insertBefore(groupRow, headerRow);\n      } else {\n        header.appendChild(groupRow);\n      }\n    }\n\n    // Apply classes to header cells\n    const headerRow = header.querySelector('.header-row') as HTMLElement;\n    if (headerRow) {\n      // Toggle border visibility on header cells\n      headerRow.classList.toggle('no-group-borders', !this.config.showGroupBorders);\n      applyGroupedHeaderCellClasses(headerRow, this.groups, this.columns as ColumnConfig[]);\n    }\n  }\n  // #endregion\n\n  // #region Public API\n\n  /**\n   * Check if column groups are active.\n   * @returns Whether grouping is active\n   */\n  isGroupingActive(): boolean {\n    return this.isActive;\n  }\n\n  /**\n   * Get the computed column groups.\n   * @returns Array of column groups\n   */\n  getGroups(): ColumnGroup[] {\n    return this.groups;\n  }\n\n  /**\n   * Get columns in a specific group.\n   * @param groupId - The group ID to find\n   * @returns Array of columns in the group\n   */\n  getGroupColumns(groupId: string): ColumnConfig[] {\n    const group = this.groups.find((g) => g.id === groupId);\n    return group ? group.columns : [];\n  }\n\n  /**\n   * Refresh column groups (recompute from current columns).\n   */\n  refresh(): void {\n    this.requestRender();\n  }\n  // #endregion\n\n  // #region Styles\n\n  override readonly styles = styles;\n  // #endregion\n}\n"],"names":["computeColumnGroups","columns","explicitMap","groupsOrdered","pushImplicit","startIdx","cols","prev","run","runStart","col","idx","g","id","group","applyGroupedHeaderCellClasses","headerRowEl","groups","fieldToGroup","c","headerCells","cell","f","gid","last","buildGroupHeaderRow","groupRow","startIndex","isImplicit","label","hasColumnGroups","GroupingColumnsPlugin","BaseGridPlugin","rows","config","columnGroups","processedColumns","field","groupInfo","existingGroupRow","header","headerRow","groupId","styles"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-(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 w({rows:l,config:e,expanded:t}){const i=e.groupOn;if(typeof i!="function")return[];const s={key:"__root__",value:null,depth:-1,rows:[],children:new Map};if(l.forEach(o=>{let a=i(o);a==null||a===!1?a=["__ungrouped__"]:Array.isArray(a)||(a=[a]);let r=s;a.forEach((c,y)=>{const u=c==null?"∅":String(c),p=r.key==="__root__"?u:r.key+"||"+u;let g=r.children.get(u);g||(g={key:p,value:c,depth:y,rows:[],children:new Map,parent:r},r.children.set(u,g)),r=g}),r.rows.push(o)}),s.children.size===1&&s.children.has("__ungrouped__")&&s.children.get("__ungrouped__").rows.length===l.length)return[];const n=[],d=o=>{if(o===s){o.children.forEach(r=>d(r));return}const a=t.has(o.key);n.push({kind:"group",key:o.key,value:o.value,depth:o.depth,rows:o.rows,expanded:a}),a&&(o.children.size?o.children.forEach(r=>d(r)):o.rows.forEach(r=>n.push({kind:"data",row:r,rowIndex:l.indexOf(r)})))};return d(s),n}function x(l,e){const t=new Set(l);return t.has(e)?t.delete(e):t.add(e),t}function R(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}const A='.group-row{background:var(--tbw-grouping-rows-bg, var(--tbw-color-panel-bg));font-weight:500}.group-row:hover{background:var(--tbw-grouping-rows-bg-hover, var(--tbw-color-row-hover))}.group-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:4px}.group-toggle:hover{background:var(--tbw-grouping-rows-toggle-hover, var(--tbw-color-row-hover));border-radius:2px}.group-label{display:inline-flex;align-items:center;gap:8px}.group-count{color:var(--tbw-grouping-rows-count-color, var(--tbw-color-fg-muted));font-size:.85em;font-weight:400}[data-group-depth="0"] .group-label{padding-left:0}[data-group-depth="1"] .group-label{padding-left:20px}[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}.data-grid-row.tbw-group-slide-in{animation:tbw-group-slide-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-group-slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.data-grid-row.tbw-group-fade-in{animation:tbw-group-fade-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-group-fade-in{0%{opacity:0}to{opacity:1}}';class k extends _.BaseGridPlugin{name="groupingRows";version="1.0.0";get defaultConfig(){return{defaultExpanded:!1,showRowCount:!0,indentWidth:20,aggregators:{},animation:"slide"}}expandedKeys=new Set;flattenedRows=[];isActive=!1;previousVisibleKeys=new Set;keysToAnimate=new Set;get animationStyle(){const t=this.grid.effectiveConfig?.animation?.mode??"reduced-motion";if(t===!1||t==="off")return!1;if(t!==!0&&t!=="on"){const i=this.shadowRoot?.host;if(i&&getComputedStyle(i).getPropertyValue("--tbw-animation-enabled").trim()==="0")return!1}return this.config.animation??"slide"}detach(){this.expandedKeys.clear(),this.flattenedRows=[],this.isActive=!1,this.previousVisibleKeys.clear(),this.keysToAnimate.clear()}static detect(e,t){return typeof t?.groupOn=="function"||typeof t?.enableRowGrouping=="boolean"}processRows(e){const t=this.config;if(typeof t.groupOn!="function")return this.isActive=!1,this.flattenedRows=[],[...e];const i=w({rows:e,config:t,expanded:this.expandedKeys});if(i.length===0)return this.isActive=!1,this.flattenedRows=[],[...e];this.isActive=!0,this.flattenedRows=i,this.keysToAnimate.clear();const s=new Set;return i.forEach((n,d)=>{if(n.kind==="data"){const o=`data-${d}`;s.add(o),this.previousVisibleKeys.has(o)||this.keysToAnimate.add(o)}}),this.previousVisibleKeys=s,i.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,i){if(!e?.__isGroupRow)return!1;const s=this.config;if(s.groupRowRenderer){const o=()=>{this.toggle(e.__groupKey)},a=s.groupRowRenderer({key:e.__groupKey,value:e.__groupValue,depth:e.__groupDepth,rows:e.__groupRows,expanded:e.__groupExpanded,toggleExpand:o});if(a)return t.className="group-row",t.__isCustomRow=!0,t.setAttribute("data-group-depth",String(e.__groupDepth)),typeof a=="string"?t.innerHTML=a:(t.innerHTML="",t.appendChild(a)),!0}const n=()=>{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)*(s.indentWidth??20)}px`,t.innerHTML="",s.fullWidth!==!1?this.renderFullWidthGroupRow(e,t,n):this.renderPerColumnGroupRow(e,t,n),!0}afterRender(){const e=this.animationStyle;if(e===!1||this.keysToAnimate.size===0)return;const t=this.shadowRoot?.querySelector(".rows");if(!t)return;const i=e==="fade"?"tbw-group-fade-in":"tbw-group-slide-in";for(const s of t.querySelectorAll(".data-grid-row:not(.group-row)")){const n=s.querySelector(".cell[data-row]"),d=n?parseInt(n.getAttribute("data-row")??"-1",10):-1,a=this.flattenedRows[d]?.kind==="data"?`data-${d}`:void 0;a&&this.keysToAnimate.has(a)&&(s.classList.add(i),s.addEventListener("animationend",()=>s.classList.remove(i),{once:!0}))}this.keysToAnimate.clear()}renderFullWidthGroupRow(e,t,i){const s=this.config,n=document.createElement("div");n.className="cell group-full",n.style.gridColumn="1 / -1",n.setAttribute("role","gridcell");const d=document.createElement("button");d.type="button",d.className=`group-toggle${e.__groupExpanded?" expanded":""}`,d.setAttribute("aria-label",e.__groupExpanded?"Collapse group":"Expand group"),this.setIcon(d,this.resolveIcon(e.__groupExpanded?"collapse":"expand")),d.addEventListener("click",r=>{r.stopPropagation(),i()}),n.appendChild(d);const o=document.createElement("span");o.className="group-label";const a=s.formatLabel?s.formatLabel(e.__groupValue,e.__groupDepth||0,e.__groupKey):String(e.__groupValue);if(o.textContent=a,n.appendChild(o),s.showRowCount!==!1){const r=document.createElement("span");r.className="group-count",r.textContent=`(${e.__groupRowCount??e.__groupRows?.length??0})`,n.appendChild(r)}t.appendChild(n)}renderPerColumnGroupRow(e,t,i){const s=this.config,n=s.aggregators??{},d=this.columns,o=e.__groupRows??[],r=this.shadowRoot?.querySelector(".body")?.style.gridTemplateColumns||"";r&&(t.style.display="grid",t.style.gridTemplateColumns=r),d.forEach((c,y)=>{const u=document.createElement("div");if(u.className="cell group-cell",u.setAttribute("data-col",String(y)),u.setAttribute("role","gridcell"),y===0){const p=document.createElement("button");p.type="button",p.className=`group-toggle${e.__groupExpanded?" expanded":""}`,p.setAttribute("aria-label",e.__groupExpanded?"Collapse group":"Expand group"),this.setIcon(p,this.resolveIcon(e.__groupExpanded?"collapse":"expand")),p.addEventListener("click",h=>{h.stopPropagation(),i()}),u.appendChild(p);const g=document.createElement("span"),m=n[c.field];if(m){const h=b.runAggregator(m,o,c.field,c);g.textContent=h!=null?String(h):String(e.__groupValue)}else{const h=s.formatLabel?s.formatLabel(e.__groupValue,e.__groupDepth||0,e.__groupKey):String(e.__groupValue);g.textContent=h}if(u.appendChild(g),s.showRowCount!==!1){const h=document.createElement("span");h.className="group-count",h.textContent=` (${o.length})`,u.appendChild(h)}}else{const p=n[c.field];if(p){const g=b.runAggregator(p,o,c.field,c);u.textContent=g!=null?String(g):""}else u.textContent=""}t.appendChild(u)})}expandAll(){this.expandedKeys=R(this.flattenedRows),this.requestRender()}collapseAll(){this.expandedKeys=v(),this.requestRender()}toggle(e){this.expandedKeys=x(this.expandedKeys,e);const t=this.flattenedRows.find(i=>i.kind==="group"&&i.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=A}f.GroupingRowsPlugin=k,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})}));
+(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 w({rows:u,config:e,expanded:t}){const i=e.groupOn;if(typeof i!="function")return[];const r={key:"__root__",value:null,depth:-1,rows:[],children:new Map};if(u.forEach(o=>{let a=i(o);a==null||a===!1?a=["__ungrouped__"]:Array.isArray(a)||(a=[a]);let s=r;a.forEach((c,y)=>{const l=c==null?"∅":String(c),p=s.key==="__root__"?l:s.key+"||"+l;let g=s.children.get(l);g||(g={key:p,value:c,depth:y,rows:[],children:new Map,parent:s},s.children.set(l,g)),s=g}),s.rows.push(o)}),r.children.size===1&&r.children.has("__ungrouped__")&&r.children.get("__ungrouped__").rows.length===u.length)return[];const n=[],d=o=>{if(o===r){o.children.forEach(s=>d(s));return}const a=t.has(o.key);n.push({kind:"group",key:o.key,value:o.value,depth:o.depth,rows:o.rows,expanded:a}),a&&(o.children.size?o.children.forEach(s=>d(s)):o.rows.forEach(s=>n.push({kind:"data",row:s,rowIndex:u.indexOf(s)})))};return d(r),n}function x(u,e){const t=new Set(u);return t.has(e)?t.delete(e):t.add(e),t}function R(u){const e=new Set;for(const t of u)t.kind==="group"&&e.add(t.key);return e}function v(){return new Set}function C(u){return u.kind!=="group"?0:u.rows.length}const A='.group-row{display:grid;grid-template-columns:var(--tbw-column-template);background:var(--tbw-grouping-rows-bg, var(--tbw-color-panel-bg));font-weight:500;border-bottom:var(--tbw-row-divider);min-height:var(--tbw-row-height)}.group-row .cell{display:flex;align-items:center;padding:var(--tbw-cell-padding, 2px 8px)}.group-row:hover{background:var(--tbw-grouping-rows-bg-hover, var(--tbw-color-row-hover))}.group-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:4px;background:none;border:0;font:inherit}.group-toggle:hover{background:var(--tbw-grouping-rows-toggle-hover, var(--tbw-color-row-hover));border-radius:2px}.group-label{display:inline-flex;align-items:center;gap:8px}.group-count{color:var(--tbw-grouping-rows-count-color, var(--tbw-color-fg-muted));font-size:.85em;font-weight:400}[data-group-depth="0"] .group-label{padding-left:0}[data-group-depth="1"] .group-label{padding-left:20px}[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}.data-grid-row.tbw-group-slide-in{animation:tbw-group-slide-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-group-slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.data-grid-row.tbw-group-fade-in{animation:tbw-group-fade-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-group-fade-in{0%{opacity:0}to{opacity:1}}';class k extends _.BaseGridPlugin{name="groupingRows";version="1.0.0";get defaultConfig(){return{defaultExpanded:!1,showRowCount:!0,indentWidth:20,aggregators:{},animation:"slide"}}expandedKeys=new Set;flattenedRows=[];isActive=!1;previousVisibleKeys=new Set;keysToAnimate=new Set;get animationStyle(){const t=this.grid.effectiveConfig?.animation?.mode??"reduced-motion";if(t===!1||t==="off")return!1;if(t!==!0&&t!=="on"){const i=this.shadowRoot?.host;if(i&&getComputedStyle(i).getPropertyValue("--tbw-animation-enabled").trim()==="0")return!1}return this.config.animation??"slide"}detach(){this.expandedKeys.clear(),this.flattenedRows=[],this.isActive=!1,this.previousVisibleKeys.clear(),this.keysToAnimate.clear()}static detect(e,t){return typeof t?.groupOn=="function"||typeof t?.enableRowGrouping=="boolean"}processRows(e){const t=this.config;if(typeof t.groupOn!="function")return this.isActive=!1,this.flattenedRows=[],[...e];const i=w({rows:e,config:t,expanded:this.expandedKeys});if(i.length===0)return this.isActive=!1,this.flattenedRows=[],[...e];this.isActive=!0,this.flattenedRows=i,this.keysToAnimate.clear();const r=new Set;return i.forEach((n,d)=>{if(n.kind==="data"){const o=`data-${d}`;r.add(o),this.previousVisibleKeys.has(o)||this.keysToAnimate.add(o)}}),this.previousVisibleKeys=r,i.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,i){if(!e?.__isGroupRow)return!1;const r=this.config;if(r.groupRowRenderer){const o=()=>{this.toggle(e.__groupKey)},a=r.groupRowRenderer({key:e.__groupKey,value:e.__groupValue,depth:e.__groupDepth,rows:e.__groupRows,expanded:e.__groupExpanded,toggleExpand:o});if(a)return t.className="group-row",t.__isCustomRow=!0,t.setAttribute("data-group-depth",String(e.__groupDepth)),typeof a=="string"?t.innerHTML=a:(t.innerHTML="",t.appendChild(a)),!0}const n=()=>{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)*(r.indentWidth??20)}px`,t.innerHTML="",r.fullWidth!==!1?this.renderFullWidthGroupRow(e,t,n):this.renderPerColumnGroupRow(e,t,n),!0}afterRender(){const e=this.animationStyle;if(e===!1||this.keysToAnimate.size===0)return;const t=this.shadowRoot?.querySelector(".rows");if(!t)return;const i=e==="fade"?"tbw-group-fade-in":"tbw-group-slide-in";for(const r of t.querySelectorAll(".data-grid-row:not(.group-row)")){const n=r.querySelector(".cell[data-row]"),d=n?parseInt(n.getAttribute("data-row")??"-1",10):-1,a=this.flattenedRows[d]?.kind==="data"?`data-${d}`:void 0;a&&this.keysToAnimate.has(a)&&(r.classList.add(i),r.addEventListener("animationend",()=>r.classList.remove(i),{once:!0}))}this.keysToAnimate.clear()}renderFullWidthGroupRow(e,t,i){const r=this.config,n=document.createElement("div");n.className="cell group-full",n.style.gridColumn="1 / -1",n.setAttribute("role","gridcell");const d=document.createElement("button");d.type="button",d.className=`group-toggle${e.__groupExpanded?" expanded":""}`,d.setAttribute("aria-label",e.__groupExpanded?"Collapse group":"Expand group"),this.setIcon(d,this.resolveIcon(e.__groupExpanded?"collapse":"expand")),d.addEventListener("click",s=>{s.stopPropagation(),i()}),n.appendChild(d);const o=document.createElement("span");o.className="group-label";const a=r.formatLabel?r.formatLabel(e.__groupValue,e.__groupDepth||0,e.__groupKey):String(e.__groupValue);if(o.textContent=a,n.appendChild(o),r.showRowCount!==!1){const s=document.createElement("span");s.className="group-count",s.textContent=`(${e.__groupRowCount??e.__groupRows?.length??0})`,n.appendChild(s)}t.appendChild(n)}renderPerColumnGroupRow(e,t,i){const r=this.config,n=r.aggregators??{},d=this.columns,o=e.__groupRows??[],s=this.shadowRoot?.querySelector(".body")?.style.gridTemplateColumns||"";s&&(t.style.display="grid",t.style.gridTemplateColumns=s),d.forEach((c,y)=>{const l=document.createElement("div");if(l.className="cell group-cell",l.setAttribute("data-col",String(y)),l.setAttribute("role","gridcell"),y===0){const p=document.createElement("button");p.type="button",p.className=`group-toggle${e.__groupExpanded?" expanded":""}`,p.setAttribute("aria-label",e.__groupExpanded?"Collapse group":"Expand group"),this.setIcon(p,this.resolveIcon(e.__groupExpanded?"collapse":"expand")),p.addEventListener("click",h=>{h.stopPropagation(),i()}),l.appendChild(p);const g=document.createElement("span"),m=n[c.field];if(m){const h=b.runAggregator(m,o,c.field,c);g.textContent=h!=null?String(h):String(e.__groupValue)}else{const h=r.formatLabel?r.formatLabel(e.__groupValue,e.__groupDepth||0,e.__groupKey):String(e.__groupValue);g.textContent=h}if(l.appendChild(g),r.showRowCount!==!1){const h=document.createElement("span");h.className="group-count",h.textContent=` (${o.length})`,l.appendChild(h)}}else{const p=n[c.field];if(p){const g=b.runAggregator(p,o,c.field,c);l.textContent=g!=null?String(g):""}else l.textContent=""}t.appendChild(l)})}expandAll(){this.expandedKeys=R(this.flattenedRows),this.requestRender()}collapseAll(){this.expandedKeys=v(),this.requestRender()}toggle(e){this.expandedKeys=x(this.expandedKeys,e);const t=this.flattenedRows.find(i=>i.kind==="group"&&i.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=A}f.GroupingRowsPlugin=k,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 { getAggregator, listAggregators, registerAggregator, runAggregator } 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 groupOn not configured 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 (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 type { GridConfig } from '../../core/types';\nimport {\n  buildGroupedRowModel,\n  collapseAllGroups,\n  expandAllGroups,\n  getGroupRowCount,\n  runAggregator,\n  toggleGroupExpansion,\n} from './grouping-rows';\nimport styles from './grouping-rows.css?inline';\nimport type {\n  ExpandCollapseAnimation,\n  GroupingRowsConfig,\n  GroupRowModelItem,\n  GroupToggleDetail,\n  RenderRow,\n} from './types';\n\ninterface GridWithConfig {\n  effectiveConfig?: GridConfig;\n}\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      defaultExpanded: false,\n      showRowCount: true,\n      indentWidth: 20,\n      aggregators: {},\n      animation: 'slide',\n    };\n  }\n\n  // #region Internal State\n  private expandedKeys: Set<string> = new Set();\n  private flattenedRows: RenderRow[] = [];\n  private isActive = false;\n  private previousVisibleKeys = new Set<string>();\n  private keysToAnimate = new Set<string>();\n  // #endregion\n\n  // #region Animation\n\n  private get animationStyle(): ExpandCollapseAnimation {\n    const gridEl = this.grid as unknown as GridWithConfig;\n    const mode = gridEl.effectiveConfig?.animation?.mode ?? 'reduced-motion';\n\n    if (mode === false || mode === 'off') return false;\n    if (mode !== true && mode !== 'on') {\n      const host = this.shadowRoot?.host as HTMLElement | undefined;\n      if (host && getComputedStyle(host).getPropertyValue('--tbw-animation-enabled').trim() === '0') {\n        return false;\n      }\n    }\n    return this.config.animation ?? 'slide';\n  }\n\n  // #endregion\n\n  // #region Lifecycle\n\n  override detach(): void {\n    this.expandedKeys.clear();\n    this.flattenedRows = [];\n    this.isActive = false;\n    this.previousVisibleKeys.clear();\n    this.keysToAnimate.clear();\n  }\n  // #endregion\n\n  // #region 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 (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    // Track which data rows are newly visible (for animation)\n    this.keysToAnimate.clear();\n    const currentVisibleKeys = new Set<string>();\n    grouped.forEach((item, idx) => {\n      if (item.kind === 'data') {\n        const key = `data-${idx}`;\n        currentVisibleKeys.add(key);\n        if (!this.previousVisibleKeys.has(key)) {\n          this.keysToAnimate.add(key);\n        }\n      }\n    });\n    this.previousVisibleKeys = currentVisibleKeys;\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    const style = this.animationStyle;\n    if (style === false || this.keysToAnimate.size === 0) return;\n\n    const body = this.shadowRoot?.querySelector('.rows');\n    if (!body) return;\n\n    const animClass = style === 'fade' ? 'tbw-group-fade-in' : 'tbw-group-slide-in';\n    for (const rowEl of body.querySelectorAll('.data-grid-row:not(.group-row)')) {\n      const cell = rowEl.querySelector('.cell[data-row]');\n      const idx = cell ? parseInt(cell.getAttribute('data-row') ?? '-1', 10) : -1;\n      const item = this.flattenedRows[idx];\n      const key = item?.kind === 'data' ? `data-${idx}` : undefined;\n\n      if (key && this.keysToAnimate.has(key)) {\n        rowEl.classList.add(animClass);\n        rowEl.addEventListener('animationend', () => rowEl.classList.remove(animClass), { once: true });\n      }\n    }\n    this.keysToAnimate.clear();\n  }\n  // #endregion\n\n  // #region 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${row.__groupExpanded ? ' expanded' : ''}`;\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${row.__groupExpanded ? ' expanded' : ''}`;\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  // #endregion\n\n  // #region 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  // #endregion\n\n  // #region Styles\n\n  override readonly styles = styles;\n  // #endregion\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","mode","host","grouped","currentVisibleKeys","item","idx","event","rowEl","_rowIndex","toggleExpand","result","handleToggle","style","body","animClass","cell","btn","e","label","labelText","count","aggregators","columns","groupRows","gridTemplate","col","colIdx","firstColAgg","aggResult","runAggregator","aggRef","group","newKeys","fn","styles"],"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 { getAggregator, listAggregators, registerAggregator, runAggregator } 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 groupOn not configured 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 (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 type { GridConfig } from '../../core/types';\nimport {\n  buildGroupedRowModel,\n  collapseAllGroups,\n  expandAllGroups,\n  getGroupRowCount,\n  runAggregator,\n  toggleGroupExpansion,\n} from './grouping-rows';\nimport styles from './grouping-rows.css?inline';\nimport type {\n  ExpandCollapseAnimation,\n  GroupingRowsConfig,\n  GroupRowModelItem,\n  GroupToggleDetail,\n  RenderRow,\n} from './types';\n\ninterface GridWithConfig {\n  effectiveConfig?: GridConfig;\n}\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      defaultExpanded: false,\n      showRowCount: true,\n      indentWidth: 20,\n      aggregators: {},\n      animation: 'slide',\n    };\n  }\n\n  // #region Internal State\n  private expandedKeys: Set<string> = new Set();\n  private flattenedRows: RenderRow[] = [];\n  private isActive = false;\n  private previousVisibleKeys = new Set<string>();\n  private keysToAnimate = new Set<string>();\n  // #endregion\n\n  // #region Animation\n\n  private get animationStyle(): ExpandCollapseAnimation {\n    const gridEl = this.grid as unknown as GridWithConfig;\n    const mode = gridEl.effectiveConfig?.animation?.mode ?? 'reduced-motion';\n\n    if (mode === false || mode === 'off') return false;\n    if (mode !== true && mode !== 'on') {\n      const host = this.shadowRoot?.host as HTMLElement | undefined;\n      if (host && getComputedStyle(host).getPropertyValue('--tbw-animation-enabled').trim() === '0') {\n        return false;\n      }\n    }\n    return this.config.animation ?? 'slide';\n  }\n\n  // #endregion\n\n  // #region Lifecycle\n\n  override detach(): void {\n    this.expandedKeys.clear();\n    this.flattenedRows = [];\n    this.isActive = false;\n    this.previousVisibleKeys.clear();\n    this.keysToAnimate.clear();\n  }\n  // #endregion\n\n  // #region 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 (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    // Track which data rows are newly visible (for animation)\n    this.keysToAnimate.clear();\n    const currentVisibleKeys = new Set<string>();\n    grouped.forEach((item, idx) => {\n      if (item.kind === 'data') {\n        const key = `data-${idx}`;\n        currentVisibleKeys.add(key);\n        if (!this.previousVisibleKeys.has(key)) {\n          this.keysToAnimate.add(key);\n        }\n      }\n    });\n    this.previousVisibleKeys = currentVisibleKeys;\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 as Record<string, unknown> | undefined;\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 as string);\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    const style = this.animationStyle;\n    if (style === false || this.keysToAnimate.size === 0) return;\n\n    const body = this.shadowRoot?.querySelector('.rows');\n    if (!body) return;\n\n    const animClass = style === 'fade' ? 'tbw-group-fade-in' : 'tbw-group-slide-in';\n    for (const rowEl of body.querySelectorAll('.data-grid-row:not(.group-row)')) {\n      const cell = rowEl.querySelector('.cell[data-row]');\n      const idx = cell ? parseInt(cell.getAttribute('data-row') ?? '-1', 10) : -1;\n      const item = this.flattenedRows[idx];\n      const key = item?.kind === 'data' ? `data-${idx}` : undefined;\n\n      if (key && this.keysToAnimate.has(key)) {\n        rowEl.classList.add(animClass);\n        rowEl.addEventListener('animationend', () => rowEl.classList.remove(animClass), { once: true });\n      }\n    }\n    this.keysToAnimate.clear();\n  }\n  // #endregion\n\n  // #region 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${row.__groupExpanded ? ' expanded' : ''}`;\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${row.__groupExpanded ? ' expanded' : ''}`;\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  // #endregion\n\n  // #region 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  // #endregion\n\n  // #region Styles\n\n  override readonly styles = styles;\n  // #endregion\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","mode","host","grouped","currentVisibleKeys","item","idx","event","rowEl","_rowIndex","toggleExpand","result","handleToggle","style","body","animClass","cell","btn","e","label","labelText","count","aggregators","columns","groupRows","gridTemplate","col","colIdx","firstColAgg","aggResult","runAggregator","aggRef","group","newKeys","fn","styles"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-(function(h,u){typeof exports=="object"&&typeof module<"u"?u(exports,require("../../core/plugin/base-plugin")):typeof define=="function"&&define.amd?define(["exports","../../core/plugin/base-plugin"],u):(h=typeof globalThis<"u"?globalThis:h||self,u(h.TbwGridPlugin_masterDetail={},h.TbwGrid))})(this,(function(h,u){"use strict";function g(p,e){const t=new Set(p);return t.has(e)?t.delete(e):t.add(e),t}function m(p,e){const t=new Set(p);return t.add(e),t}function x(p,e){const t=new Set(p);return t.delete(e),t}function b(p,e){return p.has(e)}function R(p,e,t,i){const o=document.createElement("div");o.className="master-detail-row",o.setAttribute("data-detail-for",String(e)),o.setAttribute("role","row");const r=document.createElement("div");r.className="master-detail-cell",r.setAttribute("role","cell"),r.style.gridColumn=`1 / ${i+1}`;const a=t(p,e);return typeof a=="string"?r.innerHTML=a:a instanceof HTMLElement&&r.appendChild(a),o.appendChild(r),o}const E=".master-detail-cell-wrapper{display:flex;align-items:center;gap:4px}.master-detail-toggle{cursor:pointer;opacity:.7;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center}.master-detail-toggle:hover{opacity:1}.master-detail-row{grid-column:1 / -1;display:grid;background:var(--tbw-master-detail-bg, var(--tbw-color-row-alt));border-bottom:1px solid var(--tbw-master-detail-border, var(--tbw-color-border));overflow:hidden}.master-detail-cell{padding:16px;overflow:auto}.master-detail-row.tbw-expanding{animation:tbw-detail-expand var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}.master-detail-row.tbw-collapsing{animation:tbw-detail-collapse var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-detail-expand{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:500px;padding-top:16px;padding-bottom:16px}}@keyframes tbw-detail-collapse{0%{opacity:1;max-height:500px}to{opacity:0;max-height:0}}";class y extends u.BaseGridPlugin{name="masterDetail";version="1.0.0";get defaultConfig(){return{detailHeight:"auto",expandOnRowClick:!1,collapseOnClickOutside:!1,showExpandColumn:!0,animation:"slide"}}get isAnimationEnabled(){const t=this.grid.effectiveConfig?.animation?.mode??"reduced-motion";if(t===!1||t==="off")return!1;if(t===!0||t==="on")return!0;const i=this.shadowRoot?.host;return i?getComputedStyle(i).getPropertyValue("--tbw-animation-enabled").trim()!=="0":!0}get animationStyle(){return this.isAnimationEnabled?this.config.animation??"slide":!1}get animationDuration(){const e=this.shadowRoot?.host;if(e){const t=getComputedStyle(e).getPropertyValue("--tbw-animation-duration").trim(),i=parseInt(t,10);if(!isNaN(i))return i}return 200}animateExpand(e){!this.isAnimationEnabled||this.animationStyle===!1||(e.classList.add("tbw-expanding"),e.addEventListener("animationend",()=>{e.classList.remove("tbw-expanding")},{once:!0}))}animateCollapse(e,t){if(!this.isAnimationEnabled||this.animationStyle===!1){t();return}e.classList.add("tbw-collapsing");const i=()=>{e.classList.remove("tbw-collapsing"),t()};e.addEventListener("animationend",i,{once:!0}),setTimeout(i,this.animationDuration+50)}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 i={...t[0]},o=i.viewRenderer;if(o?.__masterDetailWrapped)return t;const r=a=>{const{value:s,row:n}=a,d=this.expandedRows.has(n),l=document.createElement("span");l.className="master-detail-cell-wrapper";const c=document.createElement("span");c.className=`master-detail-toggle${d?" expanded":""}`,this.setIcon(c,this.resolveIcon(d?"collapse":"expand")),c.setAttribute("role","button"),c.setAttribute("tabindex","0"),c.setAttribute("aria-expanded",String(d)),c.setAttribute("aria-label",d?"Collapse details":"Expand details"),c.addEventListener("click",w=>{w.stopPropagation();const v=this.rows.indexOf(n);this.expandedRows=g(this.expandedRows,n),this.emit("detail-expand",{rowIndex:v,row:n,expanded:this.expandedRows.has(n)}),this.requestRender()}),l.appendChild(c);const f=document.createElement("span");if(o){const w=o(a);w instanceof Node?f.appendChild(w):f.textContent=String(w??s??"")}else f.textContent=String(s??"");return l.appendChild(f),l};r.__masterDetailWrapped=!0,i.viewRenderer=r,t[0]=i}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,i=e.querySelectorAll(".data-grid-row"),o=this.columns.length;for(const a of i){const s=a.querySelector(".cell[data-row]"),n=s?parseInt(s.getAttribute("data-row")??"-1",10):-1;n>=0&&t.set(n,a)}const r=e.querySelectorAll(".master-detail-row");for(const a of r){const s=parseInt(a.getAttribute("data-detail-for")??"-1",10),n=s>=0?this.rows[s]:void 0,d=n&&this.expandedRows.has(n),l=t.has(s);(!d||!l)&&(a.remove(),n&&this.detailElements.delete(n))}for(const[a,s]of t){const n=this.rows[a];if(!n||!this.expandedRows.has(n))continue;const d=this.detailElements.get(n);if(d){d.previousElementSibling!==s&&s.after(d);continue}const l=R(n,a,this.config.detailRenderer,o);typeof this.config.detailHeight=="number"&&(l.style.height=`${this.config.detailHeight}px`),s.after(l),this.detailElements.set(n,l),this.animateExpand(l)}}getExtraHeight(){let e=0;for(const t of this.expandedRows){const i=this.detailElements.get(t);if(i)e+=i.offsetHeight;else{const o=this.config?.detailHeight;e+=typeof o=="number"?o:150}}return e}getExtraHeightBefore(e){let t=0;for(const i of this.expandedRows){const o=this.rows.indexOf(i);if(o>=0&&o<e){const r=this.detailElements.get(i);if(r)t+=r.offsetHeight;else{const a=this.config?.detailHeight;t+=typeof a=="number"?a:150}}}return t}adjustVirtualStart(e,t,i){if(this.expandedRows.size===0)return e;const o=[];for(const s of this.expandedRows){const n=this.rows.indexOf(s);n>=0&&o.push({index:n,row:s})}o.sort((s,n)=>s.index-n.index);let r=e,a=0;for(const{index:s,row:n}of o){const d=s*i+a,c=this.detailElements.get(n)?.offsetHeight??(typeof this.config?.detailHeight=="number"?this.config.detailHeight:150),f=d+i+c;a+=c,!(s>=e)&&f>t&&s<r&&(r=s)}return r}expand(e){const t=this.rows[e];t&&(this.expandedRows=m(this.expandedRows,t),this.requestRender())}collapse(e){const t=this.rows[e];t&&(this.expandedRows=x(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?b(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 i=this.rows.indexOf(t);i>=0&&e.push(i)}return e}getDetailElement(e){const t=this.rows[e];return t?this.detailElements.get(t):void 0}styles=E}h.MasterDetailPlugin=y,Object.defineProperty(h,Symbol.toStringTag,{value:"Module"})}));
+(function(f,g){typeof exports=="object"&&typeof module<"u"?g(exports,require("../../core/internal/sanitize"),require("../../core/plugin/base-plugin")):typeof define=="function"&&define.amd?define(["exports","../../core/internal/sanitize","../../core/plugin/base-plugin"],g):(f=typeof globalThis<"u"?globalThis:f||self,g(f.TbwGridPlugin_masterDetail={},f.TbwGrid,f.TbwGrid))})(this,(function(f,g,m){"use strict";function w(p,e){const t=new Set(p);return t.has(e)?t.delete(e):t.add(e),t}function x(p,e){const t=new Set(p);return t.add(e),t}function R(p,e){const t=new Set(p);return t.delete(e),t}function b(p,e){return p.has(e)}function E(p,e,t,i){const s=document.createElement("div");s.className="master-detail-row",s.setAttribute("data-detail-for",String(e)),s.setAttribute("role","row");const r=document.createElement("div");r.className="master-detail-cell",r.setAttribute("role","cell"),r.style.gridColumn=`1 / ${i+1}`;const a=t(p,e);return typeof a=="string"?r.innerHTML=a:a instanceof HTMLElement&&r.appendChild(a),s.appendChild(r),s}const y=".master-detail-cell-wrapper{display:flex;align-items:center;gap:4px}.master-detail-toggle{cursor:pointer;opacity:.7;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center}.master-detail-toggle:hover{opacity:1}.master-detail-row{grid-column:1 / -1;display:grid;background:var(--tbw-master-detail-bg, var(--tbw-color-row-alt));border-bottom:1px solid var(--tbw-master-detail-border, var(--tbw-color-border));overflow:hidden}.master-detail-cell{padding:16px;overflow:auto}.master-detail-row.tbw-expanding{animation:tbw-detail-expand var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}.master-detail-row.tbw-collapsing{animation:tbw-detail-collapse var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-detail-expand{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:500px;padding-top:16px;padding-bottom:16px}}@keyframes tbw-detail-collapse{0%{opacity:1;max-height:500px}to{opacity:0;max-height:0}}";class v extends m.BaseGridPlugin{name="masterDetail";version="1.0.0";get defaultConfig(){return{detailHeight:"auto",expandOnRowClick:!1,collapseOnClickOutside:!1,showExpandColumn:!0,animation:"slide"}}attach(e){super.attach(e),this.parseLightDomDetail()}parseLightDomDetail(){const e=this.grid;if(!e||typeof e.querySelector!="function")return;const t=e.querySelector("tbw-grid-detail");if(!t)return;const i=e;if(i.__frameworkAdapter?.parseDetailElement){const l=i.__frameworkAdapter.parseDetailElement(t);if(l){this.config={...this.config,detailRenderer:l};return}}const s=t.getAttribute("animation"),r=t.getAttribute("show-expand-column"),a=t.getAttribute("expand-on-row-click"),o=t.getAttribute("collapse-on-click-outside"),n=t.getAttribute("height"),d={};s!==null&&(d.animation=s==="false"?!1:s),r!==null&&(d.showExpandColumn=r!=="false"),a!==null&&(d.expandOnRowClick=a==="true"),o!==null&&(d.collapseOnClickOutside=o==="true"),n!==null&&(d.detailHeight=n==="auto"?"auto":parseInt(n,10));const c=t.innerHTML.trim();c&&!this.config.detailRenderer&&(d.detailRenderer=(l,h)=>{const u=g.evalTemplateString(c,{value:l,row:l});return g.sanitizeHTML(u)}),Object.keys(d).length>0&&(this.config={...this.config,...d})}get isAnimationEnabled(){const t=this.grid.effectiveConfig?.animation?.mode??"reduced-motion";if(t===!1||t==="off")return!1;if(t===!0||t==="on")return!0;const i=this.shadowRoot?.host;return i?getComputedStyle(i).getPropertyValue("--tbw-animation-enabled").trim()!=="0":!0}get animationStyle(){return this.isAnimationEnabled?this.config.animation??"slide":!1}get animationDuration(){const e=this.shadowRoot?.host;if(e){const t=getComputedStyle(e).getPropertyValue("--tbw-animation-duration").trim(),i=parseInt(t,10);if(!isNaN(i))return i}return 200}animateExpand(e){!this.isAnimationEnabled||this.animationStyle===!1||(e.classList.add("tbw-expanding"),e.addEventListener("animationend",()=>{e.classList.remove("tbw-expanding")},{once:!0}))}animateCollapse(e,t){if(!this.isAnimationEnabled||this.animationStyle===!1){t();return}e.classList.add("tbw-collapsing");const i=()=>{e.classList.remove("tbw-collapsing"),t()};e.addEventListener("animationend",i,{once:!0}),setTimeout(i,this.animationDuration+50)}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 i={...t[0]},s=i.viewRenderer;if(s?.__masterDetailWrapped)return t;const r=a=>{const{value:o,row:n}=a,d=this.expandedRows.has(n),c=document.createElement("span");c.className="master-detail-cell-wrapper";const l=document.createElement("span");l.className=`master-detail-toggle${d?" expanded":""}`,this.setIcon(l,this.resolveIcon(d?"collapse":"expand")),l.setAttribute("role","button"),l.setAttribute("tabindex","0"),l.setAttribute("aria-expanded",String(d)),l.setAttribute("aria-label",d?"Collapse details":"Expand details"),l.addEventListener("click",u=>{u.stopPropagation();const C=this.rows.indexOf(n);this.expandedRows=w(this.expandedRows,n),this.emit("detail-expand",{rowIndex:C,row:n,expanded:this.expandedRows.has(n)}),this.requestRender()}),c.appendChild(l);const h=document.createElement("span");if(s){const u=s(a);u instanceof Node?h.appendChild(u):h.textContent=String(u??o??"")}else h.textContent=String(o??"");return c.appendChild(h),c};r.__masterDetailWrapped=!0,i.viewRenderer=r,t[0]=i}return t}onRowClick(e){if(!(!this.config.expandOnRowClick||!this.config.detailRenderer))return this.expandedRows=w(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,i=e.querySelectorAll(".data-grid-row"),s=this.columns.length;for(const a of i){const o=a.querySelector(".cell[data-row]"),n=o?parseInt(o.getAttribute("data-row")??"-1",10):-1;n>=0&&t.set(n,a)}const r=e.querySelectorAll(".master-detail-row");for(const a of r){const o=parseInt(a.getAttribute("data-detail-for")??"-1",10),n=o>=0?this.rows[o]:void 0,d=n&&this.expandedRows.has(n),c=t.has(o);(!d||!c)&&(a.remove(),n&&this.detailElements.delete(n))}for(const[a,o]of t){const n=this.rows[a];if(!n||!this.expandedRows.has(n))continue;const d=this.detailElements.get(n);if(d){d.previousElementSibling!==o&&o.after(d);continue}const c=E(n,a,this.config.detailRenderer,s);typeof this.config.detailHeight=="number"&&(c.style.height=`${this.config.detailHeight}px`),o.after(c),this.detailElements.set(n,c),this.animateExpand(c)}}getExtraHeight(){let e=0;for(const t of this.expandedRows){const i=this.detailElements.get(t);if(i)e+=i.offsetHeight;else{const s=this.config?.detailHeight;e+=typeof s=="number"?s:150}}return e}getExtraHeightBefore(e){let t=0;for(const i of this.expandedRows){const s=this.rows.indexOf(i);if(s>=0&&s<e){const r=this.detailElements.get(i);if(r)t+=r.offsetHeight;else{const a=this.config?.detailHeight;t+=typeof a=="number"?a:150}}}return t}adjustVirtualStart(e,t,i){if(this.expandedRows.size===0)return e;const s=[];for(const o of this.expandedRows){const n=this.rows.indexOf(o);n>=0&&s.push({index:n,row:o})}s.sort((o,n)=>o.index-n.index);let r=e,a=0;for(const{index:o,row:n}of s){const d=o*i+a,l=this.detailElements.get(n)?.offsetHeight??(typeof this.config?.detailHeight=="number"?this.config.detailHeight:150),h=d+i+l;a+=l,!(o>=e)&&h>t&&o<r&&(r=o)}return r}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=R(this.expandedRows,t),this.requestRender())}toggle(e){const t=this.rows[e];t&&(this.expandedRows=w(this.expandedRows,t),this.requestRender())}isExpanded(e){const t=this.rows[e];return t?b(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 i=this.rows.indexOf(t);i>=0&&e.push(i)}return e}getDetailElement(e){const t=this.rows[e];return t?this.detailElements.get(t):void 0}refreshDetailRenderer(){const e=this.config.detailRenderer;this.config={...this.config,detailRenderer:void 0},this.parseLightDomDetail(),!this.config.detailRenderer&&e&&(this.config={...this.config,detailRenderer:e})}styles=y}f.MasterDetailPlugin=v,Object.defineProperty(f,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 * Animation style is plugin-configured; respects grid-level animation.mode.\n */\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport { BaseGridPlugin, RowClickEvent } from '../../core/plugin/base-plugin';\nimport type { GridConfig } from '../../core/types';\nimport {\n  collapseDetailRow,\n  createDetailElement,\n  expandDetailRow,\n  isDetailExpanded,\n  toggleDetailRow,\n} from './master-detail';\nimport styles from './master-detail.css?inline';\nimport type { DetailExpandDetail, ExpandCollapseAnimation, MasterDetailConfig } from './types';\n\n/** Extended grid interface for accessing effective config */\ninterface GridWithConfig {\n  effectiveConfig?: GridConfig;\n}\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      detailHeight: 'auto',\n      expandOnRowClick: false,\n      collapseOnClickOutside: false,\n      showExpandColumn: true,\n      animation: 'slide', // Plugin's own default\n    };\n  }\n\n  // #region Animation Helpers\n\n  /**\n   * Check if animations are enabled at the grid level.\n   * Respects gridConfig.animation.mode and CSS variable.\n   */\n  private get isAnimationEnabled(): boolean {\n    const gridEl = this.grid as unknown as GridWithConfig;\n    const mode = gridEl.effectiveConfig?.animation?.mode ?? 'reduced-motion';\n\n    if (mode === false || mode === 'off') return false;\n    if (mode === true || mode === 'on') return true;\n\n    // reduced-motion: check CSS variable\n    const host = this.shadowRoot?.host as HTMLElement | undefined;\n    if (host) {\n      const enabled = getComputedStyle(host).getPropertyValue('--tbw-animation-enabled').trim();\n      return enabled !== '0';\n    }\n    return true;\n  }\n\n  /**\n   * Get expand/collapse animation style from plugin config.\n   */\n  private get animationStyle(): ExpandCollapseAnimation {\n    if (!this.isAnimationEnabled) return false;\n    return this.config.animation ?? 'slide'; // Plugin default\n  }\n\n  /**\n   * Get animation duration from CSS variable (set by grid).\n   */\n  private get animationDuration(): number {\n    const host = this.shadowRoot?.host as HTMLElement | undefined;\n    if (host) {\n      const durationStr = getComputedStyle(host).getPropertyValue('--tbw-animation-duration').trim();\n      const parsed = parseInt(durationStr, 10);\n      if (!isNaN(parsed)) return parsed;\n    }\n    return 200; // Default\n  }\n\n  /**\n   * Apply expand animation to a detail element.\n   */\n  private animateExpand(detailEl: HTMLElement): void {\n    if (!this.isAnimationEnabled || this.animationStyle === false) return;\n\n    detailEl.classList.add('tbw-expanding');\n    detailEl.addEventListener(\n      'animationend',\n      () => {\n        detailEl.classList.remove('tbw-expanding');\n      },\n      { once: true },\n    );\n  }\n\n  /**\n   * Apply collapse animation to a detail element and remove after animation.\n   */\n  private animateCollapse(detailEl: HTMLElement, onComplete: () => void): void {\n    if (!this.isAnimationEnabled || this.animationStyle === false) {\n      onComplete();\n      return;\n    }\n\n    detailEl.classList.add('tbw-collapsing');\n    const cleanup = () => {\n      detailEl.classList.remove('tbw-collapsing');\n      onComplete();\n    };\n    detailEl.addEventListener('animationend', cleanup, { once: true });\n    // Fallback timeout in case animation doesn't fire\n    setTimeout(cleanup, this.animationDuration + 50);\n  }\n\n  // #endregion\n\n  // #region Internal State\n  private expandedRows: Set<any> = new Set();\n  private detailElements: Map<any, HTMLElement> = new Map();\n  // #endregion\n\n  // #region Lifecycle\n\n  override detach(): void {\n    this.expandedRows.clear();\n    this.detailElements.clear();\n  }\n  // #endregion\n\n  // #region 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${isExpanded ? ' expanded' : ''}`;\n        // Use grid-level icons (fall back to defaults)\n        this.setIcon(toggle, this.resolveIcon(isExpanded ? 'collapse' : 'expand'));\n        // role=\"button\" is required for aria-expanded to be valid\n        toggle.setAttribute('role', 'button');\n        toggle.setAttribute('tabindex', '0');\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      // Apply expand animation\n      this.animateExpand(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  // #endregion\n\n  // #region 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  // #endregion\n\n  // #region Styles\n  override readonly styles = styles;\n  // #endregion\n}\n"],"names":["toggleDetailRow","expandedRows","row","newExpanded","expandDetailRow","collapseDetailRow","isDetailExpanded","createDetailElement","rowIndex","renderer","columnCount","detailRow","detailCell","content","MasterDetailPlugin","BaseGridPlugin","mode","host","durationStr","parsed","detailEl","onComplete","cleanup","columns","cols","firstCol","originalRenderer","wrappedRenderer","renderCtx","value","isExpanded","container","toggle","e","rendered","event","#syncDetailRows","body","visibleRowMap","dataRows","rowEl","firstCell","existingDetails","forIndex","isStillExpanded","isRowVisible","existingDetail","totalHeight","configHeight","beforeRowIndex","start","scrollTop","rowHeight","expandedIndices","index","a","b","minStart","cumulativeExtraHeight","actualRowTop","detailHeight","actualDetailBottom","indices","idx","styles"],"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 * Animation style is plugin-configured; respects grid-level animation.mode.\n */\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport { evalTemplateString, sanitizeHTML } from '../../core/internal/sanitize';\nimport { BaseGridPlugin, GridElement, RowClickEvent } from '../../core/plugin/base-plugin';\nimport type { ColumnConfig, GridConfig } from '../../core/types';\nimport {\n  collapseDetailRow,\n  createDetailElement,\n  expandDetailRow,\n  isDetailExpanded,\n  toggleDetailRow,\n} from './master-detail';\nimport styles from './master-detail.css?inline';\nimport type { DetailExpandDetail, ExpandCollapseAnimation, MasterDetailConfig } from './types';\n\n/** Extended grid interface for accessing effective config */\ninterface GridWithConfig {\n  effectiveConfig?: GridConfig;\n}\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      detailHeight: 'auto',\n      expandOnRowClick: false,\n      collapseOnClickOutside: false,\n      showExpandColumn: true,\n      animation: 'slide', // Plugin's own default\n    };\n  }\n\n  // #region Light DOM Parsing\n\n  /**\n   * Called when plugin is attached to the grid.\n   * Parses light DOM for `<tbw-grid-detail>` elements to configure detail templates.\n   */\n  override attach(grid: GridElement): void {\n    super.attach(grid);\n    this.parseLightDomDetail();\n  }\n\n  /**\n   * Parse `<tbw-grid-detail>` elements from the grid's light DOM.\n   *\n   * Allows declarative configuration:\n   * ```html\n   * <tbw-grid [rows]=\"data\">\n   *   <tbw-grid-detail>\n   *     <div class=\"detail-content\">\n   *       <p>Name: {{ row.name }}</p>\n   *       <p>Email: {{ row.email }}</p>\n   *     </div>\n   *   </tbw-grid-detail>\n   * </tbw-grid>\n   * ```\n   *\n   * Attributes:\n   * - `animation`: 'slide' | 'fade' | 'false' (default: 'slide')\n   * - `show-expand-column`: 'true' | 'false' (default: 'true')\n   * - `expand-on-row-click`: 'true' | 'false' (default: 'false')\n   * - `collapse-on-click-outside`: 'true' | 'false' (default: 'false')\n   * - `height`: number (pixels) or 'auto' (default: 'auto')\n   */\n  private parseLightDomDetail(): void {\n    const gridEl = this.grid as unknown as Element;\n    if (!gridEl || typeof gridEl.querySelector !== 'function') return;\n\n    const detailEl = gridEl.querySelector('tbw-grid-detail');\n    if (!detailEl) return;\n\n    // Check if a framework adapter wants to handle this element\n    // (e.g., Angular adapter intercepts for ng-template rendering)\n    const gridWithAdapter = gridEl as unknown as {\n      __frameworkAdapter?: {\n        parseDetailElement?: (el: Element) => ((row: any, rowIndex: number) => HTMLElement | string) | undefined;\n      };\n    };\n    if (gridWithAdapter.__frameworkAdapter?.parseDetailElement) {\n      const adapterRenderer = gridWithAdapter.__frameworkAdapter.parseDetailElement(detailEl);\n      if (adapterRenderer) {\n        this.config = { ...this.config, detailRenderer: adapterRenderer };\n        return;\n      }\n    }\n\n    // Parse attributes for configuration\n    const animation = detailEl.getAttribute('animation');\n    const showExpandColumn = detailEl.getAttribute('show-expand-column');\n    const expandOnRowClick = detailEl.getAttribute('expand-on-row-click');\n    const collapseOnClickOutside = detailEl.getAttribute('collapse-on-click-outside');\n    const heightAttr = detailEl.getAttribute('height');\n\n    const configUpdates: Partial<MasterDetailConfig> = {};\n\n    if (animation !== null) {\n      configUpdates.animation = animation === 'false' ? false : (animation as 'slide' | 'fade');\n    }\n    if (showExpandColumn !== null) {\n      configUpdates.showExpandColumn = showExpandColumn !== 'false';\n    }\n    if (expandOnRowClick !== null) {\n      configUpdates.expandOnRowClick = expandOnRowClick === 'true';\n    }\n    if (collapseOnClickOutside !== null) {\n      configUpdates.collapseOnClickOutside = collapseOnClickOutside === 'true';\n    }\n    if (heightAttr !== null) {\n      configUpdates.detailHeight = heightAttr === 'auto' ? 'auto' : parseInt(heightAttr, 10);\n    }\n\n    // Get template content from innerHTML\n    const templateHTML = detailEl.innerHTML.trim();\n    if (templateHTML && !this.config.detailRenderer) {\n      // Create a template-based renderer using the inner HTML\n      configUpdates.detailRenderer = (row: any, _rowIndex: number): string => {\n        // Evaluate template expressions like {{ row.field }}\n        const evaluated = evalTemplateString(templateHTML, { value: row, row });\n        // Sanitize the result to prevent XSS\n        return sanitizeHTML(evaluated);\n      };\n    }\n\n    // Merge updates into config\n    if (Object.keys(configUpdates).length > 0) {\n      this.config = { ...this.config, ...configUpdates };\n    }\n  }\n\n  // #endregion\n\n  // #region Animation Helpers\n\n  /**\n   * Check if animations are enabled at the grid level.\n   * Respects gridConfig.animation.mode and CSS variable.\n   */\n  private get isAnimationEnabled(): boolean {\n    const gridEl = this.grid as unknown as GridWithConfig;\n    const mode = gridEl.effectiveConfig?.animation?.mode ?? 'reduced-motion';\n\n    if (mode === false || mode === 'off') return false;\n    if (mode === true || mode === 'on') return true;\n\n    // reduced-motion: check CSS variable\n    const host = this.shadowRoot?.host as HTMLElement | undefined;\n    if (host) {\n      const enabled = getComputedStyle(host).getPropertyValue('--tbw-animation-enabled').trim();\n      return enabled !== '0';\n    }\n    return true;\n  }\n\n  /**\n   * Get expand/collapse animation style from plugin config.\n   */\n  private get animationStyle(): ExpandCollapseAnimation {\n    if (!this.isAnimationEnabled) return false;\n    return this.config.animation ?? 'slide'; // Plugin default\n  }\n\n  /**\n   * Get animation duration from CSS variable (set by grid).\n   */\n  private get animationDuration(): number {\n    const host = this.shadowRoot?.host as HTMLElement | undefined;\n    if (host) {\n      const durationStr = getComputedStyle(host).getPropertyValue('--tbw-animation-duration').trim();\n      const parsed = parseInt(durationStr, 10);\n      if (!isNaN(parsed)) return parsed;\n    }\n    return 200; // Default\n  }\n\n  /**\n   * Apply expand animation to a detail element.\n   */\n  private animateExpand(detailEl: HTMLElement): void {\n    if (!this.isAnimationEnabled || this.animationStyle === false) return;\n\n    detailEl.classList.add('tbw-expanding');\n    detailEl.addEventListener(\n      'animationend',\n      () => {\n        detailEl.classList.remove('tbw-expanding');\n      },\n      { once: true },\n    );\n  }\n\n  /**\n   * Apply collapse animation to a detail element and remove after animation.\n   */\n  private animateCollapse(detailEl: HTMLElement, onComplete: () => void): void {\n    if (!this.isAnimationEnabled || this.animationStyle === false) {\n      onComplete();\n      return;\n    }\n\n    detailEl.classList.add('tbw-collapsing');\n    const cleanup = () => {\n      detailEl.classList.remove('tbw-collapsing');\n      onComplete();\n    };\n    detailEl.addEventListener('animationend', cleanup, { once: true });\n    // Fallback timeout in case animation doesn't fire\n    setTimeout(cleanup, this.animationDuration + 50);\n  }\n\n  // #endregion\n\n  // #region Internal State\n  private expandedRows: Set<any> = new Set();\n  private detailElements: Map<any, HTMLElement> = new Map();\n  // #endregion\n\n  // #region Lifecycle\n\n  override detach(): void {\n    this.expandedRows.clear();\n    this.detailElements.clear();\n  }\n  // #endregion\n\n  // #region Hooks\n\n  override processColumns(columns: readonly ColumnConfig[]): 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${isExpanded ? ' expanded' : ''}`;\n        // Use grid-level icons (fall back to defaults)\n        this.setIcon(toggle, this.resolveIcon(isExpanded ? 'collapse' : 'expand'));\n        // role=\"button\" is required for aria-expanded to be valid\n        toggle.setAttribute('role', 'button');\n        toggle.setAttribute('tabindex', '0');\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 as object);\n\n    this.emit<DetailExpandDetail>('detail-expand', {\n      rowIndex: event.rowIndex,\n      row: event.row,\n      expanded: this.expandedRows.has(event.row as object),\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      // Apply expand animation\n      this.animateExpand(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  // #endregion\n\n  // #region 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  /**\n   * Re-parse light DOM to refresh the detail renderer.\n   * Call this after framework templates are registered (e.g., Angular ngAfterContentInit).\n   *\n   * This allows frameworks to register templates asynchronously and then\n   * update the plugin's detailRenderer.\n   */\n  refreshDetailRenderer(): void {\n    // Force re-parse by temporarily clearing the renderer\n    const currentRenderer = this.config.detailRenderer;\n    this.config = { ...this.config, detailRenderer: undefined };\n    this.parseLightDomDetail();\n\n    // If no new renderer was found, restore the original\n    if (!this.config.detailRenderer && currentRenderer) {\n      this.config = { ...this.config, detailRenderer: currentRenderer };\n    }\n  }\n  // #endregion\n\n  // #region Styles\n  override readonly styles = styles;\n  // #endregion\n}\n"],"names":["toggleDetailRow","expandedRows","row","newExpanded","expandDetailRow","collapseDetailRow","isDetailExpanded","createDetailElement","rowIndex","renderer","columnCount","detailRow","detailCell","content","MasterDetailPlugin","BaseGridPlugin","grid","gridEl","detailEl","gridWithAdapter","adapterRenderer","animation","showExpandColumn","expandOnRowClick","collapseOnClickOutside","heightAttr","configUpdates","templateHTML","_rowIndex","evaluated","evalTemplateString","sanitizeHTML","mode","host","durationStr","parsed","onComplete","cleanup","columns","cols","firstCol","originalRenderer","wrappedRenderer","renderCtx","value","isExpanded","container","toggle","e","rendered","event","#syncDetailRows","body","visibleRowMap","dataRows","rowEl","firstCell","existingDetails","forIndex","isStillExpanded","isRowVisible","existingDetail","totalHeight","configHeight","beforeRowIndex","start","scrollTop","rowHeight","expandedIndices","index","a","b","minStart","cumulativeExtraHeight","actualRowTop","detailHeight","actualDetailBottom","indices","idx","currentRenderer","styles"],"mappings":"2ZAaO,SAASA,EAAgBC,EAA2BC,EAA0B,CACnF,MAAMC,EAAc,IAAI,IAAIF,CAAY,EACxC,OAAIE,EAAY,IAAID,CAAG,EACrBC,EAAY,OAAOD,CAAG,EAEtBC,EAAY,IAAID,CAAG,EAEdC,CACT,CAMO,SAASC,EAAgBH,EAA2BC,EAA0B,CACnF,MAAMC,EAAc,IAAI,IAAIF,CAAY,EACxC,OAAAE,EAAY,IAAID,CAAG,EACZC,CACT,CAMO,SAASE,EAAkBJ,EAA2BC,EAA0B,CACrF,MAAMC,EAAc,IAAI,IAAIF,CAAY,EACxC,OAAAE,EAAY,OAAOD,CAAG,EACfC,CACT,CAKO,SAASG,EAAiBL,EAA2BC,EAAsB,CAChF,OAAOD,EAAa,IAAIC,CAAG,CAC7B,CAMO,SAASK,EACdL,EACAM,EACAC,EACAC,EACa,CACb,MAAMC,EAAY,SAAS,cAAc,KAAK,EAC9CA,EAAU,UAAY,oBACtBA,EAAU,aAAa,kBAAmB,OAAOH,CAAQ,CAAC,EAC1DG,EAAU,aAAa,OAAQ,KAAK,EAEpC,MAAMC,EAAa,SAAS,cAAc,KAAK,EAC/CA,EAAW,UAAY,qBACvBA,EAAW,aAAa,OAAQ,MAAM,EACtCA,EAAW,MAAM,WAAa,OAAOF,EAAc,CAAC,GAEpD,MAAMG,EAAUJ,EAASP,EAAKM,CAAQ,EACtC,OAAI,OAAOK,GAAY,SACrBD,EAAW,UAAYC,EACdA,aAAmB,aAC5BD,EAAW,YAAYC,CAAO,EAGhCF,EAAU,YAAYC,CAAU,EACzBD,CACT,qiCCxCO,MAAMG,UAA2BC,EAAAA,cAAmC,CAChE,KAAO,eACE,QAAU,QAE5B,IAAuB,eAA6C,CAClE,MAAO,CACL,aAAc,OACd,iBAAkB,GAClB,uBAAwB,GACxB,iBAAkB,GAClB,UAAW,OAAA,CAEf,CAQS,OAAOC,EAAyB,CACvC,MAAM,OAAOA,CAAI,EACjB,KAAK,oBAAA,CACP,CAwBQ,qBAA4B,CAClC,MAAMC,EAAS,KAAK,KACpB,GAAI,CAACA,GAAU,OAAOA,EAAO,eAAkB,WAAY,OAE3D,MAAMC,EAAWD,EAAO,cAAc,iBAAiB,EACvD,GAAI,CAACC,EAAU,OAIf,MAAMC,EAAkBF,EAKxB,GAAIE,EAAgB,oBAAoB,mBAAoB,CAC1D,MAAMC,EAAkBD,EAAgB,mBAAmB,mBAAmBD,CAAQ,EACtF,GAAIE,EAAiB,CACnB,KAAK,OAAS,CAAE,GAAG,KAAK,OAAQ,eAAgBA,CAAA,EAChD,MACF,CACF,CAGA,MAAMC,EAAYH,EAAS,aAAa,WAAW,EAC7CI,EAAmBJ,EAAS,aAAa,oBAAoB,EAC7DK,EAAmBL,EAAS,aAAa,qBAAqB,EAC9DM,EAAyBN,EAAS,aAAa,2BAA2B,EAC1EO,EAAaP,EAAS,aAAa,QAAQ,EAE3CQ,EAA6C,CAAA,EAE/CL,IAAc,OAChBK,EAAc,UAAYL,IAAc,QAAU,GAASA,GAEzDC,IAAqB,OACvBI,EAAc,iBAAmBJ,IAAqB,SAEpDC,IAAqB,OACvBG,EAAc,iBAAmBH,IAAqB,QAEpDC,IAA2B,OAC7BE,EAAc,uBAAyBF,IAA2B,QAEhEC,IAAe,OACjBC,EAAc,aAAeD,IAAe,OAAS,OAAS,SAASA,EAAY,EAAE,GAIvF,MAAME,EAAeT,EAAS,UAAU,KAAA,EACpCS,GAAgB,CAAC,KAAK,OAAO,iBAE/BD,EAAc,eAAiB,CAACxB,EAAU0B,IAA8B,CAEtE,MAAMC,EAAYC,EAAAA,mBAAmBH,EAAc,CAAE,MAAOzB,EAAK,IAAAA,EAAK,EAEtE,OAAO6B,EAAAA,aAAaF,CAAS,CAC/B,GAIE,OAAO,KAAKH,CAAa,EAAE,OAAS,IACtC,KAAK,OAAS,CAAE,GAAG,KAAK,OAAQ,GAAGA,CAAA,EAEvC,CAUA,IAAY,oBAA8B,CAExC,MAAMM,EADS,KAAK,KACA,iBAAiB,WAAW,MAAQ,iBAExD,GAAIA,IAAS,IAASA,IAAS,MAAO,MAAO,GAC7C,GAAIA,IAAS,IAAQA,IAAS,KAAM,MAAO,GAG3C,MAAMC,EAAO,KAAK,YAAY,KAC9B,OAAIA,EACc,iBAAiBA,CAAI,EAAE,iBAAiB,yBAAyB,EAAE,KAAA,IAChE,IAEd,EACT,CAKA,IAAY,gBAA0C,CACpD,OAAK,KAAK,mBACH,KAAK,OAAO,WAAa,QADK,EAEvC,CAKA,IAAY,mBAA4B,CACtC,MAAMA,EAAO,KAAK,YAAY,KAC9B,GAAIA,EAAM,CACR,MAAMC,EAAc,iBAAiBD,CAAI,EAAE,iBAAiB,0BAA0B,EAAE,KAAA,EAClFE,EAAS,SAASD,EAAa,EAAE,EACvC,GAAI,CAAC,MAAMC,CAAM,EAAG,OAAOA,CAC7B,CACA,MAAO,IACT,CAKQ,cAAcjB,EAA6B,CAC7C,CAAC,KAAK,oBAAsB,KAAK,iBAAmB,KAExDA,EAAS,UAAU,IAAI,eAAe,EACtCA,EAAS,iBACP,eACA,IAAM,CACJA,EAAS,UAAU,OAAO,eAAe,CAC3C,EACA,CAAE,KAAM,EAAA,CAAK,EAEjB,CAKQ,gBAAgBA,EAAuBkB,EAA8B,CAC3E,GAAI,CAAC,KAAK,oBAAsB,KAAK,iBAAmB,GAAO,CAC7DA,EAAA,EACA,MACF,CAEAlB,EAAS,UAAU,IAAI,gBAAgB,EACvC,MAAMmB,EAAU,IAAM,CACpBnB,EAAS,UAAU,OAAO,gBAAgB,EAC1CkB,EAAA,CACF,EACAlB,EAAS,iBAAiB,eAAgBmB,EAAS,CAAE,KAAM,GAAM,EAEjE,WAAWA,EAAS,KAAK,kBAAoB,EAAE,CACjD,CAKQ,iBAA6B,IAC7B,mBAA4C,IAK3C,QAAe,CACtB,KAAK,aAAa,MAAA,EAClB,KAAK,eAAe,MAAA,CACtB,CAKS,eAAeC,EAAkD,CACxE,GAAI,CAAC,KAAK,OAAO,eACf,MAAO,CAAC,GAAGA,CAAO,EAIpB,MAAMC,EAAO,CAAC,GAAGD,CAAO,EACxB,GAAIC,EAAK,OAAS,EAAG,CACnB,MAAMC,EAAW,CAAE,GAAGD,EAAK,CAAC,CAAA,EACtBE,EAAmBD,EAAS,aAGlC,GAAKC,GAA0B,sBAC7B,OAAOF,EAGT,MAAMG,EAAmBC,GAAmE,CAC1F,KAAM,CAAE,MAAAC,EAAO,IAAA1C,CAAA,EAAQyC,EACjBE,EAAa,KAAK,aAAa,IAAI3C,CAAG,EAEtC4C,EAAY,SAAS,cAAc,MAAM,EAC/CA,EAAU,UAAY,6BAGtB,MAAMC,EAAS,SAAS,cAAc,MAAM,EAC5CA,EAAO,UAAY,uBAAuBF,EAAa,YAAc,EAAE,GAEvE,KAAK,QAAQE,EAAQ,KAAK,YAAYF,EAAa,WAAa,QAAQ,CAAC,EAEzEE,EAAO,aAAa,OAAQ,QAAQ,EACpCA,EAAO,aAAa,WAAY,GAAG,EACnCA,EAAO,aAAa,gBAAiB,OAAOF,CAAU,CAAC,EACvDE,EAAO,aAAa,aAAcF,EAAa,mBAAqB,gBAAgB,EACpFE,EAAO,iBAAiB,QAAUC,GAAM,CACtCA,EAAE,gBAAA,EACF,MAAMxC,EAAW,KAAK,KAAK,QAAQN,CAAG,EACtC,KAAK,aAAeF,EAAgB,KAAK,aAAcE,CAAG,EAC1D,KAAK,KAAyB,gBAAiB,CAC7C,SAAAM,EACA,IAAAN,EACA,SAAU,KAAK,aAAa,IAAIA,CAAG,CAAA,CACpC,EACD,KAAK,cAAA,CACP,CAAC,EACD4C,EAAU,YAAYC,CAAM,EAG5B,MAAMlC,EAAU,SAAS,cAAc,MAAM,EAC7C,GAAI4B,EAAkB,CACpB,MAAMQ,EAAWR,EAAiBE,CAAS,EACvCM,aAAoB,KACtBpC,EAAQ,YAAYoC,CAAQ,EAE5BpC,EAAQ,YAAc,OAAOoC,GAAYL,GAAS,EAAE,CAExD,MACE/B,EAAQ,YAAc,OAAO+B,GAAS,EAAE,EAE1C,OAAAE,EAAU,YAAYjC,CAAO,EAEtBiC,CACT,EAGCJ,EAAwB,sBAAwB,GACjDF,EAAS,aAAeE,EAExBH,EAAK,CAAC,EAAIC,CACZ,CAEA,OAAOD,CACT,CAES,WAAWW,EAAsC,CACxD,GAAI,GAAC,KAAK,OAAO,kBAAoB,CAAC,KAAK,OAAO,gBAElD,YAAK,aAAelD,EAAgB,KAAK,aAAckD,EAAM,GAAa,EAE1E,KAAK,KAAyB,gBAAiB,CAC7C,SAAUA,EAAM,SAChB,IAAKA,EAAM,IACX,SAAU,KAAK,aAAa,IAAIA,EAAM,GAAa,CAAA,CACpD,EAED,KAAK,cAAA,EACE,EACT,CAES,aAA8B,CAGjC,KAAK,aAAa,KAAO,GAC3B,eAAe,IAAM,KAAKC,IAAiB,CAG/C,CAES,aAAoB,CAC3B,KAAKA,GAAA,CACP,CAMS,gBAAuB,CAC1B,CAAC,KAAK,OAAO,gBAAkB,KAAK,aAAa,OAAS,GAE9D,KAAKA,GAAA,CACP,CAMAA,IAAwB,CACtB,GAAI,CAAC,KAAK,OAAO,eAAgB,OAEjC,MAAMC,EAAO,KAAK,YAAY,cAAc,OAAO,EACnD,GAAI,CAACA,EAAM,OAGX,MAAMC,MAAoB,IACpBC,EAAWF,EAAK,iBAAiB,gBAAgB,EACjD1C,EAAc,KAAK,QAAQ,OAEjC,UAAW6C,KAASD,EAAU,CAC5B,MAAME,EAAYD,EAAM,cAAc,iBAAiB,EACjD/C,EAAWgD,EAAY,SAASA,EAAU,aAAa,UAAU,GAAK,KAAM,EAAE,EAAI,GACpFhD,GAAY,GACd6C,EAAc,IAAI7C,EAAU+C,CAAK,CAErC,CAGA,MAAME,EAAkBL,EAAK,iBAAiB,oBAAoB,EAClE,UAAWlC,KAAYuC,EAAiB,CACtC,MAAMC,EAAW,SAASxC,EAAS,aAAa,iBAAiB,GAAK,KAAM,EAAE,EACxEhB,EAAMwD,GAAY,EAAI,KAAK,KAAKA,CAAQ,EAAI,OAC5CC,EAAkBzD,GAAO,KAAK,aAAa,IAAIA,CAAG,EAClD0D,EAAeP,EAAc,IAAIK,CAAQ,GAG3C,CAACC,GAAmB,CAACC,KACvB1C,EAAS,OAAA,EACLhB,GAAK,KAAK,eAAe,OAAOA,CAAG,EAE3C,CAGA,SAAW,CAACM,EAAU+C,CAAK,IAAKF,EAAe,CAC7C,MAAMnD,EAAM,KAAK,KAAKM,CAAQ,EAC9B,GAAI,CAACN,GAAO,CAAC,KAAK,aAAa,IAAIA,CAAG,EAAG,SAGzC,MAAM2D,EAAiB,KAAK,eAAe,IAAI3D,CAAG,EAClD,GAAI2D,EAAgB,CAEdA,EAAe,yBAA2BN,GAC5CA,EAAM,MAAMM,CAAc,EAE5B,QACF,CAGA,MAAM3C,EAAWX,EAAoBL,EAAKM,EAAU,KAAK,OAAO,eAAgBE,CAAW,EAEvF,OAAO,KAAK,OAAO,cAAiB,WACtCQ,EAAS,MAAM,OAAS,GAAG,KAAK,OAAO,YAAY,MAIrDqC,EAAM,MAAMrC,CAAQ,EACpB,KAAK,eAAe,IAAIhB,EAAKgB,CAAQ,EAGrC,KAAK,cAAcA,CAAQ,CAC7B,CACF,CAMS,gBAAyB,CAChC,IAAI4C,EAAc,EAClB,UAAW5D,KAAO,KAAK,aAAc,CACnC,MAAMgB,EAAW,KAAK,eAAe,IAAIhB,CAAG,EAC5C,GAAIgB,EACF4C,GAAe5C,EAAS,iBACnB,CAEL,MAAM6C,EAAe,KAAK,QAAQ,aAClCD,GAAe,OAAOC,GAAiB,SAAWA,EAAe,GACnE,CACF,CACA,OAAOD,CACT,CAMS,qBAAqBE,EAAgC,CAC5D,IAAIF,EAAc,EAClB,UAAW5D,KAAO,KAAK,aAAc,CACnC,MAAMM,EAAW,KAAK,KAAK,QAAQN,CAAG,EAEtC,GAAIM,GAAY,GAAKA,EAAWwD,EAAgB,CAC9C,MAAM9C,EAAW,KAAK,eAAe,IAAIhB,CAAG,EAC5C,GAAIgB,EACF4C,GAAe5C,EAAS,iBACnB,CACL,MAAM6C,EAAe,KAAK,QAAQ,aAClCD,GAAe,OAAOC,GAAiB,SAAWA,EAAe,GACnE,CACF,CACF,CACA,OAAOD,CACT,CAMS,mBAAmBG,EAAeC,EAAmBC,EAA2B,CACvF,GAAI,KAAK,aAAa,OAAS,EAAG,OAAOF,EAGzC,MAAMG,EAAsD,CAAA,EAC5D,UAAWlE,KAAO,KAAK,aAAc,CACnC,MAAMmE,EAAQ,KAAK,KAAK,QAAQnE,CAAG,EAC/BmE,GAAS,GACXD,EAAgB,KAAK,CAAE,MAAAC,EAAO,IAAAnE,CAAA,CAAK,CAEvC,CACAkE,EAAgB,KAAK,CAACE,EAAGC,IAAMD,EAAE,MAAQC,EAAE,KAAK,EAEhD,IAAIC,EAAWP,EAIXQ,EAAwB,EAE5B,SAAW,CAAE,MAAOjE,EAAU,IAAAN,CAAA,IAASkE,EAAiB,CAEtD,MAAMM,EAAelE,EAAW2D,EAAYM,EAEtCE,EADW,KAAK,eAAe,IAAIzE,CAAG,GAEhC,eAAiB,OAAO,KAAK,QAAQ,cAAiB,SAAW,KAAK,OAAO,aAAe,KAClG0E,EAAqBF,EAAeP,EAAYQ,EAGtDF,GAAyBE,EAGrB,EAAAnE,GAAYyD,IAIZW,EAAqBV,GACnB1D,EAAWgE,IACbA,EAAWhE,EAGjB,CAEA,OAAOgE,CACT,CASA,OAAOhE,EAAwB,CAC7B,MAAMN,EAAM,KAAK,KAAKM,CAAQ,EAC1BN,IACF,KAAK,aAAeE,EAAgB,KAAK,aAAcF,CAAG,EAC1D,KAAK,cAAA,EAET,CAMA,SAASM,EAAwB,CAC/B,MAAMN,EAAM,KAAK,KAAKM,CAAQ,EAC1BN,IACF,KAAK,aAAeG,EAAkB,KAAK,aAAcH,CAAG,EAC5D,KAAK,cAAA,EAET,CAMA,OAAOM,EAAwB,CAC7B,MAAMN,EAAM,KAAK,KAAKM,CAAQ,EAC1BN,IACF,KAAK,aAAeF,EAAgB,KAAK,aAAcE,CAAG,EAC1D,KAAK,cAAA,EAET,CAOA,WAAWM,EAA2B,CACpC,MAAMN,EAAM,KAAK,KAAKM,CAAQ,EAC9B,OAAON,EAAMI,EAAiB,KAAK,aAAcJ,CAAG,EAAI,EAC1D,CAKA,WAAkB,CAChB,UAAWA,KAAO,KAAK,KACrB,KAAK,aAAa,IAAIA,CAAG,EAE3B,KAAK,cAAA,CACP,CAKA,aAAoB,CAClB,KAAK,aAAa,MAAA,EAClB,KAAK,cAAA,CACP,CAMA,iBAA4B,CAC1B,MAAM2E,EAAoB,CAAA,EAC1B,UAAW3E,KAAO,KAAK,aAAc,CACnC,MAAM4E,EAAM,KAAK,KAAK,QAAQ5E,CAAG,EAC7B4E,GAAO,GAAGD,EAAQ,KAAKC,CAAG,CAChC,CACA,OAAOD,CACT,CAOA,iBAAiBrE,EAA2C,CAC1D,MAAMN,EAAM,KAAK,KAAKM,CAAQ,EAC9B,OAAON,EAAM,KAAK,eAAe,IAAIA,CAAG,EAAI,MAC9C,CASA,uBAA8B,CAE5B,MAAM6E,EAAkB,KAAK,OAAO,eACpC,KAAK,OAAS,CAAE,GAAG,KAAK,OAAQ,eAAgB,MAAA,EAChD,KAAK,oBAAA,EAGD,CAAC,KAAK,OAAO,gBAAkBA,IACjC,KAAK,OAAS,CAAE,GAAG,KAAK,OAAQ,eAAgBA,CAAA,EAEpD,CAIkB,OAASC,CAE7B"}

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

@@ -1,2 +1,2 @@
-(function(d,h){typeof exports=="object"&&typeof module<"u"?h(exports,require("../../core/plugin/base-plugin"),require("../../core/internal/aggregators")):typeof define=="function"&&define.amd?define(["exports","../../core/plugin/base-plugin","../../core/internal/aggregators"],h):(d=typeof globalThis<"u"?globalThis:d||self,h(d.TbwGridPlugin_pinnedRows={},d.TbwGrid,d.TbwGrid))})(this,(function(d,h,w){"use strict";function v(n){return typeof n=="object"&&n!==null&&"aggFunc"in n}function u(n,t){const o=document.createElement("div");o.className="tbw-pinned-rows",o.setAttribute("role","presentation"),o.setAttribute("aria-live","polite");const r=document.createElement("div");r.className="tbw-pinned-rows-left";const s=document.createElement("div");s.className="tbw-pinned-rows-center";const i=document.createElement("div");if(i.className="tbw-pinned-rows-right",n.showRowCount!==!1){const e=document.createElement("span");e.className="tbw-status-panel tbw-status-panel-row-count",e.textContent=`Total: ${t.totalRows} rows`,r.appendChild(e)}if(n.showFilteredCount&&t.filteredRows!==t.totalRows){const e=document.createElement("span");e.className="tbw-status-panel tbw-status-panel-filtered-count",e.textContent=`Filtered: ${t.filteredRows}`,r.appendChild(e)}if(n.showSelectedCount&&t.selectedRows>0){const e=document.createElement("span");e.className="tbw-status-panel tbw-status-panel-selected-count",e.textContent=`Selected: ${t.selectedRows}`,i.appendChild(e)}if(n.customPanels)for(const e of n.customPanels){const a=A(e,t);switch(e.position){case"left":r.appendChild(a);break;case"center":s.appendChild(a);break;case"right":i.appendChild(a);break}}return o.appendChild(r),o.appendChild(s),o.appendChild(i),o}function m(n){const t=document.createElement("div");return t.className=`tbw-aggregation-rows tbw-aggregation-rows-${n}`,t.setAttribute("role","presentation"),t}function b(n,t,o,r){n.innerHTML="";for(const s of t){const i=document.createElement("div");if(i.className="tbw-aggregation-row",i.setAttribute("role","presentation"),s.id&&i.setAttribute("data-aggregation-id",s.id),s.fullWidth){const e=document.createElement("div");e.className="tbw-aggregation-cell tbw-aggregation-cell-full",e.style.gridColumn="1 / -1",e.textContent=s.label||"",i.appendChild(e)}else for(const e of o){const a=document.createElement("div");a.className="tbw-aggregation-cell",a.setAttribute("data-field",e.field);let l,p;const f=s.aggregators?.[e.field];if(f)if(v(f)){const g=w.getAggregator(f.aggFunc);g&&(l=g(r,e.field,e)),p=f.formatter}else{const g=w.getAggregator(f);g&&(l=g(r,e.field,e))}else if(s.cells&&Object.prototype.hasOwnProperty.call(s.cells,e.field)){const g=s.cells[e.field];typeof g=="function"?l=g(r,e.field,e):l=g}l!=null?a.textContent=p?p(l,e.field,e):String(l):a.textContent="",i.appendChild(a)}n.appendChild(i)}}function A(n,t){const o=document.createElement("div");o.className="tbw-status-panel tbw-status-panel-custom",o.id=`status-panel-${n.id}`;const r=n.render(t);return typeof r=="string"?o.innerHTML=r:o.appendChild(r),o}function C(n,t,o,r,s){return{totalRows:n.length,filteredRows:s?.cachedResult?.length??n.length,selectedRows:r?.selected?.size??0,columns:t,rows:n,grid:o}}const R=".tbw-footer{position:sticky;bottom:0;z-index:var(--tbw-z-layer-pinned-rows, 20);background:var(--tbw-color-panel-bg)}.tbw-pinned-rows{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--tbw-pinned-rows-bg, var(--tbw-color-panel-bg));border-top:1px solid var(--tbw-pinned-rows-border, var(--tbw-color-border));font-size:12px;color:var(--tbw-pinned-rows-color, var(--tbw-color-fg-muted));min-height:32px;box-sizing:border-box;min-width:fit-content}.tbw-pinned-rows-left,.tbw-pinned-rows-center,.tbw-pinned-rows-right{display:flex;align-items:center;gap:16px}.tbw-pinned-rows-left{justify-content:flex-start}.tbw-pinned-rows-center{justify-content:center;flex:1}.tbw-pinned-rows-right{justify-content:flex-end}.tbw-status-panel{white-space:nowrap}.tbw-aggregation-rows{min-width:fit-content;background:var(--tbw-aggregation-bg, var(--tbw-color-header-bg))}.tbw-aggregation-rows-top{border-bottom:1px solid var(--tbw-aggregation-border, var(--tbw-color-border))}.tbw-aggregation-rows-bottom{border-top:1px solid var(--tbw-aggregation-border, var(--tbw-color-border))}.tbw-aggregation-row{display:grid;grid-template-columns:var(--tbw-column-template);font-size:var(--tbw-aggregation-font-size, .8em);font-weight:var(--tbw-aggregation-font-weight, 600)}.tbw-aggregation-cell{padding:var(--tbw-cell-padding, 2px 8px);min-height:var(--tbw-row-height, 28px);display:flex;align-items:center;border-right:1px solid var(--tbw-color-border-cell)}.tbw-aggregation-cell:last-child{border-right:0}.tbw-aggregation-cell-full{grid-column:1 / -1;border-right:0}";class E extends h.BaseGridPlugin{name="pinnedRows";version="1.0.0";get defaultConfig(){return{position:"bottom",showRowCount:!0,showSelectedCount:!0,showFilteredCount:!0}}infoBarElement=null;topAggregationContainer=null;bottomAggregationContainer=null;footerWrapper=null;detach(){this.infoBarElement&&(this.infoBarElement.remove(),this.infoBarElement=null),this.topAggregationContainer&&(this.topAggregationContainer.remove(),this.topAggregationContainer=null),this.bottomAggregationContainer&&(this.bottomAggregationContainer.remove(),this.bottomAggregationContainer=null),this.footerWrapper&&(this.footerWrapper.remove(),this.footerWrapper=null)}afterRender(){const t=this.shadowRoot;if(!t)return;const o=t.querySelector(".tbw-scroll-area")??t.querySelector(".tbw-grid-content")??t.children[0];if(!o)return;const r=this.getSelectionState(),s=this.getFilterState(),i=C(this.rows,this.columns,this.grid,r,s),e=this.config.aggregationRows||[],a=e.filter(c=>c.position==="top"),l=e.filter(c=>c.position!=="top");if(a.length>0){if(!this.topAggregationContainer){this.topAggregationContainer=m("top");const c=t.querySelector(".header");c&&c.nextSibling?o.insertBefore(this.topAggregationContainer,c.nextSibling):o.appendChild(this.topAggregationContainer)}b(this.topAggregationContainer,a,this.visibleColumns,this.rows)}else this.topAggregationContainer&&(this.topAggregationContainer.remove(),this.topAggregationContainer=null);const p=this.config.showRowCount!==!1||this.config.showSelectedCount&&i.selectedRows>0||this.config.showFilteredCount&&i.filteredRows!==i.totalRows||this.config.customPanels&&this.config.customPanels.length>0,f=p&&this.config.position!=="top",g=l.length>0||f;if(p&&this.config.position==="top")if(!this.infoBarElement)this.infoBarElement=u(this.config,i),o.insertBefore(this.infoBarElement,o.firstChild);else{const c=u(this.config,i);this.infoBarElement.replaceWith(c),this.infoBarElement=c}else this.config.position==="top"&&this.infoBarElement&&(this.infoBarElement.remove(),this.infoBarElement=null);g?(this.footerWrapper||(this.footerWrapper=document.createElement("div"),this.footerWrapper.className="tbw-footer",o.appendChild(this.footerWrapper)),this.footerWrapper.innerHTML="",l.length>0&&(this.bottomAggregationContainer||(this.bottomAggregationContainer=m("bottom")),this.footerWrapper.appendChild(this.bottomAggregationContainer),b(this.bottomAggregationContainer,l,this.visibleColumns,this.rows)),f&&(this.infoBarElement=u(this.config,i),this.footerWrapper.appendChild(this.infoBarElement))):this.cleanupFooter()}cleanup(){this.infoBarElement&&(this.infoBarElement.remove(),this.infoBarElement=null),this.topAggregationContainer&&(this.topAggregationContainer.remove(),this.topAggregationContainer=null),this.bottomAggregationContainer&&(this.bottomAggregationContainer.remove(),this.bottomAggregationContainer=null),this.footerWrapper&&(this.footerWrapper.remove(),this.footerWrapper=null)}cleanupFooter(){this.footerWrapper&&(this.footerWrapper.remove(),this.footerWrapper=null),this.bottomAggregationContainer&&(this.bottomAggregationContainer.remove(),this.bottomAggregationContainer=null),this.infoBarElement&&this.config.position!=="top"&&(this.infoBarElement.remove(),this.infoBarElement=null)}getSelectionState(){try{return this.grid?.getPluginState?.("selection")??null}catch{return null}}getFilterState(){try{return this.grid?.getPluginState?.("filtering")??null}catch{return null}}refresh(){this.requestRender()}getContext(){const t=this.getSelectionState(),o=this.getFilterState();return C(this.rows,this.columns,this.grid,t,o)}addPanel(t){this.config.customPanels||(this.config.customPanels=[]),this.config.customPanels.push(t),this.requestRender()}removePanel(t){this.config.customPanels&&(this.config.customPanels=this.config.customPanels.filter(o=>o.id!==t),this.requestRender())}addAggregationRow(t){this.config.aggregationRows||(this.config.aggregationRows=[]),this.config.aggregationRows.push(t),this.requestRender()}removeAggregationRow(t){this.config.aggregationRows&&(this.config.aggregationRows=this.config.aggregationRows.filter(o=>o.id!==t),this.requestRender())}styles=R}d.PinnedRowsPlugin=E,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})}));
+(function(d,h){typeof exports=="object"&&typeof module<"u"?h(exports,require("../../core/plugin/base-plugin"),require("../../core/internal/aggregators")):typeof define=="function"&&define.amd?define(["exports","../../core/plugin/base-plugin","../../core/internal/aggregators"],h):(d=typeof globalThis<"u"?globalThis:d||self,h(d.TbwGridPlugin_pinnedRows={},d.TbwGrid,d.TbwGrid))})(this,(function(d,h,w){"use strict";function v(n){return typeof n=="object"&&n!==null&&"aggFunc"in n}function u(n,t){const o=document.createElement("div");o.className="tbw-pinned-rows",o.setAttribute("role","presentation"),o.setAttribute("aria-live","polite");const r=document.createElement("div");r.className="tbw-pinned-rows-left";const s=document.createElement("div");s.className="tbw-pinned-rows-center";const i=document.createElement("div");if(i.className="tbw-pinned-rows-right",n.showRowCount!==!1){const e=document.createElement("span");e.className="tbw-status-panel tbw-status-panel-row-count",e.textContent=`Total: ${t.totalRows} rows`,r.appendChild(e)}if(n.showFilteredCount&&t.filteredRows!==t.totalRows){const e=document.createElement("span");e.className="tbw-status-panel tbw-status-panel-filtered-count",e.textContent=`Filtered: ${t.filteredRows}`,r.appendChild(e)}if(n.showSelectedCount&&t.selectedRows>0){const e=document.createElement("span");e.className="tbw-status-panel tbw-status-panel-selected-count",e.textContent=`Selected: ${t.selectedRows}`,i.appendChild(e)}if(n.customPanels)for(const e of n.customPanels){const a=A(e,t);switch(e.position){case"left":r.appendChild(a);break;case"center":s.appendChild(a);break;case"right":i.appendChild(a);break}}return o.appendChild(r),o.appendChild(s),o.appendChild(i),o}function m(n){const t=document.createElement("div");return t.className=`tbw-aggregation-rows tbw-aggregation-rows-${n}`,t.setAttribute("role","presentation"),t}function b(n,t,o,r){n.innerHTML="";for(const s of t){const i=document.createElement("div");if(i.className="tbw-aggregation-row",i.setAttribute("role","presentation"),s.id&&i.setAttribute("data-aggregation-id",s.id),s.fullWidth){const e=document.createElement("div");e.className="tbw-aggregation-cell tbw-aggregation-cell-full",e.style.gridColumn="1 / -1",e.textContent=s.label||"",i.appendChild(e)}else for(const e of o){const a=document.createElement("div");a.className="tbw-aggregation-cell",a.setAttribute("data-field",e.field);let l,p;const f=s.aggregators?.[e.field];if(f)if(v(f)){const g=w.getAggregator(f.aggFunc);g&&(l=g(r,e.field,e)),p=f.formatter}else{const g=w.getAggregator(f);g&&(l=g(r,e.field,e))}else if(s.cells&&Object.prototype.hasOwnProperty.call(s.cells,e.field)){const g=s.cells[e.field];typeof g=="function"?l=g(r,e.field,e):l=g}l!=null?a.textContent=p?p(l,e.field,e):String(l):a.textContent="",i.appendChild(a)}n.appendChild(i)}}function A(n,t){const o=document.createElement("div");o.className="tbw-status-panel tbw-status-panel-custom",o.id=`status-panel-${n.id}`;const r=n.render(t);return typeof r=="string"?o.innerHTML=r:o.appendChild(r),o}function C(n,t,o,r,s){return{totalRows:n.length,filteredRows:s?.cachedResult?.length??n.length,selectedRows:r?.selected?.size??0,columns:t,rows:n,grid:o}}const R=".tbw-footer{flex-shrink:0;z-index:var(--tbw-z-layer-pinned-rows, 20);background:var(--tbw-color-panel-bg)}.tbw-pinned-rows{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--tbw-pinned-rows-bg, var(--tbw-color-panel-bg));border-top:1px solid var(--tbw-pinned-rows-border, var(--tbw-color-border));font-size:12px;color:var(--tbw-pinned-rows-color, var(--tbw-color-fg-muted));min-height:32px;box-sizing:border-box;min-width:fit-content}.tbw-pinned-rows-left,.tbw-pinned-rows-center,.tbw-pinned-rows-right{display:flex;align-items:center;gap:16px}.tbw-pinned-rows-left{justify-content:flex-start}.tbw-pinned-rows-center{justify-content:center;flex:1}.tbw-pinned-rows-right{justify-content:flex-end}.tbw-status-panel{white-space:nowrap}.tbw-aggregation-rows{min-width:fit-content;background:var(--tbw-aggregation-bg, var(--tbw-color-header-bg))}.tbw-aggregation-rows-top{border-bottom:1px solid var(--tbw-aggregation-border, var(--tbw-color-border))}.tbw-aggregation-rows-bottom{border-top:1px solid var(--tbw-aggregation-border, var(--tbw-color-border))}.tbw-aggregation-row{display:grid;grid-template-columns:var(--tbw-column-template);font-size:var(--tbw-aggregation-font-size, .8em);font-weight:var(--tbw-aggregation-font-weight, 600)}.tbw-aggregation-cell{padding:var(--tbw-cell-padding, 2px 8px);min-height:var(--tbw-row-height, 28px);display:flex;align-items:center;border-right:1px solid var(--tbw-color-border-cell)}.tbw-aggregation-cell:last-child{border-right:0}.tbw-aggregation-cell-full{grid-column:1 / -1;border-right:0}";class E extends h.BaseGridPlugin{name="pinnedRows";version="1.0.0";get defaultConfig(){return{position:"bottom",showRowCount:!0,showSelectedCount:!0,showFilteredCount:!0}}infoBarElement=null;topAggregationContainer=null;bottomAggregationContainer=null;footerWrapper=null;detach(){this.infoBarElement&&(this.infoBarElement.remove(),this.infoBarElement=null),this.topAggregationContainer&&(this.topAggregationContainer.remove(),this.topAggregationContainer=null),this.bottomAggregationContainer&&(this.bottomAggregationContainer.remove(),this.bottomAggregationContainer=null),this.footerWrapper&&(this.footerWrapper.remove(),this.footerWrapper=null)}afterRender(){const t=this.shadowRoot;if(!t)return;const o=t.querySelector(".tbw-scroll-area")??t.querySelector(".tbw-grid-content")??t.children[0];if(!o)return;const r=this.getSelectionState(),s=this.getFilterState(),i=C(this.rows,this.columns,this.grid,r,s),e=this.config.aggregationRows||[],a=e.filter(c=>c.position==="top"),l=e.filter(c=>c.position!=="top");if(a.length>0){if(!this.topAggregationContainer){this.topAggregationContainer=m("top");const c=t.querySelector(".header");c&&c.nextSibling?o.insertBefore(this.topAggregationContainer,c.nextSibling):o.appendChild(this.topAggregationContainer)}b(this.topAggregationContainer,a,this.visibleColumns,this.rows)}else this.topAggregationContainer&&(this.topAggregationContainer.remove(),this.topAggregationContainer=null);const p=this.config.showRowCount!==!1||this.config.showSelectedCount&&i.selectedRows>0||this.config.showFilteredCount&&i.filteredRows!==i.totalRows||this.config.customPanels&&this.config.customPanels.length>0,f=p&&this.config.position!=="top",g=l.length>0||f;if(p&&this.config.position==="top")if(!this.infoBarElement)this.infoBarElement=u(this.config,i),o.insertBefore(this.infoBarElement,o.firstChild);else{const c=u(this.config,i);this.infoBarElement.replaceWith(c),this.infoBarElement=c}else this.config.position==="top"&&this.infoBarElement&&(this.infoBarElement.remove(),this.infoBarElement=null);g?(this.footerWrapper||(this.footerWrapper=document.createElement("div"),this.footerWrapper.className="tbw-footer",o.appendChild(this.footerWrapper)),this.footerWrapper.innerHTML="",l.length>0&&(this.bottomAggregationContainer||(this.bottomAggregationContainer=m("bottom")),this.footerWrapper.appendChild(this.bottomAggregationContainer),b(this.bottomAggregationContainer,l,this.visibleColumns,this.rows)),f&&(this.infoBarElement=u(this.config,i),this.footerWrapper.appendChild(this.infoBarElement))):this.cleanupFooter()}cleanup(){this.infoBarElement&&(this.infoBarElement.remove(),this.infoBarElement=null),this.topAggregationContainer&&(this.topAggregationContainer.remove(),this.topAggregationContainer=null),this.bottomAggregationContainer&&(this.bottomAggregationContainer.remove(),this.bottomAggregationContainer=null),this.footerWrapper&&(this.footerWrapper.remove(),this.footerWrapper=null)}cleanupFooter(){this.footerWrapper&&(this.footerWrapper.remove(),this.footerWrapper=null),this.bottomAggregationContainer&&(this.bottomAggregationContainer.remove(),this.bottomAggregationContainer=null),this.infoBarElement&&this.config.position!=="top"&&(this.infoBarElement.remove(),this.infoBarElement=null)}getSelectionState(){try{return this.grid?.getPluginState?.("selection")??null}catch{return null}}getFilterState(){try{return this.grid?.getPluginState?.("filtering")??null}catch{return null}}refresh(){this.requestRender()}getContext(){const t=this.getSelectionState(),o=this.getFilterState();return C(this.rows,this.columns,this.grid,t,o)}addPanel(t){this.config.customPanels||(this.config.customPanels=[]),this.config.customPanels.push(t),this.requestRender()}removePanel(t){this.config.customPanels&&(this.config.customPanels=this.config.customPanels.filter(o=>o.id!==t),this.requestRender())}addAggregationRow(t){this.config.aggregationRows||(this.config.aggregationRows=[]),this.config.aggregationRows.push(t),this.requestRender()}removeAggregationRow(t){this.config.aggregationRows&&(this.config.aggregationRows=this.config.aggregationRows.filter(o=>o.id!==t),this.requestRender())}styles=R}d.PinnedRowsPlugin=E,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})}));
 //# sourceMappingURL=pinned-rows.umd.js.map