@toolbox-web/grid 1.9.0 → 1.9.2

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,l){const o=i.length;if(o===0)return{startCol:0,endCol:0,visibleColumns:[]};let n=p(e,i,s);n=Math.max(0,n-l);const V=e+t;let h=n;for(let r=n;r<o;r++){if(i[r]>=V){h=r-1;break}h=r}h=Math.min(o-1,h+l);const C=[];for(let r=n;r<=h;r++)C.push(r);return{startCol:n,endCol:h,visibleColumns:C}}function p(e,t,i){let s=0,l=t.length-1;for(;s<l;){const o=Math.floor((s+l)/2);t[o]+i[o]<=e?s=o+1:l=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,l=m(this.scrollLeft,s,this.columnOffsets,this.columnWidths,this.config.overscan??3);return this.startCol=l.startCol,this.endCol=l.endCol,l.visibleColumns.map(o=>t[o])}afterRender(){if(!this.isVirtualized)return;const t=this.gridElement;if(!t)return;const i=this.columnOffsets[this.startCol]??0,s=t.querySelector(".header-row"),l=t.querySelectorAll(".data-grid-row");s&&(s.style.paddingLeft=`${i}px`),l.forEach(n=>{n.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 c(s){if(s==null)return 100;if(typeof s=="number")return s;const t=parseFloat(s);return isNaN(t)?100:t}function f(s){return s.map(t=>c(t.width))}function g(s){const t=[];let i=0;for(const e of s)t.push(i),i+=c(e.width);return t}function m(s){return s.reduce((t,i)=>t+c(i.width),0)}function p(s,t,i,e,n){const o=i.length;if(o===0)return{startCol:0,endCol:0,visibleColumns:[]};let l=y(s,i,e);l=Math.max(0,l-n);const d=s+t;let h=l;for(let r=l;r<o;r++){if(i[r]>=d){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 y(s,t,i){let e=0,n=t.length-1;for(;e<n;){const o=Math.floor((e+n)/2);t[o]+i[o]<=s?e=o+1:n=o}return e}function w(s,t,i){return i?s>t:!1}class W 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=[];originalColumns=[];attach(t){super.attach(t);const i=this.columns;this.columnWidths=f(i),this.columnOffsets=g(i),this.totalWidth=m(i),this.endCol=i.length-1}detach(){this.#t(),this.columnWidths=[],this.columnOffsets=[],this.originalColumns=[],this.isVirtualized=!1,this.startCol=0,this.endCol=0,this.scrollLeft=0,this.totalWidth=0}#t(){const t=this.gridElement;if(!t)return;const i=t.querySelector(".header-row");i&&(i.style.paddingLeft="",i.style.minWidth=""),t.querySelectorAll(".data-grid-row").forEach(l=>{l.style.paddingLeft=""});const n=t.querySelector(".rows-viewport .rows");n&&(n.style.width="");const o=t.querySelector(".rows-body");o&&(o.style.minWidth="")}processColumns(t){(this.originalColumns.length===0||t.length>this.originalColumns.length)&&(this.originalColumns=t,this.columnWidths=f(t),this.columnOffsets=g(t),this.totalWidth=m(t));const e=this.originalColumns,n=w(e.length,this.config.threshold??30,this.config.autoEnable??!0);if(this.isVirtualized=n??!1,!n)return this.startCol=0,this.endCol=e.length-1,[...e];const o=this.grid.clientWidth||800,l=p(this.scrollLeft,o,this.columnOffsets,this.columnWidths,this.config.overscan??3);return this.startCol=l.startCol,this.endCol=l.endCol,l.visibleColumns.map(d=>e[d])}afterRender(){if(!this.isVirtualized)return;const t=this.gridElement;if(!t)return;const i=this.columnOffsets[this.startCol]??0,e=t.querySelector(".header-row"),n=t.querySelectorAll(".data-grid-row");e&&(e.style.paddingLeft=`${i}px`,e.style.minWidth=`${this.totalWidth}px`),n.forEach(d=>{d.style.paddingLeft=`${i}px`});const o=t.querySelector(".rows-viewport .rows");o&&(o.style.width=`${this.totalWidth}px`);const l=t.querySelector(".rows-body");l&&(l.style.minWidth=`${this.totalWidth}px`)}onScroll(t){!this.isVirtualized||Math.abs(t.scrollLeft-this.scrollLeft)<1||(this.scrollLeft=t.scrollLeft,this.requestColumnsRender())}getIsVirtualized(){return this.isVirtualized}getVisibleColumnRange(){return{start:this.startCol,end:this.endCol}}scrollToColumn(t){const i=this.columnOffsets[t]??0,e=this.grid;e.scrollLeft=i}getColumnOffset(t){return this.columnOffsets[t]??0}getTotalWidth(){return this.totalWidth}}u.ColumnVirtualizationPlugin=W,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 * Provides horizontal column virtualization for grids with many columns (30+).\n * Only renders visible columns plus overscan, significantly improving rendering\n * performance for wide grids.\n *\n * ## Installation\n *\n * ```ts\n * import { ColumnVirtualizationPlugin } from '@toolbox-web/grid/plugins/column-virtualization';\n * ```\n *\n * ## Configuration Options\n *\n * | Option | Type | Default | Description |\n * |--------|------|---------|-------------|\n * | `autoEnable` | `boolean` | `true` | Auto-enable when column count exceeds threshold |\n * | `threshold` | `number` | `30` | Column count threshold for auto-enable |\n * | `overscan` | `number` | `3` | Extra columns to render beyond visible |\n *\n * ## Requirements\n *\n * - Grid must use `fitMode: 'fixed'`\n * - Columns must have explicit widths\n * - Grid must have fixed height\n *\n * ## Programmatic API\n *\n * | Method | Signature | Description |\n * |--------|-----------|-------------|\n * | `isEnabled` | `() => boolean` | Check if virtualization is active |\n * | `setEnabled` | `(enabled: boolean) => void` | Enable/disable virtualization |\n * | `getVisibleRange` | `() => { start, end }` | Get visible column range |\n *\n * @example Wide Grid with Column Virtualization\n * ```ts\n * import '@toolbox-web/grid';\n * import { ColumnVirtualizationPlugin } from '@toolbox-web/grid/plugins/column-virtualization';\n *\n * grid.gridConfig = {\n *   columns: generateManyColumns(100), // 100 columns\n *   fitMode: 'fixed',                  // Required\n *   plugins: [\n *     new ColumnVirtualizationPlugin({\n *       threshold: 30,  // Enable when >30 columns\n *       overscan: 3,    // Render 3 extra columns each side\n *     }),\n *   ],\n * };\n * ```\n *\n * @see {@link ColumnVirtualizationConfig} for configuration options\n *\n * @internal Extends BaseGridPlugin\n */\nexport class ColumnVirtualizationPlugin extends BaseGridPlugin<ColumnVirtualizationConfig> {\n  /** @internal */\n  readonly name = 'columnVirtualization';\n\n  /** @internal */\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  /** @internal */\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  /** @internal */\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  /** @internal */\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  /** @internal */\n  override afterRender(): void {\n    if (!this.isVirtualized) return;\n\n    const gridEl = this.gridElement;\n    if (!gridEl) return;\n\n    // Apply left padding to offset scrolled-out columns\n    const leftPadding = this.columnOffsets[this.startCol] ?? 0;\n\n    const headerRow = gridEl.querySelector('.header-row');\n    const bodyRows = gridEl.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 = gridEl.querySelector('.rows-viewport .rows');\n    if (rowsContainer) {\n      (rowsContainer as HTMLElement).style.width = `${this.totalWidth}px`;\n    }\n  }\n\n  /** @internal */\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","gridEl","leftPadding","headerRow","bodyRows","row","rowsContainer","event","columnIndex"],"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,CC1FO,MAAME,UAAmCC,EAAAA,cAA2C,CAEhF,KAAO,uBAGhB,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,EAMzB,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,CAGS,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,CAMS,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,CAGS,aAAoB,CAC3B,GAAI,CAAC,KAAK,cAAe,OAEzB,MAAMa,EAAS,KAAK,YACpB,GAAI,CAACA,EAAQ,OAGb,MAAMC,EAAc,KAAK,cAAc,KAAK,QAAQ,GAAK,EAEnDC,EAAYF,EAAO,cAAc,aAAa,EAC9CG,EAAWH,EAAO,iBAAiB,gBAAgB,EAErDE,IACDA,EAA0B,MAAM,YAAc,GAAGD,CAAW,MAG/DE,EAAS,QAASC,GAAQ,CACvBA,EAAoB,MAAM,YAAc,GAAGH,CAAW,IACzD,CAAC,EAGD,MAAMI,EAAgBL,EAAO,cAAc,sBAAsB,EAC7DK,IACDA,EAA8B,MAAM,MAAQ,GAAG,KAAK,UAAU,KAEnE,CAGS,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,EAC5CP,EAAS,KAAK,KAEpBA,EAAO,WAAa3B,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 * Provides horizontal column virtualization for grids with many columns (30+).\n * Only renders visible columns plus overscan, significantly improving rendering\n * performance for wide grids.\n *\n * ## Installation\n *\n * ```ts\n * import { ColumnVirtualizationPlugin } from '@toolbox-web/grid/plugins/column-virtualization';\n * ```\n *\n * ## Configuration Options\n *\n * | Option | Type | Default | Description |\n * |--------|------|---------|-------------|\n * | `autoEnable` | `boolean` | `true` | Auto-enable when column count exceeds threshold |\n * | `threshold` | `number` | `30` | Column count threshold for auto-enable |\n * | `overscan` | `number` | `3` | Extra columns to render beyond visible |\n *\n * ## Requirements\n *\n * - Grid must use `fitMode: 'fixed'`\n * - Columns must have explicit widths\n * - Grid must have fixed height\n *\n * ## Programmatic API\n *\n * | Method | Signature | Description |\n * |--------|-----------|-------------|\n * | `isEnabled` | `() => boolean` | Check if virtualization is active |\n * | `setEnabled` | `(enabled: boolean) => void` | Enable/disable virtualization |\n * | `getVisibleRange` | `() => { start, end }` | Get visible column range |\n *\n * @example Wide Grid with Column Virtualization\n * ```ts\n * import '@toolbox-web/grid';\n * import { ColumnVirtualizationPlugin } from '@toolbox-web/grid/plugins/column-virtualization';\n *\n * grid.gridConfig = {\n *   columns: generateManyColumns(100), // 100 columns\n *   fitMode: 'fixed',                  // Required\n *   plugins: [\n *     new ColumnVirtualizationPlugin({\n *       threshold: 30,  // Enable when >30 columns\n *       overscan: 3,    // Render 3 extra columns each side\n *     }),\n *   ],\n * };\n * ```\n *\n * @see {@link ColumnVirtualizationConfig} for configuration options\n *\n * @internal Extends BaseGridPlugin\n */\nexport class ColumnVirtualizationPlugin extends BaseGridPlugin<ColumnVirtualizationConfig> {\n  /** @internal */\n  readonly name = 'columnVirtualization';\n\n  /** @internal */\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  /** Store the original full column set for virtualization calculations */\n  private originalColumns: readonly ColumnConfig[] = [];\n  // #endregion\n\n  // #region Lifecycle\n\n  /** @internal */\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  /** @internal */\n  override detach(): void {\n    // Clean up inline styles set by this plugin\n    this.#cleanupStyles();\n\n    this.columnWidths = [];\n    this.columnOffsets = [];\n    this.originalColumns = [];\n    this.isVirtualized = false;\n    this.startCol = 0;\n    this.endCol = 0;\n    this.scrollLeft = 0;\n    this.totalWidth = 0;\n  }\n\n  /**\n   * Remove inline styles set by this plugin for proper cleanup.\n   */\n  #cleanupStyles(): void {\n    const gridEl = this.gridElement;\n    if (!gridEl) return;\n\n    const headerRow = gridEl.querySelector('.header-row') as HTMLElement | null;\n    if (headerRow) {\n      headerRow.style.paddingLeft = '';\n      headerRow.style.minWidth = '';\n    }\n\n    const bodyRows = gridEl.querySelectorAll('.data-grid-row');\n    bodyRows.forEach((row) => {\n      (row as HTMLElement).style.paddingLeft = '';\n    });\n\n    const rowsContainer = gridEl.querySelector('.rows-viewport .rows') as HTMLElement | null;\n    if (rowsContainer) {\n      rowsContainer.style.width = '';\n    }\n\n    const rowsBody = gridEl.querySelector('.rows-body') as HTMLElement | null;\n    if (rowsBody) {\n      rowsBody.style.minWidth = '';\n    }\n  }\n  // #endregion\n\n  // #region Hooks\n\n  /** @internal */\n  override processColumns(columns: readonly ColumnConfig[]): ColumnConfig[] {\n    // Detect if this is a new column set or just a scroll-triggered re-render\n    // We only consider it a \"new\" column set if:\n    // 1. We don't have any stored yet (first time)\n    // 2. Incoming has MORE columns than we stored (genuine new config from grid)\n    // We do NOT compare fields because when startCol shifts, the first column's\n    // field will differ from the original first column's field\n    const isNewColumnSet = this.originalColumns.length === 0 || columns.length > this.originalColumns.length;\n\n    if (isNewColumnSet) {\n      // Store the full column set\n      this.originalColumns = columns;\n      this.columnWidths = getColumnWidths(columns);\n      this.columnOffsets = computeColumnOffsets(columns);\n      this.totalWidth = computeTotalWidth(columns);\n    }\n\n    // Use the original (full) column set for virtualization decisions\n    const fullColumns = this.originalColumns;\n    const isVirtualized = shouldVirtualize(\n      fullColumns.length,\n      this.config.threshold ?? 30,\n      this.config.autoEnable ?? true,\n    );\n\n    this.isVirtualized = isVirtualized ?? false;\n\n    if (!isVirtualized) {\n      this.startCol = 0;\n      this.endCol = fullColumns.length - 1;\n      return [...fullColumns];\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 from the ORIGINAL full set\n    return viewport.visibleColumns.map((i) => fullColumns[i]);\n  }\n\n  /** @internal */\n  override afterRender(): void {\n    if (!this.isVirtualized) return;\n\n    const gridEl = this.gridElement;\n    if (!gridEl) return;\n\n    // Apply left padding to offset scrolled-out columns\n    const leftPadding = this.columnOffsets[this.startCol] ?? 0;\n\n    const headerRow = gridEl.querySelector('.header-row') as HTMLElement | null;\n    const bodyRows = gridEl.querySelectorAll('.data-grid-row');\n\n    if (headerRow) {\n      headerRow.style.paddingLeft = `${leftPadding}px`;\n      // Set min-width on header row to enable horizontal scrolling\n      headerRow.style.minWidth = `${this.totalWidth}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 = gridEl.querySelector('.rows-viewport .rows') as HTMLElement | null;\n    if (rowsContainer) {\n      rowsContainer.style.width = `${this.totalWidth}px`;\n    }\n\n    // Also set min-width on .rows-body to ensure the scroll container knows the total scrollable width\n    const rowsBody = gridEl.querySelector('.rows-body') as HTMLElement | null;\n    if (rowsBody) {\n      rowsBody.style.minWidth = `${this.totalWidth}px`;\n    }\n  }\n\n  /** @internal */\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    // Must use requestColumnsRender() to trigger COLUMNS phase (processColumns hook)\n    // requestRender() only requests ROWS phase which doesn't reprocess columns\n    this.requestColumnsRender();\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","#cleanupStyles","gridEl","headerRow","row","rowsContainer","rowsBody","fullColumns","isVirtualized","viewport","leftPadding","bodyRows","event","columnIndex"],"mappings":"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"}

package/umd/plugins/row-reorder.umd.js

@@ -1,2 +1,2 @@
-(function(l,c){typeof exports=="object"&&typeof module<"u"?c(exports,require("../../core/internal/keyboard"),require("../../core/plugin/base-plugin")):typeof define=="function"&&define.amd?define(["exports","../../core/internal/keyboard","../../core/plugin/base-plugin"],c):(l=typeof globalThis<"u"?globalThis:l||self,c(l.TbwGridPlugin_rowReorder={},l.TbwGrid,l.TbwGrid))})(this,(function(l,c,b){"use strict";const v='@layer tbw-plugins{.dg-row-drag-handle{display:flex;align-items:center;justify-content:center;cursor:grab;-webkit-user-select:none;user-select:none;color:var(--tbw-row-reorder-handle-color, var(--tbw-color-fg-muted));transition:color var(--tbw-transition-duration, .12s) var(--tbw-transition-ease, ease);font-size:var(--tbw-font-size, 1em);letter-spacing:-2px}.dg-row-drag-handle:hover{color:var(--tbw-row-reorder-handle-hover, var(--tbw-color-fg))}.dg-row-drag-handle:active{cursor:grabbing}.data-grid-row.dragging{opacity:.6}.data-grid-row.drop-target{position:relative}.data-grid-row.drop-target.drop-before:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background-color:var(--tbw-row-reorder-indicator, var(--tbw-color-accent));z-index:10}.data-grid-row.drop-target.drop-after:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:var(--tbw-row-reorder-indicator, var(--tbw-color-accent));z-index:10}.data-grid-row.keyboard-moving{background-color:var(--tbw-row-reorder-moving-bg, var(--tbw-focus-background));box-shadow:0 0 0 1px var(--tbw-row-reorder-moving-border, var(--tbw-color-accent)) inset}.data-grid-row.flip-animating{transition:transform var(--tbw-animation-duration, .2s) ease-out;will-change:transform;z-index:1}}',f="__tbw_row_drag";class m extends b.BaseGridPlugin{name="rowReorder";styles=v;get defaultConfig(){return{enableKeyboard:!0,showDragHandle:!0,dragHandlePosition:"left",dragHandleWidth:40,debounceMs:150,animation:"flip"}}get animationType(){return this.isAnimationEnabled?this.config.animation!==void 0?this.config.animation:"flip":!1}isDragging=!1;draggedRowIndex=null;dropRowIndex=null;pendingMove=null;debounceTimer=null;lastFocusCol=0;detach(){this.clearDebounceTimer(),this.isDragging=!1,this.draggedRowIndex=null,this.dropRowIndex=null,this.pendingMove=null}processColumns(e){if(!this.config.showDragHandle)return[...e];const r={field:f,header:"",width:this.config.dragHandleWidth??40,resizable:!1,sortable:!1,filterable:!1,meta:{lockPosition:!0,suppressMovable:!0,utility:!0},viewRenderer:()=>{const t=document.createElement("div");return t.className="dg-row-drag-handle",t.setAttribute("aria-label","Drag to reorder"),t.setAttribute("role","button"),t.setAttribute("tabindex","-1"),t.draggable=!0,this.setIcon(t,this.resolveIcon("dragHandle")),t}};return this.config.dragHandlePosition==="right"?[...e,r]:[r,...e]}afterRender(){if(!this.config.showDragHandle)return;const e=this.gridElement;if(!e)return;e.querySelectorAll(".dg-row-drag-handle").forEach(o=>{const i=o;if(i.getAttribute("data-drag-bound"))return;i.setAttribute("data-drag-bound","true");const n=i.closest(".data-grid-row");n&&this.setupHandleDragListeners(i,n)}),e.querySelectorAll(".data-grid-row").forEach(o=>{const i=o;i.getAttribute("data-drop-bound")||(i.setAttribute("data-drop-bound","true"),this.setupRowDropListeners(i))})}onKeyDown(e){if(!this.config.enableKeyboard||!e.ctrlKey||e.key!=="ArrowUp"&&e.key!=="ArrowDown")return;const r=this.grid,t=r._focusRow,o=r._rows??this.sourceRows;if(t<0||t>=o.length)return;const i=e.key==="ArrowUp"?"up":"down",n=i==="up"?t-1:t+1;if(n<0||n>=o.length)return;const s=o[t];if(!(this.config.canMove&&!this.config.canMove(s,t,n,i)))return this.handleKeyboardMove(s,t,n,i,r._focusCol),e.preventDefault(),e.stopPropagation(),!0}onCellClick(){this.flushPendingMove()}moveRow(e,r){const t=[...this.sourceRows];if(e<0||e>=t.length||r<0||r>=t.length||e===r)return;const o=r<e?"up":"down",i=t[e];this.config.canMove&&!this.config.canMove(i,e,r,o)||this.executeMove(i,e,r,"keyboard")}canMoveRow(e,r){const t=this.sourceRows;if(e<0||e>=t.length||r<0||r>=t.length||e===r)return!1;if(!this.config.canMove)return!0;const o=r<e?"up":"down";return this.config.canMove(t[e],e,r,o)}setupHandleDragListeners(e,r){e.addEventListener("dragstart",t=>{const o=this.getRowIndex(r);o<0||(this.isDragging=!0,this.draggedRowIndex=o,t.dataTransfer&&(t.dataTransfer.effectAllowed="move",t.dataTransfer.setData("text/plain",String(o))),r.classList.add("dragging"))}),e.addEventListener("dragend",()=>{this.isDragging=!1,this.draggedRowIndex=null,this.dropRowIndex=null,this.clearDragClasses()})}setupRowDropListeners(e){e.addEventListener("dragover",r=>{if(r.preventDefault(),!this.isDragging||this.draggedRowIndex===null)return;const t=this.getRowIndex(e);if(t<0||t===this.draggedRowIndex)return;const o=e.getBoundingClientRect(),i=o.top+o.height/2,n=r.clientY<i;this.dropRowIndex=n?t:t+1,e.classList.add("drop-target"),e.classList.toggle("drop-before",n),e.classList.toggle("drop-after",!n)}),e.addEventListener("dragleave",()=>{e.classList.remove("drop-target","drop-before","drop-after")}),e.addEventListener("drop",r=>{r.preventDefault();const t=this.draggedRowIndex;let o=this.dropRowIndex;if(!(!this.isDragging||t===null||o===null)&&(o>t&&o--,t!==o)){const n=this.sourceRows[t],s=o<t?"up":"down";(!this.config.canMove||this.config.canMove(n,t,o,s))&&this.executeMove(n,t,o,"drag")}})}handleKeyboardMove(e,r,t,o,i){this.pendingMove?this.pendingMove.currentIndex=t:this.pendingMove={originalIndex:r,currentIndex:t,row:e},this.lastFocusCol=i;const n=this.grid,s=[...n._rows??this.sourceRows],[d]=s.splice(r,1);s.splice(t,0,d),n._rows=s,n._focusRow=t,n._focusCol=i,n.refreshVirtualWindow(!0),c.ensureCellVisible(n),this.clearDebounceTimer(),this.debounceTimer=setTimeout(()=>{this.flushPendingMove()},this.config.debounceMs??300)}flushPendingMove(){if(this.clearDebounceTimer(),!this.pendingMove)return;const{originalIndex:e,currentIndex:r,row:t}=this.pendingMove;if(this.pendingMove=null,e===r)return;const o={row:t,fromIndex:e,toIndex:r,rows:[...this.sourceRows],source:"keyboard"};if(this.emitCancelable("row-move",o)){const n=[...this.sourceRows],[s]=n.splice(r,1);n.splice(e,0,s);const d=this.grid;d._rows=n,d._focusRow=e,d._focusCol=this.lastFocusCol,d.refreshVirtualWindow(!0),c.ensureCellVisible(d)}}executeMove(e,r,t,o){const i=[...this.sourceRows],[n]=i.splice(r,1);i.splice(t,0,n);const s={row:e,fromIndex:r,toIndex:t,rows:i,source:o};if(!this.emitCancelable("row-move",s))if(this.animationType==="flip"&&this.gridElement){const a=this.captureRowPositions();this.grid.rows=i,requestAnimationFrame(()=>{this.gridElement.offsetHeight,this.animateFLIP(a,r,t)})}else this.grid.rows=i}captureRowPositions(){const e=new Map;return this.gridElement?.querySelectorAll(".data-grid-row").forEach(r=>{const t=this.getRowIndex(r);t>=0&&e.set(t,r.getBoundingClientRect().top)}),e}animateFLIP(e,r,t){const o=this.gridElement;if(!o||e.size===0)return;const i=Math.min(r,t),n=Math.max(r,t),s=[];if(o.querySelectorAll(".data-grid-row").forEach(a=>{const u=a,g=this.getRowIndex(u);if(g<0||g<i||g>n)return;let h;g===t?h=r:r<t?h=g+1:h=g-1;const w=e.get(h);if(w===void 0)return;const R=u.getBoundingClientRect().top,p=w-R;Math.abs(p)>1&&s.push({el:u,deltaY:p})}),s.length===0)return;s.forEach(({el:a,deltaY:u})=>{a.style.transform=`translateY(${u}px)`}),o.offsetHeight;const d=this.animationDuration;requestAnimationFrame(()=>{s.forEach(({el:a})=>{a.classList.add("flip-animating"),a.style.transform=""}),setTimeout(()=>{s.forEach(({el:a})=>{a.style.transform="",a.classList.remove("flip-animating")})},d+50)})}getRowIndex(e){const r=e.querySelector(".cell[data-row]");return r?parseInt(r.getAttribute("data-row")??"-1",10):-1}clearDragClasses(){this.gridElement?.querySelectorAll(".data-grid-row").forEach(e=>{e.classList.remove("dragging","drop-target","drop-before","drop-after")})}clearDebounceTimer(){this.debounceTimer&&(clearTimeout(this.debounceTimer),this.debounceTimer=null)}}l.ROW_DRAG_HANDLE_FIELD=f,l.RowReorderPlugin=m,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"})}));
+(function(l,c){typeof exports=="object"&&typeof module<"u"?c(exports,require("../../core/internal/keyboard"),require("../../core/plugin/base-plugin")):typeof define=="function"&&define.amd?define(["exports","../../core/internal/keyboard","../../core/plugin/base-plugin"],c):(l=typeof globalThis<"u"?globalThis:l||self,c(l.TbwGridPlugin_rowReorder={},l.TbwGrid,l.TbwGrid))})(this,(function(l,c,b){"use strict";const v='@layer tbw-plugins{[data-field=__tbw_row_drag]{display:flex;align-items:center;justify-content:center}.dg-row-drag-handle{display:flex;align-items:center;justify-content:center;min-width:1em;min-height:1em;cursor:grab;-webkit-user-select:none;user-select:none;color:var(--tbw-row-reorder-handle-color, var(--tbw-color-fg-muted));transition:color var(--tbw-transition-duration, .12s) var(--tbw-transition-ease, ease);font-size:var(--tbw-font-size, 1em);letter-spacing:-2px}.dg-row-drag-handle:hover{color:var(--tbw-row-reorder-handle-hover, var(--tbw-color-fg))}.dg-row-drag-handle:active{cursor:grabbing}.data-grid-row.dragging{opacity:.6}.data-grid-row.drop-target{position:relative}.data-grid-row.drop-target.drop-before:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background-color:var(--tbw-row-reorder-indicator, var(--tbw-color-accent));z-index:10}.data-grid-row.drop-target.drop-after:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:var(--tbw-row-reorder-indicator, var(--tbw-color-accent));z-index:10}.data-grid-row.keyboard-moving{background-color:var(--tbw-row-reorder-moving-bg, var(--tbw-focus-background));box-shadow:0 0 0 1px var(--tbw-row-reorder-moving-border, var(--tbw-color-accent)) inset}.data-grid-row.flip-animating{transition:transform var(--tbw-animation-duration, .2s) ease-out;will-change:transform;z-index:1}}',f="__tbw_row_drag";class m extends b.BaseGridPlugin{name="rowReorder";styles=v;get defaultConfig(){return{enableKeyboard:!0,showDragHandle:!0,dragHandlePosition:"left",dragHandleWidth:40,debounceMs:150,animation:"flip"}}get animationType(){return this.isAnimationEnabled?this.config.animation!==void 0?this.config.animation:"flip":!1}isDragging=!1;draggedRowIndex=null;dropRowIndex=null;pendingMove=null;debounceTimer=null;lastFocusCol=0;detach(){this.clearDebounceTimer(),this.isDragging=!1,this.draggedRowIndex=null,this.dropRowIndex=null,this.pendingMove=null}processColumns(e){if(!this.config.showDragHandle)return[...e];const r={field:f,header:"",width:this.config.dragHandleWidth??40,resizable:!1,sortable:!1,filterable:!1,meta:{lockPosition:!0,suppressMovable:!0,utility:!0},viewRenderer:()=>{const t=document.createElement("div");return t.className="dg-row-drag-handle",t.setAttribute("aria-label","Drag to reorder"),t.setAttribute("role","button"),t.setAttribute("tabindex","-1"),t.draggable=!0,this.setIcon(t,this.resolveIcon("dragHandle")),t}};return this.config.dragHandlePosition==="right"?[...e,r]:[r,...e]}afterRender(){if(!this.config.showDragHandle)return;const e=this.gridElement;if(!e)return;e.querySelectorAll(".dg-row-drag-handle").forEach(o=>{const i=o;if(i.getAttribute("data-drag-bound"))return;i.setAttribute("data-drag-bound","true");const n=i.closest(".data-grid-row");n&&this.setupHandleDragListeners(i,n)}),e.querySelectorAll(".data-grid-row").forEach(o=>{const i=o;i.getAttribute("data-drop-bound")||(i.setAttribute("data-drop-bound","true"),this.setupRowDropListeners(i))})}onKeyDown(e){if(!this.config.enableKeyboard||!e.ctrlKey||e.key!=="ArrowUp"&&e.key!=="ArrowDown")return;const r=this.grid,t=r._focusRow,o=r._rows??this.sourceRows;if(t<0||t>=o.length)return;const i=e.key==="ArrowUp"?"up":"down",n=i==="up"?t-1:t+1;if(n<0||n>=o.length)return;const s=o[t];if(!(this.config.canMove&&!this.config.canMove(s,t,n,i)))return this.handleKeyboardMove(s,t,n,i,r._focusCol),e.preventDefault(),e.stopPropagation(),!0}onCellClick(){this.flushPendingMove()}moveRow(e,r){const t=[...this.sourceRows];if(e<0||e>=t.length||r<0||r>=t.length||e===r)return;const o=r<e?"up":"down",i=t[e];this.config.canMove&&!this.config.canMove(i,e,r,o)||this.executeMove(i,e,r,"keyboard")}canMoveRow(e,r){const t=this.sourceRows;if(e<0||e>=t.length||r<0||r>=t.length||e===r)return!1;if(!this.config.canMove)return!0;const o=r<e?"up":"down";return this.config.canMove(t[e],e,r,o)}setupHandleDragListeners(e,r){e.addEventListener("dragstart",t=>{const o=this.getRowIndex(r);o<0||(this.isDragging=!0,this.draggedRowIndex=o,t.dataTransfer&&(t.dataTransfer.effectAllowed="move",t.dataTransfer.setData("text/plain",String(o))),r.classList.add("dragging"))}),e.addEventListener("dragend",()=>{this.isDragging=!1,this.draggedRowIndex=null,this.dropRowIndex=null,this.clearDragClasses()})}setupRowDropListeners(e){e.addEventListener("dragover",r=>{if(r.preventDefault(),!this.isDragging||this.draggedRowIndex===null)return;const t=this.getRowIndex(e);if(t<0||t===this.draggedRowIndex)return;const o=e.getBoundingClientRect(),i=o.top+o.height/2,n=r.clientY<i;this.dropRowIndex=n?t:t+1,e.classList.add("drop-target"),e.classList.toggle("drop-before",n),e.classList.toggle("drop-after",!n)}),e.addEventListener("dragleave",()=>{e.classList.remove("drop-target","drop-before","drop-after")}),e.addEventListener("drop",r=>{r.preventDefault();const t=this.draggedRowIndex;let o=this.dropRowIndex;if(!(!this.isDragging||t===null||o===null)&&(o>t&&o--,t!==o)){const n=this.sourceRows[t],s=o<t?"up":"down";(!this.config.canMove||this.config.canMove(n,t,o,s))&&this.executeMove(n,t,o,"drag")}})}handleKeyboardMove(e,r,t,o,i){this.pendingMove?this.pendingMove.currentIndex=t:this.pendingMove={originalIndex:r,currentIndex:t,row:e},this.lastFocusCol=i;const n=this.grid,s=[...n._rows??this.sourceRows],[d]=s.splice(r,1);s.splice(t,0,d),n._rows=s,n._focusRow=t,n._focusCol=i,n.refreshVirtualWindow(!0),c.ensureCellVisible(n),this.clearDebounceTimer(),this.debounceTimer=setTimeout(()=>{this.flushPendingMove()},this.config.debounceMs??300)}flushPendingMove(){if(this.clearDebounceTimer(),!this.pendingMove)return;const{originalIndex:e,currentIndex:r,row:t}=this.pendingMove;if(this.pendingMove=null,e===r)return;const o={row:t,fromIndex:e,toIndex:r,rows:[...this.sourceRows],source:"keyboard"};if(this.emitCancelable("row-move",o)){const n=[...this.sourceRows],[s]=n.splice(r,1);n.splice(e,0,s);const d=this.grid;d._rows=n,d._focusRow=e,d._focusCol=this.lastFocusCol,d.refreshVirtualWindow(!0),c.ensureCellVisible(d)}}executeMove(e,r,t,o){const i=[...this.sourceRows],[n]=i.splice(r,1);i.splice(t,0,n);const s={row:e,fromIndex:r,toIndex:t,rows:i,source:o};if(!this.emitCancelable("row-move",s))if(this.animationType==="flip"&&this.gridElement){const a=this.captureRowPositions();this.grid.rows=i,requestAnimationFrame(()=>{this.gridElement.offsetHeight,this.animateFLIP(a,r,t)})}else this.grid.rows=i}captureRowPositions(){const e=new Map;return this.gridElement?.querySelectorAll(".data-grid-row").forEach(r=>{const t=this.getRowIndex(r);t>=0&&e.set(t,r.getBoundingClientRect().top)}),e}animateFLIP(e,r,t){const o=this.gridElement;if(!o||e.size===0)return;const i=Math.min(r,t),n=Math.max(r,t),s=[];if(o.querySelectorAll(".data-grid-row").forEach(a=>{const u=a,g=this.getRowIndex(u);if(g<0||g<i||g>n)return;let h;g===t?h=r:r<t?h=g+1:h=g-1;const w=e.get(h);if(w===void 0)return;const R=u.getBoundingClientRect().top,p=w-R;Math.abs(p)>1&&s.push({el:u,deltaY:p})}),s.length===0)return;s.forEach(({el:a,deltaY:u})=>{a.style.transform=`translateY(${u}px)`}),o.offsetHeight;const d=this.animationDuration;requestAnimationFrame(()=>{s.forEach(({el:a})=>{a.classList.add("flip-animating"),a.style.transform=""}),setTimeout(()=>{s.forEach(({el:a})=>{a.style.transform="",a.classList.remove("flip-animating")})},d+50)})}getRowIndex(e){const r=e.querySelector(".cell[data-row]");return r?parseInt(r.getAttribute("data-row")??"-1",10):-1}clearDragClasses(){this.gridElement?.querySelectorAll(".data-grid-row").forEach(e=>{e.classList.remove("dragging","drop-target","drop-before","drop-after")})}clearDebounceTimer(){this.debounceTimer&&(clearTimeout(this.debounceTimer),this.debounceTimer=null)}}l.ROW_DRAG_HANDLE_FIELD=f,l.RowReorderPlugin=m,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"})}));
 //# sourceMappingURL=row-reorder.umd.js.map

package/umd/plugins/row-reorder.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"row-reorder.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/row-reorder/RowReorderPlugin.ts"],"sourcesContent":["/**\n * Row Reordering Plugin\n *\n * Provides keyboard and drag-drop row reordering functionality for tbw-grid.\n * Supports Ctrl+Up/Down keyboard shortcuts and optional drag handle column.\n */\n\nimport { ensureCellVisible } from '../../core/internal/keyboard';\nimport { BaseGridPlugin } from '../../core/plugin/base-plugin';\nimport type { ColumnConfig, InternalGrid } from '../../core/types';\nimport styles from './row-reorder.css?inline';\nimport type { PendingMove, RowMoveDetail, RowReorderConfig } from './types';\n\n/** Field name for the drag handle column */\nexport const ROW_DRAG_HANDLE_FIELD = '__tbw_row_drag';\n\n/**\n * Row Reorder Plugin for tbw-grid\n *\n * Enables row reordering via keyboard shortcuts (Ctrl+Up/Down) and drag-drop.\n * Supports validation callbacks and debounced keyboard moves.\n *\n * ## Installation\n *\n * ```ts\n * import { RowReorderPlugin } from '@toolbox-web/grid/plugins/row-reorder';\n * ```\n *\n * ## Configuration Options\n *\n * | Option | Type | Default | Description |\n * |--------|------|---------|-------------|\n * | `enableKeyboard` | `boolean` | `true` | Enable Ctrl+Up/Down shortcuts |\n * | `showDragHandle` | `boolean` | `true` | Show drag handle column |\n * | `dragHandlePosition` | `'left' \\| 'right'` | `'left'` | Drag handle column position |\n * | `dragHandleWidth` | `number` | `40` | Drag handle column width |\n * | `canMove` | `function` | - | Validation callback |\n * | `debounceMs` | `number` | `300` | Debounce time for keyboard moves |\n * | `animation` | `false \\| 'flip'` | `'flip'` | Animation for row moves |\n *\n * ## Keyboard Shortcuts\n *\n * | Key | Action |\n * |-----|--------|\n * | `Ctrl + ↑` | Move focused row up |\n * | `Ctrl + ↓` | Move focused row down |\n *\n * ## Events\n *\n * | Event | Detail | Cancelable | Description |\n * |-------|--------|------------|-------------|\n * | `row-move` | `RowMoveDetail` | Yes | Fired when a row move is attempted |\n *\n * @example Basic Row Reordering\n * ```ts\n * import '@toolbox-web/grid';\n * import { RowReorderPlugin } from '@toolbox-web/grid/plugins/row-reorder';\n *\n * const grid = document.querySelector('tbw-grid');\n * grid.gridConfig = {\n *   columns: [\n *     { field: 'id', header: 'ID' },\n *     { field: 'name', header: 'Name' },\n *   ],\n *   plugins: [new RowReorderPlugin()],\n * };\n *\n * grid.addEventListener('row-move', (e) => {\n *   console.log('Row moved from', e.detail.fromIndex, 'to', e.detail.toIndex);\n * });\n * ```\n *\n * @example With Validation\n * ```ts\n * new RowReorderPlugin({\n *   canMove: (row, fromIndex, toIndex, direction) => {\n *     // Prevent moving locked rows\n *     return !row.locked;\n *   },\n * })\n * ```\n *\n * @see {@link RowReorderConfig} for all configuration options\n * @see {@link RowMoveDetail} for the event detail structure\n */\nexport class RowReorderPlugin extends BaseGridPlugin<RowReorderConfig> {\n  /** @internal */\n  readonly name = 'rowReorder';\n  /** @internal */\n  override readonly styles = styles;\n\n  /** @internal */\n  protected override get defaultConfig(): Partial<RowReorderConfig> {\n    return {\n      enableKeyboard: true,\n      showDragHandle: true,\n      dragHandlePosition: 'left',\n      dragHandleWidth: 40,\n      debounceMs: 150,\n      animation: 'flip',\n    };\n  }\n\n  /**\n   * Resolve animation type from plugin config.\n   * Uses base class isAnimationEnabled to respect grid-level settings.\n   */\n  private get animationType(): false | 'flip' {\n    // Check if animations are globally disabled\n    if (!this.isAnimationEnabled) return false;\n\n    // Plugin config (with default from defaultConfig)\n    if (this.config.animation !== undefined) return this.config.animation;\n\n    return 'flip'; // Plugin default\n  }\n\n  // #region Internal State\n  private isDragging = false;\n  private draggedRowIndex: number | null = null;\n  private dropRowIndex: number | null = null;\n  private pendingMove: PendingMove | null = null;\n  private debounceTimer: ReturnType<typeof setTimeout> | null = null;\n  /** Column index to use when flushing pending move */\n  private lastFocusCol = 0;\n  // #endregion\n\n  // #region Lifecycle\n\n  /** @internal */\n  override detach(): void {\n    this.clearDebounceTimer();\n    this.isDragging = false;\n    this.draggedRowIndex = null;\n    this.dropRowIndex = null;\n    this.pendingMove = null;\n  }\n  // #endregion\n\n  // #region Hooks\n\n  /** @internal */\n  override processColumns(columns: readonly ColumnConfig[]): ColumnConfig[] {\n    if (!this.config.showDragHandle) {\n      return [...columns];\n    }\n\n    const dragHandleColumn: ColumnConfig = {\n      field: ROW_DRAG_HANDLE_FIELD,\n      header: '',\n      width: this.config.dragHandleWidth ?? 40,\n      resizable: false,\n      sortable: false,\n      filterable: false,\n      meta: {\n        lockPosition: true,\n        suppressMovable: true,\n        utility: true,\n      },\n      viewRenderer: () => {\n        const container = document.createElement('div');\n        container.className = 'dg-row-drag-handle';\n        container.setAttribute('aria-label', 'Drag to reorder');\n        container.setAttribute('role', 'button');\n        container.setAttribute('tabindex', '-1');\n        // Set draggable as property (not just attribute) for proper HTML5 drag-drop\n        container.draggable = true;\n\n        // Use the grid's configured dragHandle icon\n        this.setIcon(container, this.resolveIcon('dragHandle'));\n\n        return container;\n      },\n    };\n\n    // Position the drag handle column\n    if (this.config.dragHandlePosition === 'right') {\n      return [...columns, dragHandleColumn];\n    }\n    return [dragHandleColumn, ...columns];\n  }\n\n  /** @internal */\n  override afterRender(): void {\n    if (!this.config.showDragHandle) return;\n\n    const gridEl = this.gridElement;\n    if (!gridEl) return;\n\n    // Set up drag start/end listeners on drag handles\n    const handles = gridEl.querySelectorAll('.dg-row-drag-handle');\n    handles.forEach((handle) => {\n      const handleEl = handle as HTMLElement;\n      if (handleEl.getAttribute('data-drag-bound')) return;\n      handleEl.setAttribute('data-drag-bound', 'true');\n\n      const rowEl = handleEl.closest('.data-grid-row') as HTMLElement;\n      if (!rowEl) return;\n\n      // Set up dragstart/dragend on the handle\n      this.setupHandleDragListeners(handleEl, rowEl);\n    });\n\n    // Set up drop target listeners on ALL rows (not just the handle's row)\n    const rows = gridEl.querySelectorAll('.data-grid-row');\n    rows.forEach((row) => {\n      const rowEl = row as HTMLElement;\n      if (rowEl.getAttribute('data-drop-bound')) return;\n      rowEl.setAttribute('data-drop-bound', 'true');\n\n      this.setupRowDropListeners(rowEl);\n    });\n  }\n\n  /**\n   * Handle Ctrl+Arrow keyboard shortcuts for row reordering.\n   * @internal\n   */\n  override onKeyDown(event: KeyboardEvent): boolean | void {\n    if (!this.config.enableKeyboard) return;\n    if (!event.ctrlKey || (event.key !== 'ArrowUp' && event.key !== 'ArrowDown')) {\n      return;\n    }\n\n    const grid = this.grid as unknown as InternalGrid;\n    const focusRow = grid._focusRow;\n    // Use _rows (current visual state) for keyboard moves, not sourceRows\n    // This ensures rapid moves work correctly since we update _rows directly\n    // Fallback to sourceRows for compatibility with tests\n    const rows = grid._rows ?? this.sourceRows;\n\n    if (focusRow < 0 || focusRow >= rows.length) return;\n\n    const direction = event.key === 'ArrowUp' ? 'up' : 'down';\n    const toIndex = direction === 'up' ? focusRow - 1 : focusRow + 1;\n\n    // Check bounds\n    if (toIndex < 0 || toIndex >= rows.length) return;\n\n    const row = rows[focusRow];\n\n    // Validate move\n    if (this.config.canMove && !this.config.canMove(row, focusRow, toIndex, direction)) {\n      return;\n    }\n\n    // Debounce keyboard moves\n    this.handleKeyboardMove(row, focusRow, toIndex, direction, grid._focusCol);\n\n    event.preventDefault();\n    event.stopPropagation();\n    return true;\n  }\n\n  /**\n   * Flush pending keyboard moves when user clicks a cell.\n   * This commits the move immediately so focus works correctly.\n   * @internal\n   */\n  override onCellClick(): void {\n    // If there's a pending keyboard move, flush it immediately\n    // so the user's click focus isn't overridden\n    this.flushPendingMove();\n  }\n  // #endregion\n\n  // #region Public API\n\n  /**\n   * Move a row to a new position programmatically.\n   * @param fromIndex - Current index of the row\n   * @param toIndex - Target index\n   */\n  moveRow(fromIndex: number, toIndex: number): void {\n    const rows = [...this.sourceRows];\n    if (fromIndex < 0 || fromIndex >= rows.length) return;\n    if (toIndex < 0 || toIndex >= rows.length) return;\n    if (fromIndex === toIndex) return;\n\n    const direction = toIndex < fromIndex ? 'up' : 'down';\n    const row = rows[fromIndex];\n\n    // Validate move\n    if (this.config.canMove && !this.config.canMove(row, fromIndex, toIndex, direction)) {\n      return;\n    }\n\n    this.executeMove(row, fromIndex, toIndex, 'keyboard');\n  }\n\n  /**\n   * Check if a row can be moved to a position.\n   * @param fromIndex - Current index of the row\n   * @param toIndex - Target index\n   */\n  canMoveRow(fromIndex: number, toIndex: number): boolean {\n    const rows = this.sourceRows;\n    if (fromIndex < 0 || fromIndex >= rows.length) return false;\n    if (toIndex < 0 || toIndex >= rows.length) return false;\n    if (fromIndex === toIndex) return false;\n\n    if (!this.config.canMove) return true;\n\n    const direction = toIndex < fromIndex ? 'up' : 'down';\n    return this.config.canMove(rows[fromIndex], fromIndex, toIndex, direction);\n  }\n  // #endregion\n\n  // #region Private Methods\n\n  /**\n   * Set up drag start/end listeners on the drag handle element.\n   */\n  private setupHandleDragListeners(handleEl: HTMLElement, rowEl: HTMLElement): void {\n    handleEl.addEventListener('dragstart', (e: DragEvent) => {\n      const rowIndex = this.getRowIndex(rowEl);\n      if (rowIndex < 0) return;\n\n      this.isDragging = true;\n      this.draggedRowIndex = rowIndex;\n\n      if (e.dataTransfer) {\n        e.dataTransfer.effectAllowed = 'move';\n        e.dataTransfer.setData('text/plain', String(rowIndex));\n      }\n\n      rowEl.classList.add('dragging');\n    });\n\n    handleEl.addEventListener('dragend', () => {\n      this.isDragging = false;\n      this.draggedRowIndex = null;\n      this.dropRowIndex = null;\n      this.clearDragClasses();\n    });\n  }\n\n  /**\n   * Set up drop target listeners on a row element.\n   * All rows are valid drop targets during drag operations.\n   */\n  private setupRowDropListeners(rowEl: HTMLElement): void {\n    rowEl.addEventListener('dragover', (e: DragEvent) => {\n      e.preventDefault();\n      if (!this.isDragging || this.draggedRowIndex === null) return;\n\n      const targetIndex = this.getRowIndex(rowEl);\n      if (targetIndex < 0 || targetIndex === this.draggedRowIndex) return;\n\n      const rect = rowEl.getBoundingClientRect();\n      const midY = rect.top + rect.height / 2;\n      const isBefore = e.clientY < midY;\n\n      this.dropRowIndex = isBefore ? targetIndex : targetIndex + 1;\n\n      rowEl.classList.add('drop-target');\n      rowEl.classList.toggle('drop-before', isBefore);\n      rowEl.classList.toggle('drop-after', !isBefore);\n    });\n\n    rowEl.addEventListener('dragleave', () => {\n      rowEl.classList.remove('drop-target', 'drop-before', 'drop-after');\n    });\n\n    rowEl.addEventListener('drop', (e: DragEvent) => {\n      e.preventDefault();\n      const fromIndex = this.draggedRowIndex;\n      let toIndex = this.dropRowIndex;\n\n      if (!this.isDragging || fromIndex === null || toIndex === null) {\n        return;\n      }\n\n      // Adjust toIndex if dropping after the dragged row\n      if (toIndex > fromIndex) {\n        toIndex--;\n      }\n\n      if (fromIndex !== toIndex) {\n        const rows = this.sourceRows;\n        const row = rows[fromIndex];\n        const direction = toIndex < fromIndex ? 'up' : 'down';\n\n        // Validate move\n        if (!this.config.canMove || this.config.canMove(row, fromIndex, toIndex, direction)) {\n          this.executeMove(row, fromIndex, toIndex, 'drag');\n        }\n      }\n    });\n  }\n\n  /**\n   * Handle debounced keyboard moves.\n   * Rows move immediately for visual feedback, but the event emission is debounced.\n   */\n  private handleKeyboardMove(\n    row: unknown,\n    fromIndex: number,\n    toIndex: number,\n    direction: 'up' | 'down',\n    focusCol: number,\n  ): void {\n    // Track move for debounced event emission\n    if (!this.pendingMove) {\n      this.pendingMove = {\n        originalIndex: fromIndex,\n        currentIndex: toIndex,\n        row,\n      };\n    } else {\n      // Update the current index for rapid moves\n      this.pendingMove.currentIndex = toIndex;\n    }\n\n    // Store focus column for flush\n    this.lastFocusCol = focusCol;\n\n    // Move rows immediately for visual feedback\n    // Use _rows (current visual state) for rapid moves, not sourceRows\n    // Fallback to sourceRows for compatibility with tests\n    const grid = this.grid as unknown as InternalGrid;\n    const rows = [...(grid._rows ?? this.sourceRows)];\n    const [movedRow] = rows.splice(fromIndex, 1);\n    rows.splice(toIndex, 0, movedRow);\n\n    // Update grid rows immediately (without triggering change events)\n    grid._rows = rows;\n\n    // Update focus to follow the row\n    grid._focusRow = toIndex;\n    grid._focusCol = focusCol;\n\n    // Refresh virtual window directly - this re-renders from _rows\n    // without overwriting _rows from #rows (which requestRender does)\n    grid.refreshVirtualWindow(true);\n\n    // Ensure focus styling is applied after the row rebuild\n    ensureCellVisible(grid);\n\n    // Debounce the event emission only\n    this.clearDebounceTimer();\n    this.debounceTimer = setTimeout(() => {\n      this.flushPendingMove();\n    }, this.config.debounceMs ?? 300);\n  }\n\n  /**\n   * Flush the pending move by emitting the event.\n   * Called when debounce timer fires or user clicks elsewhere.\n   */\n  private flushPendingMove(): void {\n    this.clearDebounceTimer();\n\n    if (!this.pendingMove) return;\n\n    const { originalIndex, currentIndex, row: movedRow } = this.pendingMove;\n    this.pendingMove = null;\n\n    if (originalIndex === currentIndex) return;\n\n    // Emit cancelable event\n    const detail: RowMoveDetail = {\n      row: movedRow,\n      fromIndex: originalIndex,\n      toIndex: currentIndex,\n      rows: [...this.sourceRows],\n      source: 'keyboard',\n    };\n\n    const cancelled = this.emitCancelable('row-move', detail);\n    if (cancelled) {\n      // Revert to original position\n      const rows = [...this.sourceRows];\n      const [row] = rows.splice(currentIndex, 1);\n      rows.splice(originalIndex, 0, row);\n\n      const grid = this.grid as unknown as InternalGrid;\n      grid._rows = rows;\n      grid._focusRow = originalIndex;\n      grid._focusCol = this.lastFocusCol;\n      grid.refreshVirtualWindow(true);\n      ensureCellVisible(grid);\n    }\n  }\n\n  /**\n   * Execute a row move and emit the event.\n   */\n  private executeMove(row: unknown, fromIndex: number, toIndex: number, source: 'keyboard' | 'drag'): void {\n    const rows = [...this.sourceRows];\n    const [movedRow] = rows.splice(fromIndex, 1);\n    rows.splice(toIndex, 0, movedRow);\n\n    const detail: RowMoveDetail = {\n      row,\n      fromIndex,\n      toIndex,\n      rows,\n      source,\n    };\n\n    // Emit cancelable event\n    const cancelled = this.emitCancelable('row-move', detail);\n    if (!cancelled) {\n      // Apply with animation if enabled\n      if (this.animationType === 'flip' && this.gridElement) {\n        const oldPositions = this.captureRowPositions();\n        this.grid.rows = rows;\n        // Wait for the scheduler to process the virtual window update (RAF)\n        // before running FLIP animation on the new rows\n        requestAnimationFrame(() => {\n          void this.gridElement.offsetHeight;\n          this.animateFLIP(oldPositions, fromIndex, toIndex);\n        });\n      } else {\n        // No animation, just update rows\n        this.grid.rows = rows;\n      }\n    }\n  }\n\n  /**\n   * Capture row positions before reorder.\n   * Maps visual row index to its top position.\n   */\n  private captureRowPositions(): Map<number, number> {\n    const positions = new Map<number, number>();\n    this.gridElement?.querySelectorAll('.data-grid-row').forEach((row) => {\n      const rowIndex = this.getRowIndex(row as HTMLElement);\n      if (rowIndex >= 0) {\n        positions.set(rowIndex, row.getBoundingClientRect().top);\n      }\n    });\n    return positions;\n  }\n\n  /**\n   * Apply FLIP animation for row reorder.\n   * Uses CSS transitions - JS sets initial transform and toggles class.\n   * @param oldPositions - Row positions captured before DOM change\n   * @param fromIndex - Original index of moved row\n   * @param toIndex - New index of moved row\n   */\n  private animateFLIP(oldPositions: Map<number, number>, fromIndex: number, toIndex: number): void {\n    const gridEl = this.gridElement;\n    if (!gridEl || oldPositions.size === 0) return;\n\n    // Calculate which row indices were affected and their new positions\n    const minIndex = Math.min(fromIndex, toIndex);\n    const maxIndex = Math.max(fromIndex, toIndex);\n\n    // Build a map of new row index -> delta Y\n    const rowsToAnimate: { el: HTMLElement; deltaY: number }[] = [];\n\n    gridEl.querySelectorAll('.data-grid-row').forEach((row) => {\n      const rowEl = row as HTMLElement;\n      const newRowIndex = this.getRowIndex(rowEl);\n      if (newRowIndex < 0 || newRowIndex < minIndex || newRowIndex > maxIndex) return;\n\n      // Figure out what this row's old index was\n      let oldIndex: number;\n      if (newRowIndex === toIndex) {\n        // This is the moved row\n        oldIndex = fromIndex;\n      } else if (fromIndex < toIndex) {\n        // Row moved down: rows in between shifted up by 1\n        oldIndex = newRowIndex + 1;\n      } else {\n        // Row moved up: rows in between shifted down by 1\n        oldIndex = newRowIndex - 1;\n      }\n\n      const oldTop = oldPositions.get(oldIndex);\n      if (oldTop === undefined) return;\n\n      const newTop = rowEl.getBoundingClientRect().top;\n      const deltaY = oldTop - newTop;\n\n      if (Math.abs(deltaY) > 1) {\n        rowsToAnimate.push({ el: rowEl, deltaY });\n      }\n    });\n\n    if (rowsToAnimate.length === 0) return;\n\n    // Set initial transform (First → Last position offset)\n    rowsToAnimate.forEach(({ el, deltaY }) => {\n      el.style.transform = `translateY(${deltaY}px)`;\n    });\n\n    // Force reflow then animate to final position via CSS transition\n    void gridEl.offsetHeight;\n\n    const duration = this.animationDuration;\n\n    requestAnimationFrame(() => {\n      rowsToAnimate.forEach(({ el }) => {\n        el.classList.add('flip-animating');\n        el.style.transform = '';\n      });\n\n      // Cleanup after animation\n      setTimeout(() => {\n        rowsToAnimate.forEach(({ el }) => {\n          el.style.transform = '';\n          el.classList.remove('flip-animating');\n        });\n      }, duration + 50);\n    });\n  }\n\n  /**\n   * Get the row index from a row element by checking data-row attribute on cells.\n   * This is consistent with how other plugins retrieve row indices.\n   */\n  private getRowIndex(rowEl: HTMLElement): number {\n    const cell = rowEl.querySelector('.cell[data-row]');\n    return cell ? parseInt(cell.getAttribute('data-row') ?? '-1', 10) : -1;\n  }\n\n  /**\n   * Clear all drag-related classes from rows.\n   */\n  private clearDragClasses(): void {\n    this.gridElement?.querySelectorAll('.data-grid-row').forEach((row) => {\n      row.classList.remove('dragging', 'drop-target', 'drop-before', 'drop-after');\n    });\n  }\n\n  /**\n   * Clear the debounce timer.\n   */\n  private clearDebounceTimer(): void {\n    if (this.debounceTimer) {\n      clearTimeout(this.debounceTimer);\n      this.debounceTimer = null;\n    }\n  }\n  // #endregion\n}\n"],"names":["ROW_DRAG_HANDLE_FIELD","RowReorderPlugin","BaseGridPlugin","styles","columns","dragHandleColumn","container","gridEl","handle","handleEl","rowEl","row","event","grid","focusRow","rows","direction","toIndex","fromIndex","e","rowIndex","targetIndex","rect","midY","isBefore","focusCol","movedRow","ensureCellVisible","originalIndex","currentIndex","detail","source","oldPositions","positions","minIndex","maxIndex","rowsToAnimate","newRowIndex","oldIndex","oldTop","newTop","deltaY","el","duration","cell"],"mappings":"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"}
+{"version":3,"file":"row-reorder.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/row-reorder/RowReorderPlugin.ts"],"sourcesContent":["/**\n * Row Reordering Plugin\n *\n * Provides keyboard and drag-drop row reordering functionality for tbw-grid.\n * Supports Ctrl+Up/Down keyboard shortcuts and optional drag handle column.\n */\n\nimport { ensureCellVisible } from '../../core/internal/keyboard';\nimport { BaseGridPlugin } from '../../core/plugin/base-plugin';\nimport type { ColumnConfig, InternalGrid } from '../../core/types';\nimport styles from './row-reorder.css?inline';\nimport type { PendingMove, RowMoveDetail, RowReorderConfig } from './types';\n\n/** Field name for the drag handle column */\nexport const ROW_DRAG_HANDLE_FIELD = '__tbw_row_drag';\n\n/**\n * Row Reorder Plugin for tbw-grid\n *\n * Enables row reordering via keyboard shortcuts (Ctrl+Up/Down) and drag-drop.\n * Supports validation callbacks and debounced keyboard moves.\n *\n * ## Installation\n *\n * ```ts\n * import { RowReorderPlugin } from '@toolbox-web/grid/plugins/row-reorder';\n * ```\n *\n * ## Configuration Options\n *\n * | Option | Type | Default | Description |\n * |--------|------|---------|-------------|\n * | `enableKeyboard` | `boolean` | `true` | Enable Ctrl+Up/Down shortcuts |\n * | `showDragHandle` | `boolean` | `true` | Show drag handle column |\n * | `dragHandlePosition` | `'left' \\| 'right'` | `'left'` | Drag handle column position |\n * | `dragHandleWidth` | `number` | `40` | Drag handle column width |\n * | `canMove` | `function` | - | Validation callback |\n * | `debounceMs` | `number` | `300` | Debounce time for keyboard moves |\n * | `animation` | `false \\| 'flip'` | `'flip'` | Animation for row moves |\n *\n * ## Keyboard Shortcuts\n *\n * | Key | Action |\n * |-----|--------|\n * | `Ctrl + ↑` | Move focused row up |\n * | `Ctrl + ↓` | Move focused row down |\n *\n * ## Events\n *\n * | Event | Detail | Cancelable | Description |\n * |-------|--------|------------|-------------|\n * | `row-move` | `RowMoveDetail` | Yes | Fired when a row move is attempted |\n *\n * @example Basic Row Reordering\n * ```ts\n * import '@toolbox-web/grid';\n * import { RowReorderPlugin } from '@toolbox-web/grid/plugins/row-reorder';\n *\n * const grid = document.querySelector('tbw-grid');\n * grid.gridConfig = {\n *   columns: [\n *     { field: 'id', header: 'ID' },\n *     { field: 'name', header: 'Name' },\n *   ],\n *   plugins: [new RowReorderPlugin()],\n * };\n *\n * grid.addEventListener('row-move', (e) => {\n *   console.log('Row moved from', e.detail.fromIndex, 'to', e.detail.toIndex);\n * });\n * ```\n *\n * @example With Validation\n * ```ts\n * new RowReorderPlugin({\n *   canMove: (row, fromIndex, toIndex, direction) => {\n *     // Prevent moving locked rows\n *     return !row.locked;\n *   },\n * })\n * ```\n *\n * @see {@link RowReorderConfig} for all configuration options\n * @see {@link RowMoveDetail} for the event detail structure\n */\nexport class RowReorderPlugin extends BaseGridPlugin<RowReorderConfig> {\n  /** @internal */\n  readonly name = 'rowReorder';\n  /** @internal */\n  override readonly styles = styles;\n\n  /** @internal */\n  protected override get defaultConfig(): Partial<RowReorderConfig> {\n    return {\n      enableKeyboard: true,\n      showDragHandle: true,\n      dragHandlePosition: 'left',\n      dragHandleWidth: 40,\n      debounceMs: 150,\n      animation: 'flip',\n    };\n  }\n\n  /**\n   * Resolve animation type from plugin config.\n   * Uses base class isAnimationEnabled to respect grid-level settings.\n   */\n  private get animationType(): false | 'flip' {\n    // Check if animations are globally disabled\n    if (!this.isAnimationEnabled) return false;\n\n    // Plugin config (with default from defaultConfig)\n    if (this.config.animation !== undefined) return this.config.animation;\n\n    return 'flip'; // Plugin default\n  }\n\n  // #region Internal State\n  private isDragging = false;\n  private draggedRowIndex: number | null = null;\n  private dropRowIndex: number | null = null;\n  private pendingMove: PendingMove | null = null;\n  private debounceTimer: ReturnType<typeof setTimeout> | null = null;\n  /** Column index to use when flushing pending move */\n  private lastFocusCol = 0;\n  // #endregion\n\n  // #region Lifecycle\n\n  /** @internal */\n  override detach(): void {\n    this.clearDebounceTimer();\n    this.isDragging = false;\n    this.draggedRowIndex = null;\n    this.dropRowIndex = null;\n    this.pendingMove = null;\n  }\n  // #endregion\n\n  // #region Hooks\n\n  /** @internal */\n  override processColumns(columns: readonly ColumnConfig[]): ColumnConfig[] {\n    if (!this.config.showDragHandle) {\n      return [...columns];\n    }\n\n    const dragHandleColumn: ColumnConfig = {\n      field: ROW_DRAG_HANDLE_FIELD,\n      header: '',\n      width: this.config.dragHandleWidth ?? 40,\n      resizable: false,\n      sortable: false,\n      filterable: false,\n      meta: {\n        lockPosition: true,\n        suppressMovable: true,\n        utility: true,\n      },\n      viewRenderer: () => {\n        const container = document.createElement('div');\n        container.className = 'dg-row-drag-handle';\n        container.setAttribute('aria-label', 'Drag to reorder');\n        container.setAttribute('role', 'button');\n        container.setAttribute('tabindex', '-1');\n        // Set draggable as property (not just attribute) for proper HTML5 drag-drop\n        container.draggable = true;\n\n        // Use the grid's configured dragHandle icon\n        this.setIcon(container, this.resolveIcon('dragHandle'));\n\n        return container;\n      },\n    };\n\n    // Position the drag handle column\n    if (this.config.dragHandlePosition === 'right') {\n      return [...columns, dragHandleColumn];\n    }\n    return [dragHandleColumn, ...columns];\n  }\n\n  /** @internal */\n  override afterRender(): void {\n    if (!this.config.showDragHandle) return;\n\n    const gridEl = this.gridElement;\n    if (!gridEl) return;\n\n    // Set up drag start/end listeners on drag handles\n    const handles = gridEl.querySelectorAll('.dg-row-drag-handle');\n    handles.forEach((handle) => {\n      const handleEl = handle as HTMLElement;\n      if (handleEl.getAttribute('data-drag-bound')) return;\n      handleEl.setAttribute('data-drag-bound', 'true');\n\n      const rowEl = handleEl.closest('.data-grid-row') as HTMLElement;\n      if (!rowEl) return;\n\n      // Set up dragstart/dragend on the handle\n      this.setupHandleDragListeners(handleEl, rowEl);\n    });\n\n    // Set up drop target listeners on ALL rows (not just the handle's row)\n    const rows = gridEl.querySelectorAll('.data-grid-row');\n    rows.forEach((row) => {\n      const rowEl = row as HTMLElement;\n      if (rowEl.getAttribute('data-drop-bound')) return;\n      rowEl.setAttribute('data-drop-bound', 'true');\n\n      this.setupRowDropListeners(rowEl);\n    });\n  }\n\n  /**\n   * Handle Ctrl+Arrow keyboard shortcuts for row reordering.\n   * @internal\n   */\n  override onKeyDown(event: KeyboardEvent): boolean | void {\n    if (!this.config.enableKeyboard) return;\n    if (!event.ctrlKey || (event.key !== 'ArrowUp' && event.key !== 'ArrowDown')) {\n      return;\n    }\n\n    const grid = this.grid as unknown as InternalGrid;\n    const focusRow = grid._focusRow;\n    // Use _rows (current visual state) for keyboard moves, not sourceRows\n    // This ensures rapid moves work correctly since we update _rows directly\n    // Fallback to sourceRows for compatibility with tests\n    const rows = grid._rows ?? this.sourceRows;\n\n    if (focusRow < 0 || focusRow >= rows.length) return;\n\n    const direction = event.key === 'ArrowUp' ? 'up' : 'down';\n    const toIndex = direction === 'up' ? focusRow - 1 : focusRow + 1;\n\n    // Check bounds\n    if (toIndex < 0 || toIndex >= rows.length) return;\n\n    const row = rows[focusRow];\n\n    // Validate move\n    if (this.config.canMove && !this.config.canMove(row, focusRow, toIndex, direction)) {\n      return;\n    }\n\n    // Debounce keyboard moves\n    this.handleKeyboardMove(row, focusRow, toIndex, direction, grid._focusCol);\n\n    event.preventDefault();\n    event.stopPropagation();\n    return true;\n  }\n\n  /**\n   * Flush pending keyboard moves when user clicks a cell.\n   * This commits the move immediately so focus works correctly.\n   * @internal\n   */\n  override onCellClick(): void {\n    // If there's a pending keyboard move, flush it immediately\n    // so the user's click focus isn't overridden\n    this.flushPendingMove();\n  }\n  // #endregion\n\n  // #region Public API\n\n  /**\n   * Move a row to a new position programmatically.\n   * @param fromIndex - Current index of the row\n   * @param toIndex - Target index\n   */\n  moveRow(fromIndex: number, toIndex: number): void {\n    const rows = [...this.sourceRows];\n    if (fromIndex < 0 || fromIndex >= rows.length) return;\n    if (toIndex < 0 || toIndex >= rows.length) return;\n    if (fromIndex === toIndex) return;\n\n    const direction = toIndex < fromIndex ? 'up' : 'down';\n    const row = rows[fromIndex];\n\n    // Validate move\n    if (this.config.canMove && !this.config.canMove(row, fromIndex, toIndex, direction)) {\n      return;\n    }\n\n    this.executeMove(row, fromIndex, toIndex, 'keyboard');\n  }\n\n  /**\n   * Check if a row can be moved to a position.\n   * @param fromIndex - Current index of the row\n   * @param toIndex - Target index\n   */\n  canMoveRow(fromIndex: number, toIndex: number): boolean {\n    const rows = this.sourceRows;\n    if (fromIndex < 0 || fromIndex >= rows.length) return false;\n    if (toIndex < 0 || toIndex >= rows.length) return false;\n    if (fromIndex === toIndex) return false;\n\n    if (!this.config.canMove) return true;\n\n    const direction = toIndex < fromIndex ? 'up' : 'down';\n    return this.config.canMove(rows[fromIndex], fromIndex, toIndex, direction);\n  }\n  // #endregion\n\n  // #region Private Methods\n\n  /**\n   * Set up drag start/end listeners on the drag handle element.\n   */\n  private setupHandleDragListeners(handleEl: HTMLElement, rowEl: HTMLElement): void {\n    handleEl.addEventListener('dragstart', (e: DragEvent) => {\n      const rowIndex = this.getRowIndex(rowEl);\n      if (rowIndex < 0) return;\n\n      this.isDragging = true;\n      this.draggedRowIndex = rowIndex;\n\n      if (e.dataTransfer) {\n        e.dataTransfer.effectAllowed = 'move';\n        e.dataTransfer.setData('text/plain', String(rowIndex));\n      }\n\n      rowEl.classList.add('dragging');\n    });\n\n    handleEl.addEventListener('dragend', () => {\n      this.isDragging = false;\n      this.draggedRowIndex = null;\n      this.dropRowIndex = null;\n      this.clearDragClasses();\n    });\n  }\n\n  /**\n   * Set up drop target listeners on a row element.\n   * All rows are valid drop targets during drag operations.\n   */\n  private setupRowDropListeners(rowEl: HTMLElement): void {\n    rowEl.addEventListener('dragover', (e: DragEvent) => {\n      e.preventDefault();\n      if (!this.isDragging || this.draggedRowIndex === null) return;\n\n      const targetIndex = this.getRowIndex(rowEl);\n      if (targetIndex < 0 || targetIndex === this.draggedRowIndex) return;\n\n      const rect = rowEl.getBoundingClientRect();\n      const midY = rect.top + rect.height / 2;\n      const isBefore = e.clientY < midY;\n\n      this.dropRowIndex = isBefore ? targetIndex : targetIndex + 1;\n\n      rowEl.classList.add('drop-target');\n      rowEl.classList.toggle('drop-before', isBefore);\n      rowEl.classList.toggle('drop-after', !isBefore);\n    });\n\n    rowEl.addEventListener('dragleave', () => {\n      rowEl.classList.remove('drop-target', 'drop-before', 'drop-after');\n    });\n\n    rowEl.addEventListener('drop', (e: DragEvent) => {\n      e.preventDefault();\n      const fromIndex = this.draggedRowIndex;\n      let toIndex = this.dropRowIndex;\n\n      if (!this.isDragging || fromIndex === null || toIndex === null) {\n        return;\n      }\n\n      // Adjust toIndex if dropping after the dragged row\n      if (toIndex > fromIndex) {\n        toIndex--;\n      }\n\n      if (fromIndex !== toIndex) {\n        const rows = this.sourceRows;\n        const row = rows[fromIndex];\n        const direction = toIndex < fromIndex ? 'up' : 'down';\n\n        // Validate move\n        if (!this.config.canMove || this.config.canMove(row, fromIndex, toIndex, direction)) {\n          this.executeMove(row, fromIndex, toIndex, 'drag');\n        }\n      }\n    });\n  }\n\n  /**\n   * Handle debounced keyboard moves.\n   * Rows move immediately for visual feedback, but the event emission is debounced.\n   */\n  private handleKeyboardMove(\n    row: unknown,\n    fromIndex: number,\n    toIndex: number,\n    direction: 'up' | 'down',\n    focusCol: number,\n  ): void {\n    // Track move for debounced event emission\n    if (!this.pendingMove) {\n      this.pendingMove = {\n        originalIndex: fromIndex,\n        currentIndex: toIndex,\n        row,\n      };\n    } else {\n      // Update the current index for rapid moves\n      this.pendingMove.currentIndex = toIndex;\n    }\n\n    // Store focus column for flush\n    this.lastFocusCol = focusCol;\n\n    // Move rows immediately for visual feedback\n    // Use _rows (current visual state) for rapid moves, not sourceRows\n    // Fallback to sourceRows for compatibility with tests\n    const grid = this.grid as unknown as InternalGrid;\n    const rows = [...(grid._rows ?? this.sourceRows)];\n    const [movedRow] = rows.splice(fromIndex, 1);\n    rows.splice(toIndex, 0, movedRow);\n\n    // Update grid rows immediately (without triggering change events)\n    grid._rows = rows;\n\n    // Update focus to follow the row\n    grid._focusRow = toIndex;\n    grid._focusCol = focusCol;\n\n    // Refresh virtual window directly - this re-renders from _rows\n    // without overwriting _rows from #rows (which requestRender does)\n    grid.refreshVirtualWindow(true);\n\n    // Ensure focus styling is applied after the row rebuild\n    ensureCellVisible(grid);\n\n    // Debounce the event emission only\n    this.clearDebounceTimer();\n    this.debounceTimer = setTimeout(() => {\n      this.flushPendingMove();\n    }, this.config.debounceMs ?? 300);\n  }\n\n  /**\n   * Flush the pending move by emitting the event.\n   * Called when debounce timer fires or user clicks elsewhere.\n   */\n  private flushPendingMove(): void {\n    this.clearDebounceTimer();\n\n    if (!this.pendingMove) return;\n\n    const { originalIndex, currentIndex, row: movedRow } = this.pendingMove;\n    this.pendingMove = null;\n\n    if (originalIndex === currentIndex) return;\n\n    // Emit cancelable event\n    const detail: RowMoveDetail = {\n      row: movedRow,\n      fromIndex: originalIndex,\n      toIndex: currentIndex,\n      rows: [...this.sourceRows],\n      source: 'keyboard',\n    };\n\n    const cancelled = this.emitCancelable('row-move', detail);\n    if (cancelled) {\n      // Revert to original position\n      const rows = [...this.sourceRows];\n      const [row] = rows.splice(currentIndex, 1);\n      rows.splice(originalIndex, 0, row);\n\n      const grid = this.grid as unknown as InternalGrid;\n      grid._rows = rows;\n      grid._focusRow = originalIndex;\n      grid._focusCol = this.lastFocusCol;\n      grid.refreshVirtualWindow(true);\n      ensureCellVisible(grid);\n    }\n  }\n\n  /**\n   * Execute a row move and emit the event.\n   */\n  private executeMove(row: unknown, fromIndex: number, toIndex: number, source: 'keyboard' | 'drag'): void {\n    const rows = [...this.sourceRows];\n    const [movedRow] = rows.splice(fromIndex, 1);\n    rows.splice(toIndex, 0, movedRow);\n\n    const detail: RowMoveDetail = {\n      row,\n      fromIndex,\n      toIndex,\n      rows,\n      source,\n    };\n\n    // Emit cancelable event\n    const cancelled = this.emitCancelable('row-move', detail);\n    if (!cancelled) {\n      // Apply with animation if enabled\n      if (this.animationType === 'flip' && this.gridElement) {\n        const oldPositions = this.captureRowPositions();\n        this.grid.rows = rows;\n        // Wait for the scheduler to process the virtual window update (RAF)\n        // before running FLIP animation on the new rows\n        requestAnimationFrame(() => {\n          void this.gridElement.offsetHeight;\n          this.animateFLIP(oldPositions, fromIndex, toIndex);\n        });\n      } else {\n        // No animation, just update rows\n        this.grid.rows = rows;\n      }\n    }\n  }\n\n  /**\n   * Capture row positions before reorder.\n   * Maps visual row index to its top position.\n   */\n  private captureRowPositions(): Map<number, number> {\n    const positions = new Map<number, number>();\n    this.gridElement?.querySelectorAll('.data-grid-row').forEach((row) => {\n      const rowIndex = this.getRowIndex(row as HTMLElement);\n      if (rowIndex >= 0) {\n        positions.set(rowIndex, row.getBoundingClientRect().top);\n      }\n    });\n    return positions;\n  }\n\n  /**\n   * Apply FLIP animation for row reorder.\n   * Uses CSS transitions - JS sets initial transform and toggles class.\n   * @param oldPositions - Row positions captured before DOM change\n   * @param fromIndex - Original index of moved row\n   * @param toIndex - New index of moved row\n   */\n  private animateFLIP(oldPositions: Map<number, number>, fromIndex: number, toIndex: number): void {\n    const gridEl = this.gridElement;\n    if (!gridEl || oldPositions.size === 0) return;\n\n    // Calculate which row indices were affected and their new positions\n    const minIndex = Math.min(fromIndex, toIndex);\n    const maxIndex = Math.max(fromIndex, toIndex);\n\n    // Build a map of new row index -> delta Y\n    const rowsToAnimate: { el: HTMLElement; deltaY: number }[] = [];\n\n    gridEl.querySelectorAll('.data-grid-row').forEach((row) => {\n      const rowEl = row as HTMLElement;\n      const newRowIndex = this.getRowIndex(rowEl);\n      if (newRowIndex < 0 || newRowIndex < minIndex || newRowIndex > maxIndex) return;\n\n      // Figure out what this row's old index was\n      let oldIndex: number;\n      if (newRowIndex === toIndex) {\n        // This is the moved row\n        oldIndex = fromIndex;\n      } else if (fromIndex < toIndex) {\n        // Row moved down: rows in between shifted up by 1\n        oldIndex = newRowIndex + 1;\n      } else {\n        // Row moved up: rows in between shifted down by 1\n        oldIndex = newRowIndex - 1;\n      }\n\n      const oldTop = oldPositions.get(oldIndex);\n      if (oldTop === undefined) return;\n\n      const newTop = rowEl.getBoundingClientRect().top;\n      const deltaY = oldTop - newTop;\n\n      if (Math.abs(deltaY) > 1) {\n        rowsToAnimate.push({ el: rowEl, deltaY });\n      }\n    });\n\n    if (rowsToAnimate.length === 0) return;\n\n    // Set initial transform (First → Last position offset)\n    rowsToAnimate.forEach(({ el, deltaY }) => {\n      el.style.transform = `translateY(${deltaY}px)`;\n    });\n\n    // Force reflow then animate to final position via CSS transition\n    void gridEl.offsetHeight;\n\n    const duration = this.animationDuration;\n\n    requestAnimationFrame(() => {\n      rowsToAnimate.forEach(({ el }) => {\n        el.classList.add('flip-animating');\n        el.style.transform = '';\n      });\n\n      // Cleanup after animation\n      setTimeout(() => {\n        rowsToAnimate.forEach(({ el }) => {\n          el.style.transform = '';\n          el.classList.remove('flip-animating');\n        });\n      }, duration + 50);\n    });\n  }\n\n  /**\n   * Get the row index from a row element by checking data-row attribute on cells.\n   * This is consistent with how other plugins retrieve row indices.\n   */\n  private getRowIndex(rowEl: HTMLElement): number {\n    const cell = rowEl.querySelector('.cell[data-row]');\n    return cell ? parseInt(cell.getAttribute('data-row') ?? '-1', 10) : -1;\n  }\n\n  /**\n   * Clear all drag-related classes from rows.\n   */\n  private clearDragClasses(): void {\n    this.gridElement?.querySelectorAll('.data-grid-row').forEach((row) => {\n      row.classList.remove('dragging', 'drop-target', 'drop-before', 'drop-after');\n    });\n  }\n\n  /**\n   * Clear the debounce timer.\n   */\n  private clearDebounceTimer(): void {\n    if (this.debounceTimer) {\n      clearTimeout(this.debounceTimer);\n      this.debounceTimer = null;\n    }\n  }\n  // #endregion\n}\n"],"names":["ROW_DRAG_HANDLE_FIELD","RowReorderPlugin","BaseGridPlugin","styles","columns","dragHandleColumn","container","gridEl","handle","handleEl","rowEl","row","event","grid","focusRow","rows","direction","toIndex","fromIndex","e","rowIndex","targetIndex","rect","midY","isBefore","focusCol","movedRow","ensureCellVisible","originalIndex","currentIndex","detail","source","oldPositions","positions","minIndex","maxIndex","rowsToAnimate","newRowIndex","oldIndex","oldTop","newTop","deltaY","el","duration","cell"],"mappings":"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"}

package/umd/plugins/selection.umd.js

@@ -1,4 +1,4 @@
-(function(d,g){typeof exports=="object"&&typeof module<"u"?g(exports,require("../../core/internal/utils"),require("../../core/plugin/base-plugin"),require("../../core/plugin/expander-column")):typeof define=="function"&&define.amd?define(["exports","../../core/internal/utils","../../core/plugin/base-plugin","../../core/plugin/expander-column"],g):(d=typeof globalThis<"u"?globalThis:d||self,g(d.TbwGridPlugin_selection={},d.TbwGrid,d.TbwGrid,d.TbwGrid))})(this,(function(d,g,y,f){"use strict";function w(n){return{startRow:Math.min(n.startRow,n.endRow),startCol:Math.min(n.startCol,n.endCol),endRow:Math.max(n.startRow,n.endRow),endCol:Math.max(n.startCol,n.endCol)}}function S(n){const e=w(n);return{from:{row:e.startRow,col:e.startCol},to:{row:e.endRow,col:e.endCol}}}function C(n){return n.map(S)}function A(n,e,t){const s=w(t);return n>=s.startRow&&n<=s.endRow&&e>=s.startCol&&e<=s.endCol}function p(n,e,t){return t.some(s=>A(n,e,s))}function v(n){const e=[],t=w(n);for(let s=t.startRow;s<=t.endRow;s++)for(let r=t.startCol;r<=t.endCol;r++)e.push({row:s,col:r});return e}function x(n){const e=new Map;for(const t of n)for(const s of v(t))e.set(`${s.row},${s.col}`,s);return[...e.values()]}function R(n,e){return{startRow:n.row,startCol:n.col,endRow:e.row,endCol:e.col}}function m(n,e){const t=w(n),s=w(e);return t.startRow===s.startRow&&t.startCol===s.startCol&&t.endRow===s.endRow&&t.endCol===s.endCol}const I="@layer tbw-plugins{tbw-grid.selecting .data-grid-row>.cell{-webkit-user-select:none;user-select:none}tbw-grid[data-has-focus] .data-grid-row.row-focus{background-color:var(--tbw-focus-background, rgba(from var(--tbw-color-accent) r g b / 12%))}tbw-grid[data-selection-mode=row] .cell-focus{outline:none}tbw-grid .data-grid-row>.cell.selected{background-color:var(--tbw-range-selection-bg)}tbw-grid .data-grid-row>.cell.selected.top{border-top:2px solid var(--tbw-range-border-color)}tbw-grid .data-grid-row>.cell.selected.bottom{border-bottom:2px solid var(--tbw-range-border-color)}tbw-grid .data-grid-row>.cell.selected.first{border-left:2px solid var(--tbw-range-border-color)}tbw-grid .data-grid-row>.cell.selected.last{border-right:2px solid var(--tbw-range-border-color)}tbw-grid .data-grid-row[data-selectable=false]{cursor:not-allowed;opacity:.6}tbw-grid .data-grid-row[data-selectable=false].row-focus{background-color:var(--tbw-color-row-alt)}tbw-grid .data-grid-row>.cell[data-selectable=false]{cursor:not-allowed;opacity:.6}tbw-grid .data-grid-row>.cell[data-selectable=false].selected{background-color:var(--tbw-selection-warning-bg, rgba(from var(--tbw-color-error) r g b / 50%))}tbw-grid .tbw-selection-summary{font-size:var(--tbw-font-size-sm, .8125rem);color:var(--tbw-color-fg-muted);white-space:nowrap}}";function k(n,e,t){if(n==="cell"&&e.selectedCell)return{mode:n,ranges:[{from:{row:e.selectedCell.row,col:e.selectedCell.col},to:{row:e.selectedCell.row,col:e.selectedCell.col}}]};if(n==="row"&&e.selected.size>0){const s=[...e.selected].map(r=>({from:{row:r,col:0},to:{row:r,col:t-1}}));return{mode:n,ranges:s}}return n==="range"&&e.ranges.length>0?{mode:n,ranges:C(e.ranges)}:{mode:n,ranges:[]}}class E extends y.BaseGridPlugin{static manifest={queries:[{type:"getSelection",description:"Get the current selection state"}],configRules:[{id:"selection/range-dblclick",severity:"warn",message:`"triggerOn: 'dblclick'" has no effect when mode is "range".
+(function(d,g){typeof exports=="object"&&typeof module<"u"?g(exports,require("../../core/internal/utils"),require("../../core/plugin/base-plugin"),require("../../core/plugin/expander-column")):typeof define=="function"&&define.amd?define(["exports","../../core/internal/utils","../../core/plugin/base-plugin","../../core/plugin/expander-column"],g):(d=typeof globalThis<"u"?globalThis:d||self,g(d.TbwGridPlugin_selection={},d.TbwGrid,d.TbwGrid,d.TbwGrid))})(this,(function(d,g,y,f){"use strict";function w(n){return{startRow:Math.min(n.startRow,n.endRow),startCol:Math.min(n.startCol,n.endCol),endRow:Math.max(n.startRow,n.endRow),endCol:Math.max(n.startCol,n.endCol)}}function S(n){const e=w(n);return{from:{row:e.startRow,col:e.startCol},to:{row:e.endRow,col:e.endCol}}}function C(n){return n.map(S)}function A(n,e,t){const s=w(t);return n>=s.startRow&&n<=s.endRow&&e>=s.startCol&&e<=s.endCol}function p(n,e,t){return t.some(s=>A(n,e,s))}function v(n){const e=[],t=w(n);for(let s=t.startRow;s<=t.endRow;s++)for(let r=t.startCol;r<=t.endCol;r++)e.push({row:s,col:r});return e}function x(n){const e=new Map;for(const t of n)for(const s of v(t))e.set(`${s.row},${s.col}`,s);return[...e.values()]}function R(n,e){return{startRow:n.row,startCol:n.col,endRow:e.row,endCol:e.col}}function m(n,e){const t=w(n),s=w(e);return t.startRow===s.startRow&&t.startCol===s.startCol&&t.endRow===s.endRow&&t.endCol===s.endCol}const I="@layer tbw-plugins{tbw-grid.selecting .data-grid-row>.cell{-webkit-user-select:none;user-select:none}tbw-grid:has(.selection){-webkit-user-select:none;user-select:none}tbw-grid[data-has-focus] .data-grid-row.row-focus{background-color:var(--tbw-focus-background, rgba(from var(--tbw-color-accent) r g b / 12%))}tbw-grid[data-selection-mode=row] .cell-focus{outline:none}tbw-grid .data-grid-row>.cell.selected{background-color:var(--tbw-range-selection-bg)}tbw-grid .data-grid-row>.cell.selected.top{border-top:2px solid var(--tbw-range-border-color)}tbw-grid .data-grid-row>.cell.selected.bottom{border-bottom:2px solid var(--tbw-range-border-color)}tbw-grid .data-grid-row>.cell.selected.first{border-left:2px solid var(--tbw-range-border-color)}tbw-grid .data-grid-row>.cell.selected.last{border-right:2px solid var(--tbw-range-border-color)}tbw-grid .data-grid-row[data-selectable=false]{cursor:not-allowed;opacity:.6}tbw-grid .data-grid-row[data-selectable=false].row-focus{background-color:var(--tbw-color-row-alt)}tbw-grid .data-grid-row>.cell[data-selectable=false]{cursor:not-allowed;opacity:.6}tbw-grid .data-grid-row>.cell[data-selectable=false].selected{background-color:var(--tbw-selection-warning-bg, rgba(from var(--tbw-color-error) r g b / 50%))}tbw-grid .tbw-selection-summary{font-size:var(--tbw-font-size-sm, .8125rem);color:var(--tbw-color-fg-muted);white-space:nowrap}}";function k(n,e,t){if(n==="cell"&&e.selectedCell)return{mode:n,ranges:[{from:{row:e.selectedCell.row,col:e.selectedCell.col},to:{row:e.selectedCell.row,col:e.selectedCell.col}}]};if(n==="row"&&e.selected.size>0){const s=[...e.selected].map(r=>({from:{row:r,col:0},to:{row:r,col:t-1}}));return{mode:n,ranges:s}}return n==="range"&&e.ranges.length>0?{mode:n,ranges:C(e.ranges)}:{mode:n,ranges:[]}}class E extends y.BaseGridPlugin{static manifest={queries:[{type:"getSelection",description:"Get the current selection state"}],configRules:[{id:"selection/range-dblclick",severity:"warn",message:`"triggerOn: 'dblclick'" has no effect when mode is "range".
   → Range selection uses drag interaction (mousedown → mousemove), not click events.
   → The "triggerOn" option only affects "cell" and "row" selection modes.`,check:e=>e.mode==="range"&&e.triggerOn==="dblclick"}]};name="selection";styles=I;get defaultConfig(){return{mode:"cell",triggerOn:"click",enabled:!0}}selected=new Set;lastSelected=null;anchor=null;ranges=[];activeRange=null;cellAnchor=null;isDragging=!1;pendingKeyboardUpdate=null;selectedCell=null;isSelectionEnabled(){return this.config.enabled===!1?!1:this.grid.effectiveConfig?.selectable!==!1}checkSelectable(e,t){const{isSelectable:s}=this.config;if(!s)return!0;const r=this.rows[e];if(!r)return!1;const i=t!==void 0?this.columns[t]:void 0;return s(r,e,i,t)}isRowSelectable(e){return this.checkSelectable(e)}isCellSelectable(e,t){return this.checkSelectable(e,t)}attach(e){super.attach(e),this.on("filter-applied",()=>this.clearSelectionSilent()),this.on("grouping-state-change",()=>this.clearSelectionSilent()),this.on("tree-state-change",()=>this.clearSelectionSilent())}handleQuery(e){if(e.type==="getSelection")return this.getSelection()}detach(){this.selected.clear(),this.ranges=[],this.activeRange=null,this.cellAnchor=null,this.isDragging=!1,this.selectedCell=null,this.pendingKeyboardUpdate=null}clearSelectionSilent(){this.selected.clear(),this.ranges=[],this.activeRange=null,this.cellAnchor=null,this.selectedCell=null,this.lastSelected=null,this.anchor=null,this.requestAfterRender()}onCellClick(e){if(!this.isSelectionEnabled())return!1;const{rowIndex:t,colIndex:s,originalEvent:r}=e,{mode:i,triggerOn:l="click"}=this.config;if(r.type!==l)return!1;const o=this.columns[s],h=o&&f.isUtilityColumn(o);if(i==="cell"){if(h||!this.isCellSelectable(t,s))return!1;const c=this.selectedCell;return c&&c.row===t&&c.col===s||(this.selectedCell={row:t,col:s},this.emit("selection-change",this.#e()),this.requestAfterRender()),!1}if(i==="row")return!this.isRowSelectable(t)||this.selected.size===1&&this.selected.has(t)||(this.selected.clear(),this.selected.add(t),this.lastSelected=t,this.emit("selection-change",this.#e()),this.requestAfterRender()),!1;if(i==="range"){if(h||!this.isCellSelectable(t,s))return!1;const c=r.shiftKey,u=r.ctrlKey||r.metaKey;if(c&&this.cellAnchor){const a=R(this.cellAnchor,{row:t,col:s}),b=this.ranges.length>0?this.ranges[this.ranges.length-1]:null;if(b&&m(b,a))return!1;u?this.ranges.length>0?this.ranges[this.ranges.length-1]=a:this.ranges.push(a):this.ranges=[a],this.activeRange=a}else if(u){const a={startRow:t,startCol:s,endRow:t,endCol:s};this.ranges.push(a),this.activeRange=a,this.cellAnchor={row:t,col:s}}else{const a={startRow:t,startCol:s,endRow:t,endCol:s};if(this.ranges.length===1&&m(this.ranges[0],a))return!1;this.ranges=[a],this.activeRange=a,this.cellAnchor={row:t,col:s}}return this.emit("selection-change",this.#e()),this.requestAfterRender(),!1}return!1}onKeyDown(e){if(!this.isSelectionEnabled())return!1;const{mode:t}=this.config,r=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Tab","Home","End","PageUp","PageDown"].includes(e.key);if(e.key==="Escape")return t==="cell"?this.selectedCell=null:t==="row"?(this.selected.clear(),this.anchor=null):t==="range"&&(this.ranges=[],this.activeRange=null,this.cellAnchor=null),this.emit("selection-change",this.#e()),this.requestAfterRender(),!0;if(t==="cell"&&r)return queueMicrotask(()=>{const i=this.grid._focusRow,l=this.grid._focusCol;this.isCellSelectable(i,l)?this.selectedCell={row:i,col:l}:this.selectedCell=null,this.emit("selection-change",this.#e()),this.requestAfterRender()}),!1;if(t==="row"&&(e.key==="ArrowUp"||e.key==="ArrowDown"))return queueMicrotask(()=>{const i=this.grid._focusRow;this.isRowSelectable(i)?(this.selected.clear(),this.selected.add(i),this.lastSelected=i):this.selected.clear(),this.emit("selection-change",this.#e()),this.requestAfterRender()}),!1;if(t==="range"&&r){const i=e.key==="Tab",l=e.shiftKey&&!i;return l&&!this.cellAnchor&&(this.cellAnchor={row:this.grid._focusRow,col:this.grid._focusCol}),this.pendingKeyboardUpdate={shiftKey:l},queueMicrotask(()=>this.requestAfterRender()),!1}if(t==="range"&&e.key==="a"&&(e.ctrlKey||e.metaKey)){const i=this.rows.length,l=this.columns.length;if(i>0&&l>0){e.preventDefault(),e.stopPropagation();const o={startRow:0,startCol:0,endRow:i-1,endCol:l-1};return this.ranges=[o],this.activeRange=o,this.emit("selection-change",this.#e()),this.requestAfterRender(),!0}}return!1}onCellMouseDown(e){if(!this.isSelectionEnabled()||this.config.mode!=="range"||e.rowIndex===void 0||e.colIndex===void 0||e.rowIndex<0)return;const t=this.columns[e.colIndex];if(t&&f.isUtilityColumn(t)||!this.isCellSelectable(e.rowIndex,e.colIndex)||e.originalEvent.shiftKey&&this.cellAnchor)return;this.isDragging=!0;const s=e.rowIndex,r=e.colIndex,i=e.originalEvent.ctrlKey||e.originalEvent.metaKey,l={startRow:s,startCol:r,endRow:s,endCol:r};return!i&&this.ranges.length===1&&m(this.ranges[0],l)?(this.cellAnchor={row:s,col:r},!0):(this.cellAnchor={row:s,col:r},i||(this.ranges=[]),this.ranges.push(l),this.activeRange=l,this.emit("selection-change",this.#e()),this.requestAfterRender(),!0)}onCellMouseMove(e){if(!this.isSelectionEnabled()||this.config.mode!=="range"||!this.isDragging||!this.cellAnchor||e.rowIndex===void 0||e.colIndex===void 0||e.rowIndex<0)return;let t=e.colIndex;const s=this.columns[t];if(s&&f.isUtilityColumn(s)){const l=this.columns.findIndex(o=>!f.isUtilityColumn(o));l>=0&&(t=l)}const r=R(this.cellAnchor,{row:e.rowIndex,col:t}),i=this.ranges.length>0?this.ranges[this.ranges.length-1]:null;return i&&m(i,r)||(this.ranges.length>0?this.ranges[this.ranges.length-1]=r:this.ranges.push(r),this.activeRange=r,this.emit("selection-change",this.#e()),this.requestAfterRender()),!0}onCellMouseUp(e){if(this.isSelectionEnabled()&&this.config.mode==="range"&&this.isDragging)return this.isDragging=!1,!0}#t(){const e=this.gridElement;if(!e)return;const{mode:t}=this.config,s=!!this.config.isSelectable;e.querySelectorAll(".cell").forEach(l=>{l.classList.remove("selected","top","bottom","first","last"),s&&l.removeAttribute("data-selectable")});const i=e.querySelectorAll(".data-grid-row");if(i.forEach(l=>{l.classList.remove("selected","row-focus"),s&&l.removeAttribute("data-selectable")}),t==="row"&&(g.clearCellFocus(e),i.forEach(l=>{const o=l.querySelector(".cell[data-row]"),h=g.getRowIndexFromCell(o);h>=0&&(s&&!this.isRowSelectable(h)&&l.setAttribute("data-selectable","false"),this.selected.has(h)&&l.classList.add("selected","row-focus"))})),(t==="cell"||t==="range")&&s&&e.querySelectorAll(".cell[data-row][data-col]").forEach(o=>{const h=parseInt(o.getAttribute("data-row")??"-1",10),c=parseInt(o.getAttribute("data-col")??"-1",10);h>=0&&c>=0&&(this.isCellSelectable(h,c)||o.setAttribute("data-selectable","false"))}),t==="range"&&this.ranges.length>0){g.clearCellFocus(e);const l=this.activeRange?w(this.activeRange):null,o=this.columns.findIndex(c=>!f.isUtilityColumn(c));this.columns.length-1,e.querySelectorAll(".cell[data-row][data-col]").forEach(c=>{const u=parseInt(c.getAttribute("data-row")??"-1",10),a=parseInt(c.getAttribute("data-col")??"-1",10);if(u>=0&&a>=0){const b=this.columns[a];if(b&&f.isUtilityColumn(b))return;if(p(u,a,this.ranges)&&(c.classList.add("selected"),l)){u===l.startRow&&c.classList.add("top"),u===l.endRow&&c.classList.add("bottom");const q=Math.max(l.startCol,o);a===q&&c.classList.add("first"),a===l.endCol&&c.classList.add("last")}}})}}afterRender(){if(!this.isSelectionEnabled())return;const e=this.gridElement;if(!e)return;const t=e.children[0],{mode:s}=this.config;if(this.pendingKeyboardUpdate&&s==="range"){const{shiftKey:r}=this.pendingKeyboardUpdate;this.pendingKeyboardUpdate=null;const i=this.grid._focusRow,l=this.grid._focusCol;if(r&&this.cellAnchor){const o=R(this.cellAnchor,{row:i,col:l});this.ranges=[o],this.activeRange=o}else r||(this.ranges=[],this.activeRange=null,this.cellAnchor={row:i,col:l});this.emit("selection-change",this.#e())}this.grid.setAttribute("data-selection-mode",s),t&&t.classList.toggle("selecting",this.isDragging),this.#t()}onScrollRender(){this.isSelectionEnabled()&&this.#t()}getSelection(){return{mode:this.config.mode,ranges:this.#e().ranges,anchor:this.cellAnchor}}getSelectedCells(){return x(this.ranges)}isCellSelected(e,t){return p(e,t,this.ranges)}clearSelection(){this.selectedCell=null,this.selected.clear(),this.anchor=null,this.ranges=[],this.activeRange=null,this.cellAnchor=null,this.emit("selection-change",{mode:this.config.mode,ranges:[]}),this.requestAfterRender()}setRanges(e){this.ranges=e.map(t=>({startRow:t.from.row,startCol:t.from.col,endRow:t.to.row,endCol:t.to.col})),this.activeRange=this.ranges.length>0?this.ranges[this.ranges.length-1]:null,this.emit("selection-change",{mode:this.config.mode,ranges:C(this.ranges)}),this.requestAfterRender()}#e(){return k(this.config.mode,{selectedCell:this.selectedCell,selected:this.selected,ranges:this.ranges},this.columns.length)}}d.SelectionPlugin=E,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})}));
 //# sourceMappingURL=selection.umd.js.map