@toolbox-web/grid 1.26.1 → 1.27.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/all.js +2 -2
- package/all.js.map +1 -1
- package/index.js +1 -1
- package/index.js.map +1 -1
- package/lib/core/grid.d.ts +64 -1
- package/lib/core/internal/diagnostics.d.ts +4 -3
- package/lib/core/internal/row-manager.d.ts +3 -1
- package/lib/core/plugin/base-plugin.d.ts +2 -2
- package/lib/core/types.d.ts +59 -3
- package/lib/features/registry.js.map +1 -1
- package/lib/plugins/clipboard/ClipboardPlugin.d.ts +1 -1
- package/lib/plugins/clipboard/index.js.map +1 -1
- package/lib/plugins/column-virtualization/index.js.map +1 -1
- package/lib/plugins/context-menu/ContextMenuPlugin.d.ts +24 -5
- package/lib/plugins/context-menu/index.js.map +1 -1
- package/lib/plugins/editing/EditingPlugin.d.ts +1 -1
- package/lib/plugins/editing/index.js.map +1 -1
- package/lib/plugins/export/ExportPlugin.d.ts +1 -1
- package/lib/plugins/export/index.js.map +1 -1
- package/lib/plugins/filtering/index.d.ts +2 -2
- package/lib/plugins/filtering/index.js +1 -1
- package/lib/plugins/filtering/index.js.map +1 -1
- package/lib/plugins/grouping-columns/GroupingColumnsPlugin.d.ts +2 -2
- package/lib/plugins/grouping-columns/grouping-columns.d.ts +18 -3
- package/lib/plugins/grouping-columns/index.d.ts +0 -1
- package/lib/plugins/grouping-columns/index.js +1 -1
- package/lib/plugins/grouping-columns/index.js.map +1 -1
- package/lib/plugins/grouping-columns/types.d.ts +1 -7
- package/lib/plugins/grouping-rows/index.d.ts +2 -1
- package/lib/plugins/grouping-rows/index.js +1 -1
- package/lib/plugins/grouping-rows/index.js.map +1 -1
- package/lib/plugins/master-detail/MasterDetailPlugin.d.ts +2 -0
- package/lib/plugins/master-detail/index.js +1 -1
- package/lib/plugins/master-detail/index.js.map +1 -1
- package/lib/plugins/master-detail/types.d.ts +20 -1
- package/lib/plugins/multi-sort/index.js.map +1 -1
- package/lib/plugins/pinned-columns/PinnedColumnsPlugin.d.ts +8 -1
- package/lib/plugins/pinned-columns/index.js +1 -1
- package/lib/plugins/pinned-columns/index.js.map +1 -1
- package/lib/plugins/pinned-columns/pinned-columns.d.ts +11 -1
- package/lib/plugins/pinned-rows/index.d.ts +1 -1
- package/lib/plugins/pinned-rows/index.js +1 -1
- package/lib/plugins/pinned-rows/index.js.map +1 -1
- package/lib/plugins/pinned-rows/types.d.ts +10 -3
- package/lib/plugins/pivot/PivotPlugin.d.ts +107 -1
- package/lib/plugins/pivot/index.d.ts +2 -1
- package/lib/plugins/pivot/index.js +1 -1
- package/lib/plugins/pivot/index.js.map +1 -1
- package/lib/plugins/print/index.js.map +1 -1
- package/lib/plugins/print/types.d.ts +0 -3
- package/lib/plugins/reorder-columns/ReorderPlugin.d.ts +19 -2
- package/lib/plugins/reorder-columns/index.js +1 -1
- package/lib/plugins/reorder-columns/index.js.map +1 -1
- package/lib/plugins/reorder-rows/index.d.ts +1 -1
- package/lib/plugins/reorder-rows/index.js.map +1 -1
- package/lib/plugins/responsive/ResponsivePlugin.d.ts +1 -1
- package/lib/plugins/responsive/index.js +1 -1
- package/lib/plugins/responsive/index.js.map +1 -1
- package/lib/plugins/selection/SelectionPlugin.d.ts +1 -1
- package/lib/plugins/selection/index.js +1 -1
- package/lib/plugins/selection/index.js.map +1 -1
- package/lib/plugins/selection/types.d.ts +3 -3
- package/lib/plugins/server-side/ServerSidePlugin.d.ts +6 -1
- package/lib/plugins/server-side/index.js +1 -1
- package/lib/plugins/server-side/index.js.map +1 -1
- package/lib/plugins/tree/TreePlugin.d.ts +116 -0
- package/lib/plugins/tree/index.d.ts +1 -1
- package/lib/plugins/tree/index.js +1 -1
- package/lib/plugins/tree/index.js.map +1 -1
- package/lib/plugins/tree/types.d.ts +16 -1
- package/lib/plugins/undo-redo/UndoRedoPlugin.d.ts +1 -1
- package/lib/plugins/undo-redo/index.js.map +1 -1
- package/lib/plugins/undo-redo/types.d.ts +15 -3
- package/lib/plugins/visibility/VisibilityPlugin.d.ts +18 -5
- package/lib/plugins/visibility/index.js +1 -1
- package/lib/plugins/visibility/index.js.map +1 -1
- package/package.json +1 -1
- package/public.d.ts +2 -4
- package/themes/dg-theme-material.css +16 -4
- package/umd/grid.all.umd.js +1 -1
- package/umd/grid.all.umd.js.map +1 -1
- package/umd/grid.umd.js +1 -1
- package/umd/grid.umd.js.map +1 -1
- package/umd/plugins/clipboard.umd.js.map +1 -1
- package/umd/plugins/context-menu.umd.js.map +1 -1
- package/umd/plugins/editing.umd.js.map +1 -1
- package/umd/plugins/export.umd.js.map +1 -1
- package/umd/plugins/filtering.umd.js +1 -1
- package/umd/plugins/filtering.umd.js.map +1 -1
- package/umd/plugins/grouping-columns.umd.js +1 -1
- package/umd/plugins/grouping-columns.umd.js.map +1 -1
- package/umd/plugins/grouping-rows.umd.js +1 -1
- package/umd/plugins/grouping-rows.umd.js.map +1 -1
- package/umd/plugins/master-detail.umd.js +1 -1
- package/umd/plugins/master-detail.umd.js.map +1 -1
- package/umd/plugins/pinned-columns.umd.js +1 -1
- package/umd/plugins/pinned-columns.umd.js.map +1 -1
- package/umd/plugins/pinned-rows.umd.js +1 -1
- package/umd/plugins/pinned-rows.umd.js.map +1 -1
- package/umd/plugins/pivot.umd.js +1 -1
- package/umd/plugins/pivot.umd.js.map +1 -1
- package/umd/plugins/reorder-columns.umd.js +1 -1
- package/umd/plugins/reorder-columns.umd.js.map +1 -1
- package/umd/plugins/responsive.umd.js +1 -1
- package/umd/plugins/responsive.umd.js.map +1 -1
- package/umd/plugins/selection.umd.js +1 -1
- package/umd/plugins/selection.umd.js.map +1 -1
- package/umd/plugins/server-side.umd.js +1 -1
- package/umd/plugins/server-side.umd.js.map +1 -1
- package/umd/plugins/tree.umd.js +1 -1
- package/umd/plugins/tree.umd.js.map +1 -1
- package/umd/plugins/undo-redo.umd.js.map +1 -1
- package/umd/plugins/visibility.umd.js +1 -1
- package/umd/plugins/visibility.umd.js.map +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pivot.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/pivot/pivot-model.ts","../../../../../libs/grid/src/lib/plugins/pivot/pivot-engine.ts","../../../../../libs/grid/src/lib/plugins/pivot/pivot-panel.ts","../../../../../libs/grid/src/lib/plugins/pivot/PivotPlugin.ts","../../../../../libs/grid/src/lib/plugins/pivot/pivot-rows.ts"],"sourcesContent":["import { getValueAggregator } from '../../core/internal/aggregators';\nimport type { PivotConfig } from './types';\n\n// Re-export for backward compatibility within pivot plugin\nexport const getPivotAggregator = getValueAggregator;\n\nexport function validatePivotConfig(config: PivotConfig): string[] {\n const errors: string[] = [];\n\n if (!config.rowGroupFields?.length && !config.columnGroupFields?.length) {\n errors.push('At least one row or column group field is required');\n }\n\n if (!config.valueFields?.length) {\n errors.push('At least one value field is required');\n }\n\n return errors;\n}\n\nexport function createValueKey(columnValues: string[], valueField: string): string {\n return [...columnValues, valueField].join('|');\n}\n","import { createValueKey, getPivotAggregator } from './pivot-model';\nimport type { PivotConfig, PivotResult, PivotRow, PivotValueField } from './types';\n\nexport type PivotDataRow = Record<string, unknown>;\n\n/**\n * Build a hierarchical pivot result from flat data.\n * Supports multiple row group fields for nested hierarchy.\n */\nexport function buildPivot(rows: PivotDataRow[], config: PivotConfig): PivotResult {\n const rowGroupFields = config.rowGroupFields ?? [];\n const columnGroupFields = config.columnGroupFields ?? [];\n const valueFields = config.valueFields ?? [];\n\n // Get unique column combinations\n const columnKeys = getUniqueColumnKeys(rows, columnGroupFields);\n\n // Build hierarchical pivot rows\n const pivotRows = buildHierarchicalPivotRows(\n rows,\n rowGroupFields,\n columnGroupFields,\n columnKeys,\n valueFields,\n 0, // starting depth\n '', // parent key prefix\n );\n\n // Calculate grand totals\n const totals = calculateTotals(pivotRows, columnKeys, valueFields);\n const grandTotal = Object.values(totals).reduce((a, b) => a + b, 0);\n\n return {\n rows: pivotRows,\n columnKeys,\n totals,\n grandTotal,\n };\n}\n\n/**\n * Get unique column key combinations from the data.\n */\nexport function getUniqueColumnKeys(rows: PivotDataRow[], columnFields: string[]): string[] {\n if (columnFields.length === 0) return ['value'];\n\n const keys = new Set<string>();\n for (const row of rows) {\n const key = columnFields.map((f) => String(row[f] ?? '')).join('|');\n keys.add(key);\n }\n return [...keys].sort();\n}\n\n/**\n * Group rows by a single field.\n */\nexport function groupByField(rows: PivotDataRow[], field: string): Map<string, PivotDataRow[]> {\n const groups = new Map<string, PivotDataRow[]>();\n\n for (const row of rows) {\n const key = String(row[field] ?? '');\n const existing = groups.get(key);\n if (existing) {\n existing.push(row);\n } else {\n groups.set(key, [row]);\n }\n }\n\n return groups;\n}\n\n/**\n * Group rows by multiple fields (legacy flat grouping).\n */\nexport function groupByFields(rows: PivotDataRow[], fields: string[]): Map<string, PivotDataRow[]> {\n const groups = new Map<string, PivotDataRow[]>();\n\n for (const row of rows) {\n const key = fields.map((f) => String(row[f] ?? '')).join('|');\n const existing = groups.get(key);\n if (existing) {\n existing.push(row);\n } else {\n groups.set(key, [row]);\n }\n }\n\n return groups;\n}\n\n/**\n * Build hierarchical pivot rows recursively.\n * Each level of rowGroupFields creates a new depth level.\n */\nexport function buildHierarchicalPivotRows(\n rows: PivotDataRow[],\n rowGroupFields: string[],\n columnFields: string[],\n columnKeys: string[],\n valueFields: PivotValueField[],\n depth: number,\n parentKey: string,\n): PivotRow[] {\n const result: PivotRow[] = [];\n\n // If no more row group fields, we're at the leaf level - aggregate the data\n if (rowGroupFields.length === 0) {\n // This shouldn't normally happen as we need at least one grouping field\n // But handle it by creating a single aggregated row\n const values = aggregateValues(rows, columnFields, columnKeys, valueFields);\n const total = calculateRowTotal(values);\n result.push({\n rowKey: parentKey || 'all',\n rowLabel: parentKey || 'All',\n depth,\n values,\n total,\n isGroup: false,\n rowCount: rows.length,\n });\n return result;\n }\n\n // Get the current grouping field\n const currentField = rowGroupFields[0];\n const remainingFields = rowGroupFields.slice(1);\n const hasChildren = remainingFields.length > 0;\n\n // Group rows by current field\n const grouped = groupByField(rows, currentField);\n\n for (const [groupValue, groupRows] of grouped) {\n const rowKey = parentKey ? `${parentKey}|${groupValue}` : groupValue;\n\n // Aggregate values for this group (sum of all child rows)\n const values = aggregateValues(groupRows, columnFields, columnKeys, valueFields);\n const total = calculateRowTotal(values);\n\n // Build children if there are more grouping levels\n let children: PivotRow[] | undefined;\n if (hasChildren) {\n children = buildHierarchicalPivotRows(\n groupRows,\n remainingFields,\n columnFields,\n columnKeys,\n valueFields,\n depth + 1,\n rowKey,\n );\n }\n\n result.push({\n rowKey,\n rowLabel: groupValue || '(blank)',\n depth,\n values,\n total,\n isGroup: hasChildren,\n children,\n rowCount: groupRows.length,\n });\n }\n\n return result;\n}\n\n/**\n * Aggregate values for a set of rows across all column keys.\n */\nexport function aggregateValues(\n rows: PivotDataRow[],\n columnFields: string[],\n columnKeys: string[],\n valueFields: PivotValueField[],\n): Record<string, number | null> {\n const values: Record<string, number | null> = {};\n\n for (const colKey of columnKeys) {\n for (const vf of valueFields) {\n // Filter rows that match this column key\n const matchingRows =\n columnFields.length > 0\n ? rows.filter((r) => columnFields.map((f) => String(r[f] ?? '')).join('|') === colKey)\n : rows;\n\n const nums = matchingRows.map((r) => Number(r[vf.field]) || 0);\n const aggregator = getPivotAggregator(vf.aggFunc);\n const aggregatedResult = nums.length > 0 ? aggregator(nums) : null;\n\n const valueKey = createValueKey([colKey], vf.field);\n values[valueKey] = aggregatedResult;\n }\n }\n\n return values;\n}\n\n/**\n * Calculate the total for a row's values.\n */\nexport function calculateRowTotal(values: Record<string, number | null>): number {\n let sum = 0;\n for (const val of Object.values(values)) {\n sum += val ?? 0;\n }\n return sum;\n}\n\n/**\n * Legacy flat pivot row building (for backwards compatibility).\n */\nexport function buildPivotRows(\n groupedData: Map<string, PivotDataRow[]>,\n columnFields: string[],\n columnKeys: string[],\n valueFields: PivotValueField[],\n depth: number,\n): PivotRow[] {\n const result: PivotRow[] = [];\n\n for (const [rowKey, groupRows] of groupedData) {\n const values = aggregateValues(groupRows, columnFields, columnKeys, valueFields);\n const total = calculateRowTotal(values);\n\n result.push({\n rowKey,\n rowLabel: rowKey || '(blank)',\n depth,\n values,\n total,\n isGroup: false,\n rowCount: groupRows.length,\n });\n }\n\n return result;\n}\n\n/**\n * Calculate grand totals across all pivot rows.\n */\nexport function calculateTotals(\n pivotRows: PivotRow[],\n columnKeys: string[],\n valueFields: PivotValueField[],\n): Record<string, number> {\n const totals: Record<string, number> = {};\n\n // Recursively sum all rows (including nested children)\n function sumRows(rows: PivotRow[]) {\n for (const row of rows) {\n // Only count leaf rows to avoid double-counting\n if (!row.isGroup || !row.children?.length) {\n for (const colKey of columnKeys) {\n for (const vf of valueFields) {\n const valueKey = createValueKey([colKey], vf.field);\n totals[valueKey] = (totals[valueKey] ?? 0) + (row.values[valueKey] ?? 0);\n }\n }\n } else if (row.children) {\n sumRows(row.children);\n }\n }\n }\n\n sumRows(pivotRows);\n return totals;\n}\n\n/**\n * Flatten hierarchical pivot rows for rendering.\n * Respects expanded state - only includes children of expanded groups.\n */\nexport function flattenPivotRows(rows: PivotRow[], expandedKeys?: Set<string>, defaultExpanded = true): PivotRow[] {\n const result: PivotRow[] = [];\n\n function flatten(row: PivotRow) {\n result.push(row);\n\n // Check if this group is expanded\n const isExpanded = expandedKeys ? expandedKeys.has(row.rowKey) : defaultExpanded;\n\n // Only include children if expanded\n if (row.children && isExpanded) {\n for (const child of row.children) {\n flatten(child);\n }\n }\n }\n\n for (const row of rows) {\n flatten(row);\n }\n\n return result;\n}\n\n/**\n * Get all group keys from pivot rows (for expand all / collapse all).\n */\nexport function getAllGroupKeys(rows: PivotRow[]): string[] {\n const keys: string[] = [];\n\n function collectKeys(row: PivotRow) {\n if (row.isGroup) {\n keys.push(row.rowKey);\n }\n if (row.children) {\n for (const child of row.children) {\n collectKeys(child);\n }\n }\n }\n\n for (const row of rows) {\n collectKeys(row);\n }\n\n return keys;\n}\n","/**\n * Pivot Tool Panel Rendering\n *\n * Pure functions for rendering the pivot configuration panel.\n * Separated from PivotPlugin for better code organization.\n */\n\nimport type { AggFunc, PivotConfig, PivotValueField } from './types';\n\n/** All available aggregation functions */\nexport const AGG_FUNCS: AggFunc[] = ['sum', 'avg', 'count', 'min', 'max', 'first', 'last'];\n\n/** Field info for available fields */\nexport interface FieldInfo {\n field: string;\n header: string;\n}\n\n/** Callbacks for panel interactions */\nexport interface PanelCallbacks {\n onTogglePivot: (enabled: boolean) => void;\n onAddFieldToZone: (field: string, zone: 'rowGroups' | 'columnGroups') => void;\n onRemoveFieldFromZone: (field: string, zone: 'rowGroups' | 'columnGroups') => void;\n onAddValueField: (field: string, aggFunc: AggFunc) => void;\n onRemoveValueField: (field: string) => void;\n onUpdateValueAggFunc: (field: string, aggFunc: AggFunc) => void;\n onOptionChange: (option: 'showTotals' | 'showGrandTotal', value: boolean) => void;\n getAvailableFields: () => FieldInfo[];\n}\n\n/** Internal context passed to rendering functions */\ninterface RenderContext {\n config: PivotConfig;\n callbacks: PanelCallbacks;\n signal: AbortSignal;\n}\n\n/**\n * Render the complete pivot panel content.\n * Returns a cleanup function that removes all event listeners and DOM elements.\n */\nexport function renderPivotPanel(\n container: HTMLElement,\n config: PivotConfig,\n isActive: boolean,\n callbacks: PanelCallbacks,\n): () => void {\n // Create AbortController for automatic listener cleanup\n const controller = new AbortController();\n const ctx: RenderContext = { config, callbacks, signal: controller.signal };\n\n const wrapper = document.createElement('div');\n wrapper.className = 'tbw-pivot-panel';\n\n // Options section (at top, includes pivot toggle)\n wrapper.appendChild(createSection('Options', () => createOptionsPanel(isActive, ctx)));\n\n // Row Groups section\n wrapper.appendChild(createSection('Row Groups', () => createFieldZone('rowGroups', ctx)));\n\n // Column Groups section\n wrapper.appendChild(createSection('Column Groups', () => createFieldZone('columnGroups', ctx)));\n\n // Values section\n wrapper.appendChild(createSection('Values', () => createValuesZone(ctx)));\n\n // Available fields section\n wrapper.appendChild(createSection('Available Fields', () => createAvailableFieldsZone(ctx)));\n\n container.appendChild(wrapper);\n\n // Cleanup: abort all listeners, then remove DOM\n return () => {\n controller.abort();\n wrapper.remove();\n };\n}\n\n/**\n * Create a collapsible section wrapper.\n */\nfunction createSection(title: string, contentFactory: () => HTMLElement): HTMLElement {\n const section = document.createElement('div');\n section.className = 'tbw-pivot-section';\n\n const header = document.createElement('div');\n header.className = 'tbw-pivot-section-header';\n header.textContent = title;\n\n const content = document.createElement('div');\n content.className = 'tbw-pivot-section-content';\n content.appendChild(contentFactory());\n\n section.appendChild(header);\n section.appendChild(content);\n\n return section;\n}\n\n/**\n * Create a drop zone for row/column group fields.\n */\nfunction createFieldZone(zoneType: 'rowGroups' | 'columnGroups', ctx: RenderContext): HTMLElement {\n const { config, callbacks, signal } = ctx;\n const zone = document.createElement('div');\n zone.className = 'tbw-pivot-drop-zone';\n zone.setAttribute('data-zone', zoneType);\n\n const currentFields = zoneType === 'rowGroups' ? (config.rowGroupFields ?? []) : (config.columnGroupFields ?? []);\n\n if (currentFields.length === 0) {\n const placeholder = document.createElement('div');\n placeholder.className = 'tbw-pivot-placeholder';\n placeholder.textContent = 'Drag fields here or click to add';\n zone.appendChild(placeholder);\n } else {\n for (const field of currentFields) {\n zone.appendChild(createFieldChip(field, zoneType, ctx));\n }\n }\n\n // Drop handling\n zone.addEventListener(\n 'dragover',\n (e) => {\n e.preventDefault();\n zone.classList.add('drag-over');\n },\n { signal },\n );\n\n zone.addEventListener(\n 'dragleave',\n () => {\n zone.classList.remove('drag-over');\n },\n { signal },\n );\n\n zone.addEventListener(\n 'drop',\n (e) => {\n e.preventDefault();\n zone.classList.remove('drag-over');\n\n const field = e.dataTransfer?.getData('text/plain');\n if (field) {\n callbacks.onAddFieldToZone(field, zoneType);\n }\n },\n { signal },\n );\n\n return zone;\n}\n\n/**\n * Create a field chip for row/column zones.\n */\nfunction createFieldChip(field: string, zoneType: 'rowGroups' | 'columnGroups', ctx: RenderContext): HTMLElement {\n const { callbacks, signal } = ctx;\n const chip = document.createElement('div');\n chip.className = 'tbw-pivot-field-chip';\n chip.draggable = true;\n\n const fieldInfo = callbacks.getAvailableFields().find((f) => f.field === field);\n const label = document.createElement('span');\n label.className = 'tbw-pivot-chip-label';\n label.textContent = fieldInfo?.header ?? field;\n\n const removeBtn = document.createElement('button');\n removeBtn.className = 'tbw-pivot-chip-remove';\n removeBtn.innerHTML = '×';\n removeBtn.title = 'Remove field';\n removeBtn.addEventListener(\n 'click',\n (e) => {\n e.stopPropagation();\n callbacks.onRemoveFieldFromZone(field, zoneType);\n },\n { signal },\n );\n\n chip.appendChild(label);\n chip.appendChild(removeBtn);\n\n // Drag handling for reordering\n chip.addEventListener(\n 'dragstart',\n (e) => {\n e.dataTransfer?.setData('text/plain', field);\n e.dataTransfer?.setData('source-zone', zoneType);\n chip.classList.add('dragging');\n },\n { signal },\n );\n\n chip.addEventListener(\n 'dragend',\n () => {\n chip.classList.remove('dragging');\n },\n { signal },\n );\n\n return chip;\n}\n\n/**\n * Create the values zone with aggregation controls.\n */\nfunction createValuesZone(ctx: RenderContext): HTMLElement {\n const { config, callbacks, signal } = ctx;\n const zone = document.createElement('div');\n zone.className = 'tbw-pivot-drop-zone tbw-pivot-values-zone';\n zone.setAttribute('data-zone', 'values');\n\n const currentValues = config.valueFields ?? [];\n\n if (currentValues.length === 0) {\n const placeholder = document.createElement('div');\n placeholder.className = 'tbw-pivot-placeholder';\n placeholder.textContent = 'Drag numeric fields here for aggregation';\n zone.appendChild(placeholder);\n } else {\n for (const valueField of currentValues) {\n zone.appendChild(createValueChip(valueField, ctx));\n }\n }\n\n // Drop handling with signal for cleanup\n zone.addEventListener(\n 'dragover',\n (e) => {\n e.preventDefault();\n zone.classList.add('drag-over');\n },\n { signal },\n );\n\n zone.addEventListener(\n 'dragleave',\n () => {\n zone.classList.remove('drag-over');\n },\n { signal },\n );\n\n zone.addEventListener(\n 'drop',\n (e) => {\n e.preventDefault();\n zone.classList.remove('drag-over');\n const field = e.dataTransfer?.getData('text/plain');\n if (field) {\n callbacks.onAddValueField(field, 'sum');\n }\n },\n { signal },\n );\n\n return zone;\n}\n\n/**\n * Create a value chip with aggregation selector.\n */\nfunction createValueChip(valueField: PivotValueField, ctx: RenderContext): HTMLElement {\n const { callbacks, signal } = ctx;\n const chip = document.createElement('div');\n chip.className = 'tbw-pivot-field-chip tbw-pivot-value-chip';\n\n const fieldInfo = callbacks.getAvailableFields().find((f) => f.field === valueField.field);\n\n const labelWrapper = document.createElement('div');\n labelWrapper.className = 'tbw-pivot-value-label-wrapper';\n\n const label = document.createElement('span');\n label.className = 'tbw-pivot-chip-label';\n label.textContent = fieldInfo?.header ?? valueField.field;\n\n const aggSelect = document.createElement('select');\n aggSelect.className = 'tbw-pivot-agg-select';\n aggSelect.title = 'Aggregation function';\n\n for (const aggFunc of AGG_FUNCS) {\n const option = document.createElement('option');\n option.value = aggFunc;\n option.textContent = aggFunc.toUpperCase();\n option.selected = aggFunc === valueField.aggFunc;\n aggSelect.appendChild(option);\n }\n\n aggSelect.addEventListener(\n 'change',\n () => {\n callbacks.onUpdateValueAggFunc(valueField.field, aggSelect.value as AggFunc);\n },\n { signal },\n );\n\n const removeBtn = document.createElement('button');\n removeBtn.className = 'tbw-pivot-chip-remove';\n removeBtn.innerHTML = '×';\n removeBtn.title = 'Remove value field';\n removeBtn.addEventListener(\n 'click',\n (e) => {\n e.stopPropagation();\n callbacks.onRemoveValueField(valueField.field);\n },\n { signal },\n );\n\n labelWrapper.appendChild(label);\n labelWrapper.appendChild(aggSelect);\n\n chip.appendChild(labelWrapper);\n chip.appendChild(removeBtn);\n\n return chip;\n}\n\n/**\n * Create the available fields zone.\n */\nfunction createAvailableFieldsZone(ctx: RenderContext): HTMLElement {\n const { config, callbacks, signal } = ctx;\n const zone = document.createElement('div');\n zone.className = 'tbw-pivot-available-fields';\n\n const allFields = callbacks.getAvailableFields();\n const usedFields = new Set([\n ...(config.rowGroupFields ?? []),\n ...(config.columnGroupFields ?? []),\n ...(config.valueFields?.map((v) => v.field) ?? []),\n ]);\n\n // Filter to show only unused fields\n const availableFields = allFields.filter((f) => !usedFields.has(f.field));\n\n if (availableFields.length === 0) {\n const empty = document.createElement('div');\n empty.className = 'tbw-pivot-placeholder';\n empty.textContent = 'All fields are in use';\n zone.appendChild(empty);\n } else {\n for (const field of availableFields) {\n const chip = document.createElement('div');\n chip.className = 'tbw-pivot-field-chip available';\n chip.textContent = field.header;\n chip.draggable = true;\n chip.title = `Drag to add \"${field.field}\" to a zone`;\n\n chip.addEventListener(\n 'dragstart',\n (e) => {\n e.dataTransfer?.setData('text/plain', field.field);\n chip.classList.add('dragging');\n },\n { signal },\n );\n\n chip.addEventListener(\n 'dragend',\n () => {\n chip.classList.remove('dragging');\n },\n { signal },\n );\n\n zone.appendChild(chip);\n }\n }\n\n return zone;\n}\n\n/**\n * Create the options panel with pivot toggle and checkboxes for totals.\n */\nfunction createOptionsPanel(isActive: boolean, ctx: RenderContext): HTMLElement {\n const { config, callbacks, signal } = ctx;\n const panel = document.createElement('div');\n panel.className = 'tbw-pivot-options';\n\n // Pivot Mode toggle\n panel.appendChild(\n createCheckbox(\n 'Enable Pivot View',\n isActive,\n (checked) => {\n callbacks.onTogglePivot(checked);\n },\n signal,\n ),\n );\n\n // Show Totals checkbox\n panel.appendChild(\n createCheckbox(\n 'Show Row Totals',\n config.showTotals ?? true,\n (checked) => {\n callbacks.onOptionChange('showTotals', checked);\n },\n signal,\n ),\n );\n\n // Show Grand Total checkbox\n panel.appendChild(\n createCheckbox(\n 'Show Grand Total',\n config.showGrandTotal ?? true,\n (checked) => {\n callbacks.onOptionChange('showGrandTotal', checked);\n },\n signal,\n ),\n );\n\n return panel;\n}\n\n/**\n * Create a checkbox with label.\n */\nfunction createCheckbox(\n label: string,\n checked: boolean,\n onChange: (checked: boolean) => void,\n signal: AbortSignal,\n): HTMLElement {\n const wrapper = document.createElement('label');\n wrapper.className = 'tbw-pivot-checkbox';\n\n const input = document.createElement('input');\n input.type = 'checkbox';\n input.checked = checked;\n input.addEventListener('change', () => onChange(input.checked), { signal });\n\n const span = document.createElement('span');\n span.textContent = label;\n\n wrapper.appendChild(input);\n wrapper.appendChild(span);\n\n return wrapper;\n}\n","/**\n * Pivot Plugin (Class-based)\n *\n * Provides pivot table functionality for tbw-grid.\n * Transforms flat data into grouped, aggregated pivot views.\n * Includes a tool panel for interactive pivot configuration.\n */\n\nimport { BaseGridPlugin } from '../../core/plugin/base-plugin';\nimport type { ColumnConfig, ToolPanelDefinition } from '../../core/types';\nimport { buildPivot, flattenPivotRows, getAllGroupKeys, type PivotDataRow } from './pivot-engine';\nimport { createValueKey, validatePivotConfig } from './pivot-model';\nimport { renderPivotPanel, type FieldInfo, type PanelCallbacks } from './pivot-panel';\nimport { renderPivotGrandTotalRow, renderPivotGroupRow, renderPivotLeafRow, type PivotRowData } from './pivot-rows';\nimport type { AggFunc, ExpandCollapseAnimation, PivotConfig, PivotResult, PivotValueField } from './types';\n\n// Import CSS as inline string (Vite handles this)\nimport styles from './pivot.css?inline';\n\n/**\n * Pivot Table Plugin for tbw-grid\n *\n * Transforms flat data into a pivot table view with grouped rows, grouped columns,\n * and aggregated values. Includes an interactive tool panel for configuring\n * row groups, column groups, and value aggregations at runtime.\n *\n * ## Installation\n *\n * ```ts\n * import { PivotPlugin } from '@toolbox-web/grid/plugins/pivot';\n * ```\n *\n * ## Configuration Options\n *\n * | Option | Type | Default | Description |\n * |--------|------|---------|-------------|\n * | `active` | `boolean` | `true` | Whether pivot is active on load |\n * | `rowGroupFields` | `string[]` | `[]` | Fields for row grouping |\n * | `columnGroupFields` | `string[]` | `[]` | Fields for column grouping |\n * | `valueFields` | `ValueField[]` | `[]` | Aggregation value fields |\n * | `showTotals` | `boolean` | `true` | Show row subtotals |\n * | `showGrandTotal` | `boolean` | `true` | Show grand total row |\n * | `showToolPanel` | `boolean` | `true` | Show interactive pivot panel |\n * | `defaultExpanded` | `boolean` | `true` | Groups expanded by default |\n * | `indentWidth` | `number` | `20` | Indent per depth level (px) |\n * | `animation` | `false \\| 'slide' \\| 'fade'` | `'slide'` | Expand/collapse animation |\n *\n * ## Aggregation Functions\n *\n * `sum`, `avg`, `count`, `min`, `max`, `first`, `last`\n *\n * ## Programmatic API\n *\n * | Method | Signature | Description |\n * |--------|-----------|-------------|\n * | `expandGroup` | `(path: string[]) => void` | Expand a specific group |\n * | `collapseGroup` | `(path: string[]) => void` | Collapse a specific group |\n * | `expandAll` | `() => void` | Expand all groups |\n * | `collapseAll` | `() => void` | Collapse all groups |\n *\n * ## CSS Custom Properties\n *\n * | Property | Default | Description |\n * |----------|---------|-------------|\n * | `--tbw-pivot-group-bg` | `var(--tbw-color-row-alt)` | Group row background |\n * | `--tbw-pivot-grand-total-bg` | `var(--tbw-color-header-bg)` | Grand total row |\n *\n * @example Basic Pivot Table\n * ```ts\n * import '@toolbox-web/grid';\n * import { PivotPlugin } from '@toolbox-web/grid/plugins/pivot';\n *\n * grid.gridConfig = {\n * columns: [...],\n * plugins: [\n * new PivotPlugin({\n * rowGroupFields: ['region', 'product'],\n * columnGroupFields: ['quarter'],\n * valueFields: [{ field: 'sales', aggFunc: 'sum', header: 'Total' }],\n * }),\n * ],\n * };\n * ```\n *\n * @example Programmatic-Only (No Tool Panel)\n * ```ts\n * new PivotPlugin({\n * showToolPanel: false,\n * rowGroupFields: ['category'],\n * valueFields: [{ field: 'amount', aggFunc: 'sum' }],\n * })\n * ```\n *\n * @see {@link PivotConfig} for all configuration options\n * @see {@link PivotValueField} for value field structure\n *\n * @internal Extends BaseGridPlugin\n */\nexport class PivotPlugin extends BaseGridPlugin<PivotConfig> {\n /** @internal */\n readonly name = 'pivot';\n /** @internal */\n override readonly styles = styles;\n\n /** Tool panel ID for shell integration */\n static readonly PANEL_ID = 'pivot';\n\n /** @internal */\n protected override get defaultConfig(): Partial<PivotConfig> {\n return {\n active: true,\n showTotals: true,\n showGrandTotal: true,\n showToolPanel: true,\n animation: 'slide',\n };\n }\n\n // #region Internal State\n private isActive = false;\n private hasInitialized = false;\n private pivotResult: PivotResult | null = null;\n private fieldHeaderMap: Map<string, string> = new Map();\n private expandedKeys: Set<string> = new Set();\n private defaultExpanded = true;\n /** Tracks whether user has manually interacted with expand/collapse */\n private userHasToggledExpand = false;\n private originalColumns: Array<{ field: string; header: string }> = [];\n private panelContainer: HTMLElement | null = null;\n private grandTotalFooter: HTMLElement | null = null;\n private previousVisibleKeys = new Set<string>();\n private keysToAnimate = new Set<string>();\n\n /**\n * Check if the plugin has valid pivot configuration (at least value fields).\n */\n private hasValidPivotConfig(): boolean {\n return (this.config.valueFields?.length ?? 0) > 0;\n }\n\n /**\n * Get expand/collapse animation style from plugin config.\n * Uses base class isAnimationEnabled to respect grid-level settings.\n */\n private get animationStyle(): ExpandCollapseAnimation {\n if (!this.isAnimationEnabled) return false;\n return this.config.animation ?? 'slide';\n }\n\n // #endregion\n\n // #region Lifecycle\n\n /** @internal */\n override detach(): void {\n this.isActive = false;\n this.hasInitialized = false;\n this.pivotResult = null;\n this.fieldHeaderMap.clear();\n this.originalColumns = [];\n this.panelContainer = null;\n this.cleanupGrandTotalFooter();\n this.previousVisibleKeys.clear();\n this.keysToAnimate.clear();\n this.userHasToggledExpand = false;\n }\n\n // #endregion\n\n // #region Shell Integration\n\n /** @internal */\n override getToolPanel(): ToolPanelDefinition | undefined {\n // Allow users to disable the tool panel for programmatic-only pivot\n // Check userConfig first (works before attach), then merged config\n const showToolPanel = this.config?.showToolPanel ?? this.userConfig?.showToolPanel ?? true;\n if (showToolPanel === false) {\n return undefined;\n }\n\n return {\n id: PivotPlugin.PANEL_ID,\n title: 'Pivot',\n icon: '⊞',\n tooltip: 'Configure pivot table',\n order: 90,\n render: (container) => this.renderPanel(container),\n };\n }\n\n // #endregion\n\n // #region Hooks\n\n /** @internal */\n override processRows(rows: readonly unknown[]): PivotDataRow[] {\n // Auto-enable pivot if config.active is true and we have valid pivot fields\n if (!this.hasInitialized && this.config.active !== false && this.hasValidPivotConfig()) {\n this.hasInitialized = true;\n this.isActive = true;\n }\n\n if (!this.isActive) {\n return [...rows] as PivotDataRow[];\n }\n\n const errors = validatePivotConfig(this.config);\n if (errors.length > 0) {\n this.warn(`Config errors: ${errors.join(', ')}`);\n return [...rows] as PivotDataRow[];\n }\n\n this.buildFieldHeaderMap();\n this.defaultExpanded = this.config.defaultExpanded ?? true;\n\n // Build pivot first so we have the rows structure\n this.pivotResult = buildPivot(rows as PivotDataRow[], this.config);\n\n // Initialize expanded state with defaults if first build AND user hasn't manually toggled\n // This prevents re-expanding when user collapses all groups\n if (this.expandedKeys.size === 0 && this.defaultExpanded && !this.userHasToggledExpand) {\n this.expandAllKeys();\n }\n\n // Return flattened pivot rows respecting expanded state\n const indentWidth = this.config.indentWidth ?? 20;\n const flatRows: PivotDataRow[] = flattenPivotRows(\n this.pivotResult.rows,\n this.expandedKeys,\n this.defaultExpanded,\n ).map((pr) => ({\n __pivotRowKey: pr.rowKey,\n __pivotLabel: pr.rowLabel,\n __pivotDepth: pr.depth,\n __pivotIsGroup: pr.isGroup,\n __pivotHasChildren: Boolean(pr.children?.length),\n __pivotExpanded: this.expandedKeys.has(pr.rowKey),\n __pivotRowCount: pr.rowCount ?? 0,\n __pivotIndent: pr.depth * indentWidth,\n __pivotTotal: pr.total,\n ...pr.values,\n }));\n\n // Track which rows are newly visible (for animation)\n this.keysToAnimate.clear();\n const currentVisibleKeys = new Set<string>();\n for (const row of flatRows) {\n const key = row.__pivotRowKey as string;\n currentVisibleKeys.add(key);\n // Animate non-root rows that weren't previously visible\n if (!this.previousVisibleKeys.has(key) && (row.__pivotDepth as number) > 0) {\n this.keysToAnimate.add(key);\n }\n }\n this.previousVisibleKeys = currentVisibleKeys;\n\n // Grand total is rendered as a pinned footer row in afterRender,\n // not as part of the scrolling row data\n\n return flatRows;\n }\n\n /** @internal */\n override processColumns(columns: readonly ColumnConfig[]): ColumnConfig[] {\n if (!this.isActive || !this.pivotResult) {\n return [...columns];\n }\n\n const pivotColumns: ColumnConfig[] = [];\n\n // Row label column\n const rowGroupHeaders = (this.config.rowGroupFields ?? []).map((f) => this.fieldHeaderMap.get(f) ?? f).join(' / ');\n pivotColumns.push({\n field: '__pivotLabel',\n header: rowGroupHeaders || 'Group',\n width: 200,\n });\n\n // Value columns for each column key\n for (const colKey of this.pivotResult.columnKeys) {\n for (const vf of this.config.valueFields ?? []) {\n const valueKey = createValueKey([colKey], vf.field);\n const valueHeader = vf.header || this.fieldHeaderMap.get(vf.field) || vf.field;\n pivotColumns.push({\n field: valueKey,\n header: `${colKey} - ${valueHeader} (${vf.aggFunc})`,\n width: 120,\n type: 'number',\n });\n }\n }\n\n // Totals column\n if (this.config.showTotals) {\n pivotColumns.push({\n field: '__pivotTotal',\n header: 'Total',\n width: 100,\n type: 'number',\n });\n }\n\n return pivotColumns;\n }\n\n /** @internal */\n override renderRow(row: Record<string, unknown>, rowEl: HTMLElement, rowIndex: number): boolean {\n const pivotRow = row as PivotRowData;\n\n // Handle pivot group row (has children)\n if (pivotRow.__pivotRowKey && pivotRow.__pivotHasChildren) {\n return renderPivotGroupRow(pivotRow, rowEl, {\n columns: this.gridColumns,\n rowIndex,\n onToggle: (key) => this.toggle(key),\n resolveIcon: (iconKey) => this.resolveIcon(iconKey),\n setIcon: (el, icon) => this.setIcon(el, icon),\n });\n }\n\n // Handle pivot leaf row (no children but in pivot mode)\n if (pivotRow.__pivotRowKey !== undefined && this.isActive) {\n return renderPivotLeafRow(pivotRow, rowEl, this.gridColumns, rowIndex);\n }\n\n // Clean up any leftover pivot styling from pooled row elements\n this.cleanupPivotStyling(rowEl);\n\n return false;\n }\n\n /**\n * Remove pivot-specific classes, attributes, and inline styles from a row element.\n * Called when pivot mode is disabled to clean up reused DOM elements.\n * Clears innerHTML so the grid's default renderer can rebuild the row.\n */\n private cleanupPivotStyling(rowEl: HTMLElement): void {\n // Check if this row was previously rendered by pivot (has pivot classes)\n const wasPivotRow =\n rowEl.classList.contains('pivot-group-row') ||\n rowEl.classList.contains('pivot-leaf-row') ||\n rowEl.classList.contains('pivot-grand-total-row');\n\n if (wasPivotRow) {\n // Remove pivot row classes and restore the default grid row class\n rowEl.classList.remove('pivot-group-row', 'pivot-leaf-row', 'pivot-grand-total-row');\n rowEl.classList.add('data-grid-row');\n\n // Remove pivot-specific attributes\n rowEl.removeAttribute('data-pivot-depth');\n\n // Clear the row content so the default renderer can rebuild it\n rowEl.innerHTML = '';\n }\n }\n\n /** @internal */\n override onKeyDown(event: KeyboardEvent): boolean | void {\n // SPACE toggles expansion on pivot group rows\n if (event.key !== ' ') return;\n if (!this.isActive) return;\n\n const focusRow = this.grid._focusRow;\n const row = this.rows[focusRow] as Record<string, unknown> | undefined;\n\n // Only handle SPACE on pivot group rows with children\n if (!row?.__pivotIsGroup || !row.__pivotHasChildren) return;\n\n event.preventDefault();\n this.toggle(row.__pivotRowKey as string);\n\n // Restore focus styling after render completes via render pipeline\n this.requestRenderWithFocus();\n return true;\n }\n\n /** @internal */\n override afterRender(): void {\n // Render grand total as a sticky pinned footer when pivot is active\n if (this.isActive && this.config.showGrandTotal && this.pivotResult) {\n this.renderGrandTotalFooter();\n } else {\n this.cleanupGrandTotalFooter();\n }\n\n // Apply animations to newly visible rows\n const style = this.animationStyle;\n if (style === false || this.keysToAnimate.size === 0) return;\n\n const body = this.gridElement?.querySelector('.rows');\n if (!body) return;\n\n const animClass = style === 'fade' ? 'tbw-pivot-fade-in' : 'tbw-pivot-slide-in';\n for (const rowEl of body.querySelectorAll('.pivot-group-row, .pivot-leaf-row')) {\n const key = (rowEl as HTMLElement).dataset.pivotKey;\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\n /**\n * Render the grand total row as a sticky footer pinned to the bottom.\n */\n private renderGrandTotalFooter(): void {\n if (!this.pivotResult) return;\n\n const gridEl = this.gridElement;\n if (!gridEl) return;\n\n // Find the scroll container to append the footer\n const container =\n gridEl.querySelector('.tbw-scroll-area') ?? gridEl.querySelector('.tbw-grid-content') ?? gridEl.children[0];\n if (!container) return;\n\n // Create footer if it doesn't exist\n if (!this.grandTotalFooter) {\n this.grandTotalFooter = document.createElement('div');\n this.grandTotalFooter.className = 'pivot-grand-total-footer';\n container.appendChild(this.grandTotalFooter);\n }\n\n // Build the row data for grand total\n const grandTotalRow: PivotRowData = {\n __pivotRowKey: '__grandTotal',\n __pivotLabel: 'Grand Total',\n __pivotIsGrandTotal: true,\n __pivotTotal: this.pivotResult.grandTotal,\n ...this.pivotResult.totals,\n };\n\n // Render the grand total row into the footer\n renderPivotGrandTotalRow(grandTotalRow, this.grandTotalFooter, this.gridColumns);\n }\n\n /**\n * Remove the grand total footer element.\n */\n private cleanupGrandTotalFooter(): void {\n if (this.grandTotalFooter) {\n this.grandTotalFooter.remove();\n this.grandTotalFooter = null;\n }\n }\n\n // #endregion\n\n // #region Expand/Collapse API\n\n toggle(key: string): void {\n this.userHasToggledExpand = true;\n if (this.expandedKeys.has(key)) {\n this.expandedKeys.delete(key);\n } else {\n this.expandedKeys.add(key);\n }\n this.requestRender();\n }\n\n expand(key: string): void {\n this.userHasToggledExpand = true;\n this.expandedKeys.add(key);\n this.requestRender();\n }\n\n collapse(key: string): void {\n this.userHasToggledExpand = true;\n this.expandedKeys.delete(key);\n this.requestRender();\n }\n\n expandAll(): void {\n this.userHasToggledExpand = true;\n this.expandAllKeys();\n this.requestRender();\n }\n\n collapseAll(): void {\n this.userHasToggledExpand = true;\n this.expandedKeys.clear();\n this.requestRender();\n }\n\n /**\n * Add all group keys from the current pivot result to expandedKeys.\n */\n private expandAllKeys(): void {\n if (!this.pivotResult) return;\n const allKeys = getAllGroupKeys(this.pivotResult.rows);\n for (const key of allKeys) {\n this.expandedKeys.add(key);\n }\n }\n\n isExpanded(key: string): boolean {\n return this.expandedKeys.has(key);\n }\n\n // #endregion\n\n // #region Public API\n\n enablePivot(): void {\n if (this.originalColumns.length === 0) {\n this.captureOriginalColumns();\n }\n this.isActive = true;\n this.requestRender();\n }\n\n disablePivot(): void {\n this.isActive = false;\n this.pivotResult = null;\n this.requestRender();\n }\n\n isPivotActive(): boolean {\n return this.isActive;\n }\n\n getPivotResult(): PivotResult | null {\n return this.pivotResult;\n }\n\n setRowGroupFields(fields: string[]): void {\n this.config.rowGroupFields = fields;\n this.requestRender();\n }\n\n setColumnGroupFields(fields: string[]): void {\n this.config.columnGroupFields = fields;\n this.requestRender();\n }\n\n setValueFields(fields: PivotValueField[]): void {\n this.config.valueFields = fields;\n this.requestRender();\n }\n\n refresh(): void {\n this.pivotResult = null;\n this.requestRender();\n }\n\n // #endregion\n\n // #region Tool Panel API\n\n /**\n * Show the pivot tool panel.\n * Opens the tool panel and ensures this section is expanded.\n */\n showPanel(): void {\n this.grid.openToolPanel();\n // Ensure our section is expanded\n if (!this.grid.expandedToolPanelSections.includes(PivotPlugin.PANEL_ID)) {\n this.grid.toggleToolPanelSection(PivotPlugin.PANEL_ID);\n }\n }\n\n /**\n * Hide the tool panel.\n */\n hidePanel(): void {\n this.grid.closeToolPanel();\n }\n\n /**\n * Toggle the pivot tool panel section.\n */\n togglePanel(): void {\n // If tool panel is closed, open it first\n if (!this.grid.isToolPanelOpen) {\n this.grid.openToolPanel();\n }\n this.grid.toggleToolPanelSection(PivotPlugin.PANEL_ID);\n }\n\n /**\n * Check if the pivot panel section is currently expanded.\n */\n isPanelVisible(): boolean {\n return this.grid.isToolPanelOpen && this.grid.expandedToolPanelSections.includes(PivotPlugin.PANEL_ID);\n }\n\n // #endregion\n\n // #region Private Helpers\n\n private get gridColumns(): ColumnConfig[] {\n return (this.grid.columns ?? []) as ColumnConfig[];\n }\n\n /**\n * Refresh pivot and update tool panel if active.\n */\n private refreshIfActive(): void {\n if (this.isActive) this.refresh();\n this.refreshPanel();\n }\n\n private buildFieldHeaderMap(): void {\n const availableFields = this.getAvailableFields();\n this.fieldHeaderMap.clear();\n for (const field of availableFields) {\n this.fieldHeaderMap.set(field.field, field.header);\n }\n }\n\n private getAvailableFields(): FieldInfo[] {\n if (this.originalColumns.length > 0) {\n return this.originalColumns;\n }\n return this.captureOriginalColumns();\n }\n\n private captureOriginalColumns(): FieldInfo[] {\n try {\n const columns = this.grid.getAllColumns?.() ?? this.grid.columns ?? [];\n this.originalColumns = columns\n .filter((col: { field: string }) => !col.field.startsWith('__pivot'))\n .map((col: { field: string; header?: string }) => ({\n field: col.field,\n header: col.header ?? col.field,\n }));\n return this.originalColumns;\n } catch {\n return [];\n }\n }\n\n private renderPanel(container: HTMLElement): (() => void) | void {\n this.panelContainer = container;\n\n if (this.originalColumns.length === 0) {\n this.captureOriginalColumns();\n }\n\n const callbacks: PanelCallbacks = {\n onTogglePivot: (enabled) => {\n if (enabled) {\n this.enablePivot();\n } else {\n this.disablePivot();\n }\n this.refreshPanel();\n },\n onAddFieldToZone: (field, zone) => this.addFieldToZone(field, zone),\n onRemoveFieldFromZone: (field, zone) => this.removeFieldFromZone(field, zone),\n onAddValueField: (field, aggFunc) => this.addValueField(field, aggFunc),\n onRemoveValueField: (field) => this.removeValueField(field),\n onUpdateValueAggFunc: (field, aggFunc) => this.updateValueAggFunc(field, aggFunc),\n onOptionChange: (option, value) => {\n this.config[option] = value;\n if (this.isActive) this.refresh();\n },\n getAvailableFields: () => this.getAvailableFields(),\n };\n\n return renderPivotPanel(container, this.config, this.isActive, callbacks);\n }\n\n private refreshPanel(): void {\n if (!this.panelContainer) return;\n this.panelContainer.innerHTML = '';\n this.renderPanel(this.panelContainer);\n }\n\n private addFieldToZone(field: string, zoneType: 'rowGroups' | 'columnGroups'): void {\n if (zoneType === 'rowGroups') {\n const current = this.config.rowGroupFields ?? [];\n if (!current.includes(field)) {\n this.config.rowGroupFields = [...current, field];\n }\n } else {\n const current = this.config.columnGroupFields ?? [];\n if (!current.includes(field)) {\n this.config.columnGroupFields = [...current, field];\n }\n }\n\n this.removeFromOtherZones(field, zoneType);\n this.refreshIfActive();\n }\n\n private removeFieldFromZone(field: string, zoneType: 'rowGroups' | 'columnGroups'): void {\n if (zoneType === 'rowGroups') {\n this.config.rowGroupFields = (this.config.rowGroupFields ?? []).filter((f) => f !== field);\n } else {\n this.config.columnGroupFields = (this.config.columnGroupFields ?? []).filter((f) => f !== field);\n }\n\n this.refreshIfActive();\n }\n\n private removeFromOtherZones(field: string, targetZone: 'rowGroups' | 'columnGroups' | 'values'): void {\n if (targetZone !== 'rowGroups') {\n this.config.rowGroupFields = (this.config.rowGroupFields ?? []).filter((f) => f !== field);\n }\n if (targetZone !== 'columnGroups') {\n this.config.columnGroupFields = (this.config.columnGroupFields ?? []).filter((f) => f !== field);\n }\n if (targetZone !== 'values') {\n this.config.valueFields = (this.config.valueFields ?? []).filter((v) => v.field !== field);\n }\n }\n\n private addValueField(field: string, aggFunc: AggFunc): void {\n const current = this.config.valueFields ?? [];\n if (!current.some((v) => v.field === field)) {\n this.config.valueFields = [...current, { field, aggFunc }];\n }\n\n this.removeFromOtherZones(field, 'values');\n this.refreshIfActive();\n }\n\n private removeValueField(field: string): void {\n this.config.valueFields = (this.config.valueFields ?? []).filter((v) => v.field !== field);\n this.refreshIfActive();\n }\n\n private updateValueAggFunc(field: string, aggFunc: AggFunc): void {\n const valueFields = this.config.valueFields ?? [];\n const fieldIndex = valueFields.findIndex((v) => v.field === field);\n if (fieldIndex >= 0) {\n valueFields[fieldIndex] = { ...valueFields[fieldIndex], aggFunc };\n this.config.valueFields = [...valueFields];\n }\n if (this.isActive) this.refresh();\n }\n\n // #endregion\n}\n","/**\n * Pivot Row Rendering\n *\n * Pure functions for rendering pivot rows (group rows, leaf rows, grand total).\n * Separated from PivotPlugin for better code organization.\n */\n\nimport type { ColumnConfig, IconValue } from '../../core/types';\n\n/** Row data with pivot metadata */\nexport interface PivotRowData {\n __pivotRowKey?: string;\n __pivotLabel?: string;\n __pivotDepth?: number;\n __pivotIndent?: number;\n __pivotExpanded?: boolean;\n __pivotHasChildren?: boolean;\n __pivotRowCount?: number;\n __pivotIsGrandTotal?: boolean;\n [key: string]: unknown;\n}\n\n/** Context for row rendering */\nexport interface RowRenderContext {\n columns: ColumnConfig[];\n rowIndex: number;\n onToggle: (key: string) => void;\n resolveIcon: (iconKey: 'expand' | 'collapse') => IconValue;\n setIcon: (element: HTMLElement, icon: IconValue) => void;\n}\n\n/**\n * Render a pivot group row (has children, can expand/collapse).\n */\nexport function renderPivotGroupRow(row: PivotRowData, rowEl: HTMLElement, ctx: RowRenderContext): boolean {\n rowEl.className = 'data-grid-row pivot-group-row';\n rowEl.setAttribute('data-pivot-depth', String(row.__pivotDepth ?? 0));\n rowEl.setAttribute('data-pivot-key', String(row.__pivotRowKey ?? ''));\n rowEl.setAttribute('role', 'row');\n // Note: aria-expanded is not set here because it's only valid in treegrid, not grid\n // The expand/collapse state is conveyed via the toggle button's aria-label\n rowEl.innerHTML = '';\n\n ctx.columns.forEach((col, colIdx) => {\n const cell = document.createElement('div');\n cell.className = 'cell';\n cell.setAttribute('data-col', String(colIdx));\n cell.setAttribute('data-row', String(ctx.rowIndex));\n cell.setAttribute('role', 'gridcell');\n\n if (colIdx === 0) {\n // First column: indent + toggle + label + count\n const indent = Number(row.__pivotIndent) || 0;\n cell.style.paddingLeft = `${indent}px`;\n\n // Toggle button\n const rowKey = String(row.__pivotRowKey);\n const btn = document.createElement('button');\n btn.type = 'button';\n btn.className = 'pivot-toggle';\n btn.setAttribute('aria-label', row.__pivotExpanded ? 'Collapse group' : 'Expand group');\n ctx.setIcon(btn, ctx.resolveIcon(row.__pivotExpanded ? 'collapse' : 'expand'));\n btn.addEventListener('click', (e) => {\n e.stopPropagation();\n ctx.onToggle(rowKey);\n });\n cell.appendChild(btn);\n\n // Group label\n const label = document.createElement('span');\n label.className = 'pivot-label';\n label.textContent = String(row.__pivotLabel ?? '');\n cell.appendChild(label);\n\n // Row count\n const count = document.createElement('span');\n count.className = 'pivot-count';\n count.textContent = ` (${Number(row.__pivotRowCount) || 0})`;\n cell.appendChild(count);\n } else {\n // Other columns: render value\n const value = row[col.field];\n cell.textContent = value != null ? String(value) : '';\n }\n\n rowEl.appendChild(cell);\n });\n\n return true;\n}\n\n/**\n * Render a pivot leaf row (no children, just indentation).\n */\nexport function renderPivotLeafRow(\n row: PivotRowData,\n rowEl: HTMLElement,\n columns: ColumnConfig[],\n rowIndex: number,\n): boolean {\n rowEl.className = 'data-grid-row pivot-leaf-row';\n rowEl.setAttribute('data-pivot-depth', String(row.__pivotDepth ?? 0));\n rowEl.setAttribute('data-pivot-key', String(row.__pivotRowKey ?? ''));\n rowEl.innerHTML = '';\n\n columns.forEach((col, colIdx) => {\n const cell = document.createElement('div');\n cell.className = 'cell';\n cell.setAttribute('data-col', String(colIdx));\n cell.setAttribute('data-row', String(rowIndex));\n cell.setAttribute('role', 'gridcell');\n\n if (colIdx === 0) {\n // First column: indent + label (no toggle for leaves)\n const indent = Number(row.__pivotIndent) || 0;\n // Add extra indent for alignment with toggle button\n cell.style.paddingLeft = `${indent + 20}px`;\n\n const label = document.createElement('span');\n label.className = 'pivot-label';\n label.textContent = String(row.__pivotLabel ?? '');\n cell.appendChild(label);\n } else {\n // Other columns: render value\n const value = row[col.field];\n cell.textContent = value != null ? String(value) : '';\n }\n\n rowEl.appendChild(cell);\n });\n\n return true;\n}\n\n/**\n * Render the grand total row.\n */\nexport function renderPivotGrandTotalRow(row: PivotRowData, rowEl: HTMLElement, columns: ColumnConfig[]): boolean {\n rowEl.className = 'pivot-grand-total-row';\n // Use role=presentation since grand total is rendered outside the role=grid element\n rowEl.setAttribute('role', 'presentation');\n rowEl.innerHTML = '';\n\n columns.forEach((col, colIdx) => {\n const cell = document.createElement('div');\n cell.className = 'cell';\n cell.setAttribute('data-col', String(colIdx));\n // No role attribute - parent row has role=presentation so children don't need grid semantics\n\n if (colIdx === 0) {\n // First column: Grand Total label\n const label = document.createElement('span');\n label.className = 'pivot-label';\n label.textContent = 'Grand Total';\n cell.appendChild(label);\n } else {\n // Other columns: render totals\n const value = row[col.field];\n cell.textContent = value != null ? String(value) : '';\n }\n\n rowEl.appendChild(cell);\n });\n\n return true;\n}\n"],"names":["getPivotAggregator","getValueAggregator","createValueKey","columnValues","valueField","join","buildPivot","rows","config","rowGroupFields","columnGroupFields","valueFields","columnKeys","columnFields","length","keys","Set","row","key","map","f","String","add","sort","getUniqueColumnKeys","pivotRows","buildHierarchicalPivotRows","totals","sumRows","isGroup","children","colKey","vf","valueKey","field","values","calculateTotals","grandTotal","Object","reduce","a","b","depth","parentKey","result","aggregateValues","total","calculateRowTotal","push","rowKey","rowLabel","rowCount","currentField","remainingFields","slice","hasChildren","grouped","groups","Map","existing","get","set","groupByField","groupValue","groupRows","nums","filter","r","Number","aggregator","aggFunc","aggregatedResult","sum","val","AGG_FUNCS","renderPivotPanel","container","isActive","callbacks","controller","AbortController","ctx","signal","wrapper","document","createElement","className","appendChild","createSection","panel","createCheckbox","checked","onTogglePivot","showTotals","onOptionChange","showGrandTotal","createOptionsPanel","createFieldZone","zone","setAttribute","currentValues","placeholder","textContent","createValueChip","addEventListener","e","preventDefault","classList","remove","dataTransfer","getData","onAddValueField","createValuesZone","allFields","getAvailableFields","usedFields","v","availableFields","has","empty","chip","header","draggable","title","setData","createAvailableFieldsZone","abort","contentFactory","section","content","zoneType","currentFields","createFieldChip","onAddFieldToZone","fieldInfo","find","label","removeBtn","innerHTML","stopPropagation","onRemoveFieldFromZone","labelWrapper","aggSelect","option","value","toUpperCase","selected","onUpdateValueAggFunc","onRemoveValueField","onChange","input","type","span","PivotPlugin","BaseGridPlugin","name","styles","static","defaultConfig","active","showToolPanel","animation","hasInitialized","pivotResult","fieldHeaderMap","expandedKeys","defaultExpanded","userHasToggledExpand","originalColumns","panelContainer","grandTotalFooter","previousVisibleKeys","keysToAnimate","hasValidPivotConfig","this","animationStyle","isAnimationEnabled","detach","clear","cleanupGrandTotalFooter","getToolPanel","userConfig","id","PANEL_ID","icon","tooltip","order","render","renderPanel","processRows","errors","validatePivotConfig","warn","buildFieldHeaderMap","size","expandAllKeys","indentWidth","flatRows","flatten","isExpanded","child","flattenPivotRows","pr","__pivotRowKey","__pivotLabel","__pivotDepth","__pivotIsGroup","__pivotHasChildren","Boolean","__pivotExpanded","__pivotRowCount","__pivotIndent","__pivotTotal","currentVisibleKeys","processColumns","columns","pivotColumns","rowGroupHeaders","width","valueHeader","renderRow","rowEl","rowIndex","pivotRow","forEach","col","colIdx","cell","indent","style","paddingLeft","btn","setIcon","resolveIcon","onToggle","count","renderPivotGroupRow","gridColumns","toggle","iconKey","el","renderPivotLeafRow","cleanupPivotStyling","contains","removeAttribute","onKeyDown","event","focusRow","grid","_focusRow","requestRenderWithFocus","afterRender","renderGrandTotalFooter","body","gridElement","querySelector","animClass","querySelectorAll","dataset","pivotKey","once","gridEl","grandTotalRow","__pivotIsGrandTotal","delete","requestRender","expand","collapse","expandAll","collapseAll","allKeys","collectKeys","getAllGroupKeys","enablePivot","captureOriginalColumns","disablePivot","isPivotActive","getPivotResult","setRowGroupFields","fields","setColumnGroupFields","setValueFields","refresh","showPanel","openToolPanel","expandedToolPanelSections","includes","toggleToolPanelSection","hidePanel","closeToolPanel","togglePanel","isToolPanelOpen","isPanelVisible","refreshIfActive","refreshPanel","getAllColumns","startsWith","enabled","addFieldToZone","removeFieldFromZone","addValueField","removeValueField","updateValueAggFunc","current","removeFromOtherZones","targetZone","some","fieldIndex","findIndex"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"pivot.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/pivot/pivot-model.ts","../../../../../libs/grid/src/lib/plugins/pivot/pivot-engine.ts","../../../../../libs/grid/src/lib/plugins/pivot/pivot-panel.ts","../../../../../libs/grid/src/lib/plugins/pivot/PivotPlugin.ts","../../../../../libs/grid/src/lib/plugins/pivot/pivot-rows.ts"],"sourcesContent":["import { getValueAggregator } from '../../core/internal/aggregators';\nimport type { PivotConfig } from './types';\n\n// Re-export for backward compatibility within pivot plugin\nexport const getPivotAggregator = getValueAggregator;\n\nexport function validatePivotConfig(config: PivotConfig): string[] {\n const errors: string[] = [];\n\n if (!config.rowGroupFields?.length && !config.columnGroupFields?.length) {\n errors.push('At least one row or column group field is required');\n }\n\n if (!config.valueFields?.length) {\n errors.push('At least one value field is required');\n }\n\n return errors;\n}\n\nexport function createValueKey(columnValues: string[], valueField: string): string {\n return [...columnValues, valueField].join('|');\n}\n","import { createValueKey, getPivotAggregator } from './pivot-model';\nimport type { PivotConfig, PivotResult, PivotRow, PivotValueField } from './types';\n\nexport type PivotDataRow = Record<string, unknown>;\n\n/**\n * Build a hierarchical pivot result from flat data.\n * Supports multiple row group fields for nested hierarchy.\n */\nexport function buildPivot(rows: PivotDataRow[], config: PivotConfig): PivotResult {\n const rowGroupFields = config.rowGroupFields ?? [];\n const columnGroupFields = config.columnGroupFields ?? [];\n const valueFields = config.valueFields ?? [];\n\n // Get unique column combinations\n const columnKeys = getUniqueColumnKeys(rows, columnGroupFields);\n\n // Build hierarchical pivot rows\n const pivotRows = buildHierarchicalPivotRows(\n rows,\n rowGroupFields,\n columnGroupFields,\n columnKeys,\n valueFields,\n 0, // starting depth\n '', // parent key prefix\n );\n\n // Calculate grand totals\n const totals = calculateTotals(pivotRows, columnKeys, valueFields);\n const grandTotal = Object.values(totals).reduce((a, b) => a + b, 0);\n\n return {\n rows: pivotRows,\n columnKeys,\n totals,\n grandTotal,\n };\n}\n\n/**\n * Get unique column key combinations from the data.\n */\nexport function getUniqueColumnKeys(rows: PivotDataRow[], columnFields: string[]): string[] {\n if (columnFields.length === 0) return ['value'];\n\n const keys = new Set<string>();\n for (const row of rows) {\n const key = columnFields.map((f) => String(row[f] ?? '')).join('|');\n keys.add(key);\n }\n return [...keys].sort();\n}\n\n/**\n * Group rows by a single field.\n */\nexport function groupByField(rows: PivotDataRow[], field: string): Map<string, PivotDataRow[]> {\n const groups = new Map<string, PivotDataRow[]>();\n\n for (const row of rows) {\n const key = String(row[field] ?? '');\n const existing = groups.get(key);\n if (existing) {\n existing.push(row);\n } else {\n groups.set(key, [row]);\n }\n }\n\n return groups;\n}\n\n/**\n * Group rows by multiple fields (legacy flat grouping).\n */\nexport function groupByFields(rows: PivotDataRow[], fields: string[]): Map<string, PivotDataRow[]> {\n const groups = new Map<string, PivotDataRow[]>();\n\n for (const row of rows) {\n const key = fields.map((f) => String(row[f] ?? '')).join('|');\n const existing = groups.get(key);\n if (existing) {\n existing.push(row);\n } else {\n groups.set(key, [row]);\n }\n }\n\n return groups;\n}\n\n/**\n * Build hierarchical pivot rows recursively.\n * Each level of rowGroupFields creates a new depth level.\n */\nexport function buildHierarchicalPivotRows(\n rows: PivotDataRow[],\n rowGroupFields: string[],\n columnFields: string[],\n columnKeys: string[],\n valueFields: PivotValueField[],\n depth: number,\n parentKey: string,\n): PivotRow[] {\n const result: PivotRow[] = [];\n\n // If no more row group fields, we're at the leaf level - aggregate the data\n if (rowGroupFields.length === 0) {\n // This shouldn't normally happen as we need at least one grouping field\n // But handle it by creating a single aggregated row\n const values = aggregateValues(rows, columnFields, columnKeys, valueFields);\n const total = calculateRowTotal(values);\n result.push({\n rowKey: parentKey || 'all',\n rowLabel: parentKey || 'All',\n depth,\n values,\n total,\n isGroup: false,\n rowCount: rows.length,\n });\n return result;\n }\n\n // Get the current grouping field\n const currentField = rowGroupFields[0];\n const remainingFields = rowGroupFields.slice(1);\n const hasChildren = remainingFields.length > 0;\n\n // Group rows by current field\n const grouped = groupByField(rows, currentField);\n\n for (const [groupValue, groupRows] of grouped) {\n const rowKey = parentKey ? `${parentKey}|${groupValue}` : groupValue;\n\n // Aggregate values for this group (sum of all child rows)\n const values = aggregateValues(groupRows, columnFields, columnKeys, valueFields);\n const total = calculateRowTotal(values);\n\n // Build children if there are more grouping levels\n let children: PivotRow[] | undefined;\n if (hasChildren) {\n children = buildHierarchicalPivotRows(\n groupRows,\n remainingFields,\n columnFields,\n columnKeys,\n valueFields,\n depth + 1,\n rowKey,\n );\n }\n\n result.push({\n rowKey,\n rowLabel: groupValue || '(blank)',\n depth,\n values,\n total,\n isGroup: hasChildren,\n children,\n rowCount: groupRows.length,\n });\n }\n\n return result;\n}\n\n/**\n * Aggregate values for a set of rows across all column keys.\n */\nexport function aggregateValues(\n rows: PivotDataRow[],\n columnFields: string[],\n columnKeys: string[],\n valueFields: PivotValueField[],\n): Record<string, number | null> {\n const values: Record<string, number | null> = {};\n\n for (const colKey of columnKeys) {\n for (const vf of valueFields) {\n // Filter rows that match this column key\n const matchingRows =\n columnFields.length > 0\n ? rows.filter((r) => columnFields.map((f) => String(r[f] ?? '')).join('|') === colKey)\n : rows;\n\n const nums = matchingRows.map((r) => Number(r[vf.field]) || 0);\n const aggregator = getPivotAggregator(vf.aggFunc);\n const aggregatedResult = nums.length > 0 ? aggregator(nums) : null;\n\n const valueKey = createValueKey([colKey], vf.field);\n values[valueKey] = aggregatedResult;\n }\n }\n\n return values;\n}\n\n/**\n * Calculate the total for a row's values.\n */\nexport function calculateRowTotal(values: Record<string, number | null>): number {\n let sum = 0;\n for (const val of Object.values(values)) {\n sum += val ?? 0;\n }\n return sum;\n}\n\n/**\n * Legacy flat pivot row building (for backwards compatibility).\n */\nexport function buildPivotRows(\n groupedData: Map<string, PivotDataRow[]>,\n columnFields: string[],\n columnKeys: string[],\n valueFields: PivotValueField[],\n depth: number,\n): PivotRow[] {\n const result: PivotRow[] = [];\n\n for (const [rowKey, groupRows] of groupedData) {\n const values = aggregateValues(groupRows, columnFields, columnKeys, valueFields);\n const total = calculateRowTotal(values);\n\n result.push({\n rowKey,\n rowLabel: rowKey || '(blank)',\n depth,\n values,\n total,\n isGroup: false,\n rowCount: groupRows.length,\n });\n }\n\n return result;\n}\n\n/**\n * Calculate grand totals across all pivot rows.\n */\nexport function calculateTotals(\n pivotRows: PivotRow[],\n columnKeys: string[],\n valueFields: PivotValueField[],\n): Record<string, number> {\n const totals: Record<string, number> = {};\n\n // Recursively sum all rows (including nested children)\n function sumRows(rows: PivotRow[]) {\n for (const row of rows) {\n // Only count leaf rows to avoid double-counting\n if (!row.isGroup || !row.children?.length) {\n for (const colKey of columnKeys) {\n for (const vf of valueFields) {\n const valueKey = createValueKey([colKey], vf.field);\n totals[valueKey] = (totals[valueKey] ?? 0) + (row.values[valueKey] ?? 0);\n }\n }\n } else if (row.children) {\n sumRows(row.children);\n }\n }\n }\n\n sumRows(pivotRows);\n return totals;\n}\n\n/**\n * Flatten hierarchical pivot rows for rendering.\n * Respects expanded state - only includes children of expanded groups.\n */\nexport function flattenPivotRows(rows: PivotRow[], expandedKeys?: Set<string>, defaultExpanded = true): PivotRow[] {\n const result: PivotRow[] = [];\n\n function flatten(row: PivotRow) {\n result.push(row);\n\n // Check if this group is expanded\n const isExpanded = expandedKeys ? expandedKeys.has(row.rowKey) : defaultExpanded;\n\n // Only include children if expanded\n if (row.children && isExpanded) {\n for (const child of row.children) {\n flatten(child);\n }\n }\n }\n\n for (const row of rows) {\n flatten(row);\n }\n\n return result;\n}\n\n/**\n * Get all group keys from pivot rows (for expand all / collapse all).\n */\nexport function getAllGroupKeys(rows: PivotRow[]): string[] {\n const keys: string[] = [];\n\n function collectKeys(row: PivotRow) {\n if (row.isGroup) {\n keys.push(row.rowKey);\n }\n if (row.children) {\n for (const child of row.children) {\n collectKeys(child);\n }\n }\n }\n\n for (const row of rows) {\n collectKeys(row);\n }\n\n return keys;\n}\n","/**\n * Pivot Tool Panel Rendering\n *\n * Pure functions for rendering the pivot configuration panel.\n * Separated from PivotPlugin for better code organization.\n */\n\nimport type { AggFunc, PivotConfig, PivotValueField } from './types';\n\n/** All available aggregation functions */\nexport const AGG_FUNCS: AggFunc[] = ['sum', 'avg', 'count', 'min', 'max', 'first', 'last'];\n\n/** Field info for available fields */\nexport interface FieldInfo {\n field: string;\n header: string;\n}\n\n/** Callbacks for panel interactions */\nexport interface PanelCallbacks {\n onTogglePivot: (enabled: boolean) => void;\n onAddFieldToZone: (field: string, zone: 'rowGroups' | 'columnGroups') => void;\n onRemoveFieldFromZone: (field: string, zone: 'rowGroups' | 'columnGroups') => void;\n onAddValueField: (field: string, aggFunc: AggFunc) => void;\n onRemoveValueField: (field: string) => void;\n onUpdateValueAggFunc: (field: string, aggFunc: AggFunc) => void;\n onOptionChange: (option: 'showTotals' | 'showGrandTotal', value: boolean) => void;\n getAvailableFields: () => FieldInfo[];\n}\n\n/** Internal context passed to rendering functions */\ninterface RenderContext {\n config: PivotConfig;\n callbacks: PanelCallbacks;\n signal: AbortSignal;\n}\n\n/**\n * Render the complete pivot panel content.\n * Returns a cleanup function that removes all event listeners and DOM elements.\n */\nexport function renderPivotPanel(\n container: HTMLElement,\n config: PivotConfig,\n isActive: boolean,\n callbacks: PanelCallbacks,\n): () => void {\n // Create AbortController for automatic listener cleanup\n const controller = new AbortController();\n const ctx: RenderContext = { config, callbacks, signal: controller.signal };\n\n const wrapper = document.createElement('div');\n wrapper.className = 'tbw-pivot-panel';\n\n // Options section (at top, includes pivot toggle)\n wrapper.appendChild(createSection('Options', () => createOptionsPanel(isActive, ctx)));\n\n // Row Groups section\n wrapper.appendChild(createSection('Row Groups', () => createFieldZone('rowGroups', ctx)));\n\n // Column Groups section\n wrapper.appendChild(createSection('Column Groups', () => createFieldZone('columnGroups', ctx)));\n\n // Values section\n wrapper.appendChild(createSection('Values', () => createValuesZone(ctx)));\n\n // Available fields section\n wrapper.appendChild(createSection('Available Fields', () => createAvailableFieldsZone(ctx)));\n\n container.appendChild(wrapper);\n\n // Cleanup: abort all listeners, then remove DOM\n return () => {\n controller.abort();\n wrapper.remove();\n };\n}\n\n/**\n * Create a collapsible section wrapper.\n */\nfunction createSection(title: string, contentFactory: () => HTMLElement): HTMLElement {\n const section = document.createElement('div');\n section.className = 'tbw-pivot-section';\n\n const header = document.createElement('div');\n header.className = 'tbw-pivot-section-header';\n header.textContent = title;\n\n const content = document.createElement('div');\n content.className = 'tbw-pivot-section-content';\n content.appendChild(contentFactory());\n\n section.appendChild(header);\n section.appendChild(content);\n\n return section;\n}\n\n/**\n * Create a drop zone for row/column group fields.\n */\nfunction createFieldZone(zoneType: 'rowGroups' | 'columnGroups', ctx: RenderContext): HTMLElement {\n const { config, callbacks, signal } = ctx;\n const zone = document.createElement('div');\n zone.className = 'tbw-pivot-drop-zone';\n zone.setAttribute('data-zone', zoneType);\n\n const currentFields = zoneType === 'rowGroups' ? (config.rowGroupFields ?? []) : (config.columnGroupFields ?? []);\n\n if (currentFields.length === 0) {\n const placeholder = document.createElement('div');\n placeholder.className = 'tbw-pivot-placeholder';\n placeholder.textContent = 'Drag fields here or click to add';\n zone.appendChild(placeholder);\n } else {\n for (const field of currentFields) {\n zone.appendChild(createFieldChip(field, zoneType, ctx));\n }\n }\n\n // Drop handling\n zone.addEventListener(\n 'dragover',\n (e) => {\n e.preventDefault();\n zone.classList.add('drag-over');\n },\n { signal },\n );\n\n zone.addEventListener(\n 'dragleave',\n () => {\n zone.classList.remove('drag-over');\n },\n { signal },\n );\n\n zone.addEventListener(\n 'drop',\n (e) => {\n e.preventDefault();\n zone.classList.remove('drag-over');\n\n const field = e.dataTransfer?.getData('text/plain');\n if (field) {\n callbacks.onAddFieldToZone(field, zoneType);\n }\n },\n { signal },\n );\n\n return zone;\n}\n\n/**\n * Create a field chip for row/column zones.\n */\nfunction createFieldChip(field: string, zoneType: 'rowGroups' | 'columnGroups', ctx: RenderContext): HTMLElement {\n const { callbacks, signal } = ctx;\n const chip = document.createElement('div');\n chip.className = 'tbw-pivot-field-chip';\n chip.draggable = true;\n\n const fieldInfo = callbacks.getAvailableFields().find((f) => f.field === field);\n const label = document.createElement('span');\n label.className = 'tbw-pivot-chip-label';\n label.textContent = fieldInfo?.header ?? field;\n\n const removeBtn = document.createElement('button');\n removeBtn.className = 'tbw-pivot-chip-remove';\n removeBtn.innerHTML = '×';\n removeBtn.title = 'Remove field';\n removeBtn.addEventListener(\n 'click',\n (e) => {\n e.stopPropagation();\n callbacks.onRemoveFieldFromZone(field, zoneType);\n },\n { signal },\n );\n\n chip.appendChild(label);\n chip.appendChild(removeBtn);\n\n // Drag handling for reordering\n chip.addEventListener(\n 'dragstart',\n (e) => {\n e.dataTransfer?.setData('text/plain', field);\n e.dataTransfer?.setData('source-zone', zoneType);\n chip.classList.add('dragging');\n },\n { signal },\n );\n\n chip.addEventListener(\n 'dragend',\n () => {\n chip.classList.remove('dragging');\n },\n { signal },\n );\n\n return chip;\n}\n\n/**\n * Create the values zone with aggregation controls.\n */\nfunction createValuesZone(ctx: RenderContext): HTMLElement {\n const { config, callbacks, signal } = ctx;\n const zone = document.createElement('div');\n zone.className = 'tbw-pivot-drop-zone tbw-pivot-values-zone';\n zone.setAttribute('data-zone', 'values');\n\n const currentValues = config.valueFields ?? [];\n\n if (currentValues.length === 0) {\n const placeholder = document.createElement('div');\n placeholder.className = 'tbw-pivot-placeholder';\n placeholder.textContent = 'Drag numeric fields here for aggregation';\n zone.appendChild(placeholder);\n } else {\n for (const valueField of currentValues) {\n zone.appendChild(createValueChip(valueField, ctx));\n }\n }\n\n // Drop handling with signal for cleanup\n zone.addEventListener(\n 'dragover',\n (e) => {\n e.preventDefault();\n zone.classList.add('drag-over');\n },\n { signal },\n );\n\n zone.addEventListener(\n 'dragleave',\n () => {\n zone.classList.remove('drag-over');\n },\n { signal },\n );\n\n zone.addEventListener(\n 'drop',\n (e) => {\n e.preventDefault();\n zone.classList.remove('drag-over');\n const field = e.dataTransfer?.getData('text/plain');\n if (field) {\n callbacks.onAddValueField(field, 'sum');\n }\n },\n { signal },\n );\n\n return zone;\n}\n\n/**\n * Create a value chip with aggregation selector.\n */\nfunction createValueChip(valueField: PivotValueField, ctx: RenderContext): HTMLElement {\n const { callbacks, signal } = ctx;\n const chip = document.createElement('div');\n chip.className = 'tbw-pivot-field-chip tbw-pivot-value-chip';\n\n const fieldInfo = callbacks.getAvailableFields().find((f) => f.field === valueField.field);\n\n const labelWrapper = document.createElement('div');\n labelWrapper.className = 'tbw-pivot-value-label-wrapper';\n\n const label = document.createElement('span');\n label.className = 'tbw-pivot-chip-label';\n label.textContent = fieldInfo?.header ?? valueField.field;\n\n const aggSelect = document.createElement('select');\n aggSelect.className = 'tbw-pivot-agg-select';\n aggSelect.title = 'Aggregation function';\n\n for (const aggFunc of AGG_FUNCS) {\n const option = document.createElement('option');\n option.value = aggFunc;\n option.textContent = aggFunc.toUpperCase();\n option.selected = aggFunc === valueField.aggFunc;\n aggSelect.appendChild(option);\n }\n\n aggSelect.addEventListener(\n 'change',\n () => {\n callbacks.onUpdateValueAggFunc(valueField.field, aggSelect.value as AggFunc);\n },\n { signal },\n );\n\n const removeBtn = document.createElement('button');\n removeBtn.className = 'tbw-pivot-chip-remove';\n removeBtn.innerHTML = '×';\n removeBtn.title = 'Remove value field';\n removeBtn.addEventListener(\n 'click',\n (e) => {\n e.stopPropagation();\n callbacks.onRemoveValueField(valueField.field);\n },\n { signal },\n );\n\n labelWrapper.appendChild(label);\n labelWrapper.appendChild(aggSelect);\n\n chip.appendChild(labelWrapper);\n chip.appendChild(removeBtn);\n\n return chip;\n}\n\n/**\n * Create the available fields zone.\n */\nfunction createAvailableFieldsZone(ctx: RenderContext): HTMLElement {\n const { config, callbacks, signal } = ctx;\n const zone = document.createElement('div');\n zone.className = 'tbw-pivot-available-fields';\n\n const allFields = callbacks.getAvailableFields();\n const usedFields = new Set([\n ...(config.rowGroupFields ?? []),\n ...(config.columnGroupFields ?? []),\n ...(config.valueFields?.map((v) => v.field) ?? []),\n ]);\n\n // Filter to show only unused fields\n const availableFields = allFields.filter((f) => !usedFields.has(f.field));\n\n if (availableFields.length === 0) {\n const empty = document.createElement('div');\n empty.className = 'tbw-pivot-placeholder';\n empty.textContent = 'All fields are in use';\n zone.appendChild(empty);\n } else {\n for (const field of availableFields) {\n const chip = document.createElement('div');\n chip.className = 'tbw-pivot-field-chip available';\n chip.textContent = field.header;\n chip.draggable = true;\n chip.title = `Drag to add \"${field.field}\" to a zone`;\n\n chip.addEventListener(\n 'dragstart',\n (e) => {\n e.dataTransfer?.setData('text/plain', field.field);\n chip.classList.add('dragging');\n },\n { signal },\n );\n\n chip.addEventListener(\n 'dragend',\n () => {\n chip.classList.remove('dragging');\n },\n { signal },\n );\n\n zone.appendChild(chip);\n }\n }\n\n return zone;\n}\n\n/**\n * Create the options panel with pivot toggle and checkboxes for totals.\n */\nfunction createOptionsPanel(isActive: boolean, ctx: RenderContext): HTMLElement {\n const { config, callbacks, signal } = ctx;\n const panel = document.createElement('div');\n panel.className = 'tbw-pivot-options';\n\n // Pivot Mode toggle\n panel.appendChild(\n createCheckbox(\n 'Enable Pivot View',\n isActive,\n (checked) => {\n callbacks.onTogglePivot(checked);\n },\n signal,\n ),\n );\n\n // Show Totals checkbox\n panel.appendChild(\n createCheckbox(\n 'Show Row Totals',\n config.showTotals ?? true,\n (checked) => {\n callbacks.onOptionChange('showTotals', checked);\n },\n signal,\n ),\n );\n\n // Show Grand Total checkbox\n panel.appendChild(\n createCheckbox(\n 'Show Grand Total',\n config.showGrandTotal ?? true,\n (checked) => {\n callbacks.onOptionChange('showGrandTotal', checked);\n },\n signal,\n ),\n );\n\n return panel;\n}\n\n/**\n * Create a checkbox with label.\n */\nfunction createCheckbox(\n label: string,\n checked: boolean,\n onChange: (checked: boolean) => void,\n signal: AbortSignal,\n): HTMLElement {\n const wrapper = document.createElement('label');\n wrapper.className = 'tbw-pivot-checkbox';\n\n const input = document.createElement('input');\n input.type = 'checkbox';\n input.checked = checked;\n input.addEventListener('change', () => onChange(input.checked), { signal });\n\n const span = document.createElement('span');\n span.textContent = label;\n\n wrapper.appendChild(input);\n wrapper.appendChild(span);\n\n return wrapper;\n}\n","/**\n * Pivot Plugin (Class-based)\n *\n * Provides pivot table functionality for tbw-grid.\n * Transforms flat data into grouped, aggregated pivot views.\n * Includes a tool panel for interactive pivot configuration.\n */\n\nimport { BaseGridPlugin, type PluginManifest } from '../../core/plugin/base-plugin';\nimport type { ColumnConfig, ToolPanelDefinition } from '../../core/types';\nimport { buildPivot, flattenPivotRows, getAllGroupKeys, type PivotDataRow } from './pivot-engine';\nimport { createValueKey, validatePivotConfig } from './pivot-model';\nimport { renderPivotPanel, type FieldInfo, type PanelCallbacks } from './pivot-panel';\nimport { renderPivotGrandTotalRow, renderPivotGroupRow, renderPivotLeafRow, type PivotRowData } from './pivot-rows';\nimport type { AggFunc, ExpandCollapseAnimation, PivotConfig, PivotResult, PivotValueField } from './types';\n\n// Import CSS as inline string (Vite handles this)\nimport styles from './pivot.css?inline';\n\n/**\n * Pivot Table Plugin for tbw-grid\n *\n * Transforms flat data into a pivot table view with grouped rows, grouped columns,\n * and aggregated values. Includes an interactive tool panel for configuring\n * row groups, column groups, and value aggregations at runtime.\n *\n * ## Installation\n *\n * ```ts\n * import { PivotPlugin } from '@toolbox-web/grid/plugins/pivot';\n * ```\n *\n * ## Configuration Options\n *\n * | Option | Type | Default | Description |\n * |--------|------|---------|-------------|\n * | `active` | `boolean` | `true` | Whether pivot is active on load |\n * | `rowGroupFields` | `string[]` | `[]` | Fields for row grouping |\n * | `columnGroupFields` | `string[]` | `[]` | Fields for column grouping |\n * | `valueFields` | `ValueField[]` | `[]` | Aggregation value fields |\n * | `showTotals` | `boolean` | `true` | Show row subtotals |\n * | `showGrandTotal` | `boolean` | `true` | Show grand total row |\n * | `showToolPanel` | `boolean` | `true` | Show interactive pivot panel |\n * | `defaultExpanded` | `boolean` | `true` | Groups expanded by default |\n * | `indentWidth` | `number` | `20` | Indent per depth level (px) |\n * | `animation` | `false \\| 'slide' \\| 'fade'` | `'slide'` | Expand/collapse animation |\n *\n * ## Aggregation Functions\n *\n * `sum`, `avg`, `count`, `min`, `max`, `first`, `last`\n *\n * ## Programmatic API\n *\n * | Method | Signature | Description |\n * |--------|-----------|-------------|\n * | `expandGroup` | `(path: string[]) => void` | Expand a specific group |\n * | `collapseGroup` | `(path: string[]) => void` | Collapse a specific group |\n * | `expandAll` | `() => void` | Expand all groups |\n * | `collapseAll` | `() => void` | Collapse all groups |\n *\n * ## CSS Custom Properties\n *\n * | Property | Default | Description |\n * |----------|---------|-------------|\n * | `--tbw-pivot-group-bg` | `var(--tbw-color-row-alt)` | Group row background |\n * | `--tbw-pivot-grand-total-bg` | `var(--tbw-color-header-bg)` | Grand total row |\n *\n * @example Basic Pivot Table\n * ```ts\n * import '@toolbox-web/grid';\n * import { PivotPlugin } from '@toolbox-web/grid/plugins/pivot';\n *\n * grid.gridConfig = {\n * columns: [...],\n * plugins: [\n * new PivotPlugin({\n * rowGroupFields: ['region', 'product'],\n * columnGroupFields: ['quarter'],\n * valueFields: [{ field: 'sales', aggFunc: 'sum', header: 'Total' }],\n * }),\n * ],\n * };\n * ```\n *\n * @example Programmatic-Only (No Tool Panel)\n * ```ts\n * new PivotPlugin({\n * showToolPanel: false,\n * rowGroupFields: ['category'],\n * valueFields: [{ field: 'amount', aggFunc: 'sum' }],\n * })\n * ```\n *\n * @see {@link PivotConfig} for all configuration options\n * @see {@link PivotValueField} for value field structure\n *\n * @internal Extends BaseGridPlugin\n */\nexport class PivotPlugin extends BaseGridPlugin<PivotConfig> {\n /**\n * Plugin manifest declaring incompatibilities with other plugins.\n * @internal\n */\n static override readonly manifest: PluginManifest = {\n incompatibleWith: [\n {\n name: 'groupingRows',\n reason:\n 'PivotPlugin creates its own aggregated row and column structure. ' +\n 'Row grouping cannot be applied on top of pivot-generated rows.',\n },\n {\n name: 'tree',\n reason:\n 'PivotPlugin replaces the entire row and column structure with aggregated pivot data. ' +\n 'Tree hierarchy cannot coexist with pivot aggregation.',\n },\n {\n name: 'serverSide',\n reason:\n 'PivotPlugin requires the full dataset to compute aggregations. ' +\n 'ServerSidePlugin lazy-loads rows in blocks, so pivot aggregation cannot be performed client-side.',\n },\n ],\n };\n\n /** @internal */\n readonly name = 'pivot';\n /** @internal */\n override readonly styles = styles;\n\n /** Tool panel ID for shell integration */\n static readonly PANEL_ID = 'pivot';\n\n /** @internal */\n protected override get defaultConfig(): Partial<PivotConfig> {\n return {\n active: true,\n showTotals: true,\n showGrandTotal: true,\n showToolPanel: true,\n animation: 'slide',\n };\n }\n\n // #region Internal State\n private isActive = false;\n private hasInitialized = false;\n private pivotResult: PivotResult | null = null;\n private fieldHeaderMap: Map<string, string> = new Map();\n private expandedKeys: Set<string> = new Set();\n private defaultExpanded = true;\n /** Tracks whether user has manually interacted with expand/collapse */\n private userHasToggledExpand = false;\n private originalColumns: Array<{ field: string; header: string }> = [];\n private panelContainer: HTMLElement | null = null;\n private grandTotalFooter: HTMLElement | null = null;\n private previousVisibleKeys = new Set<string>();\n private keysToAnimate = new Set<string>();\n\n /**\n * Check if the plugin has valid pivot configuration (at least value fields).\n */\n private hasValidPivotConfig(): boolean {\n return (this.config.valueFields?.length ?? 0) > 0;\n }\n\n /**\n * Get expand/collapse animation style from plugin config.\n * Uses base class isAnimationEnabled to respect grid-level settings.\n */\n private get animationStyle(): ExpandCollapseAnimation {\n if (!this.isAnimationEnabled) return false;\n return this.config.animation ?? 'slide';\n }\n\n // #endregion\n\n // #region Lifecycle\n\n /** @internal */\n override detach(): void {\n this.isActive = false;\n this.hasInitialized = false;\n this.pivotResult = null;\n this.fieldHeaderMap.clear();\n this.originalColumns = [];\n this.panelContainer = null;\n this.cleanupGrandTotalFooter();\n this.previousVisibleKeys.clear();\n this.keysToAnimate.clear();\n this.userHasToggledExpand = false;\n }\n\n // #endregion\n\n // #region Shell Integration\n\n /** @internal */\n override getToolPanel(): ToolPanelDefinition | undefined {\n // Allow users to disable the tool panel for programmatic-only pivot\n // Check userConfig first (works before attach), then merged config\n const showToolPanel = this.config?.showToolPanel ?? this.userConfig?.showToolPanel ?? true;\n if (showToolPanel === false) {\n return undefined;\n }\n\n return {\n id: PivotPlugin.PANEL_ID,\n title: 'Pivot',\n icon: '⊞',\n tooltip: 'Configure pivot table',\n order: 90,\n render: (container) => this.renderPanel(container),\n };\n }\n\n // #endregion\n\n // #region Hooks\n\n /** @internal */\n override processRows(rows: readonly unknown[]): PivotDataRow[] {\n // Auto-enable pivot if config.active is true and we have valid pivot fields\n if (!this.hasInitialized && this.config.active !== false && this.hasValidPivotConfig()) {\n this.hasInitialized = true;\n this.isActive = true;\n }\n\n if (!this.isActive) {\n return [...rows] as PivotDataRow[];\n }\n\n const errors = validatePivotConfig(this.config);\n if (errors.length > 0) {\n this.warn(`Config errors: ${errors.join(', ')}`);\n return [...rows] as PivotDataRow[];\n }\n\n this.buildFieldHeaderMap();\n this.defaultExpanded = this.config.defaultExpanded ?? true;\n\n // Build pivot first so we have the rows structure\n this.pivotResult = buildPivot(rows as PivotDataRow[], this.config);\n\n // Initialize expanded state with defaults if first build AND user hasn't manually toggled\n // This prevents re-expanding when user collapses all groups\n if (this.expandedKeys.size === 0 && this.defaultExpanded && !this.userHasToggledExpand) {\n this.expandAllKeys();\n }\n\n // Return flattened pivot rows respecting expanded state\n const indentWidth = this.config.indentWidth ?? 20;\n const flatRows: PivotDataRow[] = flattenPivotRows(\n this.pivotResult.rows,\n this.expandedKeys,\n this.defaultExpanded,\n ).map((pr) => ({\n __pivotRowKey: pr.rowKey,\n __pivotLabel: pr.rowLabel,\n __pivotDepth: pr.depth,\n __pivotIsGroup: pr.isGroup,\n __pivotHasChildren: Boolean(pr.children?.length),\n __pivotExpanded: this.expandedKeys.has(pr.rowKey),\n __pivotRowCount: pr.rowCount ?? 0,\n __pivotIndent: pr.depth * indentWidth,\n __pivotTotal: pr.total,\n ...pr.values,\n }));\n\n // Track which rows are newly visible (for animation)\n this.keysToAnimate.clear();\n const currentVisibleKeys = new Set<string>();\n for (const row of flatRows) {\n const key = row.__pivotRowKey as string;\n currentVisibleKeys.add(key);\n // Animate non-root rows that weren't previously visible\n if (!this.previousVisibleKeys.has(key) && (row.__pivotDepth as number) > 0) {\n this.keysToAnimate.add(key);\n }\n }\n this.previousVisibleKeys = currentVisibleKeys;\n\n // Grand total is rendered as a pinned footer row in afterRender,\n // not as part of the scrolling row data\n\n return flatRows;\n }\n\n /** @internal */\n override processColumns(columns: readonly ColumnConfig[]): ColumnConfig[] {\n if (!this.isActive || !this.pivotResult) {\n return [...columns];\n }\n\n const pivotColumns: ColumnConfig[] = [];\n\n // Row label column\n const rowGroupHeaders = (this.config.rowGroupFields ?? []).map((f) => this.fieldHeaderMap.get(f) ?? f).join(' / ');\n pivotColumns.push({\n field: '__pivotLabel',\n header: rowGroupHeaders || 'Group',\n width: 200,\n });\n\n // Value columns for each column key\n for (const colKey of this.pivotResult.columnKeys) {\n for (const vf of this.config.valueFields ?? []) {\n const valueKey = createValueKey([colKey], vf.field);\n const valueHeader = vf.header || this.fieldHeaderMap.get(vf.field) || vf.field;\n pivotColumns.push({\n field: valueKey,\n header: `${colKey} - ${valueHeader} (${vf.aggFunc})`,\n width: 120,\n type: 'number',\n });\n }\n }\n\n // Totals column\n if (this.config.showTotals) {\n pivotColumns.push({\n field: '__pivotTotal',\n header: 'Total',\n width: 100,\n type: 'number',\n });\n }\n\n return pivotColumns;\n }\n\n /** @internal */\n override renderRow(row: Record<string, unknown>, rowEl: HTMLElement, rowIndex: number): boolean {\n const pivotRow = row as PivotRowData;\n\n // Handle pivot group row (has children)\n if (pivotRow.__pivotRowKey && pivotRow.__pivotHasChildren) {\n return renderPivotGroupRow(pivotRow, rowEl, {\n columns: this.gridColumns,\n rowIndex,\n onToggle: (key) => this.toggle(key),\n resolveIcon: (iconKey) => this.resolveIcon(iconKey),\n setIcon: (el, icon) => this.setIcon(el, icon),\n });\n }\n\n // Handle pivot leaf row (no children but in pivot mode)\n if (pivotRow.__pivotRowKey !== undefined && this.isActive) {\n return renderPivotLeafRow(pivotRow, rowEl, this.gridColumns, rowIndex);\n }\n\n // Clean up any leftover pivot styling from pooled row elements\n this.cleanupPivotStyling(rowEl);\n\n return false;\n }\n\n /**\n * Remove pivot-specific classes, attributes, and inline styles from a row element.\n * Called when pivot mode is disabled to clean up reused DOM elements.\n * Clears innerHTML so the grid's default renderer can rebuild the row.\n */\n private cleanupPivotStyling(rowEl: HTMLElement): void {\n // Check if this row was previously rendered by pivot (has pivot classes)\n const wasPivotRow =\n rowEl.classList.contains('pivot-group-row') ||\n rowEl.classList.contains('pivot-leaf-row') ||\n rowEl.classList.contains('pivot-grand-total-row');\n\n if (wasPivotRow) {\n // Remove pivot row classes and restore the default grid row class\n rowEl.classList.remove('pivot-group-row', 'pivot-leaf-row', 'pivot-grand-total-row');\n rowEl.classList.add('data-grid-row');\n\n // Remove pivot-specific attributes\n rowEl.removeAttribute('data-pivot-depth');\n\n // Clear the row content so the default renderer can rebuild it\n rowEl.innerHTML = '';\n }\n }\n\n /** @internal */\n override onKeyDown(event: KeyboardEvent): boolean | void {\n // SPACE toggles expansion on pivot group rows\n if (event.key !== ' ') return;\n if (!this.isActive) return;\n\n const focusRow = this.grid._focusRow;\n const row = this.rows[focusRow] as Record<string, unknown> | undefined;\n\n // Only handle SPACE on pivot group rows with children\n if (!row?.__pivotIsGroup || !row.__pivotHasChildren) return;\n\n event.preventDefault();\n this.toggle(row.__pivotRowKey as string);\n\n // Restore focus styling after render completes via render pipeline\n this.requestRenderWithFocus();\n return true;\n }\n\n /** @internal */\n override afterRender(): void {\n // Render grand total as a sticky pinned footer when pivot is active\n if (this.isActive && this.config.showGrandTotal && this.pivotResult) {\n this.renderGrandTotalFooter();\n } else {\n this.cleanupGrandTotalFooter();\n }\n\n // Apply animations to newly visible rows\n const style = this.animationStyle;\n if (style === false || this.keysToAnimate.size === 0) return;\n\n const body = this.gridElement?.querySelector('.rows');\n if (!body) return;\n\n const animClass = style === 'fade' ? 'tbw-pivot-fade-in' : 'tbw-pivot-slide-in';\n for (const rowEl of body.querySelectorAll('.pivot-group-row, .pivot-leaf-row')) {\n const key = (rowEl as HTMLElement).dataset.pivotKey;\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\n /**\n * Render the grand total row as a sticky footer pinned to the bottom.\n */\n private renderGrandTotalFooter(): void {\n if (!this.pivotResult) return;\n\n const gridEl = this.gridElement;\n if (!gridEl) return;\n\n // Find the scroll container to append the footer\n const container =\n gridEl.querySelector('.tbw-scroll-area') ??\n gridEl.querySelector('.tbw-grid-content') ??\n gridEl.querySelector('.tbw-grid-root');\n if (!container) return;\n\n // Create footer if it doesn't exist\n if (!this.grandTotalFooter) {\n this.grandTotalFooter = document.createElement('div');\n this.grandTotalFooter.className = 'pivot-grand-total-footer';\n container.appendChild(this.grandTotalFooter);\n }\n\n // Build the row data for grand total\n const grandTotalRow: PivotRowData = {\n __pivotRowKey: '__grandTotal',\n __pivotLabel: 'Grand Total',\n __pivotIsGrandTotal: true,\n __pivotTotal: this.pivotResult.grandTotal,\n ...this.pivotResult.totals,\n };\n\n // Render the grand total row into the footer\n renderPivotGrandTotalRow(grandTotalRow, this.grandTotalFooter, this.gridColumns);\n }\n\n /**\n * Remove the grand total footer element.\n */\n private cleanupGrandTotalFooter(): void {\n if (this.grandTotalFooter) {\n this.grandTotalFooter.remove();\n this.grandTotalFooter = null;\n }\n }\n\n // #endregion\n\n // #region Expand/Collapse API\n\n toggle(key: string): void {\n this.userHasToggledExpand = true;\n if (this.expandedKeys.has(key)) {\n this.expandedKeys.delete(key);\n } else {\n this.expandedKeys.add(key);\n }\n this.requestRender();\n }\n\n /**\n * Expand a specific pivot group row, revealing its children.\n *\n * @param key - The pivot row key (hierarchical path, e.g. `'Engineering'` or `'Engineering||Frontend'`)\n */\n expand(key: string): void {\n this.userHasToggledExpand = true;\n this.expandedKeys.add(key);\n this.requestRender();\n }\n\n /**\n * Collapse a specific pivot group row, hiding its children.\n *\n * @param key - The pivot row key to collapse\n */\n collapse(key: string): void {\n this.userHasToggledExpand = true;\n this.expandedKeys.delete(key);\n this.requestRender();\n }\n\n /**\n * Expand all pivot group rows, revealing the full hierarchy.\n */\n expandAll(): void {\n this.userHasToggledExpand = true;\n this.expandAllKeys();\n this.requestRender();\n }\n\n /**\n * Collapse all pivot group rows, showing only top-level groups.\n */\n collapseAll(): void {\n this.userHasToggledExpand = true;\n this.expandedKeys.clear();\n this.requestRender();\n }\n\n /**\n * Add all group keys from the current pivot result to expandedKeys.\n */\n private expandAllKeys(): void {\n if (!this.pivotResult) return;\n const allKeys = getAllGroupKeys(this.pivotResult.rows);\n for (const key of allKeys) {\n this.expandedKeys.add(key);\n }\n }\n\n /**\n * Check whether a specific pivot group row is currently expanded.\n *\n * @param key - The pivot row key to check\n * @returns `true` if the group is expanded\n */\n isExpanded(key: string): boolean {\n return this.expandedKeys.has(key);\n }\n\n // #endregion\n\n // #region Public API\n\n /**\n * Enable pivot mode.\n *\n * Captures the original column set (if not already captured) and activates\n * the pivot transformation. The grid will re-render with pivot columns and rows.\n *\n * @example\n * ```ts\n * const pivot = grid.getPluginByName('pivot');\n * pivot.enablePivot();\n * ```\n */\n enablePivot(): void {\n if (this.originalColumns.length === 0) {\n this.captureOriginalColumns();\n }\n this.isActive = true;\n this.requestRender();\n }\n\n /**\n * Disable pivot mode and restore the original grid columns.\n *\n * The grid reverts to its normal tabular layout with the original column definitions.\n */\n disablePivot(): void {\n this.isActive = false;\n this.pivotResult = null;\n this.requestRender();\n }\n\n /**\n * Check whether pivot mode is currently active.\n *\n * @returns `true` if the grid is in pivot mode\n */\n isPivotActive(): boolean {\n return this.isActive;\n }\n\n /**\n * Get the current pivot computation result.\n *\n * Returns the full {@link PivotResult} with rows, column keys, totals,\n * and grand total. Returns `null` if pivot is inactive or not yet computed.\n *\n * @returns The computed pivot result, or `null`\n */\n getPivotResult(): PivotResult | null {\n return this.pivotResult;\n }\n\n /**\n * Set the fields used for row grouping (vertical axis).\n *\n * Triggers a re-render with the new pivot structure.\n *\n * @param fields - Array of field names to group rows by\n *\n * @example\n * ```ts\n * const pivot = grid.getPluginByName('pivot');\n * pivot.setRowGroupFields(['region', 'department']);\n * ```\n */\n setRowGroupFields(fields: string[]): void {\n this.config.rowGroupFields = fields;\n this.requestRender();\n }\n\n /**\n * Set the fields whose unique values become column headers (horizontal axis).\n *\n * Triggers a re-render with the new pivot column structure.\n *\n * @param fields - Array of field names for column grouping\n *\n * @example\n * ```ts\n * const pivot = grid.getPluginByName('pivot');\n * pivot.setColumnGroupFields(['quarter']);\n * ```\n */\n setColumnGroupFields(fields: string[]): void {\n this.config.columnGroupFields = fields;\n this.requestRender();\n }\n\n /**\n * Set the value fields and their aggregation functions.\n *\n * Each value field defines which data field to aggregate and how.\n * Triggers a re-render with the new aggregation.\n *\n * @param fields - Array of {@link PivotValueField} definitions\n *\n * @example\n * ```ts\n * const pivot = grid.getPluginByName('pivot');\n * pivot.setValueFields([\n * { field: 'revenue', aggFunc: 'sum', header: 'Total Revenue' },\n * { field: 'orders', aggFunc: 'count', header: '# Orders' },\n * ]);\n * ```\n */\n setValueFields(fields: PivotValueField[]): void {\n this.config.valueFields = fields;\n this.requestRender();\n }\n\n /**\n * Force re-computation of the pivot result.\n *\n * Clears the cached pivot result and triggers a full re-render.\n * Call this after changing the underlying row data.\n */\n refresh(): void {\n this.pivotResult = null;\n this.requestRender();\n }\n\n // #endregion\n\n // #region Tool Panel API\n\n /**\n * Show the pivot tool panel.\n * Opens the tool panel and ensures this section is expanded.\n */\n showPanel(): void {\n this.grid.openToolPanel();\n // Ensure our section is expanded\n if (!this.grid.expandedToolPanelSections.includes(PivotPlugin.PANEL_ID)) {\n this.grid.toggleToolPanelSection(PivotPlugin.PANEL_ID);\n }\n }\n\n /**\n * Hide the tool panel.\n */\n hidePanel(): void {\n this.grid.closeToolPanel();\n }\n\n /**\n * Toggle the pivot tool panel section.\n */\n togglePanel(): void {\n // If tool panel is closed, open it first\n if (!this.grid.isToolPanelOpen) {\n this.grid.openToolPanel();\n }\n this.grid.toggleToolPanelSection(PivotPlugin.PANEL_ID);\n }\n\n /**\n * Check if the pivot panel section is currently expanded.\n */\n isPanelVisible(): boolean {\n return this.grid.isToolPanelOpen && this.grid.expandedToolPanelSections.includes(PivotPlugin.PANEL_ID);\n }\n\n // #endregion\n\n // #region Private Helpers\n\n private get gridColumns(): ColumnConfig[] {\n return (this.grid.columns ?? []) as ColumnConfig[];\n }\n\n /**\n * Refresh pivot and update tool panel if active.\n */\n private refreshIfActive(): void {\n if (this.isActive) this.refresh();\n this.refreshPanel();\n }\n\n private buildFieldHeaderMap(): void {\n const availableFields = this.getAvailableFields();\n this.fieldHeaderMap.clear();\n for (const field of availableFields) {\n this.fieldHeaderMap.set(field.field, field.header);\n }\n }\n\n private getAvailableFields(): FieldInfo[] {\n if (this.originalColumns.length > 0) {\n return this.originalColumns;\n }\n return this.captureOriginalColumns();\n }\n\n private captureOriginalColumns(): FieldInfo[] {\n try {\n const columns = this.grid.getAllColumns?.() ?? this.grid.columns ?? [];\n this.originalColumns = columns\n .filter((col: { field: string }) => !col.field.startsWith('__pivot'))\n .map((col: { field: string; header?: string }) => ({\n field: col.field,\n header: col.header ?? col.field,\n }));\n return this.originalColumns;\n } catch {\n return [];\n }\n }\n\n private renderPanel(container: HTMLElement): (() => void) | void {\n this.panelContainer = container;\n\n if (this.originalColumns.length === 0) {\n this.captureOriginalColumns();\n }\n\n const callbacks: PanelCallbacks = {\n onTogglePivot: (enabled) => {\n if (enabled) {\n this.enablePivot();\n } else {\n this.disablePivot();\n }\n this.refreshPanel();\n },\n onAddFieldToZone: (field, zone) => this.addFieldToZone(field, zone),\n onRemoveFieldFromZone: (field, zone) => this.removeFieldFromZone(field, zone),\n onAddValueField: (field, aggFunc) => this.addValueField(field, aggFunc),\n onRemoveValueField: (field) => this.removeValueField(field),\n onUpdateValueAggFunc: (field, aggFunc) => this.updateValueAggFunc(field, aggFunc),\n onOptionChange: (option, value) => {\n this.config[option] = value;\n if (this.isActive) this.refresh();\n },\n getAvailableFields: () => this.getAvailableFields(),\n };\n\n return renderPivotPanel(container, this.config, this.isActive, callbacks);\n }\n\n private refreshPanel(): void {\n if (!this.panelContainer) return;\n this.panelContainer.innerHTML = '';\n this.renderPanel(this.panelContainer);\n }\n\n private addFieldToZone(field: string, zoneType: 'rowGroups' | 'columnGroups'): void {\n if (zoneType === 'rowGroups') {\n const current = this.config.rowGroupFields ?? [];\n if (!current.includes(field)) {\n this.config.rowGroupFields = [...current, field];\n }\n } else {\n const current = this.config.columnGroupFields ?? [];\n if (!current.includes(field)) {\n this.config.columnGroupFields = [...current, field];\n }\n }\n\n this.removeFromOtherZones(field, zoneType);\n this.refreshIfActive();\n }\n\n private removeFieldFromZone(field: string, zoneType: 'rowGroups' | 'columnGroups'): void {\n if (zoneType === 'rowGroups') {\n this.config.rowGroupFields = (this.config.rowGroupFields ?? []).filter((f) => f !== field);\n } else {\n this.config.columnGroupFields = (this.config.columnGroupFields ?? []).filter((f) => f !== field);\n }\n\n this.refreshIfActive();\n }\n\n private removeFromOtherZones(field: string, targetZone: 'rowGroups' | 'columnGroups' | 'values'): void {\n if (targetZone !== 'rowGroups') {\n this.config.rowGroupFields = (this.config.rowGroupFields ?? []).filter((f) => f !== field);\n }\n if (targetZone !== 'columnGroups') {\n this.config.columnGroupFields = (this.config.columnGroupFields ?? []).filter((f) => f !== field);\n }\n if (targetZone !== 'values') {\n this.config.valueFields = (this.config.valueFields ?? []).filter((v) => v.field !== field);\n }\n }\n\n private addValueField(field: string, aggFunc: AggFunc): void {\n const current = this.config.valueFields ?? [];\n if (!current.some((v) => v.field === field)) {\n this.config.valueFields = [...current, { field, aggFunc }];\n }\n\n this.removeFromOtherZones(field, 'values');\n this.refreshIfActive();\n }\n\n private removeValueField(field: string): void {\n this.config.valueFields = (this.config.valueFields ?? []).filter((v) => v.field !== field);\n this.refreshIfActive();\n }\n\n private updateValueAggFunc(field: string, aggFunc: AggFunc): void {\n const valueFields = this.config.valueFields ?? [];\n const fieldIndex = valueFields.findIndex((v) => v.field === field);\n if (fieldIndex >= 0) {\n valueFields[fieldIndex] = { ...valueFields[fieldIndex], aggFunc };\n this.config.valueFields = [...valueFields];\n }\n if (this.isActive) this.refresh();\n }\n\n // #endregion\n}\n","/**\n * Pivot Row Rendering\n *\n * Pure functions for rendering pivot rows (group rows, leaf rows, grand total).\n * Separated from PivotPlugin for better code organization.\n */\n\nimport type { ColumnConfig, IconValue } from '../../core/types';\n\n/** Row data with pivot metadata */\nexport interface PivotRowData {\n __pivotRowKey?: string;\n __pivotLabel?: string;\n __pivotDepth?: number;\n __pivotIndent?: number;\n __pivotExpanded?: boolean;\n __pivotHasChildren?: boolean;\n __pivotRowCount?: number;\n __pivotIsGrandTotal?: boolean;\n [key: string]: unknown;\n}\n\n/** Context for row rendering */\nexport interface RowRenderContext {\n columns: ColumnConfig[];\n rowIndex: number;\n onToggle: (key: string) => void;\n resolveIcon: (iconKey: 'expand' | 'collapse') => IconValue;\n setIcon: (element: HTMLElement, icon: IconValue) => void;\n}\n\n/**\n * Render a pivot group row (has children, can expand/collapse).\n */\nexport function renderPivotGroupRow(row: PivotRowData, rowEl: HTMLElement, ctx: RowRenderContext): boolean {\n rowEl.className = 'data-grid-row pivot-group-row';\n rowEl.setAttribute('data-pivot-depth', String(row.__pivotDepth ?? 0));\n rowEl.setAttribute('data-pivot-key', String(row.__pivotRowKey ?? ''));\n rowEl.setAttribute('role', 'row');\n // Note: aria-expanded is not set here because it's only valid in treegrid, not grid\n // The expand/collapse state is conveyed via the toggle button's aria-label\n rowEl.innerHTML = '';\n\n ctx.columns.forEach((col, colIdx) => {\n const cell = document.createElement('div');\n cell.className = 'cell';\n cell.setAttribute('data-col', String(colIdx));\n cell.setAttribute('data-row', String(ctx.rowIndex));\n cell.setAttribute('role', 'gridcell');\n\n if (colIdx === 0) {\n // First column: indent + toggle + label + count\n const indent = Number(row.__pivotIndent) || 0;\n cell.style.paddingLeft = `${indent}px`;\n\n // Toggle button\n const rowKey = String(row.__pivotRowKey);\n const btn = document.createElement('button');\n btn.type = 'button';\n btn.className = 'pivot-toggle';\n btn.setAttribute('aria-label', row.__pivotExpanded ? 'Collapse group' : 'Expand group');\n ctx.setIcon(btn, ctx.resolveIcon(row.__pivotExpanded ? 'collapse' : 'expand'));\n btn.addEventListener('click', (e) => {\n e.stopPropagation();\n ctx.onToggle(rowKey);\n });\n cell.appendChild(btn);\n\n // Group label\n const label = document.createElement('span');\n label.className = 'pivot-label';\n label.textContent = String(row.__pivotLabel ?? '');\n cell.appendChild(label);\n\n // Row count\n const count = document.createElement('span');\n count.className = 'pivot-count';\n count.textContent = ` (${Number(row.__pivotRowCount) || 0})`;\n cell.appendChild(count);\n } else {\n // Other columns: render value\n const value = row[col.field];\n cell.textContent = value != null ? String(value) : '';\n }\n\n rowEl.appendChild(cell);\n });\n\n return true;\n}\n\n/**\n * Render a pivot leaf row (no children, just indentation).\n */\nexport function renderPivotLeafRow(\n row: PivotRowData,\n rowEl: HTMLElement,\n columns: ColumnConfig[],\n rowIndex: number,\n): boolean {\n rowEl.className = 'data-grid-row pivot-leaf-row';\n rowEl.setAttribute('data-pivot-depth', String(row.__pivotDepth ?? 0));\n rowEl.setAttribute('data-pivot-key', String(row.__pivotRowKey ?? ''));\n rowEl.innerHTML = '';\n\n columns.forEach((col, colIdx) => {\n const cell = document.createElement('div');\n cell.className = 'cell';\n cell.setAttribute('data-col', String(colIdx));\n cell.setAttribute('data-row', String(rowIndex));\n cell.setAttribute('role', 'gridcell');\n\n if (colIdx === 0) {\n // First column: indent + label (no toggle for leaves)\n const indent = Number(row.__pivotIndent) || 0;\n // Add extra indent for alignment with toggle button\n cell.style.paddingLeft = `${indent + 20}px`;\n\n const label = document.createElement('span');\n label.className = 'pivot-label';\n label.textContent = String(row.__pivotLabel ?? '');\n cell.appendChild(label);\n } else {\n // Other columns: render value\n const value = row[col.field];\n cell.textContent = value != null ? String(value) : '';\n }\n\n rowEl.appendChild(cell);\n });\n\n return true;\n}\n\n/**\n * Render the grand total row.\n */\nexport function renderPivotGrandTotalRow(row: PivotRowData, rowEl: HTMLElement, columns: ColumnConfig[]): boolean {\n rowEl.className = 'pivot-grand-total-row';\n // Use role=presentation since grand total is rendered outside the role=grid element\n rowEl.setAttribute('role', 'presentation');\n rowEl.innerHTML = '';\n\n columns.forEach((col, colIdx) => {\n const cell = document.createElement('div');\n cell.className = 'cell';\n cell.setAttribute('data-col', String(colIdx));\n // No role attribute - parent row has role=presentation so children don't need grid semantics\n\n if (colIdx === 0) {\n // First column: Grand Total label\n const label = document.createElement('span');\n label.className = 'pivot-label';\n label.textContent = 'Grand Total';\n cell.appendChild(label);\n } else {\n // Other columns: render totals\n const value = row[col.field];\n cell.textContent = value != null ? String(value) : '';\n }\n\n rowEl.appendChild(cell);\n });\n\n return true;\n}\n"],"names":["getPivotAggregator","getValueAggregator","createValueKey","columnValues","valueField","join","buildPivot","rows","config","rowGroupFields","columnGroupFields","valueFields","columnKeys","columnFields","length","keys","Set","row","key","map","f","String","add","sort","getUniqueColumnKeys","pivotRows","buildHierarchicalPivotRows","totals","sumRows","isGroup","children","colKey","vf","valueKey","field","values","calculateTotals","grandTotal","Object","reduce","a","b","depth","parentKey","result","aggregateValues","total","calculateRowTotal","push","rowKey","rowLabel","rowCount","currentField","remainingFields","slice","hasChildren","grouped","groups","Map","existing","get","set","groupByField","groupValue","groupRows","nums","filter","r","Number","aggregator","aggFunc","aggregatedResult","sum","val","AGG_FUNCS","renderPivotPanel","container","isActive","callbacks","controller","AbortController","ctx","signal","wrapper","document","createElement","className","appendChild","createSection","panel","createCheckbox","checked","onTogglePivot","showTotals","onOptionChange","showGrandTotal","createOptionsPanel","createFieldZone","zone","setAttribute","currentValues","placeholder","textContent","createValueChip","addEventListener","e","preventDefault","classList","remove","dataTransfer","getData","onAddValueField","createValuesZone","allFields","getAvailableFields","usedFields","v","availableFields","has","empty","chip","header","draggable","title","setData","createAvailableFieldsZone","abort","contentFactory","section","content","zoneType","currentFields","createFieldChip","onAddFieldToZone","fieldInfo","find","label","removeBtn","innerHTML","stopPropagation","onRemoveFieldFromZone","labelWrapper","aggSelect","option","value","toUpperCase","selected","onUpdateValueAggFunc","onRemoveValueField","onChange","input","type","span","PivotPlugin","BaseGridPlugin","static","incompatibleWith","name","reason","styles","defaultConfig","active","showToolPanel","animation","hasInitialized","pivotResult","fieldHeaderMap","expandedKeys","defaultExpanded","userHasToggledExpand","originalColumns","panelContainer","grandTotalFooter","previousVisibleKeys","keysToAnimate","hasValidPivotConfig","this","animationStyle","isAnimationEnabled","detach","clear","cleanupGrandTotalFooter","getToolPanel","userConfig","id","PANEL_ID","icon","tooltip","order","render","renderPanel","processRows","errors","validatePivotConfig","warn","buildFieldHeaderMap","size","expandAllKeys","indentWidth","flatRows","flatten","isExpanded","child","flattenPivotRows","pr","__pivotRowKey","__pivotLabel","__pivotDepth","__pivotIsGroup","__pivotHasChildren","Boolean","__pivotExpanded","__pivotRowCount","__pivotIndent","__pivotTotal","currentVisibleKeys","processColumns","columns","pivotColumns","rowGroupHeaders","width","valueHeader","renderRow","rowEl","rowIndex","pivotRow","forEach","col","colIdx","cell","indent","style","paddingLeft","btn","setIcon","resolveIcon","onToggle","count","renderPivotGroupRow","gridColumns","toggle","iconKey","el","renderPivotLeafRow","cleanupPivotStyling","contains","removeAttribute","onKeyDown","event","focusRow","grid","_focusRow","requestRenderWithFocus","afterRender","renderGrandTotalFooter","body","gridElement","querySelector","animClass","querySelectorAll","dataset","pivotKey","once","gridEl","grandTotalRow","__pivotIsGrandTotal","delete","requestRender","expand","collapse","expandAll","collapseAll","allKeys","collectKeys","getAllGroupKeys","enablePivot","captureOriginalColumns","disablePivot","isPivotActive","getPivotResult","setRowGroupFields","fields","setColumnGroupFields","setValueFields","refresh","showPanel","openToolPanel","expandedToolPanelSections","includes","toggleToolPanelSection","hidePanel","closeToolPanel","togglePanel","isToolPanelOpen","isPanelVisible","refreshIfActive","refreshPanel","getAllColumns","startsWith","enabled","addFieldToZone","removeFieldFromZone","addValueField","removeValueField","updateValueAggFunc","current","removeFromOtherZones","targetZone","some","fieldIndex","findIndex"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("../../core/internal/keyboard"),require("../../core/plugin/base-plugin")):"function"==typeof define&&define.amd?define(["exports","../../core/internal/keyboard","../../core/plugin/base-plugin"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).TbwGridPlugin_reorderColumns={},e.TbwGrid,e.TbwGrid)}(this,function(e,t,r){"use strict";function i(e,t,r){if(t===r)return e;if(t<0||t>=e.length)return e;if(r<0||r>e.length)return e;const i=[...e],[n]=i.splice(t,1);return i.splice(r,0,n),i}class n extends r.BaseGridPlugin{name="reorderColumns";aliases=["reorder"];styles='@layer tbw-plugins{.header-row>.cell[draggable=true]{cursor:grab;position:relative}.header-row>.cell.dragging{opacity:.5;cursor:grabbing}.header-row>.cell.drop-before:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--tbw-reorder-indicator, var(--tbw-color-accent));z-index:1}.header-row>.cell.drop-after:after{content:"";position:absolute;right:0;top:0;bottom:0;width:2px;background:var(--tbw-reorder-indicator, var(--tbw-color-accent));z-index:1}.cell.flip-animating{transition:transform var(--tbw-animation-duration, .2s) ease-out;will-change:transform;z-index:1}@keyframes reorder-fade-in{0%{opacity:0}to{opacity:1}}.cell.fade-animating{animation:reorder-fade-in var(--tbw-animation-duration, .2s) ease-out backwards}}';get defaultConfig(){return{animation:"flip"}}get animationType(){return!!this.isAnimationEnabled&&(void 0!==this.config.animation?this.config.animation:"flip")}get animationDuration(){return void 0!==this.config.animationDuration?this.config.animationDuration:super.animationDuration}isDragging=!1;draggedField=null;draggedIndex=null;dropIndex=null;get#e(){return this.grid}canMoveColumnWithPlugins(e){if(!e||!function(e){const t=e.meta??{};return!0!==t.lockPosition&&!0!==t.suppressMovable}(e))return!1;return!this.grid.query("canMoveColumn",e).includes(!1)}clearDragClasses(){this.gridElement?.querySelectorAll(".header-row > .cell").forEach(e=>{e.classList.remove("dragging","drop-target","drop-before","drop-after")})}attach(e){super.attach(e),this.gridElement.addEventListener("column-reorder-request",e=>{const t=e.detail;t?.field&&"number"==typeof t.toIndex&&this.moveColumn(t.field,t.toIndex)},{signal:this.disconnectSignal})}detach(){this.isDragging=!1,this.draggedField=null,this.draggedIndex=null,this.dropIndex=null}afterRender(){const e=this.gridElement;if(!e)return;e.querySelectorAll(".header-row > .cell").forEach(e=>{const t=e,r=t.getAttribute("data-field");if(!r)return;const n=this.columns.find(e=>e.field===r);this.canMoveColumnWithPlugins(n)?(t.draggable=!0,t.getAttribute("data-dragstart-bound")||(t.setAttribute("data-dragstart-bound","true"),t.addEventListener("dragstart",e=>{const i=this.getColumnOrder().indexOf(r);this.isDragging=!0,this.draggedField=r,this.draggedIndex=i,e.dataTransfer&&(e.dataTransfer.effectAllowed="move",e.dataTransfer.setData("text/plain",r)),t.classList.add("dragging")}),t.addEventListener("dragend",()=>{this.isDragging=!1,this.draggedField=null,this.draggedIndex=null,this.dropIndex=null,this.clearDragClasses()}),t.addEventListener("dragover",e=>{if(e.preventDefault(),!this.isDragging||this.draggedField===r)return;const i=t.getBoundingClientRect(),n=i.left+i.width/2,a=this.getColumnOrder().indexOf(r);this.dropIndex=e.clientX<n?a:a+1,t.classList.add("drop-target"),t.classList.toggle("drop-before",e.clientX<n),t.classList.toggle("drop-after",e.clientX>=n)}),t.addEventListener("dragleave",()=>{t.classList.remove("drop-target","drop-before","drop-after")}),t.addEventListener("drop",e=>{e.preventDefault();const t=this.draggedField,r=this.draggedIndex,n=this.dropIndex;if(!this.isDragging||null===t||null===r||null===n)return;const a=n>r?n-1:n,o=i(this.getColumnOrder(),r,a),s={field:t,fromIndex:r,toIndex:a,columnOrder:o};this.emitCancelable("column-move",s)||this.updateColumnOrder(o)}))):t.draggable=!1})}onKeyDown(e){if(!e.altKey||"ArrowLeft"!==e.key&&"ArrowRight"!==e.key)return;const r=this.#e,i=r._focusCol,n=r._visibleColumns;if(i<0||i>=n.length)return;const a=n[i];if(!this.canMoveColumnWithPlugins(a))return;const o=this.getColumnOrder(),s=o.indexOf(a.field);if(-1===s)return;const d="ArrowLeft"===e.key?s-1:s+1;if(d<0||d>=o.length)return;const l=n.find(e=>e.field===o[d]);return this.canMoveColumnWithPlugins(l)?(this.moveColumn(a.field,d),r._focusCol=d,t.ensureCellVisible(this.#e),e.preventDefault(),e.stopPropagation(),!0):void 0}getColumnOrder(){return this.grid.getColumnOrder()}moveColumn(e,t){const r=this.getColumnOrder(),n=r.indexOf(e);if(-1===n)return;const a=i(r,n,t);this.emitCancelable("column-move",{field:e,fromIndex:n,toIndex:t,columnOrder:a})||this.updateColumnOrder(a)}setColumnOrder(e){this.updateColumnOrder(e)}resetColumnOrder(){const e=this.columns.map(e=>e.field);this.updateColumnOrder(e)}captureHeaderPositions(){const e=new Map;return this.gridElement?.querySelectorAll(".header-row > .cell[data-field]").forEach(t=>{const r=t.getAttribute("data-field");r&&e.set(r,t.getBoundingClientRect().left)}),e}animateFLIP(e){const t=this.gridElement;if(!t||0===e.size)return;const r=new Map;if(t.querySelectorAll(".header-row > .cell[data-field]").forEach(t=>{const i=t.getAttribute("data-field");if(!i)return;const n=e.get(i);if(void 0===n)return;const a=n-t.getBoundingClientRect().left;Math.abs(a)>1&&r.set(i,a)}),0===r.size)return;const i=[];if(t.querySelectorAll(".cell[data-field]").forEach(e=>{const t=r.get(e.getAttribute("data-field")??"");if(void 0!==t){const r=e;r.style.transform=`translateX(${t}px)`,i.push(r)}}),0===i.length)return;t.offsetHeight;const n=this.animationDuration;requestAnimationFrame(()=>{i.forEach(e=>{e.classList.add("flip-animating"),e.style.transform=""}),setTimeout(()=>{i.forEach(e=>{e.style.transform="",e.classList.remove("flip-animating")})},n+50)})}animateFade(e){const t=this.gridElement;if(!t)return void e();const r=this.captureHeaderPositions();e();const i=new Set;if(t.querySelectorAll(".header-row > .cell[data-field]").forEach(e=>{const t=e.getAttribute("data-field");if(!t)return;const n=r.get(t);if(void 0===n)return;const a=e.getBoundingClientRect().left;Math.abs(n-a)>1&&i.add(t)}),0===i.size)return;const n=[];if(t.querySelectorAll(".cell[data-field]").forEach(e=>{const t=e.getAttribute("data-field");if(t&&i.has(t)){const t=e;t.classList.add("fade-animating"),n.push(t)}}),0===n.length)return;const a=this.animationDuration;setTimeout(()=>{n.forEach(e=>e.classList.remove("fade-animating"))},a+50)}updateColumnOrder(e){const t=this.animationType;if("flip"===t&&this.gridElement){const t=this.captureHeaderPositions();this.grid.setColumnOrder(e),"function"==typeof this.grid.forceLayout?this.grid.forceLayout().then(()=>{this.animateFLIP(t)}):requestAnimationFrame(()=>{this.animateFLIP(t)})}else"fade"===t?this.animateFade(()=>this.grid.setColumnOrder(e)):this.grid.setColumnOrder(e);this.grid.requestStateChange?.()}}e.ReorderPlugin=n,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("../../core/internal/keyboard"),require("../../core/plugin/base-plugin")):"function"==typeof define&&define.amd?define(["exports","../../core/internal/keyboard","../../core/plugin/base-plugin"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).TbwGridPlugin_reorderColumns={},e.TbwGrid,e.TbwGrid)}(this,function(e,t,r){"use strict";function i(e,t,r){if(t===r)return e;if(t<0||t>=e.length)return e;if(r<0||r>e.length)return e;const i=[...e],[n]=i.splice(t,1);return i.splice(r,0,n),i}class n extends r.BaseGridPlugin{name="reorderColumns";aliases=["reorder"];styles='@layer tbw-plugins{.header-row>.cell[draggable=true]{cursor:grab;position:relative}.header-row>.cell.dragging{opacity:.5;cursor:grabbing}.header-row>.cell.drop-before:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--tbw-reorder-indicator, var(--tbw-color-accent));z-index:1}.header-row>.cell.drop-after:after{content:"";position:absolute;right:0;top:0;bottom:0;width:2px;background:var(--tbw-reorder-indicator, var(--tbw-color-accent));z-index:1}.cell.flip-animating{transition:transform var(--tbw-animation-duration, .2s) ease-out;will-change:transform;z-index:1}@keyframes reorder-fade-in{0%{opacity:0}to{opacity:1}}.cell.fade-animating{animation:reorder-fade-in var(--tbw-animation-duration, .2s) ease-out backwards}}';get defaultConfig(){return{animation:"flip"}}get animationType(){return!!this.isAnimationEnabled&&(void 0!==this.config.animation?this.config.animation:"flip")}get animationDuration(){return void 0!==this.config.animationDuration?this.config.animationDuration:super.animationDuration}isDragging=!1;draggedField=null;draggedIndex=null;dropIndex=null;draggedGroupFields=[];get#e(){return this.grid}canMoveColumnWithPlugins(e){if(!e||!function(e){const t=e.meta??{};return!0!==t.lockPosition&&!0!==t.suppressMovable}(e))return!1;return!this.grid.query("canMoveColumn",e).includes(!1)}clearDragClasses(){this.gridElement?.querySelectorAll(".header-row > .cell, .header-group-row > .cell").forEach(e=>{e.classList.remove("dragging","drop-target","drop-before","drop-after")})}attach(e){super.attach(e),this.gridElement.addEventListener("column-reorder-request",e=>{const t=e.detail;t?.field&&"number"==typeof t.toIndex&&this.moveColumn(t.field,t.toIndex)},{signal:this.disconnectSignal})}detach(){this.isDragging=!1,this.draggedField=null,this.draggedIndex=null,this.dropIndex=null,this.draggedGroupFields=[]}afterRender(){const e=this.gridElement;if(!e)return;e.querySelectorAll(".header-row > .cell").forEach(e=>{const t=e,r=t.getAttribute("data-field");if(!r)return;const n=this.columns.find(e=>e.field===r);this.canMoveColumnWithPlugins(n)?(t.draggable=!0,t.getAttribute("data-dragstart-bound")||(t.setAttribute("data-dragstart-bound","true"),t.addEventListener("dragstart",e=>{const i=this.getColumnOrder().indexOf(r);this.isDragging=!0,this.draggedField=r,this.draggedIndex=i,this.draggedGroupFields=[],e.dataTransfer&&(e.dataTransfer.effectAllowed="move",e.dataTransfer.setData("text/plain",r)),t.classList.add("dragging")}),t.addEventListener("dragend",()=>{this.isDragging=!1,this.draggedField=null,this.draggedIndex=null,this.dropIndex=null,this.draggedGroupFields=[],this.clearDragClasses()}),t.addEventListener("dragover",e=>{if(e.preventDefault(),!this.isDragging)return;if(this.draggedField===r&&0===this.draggedGroupFields.length)return;if(this.draggedGroupFields.includes(r))return;const i=t.getBoundingClientRect(),n=i.left+i.width/2,d=this.getColumnOrder().indexOf(r);if(this.dropIndex=e.clientX<n?d:d+1,this.clearDragClasses(),this.draggedGroupFields.length>0)for(const t of this.draggedGroupFields)this.gridElement?.querySelector(`.header-row > .cell[data-field="${t}"]`)?.classList.add("dragging");else this.draggedField&&this.gridElement?.querySelector(`.header-row > .cell[data-field="${this.draggedField}"]`)?.classList.add("dragging");t.classList.add("drop-target"),t.classList.toggle("drop-before",e.clientX<n),t.classList.toggle("drop-after",e.clientX>=n)}),t.addEventListener("dragleave",()=>{t.classList.remove("drop-target","drop-before","drop-after")}),t.addEventListener("drop",e=>{if(e.preventDefault(),!this.isDragging)return;if(this.draggedGroupFields.length>0){if(this.draggedGroupFields.includes(r))return;const i=t.getBoundingClientRect(),n=e.clientX<i.left+i.width/2;return void this.executeGroupBlockMove(this.draggedGroupFields,[r],n)}const n=this.draggedField,d=this.draggedIndex,a=this.dropIndex;if(!this.isDragging||null===n||null===d||null===a)return;const s=a>d?a-1:a,o=i(this.getColumnOrder(),d,s),l={field:n,fromIndex:d,toIndex:s,columnOrder:o};this.emitCancelable("column-move",l)||this.updateColumnOrder(o)}))):t.draggable=!1}),queueMicrotask(()=>this.setupGroupHeaderDrag(e))}setupGroupHeaderDrag(e){e.querySelectorAll(".header-group-row > .cell[data-group]").forEach(t=>{const r=t,n=r.getAttribute("data-group");if(!n||n.startsWith("__implicit__"))return;if(r.getAttribute("data-group-drag-bound"))return;r.setAttribute("data-group-drag-bound","true");const d=this.getGroupFragmentFields(r,n);if(0===d.length)return;d.every(e=>{const t=this.columns.find(t=>t.field===e);return this.canMoveColumnWithPlugins(t)})&&(r.draggable=!0,r.style.cursor="grab",r.addEventListener("dragstart",t=>{this.isDragging=!0,this.draggedField=null,this.draggedIndex=null,this.draggedGroupFields=[...d],t.dataTransfer&&(t.dataTransfer.effectAllowed="move",t.dataTransfer.setData("text/plain",`group:${n}`)),r.classList.add("dragging");for(const r of d)e.querySelector(`.header-row > .cell[data-field="${r}"]`)?.classList.add("dragging")}),r.addEventListener("dragend",()=>{this.isDragging=!1,this.draggedField=null,this.draggedIndex=null,this.dropIndex=null,this.draggedGroupFields=[],this.clearDragClasses()}),r.addEventListener("dragover",e=>{if(e.preventDefault(),!this.isDragging)return;if(this.draggedGroupFields.length>0&&this.draggedGroupFields.length===d.length&&this.draggedGroupFields.every(e=>d.includes(e)))return;const t=r.getBoundingClientRect(),i=t.left+t.width/2,n=e.clientX<i;this.clearDragClasses(),r.classList.add("drop-target"),r.classList.toggle("drop-before",n),r.classList.toggle("drop-after",!n)}),r.addEventListener("dragleave",()=>{r.classList.remove("drop-target","drop-before","drop-after")}),r.addEventListener("drop",e=>{if(e.preventDefault(),!this.isDragging)return;const t=r.getBoundingClientRect(),n=e.clientX<t.left+t.width/2;if(this.draggedGroupFields.length>0){if(this.draggedGroupFields.length===d.length&&this.draggedGroupFields.every(e=>d.includes(e)))return;this.executeGroupBlockMove(this.draggedGroupFields,d,n)}else if(this.draggedField){const e=this.getColumnOrder(),t=n?d[0]:d[d.length-1],r=e.indexOf(this.draggedField),a=n?e.indexOf(t):e.indexOf(t)+1;if(-1===r||-1===a)return;const s=a>r?a-1:a,o=i(e,r,s);this.emitCancelable("column-move",{field:this.draggedField,fromIndex:r,toIndex:s,columnOrder:o})||this.updateColumnOrder(o)}}))})}getGroupFragmentFields(e,t){const r=e.style.gridColumn,i=/(\d+)\s*\/\s*span\s+(\d+)/.exec(r);if(!i)return[];const n=parseInt(i[1],10),d=parseInt(i[2],10),a=this.visibleColumns,s=[];for(let o=n-1;o<n-1+d&&o<a.length;o++){const e=a[o];e&&s.push(e.field)}return s}executeGroupBlockMove(e,t,r){const i=this.getColumnOrder(),n=i.filter(t=>!e.includes(t)),d=r?t[0]:t[t.length-1],a=n.indexOf(d);if(-1===a)return;const s=r?a:a+1,o=i.filter(t=>e.includes(t));n.splice(s,0,...o);this.emitCancelable("column-move",{field:e[0],fromIndex:i.indexOf(e[0]),toIndex:s,columnOrder:n})||this.updateColumnOrder(n)}onKeyDown(e){if(!e.altKey||"ArrowLeft"!==e.key&&"ArrowRight"!==e.key)return;const r=this.#e,i=r._focusCol,n=r._visibleColumns;if(i<0||i>=n.length)return;const d=n[i];if(!this.canMoveColumnWithPlugins(d))return;const a=this.getColumnOrder(),s=a.indexOf(d.field);if(-1===s)return;const o="ArrowLeft"===e.key?s-1:s+1;if(o<0||o>=a.length)return;const l=n.find(e=>e.field===a[o]);return this.canMoveColumnWithPlugins(l)?(this.moveColumn(d.field,o),r._focusCol=o,t.ensureCellVisible(this.#e),e.preventDefault(),e.stopPropagation(),!0):void 0}getColumnOrder(){return this.grid.getColumnOrder()}moveColumn(e,t){const r=this.getColumnOrder(),n=r.indexOf(e);if(-1===n)return;const d=i(r,n,t);this.emitCancelable("column-move",{field:e,fromIndex:n,toIndex:t,columnOrder:d})||this.updateColumnOrder(d)}setColumnOrder(e){this.updateColumnOrder(e)}resetColumnOrder(){const e=this.columns.map(e=>e.field);this.updateColumnOrder(e)}captureHeaderPositions(){const e=new Map;return this.gridElement?.querySelectorAll(".header-row > .cell[data-field]").forEach(t=>{const r=t.getAttribute("data-field");r&&e.set(r,t.getBoundingClientRect().left)}),e}animateFLIP(e){const t=this.gridElement;if(!t||0===e.size)return;const r=new Map;if(t.querySelectorAll(".header-row > .cell[data-field]").forEach(t=>{const i=t.getAttribute("data-field");if(!i)return;const n=e.get(i);if(void 0===n)return;const d=n-t.getBoundingClientRect().left;Math.abs(d)>1&&r.set(i,d)}),0===r.size)return;const i=[];if(t.querySelectorAll(".cell[data-field]").forEach(e=>{const t=r.get(e.getAttribute("data-field")??"");if(void 0!==t){const r=e;r.style.transform=`translateX(${t}px)`,i.push(r)}}),0===i.length)return;t.offsetHeight;const n=this.animationDuration;requestAnimationFrame(()=>{i.forEach(e=>{e.classList.add("flip-animating"),e.style.transform=""}),setTimeout(()=>{i.forEach(e=>{e.style.transform="",e.classList.remove("flip-animating")})},n+50)})}animateFade(e){const t=this.gridElement;if(!t)return void e();const r=this.captureHeaderPositions();e();const i=new Set;if(t.querySelectorAll(".header-row > .cell[data-field]").forEach(e=>{const t=e.getAttribute("data-field");if(!t)return;const n=r.get(t);if(void 0===n)return;const d=e.getBoundingClientRect().left;Math.abs(n-d)>1&&i.add(t)}),0===i.size)return;const n=[];if(t.querySelectorAll(".cell[data-field]").forEach(e=>{const t=e.getAttribute("data-field");if(t&&i.has(t)){const t=e;t.classList.add("fade-animating"),n.push(t)}}),0===n.length)return;const d=this.animationDuration;setTimeout(()=>{n.forEach(e=>e.classList.remove("fade-animating"))},d+50)}updateColumnOrder(e){const t=this.animationType;if("flip"===t&&this.gridElement){const t=this.captureHeaderPositions();this.grid.setColumnOrder(e),"function"==typeof this.grid.forceLayout?this.grid.forceLayout().then(()=>{this.animateFLIP(t)}):requestAnimationFrame(()=>{this.animateFLIP(t)})}else"fade"===t?this.animateFade(()=>this.grid.setColumnOrder(e)):this.grid.setColumnOrder(e);this.grid.requestStateChange?.()}}e.ReorderPlugin=n,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});
|
|
2
2
|
//# sourceMappingURL=reorder-columns.umd.js.map
|