@toolbox-web/grid 0.0.1

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.
Files changed (87) hide show
  1. package/all.d.ts +3518 -0
  2. package/all.js +3762 -0
  3. package/all.js.map +1 -0
  4. package/index.d.ts +2367 -0
  5. package/index.js +3105 -0
  6. package/index.js.map +1 -0
  7. package/lib/plugins/clipboard/index.js +365 -0
  8. package/lib/plugins/clipboard/index.js.map +1 -0
  9. package/lib/plugins/column-virtualization/index.js +255 -0
  10. package/lib/plugins/column-virtualization/index.js.map +1 -0
  11. package/lib/plugins/context-menu/index.js +341 -0
  12. package/lib/plugins/context-menu/index.js.map +1 -0
  13. package/lib/plugins/export/index.js +305 -0
  14. package/lib/plugins/export/index.js.map +1 -0
  15. package/lib/plugins/filtering/index.js +759 -0
  16. package/lib/plugins/filtering/index.js.map +1 -0
  17. package/lib/plugins/grouping-columns/index.js +283 -0
  18. package/lib/plugins/grouping-columns/index.js.map +1 -0
  19. package/lib/plugins/grouping-rows/index.js +494 -0
  20. package/lib/plugins/grouping-rows/index.js.map +1 -0
  21. package/lib/plugins/master-detail/index.js +303 -0
  22. package/lib/plugins/master-detail/index.js.map +1 -0
  23. package/lib/plugins/multi-sort/index.js +270 -0
  24. package/lib/plugins/multi-sort/index.js.map +1 -0
  25. package/lib/plugins/pinned-columns/index.js +221 -0
  26. package/lib/plugins/pinned-columns/index.js.map +1 -0
  27. package/lib/plugins/pinned-rows/index.js +459 -0
  28. package/lib/plugins/pinned-rows/index.js.map +1 -0
  29. package/lib/plugins/pivot/index.js +326 -0
  30. package/lib/plugins/pivot/index.js.map +1 -0
  31. package/lib/plugins/reorder/index.js +260 -0
  32. package/lib/plugins/reorder/index.js.map +1 -0
  33. package/lib/plugins/selection/index.js +426 -0
  34. package/lib/plugins/selection/index.js.map +1 -0
  35. package/lib/plugins/server-side/index.js +241 -0
  36. package/lib/plugins/server-side/index.js.map +1 -0
  37. package/lib/plugins/tree/index.js +383 -0
  38. package/lib/plugins/tree/index.js.map +1 -0
  39. package/lib/plugins/undo-redo/index.js +289 -0
  40. package/lib/plugins/undo-redo/index.js.map +1 -0
  41. package/lib/plugins/visibility/index.js +430 -0
  42. package/lib/plugins/visibility/index.js.map +1 -0
  43. package/package.json +53 -0
  44. package/themes/dg-theme-contrast.css +43 -0
  45. package/themes/dg-theme-large.css +54 -0
  46. package/themes/dg-theme-standard.css +19 -0
  47. package/themes/dg-theme-vibrant.css +16 -0
  48. package/umd/grid.all.umd.js +660 -0
  49. package/umd/grid.all.umd.js.map +1 -0
  50. package/umd/grid.umd.js +105 -0
  51. package/umd/grid.umd.js.map +1 -0
  52. package/umd/plugins/clipboard.umd.js +9 -0
  53. package/umd/plugins/clipboard.umd.js.map +1 -0
  54. package/umd/plugins/column-virtualization.umd.js +2 -0
  55. package/umd/plugins/column-virtualization.umd.js.map +1 -0
  56. package/umd/plugins/context-menu.umd.js +53 -0
  57. package/umd/plugins/context-menu.umd.js.map +1 -0
  58. package/umd/plugins/export.umd.js +14 -0
  59. package/umd/plugins/export.umd.js.map +1 -0
  60. package/umd/plugins/filtering.umd.js +175 -0
  61. package/umd/plugins/filtering.umd.js.map +1 -0
  62. package/umd/plugins/grouping-columns.umd.js +29 -0
  63. package/umd/plugins/grouping-columns.umd.js.map +1 -0
  64. package/umd/plugins/grouping-rows.umd.js +40 -0
  65. package/umd/plugins/grouping-rows.umd.js.map +1 -0
  66. package/umd/plugins/master-detail.umd.js +27 -0
  67. package/umd/plugins/master-detail.umd.js.map +1 -0
  68. package/umd/plugins/multi-sort.umd.js +26 -0
  69. package/umd/plugins/multi-sort.umd.js.map +1 -0
  70. package/umd/plugins/pinned-columns.umd.js +2 -0
  71. package/umd/plugins/pinned-columns.umd.js.map +1 -0
  72. package/umd/plugins/pinned-rows.umd.js +73 -0
  73. package/umd/plugins/pinned-rows.umd.js.map +1 -0
  74. package/umd/plugins/pivot.umd.js +8 -0
  75. package/umd/plugins/pivot.umd.js.map +1 -0
  76. package/umd/plugins/reorder.umd.js +31 -0
  77. package/umd/plugins/reorder.umd.js.map +1 -0
  78. package/umd/plugins/selection.umd.js +34 -0
  79. package/umd/plugins/selection.umd.js.map +1 -0
  80. package/umd/plugins/server-side.umd.js +2 -0
  81. package/umd/plugins/server-side.umd.js.map +1 -0
  82. package/umd/plugins/tree.umd.js +11 -0
  83. package/umd/plugins/tree.umd.js.map +1 -0
  84. package/umd/plugins/undo-redo.umd.js +2 -0
  85. package/umd/plugins/undo-redo.umd.js.map +1 -0
  86. package/umd/plugins/visibility.umd.js +94 -0
  87. package/umd/plugins/visibility.umd.js.map +1 -0
