@toolbox-web/grid 0.2.5 → 0.2.6
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.d.ts +56 -23
- package/all.js +841 -809
- package/all.js.map +1 -1
- package/index.d.ts +12 -5
- package/index.js +276 -225
- package/index.js.map +1 -1
- package/lib/plugins/clipboard/index.js +1 -1
- package/lib/plugins/clipboard/index.js.map +1 -1
- package/lib/plugins/column-virtualization/index.js +1 -1
- package/lib/plugins/column-virtualization/index.js.map +1 -1
- package/lib/plugins/context-menu/index.js +1 -1
- package/lib/plugins/context-menu/index.js.map +1 -1
- package/lib/plugins/export/index.js +1 -1
- package/lib/plugins/export/index.js.map +1 -1
- package/lib/plugins/filtering/index.js +1 -1
- package/lib/plugins/filtering/index.js.map +1 -1
- package/lib/plugins/grouping-columns/index.js +46 -45
- package/lib/plugins/grouping-columns/index.js.map +1 -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/index.js +1 -1
- package/lib/plugins/master-detail/index.js.map +1 -1
- package/lib/plugins/multi-sort/index.js +1 -1
- package/lib/plugins/multi-sort/index.js.map +1 -1
- package/lib/plugins/pinned-columns/index.js +1 -1
- package/lib/plugins/pinned-columns/index.js.map +1 -1
- package/lib/plugins/pinned-rows/index.js +55 -47
- package/lib/plugins/pinned-rows/index.js.map +1 -1
- package/lib/plugins/pivot/index.js +243 -241
- package/lib/plugins/pivot/index.js.map +1 -1
- package/lib/plugins/reorder/index.js +87 -67
- package/lib/plugins/reorder/index.js.map +1 -1
- package/lib/plugins/selection/index.js +28 -27
- package/lib/plugins/selection/index.js.map +1 -1
- package/lib/plugins/server-side/index.js +2 -2
- package/lib/plugins/server-side/index.js.map +1 -1
- package/lib/plugins/tree/index.js +70 -70
- package/lib/plugins/tree/index.js.map +1 -1
- package/lib/plugins/undo-redo/index.js +1 -1
- package/lib/plugins/undo-redo/index.js.map +1 -1
- package/lib/plugins/visibility/index.js +1 -1
- package/lib/plugins/visibility/index.js.map +1 -1
- package/package.json +1 -1
- package/umd/grid.all.umd.js +13 -13
- package/umd/grid.all.umd.js.map +1 -1
- package/umd/grid.umd.js +7 -7
- package/umd/grid.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/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.umd.js +1 -1
- package/umd/plugins/reorder.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
|
@@ -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/pivot-rows.ts","../../../../../libs/grid/src/lib/plugins/pivot/PivotPlugin.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 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 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 = 'pivot-group-row';\n rowEl.setAttribute('data-pivot-depth', String(row.__pivotDepth ?? 0));\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('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(row: PivotRowData, rowEl: HTMLElement, columns: ColumnConfig[]): boolean {\n rowEl.className = 'pivot-leaf-row';\n rowEl.setAttribute('data-pivot-depth', String(row.__pivotDepth ?? 0));\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('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","/**\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, PivotConfig, PivotResult, PivotValueField } from './types';\n\n// Import CSS as inline string (Vite handles this)\nimport styles from './pivot.css?inline';\n\n/** Extended grid interface with column access */\ninterface GridWithColumns {\n shadowRoot: ShadowRoot | null;\n getAllColumns(): Array<{ field: string; header: string; visible: boolean }>;\n columns: ColumnConfig[];\n rows: unknown[];\n requestRender(): void;\n openToolPanel(id: string): void;\n closeToolPanel(): void;\n toggleToolPanel(id: string): void;\n activeToolPanel: string | undefined;\n}\n\n/**\n * Pivot Plugin for tbw-grid\n *\n * @example\n * ```ts\n * new PivotPlugin({\n * rowGroupFields: ['category'],\n * columnGroupFields: ['region'],\n * valueFields: [{ field: 'sales', aggFunc: 'sum' }]\n * })\n * ```\n */\nexport class PivotPlugin extends BaseGridPlugin<PivotConfig> {\n readonly name = 'pivot';\n override readonly version = '1.0.0';\n\n /** Tool panel ID for shell integration */\n static readonly PANEL_ID = 'pivot';\n\n protected override get defaultConfig(): Partial<PivotConfig> {\n return {\n active: true,\n showTotals: true,\n showGrandTotal: true,\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 private originalColumns: Array<{ field: string; header: string }> = [];\n private panelContainer: HTMLElement | null = null;\n private grandTotalFooter: HTMLElement | null = null;\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 // #endregion\n\n // #region Lifecycle\n\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 }\n\n // #endregion\n\n // #region Shell Integration\n\n override getToolPanel(): ToolPanelDefinition | undefined {\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 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 // Initialize expanded state with defaults if first build\n if (this.expandedKeys.size === 0 && this.defaultExpanded && this.pivotResult) {\n const allKeys = getAllGroupKeys(this.pivotResult.rows);\n for (const key of allKeys) {\n this.expandedKeys.add(key);\n }\n }\n\n // Build pivot\n this.pivotResult = buildPivot(rows as PivotDataRow[], this.config);\n\n // If default expanded and we just built the pivot, add all group keys\n if (this.expandedKeys.size === 0 && this.defaultExpanded) {\n const allKeys = getAllGroupKeys(this.pivotResult.rows);\n for (const key of allKeys) {\n this.expandedKeys.add(key);\n }\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 // 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 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 override renderRow(row: Record<string, unknown>, rowEl: HTMLElement): 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 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);\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 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\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 shadowRoot = this.shadowRoot;\n if (!shadowRoot) return;\n\n // Find the scroll container to append the footer\n const container =\n shadowRoot.querySelector('.tbw-scroll-area') ??\n shadowRoot.querySelector('.tbw-grid-content') ??\n shadowRoot.children[0];\n if (!container) return;\n\n // 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 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.expandedKeys.add(key);\n this.requestRender();\n }\n\n collapse(key: string): void {\n this.expandedKeys.delete(key);\n this.requestRender();\n }\n\n expandAll(): void {\n if (this.pivotResult) {\n const allKeys = getAllGroupKeys(this.pivotResult.rows);\n for (const key of allKeys) {\n this.expandedKeys.add(key);\n }\n this.requestRender();\n }\n }\n\n collapseAll(): void {\n this.expandedKeys.clear();\n this.requestRender();\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 showPanel(): void {\n const grid = this.grid as unknown as GridWithColumns;\n grid.openToolPanel(PivotPlugin.PANEL_ID);\n }\n\n hidePanel(): void {\n const grid = this.grid as unknown as GridWithColumns;\n grid.closeToolPanel();\n }\n\n togglePanel(): void {\n const grid = this.grid as unknown as GridWithColumns;\n grid.toggleToolPanel(PivotPlugin.PANEL_ID);\n }\n\n isPanelVisible(): boolean {\n const grid = this.grid as unknown as GridWithColumns;\n return grid.activeToolPanel === PivotPlugin.PANEL_ID;\n }\n\n // #endregion\n\n // #region Private Helpers\n\n private get gridColumns(): ColumnConfig[] {\n const grid = this.grid as unknown as GridWithColumns;\n return grid.columns ?? [];\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 const grid = this.grid as unknown as GridWithColumns;\n try {\n const columns = grid.getAllColumns?.() ?? 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 if (this.isActive) this.refresh();\n this.refreshPanel();\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 if (this.isActive) this.refresh();\n this.refreshPanel();\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 if (this.isActive) this.refresh();\n this.refreshPanel();\n }\n\n private removeValueField(field: string): void {\n this.config.valueFields = (this.config.valueFields ?? []).filter((v) => v.field !== field);\n if (this.isActive) this.refresh();\n this.refreshPanel();\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 // #region Styles\n\n override readonly styles = styles;\n\n // #endregion\n}\n"],"names":["getPivotAggregator","getValueAggregator","validatePivotConfig","config","errors","createValueKey","columnValues","valueField","buildPivot","rows","rowGroupFields","columnGroupFields","valueFields","columnKeys","getUniqueColumnKeys","pivotRows","buildHierarchicalPivotRows","totals","calculateTotals","grandTotal","a","b","columnFields","keys","row","key","f","groupByField","field","groups","existing","depth","parentKey","result","values","aggregateValues","total","calculateRowTotal","currentField","remainingFields","hasChildren","grouped","groupValue","groupRows","rowKey","children","colKey","vf","nums","r","aggregator","aggregatedResult","valueKey","sum","val","sumRows","flattenPivotRows","expandedKeys","defaultExpanded","flatten","isExpanded","child","getAllGroupKeys","collectKeys","AGG_FUNCS","renderPivotPanel","container","isActive","callbacks","controller","ctx","wrapper","createSection","createOptionsPanel","createFieldZone","createValuesZone","createAvailableFieldsZone","title","contentFactory","section","header","content","zoneType","signal","zone","currentFields","placeholder","createFieldChip","e","chip","fieldInfo","label","removeBtn","currentValues","createValueChip","labelWrapper","aggSelect","aggFunc","option","allFields","usedFields","v","availableFields","empty","panel","createCheckbox","checked","onChange","input","span","renderPivotGroupRow","rowEl","col","colIdx","cell","indent","btn","count","value","renderPivotLeafRow","columns","renderPivotGrandTotalRow","PivotPlugin","BaseGridPlugin","allKeys","indentWidth","pr","pivotColumns","rowGroupHeaders","valueHeader","pivotRow","iconKey","el","icon","shadowRoot","grandTotalRow","fields","grid","enabled","current","targetZone","fieldIndex","styles"],"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/pivot-rows.ts","../../../../../libs/grid/src/lib/plugins/pivot/PivotPlugin.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 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 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 = 'pivot-group-row';\n rowEl.setAttribute('data-pivot-depth', String(row.__pivotDepth ?? 0));\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('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(row: PivotRowData, rowEl: HTMLElement, columns: ColumnConfig[]): boolean {\n rowEl.className = 'pivot-leaf-row';\n rowEl.setAttribute('data-pivot-depth', String(row.__pivotDepth ?? 0));\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('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","/**\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, PivotConfig, PivotResult, PivotValueField } from './types';\n\n// Import CSS as inline string (Vite handles this)\nimport styles from './pivot.css?inline';\n\n/** Extended grid interface with column access */\ninterface GridWithColumns {\n shadowRoot: ShadowRoot | null;\n getAllColumns(): Array<{ field: string; header: string; visible: boolean }>;\n columns: ColumnConfig[];\n rows: unknown[];\n requestRender(): void;\n openToolPanel(id: string): void;\n closeToolPanel(): void;\n toggleToolPanel(id: string): void;\n activeToolPanel: string | undefined;\n}\n\n/**\n * Pivot Plugin for tbw-grid\n *\n * @example\n * ```ts\n * new PivotPlugin({\n * rowGroupFields: ['category'],\n * columnGroupFields: ['region'],\n * valueFields: [{ field: 'sales', aggFunc: 'sum' }]\n * })\n * ```\n */\nexport class PivotPlugin extends BaseGridPlugin<PivotConfig> {\n readonly name = 'pivot';\n override readonly version = '1.0.0';\n\n /** Tool panel ID for shell integration */\n static readonly PANEL_ID = 'pivot';\n\n protected override get defaultConfig(): Partial<PivotConfig> {\n return {\n active: true,\n showTotals: true,\n showGrandTotal: true,\n showToolPanel: true,\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 private originalColumns: Array<{ field: string; header: string }> = [];\n private panelContainer: HTMLElement | null = null;\n private grandTotalFooter: HTMLElement | null = null;\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 // #endregion\n\n // #region Lifecycle\n\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 }\n\n // #endregion\n\n // #region Shell Integration\n\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 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 // Initialize expanded state with defaults if first build\n if (this.expandedKeys.size === 0 && this.defaultExpanded && this.pivotResult) {\n const allKeys = getAllGroupKeys(this.pivotResult.rows);\n for (const key of allKeys) {\n this.expandedKeys.add(key);\n }\n }\n\n // Build pivot\n this.pivotResult = buildPivot(rows as PivotDataRow[], this.config);\n\n // If default expanded and we just built the pivot, add all group keys\n if (this.expandedKeys.size === 0 && this.defaultExpanded) {\n const allKeys = getAllGroupKeys(this.pivotResult.rows);\n for (const key of allKeys) {\n this.expandedKeys.add(key);\n }\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 // 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 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 override renderRow(row: Record<string, unknown>, rowEl: HTMLElement): 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 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);\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 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\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 shadowRoot = this.shadowRoot;\n if (!shadowRoot) return;\n\n // Find the scroll container to append the footer\n const container =\n shadowRoot.querySelector('.tbw-scroll-area') ??\n shadowRoot.querySelector('.tbw-grid-content') ??\n shadowRoot.children[0];\n if (!container) return;\n\n // 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 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.expandedKeys.add(key);\n this.requestRender();\n }\n\n collapse(key: string): void {\n this.expandedKeys.delete(key);\n this.requestRender();\n }\n\n expandAll(): void {\n if (this.pivotResult) {\n const allKeys = getAllGroupKeys(this.pivotResult.rows);\n for (const key of allKeys) {\n this.expandedKeys.add(key);\n }\n this.requestRender();\n }\n }\n\n collapseAll(): void {\n this.expandedKeys.clear();\n this.requestRender();\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 showPanel(): void {\n const grid = this.grid as unknown as GridWithColumns;\n grid.openToolPanel(PivotPlugin.PANEL_ID);\n }\n\n hidePanel(): void {\n const grid = this.grid as unknown as GridWithColumns;\n grid.closeToolPanel();\n }\n\n togglePanel(): void {\n const grid = this.grid as unknown as GridWithColumns;\n grid.toggleToolPanel(PivotPlugin.PANEL_ID);\n }\n\n isPanelVisible(): boolean {\n const grid = this.grid as unknown as GridWithColumns;\n return grid.activeToolPanel === PivotPlugin.PANEL_ID;\n }\n\n // #endregion\n\n // #region Private Helpers\n\n private get gridColumns(): ColumnConfig[] {\n const grid = this.grid as unknown as GridWithColumns;\n return grid.columns ?? [];\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 const grid = this.grid as unknown as GridWithColumns;\n try {\n const columns = grid.getAllColumns?.() ?? 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 if (this.isActive) this.refresh();\n this.refreshPanel();\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 if (this.isActive) this.refresh();\n this.refreshPanel();\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 if (this.isActive) this.refresh();\n this.refreshPanel();\n }\n\n private removeValueField(field: string): void {\n this.config.valueFields = (this.config.valueFields ?? []).filter((v) => v.field !== field);\n if (this.isActive) this.refresh();\n this.refreshPanel();\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 // #region Styles\n\n override readonly styles = styles;\n\n // #endregion\n}\n"],"names":["getPivotAggregator","getValueAggregator","validatePivotConfig","config","errors","createValueKey","columnValues","valueField","buildPivot","rows","rowGroupFields","columnGroupFields","valueFields","columnKeys","getUniqueColumnKeys","pivotRows","buildHierarchicalPivotRows","totals","calculateTotals","grandTotal","a","b","columnFields","keys","row","key","f","groupByField","field","groups","existing","depth","parentKey","result","values","aggregateValues","total","calculateRowTotal","currentField","remainingFields","hasChildren","grouped","groupValue","groupRows","rowKey","children","colKey","vf","nums","r","aggregator","aggregatedResult","valueKey","sum","val","sumRows","flattenPivotRows","expandedKeys","defaultExpanded","flatten","isExpanded","child","getAllGroupKeys","collectKeys","AGG_FUNCS","renderPivotPanel","container","isActive","callbacks","controller","ctx","wrapper","createSection","createOptionsPanel","createFieldZone","createValuesZone","createAvailableFieldsZone","title","contentFactory","section","header","content","zoneType","signal","zone","currentFields","placeholder","createFieldChip","e","chip","fieldInfo","label","removeBtn","currentValues","createValueChip","labelWrapper","aggSelect","aggFunc","option","allFields","usedFields","v","availableFields","empty","panel","createCheckbox","checked","onChange","input","span","renderPivotGroupRow","rowEl","col","colIdx","cell","indent","btn","count","value","renderPivotLeafRow","columns","renderPivotGrandTotalRow","PivotPlugin","BaseGridPlugin","allKeys","indentWidth","pr","pivotColumns","rowGroupHeaders","valueHeader","pivotRow","iconKey","el","icon","shadowRoot","grandTotalRow","fields","grid","enabled","current","targetZone","fieldIndex","styles"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
(function(
|
|
1
|
+
(function(l,u){typeof exports=="object"&&typeof module<"u"?u(exports,require("../../core/plugin/base-plugin")):typeof define=="function"&&define.amd?define(["exports","../../core/plugin/base-plugin"],u):(l=typeof globalThis<"u"?globalThis:l||self,u(l.TbwGridPlugin_reorder={},l.TbwGrid))})(this,(function(l,u){"use strict";function b(s){const t=s.meta??{};return t.lockPosition!==!0&&t.suppressMovable!==!0}function p(s,t,r){if(t===r||t<0||t>=s.length||r<0||r>s.length)return s;const n=[...s],[e]=n.splice(t,1);return n.splice(r,0,e),n}const v='.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}';class O extends u.BaseGridPlugin{name="reorder";version="1.0.0";get defaultConfig(){return{viewTransition:!0}}isDragging=!1;draggedField=null;draggedIndex=null;dropIndex=null;attach(t){super.attach(t),t.addEventListener("column-reorder-request",r=>{const n=r.detail;n?.field&&typeof n.toIndex=="number"&&this.moveColumn(n.field,n.toIndex)},{signal:this.disconnectSignal})}detach(){this.isDragging=!1,this.draggedField=null,this.draggedIndex=null,this.dropIndex=null}afterRender(){const t=this.shadowRoot;if(!t)return;t.querySelectorAll(".header-row > .cell").forEach(n=>{const e=n,i=e.getAttribute("data-field");if(!i)return;const a=this.columns.find(d=>d.field===i),w=!this.grid.queryPlugins({type:u.PLUGIN_QUERIES.CAN_MOVE_COLUMN,context:a}).includes(!1);if(!a||!b(a)||!w){e.draggable=!1;return}e.draggable=!0,!e.getAttribute("data-dragstart-bound")&&(e.setAttribute("data-dragstart-bound","true"),e.addEventListener("dragstart",d=>{const o=this.getColumnOrder().indexOf(i);this.isDragging=!0,this.draggedField=i,this.draggedIndex=o,d.dataTransfer&&(d.dataTransfer.effectAllowed="move",d.dataTransfer.setData("text/plain",i)),e.classList.add("dragging")}),e.addEventListener("dragend",()=>{this.isDragging=!1,this.draggedField=null,this.draggedIndex=null,this.dropIndex=null,t.querySelectorAll(".header-row > .cell").forEach(d=>{d.classList.remove("dragging","drop-target","drop-before","drop-after")})}),e.addEventListener("dragover",d=>{if(d.preventDefault(),!this.isDragging||this.draggedField===i)return;const g=e.getBoundingClientRect(),o=g.left+g.width/2,f=this.getColumnOrder().indexOf(i);this.dropIndex=d.clientX<o?f:f+1,e.classList.add("drop-target"),e.classList.toggle("drop-before",d.clientX<o),e.classList.toggle("drop-after",d.clientX>=o)}),e.addEventListener("dragleave",()=>{e.classList.remove("drop-target","drop-before","drop-after")}),e.addEventListener("drop",d=>{d.preventDefault();const g=this.draggedField,o=this.draggedIndex,c=this.dropIndex;if(!this.isDragging||g===null||o===null||c===null)return;const f=c>o?c-1:c,x=this.getColumnOrder(),m=p(x,o,f),C={field:g,fromIndex:o,toIndex:f,columnOrder:m};this.updateColumnOrder(m),this.emit("column-move",C)}))})}getColumnOrder(){return this.grid.getColumnOrder()}moveColumn(t,r){const n=this.getColumnOrder(),e=n.indexOf(t);if(e===-1)return;const i=p(n,e,r);this.updateColumnOrder(i),this.emit("column-move",{field:t,fromIndex:e,toIndex:r,columnOrder:i})}setColumnOrder(t){this.updateColumnOrder(t)}resetColumnOrder(){const t=this.columns.map(r=>r.field);this.updateColumnOrder(t)}updateColumnOrder(t){const r=this.grid,n=this.shadowRoot;if(this.config.viewTransition&&"startViewTransition"in document&&n){const e=n.querySelectorAll(".cell[data-field]");e.forEach(a=>{const h=a.getAttribute("data-field");h&&(a.style.viewTransitionName=`col-${h}`)}),document.startViewTransition(()=>r.setColumnOrder(t)).finished.finally(()=>{e.forEach(a=>{a.style.viewTransitionName=""})})}else r.setColumnOrder(t);r.requestStateChange?.()}styles=v}l.ReorderPlugin=O,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"})}));
|
|
2
2
|
//# sourceMappingURL=reorder.umd.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"reorder.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/reorder/column-drag.ts","../../../../../libs/grid/src/lib/plugins/reorder/ReorderPlugin.ts"],"sourcesContent":["/**\n * Column Reordering Core Logic\n *\n * Pure functions for column drag and reordering operations.\n */\n\nimport type { ColumnConfig } from '../../core/types';\n\n/**\n * Check if a column can be moved based on its own metadata.\n * This checks column-level properties like lockPosition and suppressMovable.\n *\n * Note: For full movability checks including plugin constraints (e.g., pinned columns),\n * use `grid.queryPlugins({ type: PLUGIN_QUERIES.CAN_MOVE_COLUMN, context: column })`\n * which queries all plugins via the generic plugin query system.\n *\n * @param column - The column configuration to check\n * @returns True if the column can be moved based on its metadata\n */\nexport function canMoveColumn<TRow = unknown>(column: ColumnConfig<TRow>): boolean {\n // Check for lockPosition or suppressMovable properties in the column config\n const meta = column.meta ?? {};\n return meta.lockPosition !== true && meta.suppressMovable !== true;\n}\n\n/**\n * Move a column from one position to another in the order array.\n *\n * @param columns - Array of field names in current order\n * @param fromIndex - The current index of the column to move\n * @param toIndex - The target index to move the column to\n * @returns New array with updated order\n */\nexport function moveColumn(columns: string[], fromIndex: number, toIndex: number): string[] {\n if (fromIndex === toIndex) return columns;\n if (fromIndex < 0 || fromIndex >= columns.length) return columns;\n if (toIndex < 0 || toIndex > columns.length) return columns;\n\n const result = [...columns];\n const [removed] = result.splice(fromIndex, 1);\n result.splice(toIndex, 0, removed);\n return result;\n}\n\n/**\n * Calculate the drop index based on the current drag position.\n *\n * @param dragX - The current X position of the drag\n * @param headerRect - The bounding rect of the header container\n * @param columnWidths - Array of column widths in order\n * @returns The index where the column should be dropped\n */\nexport function getDropIndex(dragX: number, headerRect: DOMRect, columnWidths: number[]): number {\n let x = headerRect.left;\n\n for (let i = 0; i < columnWidths.length; i++) {\n const mid = x + columnWidths[i] / 2;\n if (dragX < mid) return i;\n x += columnWidths[i];\n }\n\n return columnWidths.length;\n}\n\n/**\n * Reorder columns according to a specified order.\n * Columns not in the order array are appended at the end.\n *\n * @param columns - Array of column configurations\n * @param order - Array of field names specifying the desired order\n * @returns New array of columns in the specified order\n */\nexport function reorderColumns<TRow = unknown>(columns: ColumnConfig<TRow>[], order: string[]): ColumnConfig<TRow>[] {\n const columnMap = new Map<string, ColumnConfig<TRow>>(columns.map((c) => [c.field as string, c]));\n const reordered: ColumnConfig<TRow>[] = [];\n\n // Add columns in specified order\n for (const field of order) {\n const col = columnMap.get(field);\n if (col) {\n reordered.push(col);\n columnMap.delete(field);\n }\n }\n\n // Add any remaining columns not in order\n for (const col of columnMap.values()) {\n reordered.push(col);\n }\n\n return reordered;\n}\n","/**\n * Column Reordering Plugin (Class-based)\n *\n * Provides drag-and-drop column reordering functionality for tbw-grid.\n * Supports keyboard and mouse interactions with visual feedback.\n */\n\nimport { BaseGridPlugin, PLUGIN_QUERIES } from '../../core/plugin/base-plugin';\nimport type { ColumnConfig } from '../../core/types';\nimport { canMoveColumn, moveColumn } from './column-drag';\nimport styles from './reorder.css?inline';\nimport type { ColumnMoveDetail, ReorderConfig } from './types';\n\n/** Extended grid interface with column order methods */\ninterface GridWithColumnOrder {\n setColumnOrder(order: string[]): void;\n getColumnOrder(): string[];\n requestStateChange?: () => void;\n /** Query plugins for inter-plugin communication */\n queryPlugins<T>(query: { type: string; context: unknown }): T[];\n}\n\n/**\n * Column Reordering Plugin for tbw-grid\n *\n * @example\n * ```ts\n * new ReorderPlugin({\n * enabled: true,\n * animation: true,\n * animationDuration: 200,\n * })\n * ```\n */\nexport class ReorderPlugin extends BaseGridPlugin<ReorderConfig> {\n readonly name = 'reorder';\n override readonly version = '1.0.0';\n\n protected override get defaultConfig(): Partial<ReorderConfig> {\n return {\n animation: true,\n animationDuration: 200,\n };\n }\n\n // #region Internal State\n private isDragging = false;\n private draggedField: string | null = null;\n private draggedIndex: number | null = null;\n private dropIndex: number | null = null;\n // #endregion\n\n // #region Lifecycle\n\n override attach(grid: import('../../core/plugin/base-plugin').GridElement): void {\n super.attach(grid);\n\n // Listen for reorder requests from other plugins (e.g., VisibilityPlugin)\n // Uses disconnectSignal for automatic cleanup - no need for manual removeEventListener\n (grid as unknown as HTMLElement).addEventListener(\n 'column-reorder-request',\n (e: Event) => {\n const detail = (e as CustomEvent).detail;\n if (detail?.field && typeof detail.toIndex === 'number') {\n this.moveColumn(detail.field, detail.toIndex);\n }\n },\n { signal: this.disconnectSignal },\n );\n }\n\n override detach(): void {\n // Event listeners using eventSignal are automatically cleaned up\n // Just reset internal state\n this.isDragging = false;\n this.draggedField = null;\n this.draggedIndex = null;\n this.dropIndex = null;\n }\n // #endregion\n\n // #region Hooks\n // Note: No processColumns hook needed - we directly update the grid's column order\n\n override afterRender(): void {\n const shadowRoot = this.shadowRoot;\n if (!shadowRoot) return;\n\n const headers = shadowRoot.querySelectorAll('.header-row > .cell');\n\n headers.forEach((header) => {\n const headerEl = header as HTMLElement;\n const field = headerEl.getAttribute('data-field');\n if (!field) return;\n\n const column = this.columns.find((c) => c.field === field);\n // Check both local metadata and plugin queries (e.g., PinnedColumnsPlugin)\n const gridEl = this.grid as unknown as GridWithColumnOrder;\n const pluginResponses = gridEl.queryPlugins<boolean>({\n type: PLUGIN_QUERIES.CAN_MOVE_COLUMN,\n context: column as ColumnConfig,\n });\n const pluginAllows = !pluginResponses.includes(false);\n if (!column || !canMoveColumn(column) || !pluginAllows) {\n headerEl.draggable = false;\n return;\n }\n\n headerEl.draggable = true;\n\n // Remove existing listeners to prevent duplicates\n if (headerEl.getAttribute('data-dragstart-bound')) return;\n headerEl.setAttribute('data-dragstart-bound', 'true');\n\n headerEl.addEventListener('dragstart', (e: DragEvent) => {\n const currentOrder = this.getColumnOrder();\n const orderIndex = currentOrder.indexOf(field);\n this.isDragging = true;\n this.draggedField = field;\n this.draggedIndex = orderIndex;\n\n if (e.dataTransfer) {\n e.dataTransfer.effectAllowed = 'move';\n e.dataTransfer.setData('text/plain', field);\n }\n\n headerEl.classList.add('dragging');\n });\n\n headerEl.addEventListener('dragend', () => {\n this.isDragging = false;\n this.draggedField = null;\n this.draggedIndex = null;\n this.dropIndex = null;\n\n shadowRoot.querySelectorAll('.header-row > .cell').forEach((h) => {\n h.classList.remove('dragging', 'drop-target', 'drop-before', 'drop-after');\n });\n });\n\n headerEl.addEventListener('dragover', (e: DragEvent) => {\n e.preventDefault();\n if (!this.isDragging || this.draggedField === field) return;\n\n const rect = headerEl.getBoundingClientRect();\n const midX = rect.left + rect.width / 2;\n\n const currentOrder = this.getColumnOrder();\n const orderIndex = currentOrder.indexOf(field);\n this.dropIndex = e.clientX < midX ? orderIndex : orderIndex + 1;\n\n headerEl.classList.add('drop-target');\n headerEl.classList.toggle('drop-before', e.clientX < midX);\n headerEl.classList.toggle('drop-after', e.clientX >= midX);\n });\n\n headerEl.addEventListener('dragleave', () => {\n headerEl.classList.remove('drop-target', 'drop-before', 'drop-after');\n });\n\n headerEl.addEventListener('drop', (e: DragEvent) => {\n e.preventDefault();\n const draggedField = this.draggedField;\n const draggedIndex = this.draggedIndex;\n const dropIndex = this.dropIndex;\n\n if (!this.isDragging || draggedField === null || draggedIndex === null || dropIndex === null) {\n return;\n }\n\n const effectiveToIndex = dropIndex > draggedIndex ? dropIndex - 1 : dropIndex;\n const currentOrder = this.getColumnOrder();\n const newOrder = moveColumn(currentOrder, draggedIndex, effectiveToIndex);\n\n const detail: ColumnMoveDetail = {\n field: draggedField,\n fromIndex: draggedIndex,\n toIndex: effectiveToIndex,\n columnOrder: newOrder,\n };\n\n // Directly update the grid's column order\n (this.grid as unknown as GridWithColumnOrder).setColumnOrder(newOrder);\n\n this.emit('column-move', detail);\n // Trigger state change after reorder\n (this.grid as unknown as GridWithColumnOrder).requestStateChange?.();\n });\n });\n }\n // #endregion\n\n // #region Public API\n\n /**\n * Get the current column order from the grid.\n * @returns Array of field names in display order\n */\n getColumnOrder(): string[] {\n return (this.grid as unknown as GridWithColumnOrder).getColumnOrder();\n }\n\n /**\n * Move a column to a new position.\n * @param field - The field name of the column to move\n * @param toIndex - The target index\n */\n moveColumn(field: string, toIndex: number): void {\n const currentOrder = this.getColumnOrder();\n const fromIndex = currentOrder.indexOf(field);\n if (fromIndex === -1) return;\n\n const newOrder = moveColumn(currentOrder, fromIndex, toIndex);\n\n // Directly update the grid's column order\n (this.grid as unknown as GridWithColumnOrder).setColumnOrder(newOrder);\n\n this.emit<ColumnMoveDetail>('column-move', {\n field,\n fromIndex,\n toIndex,\n columnOrder: newOrder,\n });\n\n // Trigger state change after reorder\n (this.grid as unknown as GridWithColumnOrder).requestStateChange?.();\n }\n\n /**\n * Set a specific column order.\n * @param order - Array of field names in desired order\n */\n setColumnOrder(order: string[]): void {\n (this.grid as unknown as GridWithColumnOrder).setColumnOrder(order);\n // Trigger state change after reorder\n (this.grid as unknown as GridWithColumnOrder).requestStateChange?.();\n }\n\n /**\n * Reset column order to the original configuration order.\n */\n resetColumnOrder(): void {\n const originalOrder = this.columns.map((c) => c.field);\n (this.grid as unknown as GridWithColumnOrder).setColumnOrder(originalOrder);\n // Trigger state change after reset\n (this.grid as unknown as GridWithColumnOrder).requestStateChange?.();\n }\n // #endregion\n\n // #region Styles\n\n override readonly styles = styles;\n // #endregion\n}\n"],"names":["canMoveColumn","column","meta","moveColumn","columns","fromIndex","toIndex","result","removed","ReorderPlugin","BaseGridPlugin","grid","e","detail","shadowRoot","header","headerEl","field","c","pluginAllows","PLUGIN_QUERIES","orderIndex","h","rect","midX","draggedField","draggedIndex","dropIndex","effectiveToIndex","currentOrder","newOrder","order","originalOrder","styles"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"reorder.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/reorder/column-drag.ts","../../../../../libs/grid/src/lib/plugins/reorder/ReorderPlugin.ts"],"sourcesContent":["/**\n * Column Reordering Core Logic\n *\n * Pure functions for column drag and reordering operations.\n */\n\nimport type { ColumnConfig } from '../../core/types';\n\n/**\n * Check if a column can be moved based on its own metadata.\n * This checks column-level properties like lockPosition and suppressMovable.\n *\n * Note: For full movability checks including plugin constraints (e.g., pinned columns),\n * use `grid.queryPlugins({ type: PLUGIN_QUERIES.CAN_MOVE_COLUMN, context: column })`\n * which queries all plugins via the generic plugin query system.\n *\n * @param column - The column configuration to check\n * @returns True if the column can be moved based on its metadata\n */\nexport function canMoveColumn<TRow = unknown>(column: ColumnConfig<TRow>): boolean {\n // Check for lockPosition or suppressMovable properties in the column config\n const meta = column.meta ?? {};\n return meta.lockPosition !== true && meta.suppressMovable !== true;\n}\n\n/**\n * Move a column from one position to another in the order array.\n *\n * @param columns - Array of field names in current order\n * @param fromIndex - The current index of the column to move\n * @param toIndex - The target index to move the column to\n * @returns New array with updated order\n */\nexport function moveColumn(columns: string[], fromIndex: number, toIndex: number): string[] {\n if (fromIndex === toIndex) return columns;\n if (fromIndex < 0 || fromIndex >= columns.length) return columns;\n if (toIndex < 0 || toIndex > columns.length) return columns;\n\n const result = [...columns];\n const [removed] = result.splice(fromIndex, 1);\n result.splice(toIndex, 0, removed);\n return result;\n}\n\n/**\n * Calculate the drop index based on the current drag position.\n *\n * @param dragX - The current X position of the drag\n * @param headerRect - The bounding rect of the header container\n * @param columnWidths - Array of column widths in order\n * @returns The index where the column should be dropped\n */\nexport function getDropIndex(dragX: number, headerRect: DOMRect, columnWidths: number[]): number {\n let x = headerRect.left;\n\n for (let i = 0; i < columnWidths.length; i++) {\n const mid = x + columnWidths[i] / 2;\n if (dragX < mid) return i;\n x += columnWidths[i];\n }\n\n return columnWidths.length;\n}\n\n/**\n * Reorder columns according to a specified order.\n * Columns not in the order array are appended at the end.\n *\n * @param columns - Array of column configurations\n * @param order - Array of field names specifying the desired order\n * @returns New array of columns in the specified order\n */\nexport function reorderColumns<TRow = unknown>(columns: ColumnConfig<TRow>[], order: string[]): ColumnConfig<TRow>[] {\n const columnMap = new Map<string, ColumnConfig<TRow>>(columns.map((c) => [c.field as string, c]));\n const reordered: ColumnConfig<TRow>[] = [];\n\n // Add columns in specified order\n for (const field of order) {\n const col = columnMap.get(field);\n if (col) {\n reordered.push(col);\n columnMap.delete(field);\n }\n }\n\n // Add any remaining columns not in order\n for (const col of columnMap.values()) {\n reordered.push(col);\n }\n\n return reordered;\n}\n","/**\n * Column Reordering Plugin (Class-based)\n *\n * Provides drag-and-drop column reordering functionality for tbw-grid.\n * Supports keyboard and mouse interactions with visual feedback.\n */\n\nimport { BaseGridPlugin, PLUGIN_QUERIES } from '../../core/plugin/base-plugin';\nimport type { ColumnConfig } from '../../core/types';\nimport { canMoveColumn, moveColumn } from './column-drag';\nimport styles from './reorder.css?inline';\nimport type { ColumnMoveDetail, ReorderConfig } from './types';\n\n/** Extended grid interface with column order methods */\ninterface GridWithColumnOrder {\n setColumnOrder(order: string[]): void;\n getColumnOrder(): string[];\n requestStateChange?: () => void;\n /** Query plugins for inter-plugin communication */\n queryPlugins<T>(query: { type: string; context: unknown }): T[];\n}\n\n/**\n * Column Reordering Plugin for tbw-grid\n *\n * @example\n * ```ts\n * new ReorderPlugin()\n * ```\n */\nexport class ReorderPlugin extends BaseGridPlugin<ReorderConfig> {\n readonly name = 'reorder';\n override readonly version = '1.0.0';\n\n protected override get defaultConfig(): Partial<ReorderConfig> {\n return {\n viewTransition: true,\n };\n }\n\n // #region Internal State\n private isDragging = false;\n private draggedField: string | null = null;\n private draggedIndex: number | null = null;\n private dropIndex: number | null = null;\n // #endregion\n\n // #region Lifecycle\n\n override attach(grid: import('../../core/plugin/base-plugin').GridElement): void {\n super.attach(grid);\n\n // Listen for reorder requests from other plugins (e.g., VisibilityPlugin)\n // Uses disconnectSignal for automatic cleanup - no need for manual removeEventListener\n (grid as unknown as HTMLElement).addEventListener(\n 'column-reorder-request',\n (e: Event) => {\n const detail = (e as CustomEvent).detail;\n if (detail?.field && typeof detail.toIndex === 'number') {\n this.moveColumn(detail.field, detail.toIndex);\n }\n },\n { signal: this.disconnectSignal },\n );\n }\n\n override detach(): void {\n this.isDragging = false;\n this.draggedField = null;\n this.draggedIndex = null;\n this.dropIndex = null;\n }\n // #endregion\n\n // #region Hooks\n\n override afterRender(): void {\n const shadowRoot = this.shadowRoot;\n if (!shadowRoot) return;\n\n const headers = shadowRoot.querySelectorAll('.header-row > .cell');\n\n headers.forEach((header) => {\n const headerEl = header as HTMLElement;\n const field = headerEl.getAttribute('data-field');\n if (!field) return;\n\n const column = this.columns.find((c) => c.field === field);\n // Check both local metadata and plugin queries (e.g., PinnedColumnsPlugin)\n const gridEl = this.grid as unknown as GridWithColumnOrder;\n const pluginResponses = gridEl.queryPlugins<boolean>({\n type: PLUGIN_QUERIES.CAN_MOVE_COLUMN,\n context: column as ColumnConfig,\n });\n const pluginAllows = !pluginResponses.includes(false);\n if (!column || !canMoveColumn(column) || !pluginAllows) {\n headerEl.draggable = false;\n return;\n }\n\n headerEl.draggable = true;\n\n // Remove existing listeners to prevent duplicates\n if (headerEl.getAttribute('data-dragstart-bound')) return;\n headerEl.setAttribute('data-dragstart-bound', 'true');\n\n headerEl.addEventListener('dragstart', (e: DragEvent) => {\n const currentOrder = this.getColumnOrder();\n const orderIndex = currentOrder.indexOf(field);\n this.isDragging = true;\n this.draggedField = field;\n this.draggedIndex = orderIndex;\n\n if (e.dataTransfer) {\n e.dataTransfer.effectAllowed = 'move';\n e.dataTransfer.setData('text/plain', field);\n }\n\n headerEl.classList.add('dragging');\n });\n\n headerEl.addEventListener('dragend', () => {\n this.isDragging = false;\n this.draggedField = null;\n this.draggedIndex = null;\n this.dropIndex = null;\n\n shadowRoot.querySelectorAll('.header-row > .cell').forEach((h) => {\n h.classList.remove('dragging', 'drop-target', 'drop-before', 'drop-after');\n });\n });\n\n headerEl.addEventListener('dragover', (e: DragEvent) => {\n e.preventDefault();\n if (!this.isDragging || this.draggedField === field) return;\n\n const rect = headerEl.getBoundingClientRect();\n const midX = rect.left + rect.width / 2;\n\n const currentOrder = this.getColumnOrder();\n const orderIndex = currentOrder.indexOf(field);\n this.dropIndex = e.clientX < midX ? orderIndex : orderIndex + 1;\n\n headerEl.classList.add('drop-target');\n headerEl.classList.toggle('drop-before', e.clientX < midX);\n headerEl.classList.toggle('drop-after', e.clientX >= midX);\n });\n\n headerEl.addEventListener('dragleave', () => {\n headerEl.classList.remove('drop-target', 'drop-before', 'drop-after');\n });\n\n headerEl.addEventListener('drop', (e: DragEvent) => {\n e.preventDefault();\n const draggedField = this.draggedField;\n const draggedIndex = this.draggedIndex;\n const dropIndex = this.dropIndex;\n\n if (!this.isDragging || draggedField === null || draggedIndex === null || dropIndex === null) {\n return;\n }\n\n const effectiveToIndex = dropIndex > draggedIndex ? dropIndex - 1 : dropIndex;\n const currentOrder = this.getColumnOrder();\n const newOrder = moveColumn(currentOrder, draggedIndex, effectiveToIndex);\n\n const detail: ColumnMoveDetail = {\n field: draggedField,\n fromIndex: draggedIndex,\n toIndex: effectiveToIndex,\n columnOrder: newOrder,\n };\n\n // Update the grid's column order (with optional view transition)\n this.updateColumnOrder(newOrder);\n\n this.emit('column-move', detail);\n });\n });\n }\n // #endregion\n\n // #region Public API\n\n /**\n * Get the current column order from the grid.\n * @returns Array of field names in display order\n */\n getColumnOrder(): string[] {\n return (this.grid as unknown as GridWithColumnOrder).getColumnOrder();\n }\n\n /**\n * Move a column to a new position.\n * @param field - The field name of the column to move\n * @param toIndex - The target index\n */\n moveColumn(field: string, toIndex: number): void {\n const currentOrder = this.getColumnOrder();\n const fromIndex = currentOrder.indexOf(field);\n if (fromIndex === -1) return;\n\n const newOrder = moveColumn(currentOrder, fromIndex, toIndex);\n\n // Update with view transition\n this.updateColumnOrder(newOrder);\n\n this.emit<ColumnMoveDetail>('column-move', {\n field,\n fromIndex,\n toIndex,\n columnOrder: newOrder,\n });\n }\n\n /**\n * Set a specific column order.\n * @param order - Array of field names in desired order\n */\n setColumnOrder(order: string[]): void {\n this.updateColumnOrder(order);\n }\n\n /**\n * Reset column order to the original configuration order.\n */\n resetColumnOrder(): void {\n const originalOrder = this.columns.map((c) => c.field);\n this.updateColumnOrder(originalOrder);\n }\n // #endregion\n\n // #region View Transition\n\n /**\n * Update column order with optional view transition animation.\n * Falls back to instant update if View Transitions API is not supported.\n */\n private updateColumnOrder(newOrder: string[]): void {\n const gridEl = this.grid as unknown as GridWithColumnOrder;\n const shadowRoot = this.shadowRoot;\n\n if (this.config.viewTransition && 'startViewTransition' in document && shadowRoot) {\n // Unique view-transition-name per field enables position tracking\n const allCells = shadowRoot.querySelectorAll('.cell[data-field]');\n allCells.forEach((cell) => {\n const field = cell.getAttribute('data-field');\n if (field) (cell as HTMLElement).style.viewTransitionName = `col-${field}`;\n });\n\n const transition = (\n document as Document & { startViewTransition: (cb: () => void) => { finished: Promise<void> } }\n ).startViewTransition(() => gridEl.setColumnOrder(newOrder));\n\n // Clean up after transition\n transition.finished.finally(() => {\n allCells.forEach((cell) => {\n (cell as HTMLElement).style.viewTransitionName = '';\n });\n });\n } else {\n gridEl.setColumnOrder(newOrder);\n }\n\n gridEl.requestStateChange?.();\n }\n // #endregion\n\n // #region Styles\n\n override readonly styles = styles;\n // #endregion\n}\n"],"names":["canMoveColumn","column","meta","moveColumn","columns","fromIndex","toIndex","result","removed","ReorderPlugin","BaseGridPlugin","grid","e","detail","shadowRoot","header","headerEl","field","c","pluginAllows","PLUGIN_QUERIES","orderIndex","h","rect","midX","draggedField","draggedIndex","dropIndex","effectiveToIndex","currentOrder","newOrder","order","originalOrder","gridEl","allCells","cell","styles"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
(function(a,d){typeof exports=="object"&&typeof module<"u"?d(exports,require("../../core/plugin/base-plugin")):typeof define=="function"&&define.amd?define(["exports","../../core/plugin/base-plugin"],d):(a=typeof globalThis<"u"?globalThis:a||self,d(a.TbwGridPlugin_selection={},a.TbwGrid))})(this,(function(a,d){"use strict";function g(s){return{startRow:Math.min(s.startRow,s.endRow),startCol:Math.min(s.startCol,s.endCol),endRow:Math.max(s.startRow,s.endRow),endCol:Math.max(s.startCol,s.endCol)}}function R(s){const e=g(s);return{from:{row:e.startRow,col:e.startCol},to:{row:e.endRow,col:e.endCol}}}function u(s){return s.map(R)}function C(s,e,t){const l=g(t);return s>=l.startRow&&s<=l.endRow&&e>=l.startCol&&e<=l.endCol}function w(s,e,t){return t.some(l=>C(s,e,l))}function m(s){const e=[],t=g(s);for(let l=t.startRow;l<=t.endRow;l++)for(let o=t.startCol;o<=t.endCol;o++)e.push({row:l,col:o});return e}function
|
|
1
|
+
(function(a,d){typeof exports=="object"&&typeof module<"u"?d(exports,require("../../core/plugin/base-plugin")):typeof define=="function"&&define.amd?define(["exports","../../core/plugin/base-plugin"],d):(a=typeof globalThis<"u"?globalThis:a||self,d(a.TbwGridPlugin_selection={},a.TbwGrid))})(this,(function(a,d){"use strict";function g(s){return{startRow:Math.min(s.startRow,s.endRow),startCol:Math.min(s.startCol,s.endCol),endRow:Math.max(s.startRow,s.endRow),endCol:Math.max(s.startCol,s.endCol)}}function R(s){const e=g(s);return{from:{row:e.startRow,col:e.startCol},to:{row:e.endRow,col:e.endCol}}}function u(s){return s.map(R)}function C(s,e,t){const l=g(t);return s>=l.startRow&&s<=l.endRow&&e>=l.startCol&&e<=l.endCol}function w(s,e,t){return t.some(l=>C(s,e,l))}function m(s){const e=[],t=g(s);for(let l=t.startRow;l<=t.endRow;l++)for(let o=t.startCol;o<=t.endCol;o++)e.push({row:l,col:o});return e}function p(s){const e=new Map;for(const t of s)for(const l of m(t))e.set(`${l.row},${l.col}`,l);return[...e.values()]}function f(s,e){return{startRow:s.row,startCol:s.col,endRow:e.row,endCol:e.col}}const A=':host .selecting .data-grid-row>.cell{-webkit-user-select:none;user-select:none}:host .data-grid-row.row-focus{background-color:var(--tbw-focus-background, rgba(from var(--tbw-color-accent) r g b / 12%))}:host([data-selection-mode="row"]) .cell-focus{outline:none}:host .data-grid-row>.cell.selected{background-color:var(--tbw-range-selection-bg)}:host .data-grid-row>.cell.selected.top{border-top:2px solid var(--tbw-range-border-color)}:host .data-grid-row>.cell.selected.bottom{border-bottom:2px solid var(--tbw-range-border-color)}:host .data-grid-row>.cell.selected.first{border-left:2px solid var(--tbw-range-border-color)}:host .data-grid-row>.cell.selected.last{border-right:2px solid var(--tbw-range-border-color)}';function y(s,e,t){if(s==="cell"&&e.selectedCell)return{mode:s,ranges:[{from:{row:e.selectedCell.row,col:e.selectedCell.col},to:{row:e.selectedCell.row,col:e.selectedCell.col}}]};if(s==="row"&&e.selected.size>0){const l=[...e.selected].map(o=>({from:{row:o,col:0},to:{row:o,col:t-1}}));return{mode:s,ranges:l}}return s==="range"&&e.ranges.length>0?{mode:s,ranges:u(e.ranges)}:{mode:s,ranges:[]}}class b extends d.BaseGridPlugin{name="selection";version="1.0.0";get defaultConfig(){return{mode:"cell"}}selected=new Set;lastSelected=null;anchor=null;ranges=[];activeRange=null;cellAnchor=null;isDragging=!1;pendingKeyboardUpdate=null;selectedCell=null;detach(){this.selected.clear(),this.ranges=[],this.activeRange=null,this.cellAnchor=null,this.isDragging=!1,this.selectedCell=null,this.pendingKeyboardUpdate=null}onCellClick(e){const{rowIndex:t,colIndex:l,originalEvent:o}=e,{mode:n}=this.config;if(n==="cell")return this.selectedCell={row:t,col:l},this.emit("selection-change",this.#e()),this.requestAfterRender(),!1;if(n==="row")return this.selected.clear(),this.selected.add(t),this.lastSelected=t,this.emit("selection-change",this.#e()),this.requestAfterRender(),!1;if(n==="range"){const c=o.shiftKey,r=o.ctrlKey||o.metaKey;if(c&&this.cellAnchor){const i=f(this.cellAnchor,{row:t,col:l});r?this.ranges.length>0?this.ranges[this.ranges.length-1]=i:this.ranges.push(i):this.ranges=[i],this.activeRange=i}else if(r){const i={startRow:t,startCol:l,endRow:t,endCol:l};this.ranges.push(i),this.activeRange=i,this.cellAnchor={row:t,col:l}}else{const i={startRow:t,startCol:l,endRow:t,endCol:l};this.ranges=[i],this.activeRange=i,this.cellAnchor={row:t,col:l}}return this.emit("selection-change",this.#e()),this.requestAfterRender(),!1}return!1}onKeyDown(e){const{mode:t}=this.config,o=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Tab","Home","End","PageUp","PageDown"].includes(e.key);if(e.key==="Escape")return t==="cell"?this.selectedCell=null:t==="row"?(this.selected.clear(),this.anchor=null):t==="range"&&(this.ranges=[],this.activeRange=null,this.cellAnchor=null),this.emit("selection-change",this.#e()),this.requestAfterRender(),!0;if(t==="cell"&&o)return queueMicrotask(()=>{this.selectedCell={row:this.grid._focusRow,col:this.grid._focusCol},this.emit("selection-change",this.#e()),this.requestAfterRender()}),!1;if(t==="row"&&(e.key==="ArrowUp"||e.key==="ArrowDown"))return queueMicrotask(()=>{this.selected.clear(),this.selected.add(this.grid._focusRow),this.lastSelected=this.grid._focusRow,this.emit("selection-change",this.#e()),this.requestAfterRender()}),!1;if(t==="range"&&o)return e.shiftKey&&!this.cellAnchor&&(this.cellAnchor={row:this.grid._focusRow,col:this.grid._focusCol}),this.pendingKeyboardUpdate={shiftKey:e.shiftKey},queueMicrotask(()=>this.requestAfterRender()),!1;if(t==="range"&&e.key==="a"&&(e.ctrlKey||e.metaKey)){const n=this.rows.length,c=this.columns.length;if(n>0&&c>0){const r={startRow:0,startCol:0,endRow:n-1,endCol:c-1};return this.ranges=[r],this.activeRange=r,this.emit("selection-change",this.#e()),this.requestAfterRender(),!0}}return!1}onCellMouseDown(e){if(this.config.mode!=="range"||e.rowIndex===void 0||e.colIndex===void 0||e.rowIndex<0||e.originalEvent.shiftKey&&this.cellAnchor)return;this.isDragging=!0;const t=e.rowIndex,l=e.colIndex;this.cellAnchor={row:t,col:l},e.originalEvent.ctrlKey||e.originalEvent.metaKey||(this.ranges=[]);const n={startRow:t,startCol:l,endRow:t,endCol:l};return this.ranges.push(n),this.activeRange=n,this.emit("selection-change",this.#e()),this.requestAfterRender(),!0}onCellMouseMove(e){if(this.config.mode!=="range"||!this.isDragging||!this.cellAnchor||e.rowIndex===void 0||e.colIndex===void 0||e.rowIndex<0)return;const t=f(this.cellAnchor,{row:e.rowIndex,col:e.colIndex});return this.ranges.length>0?this.ranges[this.ranges.length-1]=t:this.ranges.push(t),this.activeRange=t,this.emit("selection-change",this.#e()),this.requestAfterRender(),!0}onCellMouseUp(e){if(this.config.mode==="range"&&this.isDragging)return this.isDragging=!1,!0}#t(){const e=this.shadowRoot;if(!e)return;const{mode:t}=this.config;e.querySelectorAll(".cell").forEach(n=>{n.classList.remove("selected","top","bottom","first","last")});const o=e.querySelectorAll(".data-grid-row");if(o.forEach(n=>{n.classList.remove("selected","row-focus")}),t==="row"&&(e.querySelectorAll(".cell-focus").forEach(n=>n.classList.remove("cell-focus")),o.forEach(n=>{const c=n.querySelector(".cell[data-row]"),r=parseInt(c?.getAttribute("data-row")??"-1",10);r>=0&&this.selected.has(r)&&n.classList.add("selected","row-focus")})),t==="range"&&this.ranges.length>0){const n=this.activeRange?g(this.activeRange):null;e.querySelectorAll(".cell[data-row][data-col]").forEach(r=>{const i=parseInt(r.getAttribute("data-row")??"-1",10),h=parseInt(r.getAttribute("data-col")??"-1",10);i>=0&&h>=0&&w(i,h,this.ranges)&&(r.classList.add("selected"),r.classList.remove("cell-focus"),n&&(i===n.startRow&&r.classList.add("top"),i===n.endRow&&r.classList.add("bottom"),h===n.startCol&&r.classList.add("first"),h===n.endCol&&r.classList.add("last")))})}t==="cell"&&this.selectedCell&&e.querySelectorAll(".cell-focus").forEach(n=>n.classList.remove("cell-focus"))}afterRender(){const e=this.shadowRoot;if(!e)return;const t=e.children[0],{mode:l}=this.config;if(this.pendingKeyboardUpdate&&l==="range"){const{shiftKey:o}=this.pendingKeyboardUpdate;this.pendingKeyboardUpdate=null;const n=this.grid._focusRow,c=this.grid._focusCol;if(o&&this.cellAnchor){const r=f(this.cellAnchor,{row:n,col:c});this.ranges=[r],this.activeRange=r}else o||(this.ranges=[],this.activeRange=null,this.cellAnchor={row:n,col:c});this.emit("selection-change",this.#e())}this.grid.setAttribute("data-selection-mode",l),t&&t.classList.toggle("selecting",this.isDragging),this.#t()}onScrollRender(){this.#t()}getSelectedCell(){return this.selectedCell}getSelectedRows(){return[...this.selected]}getRanges(){return u(this.ranges)}getSelectedCells(){return p(this.ranges)}isCellSelected(e,t){return w(e,t,this.ranges)}clearSelection(){this.selectedCell=null,this.selected.clear(),this.anchor=null,this.ranges=[],this.activeRange=null,this.cellAnchor=null,this.emit("selection-change",{mode:this.config.mode,ranges:[]}),this.requestAfterRender()}setRanges(e){this.ranges=e.map(t=>({startRow:t.from.row,startCol:t.from.col,endRow:t.to.row,endCol:t.to.col})),this.activeRange=this.ranges.length>0?this.ranges[this.ranges.length-1]:null,this.emit("selection-change",{mode:this.config.mode,ranges:u(this.ranges)}),this.requestAfterRender()}#e(){return y(this.config.mode,{selectedCell:this.selectedCell,selected:this.selected,ranges:this.ranges},this.columns.length)}styles=A}function K(s,e,t,l){const o=new Set(s.selected);let n=s.anchor;if(t==="single")o.clear(),o.add(e),n=e;else if(t==="multiple"){const c=l.ctrlKey||l.metaKey;if(l.shiftKey&&s.anchor!==null){const r=Math.min(s.anchor,e),i=Math.max(s.anchor,e);for(let h=r;h<=i;h++)o.add(h)}else c?(o.has(e)?o.delete(e):o.add(e),n=e):(o.clear(),o.add(e),n=e)}return{selected:o,lastSelected:e,anchor:n}}function v(s){const e=new Set;for(let t=0;t<s;t++)e.add(t);return e}function S(s,e){const t=[],l=[];for(const o of e)s.has(o)||t.push(o);for(const o of s)e.has(o)||l.push(o);return{added:t,removed:l}}a.SelectionPlugin=b,a.computeSelectionDiff=S,a.handleRowClick=K,a.selectAll=v,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})}));
|
|
2
2
|
//# sourceMappingURL=selection.umd.js.map
|