@toolbox-web/grid 0.0.1

package/lib/plugins/pinned-rows/index.js

@@ -0,0 +1,459 @@
+class v {
+  /** Plugin version - override in subclass if needed */
+  version = "1.0.0";
+  /** CSS styles to inject into the grid's shadow DOM */
+  styles;
+  /** Custom cell renderers keyed by type name */
+  cellRenderers;
+  /** Custom header renderers keyed by type name */
+  headerRenderers;
+  /** Custom cell editors keyed by type name */
+  cellEditors;
+  /** The grid instance this plugin is attached to */
+  grid;
+  /** Plugin configuration - merged with defaults in attach() */
+  config;
+  /** User-provided configuration from constructor */
+  userConfig;
+  /**
+   * Default configuration - subclasses should override this getter.
+   * Note: This must be a getter (not property initializer) for proper inheritance
+   * since property initializers run after parent constructor.
+   */
+  get defaultConfig() {
+    return {};
+  }
+  constructor(t = {}) {
+    this.userConfig = t;
+  }
+  /**
+   * Called when the plugin is attached to a grid.
+   * Override to set up event listeners, initialize state, etc.
+   */
+  attach(t) {
+    this.grid = t, this.config = { ...this.defaultConfig, ...this.userConfig };
+  }
+  /**
+   * Called when the plugin is detached from a grid.
+   * Override to clean up event listeners, timers, etc.
+   */
+  detach() {
+  }
+  /**
+   * Get another plugin instance from the same grid.
+   * Use for inter-plugin communication.
+   */
+  getPlugin(t) {
+    return this.grid?.getPlugin(t);
+  }
+  /**
+   * Emit a custom event from the grid.
+   */
+  emit(t, n) {
+    this.grid?.dispatchEvent?.(new CustomEvent(t, { detail: n, bubbles: !0 }));
+  }
+  /**
+   * Request a re-render of the grid.
+   */
+  requestRender() {
+    this.grid?.requestRender?.();
+  }
+  /**
+   * Request a lightweight style update without rebuilding DOM.
+   * Use this instead of requestRender() when only CSS classes need updating.
+   */
+  requestAfterRender() {
+    this.grid?.requestAfterRender?.();
+  }
+  /**
+   * Get the current rows from the grid.
+   */
+  get rows() {
+    return this.grid?.rows ?? [];
+  }
+  /**
+   * Get the original unfiltered/unprocessed rows from the grid.
+   * Use this when you need all source data regardless of active filters.
+   */
+  get sourceRows() {
+    return this.grid?.sourceRows ?? [];
+  }
+  /**
+   * Get the current columns from the grid.
+   */
+  get columns() {
+    return this.grid?.columns ?? [];
+  }
+  /**
+   * Get only visible columns from the grid (excludes hidden).
+   * Use this for rendering that needs to match the grid template.
+   */
+  get visibleColumns() {
+    return this.grid?.visibleColumns ?? [];
+  }
+  /**
+   * Get the shadow root of the grid.
+   */
+  get shadowRoot() {
+    return this.grid?.shadowRoot ?? null;
+  }
+  /**
+   * Log a warning message.
+   */
+  warn(t) {
+    console.warn(`[tbw-grid:${this.name}] ${t}`);
+  }
+}
+const f = {
+  sum: (e, t) => e.reduce((n, i) => n + (Number(i[t]) || 0), 0),
+  avg: (e, t) => {
+    const n = e.reduce((i, r) => i + (Number(r[t]) || 0), 0);
+    return e.length ? n / e.length : 0;
+  },
+  count: (e) => e.length,
+  min: (e, t) => Math.min(...e.map((n) => Number(n[t]) || 1 / 0)),
+  max: (e, t) => Math.max(...e.map((n) => Number(n[t]) || -1 / 0)),
+  first: (e, t) => e[0]?.[t],
+  last: (e, t) => e[e.length - 1]?.[t]
+}, u = /* @__PURE__ */ new Map(), g = {
+  /**
+   * Register a custom aggregator function.
+   */
+  register(e, t) {
+    u.set(e, t);
+  },
+  /**
+   * Unregister a custom aggregator function.
+   */
+  unregister(e) {
+    u.delete(e);
+  },
+  /**
+   * Get an aggregator function by reference.
+   */
+  get(e) {
+    if (e !== void 0)
+      return typeof e == "function" ? e : u.get(e) ?? f[e];
+  },
+  /**
+   * Run an aggregator on a set of rows.
+   */
+  run(e, t, n, i) {
+    const r = this.get(e);
+    return r ? r(t, n, i) : void 0;
+  },
+  /**
+   * Check if an aggregator exists.
+   */
+  has(e) {
+    return u.has(e) || e in f;
+  },
+  /**
+   * List all available aggregator names.
+   */
+  list() {
+    return [...Object.keys(f), ...u.keys()];
+  }
+};
+g.register.bind(g);
+g.unregister.bind(g);
+const R = g.get.bind(g);
+g.run.bind(g);
+g.list.bind(g);
+function p(e, t) {
+  const n = document.createElement("div");
+  n.className = "tbw-pinned-rows", n.setAttribute("role", "status"), n.setAttribute("aria-live", "polite");
+  const i = document.createElement("div");
+  i.className = "tbw-pinned-rows-left";
+  const r = document.createElement("div");
+  r.className = "tbw-pinned-rows-center";
+  const s = document.createElement("div");
+  if (s.className = "tbw-pinned-rows-right", e.showRowCount !== !1) {
+    const o = document.createElement("span");
+    o.className = "tbw-status-panel tbw-status-panel-row-count", o.textContent = `Total: ${t.totalRows} rows`, i.appendChild(o);
+  }
+  if (e.showFilteredCount && t.filteredRows !== t.totalRows) {
+    const o = document.createElement("span");
+    o.className = "tbw-status-panel tbw-status-panel-filtered-count", o.textContent = `Filtered: ${t.filteredRows}`, i.appendChild(o);
+  }
+  if (e.showSelectedCount && t.selectedRows > 0) {
+    const o = document.createElement("span");
+    o.className = "tbw-status-panel tbw-status-panel-selected-count", o.textContent = `Selected: ${t.selectedRows}`, s.appendChild(o);
+  }
+  if (e.customPanels)
+    for (const o of e.customPanels) {
+      const a = A(o, t);
+      switch (o.position) {
+        case "left":
+          i.appendChild(a);
+          break;
+        case "center":
+          r.appendChild(a);
+          break;
+        case "right":
+          s.appendChild(a);
+          break;
+      }
+    }
+  return n.appendChild(i), n.appendChild(r), n.appendChild(s), n;
+}
+function w(e) {
+  const t = document.createElement("div");
+  return t.className = `tbw-aggregation-rows tbw-aggregation-rows-${e}`, t.setAttribute("role", "rowgroup"), t;
+}
+function m(e, t, n, i) {
+  e.innerHTML = "";
+  for (const r of t) {
+    const s = document.createElement("div");
+    if (s.className = "tbw-aggregation-row", s.setAttribute("role", "row"), r.id && s.setAttribute("data-aggregation-id", r.id), r.fullWidth) {
+      const o = document.createElement("div");
+      o.className = "tbw-aggregation-cell tbw-aggregation-cell-full", o.style.gridColumn = "1 / -1", o.textContent = r.label || "", s.appendChild(o);
+    } else
+      for (const o of n) {
+        const a = document.createElement("div");
+        a.className = "tbw-aggregation-cell", a.setAttribute("data-field", o.field);
+        let c;
+        const h = r.aggregators?.[o.field];
+        if (h) {
+          const d = R(h);
+          d && (c = d(i, o.field, o));
+        } else if (r.cells && Object.prototype.hasOwnProperty.call(r.cells, o.field)) {
+          const d = r.cells[o.field];
+          typeof d == "function" ? c = d(i, o.field, o) : c = d;
+        }
+        a.textContent = c != null ? String(c) : "", s.appendChild(a);
+      }
+    e.appendChild(s);
+  }
+}
+function A(e, t) {
+  const n = document.createElement("div");
+  n.className = "tbw-status-panel tbw-status-panel-custom", n.id = `status-panel-${e.id}`;
+  const i = e.render(t);
+  return typeof i == "string" ? n.innerHTML = i : n.appendChild(i), n;
+}
+function b(e, t, n, i, r) {
+  return {
+    totalRows: e.length,
+    filteredRows: r?.cachedResult?.length ?? e.length,
+    selectedRows: i?.selected?.size ?? 0,
+    columns: t,
+    rows: e,
+    grid: n
+  };
+}
+class E extends v {
+  name = "pinnedRows";
+  version = "1.0.0";
+  get defaultConfig() {
+    return {
+      enabled: !0,
+      position: "bottom",
+      showRowCount: !0,
+      showSelectedCount: !0,
+      showFilteredCount: !0
+    };
+  }
+  // ===== Internal State =====
+  infoBarElement = null;
+  topAggregationContainer = null;
+  bottomAggregationContainer = null;
+  footerWrapper = null;
+  // ===== Lifecycle =====
+  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);
+  }
+  // ===== Hooks =====
+  afterRender() {
+    if (!this.config.enabled) {
+      this.cleanup();
+      return;
+    }
+    const t = this.shadowRoot;
+    if (!t) return;
+    const n = t.querySelector(".tbw-scroll-area") ?? t.querySelector(".tbw-grid-content") ?? t.children[0];
+    if (!n) return;
+    const i = this.getSelectionState(), r = this.getFilterState(), s = b(
+      this.rows,
+      this.columns,
+      this.grid,
+      i,
+      r
+    ), o = this.config.aggregationRows || [], a = o.filter((l) => l.position === "top"), c = o.filter((l) => l.position !== "top");
+    if (a.length > 0) {
+      if (!this.topAggregationContainer) {
+        this.topAggregationContainer = w("top");
+        const l = t.querySelector(".header");
+        l && l.nextSibling ? n.insertBefore(this.topAggregationContainer, l.nextSibling) : n.appendChild(this.topAggregationContainer);
+      }
+      m(
+        this.topAggregationContainer,
+        a,
+        this.visibleColumns,
+        this.rows
+      );
+    } else this.topAggregationContainer && (this.topAggregationContainer.remove(), this.topAggregationContainer = null);
+    const h = this.config.showRowCount !== !1 || this.config.showSelectedCount && s.selectedRows > 0 || this.config.showFilteredCount && s.filteredRows !== s.totalRows || this.config.customPanels && this.config.customPanels.length > 0, d = h && this.config.position !== "top", C = c.length > 0 || d;
+    if (h && this.config.position === "top")
+      if (!this.infoBarElement)
+        this.infoBarElement = p(this.config, s), n.insertBefore(this.infoBarElement, n.firstChild);
+      else {
+        const l = p(this.config, s);
+        this.infoBarElement.replaceWith(l), this.infoBarElement = l;
+      }
+    else this.config.position === "top" && this.infoBarElement && (this.infoBarElement.remove(), this.infoBarElement = null);
+    C ? (this.footerWrapper || (this.footerWrapper = document.createElement("div"), this.footerWrapper.className = "tbw-footer", n.appendChild(this.footerWrapper)), this.footerWrapper.innerHTML = "", c.length > 0 && (this.bottomAggregationContainer || (this.bottomAggregationContainer = w("bottom")), this.footerWrapper.appendChild(this.bottomAggregationContainer), m(
+      this.bottomAggregationContainer,
+      c,
+      this.visibleColumns,
+      this.rows
+    )), d && (this.infoBarElement = p(this.config, s), this.footerWrapper.appendChild(this.infoBarElement))) : this.cleanupFooter();
+  }
+  // ===== Private Methods =====
+  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;
+    }
+  }
+  // ===== Public API =====
+  /**
+   * Refresh the status bar to reflect current grid state.
+   */
+  refresh() {
+    this.requestRender();
+  }
+  /**
+   * Get the current status bar context.
+   * @returns The context with row counts and other info
+   */
+  getContext() {
+    const t = this.getSelectionState(), n = this.getFilterState();
+    return b(
+      this.rows,
+      this.columns,
+      this.grid,
+      t,
+      n
+    );
+  }
+  /**
+   * Add a custom panel to the info bar.
+   * @param panel - The panel configuration to add
+   */
+  addPanel(t) {
+    this.config.customPanels || (this.config.customPanels = []), this.config.customPanels.push(t), this.requestRender();
+  }
+  /**
+   * Remove a custom panel by ID.
+   * @param id - The panel ID to remove
+   */
+  removePanel(t) {
+    this.config.customPanels && (this.config.customPanels = this.config.customPanels.filter((n) => n.id !== t), this.requestRender());
+  }
+  /**
+   * Add an aggregation row.
+   * @param row - The aggregation row configuration
+   */
+  addAggregationRow(t) {
+    this.config.aggregationRows || (this.config.aggregationRows = []), this.config.aggregationRows.push(t), this.requestRender();
+  }
+  /**
+   * Remove an aggregation row by ID.
+   * @param id - The aggregation row ID to remove
+   */
+  removeAggregationRow(t) {
+    this.config.aggregationRows && (this.config.aggregationRows = this.config.aggregationRows.filter((n) => n.id !== t), this.requestRender());
+  }
+  // ===== Styles =====
+  styles = `
+    .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-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;
+    }
+  `;
+}
+export {
+  E as PinnedRowsPlugin
+};
+//# sourceMappingURL=index.js.map

