@toolbox-web/grid 2.0.0-rc.1 → 2.0.0-rc.2

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

@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("../../core/constants"),require("../../core/internal/keyboard"),require("../../core/plugin/base-plugin")):"function"==typeof define&&define.amd?define(["exports","../../core/constants","../../core/internal/keyboard","../../core/plugin/base-plugin"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).TbwGridPlugin_reorderRows={},e.TbwGrid,e.TbwGrid,e.TbwGrid)}(this,function(e,t,r,o){"use strict";const n="__tbw_row_drag";class i extends o.BaseGridPlugin{name="reorderRows";aliases=["rowReorder"];styles='@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}}';get defaultConfig(){return{enableKeyboard:!0,showDragHandle:!0,dragHandlePosition:"left",dragHandleWidth:40,debounceMs:150,animation:"flip"}}get animationType(){return!!this.isAnimationEnabled&&(void 0!==this.config.animation?this.config.animation:"flip")}isDragging=!1;draggedRowIndex=null;dropRowIndex=null;pendingMove=null;debounceTimer=null;lastFocusCol=0;get#e(){return this.grid}attach(e){super.attach(e),this.setupDelegatedDragListeners()}detach(){this.clearDebounceTimer(),this.isDragging=!1,this.draggedRowIndex=null,this.dropRowIndex=null,this.pendingMove=null}processColumns(e){if(!this.config.showDragHandle)return[...e];const t={field:n,header:"",width:this.config.dragHandleWidth??40,resizable:!1,sortable:!1,filterable:!1,meta:{lockPosition:!0,suppressMovable:!0,utility:!0},viewRenderer:()=>{const e=document.createElement("div");return e.className="dg-row-drag-handle",e.setAttribute("aria-label","Drag to reorder"),e.setAttribute("role","button"),e.setAttribute("tabindex","-1"),e.draggable=!0,this.setIcon(e,"dragHandle"),e}};return"right"===this.config.dragHandlePosition?[...e,t]:[t,...e]}afterRender(){}onKeyDown(e){if(!this.config.enableKeyboard)return;if(!e.ctrlKey||"ArrowUp"!==e.key&&"ArrowDown"!==e.key)return;const t=this.#e,r=t._focusRow,o=t._rows??this.sourceRows;if(r<0||r>=o.length)return;const n="ArrowUp"===e.key?"up":"down",i="up"===n?r-1:r+1;if(i<0||i>=o.length)return;const s=o[r];return!this.config.canMove||this.config.canMove(s,r,i,n)?(this.handleKeyboardMove(s,r,i,n,t._focusCol),e.preventDefault(),e.stopPropagation(),!0):void 0}onCellClick(){this.flushPendingMove()}moveRow(e,t){const r=[...this.sourceRows];if(e<0||e>=r.length)return;if(t<0||t>=r.length)return;if(e===t)return;const o=t<e?"up":"down",n=r[e];this.config.canMove&&!this.config.canMove(n,e,t,o)||this.executeMove(n,e,t,"keyboard")}canMoveRow(e,t){const r=this.sourceRows;if(e<0||e>=r.length)return!1;if(t<0||t>=r.length)return!1;if(e===t)return!1;if(!this.config.canMove)return!0;const o=t<e?"up":"down";return this.config.canMove(r[e],e,t,o)}setupDelegatedDragListeners(){const e=this.gridElement;if(!e)return;const r=this.disconnectSignal;e.addEventListener("dragstart",e=>{const r=e,o=r.target.closest(".dg-row-drag-handle");if(!o)return;const n=o.closest(".data-grid-row");if(!n)return;const i=this.getRowIndex(n);i<0||(this.isDragging=!0,this.draggedRowIndex=i,r.dataTransfer&&(r.dataTransfer.effectAllowed="move",r.dataTransfer.setData("text/plain",String(i))),n.classList.add(t.GridClasses.DRAGGING))},{signal:r}),e.addEventListener("dragend",()=>{this.isDragging=!1,this.draggedRowIndex=null,this.dropRowIndex=null,this.clearDragClasses()},{signal:r}),e.addEventListener("dragover",e=>{const t=e;if(!this.isDragging||null===this.draggedRowIndex)return;const r=t.target.closest(".data-grid-row");if(!r)return;t.preventDefault();const o=this.getRowIndex(r);if(o<0||o===this.draggedRowIndex)return;const n=r.getBoundingClientRect(),i=n.top+n.height/2,s=t.clientY<i;this.dropRowIndex=s?o:o+1,r.classList.add("drop-target"),r.classList.toggle("drop-before",s),r.classList.toggle("drop-after",!s)},{signal:r}),e.addEventListener("dragleave",e=>{const t=e.target.closest(".data-grid-row");t&&t.classList.remove("drop-target","drop-before","drop-after")},{signal:r}),e.addEventListener("drop",e=>{e.preventDefault();const t=this.draggedRowIndex;let r=this.dropRowIndex;if(this.isDragging&&null!==t&&null!==r&&(r>t&&r--,t!==r)){const e=this.sourceRows[t],o=r<t?"up":"down";this.config.canMove&&!this.config.canMove(e,t,r,o)||this.executeMove(e,t,r,"drag")}},{signal:r})}handleKeyboardMove(e,t,o,n,i){this.pendingMove?this.pendingMove.currentIndex=o:this.pendingMove={originalIndex:t,currentIndex:o,row:e},this.lastFocusCol=i;const s=this.#e,a=[...s._rows??this.sourceRows],[d]=a.splice(t,1);a.splice(o,0,d),s._rows=a,s._focusRow=o,s._focusCol=i,s.refreshVirtualWindow(!0),r.ensureCellVisible(s),this.clearDebounceTimer(),this.debounceTimer=setTimeout(()=>{this.flushPendingMove()},this.config.debounceMs??300)}flushPendingMove(){if(this.clearDebounceTimer(),!this.pendingMove)return;const{originalIndex:e,currentIndex:t,row:o}=this.pendingMove;if(this.pendingMove=null,e===t)return;const n={row:o,fromIndex:e,toIndex:t,rows:[...this.sourceRows],source:"keyboard"};if(this.emitCancelable("row-move",n)){const o=[...this.sourceRows],[n]=o.splice(t,1);o.splice(e,0,n);const i=this.#e;i._rows=o,i._focusRow=e,i._focusCol=this.lastFocusCol,i.refreshVirtualWindow(!0),r.ensureCellVisible(i)}}executeMove(e,t,r,o){const n=[...this.sourceRows],[i]=n.splice(t,1);n.splice(r,0,i);const s={row:e,fromIndex:t,toIndex:r,rows:n,source:o};if(!this.emitCancelable("row-move",s))if("flip"===this.animationType&&this.gridElement){const e=this.captureRowPositions();this.grid.rows=n,requestAnimationFrame(()=>{this.gridElement.offsetHeight,this.animateFLIP(e,t,r)})}else this.grid.rows=n}captureRowPositions(){const e=new Map;return this.gridElement?.querySelectorAll(".data-grid-row").forEach(t=>{const r=this.getRowIndex(t);r>=0&&e.set(r,t.getBoundingClientRect().top)}),e}animateFLIP(e,t,r){const o=this.gridElement;if(!o||0===e.size)return;const n=Math.min(t,r),i=Math.max(t,r),s=[];if(o.querySelectorAll(".data-grid-row").forEach(o=>{const a=o,d=this.getRowIndex(a);if(d<0||d<n||d>i)return;let l;l=d===r?t:t<r?d+1:d-1;const c=e.get(l);if(void 0===c)return;const g=c-a.getBoundingClientRect().top;Math.abs(g)>1&&s.push({el:a,deltaY:g})}),0===s.length)return;s.forEach(({el:e,deltaY:t})=>{e.style.transform=`translateY(${t}px)`}),o.offsetHeight;const a=this.animationDuration;requestAnimationFrame(()=>{s.forEach(({el:e})=>{e.classList.add("flip-animating"),e.style.transform=""}),setTimeout(()=>{s.forEach(({el:e})=>{e.style.transform="",e.classList.remove("flip-animating")})},a+50)})}getRowIndex(e){const t=e.querySelector(".cell[data-row]");return t?parseInt(t.getAttribute("data-row")??"-1",10):-1}clearDragClasses(){this.gridElement?.querySelectorAll(".data-grid-row").forEach(e=>{e.classList.remove(t.GridClasses.DRAGGING,"drop-target","drop-before","drop-after")})}clearDebounceTimer(){this.debounceTimer&&(clearTimeout(this.debounceTimer),this.debounceTimer=null)}}e.ROW_DRAG_HANDLE_FIELD=n,e.RowReorderPlugin=i,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("../../core/constants"),require("../../core/internal/keyboard"),require("../../core/plugin/base-plugin")):"function"==typeof define&&define.amd?define(["exports","../../core/constants","../../core/internal/keyboard","../../core/plugin/base-plugin"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).TbwGridPlugin_reorderRows={},e.TbwGrid,e.TbwGrid,e.TbwGrid)}(this,function(e,t,r,o){"use strict";const n="__tbw_row_drag";class i extends o.BaseGridPlugin{name="reorderRows";aliases=["rowReorder"];styles='@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}}';get defaultConfig(){return{enableKeyboard:!0,showDragHandle:!0,dragHandlePosition:"left",dragHandleWidth:40,debounceMs:150,animation:"flip"}}get animationType(){return!!this.isAnimationEnabled&&(void 0!==this.config.animation?this.config.animation:"flip")}isDragging=!1;draggedRowIndex=null;dropRowIndex=null;pendingMove=null;debounceTimer=null;lastFocusCol=0;get#e(){return this.grid}attach(e){super.attach(e),this.setupDelegatedDragListeners()}detach(){this.clearDebounceTimer(),this.isDragging=!1,this.draggedRowIndex=null,this.dropRowIndex=null,this.pendingMove=null}processColumns(e){if(!this.config.showDragHandle)return[...e];const t={field:n,header:"",width:this.config.dragHandleWidth??40,resizable:!1,sortable:!1,filterable:!1,meta:{lockPosition:!0,suppressMovable:!0,utility:!0},viewRenderer:()=>{const e=document.createElement("div");return e.className="dg-row-drag-handle",e.setAttribute("aria-label","Drag to reorder"),e.setAttribute("role","button"),e.setAttribute("tabindex","-1"),e.draggable=!0,this.setIcon(e,"dragHandle"),e}};return"right"===this.config.dragHandlePosition?[...e,t]:[t,...e]}afterRender(){}onKeyDown(e){if(!this.config.enableKeyboard)return;if(!e.ctrlKey||"ArrowUp"!==e.key&&"ArrowDown"!==e.key)return;const t=this.#e,r=t._focusRow,o=t._rows??this.sourceRows;if(r<0||r>=o.length)return;const n="ArrowUp"===e.key?"up":"down",i="up"===n?r-1:r+1;if(i<0||i>=o.length)return;const s=o[r];return this.canMoveRow(r,i)?(this.handleKeyboardMove(s,r,i,n,t._focusCol),e.preventDefault(),e.stopPropagation(),!0):void 0}onCellClick(){this.flushPendingMove()}moveRow(e,t){const r=[...this.sourceRows];if(e<0||e>=r.length)return;if(t<0||t>=r.length)return;if(e===t)return;const o=r[e];this.canMoveRow(e,t)&&this.executeMove(o,e,t,"keyboard")}canMoveRow(e,t){const r=this.sourceRows;if(e<0||e>=r.length)return!1;if(t<0||t>=r.length)return!1;if(e===t)return!1;const o=r[e],n=this.grid?.query?.("canMoveRow",o);if(Array.isArray(n)&&n.includes(!1))return!1;if(!this.config.canMove)return!0;const i=t<e?"up":"down";return this.config.canMove(r[e],e,t,i)}setupDelegatedDragListeners(){const e=this.gridElement;if(!e)return;const r=this.disconnectSignal;e.addEventListener("dragstart",e=>{const r=e,o=r.target.closest(".dg-row-drag-handle");if(!o)return;const n=o.closest(".data-grid-row");if(!n)return;const i=this.getRowIndex(n);i<0||(this.isDragging=!0,this.draggedRowIndex=i,r.dataTransfer&&(r.dataTransfer.effectAllowed="move",r.dataTransfer.setData("text/plain",String(i))),n.classList.add(t.GridClasses.DRAGGING))},{signal:r}),e.addEventListener("dragend",()=>{this.isDragging=!1,this.draggedRowIndex=null,this.dropRowIndex=null,this.clearDragClasses()},{signal:r}),e.addEventListener("dragover",e=>{const t=e;if(!this.isDragging||null===this.draggedRowIndex)return;const r=t.target.closest(".data-grid-row");if(!r)return;t.preventDefault();const o=this.getRowIndex(r);if(o<0||o===this.draggedRowIndex)return;const n=r.getBoundingClientRect(),i=n.top+n.height/2,s=t.clientY<i;this.dropRowIndex=s?o:o+1,r.classList.add("drop-target"),r.classList.toggle("drop-before",s),r.classList.toggle("drop-after",!s)},{signal:r}),e.addEventListener("dragleave",e=>{const t=e.target.closest(".data-grid-row");t&&t.classList.remove("drop-target","drop-before","drop-after")},{signal:r}),e.addEventListener("drop",e=>{e.preventDefault();const t=this.draggedRowIndex;let r=this.dropRowIndex;if(this.isDragging&&null!==t&&null!==r&&(r>t&&r--,t!==r)){const e=this.sourceRows[t];this.canMoveRow(t,r)&&this.executeMove(e,t,r,"drag")}},{signal:r})}handleKeyboardMove(e,t,o,n,i){this.pendingMove?this.pendingMove.currentIndex=o:this.pendingMove={originalIndex:t,currentIndex:o,row:e},this.lastFocusCol=i;const s=this.#e,a=[...s._rows??this.sourceRows],[d]=a.splice(t,1);a.splice(o,0,d),s._rows=a,s._focusRow=o,s._focusCol=i,s.refreshVirtualWindow(!0),r.ensureCellVisible(s),this.clearDebounceTimer(),this.debounceTimer=setTimeout(()=>{this.flushPendingMove()},this.config.debounceMs??300)}flushPendingMove(){if(this.clearDebounceTimer(),!this.pendingMove)return;const{originalIndex:e,currentIndex:t,row:o}=this.pendingMove;if(this.pendingMove=null,e===t)return;const n={row:o,fromIndex:e,toIndex:t,rows:[...this.sourceRows],source:"keyboard"};if(this.emitCancelable("row-move",n)){const o=[...this.sourceRows],[n]=o.splice(t,1);o.splice(e,0,n);const i=this.#e;i._rows=o,i._focusRow=e,i._focusCol=this.lastFocusCol,i.refreshVirtualWindow(!0),r.ensureCellVisible(i)}}executeMove(e,t,r,o){const n=[...this.sourceRows],[i]=n.splice(t,1);n.splice(r,0,i);const s={row:e,fromIndex:t,toIndex:r,rows:n,source:o};if(!this.emitCancelable("row-move",s))if("flip"===this.animationType&&this.gridElement){const e=this.captureRowPositions();this.grid.rows=n,requestAnimationFrame(()=>{this.gridElement.offsetHeight,this.animateFLIP(e,t,r)})}else this.grid.rows=n}captureRowPositions(){const e=new Map;return this.gridElement?.querySelectorAll(".data-grid-row").forEach(t=>{const r=this.getRowIndex(t);r>=0&&e.set(r,t.getBoundingClientRect().top)}),e}animateFLIP(e,t,r){const o=this.gridElement;if(!o||0===e.size)return;const n=Math.min(t,r),i=Math.max(t,r),s=[];if(o.querySelectorAll(".data-grid-row").forEach(o=>{const a=o,d=this.getRowIndex(a);if(d<0||d<n||d>i)return;let l;l=d===r?t:t<r?d+1:d-1;const c=e.get(l);if(void 0===c)return;const g=c-a.getBoundingClientRect().top;Math.abs(g)>1&&s.push({el:a,deltaY:g})}),0===s.length)return;s.forEach(({el:e,deltaY:t})=>{e.style.transform=`translateY(${t}px)`}),o.offsetHeight;const a=this.animationDuration;requestAnimationFrame(()=>{s.forEach(({el:e})=>{e.classList.add("flip-animating"),e.style.transform=""}),setTimeout(()=>{s.forEach(({el:e})=>{e.style.transform="",e.classList.remove("flip-animating")})},a+50)})}getRowIndex(e){const t=e.querySelector(".cell[data-row]");return t?parseInt(t.getAttribute("data-row")??"-1",10):-1}clearDragClasses(){this.gridElement?.querySelectorAll(".data-grid-row").forEach(e=>{e.classList.remove(t.GridClasses.DRAGGING,"drop-target","drop-before","drop-after")})}clearDebounceTimer(){this.debounceTimer&&(clearTimeout(this.debounceTimer),this.debounceTimer=null)}}e.ROW_DRAG_HANDLE_FIELD=n,e.RowReorderPlugin=i,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});
 //# sourceMappingURL=reorder-rows.umd.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"reorder-rows.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/reorder-rows/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 { GridClasses } from '../../core/constants';\nimport { ensureCellVisible } from '../../core/internal/keyboard';\nimport { BaseGridPlugin } from '../../core/plugin/base-plugin';\nimport type { ColumnConfig, GridHost } 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/reorder-rows';\n * ```\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` | {@link RowMoveDetail} | Yes | Fired when a row move is attempted |\n *\n * @example Basic Row Reordering\n * ```ts\n * import { queryGrid } from '@toolbox-web/grid';\n * import { RowReorderPlugin } from '@toolbox-web/grid/plugins/reorder-rows';\n *\n * const grid = queryGrid('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.on('row-move', ({ fromIndex, toIndex }) => {\n *   console.log('Row moved from', fromIndex, 'to', 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 = 'reorderRows';\n  /** @internal */\n  override readonly aliases = ['rowReorder'] as const;\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\n  /** Typed internal grid accessor. */\n  get #internalGrid(): GridHost {\n    return this.grid as unknown as GridHost;\n  }\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    this.setupDelegatedDragListeners();\n  }\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, '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    // No-op: drag listeners are set up via event delegation in attach()\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.#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 delegated drag-and-drop listeners on the grid element.\n   * Uses event delegation so recycled/virtualized rows work without rebinding.\n   */\n  private setupDelegatedDragListeners(): void {\n    const gridEl = this.gridElement;\n    if (!gridEl) return;\n    const signal = this.disconnectSignal;\n\n    // dragstart — only from .dg-row-drag-handle\n    gridEl.addEventListener(\n      'dragstart',\n      (e: Event) => {\n        const de = e as DragEvent;\n        const handle = (de.target as HTMLElement).closest('.dg-row-drag-handle') as HTMLElement | null;\n        if (!handle) return;\n        const rowEl = handle.closest('.data-grid-row') as HTMLElement;\n        if (!rowEl) return;\n\n        const rowIndex = this.getRowIndex(rowEl);\n        if (rowIndex < 0) return;\n\n        this.isDragging = true;\n        this.draggedRowIndex = rowIndex;\n\n        if (de.dataTransfer) {\n          de.dataTransfer.effectAllowed = 'move';\n          de.dataTransfer.setData('text/plain', String(rowIndex));\n        }\n\n        rowEl.classList.add(GridClasses.DRAGGING);\n      },\n      { signal },\n    );\n\n    // dragend — clean up\n    gridEl.addEventListener(\n      'dragend',\n      () => {\n        this.isDragging = false;\n        this.draggedRowIndex = null;\n        this.dropRowIndex = null;\n        this.clearDragClasses();\n      },\n      { signal },\n    );\n\n    // dragover — highlight drop target\n    gridEl.addEventListener(\n      'dragover',\n      (e: Event) => {\n        const de = e as DragEvent;\n        if (!this.isDragging || this.draggedRowIndex === null) return;\n\n        const rowEl = (de.target as HTMLElement).closest('.data-grid-row') as HTMLElement | null;\n        if (!rowEl) return;\n\n        de.preventDefault();\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 = de.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      { signal },\n    );\n\n    // dragleave — remove highlight\n    gridEl.addEventListener(\n      'dragleave',\n      (e: Event) => {\n        const rowEl = (e.target as HTMLElement).closest('.data-grid-row') as HTMLElement | null;\n        if (rowEl) {\n          rowEl.classList.remove('drop-target', 'drop-before', 'drop-after');\n        }\n      },\n      { signal },\n    );\n\n    // drop — execute the row move\n    gridEl.addEventListener(\n      'drop',\n      (e: Event) => {\n        const de = e as DragEvent;\n        de.preventDefault();\n\n        const fromIndex = this.draggedRowIndex;\n        let toIndex = this.dropRowIndex;\n\n        if (!this.isDragging || fromIndex === null || toIndex === null) return;\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          if (!this.config.canMove || this.config.canMove(row, fromIndex, toIndex, direction)) {\n            this.executeMove(row, fromIndex, toIndex, 'drag');\n          }\n        }\n      },\n      { signal },\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.#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.#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(GridClasses.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","name","aliases","styles","defaultConfig","enableKeyboard","showDragHandle","dragHandlePosition","dragHandleWidth","debounceMs","animation","animationType","this","isAnimationEnabled","config","isDragging","draggedRowIndex","dropRowIndex","pendingMove","debounceTimer","lastFocusCol","internalGrid","grid","attach","super","setupDelegatedDragListeners","detach","clearDebounceTimer","processColumns","columns","dragHandleColumn","field","header","width","resizable","sortable","filterable","meta","lockPosition","suppressMovable","utility","viewRenderer","container","document","createElement","className","setAttribute","draggable","setIcon","afterRender","onKeyDown","event","ctrlKey","key","focusRow","_focusRow","rows","_rows","sourceRows","length","direction","toIndex","row","canMove","handleKeyboardMove","_focusCol","preventDefault","stopPropagation","onCellClick","flushPendingMove","moveRow","fromIndex","executeMove","canMoveRow","gridEl","gridElement","signal","disconnectSignal","addEventListener","e","de","handle","target","closest","rowEl","rowIndex","getRowIndex","dataTransfer","effectAllowed","setData","String","classList","add","GridClasses","DRAGGING","clearDragClasses","targetIndex","rect","getBoundingClientRect","midY","top","height","isBefore","clientY","toggle","remove","focusCol","currentIndex","originalIndex","movedRow","splice","refreshVirtualWindow","ensureCellVisible","setTimeout","detail","source","emitCancelable","oldPositions","captureRowPositions","requestAnimationFrame","offsetHeight","animateFLIP","positions","Map","querySelectorAll","forEach","set","size","minIndex","Math","min","maxIndex","max","rowsToAnimate","newRowIndex","oldIndex","oldTop","get","deltaY","abs","push","el","style","transform","duration","animationDuration","cell","querySelector","parseInt","getAttribute","clearTimeout"],"mappings":"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"}
+{"version":3,"file":"reorder-rows.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/reorder-rows/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 { GridClasses } from '../../core/constants';\nimport { ensureCellVisible } from '../../core/internal/keyboard';\nimport { BaseGridPlugin } from '../../core/plugin/base-plugin';\nimport type { ColumnConfig, GridHost } 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/reorder-rows';\n * ```\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` | {@link RowMoveDetail} | Yes | Fired when a row move is attempted |\n *\n * @example Basic Row Reordering\n * ```ts\n * import { queryGrid } from '@toolbox-web/grid';\n * import { RowReorderPlugin } from '@toolbox-web/grid/plugins/reorder-rows';\n *\n * const grid = queryGrid('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.on('row-move', ({ fromIndex, toIndex }) => {\n *   console.log('Row moved from', fromIndex, 'to', 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 = 'reorderRows';\n  /** @internal */\n  override readonly aliases = ['rowReorder'] as const;\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\n  /** Typed internal grid accessor. */\n  get #internalGrid(): GridHost {\n    return this.grid as unknown as GridHost;\n  }\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    this.setupDelegatedDragListeners();\n  }\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, '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    // No-op: drag listeners are set up via event delegation in attach()\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.#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 against both plugin queries and user callback\n    if (!this.canMoveRow(focusRow, toIndex)) {\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 against both plugin queries and user callback\n    if (!this.canMoveRow(fromIndex, toIndex)) {\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   * Consults both the user-provided `canMove` callback and the plugin query system\n   * (`canMoveRow` query) — GroupingRows blocks group header moves, Tree blocks\n   * parent node moves.\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    // Ask plugins via query system (Tree blocks parent nodes, GroupingRows blocks group headers)\n    const row = rows[fromIndex];\n    const queryResults = this.grid?.query?.('canMoveRow', row);\n    if (Array.isArray(queryResults) && queryResults.includes(false)) 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 delegated drag-and-drop listeners on the grid element.\n   * Uses event delegation so recycled/virtualized rows work without rebinding.\n   */\n  private setupDelegatedDragListeners(): void {\n    const gridEl = this.gridElement;\n    if (!gridEl) return;\n    const signal = this.disconnectSignal;\n\n    // dragstart — only from .dg-row-drag-handle\n    gridEl.addEventListener(\n      'dragstart',\n      (e: Event) => {\n        const de = e as DragEvent;\n        const handle = (de.target as HTMLElement).closest('.dg-row-drag-handle') as HTMLElement | null;\n        if (!handle) return;\n        const rowEl = handle.closest('.data-grid-row') as HTMLElement;\n        if (!rowEl) return;\n\n        const rowIndex = this.getRowIndex(rowEl);\n        if (rowIndex < 0) return;\n\n        this.isDragging = true;\n        this.draggedRowIndex = rowIndex;\n\n        if (de.dataTransfer) {\n          de.dataTransfer.effectAllowed = 'move';\n          de.dataTransfer.setData('text/plain', String(rowIndex));\n        }\n\n        rowEl.classList.add(GridClasses.DRAGGING);\n      },\n      { signal },\n    );\n\n    // dragend — clean up\n    gridEl.addEventListener(\n      'dragend',\n      () => {\n        this.isDragging = false;\n        this.draggedRowIndex = null;\n        this.dropRowIndex = null;\n        this.clearDragClasses();\n      },\n      { signal },\n    );\n\n    // dragover — highlight drop target\n    gridEl.addEventListener(\n      'dragover',\n      (e: Event) => {\n        const de = e as DragEvent;\n        if (!this.isDragging || this.draggedRowIndex === null) return;\n\n        const rowEl = (de.target as HTMLElement).closest('.data-grid-row') as HTMLElement | null;\n        if (!rowEl) return;\n\n        de.preventDefault();\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 = de.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      { signal },\n    );\n\n    // dragleave — remove highlight\n    gridEl.addEventListener(\n      'dragleave',\n      (e: Event) => {\n        const rowEl = (e.target as HTMLElement).closest('.data-grid-row') as HTMLElement | null;\n        if (rowEl) {\n          rowEl.classList.remove('drop-target', 'drop-before', 'drop-after');\n        }\n      },\n      { signal },\n    );\n\n    // drop — execute the row move\n    gridEl.addEventListener(\n      'drop',\n      (e: Event) => {\n        const de = e as DragEvent;\n        de.preventDefault();\n\n        const fromIndex = this.draggedRowIndex;\n        let toIndex = this.dropRowIndex;\n\n        if (!this.isDragging || fromIndex === null || toIndex === null) return;\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\n          if (this.canMoveRow(fromIndex, toIndex)) {\n            this.executeMove(row, fromIndex, toIndex, 'drag');\n          }\n        }\n      },\n      { signal },\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.#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.#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(GridClasses.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","name","aliases","styles","defaultConfig","enableKeyboard","showDragHandle","dragHandlePosition","dragHandleWidth","debounceMs","animation","animationType","this","isAnimationEnabled","config","isDragging","draggedRowIndex","dropRowIndex","pendingMove","debounceTimer","lastFocusCol","internalGrid","grid","attach","super","setupDelegatedDragListeners","detach","clearDebounceTimer","processColumns","columns","dragHandleColumn","field","header","width","resizable","sortable","filterable","meta","lockPosition","suppressMovable","utility","viewRenderer","container","document","createElement","className","setAttribute","draggable","setIcon","afterRender","onKeyDown","event","ctrlKey","key","focusRow","_focusRow","rows","_rows","sourceRows","length","direction","toIndex","row","canMoveRow","handleKeyboardMove","_focusCol","preventDefault","stopPropagation","onCellClick","flushPendingMove","moveRow","fromIndex","executeMove","queryResults","query","Array","isArray","includes","canMove","gridEl","gridElement","signal","disconnectSignal","addEventListener","e","de","handle","target","closest","rowEl","rowIndex","getRowIndex","dataTransfer","effectAllowed","setData","String","classList","add","GridClasses","DRAGGING","clearDragClasses","targetIndex","rect","getBoundingClientRect","midY","top","height","isBefore","clientY","toggle","remove","focusCol","currentIndex","originalIndex","movedRow","splice","refreshVirtualWindow","ensureCellVisible","setTimeout","detail","source","emitCancelable","oldPositions","captureRowPositions","requestAnimationFrame","offsetHeight","animateFLIP","positions","Map","querySelectorAll","forEach","set","size","minIndex","Math","min","maxIndex","max","rowsToAnimate","newRowIndex","oldIndex","oldTop","get","deltaY","abs","push","el","style","transform","duration","animationDuration","cell","querySelector","parseInt","getAttribute","clearTimeout"],"mappings":"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"}

package/umd/plugins/selection.umd.js

@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("../../core/constants"),require("../../core/internal/aria"),require("../../core/internal/utils"),require("../../core/plugin/base-plugin"),require("../../core/plugin/expander-column")):"function"==typeof define&&define.amd?define(["exports","../../core/constants","../../core/internal/aria","../../core/internal/utils","../../core/plugin/base-plugin","../../core/plugin/expander-column"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).TbwGridPlugin_selection={},e.TbwGrid,e.TbwGrid,e.TbwGrid,e.TbwGrid,e.TbwGrid)}(this,function(e,t,s,i,l,r){"use strict";function o(e){return{startRow:Math.min(e.startRow,e.endRow),startCol:Math.min(e.startCol,e.endCol),endRow:Math.max(e.startRow,e.endRow),endCol:Math.max(e.startCol,e.endCol)}}function n(e){const t=o(e);return{from:{row:t.startRow,col:t.startCol},to:{row:t.endRow,col:t.endCol}}}function c(e){return e.map(n)}function a(e,t,s){return s.some(s=>function(e,t,s){const i=o(s);return e>=i.startRow&&e<=i.endRow&&t>=i.startCol&&t<=i.endCol}(e,t,s))}function d(e){const t=[],s=o(e);for(let i=s.startRow;i<=s.endRow;i++)for(let e=s.startCol;e<=s.endCol;e++)t.push({row:i,col:e});return t}function h(e,t){return{startRow:e.row,startCol:e.col,endRow:t.row,endCol:t.col}}function g(e,t){const s=o(e),i=o(t);return s.startRow===i.startRow&&s.startCol===i.startCol&&s.endRow===i.endRow&&s.endCol===i.endCol}const u="__tbw_checkbox";class w extends l.BaseGridPlugin{static manifest={queries:[{type:"getSelection",description:"Get the current selection state"},{type:"selectRows",description:"Select specific rows by index (row mode only)"},{type:"getSelectedRowIndices",description:"Get sorted array of selected row indices"},{type:"getSelectedRows",description:"Get actual row objects for the current selection (works in all modes)"}],configRules:[{id:"selection/range-dblclick",severity:"warn",message:'"triggerOn: \'dblclick\'" has no effect when mode is "range".\n  → Range selection uses drag interaction (mousedown → mousemove), not click events.\n  → The "triggerOn" option only affects "cell" and "row" selection modes.',check:e=>"range"===e.mode&&"dblclick"===e.triggerOn}]};name="selection";styles='@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:has(.selection)[data-selection-mode=row] .cell-focus,tbw-grid:has(.selection)[data-selection-mode=row] .row-focus,tbw-grid:has(.selection)[data-selection-mode=range] .cell-focus{outline:none}tbw-grid .data-grid-row.row-focus{background-color:var(--tbw-focus-background, rgba(from var(--tbw-color-accent) r g b / 12%));outline:none;position:relative}tbw-grid .data-grid-row.row-focus:after{content:"";position:absolute;inset:0;pointer-events:none;border-width:0;border-style:var(--tbw-selection-border-style, var(--tbw-border-style));border-color:var(--tbw-range-border-color, var(--tbw-color-accent));border-top-width:var(--tbw-selection-border-width, var(--tbw-border-width));border-bottom-width:var(--tbw-selection-border-width, var(--tbw-border-width));z-index:1}tbw-grid .data-grid-row.row-focus+.data-grid-row.row-focus:after{border-top-width:0}tbw-grid .data-grid-row.row-focus:has(+.data-grid-row.row-focus):after{border-bottom-width:0}tbw-grid .data-grid-row>.cell.selected{background-color:var(--tbw-range-selection-bg);position:relative}tbw-grid .data-grid-row>.cell.selected:after{content:"";position:absolute;inset:0;pointer-events:none;border:0 var(--tbw-selection-border-style, var(--tbw-border-style)) var(--tbw-range-border-color);z-index:1}tbw-grid .data-grid-row>.cell.selected.top:after{border-top-width:var(--tbw-selection-border-width, var(--tbw-border-width))}tbw-grid .data-grid-row>.cell.selected.bottom:after{border-bottom-width:var(--tbw-selection-border-width, var(--tbw-border-width))}tbw-grid .data-grid-row>.cell.selected.first:after{border-left-width:var(--tbw-selection-border-width, var(--tbw-border-width))}tbw-grid .data-grid-row>.cell.selected.last:after{border-right-width:var(--tbw-selection-border-width, var(--tbw-border-width))}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}tbw-grid .data-grid-row>.cell[data-field=__tbw_checkbox],tbw-grid .header-row>.cell[data-field=__tbw_checkbox]{text-align:center;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}tbw-grid .tbw-select-row-checkbox{pointer-events:none;margin:0;cursor:pointer}tbw-grid .tbw-checkbox-header{display:flex;justify-content:center;align-items:center;height:100%}tbw-grid .tbw-select-all-checkbox{margin:0;cursor:pointer}}';get defaultConfig(){return{mode:"cell",triggerOn:"click",enabled:!0,multiSelect:!0}}selected=new Set;lastSelected=null;anchor=null;ranges=[];activeRange=null;cellAnchor=null;isDragging=!1;pendingKeyboardUpdate=null;pendingRowKeyUpdate=null;selectedCell=null;lastSyncedFocusRow=-1;lastSyncedFocusCol=-1;announceTimer=null;explicitSelection=!1;isSelectionEnabled(){return!1!==this.config.enabled&&!1!==this.grid.effectiveConfig?.selectable}checkSelectable(e,t){const{isSelectable:s}=this.config;if(!s)return!0;const i=this.rows[e];if(!i)return!1;return s(i,e,void 0!==t?this.visibleColumns[t]:void 0,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){return"getSelection"===e.type?this.getSelection():"getSelectedRowIndices"===e.type?this.getSelectedRowIndices():"getSelectedRows"===e.type?this.getSelectedRows():"selectRows"===e.type?(this.selectRows(e.context),!0):void 0}detach(){this.selected.clear(),this.ranges=[],this.activeRange=null,this.cellAnchor=null,this.isDragging=!1,this.selectedCell=null,this.pendingKeyboardUpdate=null,this.pendingRowKeyUpdate=null,this.lastSyncedFocusRow=-1,this.lastSyncedFocusCol=-1}clearSelectionSilent(){this.selected.clear(),this.ranges=[],this.activeRange=null,this.cellAnchor=null,this.selectedCell=null,this.lastSelected=null,this.anchor=null,this.lastSyncedFocusRow=-1,this.lastSyncedFocusCol=-1,this.requestAfterRender()}onCellClick(e){if(!this.isSelectionEnabled())return!1;const{rowIndex:t,colIndex:s,originalEvent:i}=e,{mode:l,triggerOn:o="click"}=this.config;if(i.type!==o)return!1;const n=e.column,c=n&&r.isUtilityColumn(n);if("cell"===l){if(c)return!1;if(!this.isCellSelectable(t,s))return!1;const e=this.selectedCell;return e&&e.row===t&&e.col===s||(this.selectedCell={row:t,col:s},this.emit("selection-change",this.#e()),this.requestAfterRender()),!1}if("row"===l){if(!this.isRowSelectable(t))return!1;const e=!1!==this.config.multiSelect,s=i.shiftKey&&e,l=(i.ctrlKey||i.metaKey)&&e,r=!0===n?.meta?.checkboxColumn;if(s&&null!==this.anchor){const e=Math.min(this.anchor,t),s=Math.max(this.anchor,t);l||this.selected.clear();for(let t=e;t<=s;t++)this.isRowSelectable(t)&&this.selected.add(t)}else if(l||r&&e)this.selected.has(t)?this.selected.delete(t):this.selected.add(t),this.anchor=t;else{if(1===this.selected.size&&this.selected.has(t))return!1;this.selected.clear(),this.selected.add(t),this.anchor=t}return this.lastSelected=t,this.explicitSelection=!0,this.emit("selection-change",this.#e()),this.requestAfterRender(),!1}if("range"===l){if(c)return!1;if(!this.isCellSelectable(t,s))return!1;const e=i.shiftKey,l=(i.ctrlKey||i.metaKey)&&!1!==this.config.multiSelect;if(e&&this.cellAnchor){const e=h(this.cellAnchor,{row:t,col:s}),i=this.ranges.length>0?this.ranges[this.ranges.length-1]:null;if(i&&g(i,e))return!1;l?this.ranges.length>0?this.ranges[this.ranges.length-1]=e:this.ranges.push(e):this.ranges=[e],this.activeRange=e}else if(l){const e={startRow:t,startCol:s,endRow:t,endCol:s};this.ranges.push(e),this.activeRange=e,this.cellAnchor={row:t,col:s}}else{const e={startRow:t,startCol:s,endRow:t,endCol:s};if(1===this.ranges.length&&g(this.ranges[0],e))return!1;this.ranges=[e],this.activeRange=e,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,s=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Tab","Home","End","PageUp","PageDown"].includes(e.key);if("Escape"===e.key){return!this.grid.query("isEditing").some(Boolean)&&("cell"===t?this.selectedCell=null:"row"===t?(this.selected.clear(),this.anchor=null):"range"===t&&(this.ranges=[],this.activeRange=null,this.cellAnchor=null),this.emit("selection-change",this.#e()),this.requestAfterRender(),!0)}if("cell"===t&&s)return queueMicrotask(()=>{const e=this.grid._focusRow,t=this.grid._focusCol;this.isCellSelectable(e,t)?this.selectedCell={row:e,col:t}:this.selectedCell=null,this.emit("selection-change",this.#e()),this.requestAfterRender()}),!1;if("row"===t){const t=!1!==this.config.multiSelect;if("ArrowUp"===e.key||"ArrowDown"===e.key||"PageUp"===e.key||"PageDown"===e.key||(e.ctrlKey||e.metaKey)&&("Home"===e.key||"End"===e.key)){const s=e.shiftKey&&t;return s&&null===this.anchor&&(this.anchor=this.grid._focusRow),this.explicitSelection=!0,this.pendingRowKeyUpdate={shiftKey:s},queueMicrotask(()=>this.requestAfterRender()),!1}if(t&&"a"===e.key&&(e.ctrlKey||e.metaKey)){return!this.grid.query("isEditing").some(Boolean)&&(e.preventDefault(),e.stopPropagation(),this.selectAll(),!0)}}if("range"===t&&s){const t="Tab"===e.key,s=e.shiftKey&&!t;return s&&!this.cellAnchor&&(this.cellAnchor={row:this.grid._focusRow,col:this.grid._focusCol}),this.pendingKeyboardUpdate={shiftKey:s},queueMicrotask(()=>this.requestAfterRender()),!1}if("range"===t&&!1!==this.config.multiSelect&&"a"===e.key&&(e.ctrlKey||e.metaKey)){return!this.grid.query("isEditing").some(Boolean)&&(e.preventDefault(),e.stopPropagation(),this.selectAll(),!0)}return!1}onCellMouseDown(e){if(!this.isSelectionEnabled())return;if("range"!==this.config.mode)return;if(void 0===e.rowIndex||void 0===e.colIndex)return;if(e.rowIndex<0)return;if(e.column&&r.isUtilityColumn(e.column))return;if(!this.isCellSelectable(e.rowIndex,e.colIndex))return;if(e.originalEvent.shiftKey&&this.cellAnchor)return;this.isDragging=!0;const t=e.rowIndex,s=e.colIndex,i=(e.originalEvent.ctrlKey||e.originalEvent.metaKey)&&!1!==this.config.multiSelect,l={startRow:t,startCol:s,endRow:t,endCol:s};return!i&&1===this.ranges.length&&g(this.ranges[0],l)?(this.cellAnchor={row:t,col:s},!0):(this.cellAnchor={row:t,col:s},i||(this.ranges=[]),this.ranges.push(l),this.activeRange=l,this.emit("selection-change",this.#e()),this.requestAfterRender(),!0)}onCellMouseMove(e){if(!this.isSelectionEnabled())return;if("range"!==this.config.mode)return;if(!this.isDragging||!this.cellAnchor)return;if(void 0===e.rowIndex||void 0===e.colIndex)return;if(e.rowIndex<0)return;let t=e.colIndex;const s=this.visibleColumns[t];if(s&&r.isUtilityColumn(s)){const e=this.visibleColumns.findIndex(e=>!r.isUtilityColumn(e));e>=0&&(t=e)}const i=h(this.cellAnchor,{row:e.rowIndex,col:t}),l=this.ranges.length>0?this.ranges[this.ranges.length-1]:null;return l&&g(l,i)||(this.ranges.length>0?this.ranges[this.ranges.length-1]=i:this.ranges.push(i),this.activeRange=i,this.emit("selection-change",this.#e()),this.requestAfterRender()),!0}onCellMouseUp(e){if(this.isSelectionEnabled()&&"range"===this.config.mode)return this.isDragging?(this.isDragging=!1,!0):void 0}processColumns(e){if(this.config.checkbox&&"row"===this.config.mode){if(e.some(e=>e.field===u))return e;const t=this.#t(),s=e.findIndex(r.isExpanderColumn),i=s>=0?s+1:0;return[...e.slice(0,i),t,...e.slice(i)]}return e}#t(){return{field:u,header:"",width:32,resizable:!1,sortable:!1,meta:{lockPosition:!0,suppressMovable:!0,utility:!0,checkboxColumn:!0},headerRenderer:()=>{const e=document.createElement("div");if(e.className="tbw-checkbox-header",!1===this.config.multiSelect)return e;const t=document.createElement("input");return t.type="checkbox",t.className="tbw-select-all-checkbox",t.addEventListener("click",e=>{e.stopPropagation(),e.target.checked?this.selectAll():this.clearSelection()}),e.appendChild(t),e},renderer:e=>{const t=document.createElement("input");t.type="checkbox",t.className="tbw-select-row-checkbox";const s=e.cellEl;if(s){const e=parseInt(s.getAttribute("data-row")??"-1",10);e>=0&&(t.checked=this.selected.has(e))}return t}}}#s(e){e.querySelectorAll(".tbw-select-row-checkbox").forEach(e=>{const t=e.closest(".cell"),s=t?i.getRowIndexFromCell(t):-1;s>=0&&(e.checked=this.selected.has(s))});const t=e.querySelector(".tbw-select-all-checkbox");if(t){const e=this.rows.length;let s=0;if(this.config.isSelectable)for(let t=0;t<e;t++)this.isRowSelectable(t)&&s++;else s=e;const i=s>0&&this.selected.size>=s,l=this.selected.size>0;t.checked=i,t.indeterminate=l&&!i}}#i(e){const t=this.grid._focusRow,s=this.grid._focusCol;if("row"===e){if(this.explicitSelection)return this.explicitSelection=!1,void(this.lastSyncedFocusRow=t);t!==this.lastSyncedFocusRow&&(this.lastSyncedFocusRow=t,this.isRowSelectable(t)&&(this.selected.has(t)&&1===this.selected.size||(this.selected.clear(),this.selected.add(t),this.lastSelected=t,this.anchor=t,this.emit("selection-change",this.#e()))))}if("cell"===e){if(this.explicitSelection)return this.explicitSelection=!1,this.lastSyncedFocusRow=t,void(this.lastSyncedFocusCol=s);if((t!==this.lastSyncedFocusRow||s!==this.lastSyncedFocusCol)&&(this.lastSyncedFocusRow=t,this.lastSyncedFocusCol=s,this.isCellSelectable(t,s))){const e=this.selectedCell;e&&e.row===t&&e.col===s||(this.selectedCell={row:t,col:s},this.emit("selection-change",this.#e()))}}}#l(){const e=this.gridElement;if(!e)return;const{mode:s}=this.config,l=!!this.config.isSelectable;e.querySelectorAll(".cell").forEach(e=>{e.classList.remove(t.GridClasses.SELECTED,"top","bottom","first","last"),l&&e.removeAttribute("data-selectable")});const n=e.querySelectorAll(".data-grid-row");if(n.forEach(e=>{e.classList.remove(t.GridClasses.SELECTED,"row-focus"),e.setAttribute("aria-selected","false"),l&&e.removeAttribute("data-selectable")}),"row"===s&&(i.clearCellFocus(e),n.forEach(e=>{const s=e.querySelector(".cell[data-row]"),r=i.getRowIndexFromCell(s);r>=0&&(l&&!this.isRowSelectable(r)&&e.setAttribute("data-selectable","false"),this.selected.has(r)&&(e.classList.add(t.GridClasses.SELECTED,"row-focus"),e.setAttribute("aria-selected","true")))}),this.config.checkbox&&this.#s(e)),("cell"===s||"range"===s)&&l){e.querySelectorAll(".cell[data-row][data-col]").forEach(e=>{const t=parseInt(e.getAttribute("data-row")??"-1",10),s=parseInt(e.getAttribute("data-col")??"-1",10);t>=0&&s>=0&&(this.isCellSelectable(t,s)||e.setAttribute("data-selectable","false"))})}if("range"===s&&this.ranges.length>0){i.clearCellFocus(e);const s=this.ranges.map(o),l=(e,t)=>{for(const i of s)if(e>=i.startRow&&e<=i.endRow&&t>=i.startCol&&t<=i.endCol)return!0;return!1};e.querySelectorAll(".cell[data-row][data-col]").forEach(e=>{const s=parseInt(e.getAttribute("data-row")??"-1",10),i=parseInt(e.getAttribute("data-col")??"-1",10);if(s>=0&&i>=0){const o=this.visibleColumns[i];if(o&&r.isUtilityColumn(o))return;l(s,i)&&(e.classList.add(t.GridClasses.SELECTED),e.setAttribute("aria-selected","true"),l(s-1,i)||e.classList.add("top"),l(s+1,i)||e.classList.add("bottom"),l(s,i-1)||e.classList.add("first"),l(s,i+1)||e.classList.add("last"))}})}}afterRender(){if(!this.isSelectionEnabled())return;const e=this.gridElement;if(!e)return;const t=e.querySelector(".tbw-grid-root"),{mode:s}=this.config;if(this.pendingRowKeyUpdate&&"row"===s){const{shiftKey:e}=this.pendingRowKeyUpdate;this.pendingRowKeyUpdate=null;const t=this.grid._focusRow;if(e&&null!==this.anchor){this.selected.clear();const e=Math.min(this.anchor,t),s=Math.max(this.anchor,t);for(let t=e;t<=s;t++)this.isRowSelectable(t)&&this.selected.add(t)}else this.isRowSelectable(t)?(this.selected.clear(),this.selected.add(t),this.anchor=t):this.selected.clear();this.lastSelected=t,this.emit("selection-change",this.#e())}if(this.pendingKeyboardUpdate&&"range"===s){const{shiftKey:e}=this.pendingKeyboardUpdate;this.pendingKeyboardUpdate=null;const t=this.grid._focusRow,s=this.grid._focusCol;if(e&&this.cellAnchor){const e=h(this.cellAnchor,{row:t,col:s});this.ranges=[e],this.activeRange=e}else e||(this.ranges=[],this.activeRange=null,this.cellAnchor={row:t,col:s});this.emit("selection-change",this.#e())}this.#i(s),this.gridElement.setAttribute("data-selection-mode",s),t&&t.classList.toggle("selecting",this.isDragging),this.#l()}onScrollRender(){this.isSelectionEnabled()&&this.#l()}getSelection(){return{mode:this.config.mode,ranges:this.#e().ranges,anchor:this.cellAnchor}}getSelectedCells(){return function(e){const t=new Map;for(const s of e)for(const e of d(s))t.set(`${e.row},${e.col}`,e);return[...t.values()]}(this.ranges)}isCellSelected(e,t){return a(e,t,this.ranges)}selectAll(){const{mode:e,multiSelect:t}=this.config;if(!1!==t)if("row"===e){this.selected.clear();for(let e=0;e<this.rows.length;e++)this.isRowSelectable(e)&&this.selected.add(e);this.explicitSelection=!0,this.emit("selection-change",this.#e()),this.requestAfterRender()}else if("range"===e){const e=this.rows.length,t=this.columns.length;if(e>0&&t>0){const s={startRow:0,startCol:0,endRow:e-1,endCol:t-1};this.ranges=[s],this.activeRange=s,this.emit("selection-change",this.#e()),this.requestAfterRender()}}}selectRows(e){if("row"!==this.config.mode)return;const t=!1===this.config.multiSelect&&e.length>1?[e[e.length-1]]:e;this.selected.clear();for(const s of t)s>=0&&s<this.rows.length&&this.isRowSelectable(s)&&this.selected.add(s);this.anchor=t.length>0?t[t.length-1]:null,this.explicitSelection=!0,this.emit("selection-change",this.#e()),this.requestAfterRender()}getSelectedRowIndices(){return[...this.selected].sort((e,t)=>e-t)}getSelectedRows(){const{mode:e}=this.config,t=this.rows;if("row"===e)return this.getSelectedRowIndices().filter(e=>e>=0&&e<t.length).map(e=>t[e]);if("cell"===e&&this.selectedCell){const{row:e}=this.selectedCell;return e>=0&&e<t.length?[t[e]]:[]}if("range"===e&&this.ranges.length>0){const e=new Set;for(const s of this.ranges){const i=Math.max(0,Math.min(s.startRow,s.endRow)),l=Math.min(t.length-1,Math.max(s.startRow,s.endRow));for(let t=i;t<=l;t++)e.add(t)}return[...e].sort((e,t)=>e-t).map(e=>t[e])}return[]}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(e=>({startRow:e.from.row,startCol:e.from.col,endRow:e.to.row,endCol:e.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(){const e=function(e,t,s){if("cell"===e&&t.selectedCell)return{mode:e,ranges:[{from:{row:t.selectedCell.row,col:t.selectedCell.col},to:{row:t.selectedCell.row,col:t.selectedCell.col}}]};if("row"===e&&t.selected.size>0){const i=[...t.selected].sort((e,t)=>e-t),l=[];let r=i[0],o=r;for(let e=1;e<i.length;e++)i[e]===o+1?o=i[e]:(l.push({from:{row:r,col:0},to:{row:o,col:s-1}}),r=i[e],o=r);return l.push({from:{row:r,col:0},to:{row:o,col:s-1}}),{mode:e,ranges:l}}return"range"===e&&t.ranges.length>0?{mode:e,ranges:c(t.ranges)}:{mode:e,ranges:[]}}(this.config.mode,{selectedCell:this.selectedCell,selected:this.selected,ranges:this.ranges},this.columns.length);return this.announceTimer&&clearTimeout(this.announceTimer),this.announceTimer=setTimeout(()=>{const t="row"===e.mode?this.selected.size:e.ranges.length;t>0&&s.announce(this.gridElement,s.getA11yMessage(this.gridElement,"selectionChanged",t))},150),e}}e.SelectionPlugin=w,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("../../core/constants"),require("../../core/internal/aria"),require("../../core/internal/utils"),require("../../core/plugin/base-plugin"),require("../../core/plugin/expander-column")):"function"==typeof define&&define.amd?define(["exports","../../core/constants","../../core/internal/aria","../../core/internal/utils","../../core/plugin/base-plugin","../../core/plugin/expander-column"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).TbwGridPlugin_selection={},e.TbwGrid,e.TbwGrid,e.TbwGrid,e.TbwGrid,e.TbwGrid)}(this,function(e,t,s,i,l,r){"use strict";function o(e){return{startRow:Math.min(e.startRow,e.endRow),startCol:Math.min(e.startCol,e.endCol),endRow:Math.max(e.startRow,e.endRow),endCol:Math.max(e.startCol,e.endCol)}}function n(e){const t=o(e);return{from:{row:t.startRow,col:t.startCol},to:{row:t.endRow,col:t.endCol}}}function c(e){return e.map(n)}function a(e,t,s){return s.some(s=>function(e,t,s){const i=o(s);return e>=i.startRow&&e<=i.endRow&&t>=i.startCol&&t<=i.endCol}(e,t,s))}function d(e){const t=[],s=o(e);for(let i=s.startRow;i<=s.endRow;i++)for(let e=s.startCol;e<=s.endCol;e++)t.push({row:i,col:e});return t}function h(e,t){return{startRow:e.row,startCol:e.col,endRow:t.row,endCol:t.col}}function g(e,t){const s=o(e),i=o(t);return s.startRow===i.startRow&&s.startCol===i.startCol&&s.endRow===i.endRow&&s.endCol===i.endCol}const u="__tbw_checkbox";class w extends l.BaseGridPlugin{static manifest={queries:[{type:"getSelection",description:"Get the current selection state"},{type:"selectRows",description:"Select specific rows by index (row mode only)"},{type:"getSelectedRowIndices",description:"Get sorted array of selected row indices"},{type:"getSelectedRows",description:"Get actual row objects for the current selection (works in all modes)"}],configRules:[{id:"selection/range-dblclick",severity:"warn",message:'"triggerOn: \'dblclick\'" has no effect when mode is "range".\n  → Range selection uses drag interaction (mousedown → mousemove), not click events.\n  → The "triggerOn" option only affects "cell" and "row" selection modes.',check:e=>"range"===e.mode&&"dblclick"===e.triggerOn}]};name="selection";styles='@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:has(.selection)[data-selection-mode=row] .cell-focus,tbw-grid:has(.selection)[data-selection-mode=row] .row-focus,tbw-grid:has(.selection)[data-selection-mode=range] .cell-focus{outline:none}tbw-grid .data-grid-row.row-focus{background-color:var(--tbw-focus-background, rgba(from var(--tbw-color-accent) r g b / 12%));outline:none;position:relative}tbw-grid .data-grid-row.row-focus:after{content:"";position:absolute;inset:0;pointer-events:none;border-width:0;border-style:var(--tbw-selection-border-style, var(--tbw-border-style));border-color:var(--tbw-range-border-color, var(--tbw-color-accent));border-top-width:var(--tbw-selection-border-width, var(--tbw-border-width));border-bottom-width:var(--tbw-selection-border-width, var(--tbw-border-width));z-index:1}tbw-grid .data-grid-row.row-focus+.data-grid-row.row-focus:after{border-top-width:0}tbw-grid .data-grid-row.row-focus:has(+.data-grid-row.row-focus):after{border-bottom-width:0}tbw-grid .data-grid-row>.cell.selected{background-color:var(--tbw-range-selection-bg);position:relative}tbw-grid .data-grid-row>.cell.selected:after{content:"";position:absolute;inset:0;pointer-events:none;border:0 var(--tbw-selection-border-style, var(--tbw-border-style)) var(--tbw-range-border-color);z-index:1}tbw-grid .data-grid-row>.cell.selected.top:after{border-top-width:var(--tbw-selection-border-width, var(--tbw-border-width))}tbw-grid .data-grid-row>.cell.selected.bottom:after{border-bottom-width:var(--tbw-selection-border-width, var(--tbw-border-width))}tbw-grid .data-grid-row>.cell.selected.first:after{border-left-width:var(--tbw-selection-border-width, var(--tbw-border-width))}tbw-grid .data-grid-row>.cell.selected.last:after{border-right-width:var(--tbw-selection-border-width, var(--tbw-border-width))}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}tbw-grid .data-grid-row>.cell[data-field=__tbw_checkbox],tbw-grid .header-row>.cell[data-field=__tbw_checkbox]{text-align:center;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}tbw-grid .tbw-select-row-checkbox{pointer-events:none;margin:0;cursor:pointer}tbw-grid .tbw-checkbox-header{display:flex;justify-content:center;align-items:center;height:100%}tbw-grid .tbw-select-all-checkbox{margin:0;cursor:pointer}}';get defaultConfig(){return{mode:"cell",triggerOn:"click",enabled:!0,multiSelect:!0}}selected=new Set;lastSelected=null;anchor=null;ranges=[];activeRange=null;cellAnchor=null;isDragging=!1;pendingKeyboardUpdate=null;pendingRowKeyUpdate=null;selectedCell=null;lastSyncedFocusRow=-1;lastSyncedFocusCol=-1;announceTimer=null;explicitSelection=!1;isSelectionEnabled(){return!1!==this.config.enabled&&!1!==this.grid.effectiveConfig?.selectable}checkSelectable(e,t){const{isSelectable:s}=this.config;if(!s)return!0;const i=this.rows[e];if(!i)return!1;return s(i,e,void 0!==t?this.visibleColumns[t]:void 0,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()),this.on("sort-change",()=>this.clearSelectionSilent())}handleQuery(e){return"getSelection"===e.type?this.getSelection():"getSelectedRowIndices"===e.type?this.getSelectedRowIndices():"getSelectedRows"===e.type?this.getSelectedRows():"selectRows"===e.type?(this.selectRows(e.context),!0):void 0}detach(){this.selected.clear(),this.ranges=[],this.activeRange=null,this.cellAnchor=null,this.isDragging=!1,this.selectedCell=null,this.pendingKeyboardUpdate=null,this.pendingRowKeyUpdate=null,this.lastSyncedFocusRow=-1,this.lastSyncedFocusCol=-1}clearSelectionSilent(){this.selected.clear(),this.ranges=[],this.activeRange=null,this.cellAnchor=null,this.selectedCell=null,this.lastSelected=null,this.anchor=null,this.lastSyncedFocusRow=-1,this.lastSyncedFocusCol=-1,this.requestAfterRender()}onCellClick(e){if(!this.isSelectionEnabled())return!1;const{rowIndex:t,colIndex:s,originalEvent:i}=e,{mode:l,triggerOn:o="click"}=this.config;if(i.type!==o)return!1;const n=e.column,c=n&&r.isUtilityColumn(n);if("cell"===l){if(c)return!1;if(!this.isCellSelectable(t,s))return!1;const e=this.selectedCell;return e&&e.row===t&&e.col===s||(this.selectedCell={row:t,col:s},this.emit("selection-change",this.#e()),this.requestAfterRender()),!1}if("row"===l){if(!this.isRowSelectable(t))return!1;const e=!1!==this.config.multiSelect,s=i.shiftKey&&e,l=(i.ctrlKey||i.metaKey)&&e,r=!0===n?.meta?.checkboxColumn;if(s&&null!==this.anchor){const e=Math.min(this.anchor,t),s=Math.max(this.anchor,t);l||this.selected.clear();for(let t=e;t<=s;t++)this.isRowSelectable(t)&&this.selected.add(t)}else if(l||r&&e)this.selected.has(t)?this.selected.delete(t):this.selected.add(t),this.anchor=t;else{if(1===this.selected.size&&this.selected.has(t))return!1;this.selected.clear(),this.selected.add(t),this.anchor=t}return this.lastSelected=t,this.explicitSelection=!0,this.emit("selection-change",this.#e()),this.requestAfterRender(),!1}if("range"===l){if(c)return!1;if(!this.isCellSelectable(t,s))return!1;const e=i.shiftKey,l=(i.ctrlKey||i.metaKey)&&!1!==this.config.multiSelect;if(e&&this.cellAnchor){const e=h(this.cellAnchor,{row:t,col:s}),i=this.ranges.length>0?this.ranges[this.ranges.length-1]:null;if(i&&g(i,e))return!1;l?this.ranges.length>0?this.ranges[this.ranges.length-1]=e:this.ranges.push(e):this.ranges=[e],this.activeRange=e}else if(l){const e={startRow:t,startCol:s,endRow:t,endCol:s};this.ranges.push(e),this.activeRange=e,this.cellAnchor={row:t,col:s}}else{const e={startRow:t,startCol:s,endRow:t,endCol:s};if(1===this.ranges.length&&g(this.ranges[0],e))return!1;this.ranges=[e],this.activeRange=e,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,s=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Tab","Home","End","PageUp","PageDown"].includes(e.key);if("Escape"===e.key){return!this.grid.query("isEditing").some(Boolean)&&("cell"===t?this.selectedCell=null:"row"===t?(this.selected.clear(),this.anchor=null):"range"===t&&(this.ranges=[],this.activeRange=null,this.cellAnchor=null),this.emit("selection-change",this.#e()),this.requestAfterRender(),!0)}if("cell"===t&&s)return queueMicrotask(()=>{const e=this.grid._focusRow,t=this.grid._focusCol;this.isCellSelectable(e,t)?this.selectedCell={row:e,col:t}:this.selectedCell=null,this.emit("selection-change",this.#e()),this.requestAfterRender()}),!1;if("row"===t){const t=!1!==this.config.multiSelect;if("ArrowUp"===e.key||"ArrowDown"===e.key||"PageUp"===e.key||"PageDown"===e.key||(e.ctrlKey||e.metaKey)&&("Home"===e.key||"End"===e.key)){const s=e.shiftKey&&t;return s&&null===this.anchor&&(this.anchor=this.grid._focusRow),this.explicitSelection=!0,this.pendingRowKeyUpdate={shiftKey:s},queueMicrotask(()=>this.requestAfterRender()),!1}if(t&&"a"===e.key&&(e.ctrlKey||e.metaKey)){return!this.grid.query("isEditing").some(Boolean)&&(e.preventDefault(),e.stopPropagation(),this.selectAll(),!0)}}if("range"===t&&s){const t="Tab"===e.key,s=e.shiftKey&&!t;return s&&!this.cellAnchor&&(this.cellAnchor={row:this.grid._focusRow,col:this.grid._focusCol}),this.pendingKeyboardUpdate={shiftKey:s},queueMicrotask(()=>this.requestAfterRender()),!1}if("range"===t&&!1!==this.config.multiSelect&&"a"===e.key&&(e.ctrlKey||e.metaKey)){return!this.grid.query("isEditing").some(Boolean)&&(e.preventDefault(),e.stopPropagation(),this.selectAll(),!0)}return!1}onCellMouseDown(e){if(!this.isSelectionEnabled())return;if("range"!==this.config.mode)return;if(void 0===e.rowIndex||void 0===e.colIndex)return;if(e.rowIndex<0)return;if(e.column&&r.isUtilityColumn(e.column))return;if(!this.isCellSelectable(e.rowIndex,e.colIndex))return;if(e.originalEvent.shiftKey&&this.cellAnchor)return;this.isDragging=!0;const t=e.rowIndex,s=e.colIndex,i=(e.originalEvent.ctrlKey||e.originalEvent.metaKey)&&!1!==this.config.multiSelect,l={startRow:t,startCol:s,endRow:t,endCol:s};return!i&&1===this.ranges.length&&g(this.ranges[0],l)?(this.cellAnchor={row:t,col:s},!0):(this.cellAnchor={row:t,col:s},i||(this.ranges=[]),this.ranges.push(l),this.activeRange=l,this.emit("selection-change",this.#e()),this.requestAfterRender(),!0)}onCellMouseMove(e){if(!this.isSelectionEnabled())return;if("range"!==this.config.mode)return;if(!this.isDragging||!this.cellAnchor)return;if(void 0===e.rowIndex||void 0===e.colIndex)return;if(e.rowIndex<0)return;let t=e.colIndex;const s=this.visibleColumns[t];if(s&&r.isUtilityColumn(s)){const e=this.visibleColumns.findIndex(e=>!r.isUtilityColumn(e));e>=0&&(t=e)}const i=h(this.cellAnchor,{row:e.rowIndex,col:t}),l=this.ranges.length>0?this.ranges[this.ranges.length-1]:null;return l&&g(l,i)||(this.ranges.length>0?this.ranges[this.ranges.length-1]=i:this.ranges.push(i),this.activeRange=i,this.emit("selection-change",this.#e()),this.requestAfterRender()),!0}onCellMouseUp(e){if(this.isSelectionEnabled()&&"range"===this.config.mode)return this.isDragging?(this.isDragging=!1,!0):void 0}processColumns(e){if(this.config.checkbox&&"row"===this.config.mode){if(e.some(e=>e.field===u))return e;const t=this.#t(),s=e.findIndex(r.isExpanderColumn),i=s>=0?s+1:0;return[...e.slice(0,i),t,...e.slice(i)]}return e}#t(){return{field:u,header:"",width:32,resizable:!1,sortable:!1,meta:{lockPosition:!0,suppressMovable:!0,utility:!0,checkboxColumn:!0},headerRenderer:()=>{const e=document.createElement("div");if(e.className="tbw-checkbox-header",!1===this.config.multiSelect)return e;const t=document.createElement("input");return t.type="checkbox",t.className="tbw-select-all-checkbox",t.addEventListener("click",e=>{e.stopPropagation(),e.target.checked?this.selectAll():this.clearSelection()}),e.appendChild(t),e},renderer:e=>{const t=document.createElement("input");t.type="checkbox",t.className="tbw-select-row-checkbox";const s=e.cellEl;if(s){const e=parseInt(s.getAttribute("data-row")??"-1",10);e>=0&&(t.checked=this.selected.has(e))}return t}}}#s(e){e.querySelectorAll(".tbw-select-row-checkbox").forEach(e=>{const t=e.closest(".cell"),s=t?i.getRowIndexFromCell(t):-1;s>=0&&(e.checked=this.selected.has(s))});const t=e.querySelector(".tbw-select-all-checkbox");if(t){const e=this.rows.length;let s=0;if(this.config.isSelectable)for(let t=0;t<e;t++)this.isRowSelectable(t)&&s++;else s=e;const i=s>0&&this.selected.size>=s,l=this.selected.size>0;t.checked=i,t.indeterminate=l&&!i}}#i(e){const t=this.grid._focusRow,s=this.grid._focusCol;if("row"===e){if(this.explicitSelection)return this.explicitSelection=!1,void(this.lastSyncedFocusRow=t);t!==this.lastSyncedFocusRow&&(this.lastSyncedFocusRow=t,this.isRowSelectable(t)&&(this.selected.has(t)&&1===this.selected.size||(this.selected.clear(),this.selected.add(t),this.lastSelected=t,this.anchor=t,this.emit("selection-change",this.#e()))))}if("cell"===e){if(this.explicitSelection)return this.explicitSelection=!1,this.lastSyncedFocusRow=t,void(this.lastSyncedFocusCol=s);if((t!==this.lastSyncedFocusRow||s!==this.lastSyncedFocusCol)&&(this.lastSyncedFocusRow=t,this.lastSyncedFocusCol=s,this.isCellSelectable(t,s))){const e=this.selectedCell;e&&e.row===t&&e.col===s||(this.selectedCell={row:t,col:s},this.emit("selection-change",this.#e()))}}}#l(){const e=this.gridElement;if(!e)return;const{mode:s}=this.config,l=!!this.config.isSelectable;e.querySelectorAll(".cell").forEach(e=>{e.classList.remove(t.GridClasses.SELECTED,"top","bottom","first","last"),l&&e.removeAttribute("data-selectable")});const n=e.querySelectorAll(".data-grid-row");if(n.forEach(e=>{e.classList.remove(t.GridClasses.SELECTED,"row-focus"),e.setAttribute("aria-selected","false"),l&&e.removeAttribute("data-selectable")}),"row"===s&&(i.clearCellFocus(e),n.forEach(e=>{const s=e.querySelector(".cell[data-row]"),r=i.getRowIndexFromCell(s);r>=0&&(l&&!this.isRowSelectable(r)&&e.setAttribute("data-selectable","false"),this.selected.has(r)&&(e.classList.add(t.GridClasses.SELECTED,"row-focus"),e.setAttribute("aria-selected","true")))}),this.config.checkbox&&this.#s(e)),("cell"===s||"range"===s)&&l){e.querySelectorAll(".cell[data-row][data-col]").forEach(e=>{const t=parseInt(e.getAttribute("data-row")??"-1",10),s=parseInt(e.getAttribute("data-col")??"-1",10);t>=0&&s>=0&&(this.isCellSelectable(t,s)||e.setAttribute("data-selectable","false"))})}if("range"===s&&this.ranges.length>0){i.clearCellFocus(e);const s=this.ranges.map(o),l=(e,t)=>{for(const i of s)if(e>=i.startRow&&e<=i.endRow&&t>=i.startCol&&t<=i.endCol)return!0;return!1};e.querySelectorAll(".cell[data-row][data-col]").forEach(e=>{const s=parseInt(e.getAttribute("data-row")??"-1",10),i=parseInt(e.getAttribute("data-col")??"-1",10);if(s>=0&&i>=0){const o=this.visibleColumns[i];if(o&&r.isUtilityColumn(o))return;l(s,i)&&(e.classList.add(t.GridClasses.SELECTED),e.setAttribute("aria-selected","true"),l(s-1,i)||e.classList.add("top"),l(s+1,i)||e.classList.add("bottom"),l(s,i-1)||e.classList.add("first"),l(s,i+1)||e.classList.add("last"))}})}}afterRender(){if(!this.isSelectionEnabled())return;const e=this.gridElement;if(!e)return;const t=e.querySelector(".tbw-grid-root"),{mode:s}=this.config;if(this.pendingRowKeyUpdate&&"row"===s){const{shiftKey:e}=this.pendingRowKeyUpdate;this.pendingRowKeyUpdate=null;const t=this.grid._focusRow;if(e&&null!==this.anchor){this.selected.clear();const e=Math.min(this.anchor,t),s=Math.max(this.anchor,t);for(let t=e;t<=s;t++)this.isRowSelectable(t)&&this.selected.add(t)}else this.isRowSelectable(t)?(this.selected.clear(),this.selected.add(t),this.anchor=t):this.selected.clear();this.lastSelected=t,this.emit("selection-change",this.#e())}if(this.pendingKeyboardUpdate&&"range"===s){const{shiftKey:e}=this.pendingKeyboardUpdate;this.pendingKeyboardUpdate=null;const t=this.grid._focusRow,s=this.grid._focusCol;if(e&&this.cellAnchor){const e=h(this.cellAnchor,{row:t,col:s});this.ranges=[e],this.activeRange=e}else e||(this.ranges=[],this.activeRange=null,this.cellAnchor={row:t,col:s});this.emit("selection-change",this.#e())}this.#i(s),this.gridElement.setAttribute("data-selection-mode",s),t&&t.classList.toggle("selecting",this.isDragging),this.#l()}onScrollRender(){this.isSelectionEnabled()&&this.#l()}getSelection(){return{mode:this.config.mode,ranges:this.#e().ranges,anchor:this.cellAnchor}}getSelectedCells(){return function(e){const t=new Map;for(const s of e)for(const e of d(s))t.set(`${e.row},${e.col}`,e);return[...t.values()]}(this.ranges)}isCellSelected(e,t){return a(e,t,this.ranges)}selectAll(){const{mode:e,multiSelect:t}=this.config;if(!1!==t)if("row"===e){this.selected.clear();for(let e=0;e<this.rows.length;e++)this.isRowSelectable(e)&&this.selected.add(e);this.explicitSelection=!0,this.emit("selection-change",this.#e()),this.requestAfterRender()}else if("range"===e){const e=this.rows.length,t=this.columns.length;if(e>0&&t>0){const s={startRow:0,startCol:0,endRow:e-1,endCol:t-1};this.ranges=[s],this.activeRange=s,this.emit("selection-change",this.#e()),this.requestAfterRender()}}}selectRows(e){if("row"!==this.config.mode)return;const t=!1===this.config.multiSelect&&e.length>1?[e[e.length-1]]:e;this.selected.clear();for(const s of t)s>=0&&s<this.rows.length&&this.isRowSelectable(s)&&this.selected.add(s);this.anchor=t.length>0?t[t.length-1]:null,this.explicitSelection=!0,this.emit("selection-change",this.#e()),this.requestAfterRender()}getSelectedRowIndices(){return[...this.selected].sort((e,t)=>e-t)}getSelectedRows(){const{mode:e}=this.config,t=this.rows;if("row"===e)return this.getSelectedRowIndices().filter(e=>e>=0&&e<t.length).map(e=>t[e]);if("cell"===e&&this.selectedCell){const{row:e}=this.selectedCell;return e>=0&&e<t.length?[t[e]]:[]}if("range"===e&&this.ranges.length>0){const e=new Set;for(const s of this.ranges){const i=Math.max(0,Math.min(s.startRow,s.endRow)),l=Math.min(t.length-1,Math.max(s.startRow,s.endRow));for(let t=i;t<=l;t++)e.add(t)}return[...e].sort((e,t)=>e-t).map(e=>t[e])}return[]}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(e=>({startRow:e.from.row,startCol:e.from.col,endRow:e.to.row,endCol:e.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(){const e=function(e,t,s){if("cell"===e&&t.selectedCell)return{mode:e,ranges:[{from:{row:t.selectedCell.row,col:t.selectedCell.col},to:{row:t.selectedCell.row,col:t.selectedCell.col}}]};if("row"===e&&t.selected.size>0){const i=[...t.selected].sort((e,t)=>e-t),l=[];let r=i[0],o=r;for(let e=1;e<i.length;e++)i[e]===o+1?o=i[e]:(l.push({from:{row:r,col:0},to:{row:o,col:s-1}}),r=i[e],o=r);return l.push({from:{row:r,col:0},to:{row:o,col:s-1}}),{mode:e,ranges:l}}return"range"===e&&t.ranges.length>0?{mode:e,ranges:c(t.ranges)}:{mode:e,ranges:[]}}(this.config.mode,{selectedCell:this.selectedCell,selected:this.selected,ranges:this.ranges},this.columns.length);return this.announceTimer&&clearTimeout(this.announceTimer),this.announceTimer=setTimeout(()=>{const t="row"===e.mode?this.selected.size:e.ranges.length;t>0&&s.announce(this.gridElement,s.getA11yMessage(this.gridElement,"selectionChanged",t))},150),e}}e.SelectionPlugin=w,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});
 //# sourceMappingURL=selection.umd.js.map