@@ -0,0 +1,9 @@
1
+ (function(p,g){typeof exports=="object"&&typeof module<"u"?g(exports,require("../../core/plugin/base-plugin")):typeof define=="function"&&define.amd?define(["exports","../../core/plugin/base-plugin"],g):(p=typeof globalThis<"u"?globalThis:p||self,g(p.TbwGridPlugin_clipboard={},p.TbwGrid))})(this,(function(p,g){"use strict";function R(f,e,t,n){if(n.processCell)return n.processCell(f,e,t);if(f==null)return"";if(f instanceof Date)return f.toISOString();if(typeof f=="object")return JSON.stringify(f);const s=String(f),r=n.delimiter??" ",o=n.newline??`
2
+ `;return n.quoteStrings||s.includes(r)||s.includes(o)||s.includes('"')?`"${s.replace(/"/g,'""')}"`:s}function y(f){const{rows:e,columns:t,selectedIndices:n,config:s}=f,r=s.delimiter??" ",o=s.newline??`
3
+ `,l=t.filter(i=>!i.hidden&&!i.field.startsWith("__")),c=[];if(s.includeHeaders){const i=l.map(d=>{const h=d.header||d.field;return h.includes(r)||h.includes(o)||h.includes('"')?`"${h.replace(/"/g,'""')}"`:h});c.push(i.join(r))}const u=[...n instanceof Set?[...n]:n].sort((i,d)=>i-d);for(const i of u){const d=e[i];if(!d)continue;const h=l.map(m=>R(d[m.field],m.field,d,s));c.push(h.join(r))}return c.join(o)}async function x(f){try{return await navigator.clipboard.writeText(f),!0}catch{const e=document.createElement("textarea");e.value=f,e.style.position="fixed",e.style.opacity="0",e.style.pointerEvents="none",document.body.appendChild(e),e.select();const t=document.execCommand("copy");return document.body.removeChild(e),t}}function b(f,e){const t=e.delimiter??" ",n=e.newline??`
4
+ `,s=f.replace(/\r\n/g,`
5
+ `).replace(/\r/g,`
6
+ `),r=[];let o=[],l="",c=!1;for(let a=0;a<s.length;a++){const u=s[a];u==='"'&&!c?c=!0:u==='"'&&c?s[a+1]==='"'?(l+='"',a++):c=!1:u===t&&!c?(o.push(l),l=""):u===n&&!c?(o.push(l),l="",(o.length>1||o.some(i=>i.trim()!==""))&&r.push(o),o=[]):l+=u}return o.push(l),(o.length>1||o.some(a=>a.trim()!==""))&&r.push(o),r}async function S(){try{return await navigator.clipboard.readText()}catch{return""}}class T extends g.BaseGridPlugin{name="clipboard";version="1.0.0";get defaultConfig(){return{enabled:!0,includeHeaders:!1,delimiter:" ",newline:`
7
+ `,quoteStrings:!1}}lastCopied=null;detach(){this.lastCopied=null}onKeyDown(e){if(this.config.enabled===!1)return!1;const t=(e.ctrlKey||e.metaKey)&&e.key==="c",n=(e.ctrlKey||e.metaKey)&&e.key==="v";return t?(this.#t(e.target),!0):n?(this.#n(),!0):!1}#t(e){const t=this.#e(),n=t?.getSelectedRows()??[],s=n.length>0,r=t?.getRanges()??[],o=r.length>0,l=t?.getSelectedCell()!=null;let c,a,u;if(s&&t)c=y({rows:this.rows,columns:[...this.columns],selectedIndices:n,config:this.config}),a=n.length,u=this.columns.filter(i=>!i.hidden&&!i.field.startsWith("__")).length;else if(o&&t){const i=r[r.length-1],d=this.#s({startRow:i.from.row,startCol:i.from.col,endRow:i.to.row,endCol:i.to.col});c=d.text,a=d.rowCount,u=d.columnCount}else if(l&&t){const i=t.getSelectedCell(),d=this.#i(i.row,i.col);if(!d)return;c=d.text,a=1,u=1}else{const i=this.#o(e);if(!i)return;c=i.text,a=1,u=1}x(c).then(()=>{this.lastCopied={text:c,timestamp:Date.now()},this.emit("copy",{text:c,rowCount:a,columnCount:u})})}#n(){S().then(e=>{if(!e)return;const t=b(e,this.config);this.emit("paste",{rows:t,text:e})})}#e(){try{const e=this.grid;if(e?._plugins){for(const t of e._plugins)if(t.name==="selection")return t}}catch{}}#i(e,t){const n=this.rows[e];if(!n)return null;const s=this.columns[t];if(!s)return null;const r=n[s.field],o=s.header||s.field;let l;if(this.config.includeHeaders){const c=r==null?"":String(r);l=`${o}: ${c}`}else l=r==null?"":String(r);return{text:l}}#s(e){const{startRow:t,startCol:n,endRow:s,endCol:r}=e,o=Math.min(t,s),l=Math.max(t,s),c=Math.min(n,r),a=Math.max(n,r),u=this.config.delimiter??" ",i=this.config.newline??`
8
+ `,d=[],h=this.columns.slice(c,a+1);if(this.config.includeHeaders){const m=h.map(w=>w.header||w.field);d.push(m.join(u))}for(let m=o;m<=l;m++){const w=this.rows[m];if(!w)continue;const P=h.map(I=>{const C=w[I.field];return C==null?"":C instanceof Date?C.toISOString():String(C)});d.push(P.join(u))}return{text:d.join(i),rowCount:l-o+1,columnCount:a-c+1}}#o(e){const t=e.closest("[data-field-cache]");if(!t)return null;const n=t.dataset.fieldCache;if(!n)return null;const s=t.dataset.row;if(!s)return null;const r=parseInt(s,10);if(isNaN(r))return null;const o=this.rows[r];if(!o)return null;const l=o[n],a=this.columns.find(i=>i.field===n)?.header||n;let u;if(this.config.includeHeaders){const i=l==null?"":String(l);u=`${a}: ${i}`}else u=l==null?"":String(l);return{text:u,field:n,value:l}}async copy(){const t=this.#e()?.getSelectedRows()??[],n=y({rows:this.rows,columns:[...this.columns],selectedIndices:t,config:this.config});return await x(n),this.lastCopied={text:n,timestamp:Date.now()},n}async copyRows(e){const t=y({rows:this.rows,columns:[...this.columns],selectedIndices:e,config:this.config});return await x(t),this.lastCopied={text:t,timestamp:Date.now()},t}async paste(){const e=await S();return e?b(e,this.config):null}getLastCopied(){return this.lastCopied}}p.ClipboardPlugin=T,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})}));
9
+ //# sourceMappingURL=clipboard.umd.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"clipboard.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/clipboard/copy.ts","../../../../../libs/grid/src/lib/plugins/clipboard/paste.ts","../../../../../libs/grid/src/lib/plugins/clipboard/ClipboardPlugin.ts"],"sourcesContent":["/**\n * Clipboard Copy Logic\n *\n * Pure functions for copying grid data to clipboard.\n */\n\nimport type { ColumnConfig } from '../../core/types';\nimport type { ClipboardConfig } from './types';\n\n/** Parameters for building clipboard text */\nexport interface CopyParams {\n /** All grid rows */\n rows: unknown[];\n /** Column configurations */\n columns: ColumnConfig[];\n /** Selected row indices */\n selectedIndices: Set<number> | number[];\n /** Clipboard configuration */\n config: ClipboardConfig;\n}\n\n/**\n * Format a cell value for clipboard output.\n *\n * Uses custom processCell if provided, otherwise applies default formatting:\n * - null/undefined → empty string\n * - Date → ISO string\n * - Object → JSON string\n * - Other → String conversion with optional quoting\n *\n * @param value - The cell value to format\n * @param field - The field name\n * @param row - The full row object\n * @param config - Clipboard configuration\n * @returns Formatted string value\n */\nexport function formatCellValue(value: unknown, field: string, row: unknown, config: ClipboardConfig): string {\n if (config.processCell) {\n return config.processCell(value, field, row);\n }\n\n if (value == null) return '';\n if (value instanceof Date) return value.toISOString();\n if (typeof value === 'object') return JSON.stringify(value);\n\n const str = String(value);\n const delimiter = config.delimiter ?? '\\t';\n const newline = config.newline ?? '\\n';\n\n // Quote if contains delimiter, newline, or quotes (or if quoteStrings is enabled)\n if (config.quoteStrings || str.includes(delimiter) || str.includes(newline) || str.includes('\"')) {\n return `\"${str.replace(/\"/g, '\"\"')}\"`;\n }\n\n return str;\n}\n\n/**\n * Build clipboard text from selected rows and columns.\n *\n * @param params - Copy parameters including rows, columns, selection, and config\n * @returns Tab-separated (or custom delimiter) text ready for clipboard\n */\nexport function buildClipboardText(params: CopyParams): string {\n const { rows, columns, selectedIndices, config } = params;\n const delimiter = config.delimiter ?? '\\t';\n const newline = config.newline ?? '\\n';\n\n // Filter to visible columns (not hidden, not internal __ prefixed)\n const visibleColumns = columns.filter((c) => !c.hidden && !c.field.startsWith('__'));\n\n const lines: string[] = [];\n\n // Add header row if configured\n if (config.includeHeaders) {\n const headerCells = visibleColumns.map((c) => {\n const header = c.header || c.field;\n // Quote headers if they contain special characters\n if (header.includes(delimiter) || header.includes(newline) || header.includes('\"')) {\n return `\"${header.replace(/\"/g, '\"\"')}\"`;\n }\n return header;\n });\n lines.push(headerCells.join(delimiter));\n }\n\n // Convert indices to sorted array\n const indices = selectedIndices instanceof Set ? [...selectedIndices] : selectedIndices;\n const sortedIndices = [...indices].sort((a, b) => a - b);\n\n // Build data rows\n for (const idx of sortedIndices) {\n const row = rows[idx];\n if (!row) continue;\n\n const cells = visibleColumns.map((col) =>\n formatCellValue((row as Record<string, unknown>)[col.field], col.field, row, config)\n );\n lines.push(cells.join(delimiter));\n }\n\n return lines.join(newline);\n}\n\n/**\n * Copy text to the system clipboard.\n *\n * Uses the modern Clipboard API when available, with fallback\n * to execCommand for older browsers.\n *\n * @param text - The text to copy\n * @returns Promise resolving to true if successful, false otherwise\n */\nexport async function copyToClipboard(text: string): Promise<boolean> {\n try {\n await navigator.clipboard.writeText(text);\n return true;\n } catch {\n // Fallback for older browsers or when Clipboard API is not available\n const textarea = document.createElement('textarea');\n textarea.value = text;\n textarea.style.position = 'fixed';\n textarea.style.opacity = '0';\n textarea.style.pointerEvents = 'none';\n document.body.appendChild(textarea);\n textarea.select();\n const success = document.execCommand('copy');\n document.body.removeChild(textarea);\n return success;\n }\n}\n","/**\n * Clipboard Paste Logic\n *\n * Pure functions for reading and parsing clipboard data.\n */\n\nimport type { ClipboardConfig } from './types';\n\n/**\n * Parse clipboard text into a 2D array of cell values.\n *\n * Handles:\n * - Quoted values (with escaped double quotes \"\")\n * - Multi-line quoted values (newlines within quotes are preserved)\n * - Custom delimiters and newlines\n * - Empty lines (filtered out only if they contain no data)\n *\n * @param text - Raw clipboard text\n * @param config - Clipboard configuration\n * @returns 2D array where each sub-array is a row of cell values\n */\nexport function parseClipboardText(text: string, config: ClipboardConfig): string[][] {\n const delimiter = config.delimiter ?? '\\t';\n const newline = config.newline ?? '\\n';\n\n // Handle Windows CRLF line endings\n const normalizedText = text.replace(/\\r\\n/g, '\\n').replace(/\\r/g, '\\n');\n\n // Parse the entire text handling quoted fields that may span multiple lines\n const rows: string[][] = [];\n let currentRow: string[] = [];\n let currentCell = '';\n let inQuotes = false;\n\n for (let i = 0; i < normalizedText.length; i++) {\n const char = normalizedText[i];\n\n if (char === '\"' && !inQuotes) {\n // Start of quoted field\n inQuotes = true;\n } else if (char === '\"' && inQuotes) {\n // Check for escaped quote (\"\")\n if (normalizedText[i + 1] === '\"') {\n currentCell += '\"';\n i++; // Skip the second quote\n } else {\n // End of quoted field\n inQuotes = false;\n }\n } else if (char === delimiter && !inQuotes) {\n // Field separator\n currentRow.push(currentCell);\n currentCell = '';\n } else if (char === newline && !inQuotes) {\n // Row separator (only if not inside quotes)\n currentRow.push(currentCell);\n currentCell = '';\n // Only add non-empty rows (at least one non-empty cell or multiple cells)\n if (currentRow.length > 1 || currentRow.some((c) => c.trim() !== '')) {\n rows.push(currentRow);\n }\n currentRow = [];\n } else {\n currentCell += char;\n }\n }\n\n // Handle the last cell and row\n currentRow.push(currentCell);\n if (currentRow.length > 1 || currentRow.some((c) => c.trim() !== '')) {\n rows.push(currentRow);\n }\n\n return rows;\n}\n\n/**\n * Read text from the system clipboard.\n *\n * Uses the modern Clipboard API. Returns empty string if\n * the API is not available or permission is denied.\n *\n * @returns Promise resolving to clipboard text or empty string\n */\nexport async function readFromClipboard(): Promise<string> {\n try {\n return await navigator.clipboard.readText();\n } catch {\n // Permission denied or API not available\n return '';\n }\n}\n","/**\n * Clipboard Plugin (Class-based)\n *\n * Provides copy/paste functionality for tbw-grid.\n * Supports Ctrl+C/Cmd+C for copying and Ctrl+V/Cmd+V for pasting.\n *\n * **With Selection plugin:** Copy selected rows as a range\n * - includeHeaders: true → adds header row at top\n * - includeHeaders: false → data rows only\n *\n * **Without Selection plugin:** Copy focused cell only\n * - includeHeaders: true → \"Header: value\" format\n * - includeHeaders: false → value only\n */\n\nimport { BaseGridPlugin } from '../../core/plugin/base-plugin';\nimport { buildClipboardText, copyToClipboard } from './copy';\nimport { parseClipboardText, readFromClipboard } from './paste';\nimport type { ClipboardConfig, CopyDetail, PasteDetail } from './types';\n\n/**\n * Clipboard Plugin for tbw-grid\n *\n * @example\n * ```ts\n * new ClipboardPlugin({ includeHeaders: true })\n * ```\n */\nexport class ClipboardPlugin extends BaseGridPlugin<ClipboardConfig> {\n readonly name = 'clipboard';\n override readonly version = '1.0.0';\n\n protected override get defaultConfig(): Partial<ClipboardConfig> {\n return {\n enabled: true,\n includeHeaders: false,\n delimiter: '\\t',\n newline: '\\n',\n quoteStrings: false,\n };\n }\n\n // ===== Internal State =====\n /** The last copied text (for reference/debugging) */\n private lastCopied: { text: string; timestamp: number } | null = null;\n\n // ===== Lifecycle =====\n\n override detach(): void {\n this.lastCopied = null;\n }\n\n // ===== Event Handlers =====\n\n override onKeyDown(event: KeyboardEvent): boolean {\n if (this.config.enabled === false) return false;\n\n const isCopy = (event.ctrlKey || event.metaKey) && event.key === 'c';\n const isPaste = (event.ctrlKey || event.metaKey) && event.key === 'v';\n\n if (isCopy) {\n this.#handleCopy(event.target as HTMLElement);\n return true; // Prevent default browser behavior\n }\n\n if (isPaste) {\n this.#handlePaste();\n return true; // Prevent default browser behavior\n }\n\n return false;\n }\n\n // ===== Private Methods =====\n\n /**\n * Handle copy operation\n */\n #handleCopy(target: HTMLElement): void {\n // Try to get selection from selection plugin (if available)\n // Use dynamic import to avoid circular dependency issues\n const selectionPlugin = this.#getSelectionPlugin();\n\n // Check for different selection types\n const selectedRows = selectionPlugin?.getSelectedRows() ?? [];\n const hasRowSelection = selectedRows.length > 0;\n const ranges = selectionPlugin?.getRanges() ?? [];\n const hasRangeSelection = ranges.length > 0;\n const hasCellSelection = selectionPlugin?.getSelectedCell() != null;\n\n let text: string;\n let rowCount: number;\n let columnCount: number;\n\n if (hasRowSelection && selectionPlugin) {\n // Row selection mode - copy full rows\n text = buildClipboardText({\n rows: this.rows as unknown[],\n columns: [...this.columns],\n selectedIndices: selectedRows,\n config: this.config,\n });\n rowCount = selectedRows.length;\n columnCount = this.columns.filter((c) => !c.hidden && !c.field.startsWith('__')).length;\n } else if (hasRangeSelection && selectionPlugin) {\n // Range selection mode - copy rectangular range (use last range as active)\n const range = ranges[ranges.length - 1];\n const result = this.#buildRangeText({\n startRow: range.from.row,\n startCol: range.from.col,\n endRow: range.to.row,\n endCol: range.to.col,\n });\n text = result.text;\n rowCount = result.rowCount;\n columnCount = result.columnCount;\n } else if (hasCellSelection && selectionPlugin) {\n // Cell selection mode - copy single cell\n const cell = selectionPlugin.getSelectedCell()!;\n const result = this.#buildCellText(cell.row, cell.col);\n if (!result) return;\n text = result.text;\n rowCount = 1;\n columnCount = 1;\n } else {\n // Fallback: try to find focused cell from DOM\n const result = this.#buildSingleCellText(target);\n if (!result) return;\n text = result.text;\n rowCount = 1;\n columnCount = 1;\n }\n\n copyToClipboard(text).then(() => {\n this.lastCopied = { text, timestamp: Date.now() };\n this.emit<CopyDetail>('copy', { text, rowCount, columnCount });\n });\n }\n\n /**\n * Handle paste operation\n */\n #handlePaste(): void {\n readFromClipboard().then((text) => {\n if (!text) return;\n const parsed = parseClipboardText(text, this.config);\n this.emit<PasteDetail>('paste', { rows: parsed, text });\n });\n }\n\n /**\n * Get the selection plugin instance if available.\n */\n #getSelectionPlugin(): SelectionPluginInterface | undefined {\n // Dynamically get the SelectionPlugin class to avoid import order issues\n try {\n // Use getPlugin with the class - this requires the class to be imported\n // For now, we'll use a duck-typing approach via the grid's plugin registry\n const grid = this.grid as any;\n if (grid?._plugins) {\n for (const plugin of grid._plugins) {\n if (plugin.name === 'selection') {\n return plugin as SelectionPluginInterface;\n }\n }\n }\n } catch {\n // Selection plugin not available\n }\n return undefined;\n }\n\n /**\n * Build text for a single cell by row/col index.\n */\n #buildCellText(rowIndex: number, colIndex: number): { text: string } | null {\n const rowData = this.rows[rowIndex] as Record<string, unknown> | undefined;\n if (!rowData) return null;\n\n const column = this.columns[colIndex];\n if (!column) return null;\n\n const value = rowData[column.field];\n const header = column.header || column.field;\n\n let text: string;\n if (this.config.includeHeaders) {\n const formattedValue = value == null ? '' : String(value);\n text = `${header}: ${formattedValue}`;\n } else {\n text = value == null ? '' : String(value);\n }\n\n return { text };\n }\n\n /**\n * Build text for a rectangular range of cells.\n */\n #buildRangeText(range: { startRow: number; startCol: number; endRow: number; endCol: number }): {\n text: string;\n rowCount: number;\n columnCount: number;\n } {\n const { startRow, startCol, endRow, endCol } = range;\n const minRow = Math.min(startRow, endRow);\n const maxRow = Math.max(startRow, endRow);\n const minCol = Math.min(startCol, endCol);\n const maxCol = Math.max(startCol, endCol);\n\n const delimiter = this.config.delimiter ?? '\\t';\n const newline = this.config.newline ?? '\\n';\n const lines: string[] = [];\n\n // Get columns in the range\n const rangeColumns = this.columns.slice(minCol, maxCol + 1);\n\n // Add header row if configured\n if (this.config.includeHeaders) {\n const headerCells = rangeColumns.map((c) => c.header || c.field);\n lines.push(headerCells.join(delimiter));\n }\n\n // Add data rows\n for (let r = minRow; r <= maxRow; r++) {\n const rowData = this.rows[r] as Record<string, unknown> | undefined;\n if (!rowData) continue;\n\n const cells = rangeColumns.map((col) => {\n const value = rowData[col.field];\n if (value == null) return '';\n if (value instanceof Date) return value.toISOString();\n return String(value);\n });\n lines.push(cells.join(delimiter));\n }\n\n return {\n text: lines.join(newline),\n rowCount: maxRow - minRow + 1,\n columnCount: maxCol - minCol + 1,\n };\n }\n\n /**\n * Build text for a single focused cell from DOM.\n * Used when selection plugin is not available or no rows are selected.\n */\n #buildSingleCellText(target: HTMLElement): { text: string; field: string; value: unknown } | null {\n // Find the cell element - cells use data-field-cache for the field name\n const cell = target.closest('[data-field-cache]') as HTMLElement | null;\n if (!cell) return null;\n\n const field = cell.dataset.fieldCache;\n if (!field) return null;\n\n // Get row index from data-row attribute on the cell\n const rowIndexStr = cell.dataset.row;\n if (!rowIndexStr) return null;\n\n const rowIndex = parseInt(rowIndexStr, 10);\n if (isNaN(rowIndex)) return null;\n\n const rowData = this.rows[rowIndex] as Record<string, unknown> | undefined;\n if (!rowData) return null;\n\n const value = rowData[field];\n const column = this.columns.find((c) => c.field === field);\n const header = column?.header || field;\n\n // Format the text based on includeHeaders config\n let text: string;\n if (this.config.includeHeaders) {\n // Format: \"{header}: {value}\"\n const formattedValue = value == null ? '' : String(value);\n text = `${header}: ${formattedValue}`;\n } else {\n // Just the value\n text = value == null ? '' : String(value);\n }\n\n return { text, field, value };\n }\n\n // ===== Public API =====\n\n /**\n * Copy currently selected rows to clipboard.\n * @returns The copied text\n */\n async copy(): Promise<string> {\n const selectionPlugin = this.#getSelectionPlugin();\n const indices = selectionPlugin?.getSelectedRows() ?? [];\n\n const text = buildClipboardText({\n rows: this.rows as unknown[],\n columns: [...this.columns],\n selectedIndices: indices,\n config: this.config,\n });\n\n await copyToClipboard(text);\n this.lastCopied = { text, timestamp: Date.now() };\n return text;\n }\n\n /**\n * Copy specific rows by index to clipboard.\n * @param indices - Array of row indices to copy\n * @returns The copied text\n */\n async copyRows(indices: number[]): Promise<string> {\n const text = buildClipboardText({\n rows: this.rows as unknown[],\n columns: [...this.columns],\n selectedIndices: indices,\n config: this.config,\n });\n\n await copyToClipboard(text);\n this.lastCopied = { text, timestamp: Date.now() };\n return text;\n }\n\n /**\n * Read and parse clipboard content.\n * @returns Parsed 2D array of cell values, or null if clipboard is empty\n */\n async paste(): Promise<string[][] | null> {\n const text = await readFromClipboard();\n if (!text) return null;\n return parseClipboardText(text, this.config);\n }\n\n /**\n * Get the last copied text and timestamp.\n * @returns The last copied info or null\n */\n getLastCopied(): { text: string; timestamp: number } | null {\n return this.lastCopied;\n }\n}\n\n// ===== Internal Types =====\n\n/**\n * Interface for SelectionPlugin methods we need.\n * This avoids circular imports while providing type safety.\n */\ninterface SelectionPluginInterface {\n name: string;\n /** Get selected row indices (row mode) */\n getSelectedRows(): number[];\n /** Get all selected cell ranges (range mode) */\n getRanges(): Array<{ from: { row: number; col: number }; to: { row: number; col: number } }>;\n /** Get selected cell (cell mode) */\n getSelectedCell(): { row: number; col: number } | null;\n}\n\n// Re-export types\nexport type { ClipboardConfig, CopyDetail, PasteDetail } from './types';\n"],"names":["formatCellValue","value","field","row","config","str","delimiter","newline","buildClipboardText","params","rows","columns","selectedIndices","visibleColumns","c","lines","headerCells","header","sortedIndices","a","b","idx","cells","col","copyToClipboard","text","textarea","success","parseClipboardText","normalizedText","currentRow","currentCell","inQuotes","i","char","readFromClipboard","ClipboardPlugin","BaseGridPlugin","event","isCopy","isPaste","#handleCopy","#handlePaste","target","selectionPlugin","#getSelectionPlugin","selectedRows","hasRowSelection","ranges","hasRangeSelection","hasCellSelection","rowCount","columnCount","range","result","#buildRangeText","cell","#buildCellText","#buildSingleCellText","parsed","grid","plugin","rowIndex","colIndex","rowData","column","formattedValue","startRow","startCol","endRow","endCol","minRow","maxRow","minCol","maxCol","rangeColumns","r","rowIndexStr","indices"],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ (function(u,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("../../core/plugin/base-plugin")):typeof define=="function"&&define.amd?define(["exports","../../core/plugin/base-plugin"],a):(u=typeof globalThis<"u"?globalThis:u||self,a(u.TbwGridPlugin_columnVirtualization={},u.TbwGrid))})(this,(function(u,a){"use strict";function f(i){if(i==null)return 100;if(typeof i=="number")return i;const t=parseFloat(i);return isNaN(t)?100:t}function d(i){return i.map(t=>f(t.width))}function c(i){const t=[];let e=0;for(const s of i)t.push(e),e+=f(s.width);return t}function g(i){return i.reduce((t,e)=>t+f(e.width),0)}function m(i,t,e,s,n){const o=e.length;if(o===0)return{startCol:0,endCol:0,visibleColumns:[]};let l=p(i,e,s);l=Math.max(0,l-n);const w=i+t;let h=l;for(let r=l;r<o;r++){if(e[r]>=w){h=r-1;break}h=r}h=Math.min(o-1,h+n);const C=[];for(let r=l;r<=h;r++)C.push(r);return{startCol:l,endCol:h,visibleColumns:C}}function p(i,t,e){let s=0,n=t.length-1;for(;s<n;){const o=Math.floor((s+n)/2);t[o]+e[o]<=i?s=o+1:n=o}return s}function b(i,t,e){return e?i>t:!1}class W extends a.BaseGridPlugin{name="columnVirtualization";version="1.0.0";get defaultConfig(){return{enabled:!0,autoEnable:!0,threshold:30,overscan:3}}isVirtualized=!1;startCol=0;endCol=0;scrollLeft=0;totalWidth=0;columnWidths=[];columnOffsets=[];attach(t){super.attach(t);const e=this.columns;this.columnWidths=d(e),this.columnOffsets=c(e),this.totalWidth=g(e),this.endCol=e.length-1}detach(){this.columnWidths=[],this.columnOffsets=[],this.isVirtualized=!1,this.startCol=0,this.endCol=0,this.scrollLeft=0,this.totalWidth=0}processColumns(t){const e=this.config.enabled&&b(t.length,this.config.threshold??30,this.config.autoEnable??!0);if(this.isVirtualized=e??!1,this.columnWidths=d(t),this.columnOffsets=c(t),this.totalWidth=g(t),!e)return this.startCol=0,this.endCol=t.length-1,[...t];const s=this.grid.clientWidth||800,n=m(this.scrollLeft,s,this.columnOffsets,this.columnWidths,this.config.overscan??3);return this.startCol=n.startCol,this.endCol=n.endCol,n.visibleColumns.map(o=>t[o])}afterRender(){if(!this.isVirtualized)return;const t=this.shadowRoot;if(!t)return;const e=this.columnOffsets[this.startCol]??0,s=t.querySelector(".header-row"),n=t.querySelectorAll(".data-grid-row");s&&(s.style.paddingLeft=`${e}px`),n.forEach(l=>{l.style.paddingLeft=`${e}px`});const o=t.querySelector(".rows-viewport .rows");o&&(o.style.width=`${this.totalWidth}px`)}onScroll(t){!this.isVirtualized||Math.abs(t.scrollLeft-this.scrollLeft)<1||(this.scrollLeft=t.scrollLeft,this.requestRender())}getIsVirtualized(){return this.isVirtualized}getVisibleColumnRange(){return{start:this.startCol,end:this.endCol}}scrollToColumn(t){const e=this.columnOffsets[t]??0,s=this.grid;s.scrollLeft=e}getColumnOffset(t){return this.columnOffsets[t]??0}getTotalWidth(){return this.totalWidth}}u.ColumnVirtualizationPlugin=W,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})}));
2
+ //# sourceMappingURL=column-virtualization.umd.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"column-virtualization.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/column-virtualization/column-virtualization.ts","../../../../../libs/grid/src/lib/plugins/column-virtualization/ColumnVirtualizationPlugin.ts"],"sourcesContent":["/**\n * Column Virtualization Core Logic\n *\n * Pure functions for horizontal column virtualization operations.\n */\n\nimport type { ColumnConfig } from '../../core/types';\nimport type { ColumnVirtualizationViewport } from './types';\n\n/** Default column width when not specified */\nconst DEFAULT_COLUMN_WIDTH = 100;\n\n/**\n * Parse a column width value to pixels.\n * Handles number (px) and string formats.\n *\n * @param width - The width value from column config\n * @returns Width in pixels\n */\nexport function parseColumnWidth(width: string | number | undefined): number {\n if (width === undefined || width === null) {\n return DEFAULT_COLUMN_WIDTH;\n }\n\n if (typeof width === 'number') {\n return width;\n }\n\n // Handle string values - extract numeric part\n const numeric = parseFloat(width);\n if (!isNaN(numeric)) {\n return numeric;\n }\n\n return DEFAULT_COLUMN_WIDTH;\n}\n\n/**\n * Get array of column widths in pixels.\n *\n * @param columns - Column configurations\n * @returns Array of widths in pixels\n */\nexport function getColumnWidths(columns: readonly ColumnConfig[]): number[] {\n return columns.map((col) => parseColumnWidth(col.width));\n}\n\n/**\n * Compute cumulative left offsets for each column.\n *\n * @param columns - Column configurations\n * @returns Array of left offsets in pixels\n */\nexport function computeColumnOffsets(columns: readonly ColumnConfig[]): number[] {\n const offsets: number[] = [];\n let offset = 0;\n\n for (const col of columns) {\n offsets.push(offset);\n offset += parseColumnWidth(col.width);\n }\n\n return offsets;\n}\n\n/**\n * Compute total width of all columns.\n *\n * @param columns - Column configurations\n * @returns Total width in pixels\n */\nexport function computeTotalWidth(columns: readonly ColumnConfig[]): number {\n return columns.reduce((sum, col) => sum + parseColumnWidth(col.width), 0);\n}\n\n/**\n * Find the visible column range based on scroll position.\n * Uses binary search for efficient lookup in large column sets.\n *\n * @param scrollLeft - Current horizontal scroll position\n * @param viewportWidth - Width of the visible viewport\n * @param columnOffsets - Array of column left offsets\n * @param columnWidths - Array of column widths\n * @param overscan - Number of extra columns to render on each side\n * @returns Viewport information with visible column indices\n */\nexport function getVisibleColumnRange(\n scrollLeft: number,\n viewportWidth: number,\n columnOffsets: number[],\n columnWidths: number[],\n overscan: number\n): ColumnVirtualizationViewport {\n const columnCount = columnOffsets.length;\n\n if (columnCount === 0) {\n return { startCol: 0, endCol: 0, visibleColumns: [] };\n }\n\n // Binary search for first visible column\n let startCol = binarySearchFirstVisible(scrollLeft, columnOffsets, columnWidths);\n startCol = Math.max(0, startCol - overscan);\n\n // Find last visible column (without overscan first)\n const rightEdge = scrollLeft + viewportWidth;\n let endCol = startCol;\n\n for (let i = startCol; i < columnCount; i++) {\n if (columnOffsets[i] >= rightEdge) {\n endCol = i - 1;\n break;\n }\n endCol = i;\n }\n\n // Apply overscan to end (only once)\n endCol = Math.min(columnCount - 1, endCol + overscan);\n\n // Build array of visible column indices\n const visibleColumns: number[] = [];\n for (let i = startCol; i <= endCol; i++) {\n visibleColumns.push(i);\n }\n\n return { startCol, endCol, visibleColumns };\n}\n\n/**\n * Binary search to find the first column that is visible.\n *\n * @param scrollLeft - Current scroll position\n * @param columnOffsets - Array of column offsets\n * @param columnWidths - Array of column widths\n * @returns Index of first visible column\n */\nfunction binarySearchFirstVisible(scrollLeft: number, columnOffsets: number[], columnWidths: number[]): number {\n let low = 0;\n let high = columnOffsets.length - 1;\n\n while (low < high) {\n const mid = Math.floor((low + high) / 2);\n const colRight = columnOffsets[mid] + columnWidths[mid];\n\n if (colRight <= scrollLeft) {\n low = mid + 1;\n } else {\n high = mid;\n }\n }\n\n return low;\n}\n\n/**\n * Determine if column virtualization should be active.\n *\n * @param columnCount - Number of columns\n * @param threshold - Column count threshold\n * @param autoEnable - Whether auto-enable is configured\n * @returns True if virtualization should be active\n */\nexport function shouldVirtualize(columnCount: number, threshold: number, autoEnable: boolean): boolean {\n if (!autoEnable) return false;\n return columnCount > threshold;\n}\n","/**\n * Column Virtualization Plugin (Class-based)\n *\n * Provides horizontal column virtualization for grids with many columns.\n * Significantly improves rendering performance when dealing with >30 columns.\n */\n\nimport { BaseGridPlugin, ScrollEvent } from '../../core/plugin/base-plugin';\nimport type { ColumnConfig } from '../../core/types';\nimport {\n computeColumnOffsets,\n computeTotalWidth,\n getColumnWidths,\n getVisibleColumnRange,\n shouldVirtualize,\n} from './column-virtualization';\nimport type { ColumnVirtualizationConfig } from './types';\n\n/**\n * Column Virtualization Plugin for tbw-grid\n *\n * @example\n * ```ts\n * new ColumnVirtualizationPlugin({ threshold: 30, overscan: 3 })\n * ```\n */\nexport class ColumnVirtualizationPlugin extends BaseGridPlugin<ColumnVirtualizationConfig> {\n readonly name = 'columnVirtualization';\n override readonly version = '1.0.0';\n\n protected override get defaultConfig(): Partial<ColumnVirtualizationConfig> {\n return {\n enabled: true,\n autoEnable: true,\n threshold: 30,\n overscan: 3,\n };\n }\n\n // ===== Internal State =====\n private isVirtualized = false;\n private startCol = 0;\n private endCol = 0;\n private scrollLeft = 0;\n private totalWidth = 0;\n private columnWidths: number[] = [];\n private columnOffsets: number[] = [];\n\n // ===== Lifecycle =====\n\n override attach(grid: import('../../core/plugin/base-plugin').GridElement): void {\n super.attach(grid);\n\n // Initialize state from current columns\n const columns = this.columns;\n this.columnWidths = getColumnWidths(columns);\n this.columnOffsets = computeColumnOffsets(columns);\n this.totalWidth = computeTotalWidth(columns);\n this.endCol = columns.length - 1;\n }\n\n override detach(): void {\n this.columnWidths = [];\n this.columnOffsets = [];\n this.isVirtualized = false;\n this.startCol = 0;\n this.endCol = 0;\n this.scrollLeft = 0;\n this.totalWidth = 0;\n }\n\n // ===== Hooks =====\n\n override processColumns(columns: readonly ColumnConfig[]): ColumnConfig[] {\n const isVirtualized =\n this.config.enabled &&\n shouldVirtualize(columns.length, this.config.threshold ?? 30, this.config.autoEnable ?? true);\n\n // Update state with current column metrics\n this.isVirtualized = isVirtualized ?? false;\n this.columnWidths = getColumnWidths(columns);\n this.columnOffsets = computeColumnOffsets(columns);\n this.totalWidth = computeTotalWidth(columns);\n\n if (!isVirtualized) {\n this.startCol = 0;\n this.endCol = columns.length - 1;\n return [...columns];\n }\n\n // Get viewport width from grid element\n const viewportWidth = (this.grid as unknown as HTMLElement).clientWidth || 800;\n const viewport = getVisibleColumnRange(\n this.scrollLeft,\n viewportWidth,\n this.columnOffsets,\n this.columnWidths,\n this.config.overscan ?? 3\n );\n\n this.startCol = viewport.startCol;\n this.endCol = viewport.endCol;\n\n // Return only visible columns\n return viewport.visibleColumns.map((i) => columns[i]);\n }\n\n override afterRender(): void {\n if (!this.isVirtualized) return;\n\n const shadowRoot = this.shadowRoot;\n if (!shadowRoot) return;\n\n // Apply left padding to offset scrolled-out columns\n const leftPadding = this.columnOffsets[this.startCol] ?? 0;\n\n const headerRow = shadowRoot.querySelector('.header-row');\n const bodyRows = shadowRoot.querySelectorAll('.data-grid-row');\n\n if (headerRow) {\n (headerRow as HTMLElement).style.paddingLeft = `${leftPadding}px`;\n }\n\n bodyRows.forEach((row) => {\n (row as HTMLElement).style.paddingLeft = `${leftPadding}px`;\n });\n\n // Set total width for horizontal scrolling on the rows container\n const rowsContainer = shadowRoot.querySelector('.rows-viewport .rows');\n if (rowsContainer) {\n (rowsContainer as HTMLElement).style.width = `${this.totalWidth}px`;\n }\n }\n\n override onScroll(event: ScrollEvent): void {\n if (!this.isVirtualized) return;\n\n // Check if horizontal scroll position changed significantly\n const scrollDelta = Math.abs(event.scrollLeft - this.scrollLeft);\n if (scrollDelta < 1) return;\n\n // Update scroll position\n this.scrollLeft = event.scrollLeft;\n\n // Recalculate visible columns and request re-render\n this.requestRender();\n }\n\n // ===== Public API =====\n\n /**\n * Check if column virtualization is currently active.\n */\n getIsVirtualized(): boolean {\n return this.isVirtualized;\n }\n\n /**\n * Get the current visible column range.\n */\n getVisibleColumnRange(): { start: number; end: number } {\n return { start: this.startCol, end: this.endCol };\n }\n\n /**\n * Scroll the grid to bring a specific column into view.\n * @param columnIndex - Index of the column to scroll to\n */\n scrollToColumn(columnIndex: number): void {\n const offset = this.columnOffsets[columnIndex] ?? 0;\n const gridEl = this.grid as unknown as HTMLElement;\n // Scroll the grid element itself (it's the scroll container)\n gridEl.scrollLeft = offset;\n }\n\n /**\n * Get the left offset for a specific column.\n * @param columnIndex - Index of the column\n */\n getColumnOffset(columnIndex: number): number {\n return this.columnOffsets[columnIndex] ?? 0;\n }\n\n /**\n * Get the total width of all columns.\n */\n getTotalWidth(): number {\n return this.totalWidth;\n }\n}\n"],"names":["parseColumnWidth","width","numeric","getColumnWidths","columns","col","computeColumnOffsets","offsets","offset","computeTotalWidth","sum","getVisibleColumnRange","scrollLeft","viewportWidth","columnOffsets","columnWidths","overscan","columnCount","startCol","binarySearchFirstVisible","rightEdge","endCol","i","visibleColumns","low","high","mid","shouldVirtualize","threshold","autoEnable","ColumnVirtualizationPlugin","BaseGridPlugin","grid","isVirtualized","viewport","shadowRoot","leftPadding","headerRow","bodyRows","row","rowsContainer","event","columnIndex","gridEl"],"mappings":"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"}
@@ -0,0 +1,53 @@
1
+ (function(a,f){typeof exports=="object"&&typeof module<"u"?f(exports,require("../../core/plugin/base-plugin")):typeof define=="function"&&define.amd?define(["exports","../../core/plugin/base-plugin"],f):(a=typeof globalThis<"u"?globalThis:a||self,f(a.TbwGridPlugin_contextMenu={},a.TbwGrid))})(this,(function(a,f){"use strict";function h(s,n){return(typeof s=="function"?s(n):s).filter(t=>!(t.hidden===!0||typeof t.hidden=="function"&&t.hidden(n)))}function C(s,n){return s.disabled===!0?!0:typeof s.disabled=="function"?s.disabled(n):!1}function b(s,n,l){const t=document.createElement("div");t.className="tbw-context-menu",t.setAttribute("role","menu");for(const e of s){if(e.separator){const o=document.createElement("div");o.className="tbw-context-menu-separator",o.setAttribute("role","separator"),t.appendChild(o);continue}const i=document.createElement("div");i.className="tbw-context-menu-item",e.cssClass&&i.classList.add(e.cssClass),i.setAttribute("role","menuitem"),i.setAttribute("data-id",e.id);const u=C(e,n);if(u&&(i.classList.add("disabled"),i.setAttribute("aria-disabled","true")),e.icon){const o=document.createElement("span");o.className="tbw-context-menu-icon",o.innerHTML=e.icon,i.appendChild(o)}const r=document.createElement("span");if(r.className="tbw-context-menu-label",r.textContent=e.name,i.appendChild(r),e.shortcut){const o=document.createElement("span");o.className="tbw-context-menu-shortcut",o.textContent=e.shortcut,i.appendChild(o)}if(e.subMenu?.length){const o=document.createElement("span");o.className="tbw-context-menu-arrow",o.textContent="▶",i.appendChild(o),i.addEventListener("mouseenter",()=>{if(i.querySelector(".tbw-context-menu")||!e.subMenu)return;const c=h(e.subMenu,n),d=b(c,n,l);d.classList.add("tbw-context-submenu"),d.style.position="absolute",d.style.left="100%",d.style.top="0",i.style.position="relative",i.appendChild(d)}),i.addEventListener("mouseleave",()=>{const m=i.querySelector(".tbw-context-menu");m&&m.remove()})}!u&&e.action&&!e.subMenu&&i.addEventListener("click",o=>{o.stopPropagation(),l(e)}),t.appendChild(i)}return t}function E(s,n,l){s.style.position="fixed",s.style.left=`${n}px`,s.style.top=`${l}px`,s.style.visibility="hidden",s.style.zIndex="10000";const t=s.getBoundingClientRect(),e=window.innerWidth,i=window.innerHeight;let u=n,r=l;n+t.width>e&&(u=n-t.width),l+t.height>i&&(r=l-t.height),u=Math.max(0,u),r=Math.max(0,r),s.style.left=`${u}px`,s.style.top=`${r}px`,s.style.visibility="visible"}let x=null,g=null,p=null;const M=`
2
+ .tbw-context-menu {
3
+ position: fixed;
4
+ background: light-dark(#f5f5f5, #2a2a2a);
5
+ color: light-dark(#222, #eee);
6
+ border: 1px solid light-dark(#d0d0d4, #454545);
7
+ border-radius: 4px;
8
+ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
9
+ min-width: 160px;
10
+ padding: 4px 0;
11
+ z-index: 10000;
12
+ font-size: 13px;
13
+ font-family: system-ui, sans-serif;
14
+ }
15
+ .tbw-context-menu-item {
16
+ display: flex;
17
+ align-items: center;
18
+ padding: 6px 12px;
19
+ cursor: pointer;
20
+ gap: 8px;
21
+ }
22
+ .tbw-context-menu-item:hover:not(.disabled) {
23
+ background: light-dark(#e8e8e8, #3a3a3a);
24
+ }
25
+ .tbw-context-menu-item.disabled {
26
+ opacity: 0.5;
27
+ cursor: default;
28
+ }
29
+ .tbw-context-menu-item.danger {
30
+ color: light-dark(#c00, #f66);
31
+ }
32
+ .tbw-context-menu-icon {
33
+ width: 16px;
34
+ text-align: center;
35
+ }
36
+ .tbw-context-menu-label {
37
+ flex: 1;
38
+ }
39
+ .tbw-context-menu-shortcut {
40
+ color: light-dark(#888, #888);
41
+ font-size: 11px;
42
+ }
43
+ .tbw-context-menu-arrow {
44
+ font-size: 10px;
45
+ color: light-dark(#888, #888);
46
+ }
47
+ .tbw-context-menu-separator {
48
+ height: 1px;
49
+ background: light-dark(#d0d0d4, #454545);
50
+ margin: 4px 0;
51
+ }
52
+ `,w=[{id:"copy",name:"Copy",shortcut:"Ctrl+C",action:s=>{s.grid?.plugins?.clipboard?.copy?.()}},{separator:!0,id:"sep1",name:""},{id:"export-csv",name:"Export CSV",action:s=>{s.grid?.plugins?.export?.exportCsv?.()}}];class I extends f.BaseGridPlugin{name="contextMenu";version="1.0.0";get defaultConfig(){return{enabled:!0,items:w}}isOpen=!1;position={x:0,y:0};params=null;menuElement=null;attach(n){super.attach(n),this.installGlobalHandlers()}detach(){this.menuElement&&(this.menuElement.remove(),this.menuElement=null),this.isOpen=!1,this.params=null}installGlobalHandlers(){!p&&typeof document<"u"&&(p=document.createElement("style"),p.id="tbw-context-menu-styles",p.textContent=M,document.head.appendChild(p)),x||(x=()=>{document.querySelectorAll(".tbw-context-menu").forEach(l=>l.remove())},document.addEventListener("click",x)),g||(g=n=>{n.key==="Escape"&&document.querySelectorAll(".tbw-context-menu").forEach(t=>t.remove())},document.addEventListener("keydown",g))}afterRender(){if(!this.config.enabled)return;const n=this.shadowRoot;if(!n)return;const l=n.children[0];l&&l.getAttribute("data-context-menu-bound")!=="true"&&(l.setAttribute("data-context-menu-bound","true"),l.addEventListener("contextmenu",t=>{if(!this.config.enabled)return;const e=t;e.preventDefault();const i=e.target,u=i.closest("[data-row][data-col]"),r=i.closest(".header-cell");let o;if(u){const c=parseInt(u.getAttribute("data-row")??"-1",10),d=parseInt(u.getAttribute("data-col")??"-1",10),y=this.columns[d],v=this.rows[c];o={row:v,rowIndex:c,column:y,columnIndex:d,field:y?.field??"",value:v?.[y?.field]??null,isHeader:!1,event:e}}else if(r){const c=parseInt(r.getAttribute("data-col")??"-1",10),d=this.columns[c];o={row:null,rowIndex:-1,column:d,columnIndex:c,field:d?.field??"",value:null,isHeader:!0,event:e}}else return;this.params=o,this.position={x:e.clientX,y:e.clientY};const m=h(this.config.items??w,o);m.length&&(this.menuElement&&this.menuElement.remove(),this.menuElement=b(m,o,c=>{c.action&&c.action(o),this.menuElement?.remove(),this.menuElement=null,this.isOpen=!1}),document.body.appendChild(this.menuElement),E(this.menuElement,e.clientX,e.clientY),this.isOpen=!0,this.emit("context-menu-open",{params:o,items:m}))}))}showMenu(n,l,t){const e={row:t.row??null,rowIndex:t.rowIndex??-1,column:t.column??null,columnIndex:t.columnIndex??-1,field:t.field??"",value:t.value??null,isHeader:t.isHeader??!1,event:t.event??new MouseEvent("contextmenu")},i=h(this.config.items??w,e);this.menuElement&&this.menuElement.remove(),this.menuElement=b(i,e,u=>{u.action&&u.action(e),this.menuElement?.remove(),this.menuElement=null,this.isOpen=!1}),document.body.appendChild(this.menuElement),E(this.menuElement,n,l),this.isOpen=!0}hideMenu(){this.menuElement&&(this.menuElement.remove(),this.menuElement=null,this.isOpen=!1)}isMenuOpen(){return this.isOpen}}a.ContextMenuPlugin=I,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})}));
53
+ //# sourceMappingURL=context-menu.umd.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"context-menu.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/context-menu/menu.ts","../../../../../libs/grid/src/lib/plugins/context-menu/ContextMenuPlugin.ts"],"sourcesContent":["/**\n * Context Menu Rendering Logic\n *\n * Pure functions for building and positioning context menus.\n */\n\nimport type { ContextMenuItem, ContextMenuParams } from './types';\n\n/**\n * Build the visible menu items by resolving dynamic items and filtering hidden ones.\n *\n * @param items - Menu items configuration (array or factory function)\n * @param params - Context menu parameters for evaluating dynamic properties\n * @returns Filtered array of visible menu items\n */\nexport function buildMenuItems(\n items: ContextMenuItem[] | ((params: ContextMenuParams) => ContextMenuItem[]),\n params: ContextMenuParams\n): ContextMenuItem[] {\n const menuItems = typeof items === 'function' ? items(params) : items;\n\n return menuItems.filter((item) => {\n if (item.hidden === true) return false;\n if (typeof item.hidden === 'function' && item.hidden(params)) return false;\n return true;\n });\n}\n\n/**\n * Check if a menu item is disabled.\n *\n * @param item - The menu item to check\n * @param params - Context menu parameters for evaluating dynamic disabled state\n * @returns True if the item is disabled\n */\nexport function isItemDisabled(item: ContextMenuItem, params: ContextMenuParams): boolean {\n if (item.disabled === true) return true;\n if (typeof item.disabled === 'function') return item.disabled(params);\n return false;\n}\n\n/**\n * Create the menu DOM element from a list of menu items.\n *\n * @param items - Array of menu items to render\n * @param params - Context menu parameters for evaluating dynamic properties\n * @param onAction - Callback when a menu item action is triggered\n * @returns The created menu element\n */\nexport function createMenuElement(\n items: ContextMenuItem[],\n params: ContextMenuParams,\n onAction: (item: ContextMenuItem) => void\n): HTMLElement {\n const menu = document.createElement('div');\n menu.className = 'tbw-context-menu';\n menu.setAttribute('role', 'menu');\n\n for (const item of items) {\n if (item.separator) {\n const separator = document.createElement('div');\n separator.className = 'tbw-context-menu-separator';\n separator.setAttribute('role', 'separator');\n menu.appendChild(separator);\n continue;\n }\n\n const menuItem = document.createElement('div');\n menuItem.className = 'tbw-context-menu-item';\n if (item.cssClass) menuItem.classList.add(item.cssClass);\n menuItem.setAttribute('role', 'menuitem');\n menuItem.setAttribute('data-id', item.id);\n\n const disabled = isItemDisabled(item, params);\n if (disabled) {\n menuItem.classList.add('disabled');\n menuItem.setAttribute('aria-disabled', 'true');\n }\n\n if (item.icon) {\n const icon = document.createElement('span');\n icon.className = 'tbw-context-menu-icon';\n icon.innerHTML = item.icon;\n menuItem.appendChild(icon);\n }\n\n const label = document.createElement('span');\n label.className = 'tbw-context-menu-label';\n label.textContent = item.name;\n menuItem.appendChild(label);\n\n if (item.shortcut) {\n const shortcut = document.createElement('span');\n shortcut.className = 'tbw-context-menu-shortcut';\n shortcut.textContent = item.shortcut;\n menuItem.appendChild(shortcut);\n }\n\n if (item.subMenu?.length) {\n const arrow = document.createElement('span');\n arrow.className = 'tbw-context-menu-arrow';\n arrow.textContent = '▶';\n menuItem.appendChild(arrow);\n\n // Add submenu on hover\n menuItem.addEventListener('mouseenter', () => {\n const existingSubMenu = menuItem.querySelector('.tbw-context-menu');\n if (existingSubMenu) return;\n if (!item.subMenu) return;\n\n const subMenuItems = buildMenuItems(item.subMenu, params);\n const subMenu = createMenuElement(subMenuItems, params, onAction);\n subMenu.classList.add('tbw-context-submenu');\n subMenu.style.position = 'absolute';\n subMenu.style.left = '100%';\n subMenu.style.top = '0';\n menuItem.style.position = 'relative';\n menuItem.appendChild(subMenu);\n });\n\n menuItem.addEventListener('mouseleave', () => {\n const subMenu = menuItem.querySelector('.tbw-context-menu');\n if (subMenu) subMenu.remove();\n });\n }\n\n if (!disabled && item.action && !item.subMenu) {\n menuItem.addEventListener('click', (e) => {\n e.stopPropagation();\n onAction(item);\n });\n }\n\n menu.appendChild(menuItem);\n }\n\n return menu;\n}\n\n/**\n * Position the menu at the given viewport coordinates.\n * Menu is rendered in document.body with fixed positioning for top-layer behavior.\n *\n * @param menu - The menu element to position\n * @param x - Desired X coordinate (viewport)\n * @param y - Desired Y coordinate (viewport)\n */\nexport function positionMenu(menu: HTMLElement, x: number, y: number): void {\n // Use fixed positioning for top-layer behavior\n menu.style.position = 'fixed';\n menu.style.left = `${x}px`;\n menu.style.top = `${y}px`;\n menu.style.visibility = 'hidden';\n menu.style.zIndex = '10000';\n\n // Force layout to get dimensions\n const menuRect = menu.getBoundingClientRect();\n\n // Calculate visible area within viewport\n const viewportWidth = window.innerWidth;\n const viewportHeight = window.innerHeight;\n\n let left = x;\n let top = y;\n\n // Check if menu overflows right edge of viewport\n if (x + menuRect.width > viewportWidth) {\n left = x - menuRect.width;\n }\n // Check if menu overflows bottom edge of viewport\n if (y + menuRect.height > viewportHeight) {\n top = y - menuRect.height;\n }\n\n // Ensure we don't go negative\n left = Math.max(0, left);\n top = Math.max(0, top);\n\n menu.style.left = `${left}px`;\n menu.style.top = `${top}px`;\n menu.style.visibility = 'visible';\n}\n","/**\n * Context Menu Plugin (Class-based)\n *\n * Provides right-click context menu functionality for tbw-grid.\n * Supports custom menu items, submenus, icons, shortcuts, and dynamic item generation.\n */\n\nimport { BaseGridPlugin } from '../../core/plugin/base-plugin';\nimport { buildMenuItems, createMenuElement, positionMenu } from './menu';\nimport type { ContextMenuConfig, ContextMenuItem, ContextMenuParams } from './types';\n\n/** Global click handler reference for cleanup */\nlet globalClickHandler: ((e: Event) => void) | null = null;\n/** Global keydown handler reference for cleanup */\nlet globalKeydownHandler: ((e: KeyboardEvent) => void) | null = null;\n/** Global stylesheet for context menu (injected once) */\nlet globalStyleSheet: HTMLStyleElement | null = null;\n\n/** Context menu styles for light DOM rendering */\nconst contextMenuStyles = `\n .tbw-context-menu {\n position: fixed;\n background: light-dark(#f5f5f5, #2a2a2a);\n color: light-dark(#222, #eee);\n border: 1px solid light-dark(#d0d0d4, #454545);\n border-radius: 4px;\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);\n min-width: 160px;\n padding: 4px 0;\n z-index: 10000;\n font-size: 13px;\n font-family: system-ui, sans-serif;\n }\n .tbw-context-menu-item {\n display: flex;\n align-items: center;\n padding: 6px 12px;\n cursor: pointer;\n gap: 8px;\n }\n .tbw-context-menu-item:hover:not(.disabled) {\n background: light-dark(#e8e8e8, #3a3a3a);\n }\n .tbw-context-menu-item.disabled {\n opacity: 0.5;\n cursor: default;\n }\n .tbw-context-menu-item.danger {\n color: light-dark(#c00, #f66);\n }\n .tbw-context-menu-icon {\n width: 16px;\n text-align: center;\n }\n .tbw-context-menu-label {\n flex: 1;\n }\n .tbw-context-menu-shortcut {\n color: light-dark(#888, #888);\n font-size: 11px;\n }\n .tbw-context-menu-arrow {\n font-size: 10px;\n color: light-dark(#888, #888);\n }\n .tbw-context-menu-separator {\n height: 1px;\n background: light-dark(#d0d0d4, #454545);\n margin: 4px 0;\n }\n`;\n\n/** Default menu items when none are configured */\nconst defaultItems: ContextMenuItem[] = [\n {\n id: 'copy',\n name: 'Copy',\n shortcut: 'Ctrl+C',\n action: (params) => {\n const grid = (params as ContextMenuParams & { grid?: { plugins?: { clipboard?: { copy?: () => void } } } }).grid;\n grid?.plugins?.clipboard?.copy?.();\n },\n },\n { separator: true, id: 'sep1', name: '' },\n {\n id: 'export-csv',\n name: 'Export CSV',\n action: (params) => {\n const grid = (params as ContextMenuParams & { grid?: { plugins?: { export?: { exportCsv?: () => void } } } })\n .grid;\n grid?.plugins?.export?.exportCsv?.();\n },\n },\n];\n\n/**\n * Context Menu Plugin for tbw-grid\n *\n * @example\n * ```ts\n * new ContextMenuPlugin({\n * enabled: true,\n * items: [\n * { id: 'edit', name: 'Edit', action: (params) => console.log('Edit', params) },\n * { separator: true, id: 'sep', name: '' },\n * { id: 'delete', name: 'Delete', action: (params) => console.log('Delete', params) },\n * ],\n * })\n * ```\n */\nexport class ContextMenuPlugin extends BaseGridPlugin<ContextMenuConfig> {\n readonly name = 'contextMenu';\n override readonly version = '1.0.0';\n\n protected override get defaultConfig(): Partial<ContextMenuConfig> {\n return {\n enabled: true,\n items: defaultItems,\n };\n }\n\n // ===== Internal State =====\n private isOpen = false;\n private position = { x: 0, y: 0 };\n private params: ContextMenuParams | null = null;\n private menuElement: HTMLElement | null = null;\n\n // ===== Lifecycle =====\n\n override attach(grid: import('../../core/plugin/base-plugin').GridElement): void {\n super.attach(grid);\n this.installGlobalHandlers();\n }\n\n override detach(): void {\n if (this.menuElement) {\n this.menuElement.remove();\n this.menuElement = null;\n }\n this.isOpen = false;\n this.params = null;\n }\n\n // ===== Private Methods =====\n\n private installGlobalHandlers(): void {\n // Inject global stylesheet for context menu (once)\n if (!globalStyleSheet && typeof document !== 'undefined') {\n globalStyleSheet = document.createElement('style');\n globalStyleSheet.id = 'tbw-context-menu-styles';\n globalStyleSheet.textContent = contextMenuStyles;\n document.head.appendChild(globalStyleSheet);\n }\n\n // Close menu on click outside\n if (!globalClickHandler) {\n globalClickHandler = () => {\n const menus = document.querySelectorAll('.tbw-context-menu');\n menus.forEach((menu) => menu.remove());\n };\n document.addEventListener('click', globalClickHandler);\n }\n\n // Close on escape\n if (!globalKeydownHandler) {\n globalKeydownHandler = (e: KeyboardEvent) => {\n if (e.key === 'Escape') {\n const menus = document.querySelectorAll('.tbw-context-menu');\n menus.forEach((menu) => menu.remove());\n }\n };\n document.addEventListener('keydown', globalKeydownHandler);\n }\n }\n\n // ===== Hooks =====\n\n override afterRender(): void {\n if (!this.config.enabled) return;\n\n const shadowRoot = this.shadowRoot;\n if (!shadowRoot) return;\n\n const container = shadowRoot.children[0];\n if (!container) return;\n\n // Check if handler already attached\n if (container.getAttribute('data-context-menu-bound') === 'true') return;\n container.setAttribute('data-context-menu-bound', 'true');\n\n container.addEventListener('contextmenu', (e: Event) => {\n if (!this.config.enabled) return;\n\n const event = e as MouseEvent;\n event.preventDefault();\n\n const target = event.target as HTMLElement;\n const cell = target.closest('[data-row][data-col]');\n const header = target.closest('.header-cell');\n\n let params: ContextMenuParams;\n\n if (cell) {\n const rowIndex = parseInt(cell.getAttribute('data-row') ?? '-1', 10);\n const colIndex = parseInt(cell.getAttribute('data-col') ?? '-1', 10);\n const column = this.columns[colIndex];\n const row = this.rows[rowIndex];\n\n params = {\n row,\n rowIndex,\n column,\n columnIndex: colIndex,\n field: column?.field ?? '',\n value: row?.[column?.field as keyof typeof row] ?? null,\n isHeader: false,\n event,\n };\n } else if (header) {\n const colIndex = parseInt(header.getAttribute('data-col') ?? '-1', 10);\n const column = this.columns[colIndex];\n\n params = {\n row: null,\n rowIndex: -1,\n column,\n columnIndex: colIndex,\n field: column?.field ?? '',\n value: null,\n isHeader: true,\n event,\n };\n } else {\n return;\n }\n\n this.params = params;\n this.position = { x: event.clientX, y: event.clientY };\n\n const items = buildMenuItems(this.config.items ?? defaultItems, params);\n if (!items.length) return;\n\n if (this.menuElement) {\n this.menuElement.remove();\n }\n\n this.menuElement = createMenuElement(items, params, (item) => {\n if (item.action) {\n item.action(params);\n }\n this.menuElement?.remove();\n this.menuElement = null;\n this.isOpen = false;\n });\n\n document.body.appendChild(this.menuElement);\n positionMenu(this.menuElement, event.clientX, event.clientY);\n this.isOpen = true;\n\n this.emit('context-menu-open', { params, items });\n });\n }\n\n // ===== Public API =====\n\n /**\n * Programmatically show the context menu at the specified position.\n * @param x - X coordinate\n * @param y - Y coordinate\n * @param params - Partial context menu parameters\n */\n showMenu(x: number, y: number, params: Partial<ContextMenuParams>): void {\n const fullParams: ContextMenuParams = {\n row: params.row ?? null,\n rowIndex: params.rowIndex ?? -1,\n column: params.column ?? null,\n columnIndex: params.columnIndex ?? -1,\n field: params.field ?? '',\n value: params.value ?? null,\n isHeader: params.isHeader ?? false,\n event: params.event ?? new MouseEvent('contextmenu'),\n };\n\n const items = buildMenuItems(this.config.items ?? defaultItems, fullParams);\n\n if (this.menuElement) {\n this.menuElement.remove();\n }\n\n this.menuElement = createMenuElement(items, fullParams, (item) => {\n if (item.action) item.action(fullParams);\n this.menuElement?.remove();\n this.menuElement = null;\n this.isOpen = false;\n });\n\n document.body.appendChild(this.menuElement);\n positionMenu(this.menuElement, x, y);\n this.isOpen = true;\n }\n\n /**\n * Hide the context menu.\n */\n hideMenu(): void {\n if (this.menuElement) {\n this.menuElement.remove();\n this.menuElement = null;\n this.isOpen = false;\n }\n }\n\n /**\n * Check if the context menu is currently open.\n * @returns Whether the menu is open\n */\n isMenuOpen(): boolean {\n return this.isOpen;\n }\n\n // Styles are injected globally via installGlobalHandlers() since menu renders in document.body\n}\n"],"names":["buildMenuItems","items","params","item","isItemDisabled","createMenuElement","onAction","menu","separator","menuItem","disabled","icon","label","shortcut","arrow","subMenuItems","subMenu","e","positionMenu","x","y","menuRect","viewportWidth","viewportHeight","left","top","globalClickHandler","globalKeydownHandler","globalStyleSheet","contextMenuStyles","defaultItems","ContextMenuPlugin","BaseGridPlugin","grid","shadowRoot","container","event","target","cell","header","rowIndex","colIndex","column","row","fullParams"],"mappings":"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"}
@@ -0,0 +1,14 @@
1
+ (function(a,p){typeof exports=="object"&&typeof module<"u"?p(exports,require("../../core/plugin/base-plugin")):typeof define=="function"&&define.amd?define(["exports","../../core/plugin/base-plugin"],p):(a=typeof globalThis<"u"?globalThis:a||self,p(a.TbwGridPlugin_export={},a.TbwGrid))})(this,(function(a,p){"use strict";function b(i,t=!0){if(i==null)return"";if(i instanceof Date)return i.toISOString();if(typeof i=="object")return JSON.stringify(i);const e=String(i);return t&&(e.includes(",")||e.includes('"')||e.includes(`
2
+ `)||e.includes("\r"))?`"${e.replace(/"/g,'""')}"`:e}function y(i,t,e,o={}){const c=o.delimiter??",",r=o.newline??`
3
+ `,s=[],l=o.bom?"\uFEFF":"";if(e.includeHeaders!==!1){const n=t.map(f=>{const d=f.header||f.field,u=e.processHeader?e.processHeader(d,f.field):d;return b(u)});s.push(n.join(c))}for(const n of i){const f=t.map(d=>{let u=n[d.field];return e.processCell&&(u=e.processCell(u,d.field,n)),b(u)});s.push(f.join(c))}return l+s.join(r)}function g(i,t){const e=URL.createObjectURL(i),o=document.createElement("a");o.href=e,o.download=t,o.style.display="none",document.body.appendChild(o),o.click(),document.body.removeChild(o),URL.revokeObjectURL(e)}function S(i,t){const e=new Blob([i],{type:"text/csv;charset=utf-8;"});g(e,t)}function m(i){return i.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&apos;")}function C(i,t,e){let o=`<?xml version="1.0" encoding="UTF-8"?>
4
+ <?mso-application progid="Excel.Sheet"?>
5
+ <Workbook xmlns="urn:schemas-microsoft-com:office:spreadsheet"
6
+ xmlns:ss="urn:schemas-microsoft-com:office:spreadsheet">
7
+ <Worksheet ss:Name="Sheet1">
8
+ <Table>`;if(e.includeHeaders!==!1){o+=`
9
+ <Row>`;for(const c of t){const r=c.header||c.field,s=e.processHeader?e.processHeader(r,c.field):r;o+=`<Cell><Data ss:Type="String">${m(s)}</Data></Cell>`}o+="</Row>"}for(const c of i){o+=`
10
+ <Row>`;for(const r of t){let s=c[r.field];e.processCell&&(s=e.processCell(s,r.field,c));let l="String",n="";s==null?n="":typeof s=="number"&&!isNaN(s)?(l="Number",n=String(s)):s instanceof Date?(l="DateTime",n=s.toISOString()):n=m(String(s)),o+=`<Cell><Data ss:Type="${l}">${n}</Data></Cell>`}o+="</Row>"}return o+=`
11
+ </Table>
12
+ </Worksheet>
13
+ </Workbook>`,o}function E(i,t){const e=t.endsWith(".xls")?t:`${t}.xls`,o=new Blob([i],{type:"application/vnd.ms-excel;charset=utf-8;"});g(o,e)}class j extends p.BaseGridPlugin{name="export";version="1.0.0";get defaultConfig(){return{enabled:!0,fileName:"export",includeHeaders:!0,onlyVisible:!0,onlySelected:!1}}isExportingFlag=!1;lastExportInfo=null;performExport(t,e){const o=this.config,c={format:t,fileName:e?.fileName??o.fileName??"export",includeHeaders:e?.includeHeaders??o.includeHeaders,processCell:e?.processCell,processHeader:e?.processHeader,columns:e?.columns,rowIndices:e?.rowIndices};let r=[...this.columns];if(o.onlyVisible&&(r=r.filter(n=>!n.hidden&&!n.field.startsWith("__"))),e?.columns){const n=new Set(e.columns);r=r.filter(f=>n.has(f.field))}let s=[...this.rows];if(o.onlySelected){const n=this.getSelectionState();n?.selected?.size&&(s=[...n.selected].sort((d,u)=>d-u).map(d=>this.rows[d]).filter(Boolean))}e?.rowIndices&&(s=e.rowIndices.map(n=>this.rows[n]).filter(Boolean)),this.isExportingFlag=!0;let l=c.fileName;try{switch(t){case"csv":{const n=y(s,r,c,{bom:!0});l=l.endsWith(".csv")?l:`${l}.csv`,S(n,l);break}case"excel":{const n=C(s,r,c);l=l.endsWith(".xls")?l:`${l}.xls`,E(n,l);break}case"json":{const n=s.map(u=>{const w={};for(const h of r){let x=u[h.field];c.processCell&&(x=c.processCell(x,h.field,u)),w[h.field]=x}return w}),f=JSON.stringify(n,null,2);l=l.endsWith(".json")?l:`${l}.json`;const d=new Blob([f],{type:"application/json"});g(d,l);break}}this.lastExportInfo={format:t,timestamp:new Date},this.emit("export-complete",{format:t,fileName:l,rowCount:s.length,columnCount:r.length})}finally{this.isExportingFlag=!1}}getSelectionState(){try{return this.grid?.getPluginState?.("selection")??null}catch{return null}}exportCsv(t){this.performExport("csv",t)}exportExcel(t){this.performExport("excel",t)}exportJson(t){this.performExport("json",t)}isExporting(){return this.isExportingFlag}getLastExport(){return this.lastExportInfo}}a.ExportPlugin=j,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})}));
14
+ //# sourceMappingURL=export.umd.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"export.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/export/csv.ts","../../../../../libs/grid/src/lib/plugins/export/excel.ts","../../../../../libs/grid/src/lib/plugins/export/ExportPlugin.ts"],"sourcesContent":["/**\n * CSV Export Utilities\n *\n * Functions for building and downloading CSV content.\n */\n\nimport type { ColumnConfig } from '../../core/types';\nimport type { ExportParams } from './types';\n\n/** CSV export options */\nexport interface CsvOptions {\n /** Field delimiter (default: ',') */\n delimiter?: string;\n /** Line separator (default: '\\n') */\n newline?: string;\n /** Whether to quote strings containing special characters (default: true) */\n quoteStrings?: boolean;\n /** Add UTF-8 BOM for Excel compatibility (default: false) */\n bom?: boolean;\n}\n\n/**\n * Format a value for CSV output.\n * Handles null, Date, objects, and strings with special characters.\n */\nexport function formatCsvValue(value: any, quote = true): string {\n if (value == null) return '';\n if (value instanceof Date) return value.toISOString();\n if (typeof value === 'object') return JSON.stringify(value);\n\n const str = String(value);\n\n // Quote if contains special characters (comma, quote, newline)\n if (quote && (str.includes(',') || str.includes('\"') || str.includes('\\n') || str.includes('\\r'))) {\n return `\"${str.replace(/\"/g, '\"\"')}\"`;\n }\n\n return str;\n}\n\n/**\n * Build CSV content from rows and columns.\n */\nexport function buildCsv(rows: any[], columns: ColumnConfig[], params: ExportParams, options: CsvOptions = {}): string {\n const delimiter = options.delimiter ?? ',';\n const newline = options.newline ?? '\\n';\n const lines: string[] = [];\n\n // UTF-8 BOM for Excel compatibility\n const bom = options.bom ? '\\uFEFF' : '';\n\n // Build header row\n if (params.includeHeaders !== false) {\n const headerRow = columns.map((col) => {\n const header = col.header || col.field;\n const processed = params.processHeader ? params.processHeader(header, col.field) : header;\n return formatCsvValue(processed);\n });\n lines.push(headerRow.join(delimiter));\n }\n\n // Build data rows\n for (const row of rows) {\n const cells = columns.map((col) => {\n let value = row[col.field];\n if (params.processCell) {\n value = params.processCell(value, col.field, row);\n }\n return formatCsvValue(value);\n });\n lines.push(cells.join(delimiter));\n }\n\n return bom + lines.join(newline);\n}\n\n/**\n * Download a Blob as a file.\n */\nexport function downloadBlob(blob: Blob, fileName: string): void {\n const url = URL.createObjectURL(blob);\n const link = document.createElement('a');\n link.href = url;\n link.download = fileName;\n link.style.display = 'none';\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n URL.revokeObjectURL(url);\n}\n\n/**\n * Download CSV content as a file.\n */\nexport function downloadCsv(content: string, fileName: string): void {\n const blob = new Blob([content], { type: 'text/csv;charset=utf-8;' });\n downloadBlob(blob, fileName);\n}\n","/**\n * Excel Export Utilities\n *\n * Simple Excel XML format export (no external dependencies).\n * Produces XML Spreadsheet 2003 format which opens in Excel.\n */\n\nimport type { ColumnConfig } from '../../core/types';\nimport type { ExportParams } from './types';\nimport { downloadBlob } from './csv';\n\n/**\n * Escape XML special characters.\n */\nfunction escapeXml(str: string): string {\n return str\n .replace(/&/g, '&amp;')\n .replace(/</g, '&lt;')\n .replace(/>/g, '&gt;')\n .replace(/\"/g, '&quot;')\n .replace(/'/g, '&apos;');\n}\n\n/**\n * Build Excel XML content from rows and columns.\n * Uses XML Spreadsheet 2003 format for broad compatibility.\n */\nexport function buildExcelXml(rows: any[], columns: ColumnConfig[], params: ExportParams): string {\n let xml = `<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<?mso-application progid=\"Excel.Sheet\"?>\n<Workbook xmlns=\"urn:schemas-microsoft-com:office:spreadsheet\"\n xmlns:ss=\"urn:schemas-microsoft-com:office:spreadsheet\">\n<Worksheet ss:Name=\"Sheet1\">\n<Table>`;\n\n // Build header row\n if (params.includeHeaders !== false) {\n xml += '\\n<Row>';\n for (const col of columns) {\n const header = col.header || col.field;\n const processed = params.processHeader ? params.processHeader(header, col.field) : header;\n xml += `<Cell><Data ss:Type=\"String\">${escapeXml(processed)}</Data></Cell>`;\n }\n xml += '</Row>';\n }\n\n // Build data rows\n for (const row of rows) {\n xml += '\\n<Row>';\n for (const col of columns) {\n let value = row[col.field];\n if (params.processCell) {\n value = params.processCell(value, col.field, row);\n }\n\n // Determine cell type based on value\n let type: 'Number' | 'String' | 'DateTime' = 'String';\n let displayValue = '';\n\n if (value == null) {\n displayValue = '';\n } else if (typeof value === 'number' && !isNaN(value)) {\n type = 'Number';\n displayValue = String(value);\n } else if (value instanceof Date) {\n type = 'DateTime';\n displayValue = value.toISOString();\n } else {\n displayValue = escapeXml(String(value));\n }\n\n xml += `<Cell><Data ss:Type=\"${type}\">${displayValue}</Data></Cell>`;\n }\n xml += '</Row>';\n }\n\n xml += '\\n</Table>\\n</Worksheet>\\n</Workbook>';\n return xml;\n}\n\n/**\n * Download Excel XML content as a file.\n */\nexport function downloadExcel(content: string, fileName: string): void {\n const finalName = fileName.endsWith('.xls') ? fileName : `${fileName}.xls`;\n const blob = new Blob([content], {\n type: 'application/vnd.ms-excel;charset=utf-8;',\n });\n downloadBlob(blob, finalName);\n}\n","/**\n * Export Plugin (Class-based)\n *\n * Provides data export functionality for tbw-grid.\n * Supports CSV, Excel (XML), and JSON formats.\n */\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport { BaseGridPlugin } from '../../core/plugin/base-plugin';\nimport type { ColumnConfig } from '../../core/types';\nimport { buildCsv, downloadBlob, downloadCsv } from './csv';\nimport { buildExcelXml, downloadExcel } from './excel';\nimport type { ExportCompleteDetail, ExportConfig, ExportFormat, ExportParams } from './types';\n\n/** Selection plugin state interface for type safety */\ninterface SelectionPluginState {\n selected: Set<number>;\n}\n\n/**\n * Export Plugin for tbw-grid\n *\n * @example\n * ```ts\n * new ExportPlugin({\n * enabled: true,\n * fileName: 'my-data',\n * includeHeaders: true,\n * onlyVisible: true,\n * })\n * ```\n */\nexport class ExportPlugin extends BaseGridPlugin<ExportConfig> {\n readonly name = 'export';\n override readonly version = '1.0.0';\n\n protected override get defaultConfig(): Partial<ExportConfig> {\n return {\n enabled: true,\n fileName: 'export',\n includeHeaders: true,\n onlyVisible: true,\n onlySelected: false,\n };\n }\n\n // ===== Internal State =====\n private isExportingFlag = false;\n private lastExportInfo: { format: ExportFormat; timestamp: Date } | null = null;\n\n // ===== Private Methods =====\n\n private performExport(format: ExportFormat, params?: Partial<ExportParams>): void {\n const config = this.config;\n\n // Build full params with defaults\n const fullParams: ExportParams = {\n format,\n fileName: params?.fileName ?? config.fileName ?? 'export',\n includeHeaders: params?.includeHeaders ?? config.includeHeaders,\n processCell: params?.processCell,\n processHeader: params?.processHeader,\n columns: params?.columns,\n rowIndices: params?.rowIndices,\n };\n\n // Get columns to export\n let columns = [...this.columns] as ColumnConfig[];\n if (config.onlyVisible) {\n columns = columns.filter((c) => !c.hidden && !c.field.startsWith('__'));\n }\n if (params?.columns) {\n const colSet = new Set(params.columns);\n columns = columns.filter((c) => colSet.has(c.field));\n }\n\n // Get rows to export\n let rows = [...this.rows] as any[];\n if (config.onlySelected) {\n const selectionState = this.getSelectionState();\n if (selectionState?.selected?.size) {\n const sortedIndices = [...selectionState.selected].sort((a, b) => a - b);\n rows = sortedIndices.map((i) => this.rows[i]).filter(Boolean);\n }\n }\n if (params?.rowIndices) {\n rows = params.rowIndices.map((i) => this.rows[i]).filter(Boolean);\n }\n\n this.isExportingFlag = true;\n let fileName = fullParams.fileName!;\n\n try {\n switch (format) {\n case 'csv': {\n const content = buildCsv(rows, columns, fullParams, { bom: true });\n fileName = fileName.endsWith('.csv') ? fileName : `${fileName}.csv`;\n downloadCsv(content, fileName);\n break;\n }\n\n case 'excel': {\n const content = buildExcelXml(rows, columns, fullParams);\n fileName = fileName.endsWith('.xls') ? fileName : `${fileName}.xls`;\n downloadExcel(content, fileName);\n break;\n }\n\n case 'json': {\n const jsonData = rows.map((row) => {\n const obj: Record<string, any> = {};\n for (const col of columns) {\n let value = row[col.field];\n if (fullParams.processCell) {\n value = fullParams.processCell(value, col.field, row);\n }\n obj[col.field] = value;\n }\n return obj;\n });\n const content = JSON.stringify(jsonData, null, 2);\n fileName = fileName.endsWith('.json') ? fileName : `${fileName}.json`;\n const blob = new Blob([content], { type: 'application/json' });\n downloadBlob(blob, fileName);\n break;\n }\n }\n\n this.lastExportInfo = { format, timestamp: new Date() };\n\n this.emit<ExportCompleteDetail>('export-complete', {\n format,\n fileName,\n rowCount: rows.length,\n columnCount: columns.length,\n });\n } finally {\n this.isExportingFlag = false;\n }\n }\n\n private getSelectionState(): SelectionPluginState | null {\n try {\n const grid = this.grid as any;\n return grid?.getPluginState?.('selection') ?? null;\n } catch {\n return null;\n }\n }\n\n // ===== Public API =====\n\n /**\n * Export data to CSV format.\n * @param params - Optional export parameters\n */\n exportCsv(params?: Partial<ExportParams>): void {\n this.performExport('csv', params);\n }\n\n /**\n * Export data to Excel format (XML Spreadsheet).\n * @param params - Optional export parameters\n */\n exportExcel(params?: Partial<ExportParams>): void {\n this.performExport('excel', params);\n }\n\n /**\n * Export data to JSON format.\n * @param params - Optional export parameters\n */\n exportJson(params?: Partial<ExportParams>): void {\n this.performExport('json', params);\n }\n\n /**\n * Check if an export is currently in progress.\n * @returns Whether export is in progress\n */\n isExporting(): boolean {\n return this.isExportingFlag;\n }\n\n /**\n * Get information about the last export.\n * @returns Export info or null if no export has occurred\n */\n getLastExport(): { format: ExportFormat; timestamp: Date } | null {\n return this.lastExportInfo;\n }\n}\n"],"names":["formatCsvValue","value","quote","str","buildCsv","rows","columns","params","options","delimiter","newline","lines","bom","headerRow","col","header","processed","row","cells","downloadBlob","blob","fileName","url","link","downloadCsv","content","escapeXml","buildExcelXml","xml","type","displayValue","downloadExcel","finalName","ExportPlugin","BaseGridPlugin","format","config","fullParams","c","colSet","selectionState","a","b","i","jsonData","obj"],"mappings":"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"}
@@ -0,0 +1,175 @@
1
+ (function(w,T){typeof exports=="object"&&typeof module<"u"?T(exports,require("../../core/plugin/base-plugin"),require("../../core/internal/virtualization")):typeof define=="function"&&define.amd?define(["exports","../../core/plugin/base-plugin","../../core/internal/virtualization"],T):(w=typeof globalThis<"u"?globalThis:w||self,T(w.TbwGridPlugin_filtering={},w.TbwGrid,w.TbwGrid))})(this,(function(w,T,N){"use strict";function A(x,e,r=!1){const t=x[e.field];if(e.operator==="blank")return t==null||t==="";if(e.operator==="notBlank")return t!=null&&t!=="";if(t==null)return!1;const l=String(t),o=r?l:l.toLowerCase(),i=r?String(e.value):String(e.value).toLowerCase();switch(e.operator){case"contains":return o.includes(i);case"notContains":return!o.includes(i);case"equals":return o===i;case"notEquals":return o!==i;case"startsWith":return o.startsWith(i);case"endsWith":return o.endsWith(i);case"lessThan":return Number(t)<Number(e.value);case"lessThanOrEqual":return Number(t)<=Number(e.value);case"greaterThan":return Number(t)>Number(e.value);case"greaterThanOrEqual":return Number(t)>=Number(e.value);case"between":return Number(t)>=Number(e.value)&&Number(t)<=Number(e.valueTo);case"in":return Array.isArray(e.value)&&e.value.includes(t);case"notIn":return Array.isArray(e.value)&&!e.value.includes(t);default:return!0}}function q(x,e,r=!1){return e.length?x.filter(t=>e.every(l=>A(t,l,r))):x}function z(x){return JSON.stringify(x.map(e=>({field:e.field,operator:e.operator,value:e.value,valueTo:e.valueTo})))}function H(x,e){const r=new Set;for(const t of x){const l=t[e];l!=null&&r.add(l)}return[...r].sort((t,l)=>typeof t=="number"&&typeof l=="number"?t-l:String(t).localeCompare(String(l)))}const B=`
2
+ .tbw-filter-panel {
3
+ position: fixed;
4
+ background: var(--tbw-filter-panel-bg, var(--tbw-color-panel-bg, light-dark(#eeeeee, #222222)));
5
+ color: var(--tbw-filter-panel-fg, var(--tbw-color-fg, light-dark(#222222, #eeeeee)));
6
+ border: 1px solid var(--tbw-filter-panel-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));
7
+ border-radius: var(--tbw-filter-panel-radius, var(--tbw-border-radius, 4px));
8
+ box-shadow: 0 4px 16px var(--tbw-filter-panel-shadow, var(--tbw-color-shadow, light-dark(rgba(0,0,0,0.1), rgba(0,0,0,0.3))));
9
+ padding: 12px;
10
+ z-index: 10000;
11
+ min-width: 200px;
12
+ max-width: 280px;
13
+ max-height: 350px;
14
+ display: flex;
15
+ flex-direction: column;
16
+ font-family: var(--tbw-font-family, system-ui, sans-serif);
17
+ font-size: var(--tbw-font-size, 13px);
18
+ }
19
+
20
+ .tbw-filter-search {
21
+ margin-bottom: 8px;
22
+ }
23
+
24
+ .tbw-filter-search-input {
25
+ width: 100%;
26
+ padding: 6px 10px;
27
+ background: var(--tbw-filter-input-bg, var(--tbw-color-bg, transparent));
28
+ color: inherit;
29
+ border: 1px solid var(--tbw-filter-input-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));
30
+ border-radius: var(--tbw-filter-input-radius, 4px);
31
+ font-size: inherit;
32
+ box-sizing: border-box;
33
+ }
34
+
35
+ .tbw-filter-search-input:focus {
36
+ outline: none;
37
+ border-color: var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));
38
+ box-shadow: 0 0 0 2px rgba(from var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6)) r g b / 15%);
39
+ }
40
+
41
+ .tbw-filter-actions {
42
+ display: flex;
43
+ padding: 4px 2px;
44
+ margin-bottom: 8px;
45
+ border-bottom: 1px solid var(--tbw-filter-divider, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));
46
+ }
47
+
48
+ .tbw-filter-action-btn {
49
+ background: transparent;
50
+ border: none;
51
+ color: var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));
52
+ cursor: pointer;
53
+ font-size: 12px;
54
+ padding: 2px 0;
55
+ }
56
+
57
+ .tbw-filter-action-btn:hover {
58
+ text-decoration: underline;
59
+ }
60
+
61
+ .tbw-filter-values {
62
+ flex: 1;
63
+ overflow-y: auto;
64
+ margin-bottom: 8px;
65
+ max-height: 180px;
66
+ position: relative;
67
+ }
68
+
69
+ .tbw-filter-values-spacer {
70
+ width: 1px;
71
+ }
72
+
73
+ .tbw-filter-values-content {
74
+ position: absolute;
75
+ top: 0;
76
+ left: 0;
77
+ right: 0;
78
+ }
79
+
80
+ .tbw-filter-value-item {
81
+ display: flex;
82
+ align-items: center;
83
+ gap: 8px;
84
+ padding: 4px 2px;
85
+ cursor: pointer;
86
+ border-radius: 3px;
87
+ }
88
+
89
+ .tbw-filter-value-item:hover {
90
+ background: var(--tbw-filter-hover, var(--tbw-color-row-hover, light-dark(#f0f6ff, #1c1c1c)));
91
+ }
92
+
93
+ .tbw-filter-checkbox {
94
+ margin: 0;
95
+ cursor: pointer;
96
+ accent-color: var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));
97
+ }
98
+
99
+ .tbw-filter-no-match {
100
+ color: var(--tbw-filter-muted, var(--tbw-color-fg-muted, light-dark(#555555, #aaaaaa)));
101
+ padding: 8px 0;
102
+ text-align: center;
103
+ font-style: italic;
104
+ }
105
+
106
+ .tbw-filter-buttons {
107
+ display: flex;
108
+ gap: 8px;
109
+ padding-top: 8px;
110
+ border-top: 1px solid var(--tbw-filter-divider, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));
111
+ }
112
+
113
+ .tbw-filter-apply-btn {
114
+ flex: 1;
115
+ padding: 6px 12px;
116
+ background: var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));
117
+ color: var(--tbw-filter-accent-fg, var(--tbw-color-accent-fg, light-dark(#ffffff, #000000)));
118
+ border: none;
119
+ border-radius: 4px;
120
+ cursor: pointer;
121
+ font-size: 13px;
122
+ }
123
+
124
+ .tbw-filter-apply-btn:hover {
125
+ filter: brightness(0.9);
126
+ }
127
+
128
+ .tbw-filter-clear-btn {
129
+ flex: 1;
130
+ padding: 6px 12px;
131
+ background: transparent;
132
+ color: var(--tbw-filter-muted, var(--tbw-color-fg-muted, light-dark(#555555, #aaaaaa)));
133
+ border: 1px solid var(--tbw-filter-input-border, var(--tbw-color-border, light-dark(#d0d0d4, #454545)));
134
+ border-radius: 4px;
135
+ cursor: pointer;
136
+ font-size: 13px;
137
+ }
138
+
139
+ .tbw-filter-clear-btn:hover {
140
+ background: var(--tbw-filter-hover, var(--tbw-color-row-hover, light-dark(#f0f6ff, #1c1c1c)));
141
+ }
142
+ `;class v extends T.BaseGridPlugin{name="filtering";version="1.0.0";get defaultConfig(){return{enabled:!0,debounceMs:300,caseSensitive:!1,trimInput:!0,useWorker:!0}}filters=new Map;cachedResult=null;cacheKey=null;openPanelField=null;panelElement=null;searchText=new Map;excludedValues=new Map;documentClickHandler=null;globalStylesInjected=!1;static LIST_ITEM_HEIGHT=28;static LIST_OVERSCAN=3;static LIST_BYPASS_THRESHOLD=50;attach(e){super.attach(e),this.injectGlobalStyles()}detach(){this.filters.clear(),this.cachedResult=null,this.cacheKey=null,this.openPanelField=null,this.panelElement&&(this.panelElement.remove(),this.panelElement=null),this.searchText.clear(),this.excludedValues.clear(),this.removeDocumentClickHandler()}processRows(e){const r=[...this.filters.values()];if(!r.length)return[...e];const t=z(r);if(this.cacheKey===t&&this.cachedResult)return this.cachedResult;const l=q([...e],r,this.config.caseSensitive);return this.cachedResult=l,this.cacheKey=t,l}afterRender(){if(!this.config.enabled)return;const e=this.shadowRoot;if(!e)return;e.querySelectorAll('[part~="header-cell"]').forEach(t=>{const l=t.getAttribute("data-col");if(l===null)return;const o=this.columns[parseInt(l,10)];if(!o||o.filterable===!1||t.querySelector(".tbw-filter-btn"))return;const i=o.field;if(!i)return;const a=document.createElement("button");a.className="tbw-filter-btn",a.setAttribute("aria-label",`Filter ${o.header??i}`),a.innerHTML='<svg viewBox="0 0 16 16" width="12" height="12"><path fill="currentColor" d="M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/></svg>',this.filters.has(i)&&(a.classList.add("active"),t.classList.add("filtered")),a.addEventListener("click",y=>{y.stopPropagation(),this.toggleFilterPanel(i,o,a)}),t.appendChild(a)})}setFilter(e,r){r===null?this.filters.delete(e):this.filters.set(e,{...r,field:e}),this.cachedResult=null,this.cacheKey=null,this.emit("filter-change",{filters:[...this.filters.values()],filteredRowCount:0}),this.requestRender()}getFilter(e){return this.filters.get(e)}getFilters(){return[...this.filters.values()]}getFilterModel(){return this.getFilters()}setFilterModel(e){this.filters.clear();for(const r of e)this.filters.set(r.field,r);this.cachedResult=null,this.cacheKey=null,this.emit("filter-change",{filters:[...this.filters.values()],filteredRowCount:0}),this.requestRender()}clearAllFilters(){this.filters.clear(),this.excludedValues.clear(),this.searchText.clear(),this.cachedResult=null,this.cacheKey=null,this.emit("filter-change",{filters:[],filteredRowCount:this.rows.length}),this.requestRender()}clearFieldFilter(e){this.filters.delete(e),this.excludedValues.delete(e),this.searchText.delete(e),this.cachedResult=null,this.cacheKey=null,this.emit("filter-change",{filters:[...this.filters.values()],filteredRowCount:0}),this.requestRender()}isFieldFiltered(e){return this.filters.has(e)}getFilteredRowCount(){return this.cachedResult?.length??this.rows.length}getActiveFilters(){return this.getFilters()}getUniqueValues(e){return H(this.sourceRows,e)}injectGlobalStyles(){if(this.globalStylesInjected)return;if(document.getElementById("tbw-filter-panel-styles")){this.globalStylesInjected=!0;return}const e=document.createElement("style");e.id="tbw-filter-panel-styles",e.textContent=B,document.head.appendChild(e),this.globalStylesInjected=!0}toggleFilterPanel(e,r,t){if(this.openPanelField===e){this.closeFilterPanel();return}this.closeFilterPanel();const l=document.createElement("div");l.className="tbw-filter-panel",this.panelElement=l,this.openPanelField=e;const o=H(this.sourceRows,e);let i=this.excludedValues.get(e);i||(i=new Set,this.excludedValues.set(e,i));const a=this.searchText.get(e)??"",y={field:e,column:r,uniqueValues:o,excludedValues:i,searchText:a,applySetFilter:b=>{this.applySetFilter(e,b),this.closeFilterPanel()},applyTextFilter:(b,S,m)=>{this.applyTextFilter(e,b,S,m),this.closeFilterPanel()},clearFilter:()=>{this.clearFieldFilter(e),this.closeFilterPanel()},closePanel:()=>this.closeFilterPanel()};let f=!1;this.config.filterPanelRenderer&&(this.config.filterPanelRenderer(l,y),f=l.children.length>0),f||this.renderDefaultFilterPanel(l,y,o,i),document.body.appendChild(l),this.positionPanel(l,t);const h=b=>{!l.contains(b.target)&&b.target!==t&&this.closeFilterPanel()};this.documentClickHandler=h,setTimeout(()=>{document.addEventListener("click",h)},0)}closeFilterPanel(){this.panelElement&&(this.panelElement.remove(),this.panelElement=null),this.openPanelField=null,this.removeDocumentClickHandler()}removeDocumentClickHandler(){this.documentClickHandler&&(document.removeEventListener("click",this.documentClickHandler),this.documentClickHandler=null)}positionPanel(e,r){const t=r.getBoundingClientRect();e.style.position="fixed",e.style.top=`${t.bottom+4}px`,e.style.left=`${t.left}px`,requestAnimationFrame(()=>{const l=e.getBoundingClientRect();l.right>window.innerWidth-8&&(e.style.left=`${window.innerWidth-l.width-8}px`),l.bottom>window.innerHeight-8&&(e.style.top=`${t.top-l.height-4}px`)})}renderDefaultFilterPanel(e,r,t,l){const{field:o}=r,i=document.createElement("div");i.className="tbw-filter-search";const a=document.createElement("input");a.type="text",a.placeholder="Search...",a.className="tbw-filter-search-input",a.value=this.searchText.get(o)??"",i.appendChild(a),e.appendChild(i);const y=document.createElement("div");y.className="tbw-filter-actions";const f=document.createElement("label");f.className="tbw-filter-value-item",f.style.padding="0",f.style.margin="0";const h=document.createElement("input");h.type="checkbox",h.className="tbw-filter-checkbox";const b=document.createElement("span");b.textContent="Select All",f.appendChild(h),f.appendChild(b),y.appendChild(f);const S=()=>{const n=[...C.values()],d=n.every(c=>c),u=n.every(c=>!c);h.checked=d,h.indeterminate=!d&&!u};h.addEventListener("change",()=>{const n=h.checked;for(const d of C.keys())C.set(d,n);S(),L()}),e.appendChild(y);const m=document.createElement("div");m.className="tbw-filter-values";const E=document.createElement("div");E.className="tbw-filter-values-spacer",m.appendChild(E);const p=document.createElement("div");p.className="tbw-filter-values-content",m.appendChild(p);const C=new Map;t.forEach(n=>{const d=n==null?"__null__":String(n);C.set(d,!l.has(n))}),S();let k=[];const P=(n,d)=>{const u=n==null?"(Blank)":String(n),c=n==null?"__null__":String(n),s=document.createElement("label");s.className="tbw-filter-value-item",s.style.position="absolute",s.style.top=`${d*v.LIST_ITEM_HEIGHT}px`,s.style.left="0",s.style.right="0",s.style.height=`${v.LIST_ITEM_HEIGHT}px`,s.style.boxSizing="border-box";const g=document.createElement("input");g.type="checkbox",g.className="tbw-filter-checkbox",g.checked=C.get(c)??!0,g.dataset.value=c,g.addEventListener("change",()=>{C.set(c,g.checked),S()});const V=document.createElement("span");return V.textContent=u,s.appendChild(g),s.appendChild(V),s},L=()=>{const n=k.length,d=m.clientHeight,u=m.scrollTop;if(E.style.height=`${n*v.LIST_ITEM_HEIGHT}px`,N.shouldBypassVirtualization(n,v.LIST_BYPASS_THRESHOLD/3)){p.innerHTML="",p.style.transform="translateY(0px)",k.forEach((s,g)=>{p.appendChild(P(s,g))});return}const c=N.computeVirtualWindow({totalRows:n,viewportHeight:d,scrollTop:u,rowHeight:v.LIST_ITEM_HEIGHT,overscan:v.LIST_OVERSCAN});p.style.transform=`translateY(${c.offsetY}px)`,p.innerHTML="";for(let s=c.start;s<c.end;s++)p.appendChild(P(k[s],s-c.start))},_=n=>{const d=n.toLowerCase();if(k=t.filter(u=>{const c=u==null?"(Blank)":String(u);return!n||c.toLowerCase().includes(d)}),k.length===0){E.style.height="0px",p.innerHTML="";const u=document.createElement("div");u.className="tbw-filter-no-match",u.textContent="No matching values",p.appendChild(u);return}L()};m.addEventListener("scroll",()=>{k.length>0&&L()},{passive:!0}),_(a.value),e.appendChild(m);let M;a.addEventListener("input",()=>{clearTimeout(M),M=setTimeout(()=>{this.searchText.set(o,a.value),_(a.value)},this.config.debounceMs??150)});const R=document.createElement("div");R.className="tbw-filter-buttons";const F=document.createElement("button");F.className="tbw-filter-apply-btn",F.textContent="Apply",F.addEventListener("click",()=>{const n=[];for(const[d,u]of C)if(!u)if(d==="__null__")n.push(null);else{const c=t.find(s=>String(s)===d);n.push(c!==void 0?c:d)}r.applySetFilter(n)}),R.appendChild(F);const I=document.createElement("button");I.className="tbw-filter-clear-btn",I.textContent="Clear Filter",I.addEventListener("click",()=>{r.clearFilter()}),R.appendChild(I),e.appendChild(R)}applySetFilter(e,r){this.excludedValues.set(e,new Set(r)),r.length===0?this.filters.delete(e):this.filters.set(e,{field:e,type:"set",operator:"notIn",value:r}),this.cachedResult=null,this.cacheKey=null,this.emit("filter-change",{filters:[...this.filters.values()],filteredRowCount:0}),this.requestRender()}applyTextFilter(e,r,t,l){this.filters.set(e,{field:e,type:"text",operator:r,value:t,valueTo:l}),this.cachedResult=null,this.cacheKey=null,this.emit("filter-change",{filters:[...this.filters.values()],filteredRowCount:0}),this.requestRender()}getColumnState(e){const r=this.filters.get(e);if(r)return{filter:{type:r.type,operator:r.operator,value:r.value,valueTo:r.valueTo}}}applyColumnState(e,r){if(!r.filter){this.filters.delete(e);return}const t={field:e,type:r.filter.type,operator:r.filter.operator,value:r.filter.value,valueTo:r.filter.valueTo};this.filters.set(e,t),this.cachedResult=null,this.cacheKey=null}styles=`
143
+ .header-cell.filtered::before {
144
+ content: '';
145
+ position: absolute;
146
+ top: 4px;
147
+ right: 4px;
148
+ width: 6px;
149
+ height: 6px;
150
+ background: var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));
151
+ border-radius: 50%;
152
+ }
153
+ .tbw-filter-btn {
154
+ display: inline-flex;
155
+ align-items: center;
156
+ justify-content: center;
157
+ background: transparent;
158
+ border: none;
159
+ cursor: pointer;
160
+ padding: 2px;
161
+ margin-left: 4px;
162
+ opacity: 0.4;
163
+ transition: opacity 0.15s;
164
+ color: inherit;
165
+ vertical-align: middle;
166
+ }
167
+ .tbw-filter-btn:hover,
168
+ .tbw-filter-btn.active {
169
+ opacity: 1;
170
+ }
171
+ .tbw-filter-btn.active {
172
+ color: var(--tbw-filter-accent, var(--tbw-color-accent, #3b82f6));
173
+ }
174
+ `}w.FilteringPlugin=v,Object.defineProperty(w,Symbol.toStringTag,{value:"Module"})}));
175
+ //# sourceMappingURL=filtering.umd.js.map