@toolbox-web/grid 0.4.0 → 0.4.2

package/umd/plugins/clipboard.umd.js

@@ -1,9 +1,7 @@
-(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??`
-`;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??`
-`,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 S(f,e){const t=e.delimiter??"	",n=e.newline??`
-`,s=f.replace(/\r\n/g,`
+(function(h,x){typeof exports=="object"&&typeof module<"u"?x(exports,require("../../core/plugin/base-plugin"),require("../../core/plugin/expander-column")):typeof define=="function"&&define.amd?define(["exports","../../core/plugin/base-plugin","../../core/plugin/expander-column"],x):(h=typeof globalThis<"u"?globalThis:h||self,x(h.TbwGridPlugin_clipboard={},h.TbwGrid,h.TbwGrid))})(this,(function(h,x,S){"use strict";async function R(m){try{return await navigator.clipboard.writeText(m),!0}catch{const t=document.createElement("textarea");t.value=m,t.style.position="fixed",t.style.opacity="0",t.style.pointerEvents="none",document.body.appendChild(t),t.select();const n=document.execCommand("copy");return document.body.removeChild(t),n}}function b(m,t){const n=t.delimiter??"	",s=t.newline??`
+`,a=m.replace(/\r\n/g,`
 `).replace(/\r/g,`
-`),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 b(){try{return await navigator.clipboard.readText()}catch{return""}}class T extends g.BaseGridPlugin{name="clipboard";version="1.0.0";get defaultConfig(){return{includeHeaders:!1,delimiter:"	",newline:`
-`,quoteStrings:!1}}lastCopied=null;detach(){this.lastCopied=null}onKeyDown(e){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(){b().then(e=>{if(!e)return;const t=S(e,this.config);this.emit("paste",{rows:t,text:e})})}#e(){try{const e=this.grid?.getPluginByName("selection");if(e)return e}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??`
-`,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 b();return e?S(e,this.config):null}getLastCopied(){return this.lastCopied}}p.ClipboardPlugin=T,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})}));
+`),l=[];let e=[],i="",o=!1;for(let c=0;c<a.length;c++){const r=a[c];r==='"'&&!o?o=!0:r==='"'&&o?a[c+1]==='"'?(i+='"',c++):o=!1:r===n&&!o?(e.push(i),i=""):r===s&&!o?(e.push(i),i="",(e.length>1||e.some(p=>p.trim()!==""))&&l.push(e),e=[]):i+=r}return e.push(i),(e.length>1||e.some(c=>c.trim()!==""))&&l.push(e),l}async function T(){try{return await navigator.clipboard.readText()}catch{return""}}function P(m,t){const{rows:n,target:s,fields:a}=m;if(!s)return;const l=t.rows,i=(t.effectiveConfig.columns??[]).map(r=>r.field),o=[...l],c=s.bounds?s.bounds.endRow:1/0;n.forEach((r,p)=>{const d=s.row+p;if(!(d>c)){if(s.bounds){if(d>=o.length)return}else for(;d>=o.length;){const w={};i.forEach(u=>w[u]=""),o.push(w)}o[d]={...o[d]},r.forEach((w,u)=>{const f=a[u];f&&(o[d][f]=w)})}}),t.rows=o}class v extends x.BaseGridPlugin{static dependencies=[{name:"selection",required:!1,reason:"Enables copy/paste of selected cells instead of entire grid"}];name="clipboard";get defaultConfig(){return{includeHeaders:!1,delimiter:"	",newline:`
+`,quoteStrings:!1}}lastCopied=null;attach(t){super.attach(t),t.addEventListener("paste",n=>this.#o(n),{signal:this.disconnectSignal})}detach(){this.lastCopied=null}onKeyDown(t){return(t.ctrlKey||t.metaKey)&&t.key==="c"?(this.#n(t.target),!0):!1}#n(t){const n=this.#t(),s=n?.getSelection(),a=this.columns.length-1,l=this.rows.length-1;let e;if(s&&s.ranges.length>0){const{mode:o,ranges:c}=s,r=c[c.length-1];o==="row"?e={startRow:r.from.row,startCol:0,endRow:r.to.row,endCol:a}:e={startRow:r.from.row,startCol:r.from.col,endRow:r.to.row,endCol:r.to.col}}else if(!n)e={startRow:0,startCol:0,endRow:l,endCol:a};else{const o=this.#l(t);if(!o)return;e={startRow:o.row,startCol:o.col,endRow:o.row,endCol:o.col}}const i=this.#e(e);R(i.text).then(()=>{this.lastCopied={text:i.text,timestamp:Date.now()},this.emit("copy",{text:i.text,rowCount:i.rowCount,columnCount:i.columnCount})})}#o(t){const n=t.clipboardData?.getData("text/plain");if(!n)return;t.preventDefault();const s=b(n,this.config),l=this.#t()?.getSelection(),e=l?.ranges?.[0],i=e?.from.row??0,o=e?.from.col??0,r=e&&(l?.mode==="range"||l?.mode==="row")&&(e.from.row!==e.to.row||e.from.col!==e.to.col)?{endRow:e.to.row,endCol:e.to.col}:null,p=r?.endCol??this.columns.length-1,d=this.columns[o],w=d?{row:i,col:o,field:d.field,bounds:r}:null,u=[],f=s[0]?.length??0;for(let C=0;C<f&&o+C<=p;C++){const g=this.columns[o+C];g&&!g.hidden&&u.push(g.field)}const y={rows:s,text:n,target:w,fields:u};this.emit("paste",y),this.#s(y)}#s(t){if(!this.grid)return;const{pasteHandler:n}=this.config;if(n===null)return;(n??P)(t,this.grid)}#t(){try{const t=this.grid?.getPluginByName("selection");if(t)return t}catch{}}#e(t){const{startRow:n,startCol:s,endRow:a,endCol:l}=t,e=Math.min(n,a),i=Math.max(n,a),o=Math.min(s,l),c=Math.max(s,l),r=this.config.delimiter??"	",p=this.config.newline??`
+`,d=[],w=this.columns.slice(o,c+1).filter(u=>!S.isUtilityColumn(u));if(this.config.includeHeaders){const u=w.map(f=>f.header||f.field);d.push(u.join(r))}for(let u=e;u<=i;u++){const f=this.rows[u];if(!f)continue;const y=w.map(C=>{const g=f[C.field];return g==null?"":g instanceof Date?g.toISOString():String(g)});d.push(y.join(r))}return{text:d.join(p),rowCount:i-e+1,columnCount:c-o+1}}#l(t){const n=t.closest("[data-field-cache]");if(!n)return null;const s=n.dataset.fieldCache,a=n.dataset.row;if(!s||!a)return null;const l=parseInt(a,10);if(isNaN(l))return null;const e=this.columns.findIndex(i=>i.field===s);return e===-1?null:{row:l,col:e}}async copy(){const n=this.#t()?.getSelection(),s=this.columns.length-1;let a={startRow:0,startCol:0,endRow:this.rows.length-1,endCol:s};if(n&&n.ranges.length>0){const e=n.ranges[n.ranges.length-1];n.mode==="row"?a={startRow:e.from.row,startCol:0,endRow:e.to.row,endCol:s}:a={startRow:e.from.row,startCol:e.from.col,endRow:e.to.row,endCol:e.to.col}}const l=this.#e(a);return await R(l.text),this.lastCopied={text:l.text,timestamp:Date.now()},l.text}async copyRows(t){if(t.length===0)return"";const n=[...t].sort((e,i)=>e-i),s=this.columns.length-1,a={startRow:n[0],startCol:0,endRow:n[n.length-1],endCol:s},l=this.#e(a);return await R(l.text),this.lastCopied={text:l.text,timestamp:Date.now()},l.text}async paste(){const t=await T();return t?b(t,this.config):null}getLastCopied(){return this.lastCopied}}h.ClipboardPlugin=v,h.defaultPasteHandler=P,Object.defineProperty(h,Symbol.toStringTag,{value:"Module"})}));
 //# sourceMappingURL=clipboard.umd.js.map

package/umd/plugins/clipboard.umd.js.map

@@ -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      includeHeaders: false,\n      delimiter: '\\t',\n      newline: '\\n',\n      quoteStrings: false,\n    };\n  }\n\n  // #region Internal State\n  /** The last copied text (for reference/debugging) */\n  private lastCopied: { text: string; timestamp: number } | null = null;\n  // #endregion\n\n  // #region Lifecycle\n\n  override detach(): void {\n    this.lastCopied = null;\n  }\n  // #endregion\n\n  // #region Event Handlers\n\n  override onKeyDown(event: KeyboardEvent): boolean {\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  // #endregion\n\n  // #region 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    // Use getPluginByName for duck-typing approach to avoid import order issues\n    try {\n      const plugin = this.grid?.getPluginByName('selection');\n      if (plugin) {\n        return plugin as unknown as SelectionPluginInterface;\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  // #endregion\n\n  // #region 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  // #endregion\n}\n\n// #region 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// #endregion\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","plugin","rowIndex","colIndex","rowData","column","formattedValue","startRow","startCol","endRow","endCol","minRow","maxRow","minCol","maxCol","rangeColumns","r","rowIndexStr","indices"],"mappings":"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"}
+{"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/types.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 Types\n *\n * Type definitions for clipboard copy/paste functionality.\n */\n\nimport type { GridElement } from '../../core/plugin/base-plugin';\n\n/**\n * Custom paste handler function.\n *\n * @param detail - The parsed paste data with target and field info\n * @param grid - The grid element to update\n * @returns `false` to prevent the default paste behavior, or `void`/`true` to allow it\n *\n * @example\n * ```ts\n * // Custom handler that validates before pasting\n * new ClipboardPlugin({\n *   pasteHandler: (detail, grid) => {\n *     if (!detail.target) return false;\n *     // Apply custom validation/transformation...\n *     applyPasteData(detail, grid);\n *     return false; // We handled it, skip default\n *   }\n * })\n * ```\n */\nexport type PasteHandler = (detail: PasteDetail, grid: GridElement) => boolean | void;\n\n/** Configuration options for the clipboard plugin */\nexport interface ClipboardConfig {\n  /** Include column headers in copied text (default: false) */\n  includeHeaders?: boolean;\n  /** Column delimiter character (default: '\\t' for tab) */\n  delimiter?: string;\n  /** Row delimiter/newline character (default: '\\n') */\n  newline?: string;\n  /** Wrap string values with quotes (default: false) */\n  quoteStrings?: boolean;\n  /** Custom cell value processor for copy operations */\n  processCell?: (value: unknown, field: string, row: unknown) => string;\n  /**\n   * Custom paste handler. By default, the plugin applies pasted data to `grid.rows`\n   * starting at the target cell.\n   *\n   * - Set to a custom function to handle paste yourself\n   * - Set to `null` to disable auto-paste (event still fires)\n   * - Return `false` from handler to prevent default behavior\n   *\n   * @default defaultPasteHandler (auto-applies paste data)\n   */\n  pasteHandler?: PasteHandler | null;\n}\n\n/** Internal state managed by the clipboard plugin */\nexport interface ClipboardState {\n  /** The last copied text (for reference/debugging) */\n  lastCopied: string | null;\n}\n\n/** Event detail emitted after a successful copy operation */\nexport interface CopyDetail {\n  /** The text that was copied to clipboard */\n  text: string;\n  /** Number of rows copied */\n  rowCount: number;\n  /** Number of columns copied */\n  columnCount: number;\n}\n\n/** Target cell coordinates and bounds for paste operations */\nexport interface PasteTarget {\n  /** Target row index (top-left of paste area) */\n  row: number;\n  /** Target column index (top-left of paste area) */\n  col: number;\n  /** Target column field name (for easy data mapping) */\n  field: string;\n  /**\n   * Selection bounds that constrain the paste area.\n   * If set, paste data will be clipped to fit within these bounds.\n   * If null, paste expands freely from the target cell.\n   */\n  bounds: {\n    /** End row index (inclusive) */\n    endRow: number;\n    /** End column index (inclusive) */\n    endCol: number;\n  } | null;\n}\n\n/** Event detail emitted after a paste operation */\nexport interface PasteDetail {\n  /** Parsed rows from clipboard (2D array of cell values) */\n  rows: string[][];\n  /** Raw text that was pasted */\n  text: string;\n  /** The target cell where paste starts (top-left of paste area). Null if no cell is selected. */\n  target: PasteTarget | null;\n  /**\n   * Column fields for each column in the paste range, starting from target.col.\n   * Useful for mapping parsed cell values to data fields.\n   * Length matches the width of the pasted data (or available columns, whichever is smaller).\n   */\n  fields: string[];\n}\n\n/**\n * Default paste handler that applies pasted data to grid.rows.\n *\n * This is the built-in handler used when no custom `pasteHandler` is configured.\n * It clones the rows array for immutability and applies values starting at the target cell.\n *\n * Behavior:\n * - Single cell selection: paste expands freely, adds new rows if needed\n * - Range/row selection: paste is clipped to fit within selection bounds\n *\n * @param detail - The parsed paste data from clipboard\n * @param grid - The grid element to update\n */\nexport function defaultPasteHandler(detail: PasteDetail, grid: GridElement): void {\n  const { rows: pastedRows, target, fields } = detail;\n\n  // No target = nothing to do\n  if (!target) return;\n\n  // Get current rows and columns from grid\n  const currentRows = grid.rows as Record<string, unknown>[];\n  const columns = grid.effectiveConfig.columns ?? [];\n  const allFields = columns.map((col) => col.field);\n\n  // Clone data for immutability\n  const newRows = [...currentRows];\n\n  // Calculate row bounds\n  const maxPasteRow = target.bounds ? target.bounds.endRow : Infinity;\n\n  // Apply pasted data starting at target cell\n  pastedRows.forEach((rowData, rowOffset) => {\n    const targetRowIndex = target.row + rowOffset;\n\n    // Stop if we've exceeded the selection bounds\n    if (targetRowIndex > maxPasteRow) return;\n\n    // Only grow array if no bounds (single cell selection)\n    if (!target.bounds) {\n      while (targetRowIndex >= newRows.length) {\n        const emptyRow: Record<string, unknown> = {};\n        allFields.forEach((field) => (emptyRow[field] = ''));\n        newRows.push(emptyRow);\n      }\n    } else if (targetRowIndex >= newRows.length) {\n      // With bounds, don't paste beyond existing rows\n      return;\n    }\n\n    // Clone the target row and apply values\n    newRows[targetRowIndex] = { ...newRows[targetRowIndex] };\n    rowData.forEach((cellValue, colOffset) => {\n      // fields array is already constrained by bounds in ClipboardPlugin\n      const field = fields[colOffset];\n      if (field) {\n        newRows[targetRowIndex][field] = cellValue;\n      }\n    });\n  });\n\n  // Update grid with new data\n  grid.rows = newRows;\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:** Copies selected cells/rows/range\n * **Without Selection plugin:** Copies entire grid\n */\n\nimport { BaseGridPlugin, type GridElement, type PluginDependency } from '../../core/plugin/base-plugin';\nimport { isUtilityColumn } from '../../core/plugin/expander-column';\nimport { copyToClipboard } from './copy';\nimport { parseClipboardText, readFromClipboard } from './paste';\nimport {\n  defaultPasteHandler,\n  type ClipboardConfig,\n  type CopyDetail,\n  type PasteDetail,\n  type PasteTarget,\n} 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  /**\n   * Plugin dependencies - ClipboardPlugin works best with SelectionPlugin.\n   *\n   * Without SelectionPlugin: copies entire grid, pastes at row 0 col 0.\n   * With SelectionPlugin: copies/pastes based on selection.\n   */\n  static override readonly dependencies: PluginDependency[] = [\n    { name: 'selection', required: false, reason: 'Enables copy/paste of selected cells instead of entire grid' },\n  ];\n\n  readonly name = 'clipboard';\n\n  protected override get defaultConfig(): Partial<ClipboardConfig> {\n    return {\n      includeHeaders: false,\n      delimiter: '\\t',\n      newline: '\\n',\n      quoteStrings: false,\n    };\n  }\n\n  // #region Internal State\n  /** The last copied text (for reference/debugging) */\n  private lastCopied: { text: string; timestamp: number } | null = null;\n  // #endregion\n\n  // #region Lifecycle\n\n  override attach(grid: GridElement): void {\n    super.attach(grid);\n\n    // Listen for native paste events to get clipboard data synchronously\n    // This is more reliable than the async Clipboard API in iframe contexts\n    // Cast to HTMLElement since GridElement is an interface\n    (grid as unknown as HTMLElement).addEventListener(\n      'paste',\n      (e: Event) => this.#handleNativePaste(e as ClipboardEvent),\n      { signal: this.disconnectSignal },\n    );\n  }\n\n  override detach(): void {\n    this.lastCopied = null;\n  }\n  // #endregion\n\n  // #region Event Handlers\n\n  override onKeyDown(event: KeyboardEvent): boolean {\n    const isCopy = (event.ctrlKey || event.metaKey) && event.key === 'c';\n\n    if (isCopy) {\n      this.#handleCopy(event.target as HTMLElement);\n      return true; // Prevent default browser behavior\n    }\n\n    // For paste, we do NOT return true - let the native paste event fire\n    // so we can access clipboardData synchronously in #handleNativePaste\n    return false;\n  }\n  // #endregion\n\n  // #region Private Methods\n\n  /**\n   * Handle copy operation.\n   *\n   * Everything is treated as a range:\n   * - With selection: copies the selected range\n   * - Row mode: range spanning all columns for selected rows\n   * - No selection plugin: entire grid as a range\n   * - No selection: try to get focused cell from DOM as 1x1 range\n   */\n  #handleCopy(target: HTMLElement): void {\n    const selectionPlugin = this.#getSelectionPlugin();\n    const selection = selectionPlugin?.getSelection();\n    const lastCol = this.columns.length - 1;\n    const lastRow = this.rows.length - 1;\n\n    let range: { startRow: number; startCol: number; endRow: number; endCol: number };\n\n    if (selection && selection.ranges.length > 0) {\n      const { mode, ranges } = selection;\n      const activeRange = ranges[ranges.length - 1];\n\n      if (mode === 'row') {\n        // Row mode: use row bounds, but span all columns\n        range = {\n          startRow: activeRange.from.row,\n          startCol: 0,\n          endRow: activeRange.to.row,\n          endCol: lastCol,\n        };\n      } else {\n        // Cell or range mode: use the selection as-is\n        range = {\n          startRow: activeRange.from.row,\n          startCol: activeRange.from.col,\n          endRow: activeRange.to.row,\n          endCol: activeRange.to.col,\n        };\n      }\n    } else if (!selectionPlugin) {\n      // No selection plugin: copy entire grid\n      range = { startRow: 0, startCol: 0, endRow: lastRow, endCol: lastCol };\n    } else {\n      // Selection plugin exists but no selection: try focused cell from DOM\n      const focused = this.#getFocusedCellFromDOM(target);\n      if (!focused) return;\n      range = { startRow: focused.row, startCol: focused.col, endRow: focused.row, endCol: focused.col };\n    }\n\n    const result = this.#buildRangeText(range);\n\n    copyToClipboard(result.text).then(() => {\n      this.lastCopied = { text: result.text, timestamp: Date.now() };\n      this.emit<CopyDetail>('copy', {\n        text: result.text,\n        rowCount: result.rowCount,\n        columnCount: result.columnCount,\n      });\n    });\n  }\n\n  /**\n   * Handle native paste event (preferred method - works in iframes).\n   * Uses synchronous clipboardData from the native paste event.\n   *\n   * Flow:\n   * 1. Parse clipboard text\n   * 2. Build target/fields info from selection\n   * 3. Emit 'paste' event (for listeners)\n   * 4. Call paste handler (if configured) to apply data to grid\n   *\n   * Selection behavior:\n   * - Single cell: paste starts at cell, expands freely\n   * - Range/row: paste is clipped to fit within selection bounds\n   * - No selection: paste starts at row 0, col 0\n   */\n  #handleNativePaste(event: ClipboardEvent): void {\n    const text = event.clipboardData?.getData('text/plain');\n    if (!text) return;\n\n    // Prevent default to avoid pasting into contenteditable elements\n    event.preventDefault();\n\n    const parsed = parseClipboardText(text, this.config);\n\n    // Get target cell from selection plugin\n    const selectionPlugin = this.#getSelectionPlugin();\n    const selection = selectionPlugin?.getSelection();\n    const firstRange = selection?.ranges?.[0];\n\n    // Determine target cell and bounds\n    const targetRow = firstRange?.from.row ?? 0;\n    const targetCol = firstRange?.from.col ?? 0;\n\n    // Check if multi-cell selection (range with different start/end)\n    const isMultiCell =\n      firstRange &&\n      (selection?.mode === 'range' || selection?.mode === 'row') &&\n      (firstRange.from.row !== firstRange.to.row || firstRange.from.col !== firstRange.to.col);\n\n    const bounds = isMultiCell ? { endRow: firstRange.to.row, endCol: firstRange.to.col } : null;\n    const maxCol = bounds?.endCol ?? this.columns.length - 1;\n\n    // Build target info\n    const column = this.columns[targetCol];\n    const target: PasteTarget | null = column ? { row: targetRow, col: targetCol, field: column.field, bounds } : null;\n\n    // Build field list for paste width (constrained by bounds if set)\n    const fields: string[] = [];\n    const pasteWidth = parsed[0]?.length ?? 0;\n    for (let i = 0; i < pasteWidth && targetCol + i <= maxCol; i++) {\n      const col = this.columns[targetCol + i];\n      if (col && !col.hidden) {\n        fields.push(col.field);\n      }\n    }\n\n    const detail: PasteDetail = { rows: parsed, text, target, fields };\n\n    // Emit the event for any listeners\n    this.emit<PasteDetail>('paste', detail);\n\n    // Apply paste data using the configured handler (or default)\n    this.#applyPasteHandler(detail);\n  }\n\n  /**\n   * Apply the paste handler to update grid data.\n   *\n   * Uses the configured `pasteHandler`, or the default handler if not specified.\n   * Set `pasteHandler: null` in config to disable auto-paste.\n   */\n  #applyPasteHandler(detail: PasteDetail): void {\n    if (!this.grid) return;\n\n    const { pasteHandler } = this.config;\n\n    // pasteHandler: null means explicitly disabled\n    if (pasteHandler === null) return;\n\n    // Use custom handler or default\n    const handler = pasteHandler ?? defaultPasteHandler;\n    handler(detail, this.grid);\n  }\n\n  /**\n   * Get the selection plugin instance if available.\n   */\n  #getSelectionPlugin(): SelectionPluginInterface | undefined {\n    // Use getPluginByName for duck-typing approach to avoid import order issues\n    try {\n      const plugin = this.grid?.getPluginByName('selection');\n      if (plugin) {\n        return plugin as unknown as SelectionPluginInterface;\n      }\n    } catch {\n      // Selection plugin not available\n    }\n    return undefined;\n  }\n\n  /**\n   * Build text for a rectangular range of cells.\n   * Utility columns (like expander columns) are automatically excluded.\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, excluding utility columns (expander, etc.)\n    const rangeColumns = this.columns.slice(minCol, maxCol + 1).filter((col) => !isUtilityColumn(col));\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   * Get focused cell coordinates from DOM.\n   * Used as fallback when SelectionPlugin has no selection.\n   */\n  #getFocusedCellFromDOM(target: HTMLElement): { row: number; col: number } | null {\n    const cell = target.closest('[data-field-cache]') as HTMLElement | null;\n    if (!cell) return null;\n\n    const field = cell.dataset.fieldCache;\n    const rowIndexStr = cell.dataset.row;\n    if (!field || !rowIndexStr) return null;\n\n    const row = parseInt(rowIndexStr, 10);\n    if (isNaN(row)) return null;\n\n    const col = this.columns.findIndex((c) => c.field === field);\n    if (col === -1) return null;\n\n    return { row, col };\n  }\n  // #endregion\n\n  // #region 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 selection = selectionPlugin?.getSelection();\n    const lastCol = this.columns.length - 1;\n\n    // Default to entire grid if no selection\n    let range = { startRow: 0, startCol: 0, endRow: this.rows.length - 1, endCol: lastCol };\n\n    if (selection && selection.ranges.length > 0) {\n      const activeRange = selection.ranges[selection.ranges.length - 1];\n      if (selection.mode === 'row') {\n        range = { startRow: activeRange.from.row, startCol: 0, endRow: activeRange.to.row, endCol: lastCol };\n      } else {\n        range = {\n          startRow: activeRange.from.row,\n          startCol: activeRange.from.col,\n          endRow: activeRange.to.row,\n          endCol: activeRange.to.col,\n        };\n      }\n    }\n\n    const result = this.#buildRangeText(range);\n    await copyToClipboard(result.text);\n    this.lastCopied = { text: result.text, timestamp: Date.now() };\n    return result.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    if (indices.length === 0) return '';\n\n    const sortedIndices = [...indices].sort((a, b) => a - b);\n    const lastCol = this.columns.length - 1;\n\n    // For non-contiguous rows, we need to copy each row separately\n    // For now, copy the range from first to last selected row\n    const range = {\n      startRow: sortedIndices[0],\n      startCol: 0,\n      endRow: sortedIndices[sortedIndices.length - 1],\n      endCol: lastCol,\n    };\n\n    const result = this.#buildRangeText(range);\n    await copyToClipboard(result.text);\n    this.lastCopied = { text: result.text, timestamp: Date.now() };\n    return result.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  // #endregion\n}\n\n// #region Internal Types\n\n/**\n * Range representation for clipboard operations.\n */\ninterface CellRange {\n  from: { row: number; col: number };\n  to: { row: number; col: number };\n}\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  /**\n   * Get unified selection result (preferred API).\n   * Works for all selection modes.\n   */\n  getSelection(): {\n    mode: 'cell' | 'row' | 'range';\n    ranges: CellRange[];\n    anchor: { row: number; col: number } | null;\n  };\n  /** @deprecated Use getSelection() instead */\n  getSelectedRows(): number[];\n  /** @deprecated Use getSelection() instead */\n  getRanges(): CellRange[];\n  /** @deprecated Use getSelection() instead */\n  getSelectedCell(): { row: number; col: number } | null;\n}\n// #endregion\n\n// Re-export types\nexport type { ClipboardConfig, CopyDetail, PasteDetail } from './types';\n"],"names":["copyToClipboard","text","textarea","success","parseClipboardText","config","delimiter","newline","normalizedText","rows","currentRow","currentCell","inQuotes","i","char","c","readFromClipboard","defaultPasteHandler","detail","grid","pastedRows","target","fields","currentRows","allFields","col","newRows","maxPasteRow","rowData","rowOffset","targetRowIndex","emptyRow","field","cellValue","colOffset","ClipboardPlugin","BaseGridPlugin","e","#handleNativePaste","event","#handleCopy","selectionPlugin","#getSelectionPlugin","selection","lastCol","lastRow","range","mode","ranges","activeRange","focused","#getFocusedCellFromDOM","result","#buildRangeText","parsed","firstRange","targetRow","targetCol","bounds","maxCol","column","pasteWidth","#applyPasteHandler","pasteHandler","plugin","startRow","startCol","endRow","endCol","minRow","maxRow","minCol","lines","rangeColumns","isUtilityColumn","headerCells","r","cells","value","cell","rowIndexStr","row","indices","sortedIndices","a","b"],"mappings":"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"}

package/umd/plugins/column-virtualization.umd.js

@@ -1,2 +1,2 @@
-(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(e){if(e==null)return 100;if(typeof e=="number")return e;const t=parseFloat(e);return isNaN(t)?100:t}function d(e){return e.map(t=>f(t.width))}function c(e){const t=[];let i=0;for(const s of e)t.push(i),i+=f(s.width);return t}function g(e){return e.reduce((t,i)=>t+f(i.width),0)}function m(e,t,i,s,n){const o=i.length;if(o===0)return{startCol:0,endCol:0,visibleColumns:[]};let l=p(e,i,s);l=Math.max(0,l-n);const w=e+t;let h=l;for(let r=l;r<o;r++){if(i[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(e,t,i){let s=0,n=t.length-1;for(;s<n;){const o=Math.floor((s+n)/2);t[o]+i[o]<=e?s=o+1:n=o}return s}function W(e,t,i){return i?e>t:!1}class b extends a.BaseGridPlugin{name="columnVirtualization";version="1.0.0";get defaultConfig(){return{autoEnable:!0,threshold:30,overscan:3}}isVirtualized=!1;startCol=0;endCol=0;scrollLeft=0;totalWidth=0;columnWidths=[];columnOffsets=[];attach(t){super.attach(t);const i=this.columns;this.columnWidths=d(i),this.columnOffsets=c(i),this.totalWidth=g(i),this.endCol=i.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 i=W(t.length,this.config.threshold??30,this.config.autoEnable??!0);if(this.isVirtualized=i??!1,this.columnWidths=d(t),this.columnOffsets=c(t),this.totalWidth=g(t),!i)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 i=this.columnOffsets[this.startCol]??0,s=t.querySelector(".header-row"),n=t.querySelectorAll(".data-grid-row");s&&(s.style.paddingLeft=`${i}px`),n.forEach(l=>{l.style.paddingLeft=`${i}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 i=this.columnOffsets[t]??0,s=this.grid;s.scrollLeft=i}getColumnOffset(t){return this.columnOffsets[t]??0}getTotalWidth(){return this.totalWidth}}u.ColumnVirtualizationPlugin=b,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})}));
+(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(e){if(e==null)return 100;if(typeof e=="number")return e;const t=parseFloat(e);return isNaN(t)?100:t}function d(e){return e.map(t=>f(t.width))}function c(e){const t=[];let i=0;for(const s of e)t.push(i),i+=f(s.width);return t}function g(e){return e.reduce((t,i)=>t+f(i.width),0)}function m(e,t,i,s,n){const o=i.length;if(o===0)return{startCol:0,endCol:0,visibleColumns:[]};let l=p(e,i,s);l=Math.max(0,l-n);const w=e+t;let h=l;for(let r=l;r<o;r++){if(i[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(e,t,i){let s=0,n=t.length-1;for(;s<n;){const o=Math.floor((s+n)/2);t[o]+i[o]<=e?s=o+1:n=o}return s}function W(e,t,i){return i?e>t:!1}class b extends a.BaseGridPlugin{name="columnVirtualization";get defaultConfig(){return{autoEnable:!0,threshold:30,overscan:3}}isVirtualized=!1;startCol=0;endCol=0;scrollLeft=0;totalWidth=0;columnWidths=[];columnOffsets=[];attach(t){super.attach(t);const i=this.columns;this.columnWidths=d(i),this.columnOffsets=c(i),this.totalWidth=g(i),this.endCol=i.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 i=W(t.length,this.config.threshold??30,this.config.autoEnable??!0);if(this.isVirtualized=i??!1,this.columnWidths=d(t),this.columnOffsets=c(t),this.totalWidth=g(t),!i)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 i=this.columnOffsets[this.startCol]??0,s=t.querySelector(".header-row"),n=t.querySelectorAll(".data-grid-row");s&&(s.style.paddingLeft=`${i}px`),n.forEach(l=>{l.style.paddingLeft=`${i}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 i=this.columnOffsets[t]??0,s=this.grid;s.scrollLeft=i}getColumnOffset(t){return this.columnOffsets[t]??0}getTotalWidth(){return this.totalWidth}}u.ColumnVirtualizationPlugin=b,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})}));
 //# sourceMappingURL=column-virtualization.umd.js.map

package/umd/plugins/column-virtualization.umd.js.map

@@ -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      autoEnable: true,\n      threshold: 30,\n      overscan: 3,\n    };\n  }\n\n  // #region 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  // #endregion\n\n  // #region 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  // #endregion\n\n  // #region Hooks\n\n  override processColumns(columns: readonly ColumnConfig[]): ColumnConfig[] {\n    const isVirtualized = 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  // #endregion\n\n  // #region 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  // #endregion\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":"gVAmBO,SAASA,EAAiBC,EAA4C,CAC3E,GAA2BA,GAAU,KACnC,MAAO,KAGT,GAAI,OAAOA,GAAU,SACnB,OAAOA,EAIT,MAAMC,EAAU,WAAWD,CAAK,EAChC,OAAK,MAAMC,CAAO,EAIX,IAHEA,CAIX,CAQO,SAASC,EAAgBC,EAA4C,CAC1E,OAAOA,EAAQ,IAAKC,GAAQL,EAAiBK,EAAI,KAAK,CAAC,CACzD,CAQO,SAASC,EAAqBF,EAA4C,CAC/E,MAAMG,EAAoB,CAAA,EAC1B,IAAIC,EAAS,EAEb,UAAWH,KAAOD,EAChBG,EAAQ,KAAKC,CAAM,EACnBA,GAAUR,EAAiBK,EAAI,KAAK,EAGtC,OAAOE,CACT,CAQO,SAASE,EAAkBL,EAA0C,CAC1E,OAAOA,EAAQ,OAAO,CAACM,EAAKL,IAAQK,EAAMV,EAAiBK,EAAI,KAAK,EAAG,CAAC,CAC1E,CAaO,SAASM,EACdC,EACAC,EACAC,EACAC,EACAC,EAC8B,CAC9B,MAAMC,EAAcH,EAAc,OAElC,GAAIG,IAAgB,EAClB,MAAO,CAAE,SAAU,EAAG,OAAQ,EAAG,eAAgB,EAAC,EAIpD,IAAIC,EAAWC,EAAyBP,EAAYE,EAAeC,CAAY,EAC/EG,EAAW,KAAK,IAAI,EAAGA,EAAWF,CAAQ,EAG1C,MAAMI,EAAYR,EAAaC,EAC/B,IAAIQ,EAASH,EAEb,QAASI,EAAIJ,EAAUI,EAAIL,EAAaK,IAAK,CAC3C,GAAIR,EAAcQ,CAAC,GAAKF,EAAW,CACjCC,EAASC,EAAI,EACb,KACF,CACAD,EAASC,CACX,CAGAD,EAAS,KAAK,IAAIJ,EAAc,EAAGI,EAASL,CAAQ,EAGpD,MAAMO,EAA2B,CAAA,EACjC,QAASD,EAAIJ,EAAUI,GAAKD,EAAQC,IAClCC,EAAe,KAAKD,CAAC,EAGvB,MAAO,CAAE,SAAAJ,EAAU,OAAAG,EAAQ,eAAAE,CAAA,CAC7B,CAUA,SAASJ,EAAyBP,EAAoBE,EAAyBC,EAAgC,CAC7G,IAAIS,EAAM,EACNC,EAAOX,EAAc,OAAS,EAElC,KAAOU,EAAMC,GAAM,CACjB,MAAMC,EAAM,KAAK,OAAOF,EAAMC,GAAQ,CAAC,EACtBX,EAAcY,CAAG,EAAIX,EAAaW,CAAG,GAEtCd,EACdY,EAAME,EAAM,EAEZD,EAAOC,CAEX,CAEA,OAAOF,CACT,CAUO,SAASG,EAAiBV,EAAqBW,EAAmBC,EAA8B,CACrG,OAAKA,EACEZ,EAAcW,EADG,EAE1B,CC1IO,MAAME,UAAmCC,EAAAA,cAA2C,CAChF,KAAO,uBACE,QAAU,QAE5B,IAAuB,eAAqD,CAC1E,MAAO,CACL,WAAY,GACZ,UAAW,GACX,SAAU,CAAA,CAEd,CAGQ,cAAgB,GAChB,SAAW,EACX,OAAS,EACT,WAAa,EACb,WAAa,EACb,aAAyB,CAAA,EACzB,cAA0B,CAAA,EAKzB,OAAOC,EAAiE,CAC/E,MAAM,OAAOA,CAAI,EAGjB,MAAM5B,EAAU,KAAK,QACrB,KAAK,aAAeD,EAAgBC,CAAO,EAC3C,KAAK,cAAgBE,EAAqBF,CAAO,EACjD,KAAK,WAAaK,EAAkBL,CAAO,EAC3C,KAAK,OAASA,EAAQ,OAAS,CACjC,CAES,QAAe,CACtB,KAAK,aAAe,CAAA,EACpB,KAAK,cAAgB,CAAA,EACrB,KAAK,cAAgB,GACrB,KAAK,SAAW,EAChB,KAAK,OAAS,EACd,KAAK,WAAa,EAClB,KAAK,WAAa,CACpB,CAKS,eAAeA,EAAkD,CACxE,MAAM6B,EAAgBN,EAAiBvB,EAAQ,OAAQ,KAAK,OAAO,WAAa,GAAI,KAAK,OAAO,YAAc,EAAI,EAQlH,GALA,KAAK,cAAgB6B,GAAiB,GACtC,KAAK,aAAe9B,EAAgBC,CAAO,EAC3C,KAAK,cAAgBE,EAAqBF,CAAO,EACjD,KAAK,WAAaK,EAAkBL,CAAO,EAEvC,CAAC6B,EACH,YAAK,SAAW,EAChB,KAAK,OAAS7B,EAAQ,OAAS,EACxB,CAAC,GAAGA,CAAO,EAIpB,MAAMS,EAAiB,KAAK,KAAgC,aAAe,IACrEqB,EAAWvB,EACf,KAAK,WACLE,EACA,KAAK,cACL,KAAK,aACL,KAAK,OAAO,UAAY,CAAA,EAG1B,YAAK,SAAWqB,EAAS,SACzB,KAAK,OAASA,EAAS,OAGhBA,EAAS,eAAe,IAAKZ,GAAMlB,EAAQkB,CAAC,CAAC,CACtD,CAES,aAAoB,CAC3B,GAAI,CAAC,KAAK,cAAe,OAEzB,MAAMa,EAAa,KAAK,WACxB,GAAI,CAACA,EAAY,OAGjB,MAAMC,EAAc,KAAK,cAAc,KAAK,QAAQ,GAAK,EAEnDC,EAAYF,EAAW,cAAc,aAAa,EAClDG,EAAWH,EAAW,iBAAiB,gBAAgB,EAEzDE,IACDA,EAA0B,MAAM,YAAc,GAAGD,CAAW,MAG/DE,EAAS,QAASC,GAAQ,CACvBA,EAAoB,MAAM,YAAc,GAAGH,CAAW,IACzD,CAAC,EAGD,MAAMI,EAAgBL,EAAW,cAAc,sBAAsB,EACjEK,IACDA,EAA8B,MAAM,MAAQ,GAAG,KAAK,UAAU,KAEnE,CAES,SAASC,EAA0B,CACtC,CAAC,KAAK,eAGU,KAAK,IAAIA,EAAM,WAAa,KAAK,UAAU,EAC7C,IAGlB,KAAK,WAAaA,EAAM,WAGxB,KAAK,cAAA,EACP,CAQA,kBAA4B,CAC1B,OAAO,KAAK,aACd,CAKA,uBAAwD,CACtD,MAAO,CAAE,MAAO,KAAK,SAAU,IAAK,KAAK,MAAA,CAC3C,CAMA,eAAeC,EAA2B,CACxC,MAAMlC,EAAS,KAAK,cAAckC,CAAW,GAAK,EAC5CC,EAAS,KAAK,KAEpBA,EAAO,WAAanC,CACtB,CAMA,gBAAgBkC,EAA6B,CAC3C,OAAO,KAAK,cAAcA,CAAW,GAAK,CAC5C,CAKA,eAAwB,CACtB,OAAO,KAAK,UACd,CAEF"}
+{"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\n  protected override get defaultConfig(): Partial<ColumnVirtualizationConfig> {\n    return {\n      autoEnable: true,\n      threshold: 30,\n      overscan: 3,\n    };\n  }\n\n  // #region 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  // #endregion\n\n  // #region 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  // #endregion\n\n  // #region Hooks\n\n  override processColumns(columns: readonly ColumnConfig[]): ColumnConfig[] {\n    const isVirtualized = 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  // #endregion\n\n  // #region 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  // #endregion\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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"}

package/umd/plugins/context-menu.umd.js

@@ -1,2 +1,2 @@
-(function(m,x){typeof exports=="object"&&typeof module<"u"?x(exports,require("../../core/plugin/base-plugin"),require("../../core/types")):typeof define=="function"&&define.amd?define(["exports","../../core/plugin/base-plugin","../../core/types"],x):(m=typeof globalThis<"u"?globalThis:m||self,x(m.TbwGridPlugin_contextMenu={},m.TbwGrid,m.TbwGrid))})(this,(function(m,x,I){"use strict";const g=".tbw-context-menu{position:fixed;background:light-dark(#f5f5f5,#2a2a2a);color:light-dark(#222,#eee);border:1px solid light-dark(#d0d0d4,#454545);border-radius:4px;box-shadow:0 2px 10px #00000026;min-width:160px;padding:4px 0;z-index:10000;font-size:13px;font-family:system-ui,sans-serif}.tbw-context-menu-item{display:flex;align-items:center;padding:6px 12px;cursor:pointer;gap:8px}.tbw-context-menu-item:hover:not(.disabled){background:light-dark(#e8e8e8,#3a3a3a)}.tbw-context-menu-item.disabled{opacity:.5;cursor:default}.tbw-context-menu-item.danger{color:light-dark(#c00,#f66)}.tbw-context-menu-icon{width:16px;text-align:center}.tbw-context-menu-label{flex:1}.tbw-context-menu-shortcut{color:light-dark(#888,#888);font-size:11px}.tbw-context-menu-arrow{font-size:10px;color:light-dark(#888,#888)}.tbw-context-menu-separator{height:1px;background:light-dark(#d0d0d4,#454545);margin:4px 0}";function w(i,n){return(typeof i=="function"?i(n):i).filter(t=>!(t.hidden===!0||typeof t.hidden=="function"&&t.hidden(n)))}function k(i,n){return i.disabled===!0?!0:typeof i.disabled=="function"?i.disabled(n):!1}function y(i,n,u,t=I.DEFAULT_GRID_ICONS.submenuArrow){const l=document.createElement("div");l.className="tbw-context-menu",l.setAttribute("role","menu");for(const o of i){if(o.separator){const s=document.createElement("div");s.className="tbw-context-menu-separator",s.setAttribute("role","separator"),l.appendChild(s);continue}const e=document.createElement("div");e.className="tbw-context-menu-item",o.cssClass&&e.classList.add(o.cssClass),e.setAttribute("role","menuitem"),e.setAttribute("data-id",o.id);const c=k(o,n);if(c&&(e.classList.add("disabled"),e.setAttribute("aria-disabled","true")),o.icon){const s=document.createElement("span");s.className="tbw-context-menu-icon",s.innerHTML=o.icon,e.appendChild(s)}const d=document.createElement("span");if(d.className="tbw-context-menu-label",d.textContent=o.name,e.appendChild(d),o.shortcut){const s=document.createElement("span");s.className="tbw-context-menu-shortcut",s.textContent=o.shortcut,e.appendChild(s)}if(o.subMenu?.length){const s=document.createElement("span");s.className="tbw-context-menu-arrow",typeof t=="string"?s.innerHTML=t:t instanceof HTMLElement&&s.appendChild(t.cloneNode(!0)),e.appendChild(s),e.addEventListener("mouseenter",()=>{if(e.querySelector(".tbw-context-menu")||!o.subMenu)return;const p=w(o.subMenu,n),a=y(p,n,u,t);a.classList.add("tbw-context-submenu"),a.style.position="absolute",a.style.left="100%",a.style.top="0",e.style.position="relative",e.appendChild(a)}),e.addEventListener("mouseleave",()=>{const r=e.querySelector(".tbw-context-menu");r&&r.remove()})}!c&&o.action&&!o.subMenu&&e.addEventListener("click",s=>{s.stopPropagation(),u(o)}),l.appendChild(e)}return l}function C(i,n,u){i.style.position="fixed",i.style.left=`${n}px`,i.style.top=`${u}px`,i.style.visibility="hidden",i.style.zIndex="10000";const t=i.getBoundingClientRect(),l=window.innerWidth,o=window.innerHeight;let e=n,c=u;n+t.width>l&&(e=n-t.width),u+t.height>o&&(c=u-t.height),e=Math.max(0,e),c=Math.max(0,c),i.style.left=`${e}px`,i.style.top=`${c}px`,i.style.visibility="visible"}let h=null,b=null,f=null,E=0;const v=[{id:"copy",name:"Copy",shortcut:"Ctrl+C",action:i=>{i.grid?.plugins?.clipboard?.copy?.()}},{separator:!0,id:"sep1",name:""},{id:"export-csv",name:"Export CSV",action:i=>{i.grid?.plugins?.export?.exportCsv?.()}}];class H extends x.BaseGridPlugin{name="contextMenu";version="1.0.0";get defaultConfig(){return{items:v}}isOpen=!1;position={x:0,y:0};params=null;menuElement=null;attach(n){super.attach(n),this.installGlobalHandlers(),E++}detach(){this.menuElement&&(this.menuElement.remove(),this.menuElement=null),this.isOpen=!1,this.params=null,this.uninstallGlobalHandlers()}installGlobalHandlers(){!f&&typeof document<"u"&&typeof g=="string"&&g&&(f=document.createElement("style"),f.id="tbw-context-menu-styles",f.textContent=g,document.head.appendChild(f)),h||(h=()=>{document.querySelectorAll(".tbw-context-menu").forEach(u=>u.remove())},document.addEventListener("click",h)),b||(b=n=>{n.key==="Escape"&&document.querySelectorAll(".tbw-context-menu").forEach(t=>t.remove())},document.addEventListener("keydown",b))}uninstallGlobalHandlers(){E--,!(E>0)&&(h&&(document.removeEventListener("click",h),h=null),b&&(document.removeEventListener("keydown",b),b=null),f&&(f.remove(),f=null))}afterRender(){const n=this.shadowRoot;if(!n)return;const u=n.children[0];u&&u.getAttribute("data-context-menu-bound")!=="true"&&(u.setAttribute("data-context-menu-bound","true"),u.addEventListener("contextmenu",t=>{const l=t;l.preventDefault();const o=l.target,e=o.closest("[data-row][data-col]"),c=o.closest(".header-cell");let d;if(e){const r=parseInt(e.getAttribute("data-row")??"-1",10),p=parseInt(e.getAttribute("data-col")??"-1",10),a=this.columns[p],M=this.rows[r];d={row:M,rowIndex:r,column:a,columnIndex:p,field:a?.field??"",value:M?.[a?.field]??null,isHeader:!1,event:l}}else if(c){const r=parseInt(c.getAttribute("data-col")??"-1",10),p=this.columns[r];d={row:null,rowIndex:-1,column:p,columnIndex:r,field:p?.field??"",value:null,isHeader:!0,event:l}}else return;this.params=d,this.position={x:l.clientX,y:l.clientY};const s=w(this.config.items??v,d);s.length&&(this.menuElement&&this.menuElement.remove(),this.menuElement=y(s,d,r=>{r.action&&r.action(d),this.menuElement?.remove(),this.menuElement=null,this.isOpen=!1},this.gridIcons.submenuArrow),document.body.appendChild(this.menuElement),C(this.menuElement,l.clientX,l.clientY),this.isOpen=!0,this.emit("context-menu-open",{params:d,items:s}))}))}showMenu(n,u,t){const l={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")},o=w(this.config.items??v,l);this.menuElement&&this.menuElement.remove(),this.menuElement=y(o,l,e=>{e.action&&e.action(l),this.menuElement?.remove(),this.menuElement=null,this.isOpen=!1},this.gridIcons.submenuArrow),document.body.appendChild(this.menuElement),C(this.menuElement,n,u),this.isOpen=!0}hideMenu(){this.menuElement&&(this.menuElement.remove(),this.menuElement=null,this.isOpen=!1)}isMenuOpen(){return this.isOpen}}m.ContextMenuPlugin=H,Object.defineProperty(m,Symbol.toStringTag,{value:"Module"})}));
+(function(m,x){typeof exports=="object"&&typeof module<"u"?x(exports,require("../../core/plugin/base-plugin"),require("../../core/types")):typeof define=="function"&&define.amd?define(["exports","../../core/plugin/base-plugin","../../core/types"],x):(m=typeof globalThis<"u"?globalThis:m||self,x(m.TbwGridPlugin_contextMenu={},m.TbwGrid,m.TbwGrid))})(this,(function(m,x,I){"use strict";const g=".tbw-context-menu{position:fixed;background:light-dark(#f5f5f5,#2a2a2a);color:light-dark(#222,#eee);border:1px solid light-dark(#d0d0d4,#454545);border-radius:4px;box-shadow:0 2px 10px #00000026;min-width:160px;padding:4px 0;z-index:10000;font-size:13px;font-family:system-ui,sans-serif}.tbw-context-menu-item{display:flex;align-items:center;padding:6px 12px;cursor:pointer;gap:8px}.tbw-context-menu-item:hover:not(.disabled){background:light-dark(#e8e8e8,#3a3a3a)}.tbw-context-menu-item.disabled{opacity:.5;cursor:default}.tbw-context-menu-item.danger{color:light-dark(#c00,#f66)}.tbw-context-menu-icon{width:16px;text-align:center}.tbw-context-menu-label{flex:1}.tbw-context-menu-shortcut{color:light-dark(#888,#888);font-size:11px}.tbw-context-menu-arrow{font-size:10px;color:light-dark(#888,#888)}.tbw-context-menu-separator{height:1px;background:light-dark(#d0d0d4,#454545);margin:4px 0}";function w(i,n){return(typeof i=="function"?i(n):i).filter(t=>!(t.hidden===!0||typeof t.hidden=="function"&&t.hidden(n)))}function k(i,n){return i.disabled===!0?!0:typeof i.disabled=="function"?i.disabled(n):!1}function y(i,n,u,t=I.DEFAULT_GRID_ICONS.submenuArrow){const l=document.createElement("div");l.className="tbw-context-menu",l.setAttribute("role","menu");for(const o of i){if(o.separator){const s=document.createElement("div");s.className="tbw-context-menu-separator",s.setAttribute("role","separator"),l.appendChild(s);continue}const e=document.createElement("div");e.className="tbw-context-menu-item",o.cssClass&&e.classList.add(o.cssClass),e.setAttribute("role","menuitem"),e.setAttribute("data-id",o.id);const c=k(o,n);if(c&&(e.classList.add("disabled"),e.setAttribute("aria-disabled","true")),o.icon){const s=document.createElement("span");s.className="tbw-context-menu-icon",s.innerHTML=o.icon,e.appendChild(s)}const d=document.createElement("span");if(d.className="tbw-context-menu-label",d.textContent=o.name,e.appendChild(d),o.shortcut){const s=document.createElement("span");s.className="tbw-context-menu-shortcut",s.textContent=o.shortcut,e.appendChild(s)}if(o.subMenu?.length){const s=document.createElement("span");s.className="tbw-context-menu-arrow",typeof t=="string"?s.innerHTML=t:t instanceof HTMLElement&&s.appendChild(t.cloneNode(!0)),e.appendChild(s),e.addEventListener("mouseenter",()=>{if(e.querySelector(".tbw-context-menu")||!o.subMenu)return;const p=w(o.subMenu,n),a=y(p,n,u,t);a.classList.add("tbw-context-submenu"),a.style.position="absolute",a.style.left="100%",a.style.top="0",e.style.position="relative",e.appendChild(a)}),e.addEventListener("mouseleave",()=>{const r=e.querySelector(".tbw-context-menu");r&&r.remove()})}!c&&o.action&&!o.subMenu&&e.addEventListener("click",s=>{s.stopPropagation(),u(o)}),l.appendChild(e)}return l}function C(i,n,u){i.style.position="fixed",i.style.left=`${n}px`,i.style.top=`${u}px`,i.style.visibility="hidden",i.style.zIndex="10000";const t=i.getBoundingClientRect(),l=window.innerWidth,o=window.innerHeight;let e=n,c=u;n+t.width>l&&(e=n-t.width),u+t.height>o&&(c=u-t.height),e=Math.max(0,e),c=Math.max(0,c),i.style.left=`${e}px`,i.style.top=`${c}px`,i.style.visibility="visible"}let h=null,b=null,f=null,E=0;const v=[{id:"copy",name:"Copy",shortcut:"Ctrl+C",action:i=>{i.grid?.plugins?.clipboard?.copy?.()}},{separator:!0,id:"sep1",name:""},{id:"export-csv",name:"Export CSV",action:i=>{i.grid?.plugins?.export?.exportCsv?.()}}];class H extends x.BaseGridPlugin{name="contextMenu";get defaultConfig(){return{items:v}}isOpen=!1;position={x:0,y:0};params=null;menuElement=null;attach(n){super.attach(n),this.installGlobalHandlers(),E++}detach(){this.menuElement&&(this.menuElement.remove(),this.menuElement=null),this.isOpen=!1,this.params=null,this.uninstallGlobalHandlers()}installGlobalHandlers(){!f&&typeof document<"u"&&typeof g=="string"&&g&&(f=document.createElement("style"),f.id="tbw-context-menu-styles",f.textContent=g,document.head.appendChild(f)),h||(h=()=>{document.querySelectorAll(".tbw-context-menu").forEach(u=>u.remove())},document.addEventListener("click",h)),b||(b=n=>{n.key==="Escape"&&document.querySelectorAll(".tbw-context-menu").forEach(t=>t.remove())},document.addEventListener("keydown",b))}uninstallGlobalHandlers(){E--,!(E>0)&&(h&&(document.removeEventListener("click",h),h=null),b&&(document.removeEventListener("keydown",b),b=null),f&&(f.remove(),f=null))}afterRender(){const n=this.shadowRoot;if(!n)return;const u=n.children[0];u&&u.getAttribute("data-context-menu-bound")!=="true"&&(u.setAttribute("data-context-menu-bound","true"),u.addEventListener("contextmenu",t=>{const l=t;l.preventDefault();const o=l.target,e=o.closest("[data-row][data-col]"),c=o.closest(".header-cell");let d;if(e){const r=parseInt(e.getAttribute("data-row")??"-1",10),p=parseInt(e.getAttribute("data-col")??"-1",10),a=this.columns[p],M=this.rows[r];d={row:M,rowIndex:r,column:a,columnIndex:p,field:a?.field??"",value:M?.[a?.field]??null,isHeader:!1,event:l}}else if(c){const r=parseInt(c.getAttribute("data-col")??"-1",10),p=this.columns[r];d={row:null,rowIndex:-1,column:p,columnIndex:r,field:p?.field??"",value:null,isHeader:!0,event:l}}else return;this.params=d,this.position={x:l.clientX,y:l.clientY};const s=w(this.config.items??v,d);s.length&&(this.menuElement&&this.menuElement.remove(),this.menuElement=y(s,d,r=>{r.action&&r.action(d),this.menuElement?.remove(),this.menuElement=null,this.isOpen=!1},this.gridIcons.submenuArrow),document.body.appendChild(this.menuElement),C(this.menuElement,l.clientX,l.clientY),this.isOpen=!0,this.emit("context-menu-open",{params:d,items:s}))}))}showMenu(n,u,t){const l={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")},o=w(this.config.items??v,l);this.menuElement&&this.menuElement.remove(),this.menuElement=y(o,l,e=>{e.action&&e.action(l),this.menuElement?.remove(),this.menuElement=null,this.isOpen=!1},this.gridIcons.submenuArrow),document.body.appendChild(this.menuElement),C(this.menuElement,n,u),this.isOpen=!0}hideMenu(){this.menuElement&&(this.menuElement.remove(),this.menuElement=null,this.isOpen=!1)}isMenuOpen(){return this.isOpen}}m.ContextMenuPlugin=H,Object.defineProperty(m,Symbol.toStringTag,{value:"Module"})}));
 //# sourceMappingURL=context-menu.umd.js.map

package/umd/plugins/context-menu.umd.js.map

@@ -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 { IconValue } from '../../core/types';\nimport { DEFAULT_GRID_ICONS } from '../../core/types';\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 * @param submenuArrow - Optional custom submenu arrow icon\n * @returns The created menu element\n */\nexport function createMenuElement(\n  items: ContextMenuItem[],\n  params: ContextMenuParams,\n  onAction: (item: ContextMenuItem) => void,\n  submenuArrow: IconValue = DEFAULT_GRID_ICONS.submenuArrow\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      // Use provided submenu arrow icon (string or HTMLElement)\n      if (typeof submenuArrow === 'string') {\n        arrow.innerHTML = submenuArrow;\n      } else if (submenuArrow instanceof HTMLElement) {\n        arrow.appendChild(submenuArrow.cloneNode(true));\n      }\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, submenuArrow);\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 contextMenuStyles from './context-menu.css?inline';\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/** Reference count for instances using global handlers */\nlet globalHandlerRefCount = 0;\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      items: defaultItems,\n    };\n  }\n\n  // #region 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  // #endregion\n\n  // #region Lifecycle\n\n  override attach(grid: import('../../core/plugin/base-plugin').GridElement): void {\n    super.attach(grid);\n    this.installGlobalHandlers();\n    globalHandlerRefCount++;\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    this.uninstallGlobalHandlers();\n  }\n  // #endregion\n\n  // #region Private Methods\n\n  private installGlobalHandlers(): void {\n    // Inject global stylesheet for context menu (once)\n    // Only inject if we have valid CSS text (Vite's ?inline import)\n    // When importing from source without Vite, the import is a module object, not a string\n    if (\n      !globalStyleSheet &&\n      typeof document !== 'undefined' &&\n      typeof contextMenuStyles === 'string' &&\n      contextMenuStyles\n    ) {\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  /**\n   * Clean up global handlers when the last instance detaches.\n   * Uses reference counting to ensure handlers persist while any grid uses the plugin.\n   */\n  private uninstallGlobalHandlers(): void {\n    globalHandlerRefCount--;\n    if (globalHandlerRefCount > 0) return;\n\n    // Last instance - clean up all global resources\n    if (globalClickHandler) {\n      document.removeEventListener('click', globalClickHandler);\n      globalClickHandler = null;\n    }\n    if (globalKeydownHandler) {\n      document.removeEventListener('keydown', globalKeydownHandler);\n      globalKeydownHandler = null;\n    }\n    if (globalStyleSheet) {\n      globalStyleSheet.remove();\n      globalStyleSheet = null;\n    }\n  }\n  // #endregion\n\n  // #region Hooks\n\n  override afterRender(): void {\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      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(\n        items,\n        params,\n        (item) => {\n          if (item.action) {\n            item.action(params);\n          }\n          this.menuElement?.remove();\n          this.menuElement = null;\n          this.isOpen = false;\n        },\n        this.gridIcons.submenuArrow,\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  // #endregion\n\n  // #region 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(\n      items,\n      fullParams,\n      (item) => {\n        if (item.action) item.action(fullParams);\n        this.menuElement?.remove();\n        this.menuElement = null;\n        this.isOpen = false;\n      },\n      this.gridIcons.submenuArrow,\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  // #endregion\n\n  // Styles are injected globally via installGlobalHandlers() since menu renders in document.body\n}\n"],"names":["buildMenuItems","items","params","item","isItemDisabled","createMenuElement","onAction","submenuArrow","DEFAULT_GRID_ICONS","menu","separator","menuItem","disabled","icon","label","shortcut","arrow","subMenuItems","subMenu","e","positionMenu","x","y","menuRect","viewportWidth","viewportHeight","left","top","globalClickHandler","globalKeydownHandler","globalStyleSheet","globalHandlerRefCount","defaultItems","ContextMenuPlugin","BaseGridPlugin","grid","contextMenuStyles","shadowRoot","container","event","target","cell","header","rowIndex","colIndex","column","row","fullParams"],"mappings":"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"}
+{"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 { IconValue } from '../../core/types';\nimport { DEFAULT_GRID_ICONS } from '../../core/types';\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 * @param submenuArrow - Optional custom submenu arrow icon\n * @returns The created menu element\n */\nexport function createMenuElement(\n  items: ContextMenuItem[],\n  params: ContextMenuParams,\n  onAction: (item: ContextMenuItem) => void,\n  submenuArrow: IconValue = DEFAULT_GRID_ICONS.submenuArrow\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      // Use provided submenu arrow icon (string or HTMLElement)\n      if (typeof submenuArrow === 'string') {\n        arrow.innerHTML = submenuArrow;\n      } else if (submenuArrow instanceof HTMLElement) {\n        arrow.appendChild(submenuArrow.cloneNode(true));\n      }\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, submenuArrow);\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 contextMenuStyles from './context-menu.css?inline';\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/** Reference count for instances using global handlers */\nlet globalHandlerRefCount = 0;\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\n  protected override get defaultConfig(): Partial<ContextMenuConfig> {\n    return {\n      items: defaultItems,\n    };\n  }\n\n  // #region 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  // #endregion\n\n  // #region Lifecycle\n\n  override attach(grid: import('../../core/plugin/base-plugin').GridElement): void {\n    super.attach(grid);\n    this.installGlobalHandlers();\n    globalHandlerRefCount++;\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    this.uninstallGlobalHandlers();\n  }\n  // #endregion\n\n  // #region Private Methods\n\n  private installGlobalHandlers(): void {\n    // Inject global stylesheet for context menu (once)\n    // Only inject if we have valid CSS text (Vite's ?inline import)\n    // When importing from source without Vite, the import is a module object, not a string\n    if (\n      !globalStyleSheet &&\n      typeof document !== 'undefined' &&\n      typeof contextMenuStyles === 'string' &&\n      contextMenuStyles\n    ) {\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  /**\n   * Clean up global handlers when the last instance detaches.\n   * Uses reference counting to ensure handlers persist while any grid uses the plugin.\n   */\n  private uninstallGlobalHandlers(): void {\n    globalHandlerRefCount--;\n    if (globalHandlerRefCount > 0) return;\n\n    // Last instance - clean up all global resources\n    if (globalClickHandler) {\n      document.removeEventListener('click', globalClickHandler);\n      globalClickHandler = null;\n    }\n    if (globalKeydownHandler) {\n      document.removeEventListener('keydown', globalKeydownHandler);\n      globalKeydownHandler = null;\n    }\n    if (globalStyleSheet) {\n      globalStyleSheet.remove();\n      globalStyleSheet = null;\n    }\n  }\n  // #endregion\n\n  // #region Hooks\n\n  override afterRender(): void {\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      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(\n        items,\n        params,\n        (item) => {\n          if (item.action) {\n            item.action(params);\n          }\n          this.menuElement?.remove();\n          this.menuElement = null;\n          this.isOpen = false;\n        },\n        this.gridIcons.submenuArrow,\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  // #endregion\n\n  // #region 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(\n      items,\n      fullParams,\n      (item) => {\n        if (item.action) item.action(fullParams);\n        this.menuElement?.remove();\n        this.menuElement = null;\n        this.isOpen = false;\n      },\n      this.gridIcons.submenuArrow,\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  // #endregion\n\n  // Styles are injected globally via installGlobalHandlers() since menu renders in document.body\n}\n"],"names":["buildMenuItems","items","params","item","isItemDisabled","createMenuElement","onAction","submenuArrow","DEFAULT_GRID_ICONS","menu","separator","menuItem","disabled","icon","label","shortcut","arrow","subMenuItems","subMenu","e","positionMenu","x","y","menuRect","viewportWidth","viewportHeight","left","top","globalClickHandler","globalKeydownHandler","globalStyleSheet","globalHandlerRefCount","defaultItems","ContextMenuPlugin","BaseGridPlugin","grid","contextMenuStyles","shadowRoot","container","event","target","cell","header","rowIndex","colIndex","column","row","fullParams"],"mappings":"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"}

package/umd/plugins/editing.umd.js

@@ -1,2 +1,2 @@
-(function(E,y){typeof exports=="object"&&typeof module<"u"?y(exports,require("../../core/plugin/base-plugin")):typeof define=="function"&&define.amd?define(["exports","../../core/plugin/base-plugin"],y):(E=typeof globalThis<"u"?globalThis:E||self,y(E.TbwGridPlugin_editing={},E.TbwGrid))})(this,(function(E,y){"use strict";function _(f){switch(f.type){case"number":return e=>{const t=document.createElement("input");return t.type="number",t.value=e.value!=null?String(e.value):"",t.addEventListener("blur",()=>e.commit(t.value===""?null:Number(t.value))),t.addEventListener("keydown",i=>{i.key==="Enter"&&e.commit(t.value===""?null:Number(t.value)),i.key==="Escape"&&e.cancel()}),t};case"boolean":return e=>{const t=document.createElement("input");return t.type="checkbox",t.checked=!!e.value,t.addEventListener("change",()=>e.commit(t.checked)),t};case"date":return e=>{const t=document.createElement("input");return t.type="date",e.value instanceof Date&&(t.valueAsDate=e.value),t.addEventListener("change",()=>e.commit(t.valueAsDate)),t.addEventListener("keydown",i=>{i.key==="Escape"&&e.cancel()}),t};case"select":case"typeahead":return e=>{const t=document.createElement("select"),i=e.column;i.multi&&(t.multiple=!0);const s=i.options;(typeof s=="function"?s():s||[]).forEach(r=>{const c=document.createElement("option");c.value=String(r.value),c.textContent=r.label,(i.multi&&Array.isArray(e.value)&&e.value.includes(r.value)||!i.multi&&e.value===r.value)&&(c.selected=!0),t.appendChild(c)});const l=()=>{if(i.multi){const r=[];Array.from(t.selectedOptions).forEach(c=>{r.push(c.value)}),e.commit(r)}else e.commit(t.value)};return t.addEventListener("change",l),t.addEventListener("blur",l),t.addEventListener("keydown",r=>{r.key==="Escape"&&e.cancel()}),t};default:return e=>{const t=document.createElement("input");return t.type="text",t.value=e.value!=null?String(e.value):"",t.addEventListener("blur",()=>e.commit(t.value)),t.addEventListener("keydown",i=>{i.key==="Enter"&&e.commit(t.value),i.key==="Escape"&&e.cancel()}),t}}}const w='input,select,textarea,[contenteditable="true"],[contenteditable=""],[tabindex]:not([tabindex="-1"])';function C(f){return!(typeof f!="string"||f==="__proto__"||f==="constructor"||f==="prototype")}function S(f){return(f.__editingCellCount??0)>0}function L(f){const e=(f.__editingCellCount??0)+1;f.__editingCellCount=e,f.setAttribute("data-has-editing","")}function k(f){f.__editingCellCount=0,f.removeAttribute("data-has-editing")}function T(f,e,t){const i=f.querySelector("input,textarea,select");if(!i)return;const s=()=>i instanceof HTMLInputElement?i.type==="checkbox"?i.checked:i.type==="number"?i.value===""?null:Number(i.value):i.type==="date"?i.valueAsDate:i.value:e.type==="number"&&i.value!==""?Number(i.value):i.value;i.addEventListener("blur",()=>{t(s())}),i instanceof HTMLInputElement&&i.type==="checkbox"?i.addEventListener("change",()=>t(i.checked)):i instanceof HTMLSelectElement&&i.addEventListener("change",()=>t(s()))}class A extends y.BaseGridPlugin{name="editing";version="1.0.0";get defaultConfig(){return{editOn:"click"}}#e=-1;#r=-1;#s=new Map;#t=new Set;#n=new Set;#o=!1;attach(e){super.attach(e);const t=this.disconnectSignal,i=e;i._activeEditRows=-1,i._rowEditSnapshots=new Map,i._changedRowIndices=new Set,Object.defineProperty(e,"changedRows",{get:()=>this.changedRows,configurable:!0}),Object.defineProperty(e,"changedRowIndices",{get:()=>this.changedRowIndices,configurable:!0}),e.resetChangedRows=s=>this.resetChangedRows(s),e.beginBulkEdit=(s,n)=>{n&&this.beginCellEdit(s,n)},document.addEventListener("keydown",s=>{s.key==="Escape"&&this.#e!==-1&&this.#i(this.#e,!0)},{capture:!0,signal:t}),document.addEventListener("mousedown",s=>{if(this.#e===-1)return;const n=i.findRenderedRowElement?.(this.#e);!n||(s.composedPath&&s.composedPath()||[]).includes(n)||this.#i(this.#e,!1)},{signal:t})}detach(){this.#e=-1,this.#r=-1,this.#s.clear(),this.#t.clear(),this.#n.clear(),super.detach()}processColumns(e){return e}onCellClick(e){const t=this.grid,i=this.config.editOn??t.effectiveConfig?.editOn;if(i===!1||i==="manual"||i!=="click"&&i!=="dblclick")return!1;const s=e.originalEvent.type==="dblclick";if(i==="click"&&s||i==="dblclick"&&!s)return!1;const{rowIndex:n}=e;return t._columns?.some(r=>r.editable)?(e.originalEvent.stopPropagation(),this.beginBulkEdit(n),!0):!1}onKeyDown(e){const t=this.grid;if(e.key==="Escape"&&this.#e!==-1)return this.#i(this.#e,!0),!0;if(e.key===" "||e.key==="Spacebar"){const i=t._focusRow,s=t._focusCol;if(i>=0&&s>=0){const n=t._visibleColumns[s],l=t._rows[i];if(n?.editable&&n.type==="boolean"&&l){const r=n.field;if(C(r)){const u=!l[r];return this.#c(i,n,u,l),e.preventDefault(),this.requestRender(),!0}}}return!1}if(e.key==="Enter"&&!e.shiftKey){if(this.#e!==-1)return!1;const i=this.config.editOn??t.effectiveConfig?.editOn;if(i===!1||i==="manual")return!1;const s=t._focusRow;return s>=0&&t._columns?.some(l=>l.editable)?(this.beginBulkEdit(s),!0):!1}return!1}afterRender(){const e=this.grid;if(this.#o&&(this.#o=!1,this.#u(e)),this.#n.size!==0)for(const t of this.#n){const[i,s]=t.split(":"),n=parseInt(i,10),l=parseInt(s,10),r=e.findRenderedRowElement?.(n);if(!r)continue;const c=r.querySelector(`.cell[data-col="${l}"]`);if(!c||c.classList.contains("editing"))continue;const u=e._rows[n],a=e._visibleColumns[l];u&&a&&this.#a(u,n,a,l,c,!0)}}onScrollRender(){this.afterRender()}get changedRows(){const e=this.grid;return Array.from(this.#t).map(t=>e._rows[t])}get changedRowIndices(){return Array.from(this.#t)}get activeEditRow(){return this.#e}get activeEditCol(){return this.#r}isRowEditing(e){return this.#e===e}isCellEditing(e,t){return this.#n.has(`${e}:${t}`)}isRowChanged(e){return this.#t.has(e)}resetChangedRows(e){const t=this.changedRows,i=this.changedRowIndices;this.#t.clear(),this.#l(),e||this.emit("changed-rows-reset",{rows:t,indices:i}),this.grid._rowPool?.forEach(n=>n.classList.remove("changed"))}beginCellEdit(e,t){const i=this.grid,s=i._visibleColumns.findIndex(c=>c.field===t);if(s===-1||!i._visibleColumns[s]?.editable)return;const r=i.findRenderedRowElement?.(e)?.querySelector(`.cell[data-col="${s}"]`);r&&this.#f(e,s,r)}beginBulkEdit(e){const t=this.grid;if((this.config.editOn??t.effectiveConfig?.editOn)===!1||!t._columns?.some(r=>r.editable))return;const n=t.findRenderedRowElement?.(e);if(!n)return;const l=t._rows[e];this.#d(e,l),Array.from(n.children).forEach((r,c)=>{const u=t._visibleColumns[c];if(u?.editable){const a=r;a.classList.contains("editing")||this.#a(l,e,u,c,a,!0)}}),setTimeout(()=>{let r=n.querySelector(`.cell[data-col="${t._focusCol}"]`);if(r?.classList.contains("editing")||(r=n.querySelector(".cell.editing")),r?.classList.contains("editing")){const c=r.querySelector(w);try{c?.focus({preventScroll:!0})}catch{}}},0)}commitActiveRowEdit(){this.#e!==-1&&this.#i(this.#e,!1)}cancelActiveRowEdit(){this.#e!==-1&&this.#i(this.#e,!0)}#f(e,t,i){const s=this.grid,n=s._rows[e],l=s._visibleColumns[t];!n||!l?.editable||i.classList.contains("editing")||(this.#e!==e&&this.#d(e,n),this.#r=t,this.#a(n,e,l,t,i,!1))}#l(){const e=this.grid;e._activeEditRows=this.#e,e._rowEditSnapshots=this.#s,e._changedRowIndices=this.#t}#d(e,t){this.#e!==e&&(this.#s.set(e,{...t}),this.#e=e,this.#l())}#i(e,t){if(this.#e!==e)return;const i=this.grid,s=this.#s.get(e),n=i._rows[e],l=i.findRenderedRowElement?.(e);if(!t&&l&&n&&l.querySelectorAll(".cell.editing").forEach(c=>{const u=Number(c.getAttribute("data-col"));if(isNaN(u))return;const a=i._visibleColumns[u];if(!a)return;const p=c.querySelector("input,textarea,select");if(p){let o;p instanceof HTMLInputElement&&p.type==="checkbox"?o=p.checked:(o=p.value,a.type==="number"&&o!==""&&(o=Number(o))),n[a.field]!==o&&this.#c(e,a,o,n)}}),t&&s&&n)Object.keys(s).forEach(r=>{n[r]=s[r]}),this.#t.delete(e);else if(!t){const r=this.#t.has(e);this.emit("row-commit",{rowIndex:e,row:n,changed:r,changedRows:this.changedRows,changedRowIndices:this.changedRowIndices})}this.#s.delete(e),this.#e=-1,this.#r=-1,this.#l();for(const r of this.#n)r.startsWith(`${e}:`)&&this.#n.delete(r);l&&(l.querySelectorAll(".cell.editing").forEach(r=>{r.classList.remove("editing"),k(r.parentElement)}),this.requestRender()),this.#o=!0,l||(this.#u(i),this.#o=!1)}#c(e,t,i,s){const n=t.field;if(!C(n)||s[n]===i)return;s[n]=i;const r=!this.#t.has(e);this.#t.add(e),this.#l();const u=this.grid.findRenderedRowElement?.(e);u&&u.classList.add("changed"),this.emit("cell-commit",{row:s,field:n,value:i,rowIndex:e,changedRows:this.changedRows,changedRowIndices:this.changedRowIndices,firstTimeForRow:r})}#a(e,t,i,s,n,l){if(!i.editable||n.classList.contains("editing"))return;const r=C(i.field)?e[i.field]:void 0;n.classList.add("editing"),this.#n.add(`${t}:${s}`);const c=n.parentElement;c&&L(c);let u=!1;const a=h=>{u||this.#e===-1||this.#c(t,i,h,e)},p=()=>{u=!0,C(i.field)&&(e[i.field]=r)},o=document.createElement("div");o.style.display="contents",n.innerHTML="",n.appendChild(o),o.addEventListener("keydown",h=>{h.key==="Enter"&&(h.stopPropagation(),h.preventDefault(),u=!0,this.#i(t,!1)),h.key==="Escape"&&(h.stopPropagation(),h.preventDefault(),p(),this.#i(t,!0))});const g=i,b=g.__editorTemplate,d=g.editor||(b?"template":_(i)),v=r;if(d==="template"&&b)this.#h(o,g,e,r,a,p,l,t);else if(typeof d=="string"){const h=document.createElement(d);h.value=v,h.addEventListener("change",()=>a(h.value)),o.appendChild(h),l||queueMicrotask(()=>{o.querySelector(w)?.focus({preventScroll:!0})})}else if(typeof d=="function"){const h={row:e,value:v,field:i.field,column:i,commit:a,cancel:p},m=d(h);typeof m=="string"?(o.innerHTML=m,T(o,i,a)):m instanceof Node&&o.appendChild(m),l||queueMicrotask(()=>{o.querySelector(w)?.focus({preventScroll:!0})})}else if(d&&typeof d=="object"){const h=this.grid,m=document.createElement("div");m.setAttribute("data-external-editor",""),m.setAttribute("data-field",i.field),o.appendChild(m);const R={row:e,value:v,field:i.field,column:i,commit:a,cancel:p};if(d.mount)try{d.mount({placeholder:m,context:R,spec:d})}catch(O){console.warn(`[tbw-grid] External editor mount error for column '${i.field}':`,O)}else h.dispatchEvent(new CustomEvent("mount-external-editor",{detail:{placeholder:m,spec:d,context:R}}))}}#h(e,t,i,s,n,l,r,c){const u=t.__editorTemplate;if(!u)return;const a=u.cloneNode(!0),p=t.__compiledEditor;p?a.innerHTML=p({row:i,value:s,field:t.field,column:t,commit:n,cancel:l}):a.querySelectorAll("*").forEach(g=>{g.childNodes.length===1&&g.firstChild?.nodeType===Node.TEXT_NODE&&(g.textContent=g.textContent?.replace(/{{\s*value\s*}}/g,s==null?"":String(s)).replace(/{{\s*row\.([a-zA-Z0-9_]+)\s*}}/g,(b,d)=>{if(!C(d))return"";const v=i[d];return v==null?"":String(v)})||"")});const o=a.querySelector("input,textarea,select");if(o){o instanceof HTMLInputElement&&o.type==="checkbox"?o.checked=!!s:o.value=String(s??"");let g=!1;o.addEventListener("blur",()=>{if(g)return;const b=o instanceof HTMLInputElement&&o.type==="checkbox"?o.checked:o.value;n(b)}),o.addEventListener("keydown",b=>{const d=b;if(d.key==="Enter"){d.stopPropagation(),d.preventDefault(),g=!0;const v=o instanceof HTMLInputElement&&o.type==="checkbox"?o.checked:o.value;n(v),this.#i(c,!1)}d.key==="Escape"&&(d.stopPropagation(),d.preventDefault(),l(),this.#i(c,!0))}),o instanceof HTMLInputElement&&o.type==="checkbox"&&o.addEventListener("change",()=>n(o.checked)),r||setTimeout(()=>o.focus({preventScroll:!0}),0)}e.appendChild(a)}#u(e){queueMicrotask(()=>{try{const t=e._focusRow,i=e._focusCol,s=e.findRenderedRowElement?.(t);if(s){Array.from(e._bodyEl.querySelectorAll(".cell-focus")).forEach(l=>l.classList.remove("cell-focus"));const n=s.querySelector(`.cell[data-row="${t}"][data-col="${i}"]`);n&&(n.classList.add("cell-focus"),n.setAttribute("aria-selected","true"),n.hasAttribute("tabindex")||n.setAttribute("tabindex","-1"),n.focus({preventScroll:!0}))}}catch{}})}}E.EditingPlugin=A,E.FOCUSABLE_EDITOR_SELECTOR=w,E.clearEditingState=k,E.defaultEditorFor=_,E.hasEditingCells=S,Object.defineProperty(E,Symbol.toStringTag,{value:"Module"})}));
+(function(E,b){typeof exports=="object"&&typeof module<"u"?b(exports,require("../../core/plugin/base-plugin")):typeof define=="function"&&define.amd?define(["exports","../../core/plugin/base-plugin"],b):(E=typeof globalThis<"u"?globalThis:E||self,b(E.TbwGridPlugin_editing={},E.TbwGrid))})(this,(function(E,b){"use strict";function S(l){switch(l.type){case"number":return e=>{const t=document.createElement("input");return t.type="number",t.value=e.value!=null?String(e.value):"",t.addEventListener("blur",()=>e.commit(t.value===""?null:Number(t.value))),t.addEventListener("keydown",i=>{i.key==="Enter"&&e.commit(t.value===""?null:Number(t.value)),i.key==="Escape"&&e.cancel()}),t};case"boolean":return e=>{const t=document.createElement("input");return t.type="checkbox",t.checked=!!e.value,t.addEventListener("change",()=>e.commit(t.checked)),t};case"date":return e=>{const t=document.createElement("input");return t.type="date",e.value instanceof Date&&(t.valueAsDate=e.value),t.addEventListener("change",()=>e.commit(t.valueAsDate)),t.addEventListener("keydown",i=>{i.key==="Escape"&&e.cancel()}),t};case"select":case"typeahead":return e=>{const t=document.createElement("select"),i=e.column;i.multi&&(t.multiple=!0);const s=i.options;(typeof s=="function"?s():s||[]).forEach(r=>{const c=document.createElement("option");c.value=String(r.value),c.textContent=r.label,(i.multi&&Array.isArray(e.value)&&e.value.includes(r.value)||!i.multi&&e.value===r.value)&&(c.selected=!0),t.appendChild(c)});const o=()=>{if(i.multi){const r=[];Array.from(t.selectedOptions).forEach(c=>{r.push(c.value)}),e.commit(r)}else e.commit(t.value)};return t.addEventListener("change",o),t.addEventListener("blur",o),t.addEventListener("keydown",r=>{r.key==="Escape"&&e.cancel()}),t};default:return e=>{const t=document.createElement("input");return t.type="text",t.value=e.value!=null?String(e.value):"",t.addEventListener("blur",()=>e.commit(t.value)),t.addEventListener("keydown",i=>{i.key==="Enter"&&e.commit(t.value),i.key==="Escape"&&e.cancel()}),t}}}const R='input,select,textarea,[contenteditable="true"],[contenteditable=""],[tabindex]:not([tabindex="-1"])';function y(l){return!(typeof l!="string"||l==="__proto__"||l==="constructor"||l==="prototype")}function k(l){return(l.__editingCellCount??0)>0}function A(l){const e=(l.__editingCellCount??0)+1;l.__editingCellCount=e,l.setAttribute("data-has-editing","")}function L(l){l.__editingCellCount=0,l.removeAttribute("data-has-editing")}function w(l,e){return l instanceof HTMLInputElement?l.type==="checkbox"?l.checked:l.type==="number"?l.value===""?null:Number(l.value):l.type==="date"?l.valueAsDate:l.value:e?.type==="number"&&l.value!==""?Number(l.value):l.value}function T(l,e,t){const i=l.querySelector("input,textarea,select");i&&(i.addEventListener("blur",()=>{t(w(i,e))}),i instanceof HTMLInputElement&&i.type==="checkbox"?i.addEventListener("change",()=>t(i.checked)):i instanceof HTMLSelectElement&&i.addEventListener("change",()=>t(w(i,e))))}class O extends b.BaseGridPlugin{name="editing";get defaultConfig(){return{editOn:"click"}}#e=-1;#r=-1;#s=new Map;#t=new Set;#n=new Set;#o=!1;attach(e){super.attach(e);const t=this.disconnectSignal,i=e;i._activeEditRows=-1,i._rowEditSnapshots=new Map,i._changedRowIndices=new Set,Object.defineProperty(e,"changedRows",{get:()=>this.changedRows,configurable:!0}),Object.defineProperty(e,"changedRowIndices",{get:()=>this.changedRowIndices,configurable:!0}),e.resetChangedRows=s=>this.resetChangedRows(s),e.beginBulkEdit=(s,n)=>{n&&this.beginCellEdit(s,n)},document.addEventListener("keydown",s=>{s.key==="Escape"&&this.#e!==-1&&this.#i(this.#e,!0)},{capture:!0,signal:t}),document.addEventListener("mousedown",s=>{if(this.#e===-1)return;const n=i.findRenderedRowElement?.(this.#e);!n||(s.composedPath&&s.composedPath()||[]).includes(n)||this.#i(this.#e,!1)},{signal:t})}detach(){this.#e=-1,this.#r=-1,this.#s.clear(),this.#t.clear(),this.#n.clear(),super.detach()}onCellClick(e){const t=this.grid,i=this.config.editOn??t.effectiveConfig?.editOn;if(i===!1||i==="manual"||i!=="click"&&i!=="dblclick")return!1;const s=e.originalEvent.type==="dblclick";if(i==="click"&&s||i==="dblclick"&&!s)return!1;const{rowIndex:n}=e;return t._columns?.some(r=>r.editable)?(e.originalEvent.stopPropagation(),this.beginBulkEdit(n),!0):!1}onKeyDown(e){const t=this.grid;if(e.key==="Escape"&&this.#e!==-1)return this.#i(this.#e,!0),!0;if(e.key===" "||e.key==="Spacebar"){const i=t._focusRow,s=t._focusCol;if(i>=0&&s>=0){const n=t._visibleColumns[s],o=t._rows[i];if(n?.editable&&n.type==="boolean"&&o){const r=n.field;if(y(r)){const f=!o[r];return this.#c(i,n,f,o),e.preventDefault(),this.requestRender(),!0}}}return!1}if(e.key==="Enter"&&!e.shiftKey){if(this.#e!==-1)return!1;const i=this.config.editOn??t.effectiveConfig?.editOn;if(i===!1||i==="manual")return!1;const s=t._focusRow;return s>=0&&t._columns?.some(o=>o.editable)?(this.beginBulkEdit(s),!0):!1}return!1}afterRender(){const e=this.grid;if(this.#o&&(this.#o=!1,this.#u(e)),this.#n.size!==0)for(const t of this.#n){const[i,s]=t.split(":"),n=parseInt(i,10),o=parseInt(s,10),r=e.findRenderedRowElement?.(n);if(!r)continue;const c=r.querySelector(`.cell[data-col="${o}"]`);if(!c||c.classList.contains("editing"))continue;const f=e._rows[n],d=e._visibleColumns[o];f&&d&&this.#a(f,n,d,o,c,!0)}}onScrollRender(){this.afterRender()}get changedRows(){const e=this.grid;return Array.from(this.#t).map(t=>e._rows[t])}get changedRowIndices(){return Array.from(this.#t)}get activeEditRow(){return this.#e}get activeEditCol(){return this.#r}isRowEditing(e){return this.#e===e}isCellEditing(e,t){return this.#n.has(`${e}:${t}`)}isRowChanged(e){return this.#t.has(e)}resetChangedRows(e){const t=this.changedRows,i=this.changedRowIndices;this.#t.clear(),this.#l(),e||this.emit("changed-rows-reset",{rows:t,indices:i}),this.grid._rowPool?.forEach(n=>n.classList.remove("changed"))}beginCellEdit(e,t){const i=this.grid,s=i._visibleColumns.findIndex(c=>c.field===t);if(s===-1||!i._visibleColumns[s]?.editable)return;const r=i.findRenderedRowElement?.(e)?.querySelector(`.cell[data-col="${s}"]`);r&&this.#f(e,s,r)}beginBulkEdit(e){const t=this.grid;if((this.config.editOn??t.effectiveConfig?.editOn)===!1||!t._columns?.some(r=>r.editable))return;const n=t.findRenderedRowElement?.(e);if(!n)return;const o=t._rows[e];this.#d(e,o),Array.from(n.children).forEach((r,c)=>{const f=t._visibleColumns[c];if(f?.editable){const d=r;d.classList.contains("editing")||this.#a(o,e,f,c,d,!0)}}),setTimeout(()=>{let r=n.querySelector(`.cell[data-col="${t._focusCol}"]`);if(r?.classList.contains("editing")||(r=n.querySelector(".cell.editing")),r?.classList.contains("editing")){const c=r.querySelector(R);try{c?.focus({preventScroll:!0})}catch{}}},0)}commitActiveRowEdit(){this.#e!==-1&&this.#i(this.#e,!1)}cancelActiveRowEdit(){this.#e!==-1&&this.#i(this.#e,!0)}#f(e,t,i){const s=this.grid,n=s._rows[e],o=s._visibleColumns[t];!n||!o?.editable||i.classList.contains("editing")||(this.#e!==e&&this.#d(e,n),this.#r=t,this.#a(n,e,o,t,i,!1))}#l(){const e=this.grid;e._activeEditRows=this.#e,e._rowEditSnapshots=this.#s,e._changedRowIndices=this.#t}#d(e,t){this.#e!==e&&(this.#s.set(e,{...t}),this.#e=e,this.#l())}#i(e,t){if(this.#e!==e)return;const i=this.grid,s=this.#s.get(e),n=i._rows[e],o=i.findRenderedRowElement?.(e);if(!t&&o&&n&&o.querySelectorAll(".cell.editing").forEach(c=>{const f=Number(c.getAttribute("data-col"));if(isNaN(f))return;const d=i._visibleColumns[f];if(!d)return;const m=c.querySelector("input,textarea,select");if(m){const a=w(m,d);n[d.field]!==a&&this.#c(e,d,a,n)}}),t&&s&&n)Object.keys(s).forEach(r=>{n[r]=s[r]}),this.#t.delete(e);else if(!t){const r=this.#t.has(e);this.emit("row-commit",{rowIndex:e,row:n,changed:r,changedRows:this.changedRows,changedRowIndices:this.changedRowIndices})}this.#s.delete(e),this.#e=-1,this.#r=-1,this.#l();for(const r of this.#n)r.startsWith(`${e}:`)&&this.#n.delete(r);o&&(o.querySelectorAll(".cell.editing").forEach(r=>{r.classList.remove("editing"),L(r.parentElement)}),this.requestRender()),this.#o=!0,o||(this.#u(i),this.#o=!1)}#c(e,t,i,s){const n=t.field;if(!y(n))return;const o=s[n];if(o===i)return;const r=!this.#t.has(e);if(this.emitCancelable("cell-commit",{row:s,field:n,oldValue:o,value:i,rowIndex:e,changedRows:this.changedRows,changedRowIndices:this.changedRowIndices,firstTimeForRow:r}))return;s[n]=i,this.#t.add(e),this.#l();const d=this.grid.findRenderedRowElement?.(e);d&&d.classList.add("changed")}#a(e,t,i,s,n,o){if(!i.editable||n.classList.contains("editing"))return;const r=y(i.field)?e[i.field]:void 0;n.classList.add("editing"),this.#n.add(`${t}:${s}`);const c=n.parentElement;c&&A(c);let f=!1;const d=h=>{f||this.#e===-1||this.#c(t,i,h,e)},m=()=>{f=!0,y(i.field)&&(e[i.field]=r)},a=document.createElement("div");a.className="tbw-editor-host",n.innerHTML="",n.appendChild(a),a.addEventListener("keydown",h=>{h.key==="Enter"&&(h.stopPropagation(),h.preventDefault(),f=!0,this.#i(t,!1)),h.key==="Escape"&&(h.stopPropagation(),h.preventDefault(),m(),this.#i(t,!0))});const g=i,C=g.__editorTemplate,u=g.editor||(C?"template":S(i)),v=r;if(u==="template"&&C)this.#h(a,g,e,r,d,m,o,t);else if(typeof u=="string"){const h=document.createElement(u);h.value=v,h.addEventListener("change",()=>d(h.value)),a.appendChild(h),o||queueMicrotask(()=>{a.querySelector(R)?.focus({preventScroll:!0})})}else if(typeof u=="function"){const h={row:e,value:v,field:i.field,column:i,commit:d,cancel:m},p=u(h);typeof p=="string"?(a.innerHTML=p,T(a,i,d)):p instanceof Node&&a.appendChild(p),o||queueMicrotask(()=>{a.querySelector(R)?.focus({preventScroll:!0})})}else if(u&&typeof u=="object"){const h=this.grid,p=document.createElement("div");p.setAttribute("data-external-editor",""),p.setAttribute("data-field",i.field),a.appendChild(p);const _={row:e,value:v,field:i.field,column:i,commit:d,cancel:m};if(u.mount)try{u.mount({placeholder:p,context:_,spec:u})}catch(q){console.warn(`[tbw-grid] External editor mount error for column '${i.field}':`,q)}else h.dispatchEvent(new CustomEvent("mount-external-editor",{detail:{placeholder:p,spec:u,context:_}}))}}#h(e,t,i,s,n,o,r,c){const f=t.__editorTemplate;if(!f)return;const d=f.cloneNode(!0),m=t.__compiledEditor;m?d.innerHTML=m({row:i,value:s,field:t.field,column:t,commit:n,cancel:o}):d.querySelectorAll("*").forEach(g=>{g.childNodes.length===1&&g.firstChild?.nodeType===Node.TEXT_NODE&&(g.textContent=g.textContent?.replace(/{{\s*value\s*}}/g,s==null?"":String(s)).replace(/{{\s*row\.([a-zA-Z0-9_]+)\s*}}/g,(C,u)=>{if(!y(u))return"";const v=i[u];return v==null?"":String(v)})||"")});const a=d.querySelector("input,textarea,select");if(a){a instanceof HTMLInputElement&&a.type==="checkbox"?a.checked=!!s:a.value=String(s??"");let g=!1;a.addEventListener("blur",()=>{g||n(w(a,t))}),a.addEventListener("keydown",C=>{const u=C;u.key==="Enter"&&(u.stopPropagation(),u.preventDefault(),g=!0,n(w(a,t)),this.#i(c,!1)),u.key==="Escape"&&(u.stopPropagation(),u.preventDefault(),o(),this.#i(c,!0))}),a instanceof HTMLInputElement&&a.type==="checkbox"&&a.addEventListener("change",()=>n(a.checked)),r||setTimeout(()=>a.focus({preventScroll:!0}),0)}e.appendChild(d)}#u(e){queueMicrotask(()=>{try{const t=e._focusRow,i=e._focusCol,s=e.findRenderedRowElement?.(t);if(s){Array.from(e._bodyEl.querySelectorAll(".cell-focus")).forEach(o=>o.classList.remove("cell-focus"));const n=s.querySelector(`.cell[data-row="${t}"][data-col="${i}"]`);n&&(n.classList.add("cell-focus"),n.setAttribute("aria-selected","true"),n.hasAttribute("tabindex")||n.setAttribute("tabindex","-1"),n.focus({preventScroll:!0}))}}catch{}})}}E.EditingPlugin=O,E.FOCUSABLE_EDITOR_SELECTOR=R,E.clearEditingState=L,E.defaultEditorFor=S,E.hasEditingCells=k,Object.defineProperty(E,Symbol.toStringTag,{value:"Module"})}));
 //# sourceMappingURL=editing.umd.js.map