package/lib/plugins/pinned-rows/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../libs/grid/src/lib/core/plugin/base-plugin.ts","../../../../../../libs/grid/src/lib/core/internal/aggregators.ts","../../../../../../libs/grid/src/lib/plugins/pinned-rows/pinned-rows.ts","../../../../../../libs/grid/src/lib/plugins/pinned-rows/PinnedRowsPlugin.ts"],"sourcesContent":["/**\r\n * Base Grid Plugin Class\r\n *\r\n * All plugins extend this abstract class.\r\n * Plugins are instantiated per-grid and manage their own state.\r\n */\r\n\r\nimport type { ColumnConfig, ColumnState, HeaderContentDefinition, ToolPanelDefinition } from '../types';\r\n\r\n// Forward declare to avoid circular imports\r\nexport interface GridElement {\r\n  shadowRoot: ShadowRoot | null;\r\n  rows: any[];\r\n  columns: ColumnConfig[];\r\n  gridConfig: any;\r\n  requestRender(): void;\r\n  requestAfterRender(): void;\r\n  forceLayout(): Promise<void>;\r\n  getPlugin<T extends BaseGridPlugin>(PluginClass: new (...args: any[]) => T): T | undefined;\r\n  getPluginByName(name: string): BaseGridPlugin | undefined;\r\n  dispatchEvent(event: Event): boolean;\r\n}\r\n\r\n/**\r\n * Keyboard modifier flags\r\n */\r\nexport interface KeyboardModifiers {\r\n  ctrl?: boolean;\r\n  shift?: boolean;\r\n  alt?: boolean;\r\n  meta?: boolean;\r\n}\r\n\r\n/**\r\n * Cell coordinates\r\n */\r\nexport interface CellCoords {\r\n  row: number;\r\n  col: number;\r\n}\r\n\r\n/**\r\n * Cell click event\r\n */\r\nexport interface CellClickEvent {\r\n  rowIndex: number;\r\n  colIndex: number;\r\n  field: string;\r\n  value: any;\r\n  row: any;\r\n  cellEl: HTMLElement;\r\n  originalEvent: MouseEvent;\r\n}\r\n\r\n/**\r\n * Row click event\r\n */\r\nexport interface RowClickEvent {\r\n  rowIndex: number;\r\n  row: any;\r\n  rowEl: HTMLElement;\r\n  originalEvent: MouseEvent;\r\n}\r\n\r\n/**\r\n * Header click event\r\n */\r\nexport interface HeaderClickEvent {\r\n  colIndex: number;\r\n  field: string;\r\n  column: ColumnConfig;\r\n  headerEl: HTMLElement;\r\n  originalEvent: MouseEvent;\r\n}\r\n\r\n/**\r\n * Scroll event\r\n */\r\nexport interface ScrollEvent {\r\n  scrollTop: number;\r\n  scrollLeft: number;\r\n  scrollHeight: number;\r\n  scrollWidth: number;\r\n  clientHeight: number;\r\n  clientWidth: number;\r\n  originalEvent?: Event;\r\n}\r\n\r\n/**\r\n * Cell mouse event (for drag operations, selection, etc.)\r\n */\r\nexport interface CellMouseEvent {\r\n  /** Event type: mousedown, mousemove, or mouseup */\r\n  type: 'mousedown' | 'mousemove' | 'mouseup';\r\n  /** Row index, undefined if not over a data cell */\r\n  rowIndex?: number;\r\n  /** Column index, undefined if not over a cell */\r\n  colIndex?: number;\r\n  /** Field name, undefined if not over a cell */\r\n  field?: string;\r\n  /** Cell value, undefined if not over a data cell */\r\n  value?: unknown;\r\n  /** Row data object, undefined if not over a data row */\r\n  row?: unknown;\r\n  /** Column configuration, undefined if not over a column */\r\n  column?: ColumnConfig;\r\n  /** The cell element, undefined if not over a cell */\r\n  cellElement?: HTMLElement;\r\n  /** The row element, undefined if not over a row */\r\n  rowElement?: HTMLElement;\r\n  /** Whether the event is over a header cell */\r\n  isHeader: boolean;\r\n  /** Cell coordinates if over a valid data cell */\r\n  cell?: CellCoords;\r\n  /** The original mouse event */\r\n  originalEvent: MouseEvent;\r\n}\r\n\r\n/**\r\n * Context menu parameters\r\n */\r\nexport interface ContextMenuParams {\r\n  x: number;\r\n  y: number;\r\n  rowIndex?: number;\r\n  colIndex?: number;\r\n  field?: string;\r\n  value?: any;\r\n  row?: any;\r\n  column?: ColumnConfig;\r\n  isHeader?: boolean;\r\n}\r\n\r\n/**\r\n * Context menu item\r\n */\r\nexport interface ContextMenuItem {\r\n  id: string;\r\n  label: string;\r\n  icon?: string;\r\n  disabled?: boolean;\r\n  separator?: boolean;\r\n  children?: ContextMenuItem[];\r\n  action?: (params: ContextMenuParams) => void;\r\n}\r\n\r\n/**\r\n * Cell render context for plugin cell renderers.\r\n * Provides full context including position and editing state.\r\n *\r\n * Note: This differs from the core `CellRenderContext` in types.ts which is\r\n * simpler and used for column view renderers. This version provides additional\r\n * context needed by plugins that register custom cell renderers.\r\n */\r\nexport interface PluginCellRenderContext {\r\n  /** The cell value */\r\n  value: any;\r\n  /** The field/column key */\r\n  field: string;\r\n  /** The row data object */\r\n  row: any;\r\n  /** Row index in the data array */\r\n  rowIndex: number;\r\n  /** Column index */\r\n  colIndex: number;\r\n  /** Column configuration */\r\n  column: ColumnConfig;\r\n  /** Whether the cell is currently in edit mode */\r\n  isEditing: boolean;\r\n}\r\n\r\n/**\r\n * Header render context for plugin header renderers.\r\n */\r\nexport interface PluginHeaderRenderContext {\r\n  /** Column configuration */\r\n  column: ColumnConfig;\r\n  /** Column index */\r\n  colIndex: number;\r\n}\r\n\r\n/**\r\n * Cell renderer function type for plugins.\r\n */\r\nexport type CellRenderer = (ctx: PluginCellRenderContext) => string | HTMLElement;\r\n\r\n/**\r\n * Header renderer function type for plugins.\r\n */\r\nexport type HeaderRenderer = (ctx: PluginHeaderRenderContext) => string | HTMLElement;\r\n\r\n/**\r\n * Cell editor interface for plugins.\r\n */\r\nexport interface CellEditor {\r\n  create(ctx: PluginCellRenderContext, commitFn: (value: any) => void, cancelFn: () => void): HTMLElement;\r\n  getValue?(element: HTMLElement): any;\r\n  focus?(element: HTMLElement): void;\r\n}\r\n\r\n/**\r\n * Abstract base class for all grid plugins.\r\n *\r\n * @template TConfig - Configuration type for the plugin\r\n */\r\nexport abstract class BaseGridPlugin<TConfig = unknown> {\r\n  /** Unique plugin identifier (derived from class name by default) */\r\n  abstract readonly name: string;\r\n\r\n  /** Plugin version - override in subclass if needed */\r\n  readonly version: string = '1.0.0';\r\n\r\n  /** CSS styles to inject into the grid's shadow DOM */\r\n  readonly styles?: string;\r\n\r\n  /** Custom cell renderers keyed by type name */\r\n  readonly cellRenderers?: Record<string, CellRenderer>;\r\n\r\n  /** Custom header renderers keyed by type name */\r\n  readonly headerRenderers?: Record<string, HeaderRenderer>;\r\n\r\n  /** Custom cell editors keyed by type name */\r\n  readonly cellEditors?: Record<string, CellEditor>;\r\n\r\n  /** The grid instance this plugin is attached to */\r\n  protected grid!: GridElement;\r\n\r\n  /** Plugin configuration - merged with defaults in attach() */\r\n  protected config!: TConfig;\r\n\r\n  /** User-provided configuration from constructor */\r\n  private readonly userConfig: Partial<TConfig>;\r\n\r\n  /**\r\n   * Default configuration - subclasses should override this getter.\r\n   * Note: This must be a getter (not property initializer) for proper inheritance\r\n   * since property initializers run after parent constructor.\r\n   */\r\n  protected get defaultConfig(): Partial<TConfig> {\r\n    return {};\r\n  }\r\n\r\n  constructor(config: Partial<TConfig> = {}) {\r\n    this.userConfig = config;\r\n  }\r\n\r\n  /**\r\n   * Called when the plugin is attached to a grid.\r\n   * Override to set up event listeners, initialize state, etc.\r\n   */\r\n  attach(grid: GridElement): void {\r\n    this.grid = grid;\r\n    // Merge config here (after subclass construction is complete)\r\n    this.config = { ...this.defaultConfig, ...this.userConfig } as TConfig;\r\n  }\r\n\r\n  /**\r\n   * Called when the plugin is detached from a grid.\r\n   * Override to clean up event listeners, timers, etc.\r\n   */\r\n  detach(): void {\r\n    // Override in subclass\r\n  }\r\n\r\n  /**\r\n   * Get another plugin instance from the same grid.\r\n   * Use for inter-plugin communication.\r\n   */\r\n  protected getPlugin<T extends BaseGridPlugin>(PluginClass: new (...args: any[]) => T): T | undefined {\r\n    return this.grid?.getPlugin(PluginClass);\r\n  }\r\n\r\n  /**\r\n   * Emit a custom event from the grid.\r\n   */\r\n  protected emit<T>(eventName: string, detail: T): void {\r\n    this.grid?.dispatchEvent?.(new CustomEvent(eventName, { detail, bubbles: true }));\r\n  }\r\n\r\n  /**\r\n   * Request a re-render of the grid.\r\n   */\r\n  protected requestRender(): void {\r\n    this.grid?.requestRender?.();\r\n  }\r\n\r\n  /**\r\n   * Request a lightweight style update without rebuilding DOM.\r\n   * Use this instead of requestRender() when only CSS classes need updating.\r\n   */\r\n  protected requestAfterRender(): void {\r\n    this.grid?.requestAfterRender?.();\r\n  }\r\n\r\n  /**\r\n   * Get the current rows from the grid.\r\n   */\r\n  protected get rows(): any[] {\r\n    return this.grid?.rows ?? [];\r\n  }\r\n\r\n  /**\r\n   * Get the original unfiltered/unprocessed rows from the grid.\r\n   * Use this when you need all source data regardless of active filters.\r\n   */\r\n  protected get sourceRows(): any[] {\r\n    return (this.grid as any)?.sourceRows ?? [];\r\n  }\r\n\r\n  /**\r\n   * Get the current columns from the grid.\r\n   */\r\n  protected get columns(): ColumnConfig[] {\r\n    return this.grid?.columns ?? [];\r\n  }\r\n\r\n  /**\r\n   * Get only visible columns from the grid (excludes hidden).\r\n   * Use this for rendering that needs to match the grid template.\r\n   */\r\n  protected get visibleColumns(): ColumnConfig[] {\r\n    return (this.grid as any)?.visibleColumns ?? [];\r\n  }\r\n\r\n  /**\r\n   * Get the shadow root of the grid.\r\n   */\r\n  protected get shadowRoot(): ShadowRoot | null {\r\n    return this.grid?.shadowRoot ?? null;\r\n  }\r\n\r\n  /**\r\n   * Log a warning message.\r\n   */\r\n  protected warn(message: string): void {\r\n    console.warn(`[tbw-grid:${this.name}] ${message}`);\r\n  }\r\n\r\n  // ===== Lifecycle Hooks (override as needed) =====\r\n\r\n  /**\r\n   * Transform rows before rendering.\r\n   * Called during each render cycle before rows are rendered to the DOM.\r\n   * Use this to filter, sort, or add computed properties to rows.\r\n   *\r\n   * @param rows - The current rows array (readonly to encourage returning a new array)\r\n   * @returns The modified rows array to render\r\n   *\r\n   * @example\r\n   * ```ts\r\n   * processRows(rows: readonly any[]): any[] {\r\n   *   // Filter out hidden rows\r\n   *   return rows.filter(row => !row._hidden);\r\n   * }\r\n   * ```\r\n   *\r\n   * @example\r\n   * ```ts\r\n   * processRows(rows: readonly any[]): any[] {\r\n   *   // Add computed properties\r\n   *   return rows.map(row => ({\r\n   *     ...row,\r\n   *     _fullName: `${row.firstName} ${row.lastName}`\r\n   *   }));\r\n   * }\r\n   * ```\r\n   */\r\n  processRows?(rows: readonly any[]): any[];\r\n\r\n  /**\r\n   * Transform columns before rendering.\r\n   * Called during each render cycle before column headers and cells are rendered.\r\n   * Use this to add, remove, or modify column definitions.\r\n   *\r\n   * @param columns - The current columns array (readonly to encourage returning a new array)\r\n   * @returns The modified columns array to render\r\n   *\r\n   * @example\r\n   * ```ts\r\n   * processColumns(columns: readonly ColumnConfig[]): ColumnConfig[] {\r\n   *   // Add a selection checkbox column\r\n   *   return [\r\n   *     { field: '_select', header: '', width: 40 },\r\n   *     ...columns\r\n   *   ];\r\n   * }\r\n   * ```\r\n   */\r\n  processColumns?(columns: readonly ColumnConfig[]): ColumnConfig[];\r\n\r\n  /**\r\n   * Called before each render cycle begins.\r\n   * Use this to prepare state or cache values needed during rendering.\r\n   *\r\n   * @example\r\n   * ```ts\r\n   * beforeRender(): void {\r\n   *   this.visibleRowCount = this.calculateVisibleRows();\r\n   * }\r\n   * ```\r\n   */\r\n  beforeRender?(): void;\r\n\r\n  /**\r\n   * Called after each render cycle completes.\r\n   * Use this for DOM manipulation, adding event listeners to rendered elements,\r\n   * or applying visual effects like selection highlights.\r\n   *\r\n   * @example\r\n   * ```ts\r\n   * afterRender(): void {\r\n   *   // Apply selection styling to rendered rows\r\n   *   const rows = this.shadowRoot?.querySelectorAll('.data-row');\r\n   *   rows?.forEach((row, i) => {\r\n   *     row.classList.toggle('selected', this.selectedRows.has(i));\r\n   *   });\r\n   * }\r\n   * ```\r\n   */\r\n  afterRender?(): void;\r\n\r\n  /**\r\n   * Render a custom row, bypassing the default row rendering.\r\n   * Use this for special row types like group headers, detail rows, or footers.\r\n   *\r\n   * @param row - The row data object\r\n   * @param rowEl - The row DOM element to render into\r\n   * @param rowIndex - The index of the row in the data array\r\n   * @returns `true` if the plugin handled rendering (prevents default), `false`/`void` for default rendering\r\n   *\r\n   * @example\r\n   * ```ts\r\n   * renderRow(row: any, rowEl: HTMLElement, rowIndex: number): boolean | void {\r\n   *   if (row._isGroupHeader) {\r\n   *     rowEl.innerHTML = `<div class=\"group-header\">${row._groupLabel}</div>`;\r\n   *     return true; // Handled - skip default rendering\r\n   *   }\r\n   *   // Return void to let default rendering proceed\r\n   * }\r\n   * ```\r\n   */\r\n  renderRow?(row: any, rowEl: HTMLElement, rowIndex: number): boolean | void;\r\n\r\n  // ===== Interaction Hooks (override as needed) =====\r\n\r\n  /**\r\n   * Handle keyboard events on the grid.\r\n   * Called when a key is pressed while the grid or a cell has focus.\r\n   *\r\n   * @param event - The native KeyboardEvent\r\n   * @returns `true` to prevent default behavior and stop propagation, `false`/`void` to allow default\r\n   *\r\n   * @example\r\n   * ```ts\r\n   * onKeyDown(event: KeyboardEvent): boolean | void {\r\n   *   // Handle Ctrl+A for select all\r\n   *   if (event.ctrlKey && event.key === 'a') {\r\n   *     this.selectAllRows();\r\n   *     return true; // Prevent default browser select-all\r\n   *   }\r\n   * }\r\n   * ```\r\n   */\r\n  onKeyDown?(event: KeyboardEvent): boolean | void;\r\n\r\n  /**\r\n   * Handle cell click events.\r\n   * Called when a data cell is clicked (not headers).\r\n   *\r\n   * @param event - Cell click event with row/column context\r\n   * @returns `true` to prevent default behavior and stop propagation, `false`/`void` to allow default\r\n   *\r\n   * @example\r\n   * ```ts\r\n   * onCellClick(event: CellClickEvent): boolean | void {\r\n   *   if (event.field === '_select') {\r\n   *     this.toggleRowSelection(event.rowIndex);\r\n   *     return true; // Handled\r\n   *   }\r\n   * }\r\n   * ```\r\n   */\r\n  onCellClick?(event: CellClickEvent): boolean | void;\r\n\r\n  /**\r\n   * Handle row click events.\r\n   * Called when any part of a data row is clicked.\r\n   * Note: This is called in addition to onCellClick, not instead of.\r\n   *\r\n   * @param event - Row click event with row context\r\n   * @returns `true` to prevent default behavior and stop propagation, `false`/`void` to allow default\r\n   *\r\n   * @example\r\n   * ```ts\r\n   * onRowClick(event: RowClickEvent): boolean | void {\r\n   *   if (this.config.mode === 'row') {\r\n   *     this.selectRow(event.rowIndex, event.originalEvent);\r\n   *     return true;\r\n   *   }\r\n   * }\r\n   * ```\r\n   */\r\n  onRowClick?(event: RowClickEvent): boolean | void;\r\n\r\n  /**\r\n   * Handle header click events.\r\n   * Called when a column header is clicked. Commonly used for sorting.\r\n   *\r\n   * @param event - Header click event with column context\r\n   * @returns `true` to prevent default behavior and stop propagation, `false`/`void` to allow default\r\n   *\r\n   * @example\r\n   * ```ts\r\n   * onHeaderClick(event: HeaderClickEvent): boolean | void {\r\n   *   if (event.column.sortable !== false) {\r\n   *     this.toggleSort(event.field);\r\n   *     return true;\r\n   *   }\r\n   * }\r\n   * ```\r\n   */\r\n  onHeaderClick?(event: HeaderClickEvent): boolean | void;\r\n\r\n  /**\r\n   * Handle scroll events on the grid viewport.\r\n   * Called during scrolling. Note: This may be called frequently; debounce if needed.\r\n   *\r\n   * @param event - Scroll event with scroll position and viewport dimensions\r\n   *\r\n   * @example\r\n   * ```ts\r\n   * onScroll(event: ScrollEvent): void {\r\n   *   // Update sticky column positions\r\n   *   this.updateStickyPositions(event.scrollLeft);\r\n   * }\r\n   * ```\r\n   */\r\n  onScroll?(event: ScrollEvent): void;\r\n\r\n  /**\r\n   * Handle cell mousedown events.\r\n   * Used for initiating drag operations like range selection or column resize.\r\n   *\r\n   * @param event - Mouse event with cell context\r\n   * @returns `true` to indicate drag started (prevents text selection), `false`/`void` otherwise\r\n   *\r\n   * @example\r\n   * ```ts\r\n   * onCellMouseDown(event: CellMouseEvent): boolean | void {\r\n   *   if (event.rowIndex !== undefined && this.config.mode === 'range') {\r\n   *     this.startDragSelection(event.rowIndex, event.colIndex);\r\n   *     return true; // Prevent text selection\r\n   *   }\r\n   * }\r\n   * ```\r\n   */\r\n  onCellMouseDown?(event: CellMouseEvent): boolean | void;\r\n\r\n  /**\r\n   * Handle cell mousemove events during drag operations.\r\n   * Only called when a drag is in progress (after mousedown returned true).\r\n   *\r\n   * @param event - Mouse event with current cell context\r\n   * @returns `true` to continue handling the drag, `false`/`void` otherwise\r\n   *\r\n   * @example\r\n   * ```ts\r\n   * onCellMouseMove(event: CellMouseEvent): boolean | void {\r\n   *   if (this.isDragging && event.rowIndex !== undefined) {\r\n   *     this.extendSelection(event.rowIndex, event.colIndex);\r\n   *     return true;\r\n   *   }\r\n   * }\r\n   * ```\r\n   */\r\n  onCellMouseMove?(event: CellMouseEvent): boolean | void;\r\n\r\n  /**\r\n   * Handle cell mouseup events to end drag operations.\r\n   *\r\n   * @param event - Mouse event with final cell context\r\n   * @returns `true` if drag was finalized, `false`/`void` otherwise\r\n   *\r\n   * @example\r\n   * ```ts\r\n   * onCellMouseUp(event: CellMouseEvent): boolean | void {\r\n   *   if (this.isDragging) {\r\n   *     this.finalizeDragSelection();\r\n   *     this.isDragging = false;\r\n   *     return true;\r\n   *   }\r\n   * }\r\n   * ```\r\n   */\r\n  onCellMouseUp?(event: CellMouseEvent): boolean | void;\r\n\r\n  /**\r\n   * Provide context menu items when right-clicking on the grid.\r\n   * Multiple plugins can contribute items; they are merged into a single menu.\r\n   *\r\n   * @param params - Context about where the menu was triggered (row, column, etc.)\r\n   * @returns Array of menu items to display\r\n   *\r\n   * @example\r\n   * ```ts\r\n   * getContextMenuItems(params: ContextMenuParams): ContextMenuItem[] {\r\n   *   if (params.isHeader) {\r\n   *     return [\r\n   *       { id: 'sort-asc', label: 'Sort Ascending', action: () => this.sortAsc(params.field) },\r\n   *       { id: 'sort-desc', label: 'Sort Descending', action: () => this.sortDesc(params.field) },\r\n   *     ];\r\n   *   }\r\n   *   return [\r\n   *     { id: 'copy', label: 'Copy Cell', action: () => this.copyCell(params) },\r\n   *   ];\r\n   * }\r\n   * ```\r\n   */\r\n  getContextMenuItems?(params: ContextMenuParams): ContextMenuItem[];\r\n\r\n  // ===== Column State Hooks (override as needed) =====\r\n\r\n  /**\r\n   * Contribute plugin-specific state for a column.\r\n   * Called by the grid when collecting column state for serialization.\r\n   * Plugins can add their own properties to the column state.\r\n   *\r\n   * @param field - The field name of the column\r\n   * @returns Partial column state with plugin-specific properties, or undefined if no state to contribute\r\n   *\r\n   * @example\r\n   * ```ts\r\n   * getColumnState(field: string): Partial<ColumnState> | undefined {\r\n   *   const filterModel = this.filterModels.get(field);\r\n   *   if (filterModel) {\r\n   *     // Uses module augmentation to add filter property to ColumnState\r\n   *     return { filter: filterModel } as Partial<ColumnState>;\r\n   *   }\r\n   *   return undefined;\r\n   * }\r\n   * ```\r\n   */\r\n  getColumnState?(field: string): Partial<ColumnState> | undefined;\r\n\r\n  /**\r\n   * Apply plugin-specific state to a column.\r\n   * Called by the grid when restoring column state from serialized data.\r\n   * Plugins should restore their internal state based on the provided state.\r\n   *\r\n   * @param field - The field name of the column\r\n   * @param state - The column state to apply (may contain plugin-specific properties)\r\n   *\r\n   * @example\r\n   * ```ts\r\n   * applyColumnState(field: string, state: ColumnState): void {\r\n   *   // Check for filter property added via module augmentation\r\n   *   const filter = (state as any).filter;\r\n   *   if (filter) {\r\n   *     this.filterModels.set(field, filter);\r\n   *     this.applyFilter();\r\n   *   }\r\n   * }\r\n   * ```\r\n   */\r\n  applyColumnState?(field: string, state: ColumnState): void;\r\n\r\n  // ===== Shell Integration Hooks (override as needed) =====\r\n\r\n  /**\r\n   * Register a tool panel for this plugin.\r\n   * Return undefined if plugin has no tool panel.\r\n   * The shell will create a toolbar toggle button and render the panel content\r\n   * when the user opens the panel.\r\n   *\r\n   * @returns Tool panel definition, or undefined if plugin has no panel\r\n   *\r\n   * @example\r\n   * ```ts\r\n   * getToolPanel(): ToolPanelDefinition | undefined {\r\n   *   return {\r\n   *     id: 'columns',\r\n   *     title: 'Columns',\r\n   *     icon: '☰',\r\n   *     tooltip: 'Show/hide columns',\r\n   *     order: 10,\r\n   *     render: (container) => {\r\n   *       this.renderColumnList(container);\r\n   *       return () => this.cleanup();\r\n   *     },\r\n   *   };\r\n   * }\r\n   * ```\r\n   */\r\n  getToolPanel?(): ToolPanelDefinition | undefined;\r\n\r\n  /**\r\n   * Register content for the shell header center section.\r\n   * Return undefined if plugin has no header content.\r\n   * Examples: search input, selection summary, status indicators.\r\n   *\r\n   * @returns Header content definition, or undefined if plugin has no header content\r\n   *\r\n   * @example\r\n   * ```ts\r\n   * getHeaderContent(): HeaderContentDefinition | undefined {\r\n   *   return {\r\n   *     id: 'quick-filter',\r\n   *     order: 10,\r\n   *     render: (container) => {\r\n   *       const input = document.createElement('input');\r\n   *       input.type = 'text';\r\n   *       input.placeholder = 'Search...';\r\n   *       input.addEventListener('input', this.handleInput);\r\n   *       container.appendChild(input);\r\n   *       return () => input.removeEventListener('input', this.handleInput);\r\n   *     },\r\n   *   };\r\n   * }\r\n   * ```\r\n   */\r\n  getHeaderContent?(): HeaderContentDefinition | undefined;\r\n}\r\n","/**\n * Aggregators Core Registry\n *\n * Provides a central registry for aggregator functions.\n * Built-in aggregators are provided by default.\n * Plugins can register additional aggregators.\n *\n * The registry is exposed as a singleton object that can be accessed:\n * - By ES module imports: import { aggregatorRegistry } from '@toolbox-web/grid'\n * - By UMD/CDN: TbwGrid.aggregatorRegistry\n * - By plugins via context: ctx.aggregatorRegistry\n */\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nexport type AggregatorFn = (rows: any[], field: string, column?: any) => any;\nexport type AggregatorRef = string | AggregatorFn;\n\n/** Built-in aggregator functions */\nconst builtInAggregators: Record<string, AggregatorFn> = {\n  sum: (rows, field) => rows.reduce((acc, row) => acc + (Number(row[field]) || 0), 0),\n  avg: (rows, field) => {\n    const sum = rows.reduce((acc, row) => acc + (Number(row[field]) || 0), 0);\n    return rows.length ? sum / rows.length : 0;\n  },\n  count: (rows) => rows.length,\n  min: (rows, field) => Math.min(...rows.map((r) => Number(r[field]) || Infinity)),\n  max: (rows, field) => Math.max(...rows.map((r) => Number(r[field]) || -Infinity)),\n  first: (rows, field) => rows[0]?.[field],\n  last: (rows, field) => rows[rows.length - 1]?.[field],\n};\n\n/** Custom aggregator registry (for plugins to add to) */\nconst customAggregators: Map<string, AggregatorFn> = new Map();\n\n/**\n * The aggregator registry singleton.\n * Plugins should access this through context or the global namespace.\n */\nexport const aggregatorRegistry = {\n  /**\n   * Register a custom aggregator function.\n   */\n  register(name: string, fn: AggregatorFn): void {\n    customAggregators.set(name, fn);\n  },\n\n  /**\n   * Unregister a custom aggregator function.\n   */\n  unregister(name: string): void {\n    customAggregators.delete(name);\n  },\n\n  /**\n   * Get an aggregator function by reference.\n   */\n  get(ref: AggregatorRef | undefined): AggregatorFn | undefined {\n    if (ref === undefined) return undefined;\n    if (typeof ref === 'function') return ref;\n    // Check custom first, then built-in\n    return customAggregators.get(ref) ?? builtInAggregators[ref];\n  },\n\n  /**\n   * Run an aggregator on a set of rows.\n   */\n  run(ref: AggregatorRef | undefined, rows: any[], field: string, column?: any): any {\n    const fn = this.get(ref);\n    return fn ? fn(rows, field, column) : undefined;\n  },\n\n  /**\n   * Check if an aggregator exists.\n   */\n  has(name: string): boolean {\n    return customAggregators.has(name) || name in builtInAggregators;\n  },\n\n  /**\n   * List all available aggregator names.\n   */\n  list(): string[] {\n    return [...Object.keys(builtInAggregators), ...customAggregators.keys()];\n  },\n};\n\n// Legacy function exports for backward compatibility\nexport const registerAggregator = aggregatorRegistry.register.bind(aggregatorRegistry);\nexport const unregisterAggregator = aggregatorRegistry.unregister.bind(aggregatorRegistry);\nexport const getAggregator = aggregatorRegistry.get.bind(aggregatorRegistry);\nexport const runAggregator = aggregatorRegistry.run.bind(aggregatorRegistry);\nexport const listAggregators = aggregatorRegistry.list.bind(aggregatorRegistry);\n","/**\n * Status Bar Rendering Logic\n *\n * Pure functions for creating and updating the status bar UI.\n * Includes both info bar and aggregation row rendering.\n */\n\nimport type { PinnedRowsPanel, PinnedRowsContext, PinnedRowsConfig, AggregationRowConfig } from './types';\nimport type { ColumnConfig } from '../../core/types';\nimport { getAggregator } from '../../core/internal/aggregators';\n\n/**\n * Creates the info bar DOM element with all configured panels.\n *\n * @param config - The status bar configuration\n * @param context - The current grid context for rendering\n * @returns The complete info bar element\n */\nexport function createInfoBarElement(config: PinnedRowsConfig, context: PinnedRowsContext): HTMLElement {\n  const pinnedRows = document.createElement('div');\n  pinnedRows.className = 'tbw-pinned-rows';\n  pinnedRows.setAttribute('role', 'status');\n  pinnedRows.setAttribute('aria-live', 'polite');\n\n  const left = document.createElement('div');\n  left.className = 'tbw-pinned-rows-left';\n\n  const center = document.createElement('div');\n  center.className = 'tbw-pinned-rows-center';\n\n  const right = document.createElement('div');\n  right.className = 'tbw-pinned-rows-right';\n\n  // Default panels - row count\n  if (config.showRowCount !== false) {\n    const rowCount = document.createElement('span');\n    rowCount.className = 'tbw-status-panel tbw-status-panel-row-count';\n    rowCount.textContent = `Total: ${context.totalRows} rows`;\n    left.appendChild(rowCount);\n  }\n\n  // Filtered count panel (only shows when filter is active)\n  if (config.showFilteredCount && context.filteredRows !== context.totalRows) {\n    const filteredCount = document.createElement('span');\n    filteredCount.className = 'tbw-status-panel tbw-status-panel-filtered-count';\n    filteredCount.textContent = `Filtered: ${context.filteredRows}`;\n    left.appendChild(filteredCount);\n  }\n\n  // Selected count panel (only shows when rows are selected)\n  if (config.showSelectedCount && context.selectedRows > 0) {\n    const selectedCount = document.createElement('span');\n    selectedCount.className = 'tbw-status-panel tbw-status-panel-selected-count';\n    selectedCount.textContent = `Selected: ${context.selectedRows}`;\n    right.appendChild(selectedCount);\n  }\n\n  // Render custom panels\n  if (config.customPanels) {\n    for (const panel of config.customPanels) {\n      const panelEl = renderCustomPanel(panel, context);\n      switch (panel.position) {\n        case 'left':\n          left.appendChild(panelEl);\n          break;\n        case 'center':\n          center.appendChild(panelEl);\n          break;\n        case 'right':\n          right.appendChild(panelEl);\n          break;\n      }\n    }\n  }\n\n  pinnedRows.appendChild(left);\n  pinnedRows.appendChild(center);\n  pinnedRows.appendChild(right);\n\n  return pinnedRows;\n}\n\n/**\n * Creates a container for aggregation rows at top or bottom.\n *\n * @param position - 'top' or 'bottom'\n * @returns The container element\n */\nexport function createAggregationContainer(position: 'top' | 'bottom'): HTMLElement {\n  const container = document.createElement('div');\n  container.className = `tbw-aggregation-rows tbw-aggregation-rows-${position}`;\n  container.setAttribute('role', 'rowgroup');\n  return container;\n}\n\n/**\n * Renders aggregation rows into a container.\n *\n * @param container - The container to render into\n * @param rows - Aggregation row configurations\n * @param columns - Current column configuration\n * @param dataRows - Current row data for aggregation calculations\n */\nexport function renderAggregationRows(\n  container: HTMLElement,\n  rows: AggregationRowConfig[],\n  columns: ColumnConfig[],\n  dataRows: unknown[]\n): void {\n  container.innerHTML = '';\n\n  for (const rowConfig of rows) {\n    const rowEl = document.createElement('div');\n    rowEl.className = 'tbw-aggregation-row';\n    rowEl.setAttribute('role', 'row');\n    if (rowConfig.id) {\n      rowEl.setAttribute('data-aggregation-id', rowConfig.id);\n    }\n\n    if (rowConfig.fullWidth) {\n      // Full-width mode: single cell spanning all columns\n      const cell = document.createElement('div');\n      cell.className = 'tbw-aggregation-cell tbw-aggregation-cell-full';\n      cell.style.gridColumn = '1 / -1';\n      cell.textContent = rowConfig.label || '';\n      rowEl.appendChild(cell);\n    } else {\n      // Per-column mode: one cell per column with aggregated/static values\n      for (const col of columns) {\n        const cell = document.createElement('div');\n        cell.className = 'tbw-aggregation-cell';\n        cell.setAttribute('data-field', col.field);\n\n        let value: unknown;\n\n        // Check for aggregator first\n        const aggRef = rowConfig.aggregators?.[col.field];\n        if (aggRef) {\n          const aggFn = getAggregator(aggRef);\n          if (aggFn) {\n            value = aggFn(dataRows, col.field, col);\n          }\n        } else if (rowConfig.cells && Object.prototype.hasOwnProperty.call(rowConfig.cells, col.field)) {\n          // Static or computed cell value\n          const staticVal = rowConfig.cells[col.field];\n          if (typeof staticVal === 'function') {\n            value = staticVal(dataRows, col.field, col);\n          } else {\n            value = staticVal;\n          }\n        }\n\n        cell.textContent = value != null ? String(value) : '';\n        rowEl.appendChild(cell);\n      }\n    }\n\n    container.appendChild(rowEl);\n  }\n}\n\n/**\n * Renders a custom panel element.\n *\n * @param panel - The panel definition\n * @param context - The current grid context\n * @returns The panel DOM element\n */\nfunction renderCustomPanel(panel: PinnedRowsPanel, context: PinnedRowsContext): HTMLElement {\n  const panelEl = document.createElement('div');\n  panelEl.className = 'tbw-status-panel tbw-status-panel-custom';\n  panelEl.id = `status-panel-${panel.id}`;\n\n  const content = panel.render(context);\n\n  if (typeof content === 'string') {\n    panelEl.innerHTML = content;\n  } else {\n    panelEl.appendChild(content);\n  }\n\n  return panelEl;\n}\n\n/**\n * Builds the status bar context from grid state and plugin states.\n *\n * @param rows - Current row data\n * @param columns - Current column configuration\n * @param grid - Grid element reference\n * @param selectionState - Optional selection plugin state\n * @param filterState - Optional filtering plugin state\n * @returns The status bar context\n */\nexport function buildContext(\n  rows: unknown[],\n  columns: unknown[],\n  grid: HTMLElement,\n  selectionState?: { selected: Set<number> } | null,\n  filterState?: { cachedResult: unknown[] | null } | null\n): PinnedRowsContext {\n  return {\n    totalRows: rows.length,\n    filteredRows: filterState?.cachedResult?.length ?? rows.length,\n    selectedRows: selectionState?.selected?.size ?? 0,\n    columns: columns as PinnedRowsContext['columns'],\n    rows,\n    grid,\n  };\n}\n\n// Keep old name as alias for backwards compatibility\nexport const createPinnedRowsElement = createInfoBarElement;\n","/**\n * Pinned Rows Plugin (Class-based)\n *\n * Adds info bars and aggregation rows to the grid.\n * - Info bar: Shows row counts, selection info, and custom panels\n * - Aggregation rows: Footer/header rows with computed values (sum, avg, etc.)\n */\n\nimport { BaseGridPlugin } from '../../core/plugin/base-plugin';\nimport type { ColumnConfig } from '../../core/types';\nimport { buildContext, createAggregationContainer, createInfoBarElement, renderAggregationRows } from './pinned-rows';\nimport type { AggregationRowConfig, PinnedRowsConfig, PinnedRowsContext, PinnedRowsPanel } from './types';\n\n/**\n * Pinned Rows Plugin for tbw-grid\n *\n * @example\n * ```ts\n * new PinnedRowsPlugin({\n *   enabled: true,\n *   position: 'bottom',\n *   showRowCount: true,\n *   showSelectedCount: true,\n *   aggregationRows: [\n *     { id: 'totals', position: 'bottom', values: { amount: 'sum' } },\n *   ],\n * })\n * ```\n */\nexport class PinnedRowsPlugin extends BaseGridPlugin<PinnedRowsConfig> {\n  readonly name = 'pinnedRows';\n  override readonly version = '1.0.0';\n\n  protected override get defaultConfig(): Partial<PinnedRowsConfig> {\n    return {\n      enabled: true,\n      position: 'bottom',\n      showRowCount: true,\n      showSelectedCount: true,\n      showFilteredCount: true,\n    };\n  }\n\n  // ===== Internal State =====\n  private infoBarElement: HTMLElement | null = null;\n  private topAggregationContainer: HTMLElement | null = null;\n  private bottomAggregationContainer: HTMLElement | null = null;\n  private footerWrapper: HTMLElement | null = null;\n\n  // ===== Lifecycle =====\n\n  override detach(): void {\n    if (this.infoBarElement) {\n      this.infoBarElement.remove();\n      this.infoBarElement = null;\n    }\n    if (this.topAggregationContainer) {\n      this.topAggregationContainer.remove();\n      this.topAggregationContainer = null;\n    }\n    if (this.bottomAggregationContainer) {\n      this.bottomAggregationContainer.remove();\n      this.bottomAggregationContainer = null;\n    }\n    if (this.footerWrapper) {\n      this.footerWrapper.remove();\n      this.footerWrapper = null;\n    }\n  }\n\n  // ===== Hooks =====\n\n  override afterRender(): void {\n    if (!this.config.enabled) {\n      this.cleanup();\n      return;\n    }\n\n    const shadowRoot = this.shadowRoot;\n    if (!shadowRoot) return;\n\n    // Use .tbw-scroll-area so footer is inside the horizontal scroll area,\n    // otherwise fall back to .tbw-grid-content or root container\n    const container =\n      shadowRoot.querySelector('.tbw-scroll-area') ??\n      shadowRoot.querySelector('.tbw-grid-content') ??\n      shadowRoot.children[0];\n    if (!container) return;\n\n    // Build context with plugin states\n    const selectionState = this.getSelectionState();\n    const filterState = this.getFilterState();\n\n    const context = buildContext(\n      this.rows as unknown[],\n      this.columns as unknown[],\n      this.grid as unknown as HTMLElement,\n      selectionState,\n      filterState\n    );\n\n    // ===== Handle Aggregation Rows =====\n    const aggregationRows = this.config.aggregationRows || [];\n    const topRows = aggregationRows.filter((r) => r.position === 'top');\n    const bottomRows = aggregationRows.filter((r) => r.position !== 'top');\n\n    // Top aggregation rows\n    if (topRows.length > 0) {\n      if (!this.topAggregationContainer) {\n        this.topAggregationContainer = createAggregationContainer('top');\n        const header = shadowRoot.querySelector('.header');\n        if (header && header.nextSibling) {\n          container.insertBefore(this.topAggregationContainer, header.nextSibling);\n        } else {\n          container.appendChild(this.topAggregationContainer);\n        }\n      }\n      renderAggregationRows(\n        this.topAggregationContainer,\n        topRows,\n        this.visibleColumns as ColumnConfig[],\n        this.rows as unknown[]\n      );\n    } else if (this.topAggregationContainer) {\n      this.topAggregationContainer.remove();\n      this.topAggregationContainer = null;\n    }\n\n    // Handle footer\n    const hasInfoContent =\n      this.config.showRowCount !== false ||\n      (this.config.showSelectedCount && context.selectedRows > 0) ||\n      (this.config.showFilteredCount && context.filteredRows !== context.totalRows) ||\n      (this.config.customPanels && this.config.customPanels.length > 0);\n    const hasBottomInfoBar = hasInfoContent && this.config.position !== 'top';\n    const needsFooter = bottomRows.length > 0 || hasBottomInfoBar;\n\n    // Handle top info bar\n    if (hasInfoContent && this.config.position === 'top') {\n      if (!this.infoBarElement) {\n        this.infoBarElement = createInfoBarElement(this.config, context);\n        container.insertBefore(this.infoBarElement, container.firstChild);\n      } else {\n        const newInfoBar = createInfoBarElement(this.config, context);\n        this.infoBarElement.replaceWith(newInfoBar);\n        this.infoBarElement = newInfoBar;\n      }\n    } else if (this.config.position === 'top' && this.infoBarElement) {\n      this.infoBarElement.remove();\n      this.infoBarElement = null;\n    }\n\n    // Create/manage footer wrapper\n    if (needsFooter) {\n      if (!this.footerWrapper) {\n        this.footerWrapper = document.createElement('div');\n        this.footerWrapper.className = 'tbw-footer';\n        container.appendChild(this.footerWrapper);\n      }\n\n      this.footerWrapper.innerHTML = '';\n\n      if (bottomRows.length > 0) {\n        if (!this.bottomAggregationContainer) {\n          this.bottomAggregationContainer = createAggregationContainer('bottom');\n        }\n        this.footerWrapper.appendChild(this.bottomAggregationContainer);\n        renderAggregationRows(\n          this.bottomAggregationContainer,\n          bottomRows,\n          this.visibleColumns as ColumnConfig[],\n          this.rows as unknown[]\n        );\n      }\n\n      if (hasBottomInfoBar) {\n        this.infoBarElement = createInfoBarElement(this.config, context);\n        this.footerWrapper.appendChild(this.infoBarElement);\n      }\n    } else {\n      this.cleanupFooter();\n    }\n  }\n\n  // ===== Private Methods =====\n\n  private cleanup(): void {\n    if (this.infoBarElement) {\n      this.infoBarElement.remove();\n      this.infoBarElement = null;\n    }\n    if (this.topAggregationContainer) {\n      this.topAggregationContainer.remove();\n      this.topAggregationContainer = null;\n    }\n    if (this.bottomAggregationContainer) {\n      this.bottomAggregationContainer.remove();\n      this.bottomAggregationContainer = null;\n    }\n    if (this.footerWrapper) {\n      this.footerWrapper.remove();\n      this.footerWrapper = null;\n    }\n  }\n\n  private cleanupFooter(): void {\n    if (this.footerWrapper) {\n      this.footerWrapper.remove();\n      this.footerWrapper = null;\n    }\n    if (this.bottomAggregationContainer) {\n      this.bottomAggregationContainer.remove();\n      this.bottomAggregationContainer = null;\n    }\n    if (this.infoBarElement && this.config.position !== 'top') {\n      this.infoBarElement.remove();\n      this.infoBarElement = null;\n    }\n  }\n\n  private getSelectionState(): { selected: Set<number> } | null {\n    // Try to get selection plugin state\n    try {\n      const grid = this.grid as any;\n      return grid?.getPluginState?.('selection') ?? null;\n    } catch {\n      return null;\n    }\n  }\n\n  private getFilterState(): { cachedResult: unknown[] | null } | null {\n    try {\n      const grid = this.grid as any;\n      return grid?.getPluginState?.('filtering') ?? null;\n    } catch {\n      return null;\n    }\n  }\n\n  // ===== Public API =====\n\n  /**\n   * Refresh the status bar to reflect current grid state.\n   */\n  refresh(): void {\n    this.requestRender();\n  }\n\n  /**\n   * Get the current status bar context.\n   * @returns The context with row counts and other info\n   */\n  getContext(): PinnedRowsContext {\n    const selectionState = this.getSelectionState();\n    const filterState = this.getFilterState();\n\n    return buildContext(\n      this.rows as unknown[],\n      this.columns as unknown[],\n      this.grid as unknown as HTMLElement,\n      selectionState,\n      filterState\n    );\n  }\n\n  /**\n   * Add a custom panel to the info bar.\n   * @param panel - The panel configuration to add\n   */\n  addPanel(panel: PinnedRowsPanel): void {\n    if (!this.config.customPanels) {\n      this.config.customPanels = [];\n    }\n    this.config.customPanels.push(panel);\n    this.requestRender();\n  }\n\n  /**\n   * Remove a custom panel by ID.\n   * @param id - The panel ID to remove\n   */\n  removePanel(id: string): void {\n    if (this.config.customPanels) {\n      this.config.customPanels = this.config.customPanels.filter((p) => p.id !== id);\n      this.requestRender();\n    }\n  }\n\n  /**\n   * Add an aggregation row.\n   * @param row - The aggregation row configuration\n   */\n  addAggregationRow(row: AggregationRowConfig): void {\n    if (!this.config.aggregationRows) {\n      this.config.aggregationRows = [];\n    }\n    this.config.aggregationRows.push(row);\n    this.requestRender();\n  }\n\n  /**\n   * Remove an aggregation row by ID.\n   * @param id - The aggregation row ID to remove\n   */\n  removeAggregationRow(id: string): void {\n    if (this.config.aggregationRows) {\n      this.config.aggregationRows = this.config.aggregationRows.filter((r) => r.id !== id);\n      this.requestRender();\n    }\n  }\n\n  // ===== Styles =====\n\n  override readonly styles = `\n    .tbw-footer {\n      position: sticky;\n      bottom: 0;\n      z-index: var(--tbw-z-layer-pinned-rows, 20);\n      background: var(--tbw-color-panel-bg);\n    }\n\n    .tbw-pinned-rows {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 8px 12px;\n      background: var(--tbw-pinned-rows-bg, var(--tbw-color-panel-bg));\n      border-top: 1px solid var(--tbw-pinned-rows-border, var(--tbw-color-border));\n      font-size: 12px;\n      color: var(--tbw-pinned-rows-color, var(--tbw-color-fg-muted));\n      min-height: 32px;\n      box-sizing: border-box;\n      min-width: fit-content;\n    }\n    .tbw-pinned-rows-left,\n    .tbw-pinned-rows-center,\n    .tbw-pinned-rows-right {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n    }\n    .tbw-pinned-rows-left {\n      justify-content: flex-start;\n    }\n    .tbw-pinned-rows-center {\n      justify-content: center;\n      flex: 1;\n    }\n    .tbw-pinned-rows-right {\n      justify-content: flex-end;\n    }\n    .tbw-status-panel {\n      white-space: nowrap;\n    }\n\n    .tbw-aggregation-rows {\n      min-width: fit-content;\n      background: var(--tbw-aggregation-bg, var(--tbw-color-header-bg));\n    }\n    .tbw-aggregation-rows-top {\n      border-bottom: 1px solid var(--tbw-aggregation-border, var(--tbw-color-border));\n    }\n    .tbw-aggregation-rows-bottom {\n      border-top: 1px solid var(--tbw-aggregation-border, var(--tbw-color-border));\n    }\n    .tbw-aggregation-row {\n      display: grid;\n      grid-template-columns: var(--tbw-column-template);\n      font-weight: var(--tbw-aggregation-font-weight, 600);\n    }\n    .tbw-aggregation-cell {\n      padding: var(--tbw-cell-padding, 2px 8px);\n      min-height: var(--tbw-row-height, 28px);\n      display: flex;\n      align-items: center;\n      border-right: 1px solid var(--tbw-color-border-cell);\n    }\n    .tbw-aggregation-cell:last-child {\n      border-right: 0;\n    }\n    .tbw-aggregation-cell-full {\n      grid-column: 1 / -1;\n      border-right: 0;\n    }\n  `;\n}\n"],"names":["BaseGridPlugin","config","grid","PluginClass","eventName","detail","message","builtInAggregators","rows","field","acc","row","sum","r","customAggregators","aggregatorRegistry","name","fn","ref","column","getAggregator","createInfoBarElement","context","pinnedRows","left","center","right","rowCount","filteredCount","selectedCount","panel","panelEl","renderCustomPanel","createAggregationContainer","position","container","renderAggregationRows","columns","dataRows","rowConfig","rowEl","cell","col","value","aggRef","aggFn","staticVal","content","buildContext","selectionState","filterState","PinnedRowsPlugin","shadowRoot","aggregationRows","topRows","bottomRows","header","hasInfoContent","hasBottomInfoBar","needsFooter","newInfoBar","id","p"],"mappings":"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"}