@toolbox-web/grid 1.28.2 → 1.30.0

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

@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("../../core/internal/keyboard"),require("../../core/plugin/base-plugin")):"function"==typeof define&&define.amd?define(["exports","../../core/internal/keyboard","../../core/plugin/base-plugin"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).TbwGridPlugin_reorderColumns={},e.TbwGrid,e.TbwGrid)}(this,function(e,t,r){"use strict";function i(e,t,r){if(t===r)return e;if(t<0||t>=e.length)return e;if(r<0||r>e.length)return e;const i=[...e],[n]=i.splice(t,1);return i.splice(r,0,n),i}class n extends r.BaseGridPlugin{name="reorderColumns";aliases=["reorder"];styles='@layer tbw-plugins{.header-row>.cell[draggable=true]{cursor:grab;position:relative}.header-row>.cell.dragging{opacity:.5;cursor:grabbing}.header-row>.cell.drop-before:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--tbw-reorder-indicator, var(--tbw-color-accent));z-index:1}.header-row>.cell.drop-after:after{content:"";position:absolute;right:0;top:0;bottom:0;width:2px;background:var(--tbw-reorder-indicator, var(--tbw-color-accent));z-index:1}.cell.flip-animating{transition:transform var(--tbw-animation-duration, .2s) ease-out;will-change:transform;z-index:1}@keyframes reorder-fade-in{0%{opacity:0}to{opacity:1}}.cell.fade-animating{animation:reorder-fade-in var(--tbw-animation-duration, .2s) ease-out backwards}}';get defaultConfig(){return{animation:"flip"}}get animationType(){return!!this.isAnimationEnabled&&(void 0!==this.config.animation?this.config.animation:"flip")}get animationDuration(){return void 0!==this.config.animationDuration?this.config.animationDuration:super.animationDuration}isDragging=!1;draggedField=null;draggedIndex=null;dropIndex=null;draggedGroupFields=[];get#e(){return this.grid}canMoveColumnWithPlugins(e){if(!e||!function(e){const t=e.meta??{};return!0!==t.lockPosition&&!0!==t.suppressMovable}(e))return!1;return!this.grid.query("canMoveColumn",e).includes(!1)}clearDragClasses(){this.gridElement?.querySelectorAll(".header-row > .cell, .header-group-row > .cell").forEach(e=>{e.classList.remove("dragging","drop-target","drop-before","drop-after")})}attach(e){super.attach(e),this.gridElement.addEventListener("column-reorder-request",e=>{const t=e.detail;t?.field&&"number"==typeof t.toIndex&&this.moveColumn(t.field,t.toIndex)},{signal:this.disconnectSignal})}detach(){this.isDragging=!1,this.draggedField=null,this.draggedIndex=null,this.dropIndex=null,this.draggedGroupFields=[]}afterRender(){const e=this.gridElement;if(!e)return;e.querySelectorAll(".header-row > .cell").forEach(e=>{const t=e,r=t.getAttribute("data-field");if(!r)return;const n=this.columns.find(e=>e.field===r);this.canMoveColumnWithPlugins(n)?(t.draggable=!0,t.getAttribute("data-dragstart-bound")||(t.setAttribute("data-dragstart-bound","true"),t.addEventListener("dragstart",e=>{const i=this.getColumnOrder().indexOf(r);this.isDragging=!0,this.draggedField=r,this.draggedIndex=i,this.draggedGroupFields=[],e.dataTransfer&&(e.dataTransfer.effectAllowed="move",e.dataTransfer.setData("text/plain",r)),t.classList.add("dragging")}),t.addEventListener("dragend",()=>{this.isDragging=!1,this.draggedField=null,this.draggedIndex=null,this.dropIndex=null,this.draggedGroupFields=[],this.clearDragClasses()}),t.addEventListener("dragover",e=>{if(e.preventDefault(),!this.isDragging)return;if(this.draggedField===r&&0===this.draggedGroupFields.length)return;if(this.draggedGroupFields.includes(r))return;const i=t.getBoundingClientRect(),n=i.left+i.width/2,d=this.getColumnOrder().indexOf(r);if(this.dropIndex=e.clientX<n?d:d+1,this.clearDragClasses(),this.draggedGroupFields.length>0)for(const t of this.draggedGroupFields)this.gridElement?.querySelector(`.header-row > .cell[data-field="${t}"]`)?.classList.add("dragging");else this.draggedField&&this.gridElement?.querySelector(`.header-row > .cell[data-field="${this.draggedField}"]`)?.classList.add("dragging");t.classList.add("drop-target"),t.classList.toggle("drop-before",e.clientX<n),t.classList.toggle("drop-after",e.clientX>=n)}),t.addEventListener("dragleave",()=>{t.classList.remove("drop-target","drop-before","drop-after")}),t.addEventListener("drop",e=>{if(e.preventDefault(),!this.isDragging)return;if(this.draggedGroupFields.length>0){if(this.draggedGroupFields.includes(r))return;const i=t.getBoundingClientRect(),n=e.clientX<i.left+i.width/2;return void this.executeGroupBlockMove(this.draggedGroupFields,[r],n)}const n=this.draggedField,d=this.draggedIndex,a=this.dropIndex;if(!this.isDragging||null===n||null===d||null===a)return;const s=a>d?a-1:a,o=i(this.getColumnOrder(),d,s),l={field:n,fromIndex:d,toIndex:s,columnOrder:o};this.emitCancelable("column-move",l)||this.updateColumnOrder(o)}))):t.draggable=!1}),queueMicrotask(()=>this.setupGroupHeaderDrag(e))}setupGroupHeaderDrag(e){e.querySelectorAll(".header-group-row > .cell[data-group]").forEach(t=>{const r=t,n=r.getAttribute("data-group");if(!n||n.startsWith("__implicit__"))return;if(r.getAttribute("data-group-drag-bound"))return;r.setAttribute("data-group-drag-bound","true");const d=this.getGroupFragmentFields(r,n);if(0===d.length)return;d.every(e=>{const t=this.columns.find(t=>t.field===e);return this.canMoveColumnWithPlugins(t)})&&(r.draggable=!0,r.style.cursor="grab",r.addEventListener("dragstart",t=>{this.isDragging=!0,this.draggedField=null,this.draggedIndex=null,this.draggedGroupFields=[...d],t.dataTransfer&&(t.dataTransfer.effectAllowed="move",t.dataTransfer.setData("text/plain",`group:${n}`)),r.classList.add("dragging");for(const r of d)e.querySelector(`.header-row > .cell[data-field="${r}"]`)?.classList.add("dragging")}),r.addEventListener("dragend",()=>{this.isDragging=!1,this.draggedField=null,this.draggedIndex=null,this.dropIndex=null,this.draggedGroupFields=[],this.clearDragClasses()}),r.addEventListener("dragover",e=>{if(e.preventDefault(),!this.isDragging)return;if(this.draggedGroupFields.length>0&&this.draggedGroupFields.length===d.length&&this.draggedGroupFields.every(e=>d.includes(e)))return;const t=r.getBoundingClientRect(),i=t.left+t.width/2,n=e.clientX<i;this.clearDragClasses(),r.classList.add("drop-target"),r.classList.toggle("drop-before",n),r.classList.toggle("drop-after",!n)}),r.addEventListener("dragleave",()=>{r.classList.remove("drop-target","drop-before","drop-after")}),r.addEventListener("drop",e=>{if(e.preventDefault(),!this.isDragging)return;const t=r.getBoundingClientRect(),n=e.clientX<t.left+t.width/2;if(this.draggedGroupFields.length>0){if(this.draggedGroupFields.length===d.length&&this.draggedGroupFields.every(e=>d.includes(e)))return;this.executeGroupBlockMove(this.draggedGroupFields,d,n)}else if(this.draggedField){const e=this.getColumnOrder(),t=n?d[0]:d[d.length-1],r=e.indexOf(this.draggedField),a=n?e.indexOf(t):e.indexOf(t)+1;if(-1===r||-1===a)return;const s=a>r?a-1:a,o=i(e,r,s);this.emitCancelable("column-move",{field:this.draggedField,fromIndex:r,toIndex:s,columnOrder:o})||this.updateColumnOrder(o)}}))})}getGroupFragmentFields(e,t){const r=e.style.gridColumn,i=/(\d+)\s*\/\s*span\s+(\d+)/.exec(r);if(!i)return[];const n=parseInt(i[1],10),d=parseInt(i[2],10),a=this.visibleColumns,s=[];for(let o=n-1;o<n-1+d&&o<a.length;o++){const e=a[o];e&&s.push(e.field)}return s}executeGroupBlockMove(e,t,r){const i=this.getColumnOrder(),n=i.filter(t=>!e.includes(t)),d=r?t[0]:t[t.length-1],a=n.indexOf(d);if(-1===a)return;const s=r?a:a+1,o=i.filter(t=>e.includes(t));n.splice(s,0,...o);this.emitCancelable("column-move",{field:e[0],fromIndex:i.indexOf(e[0]),toIndex:s,columnOrder:n})||this.updateColumnOrder(n)}onKeyDown(e){if(!e.altKey||"ArrowLeft"!==e.key&&"ArrowRight"!==e.key)return;const r=this.#e,i=r._focusCol,n=r._visibleColumns;if(i<0||i>=n.length)return;const d=n[i];if(!this.canMoveColumnWithPlugins(d))return;const a=this.getColumnOrder(),s=a.indexOf(d.field);if(-1===s)return;const o="ArrowLeft"===e.key?s-1:s+1;if(o<0||o>=a.length)return;const l=n.find(e=>e.field===a[o]);return this.canMoveColumnWithPlugins(l)?(this.moveColumn(d.field,o),r._focusCol=o,t.ensureCellVisible(this.#e),e.preventDefault(),e.stopPropagation(),!0):void 0}getColumnOrder(){return this.grid.getColumnOrder()}moveColumn(e,t){const r=this.getColumnOrder(),n=r.indexOf(e);if(-1===n)return;const d=i(r,n,t);this.emitCancelable("column-move",{field:e,fromIndex:n,toIndex:t,columnOrder:d})||this.updateColumnOrder(d)}setColumnOrder(e){this.updateColumnOrder(e)}resetColumnOrder(){const e=this.columns.map(e=>e.field);this.updateColumnOrder(e)}captureHeaderPositions(){const e=new Map;return this.gridElement?.querySelectorAll(".header-row > .cell[data-field]").forEach(t=>{const r=t.getAttribute("data-field");r&&e.set(r,t.getBoundingClientRect().left)}),e}animateFLIP(e){const t=this.gridElement;if(!t||0===e.size)return;const r=new Map;if(t.querySelectorAll(".header-row > .cell[data-field]").forEach(t=>{const i=t.getAttribute("data-field");if(!i)return;const n=e.get(i);if(void 0===n)return;const d=n-t.getBoundingClientRect().left;Math.abs(d)>1&&r.set(i,d)}),0===r.size)return;const i=[];if(t.querySelectorAll(".cell[data-field]").forEach(e=>{const t=r.get(e.getAttribute("data-field")??"");if(void 0!==t){const r=e;r.style.transform=`translateX(${t}px)`,i.push(r)}}),0===i.length)return;t.offsetHeight;const n=this.animationDuration;requestAnimationFrame(()=>{i.forEach(e=>{e.classList.add("flip-animating"),e.style.transform=""}),setTimeout(()=>{i.forEach(e=>{e.style.transform="",e.classList.remove("flip-animating")})},n+50)})}animateFade(e){const t=this.gridElement;if(!t)return void e();const r=this.captureHeaderPositions();e();const i=new Set;if(t.querySelectorAll(".header-row > .cell[data-field]").forEach(e=>{const t=e.getAttribute("data-field");if(!t)return;const n=r.get(t);if(void 0===n)return;const d=e.getBoundingClientRect().left;Math.abs(n-d)>1&&i.add(t)}),0===i.size)return;const n=[];if(t.querySelectorAll(".cell[data-field]").forEach(e=>{const t=e.getAttribute("data-field");if(t&&i.has(t)){const t=e;t.classList.add("fade-animating"),n.push(t)}}),0===n.length)return;const d=this.animationDuration;setTimeout(()=>{n.forEach(e=>e.classList.remove("fade-animating"))},d+50)}updateColumnOrder(e){const t=this.animationType;if("flip"===t&&this.gridElement){const t=this.captureHeaderPositions();this.grid.setColumnOrder(e),"function"==typeof this.grid.forceLayout?this.grid.forceLayout().then(()=>{this.animateFLIP(t)}):requestAnimationFrame(()=>{this.animateFLIP(t)})}else"fade"===t?this.animateFade(()=>this.grid.setColumnOrder(e)):this.grid.setColumnOrder(e);this.grid.requestStateChange?.()}}e.ReorderPlugin=n,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_reorderColumns={},e.TbwGrid,e.TbwGrid,e.TbwGrid)}(this,function(e,t,r,i){"use strict";function n(e,t,r){if(t===r)return e;if(t<0||t>=e.length)return e;if(r<0||r>e.length)return e;const i=[...e],[n]=i.splice(t,1);return i.splice(r,0,n),i}class d extends i.BaseGridPlugin{name="reorderColumns";aliases=["reorder"];styles='@layer tbw-plugins{.header-row>.cell[draggable=true]{cursor:grab;position:relative}.header-row>.cell.dragging{opacity:.5;cursor:grabbing}.header-row>.cell.drop-before:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--tbw-reorder-indicator, var(--tbw-color-accent));z-index:1}.header-row>.cell.drop-after:after{content:"";position:absolute;right:0;top:0;bottom:0;width:2px;background:var(--tbw-reorder-indicator, var(--tbw-color-accent));z-index:1}.cell.flip-animating{transition:transform var(--tbw-animation-duration, .2s) ease-out;will-change:transform;z-index:1}@keyframes reorder-fade-in{0%{opacity:0}to{opacity:1}}.cell.fade-animating{animation:reorder-fade-in var(--tbw-animation-duration, .2s) ease-out backwards}}';get defaultConfig(){return{animation:"flip"}}get animationType(){return!!this.isAnimationEnabled&&(void 0!==this.config.animation?this.config.animation:"flip")}get animationDuration(){return void 0!==this.config.animationDuration?this.config.animationDuration:super.animationDuration}isDragging=!1;draggedField=null;draggedIndex=null;dropIndex=null;draggedGroupFields=[];get#e(){return this.grid}canMoveColumnWithPlugins(e){if(!e||!function(e){const t=e.meta??{};return!0!==t.lockPosition&&!0!==t.suppressMovable}(e))return!1;return!this.grid.query("canMoveColumn",e).includes(!1)}clearDragClasses(){this.gridElement?.querySelectorAll(".header-row > .cell, .header-group-row > .cell").forEach(e=>{e.classList.remove(t.GridClasses.DRAGGING,"drop-target","drop-before","drop-after")})}attach(e){super.attach(e),this.gridElement.addEventListener("column-reorder-request",e=>{const t=e.detail;t?.field&&"number"==typeof t.toIndex&&this.moveColumn(t.field,t.toIndex)},{signal:this.disconnectSignal})}detach(){this.isDragging=!1,this.draggedField=null,this.draggedIndex=null,this.dropIndex=null,this.draggedGroupFields=[]}afterRender(){const e=this.gridElement;if(!e)return;e.querySelectorAll(".header-row > .cell").forEach(e=>{const r=e,i=r.getAttribute("data-field");if(!i)return;const d=this.columns.find(e=>e.field===i);this.canMoveColumnWithPlugins(d)?(r.draggable=!0,r.getAttribute("data-dragstart-bound")||(r.setAttribute("data-dragstart-bound","true"),r.addEventListener("dragstart",e=>{const n=this.getColumnOrder().indexOf(i);this.isDragging=!0,this.draggedField=i,this.draggedIndex=n,this.draggedGroupFields=[],e.dataTransfer&&(e.dataTransfer.effectAllowed="move",e.dataTransfer.setData("text/plain",i)),r.classList.add(t.GridClasses.DRAGGING)}),r.addEventListener("dragend",()=>{this.isDragging=!1,this.draggedField=null,this.draggedIndex=null,this.dropIndex=null,this.draggedGroupFields=[],this.clearDragClasses()}),r.addEventListener("dragover",e=>{if(e.preventDefault(),!this.isDragging)return;if(this.draggedField===i&&0===this.draggedGroupFields.length)return;if(this.draggedGroupFields.includes(i))return;const n=r.getBoundingClientRect(),d=n.left+n.width/2,s=this.getColumnOrder().indexOf(i);if(this.dropIndex=e.clientX<d?s:s+1,this.clearDragClasses(),this.draggedGroupFields.length>0)for(const r of this.draggedGroupFields)this.gridElement?.querySelector(`.header-row > .cell[data-field="${r}"]`)?.classList.add(t.GridClasses.DRAGGING);else this.draggedField&&this.gridElement?.querySelector(`.header-row > .cell[data-field="${this.draggedField}"]`)?.classList.add(t.GridClasses.DRAGGING);r.classList.add("drop-target"),r.classList.toggle("drop-before",e.clientX<d),r.classList.toggle("drop-after",e.clientX>=d)}),r.addEventListener("dragleave",()=>{r.classList.remove("drop-target","drop-before","drop-after")}),r.addEventListener("drop",e=>{if(e.preventDefault(),!this.isDragging)return;if(this.draggedGroupFields.length>0){if(this.draggedGroupFields.includes(i))return;const t=r.getBoundingClientRect(),n=e.clientX<t.left+t.width/2;return void this.executeGroupBlockMove(this.draggedGroupFields,[i],n)}const t=this.draggedField,d=this.draggedIndex,s=this.dropIndex;if(!this.isDragging||null===t||null===d||null===s)return;const a=s>d?s-1:s,o=n(this.getColumnOrder(),d,a),l={field:t,fromIndex:d,toIndex:a,columnOrder:o};this.emitCancelable("column-move",l)||this.updateColumnOrder(o)}))):r.draggable=!1}),queueMicrotask(()=>this.setupGroupHeaderDrag(e))}setupGroupHeaderDrag(e){e.querySelectorAll(".header-group-row > .cell[data-group]").forEach(r=>{const i=r,d=i.getAttribute("data-group");if(!d||d.startsWith("__implicit__"))return;if(i.getAttribute("data-group-drag-bound"))return;i.setAttribute("data-group-drag-bound","true");const s=this.getGroupFragmentFields(i,d);if(0===s.length)return;s.every(e=>{const t=this.columns.find(t=>t.field===e);return this.canMoveColumnWithPlugins(t)})&&(i.draggable=!0,i.style.cursor="grab",i.addEventListener("dragstart",r=>{this.isDragging=!0,this.draggedField=null,this.draggedIndex=null,this.draggedGroupFields=[...s],r.dataTransfer&&(r.dataTransfer.effectAllowed="move",r.dataTransfer.setData("text/plain",`group:${d}`)),i.classList.add(t.GridClasses.DRAGGING);for(const i of s)e.querySelector(`.header-row > .cell[data-field="${i}"]`)?.classList.add(t.GridClasses.DRAGGING)}),i.addEventListener("dragend",()=>{this.isDragging=!1,this.draggedField=null,this.draggedIndex=null,this.dropIndex=null,this.draggedGroupFields=[],this.clearDragClasses()}),i.addEventListener("dragover",e=>{if(e.preventDefault(),!this.isDragging)return;if(this.draggedGroupFields.length>0&&this.draggedGroupFields.length===s.length&&this.draggedGroupFields.every(e=>s.includes(e)))return;const t=i.getBoundingClientRect(),r=t.left+t.width/2,n=e.clientX<r;this.clearDragClasses(),i.classList.add("drop-target"),i.classList.toggle("drop-before",n),i.classList.toggle("drop-after",!n)}),i.addEventListener("dragleave",()=>{i.classList.remove("drop-target","drop-before","drop-after")}),i.addEventListener("drop",e=>{if(e.preventDefault(),!this.isDragging)return;const t=i.getBoundingClientRect(),r=e.clientX<t.left+t.width/2;if(this.draggedGroupFields.length>0){if(this.draggedGroupFields.length===s.length&&this.draggedGroupFields.every(e=>s.includes(e)))return;this.executeGroupBlockMove(this.draggedGroupFields,s,r)}else if(this.draggedField){const e=this.getColumnOrder(),t=r?s[0]:s[s.length-1],i=e.indexOf(this.draggedField),d=r?e.indexOf(t):e.indexOf(t)+1;if(-1===i||-1===d)return;const a=d>i?d-1:d,o=n(e,i,a);this.emitCancelable("column-move",{field:this.draggedField,fromIndex:i,toIndex:a,columnOrder:o})||this.updateColumnOrder(o)}}))})}getGroupFragmentFields(e,t){const r=e.style.gridColumn,i=/(\d+)\s*\/\s*span\s+(\d+)/.exec(r);if(!i)return[];const n=parseInt(i[1],10),d=parseInt(i[2],10),s=this.visibleColumns,a=[];for(let o=n-1;o<n-1+d&&o<s.length;o++){const e=s[o];e&&a.push(e.field)}return a}executeGroupBlockMove(e,t,r){const i=this.getColumnOrder(),n=i.filter(t=>!e.includes(t)),d=r?t[0]:t[t.length-1],s=n.indexOf(d);if(-1===s)return;const a=r?s:s+1,o=i.filter(t=>e.includes(t));n.splice(a,0,...o);this.emitCancelable("column-move",{field:e[0],fromIndex:i.indexOf(e[0]),toIndex:a,columnOrder:n})||this.updateColumnOrder(n)}onKeyDown(e){if(!e.altKey||"ArrowLeft"!==e.key&&"ArrowRight"!==e.key)return;const t=this.#e,i=t._focusCol,n=t._visibleColumns;if(i<0||i>=n.length)return;const d=n[i];if(!this.canMoveColumnWithPlugins(d))return;const s=this.getColumnOrder(),a=s.indexOf(d.field);if(-1===a)return;const o="ArrowLeft"===e.key?a-1:a+1;if(o<0||o>=s.length)return;const l=n.find(e=>e.field===s[o]);return this.canMoveColumnWithPlugins(l)?(this.moveColumn(d.field,o),t._focusCol=o,r.ensureCellVisible(this.#e),e.preventDefault(),e.stopPropagation(),!0):void 0}getColumnOrder(){return this.grid.getColumnOrder()}moveColumn(e,t){const r=this.getColumnOrder(),i=r.indexOf(e);if(-1===i)return;const d=n(r,i,t);this.emitCancelable("column-move",{field:e,fromIndex:i,toIndex:t,columnOrder:d})||this.updateColumnOrder(d)}setColumnOrder(e){this.updateColumnOrder(e)}resetColumnOrder(){const e=this.columns.map(e=>e.field);this.updateColumnOrder(e)}captureHeaderPositions(){const e=new Map;return this.gridElement?.querySelectorAll(".header-row > .cell[data-field]").forEach(t=>{const r=t.getAttribute("data-field");r&&e.set(r,t.getBoundingClientRect().left)}),e}animateFLIP(e){const t=this.gridElement;if(!t||0===e.size)return;const r=new Map;if(t.querySelectorAll(".header-row > .cell[data-field]").forEach(t=>{const i=t.getAttribute("data-field");if(!i)return;const n=e.get(i);if(void 0===n)return;const d=n-t.getBoundingClientRect().left;Math.abs(d)>1&&r.set(i,d)}),0===r.size)return;const i=[];if(t.querySelectorAll(".cell[data-field]").forEach(e=>{const t=r.get(e.getAttribute("data-field")??"");if(void 0!==t){const r=e;r.style.transform=`translateX(${t}px)`,i.push(r)}}),0===i.length)return;t.offsetHeight;const n=this.animationDuration;requestAnimationFrame(()=>{i.forEach(e=>{e.classList.add("flip-animating"),e.style.transform=""}),setTimeout(()=>{i.forEach(e=>{e.style.transform="",e.classList.remove("flip-animating")})},n+50)})}animateFade(e){const t=this.gridElement;if(!t)return void e();const r=this.captureHeaderPositions();e();const i=new Set;if(t.querySelectorAll(".header-row > .cell[data-field]").forEach(e=>{const t=e.getAttribute("data-field");if(!t)return;const n=r.get(t);if(void 0===n)return;const d=e.getBoundingClientRect().left;Math.abs(n-d)>1&&i.add(t)}),0===i.size)return;const n=[];if(t.querySelectorAll(".cell[data-field]").forEach(e=>{const t=e.getAttribute("data-field");if(t&&i.has(t)){const t=e;t.classList.add("fade-animating"),n.push(t)}}),0===n.length)return;const d=this.animationDuration;setTimeout(()=>{n.forEach(e=>e.classList.remove("fade-animating"))},d+50)}updateColumnOrder(e){const t=this.animationType;if("flip"===t&&this.gridElement){const t=this.captureHeaderPositions();this.grid.setColumnOrder(e),"function"==typeof this.grid.forceLayout?this.grid.forceLayout().then(()=>{this.animateFLIP(t)}):requestAnimationFrame(()=>{this.animateFLIP(t)})}else"fade"===t?this.animateFade(()=>this.grid.setColumnOrder(e)):this.grid.setColumnOrder(e);this.grid.requestStateChange?.()}}e.ReorderPlugin=d,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});
 //# sourceMappingURL=reorder-columns.umd.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"reorder-columns.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/reorder-columns/column-drag.ts","../../../../../libs/grid/src/lib/plugins/reorder-columns/ReorderPlugin.ts"],"sourcesContent":["/**\n * Column Reordering Core Logic\n *\n * Pure functions for column drag and reordering operations.\n */\n\nimport type { ColumnConfig } from '../../core/types';\n\n/**\n * Check if a column can be moved based on its own metadata.\n * This checks column-level properties like lockPosition and suppressMovable.\n *\n * Note: For full movability checks including plugin constraints (e.g., pinned columns),\n * use `grid.query<boolean>('canMoveColumn', column)` which queries all plugins that\n * declare the 'canMoveColumn' query in their manifest.\n *\n * @param column - The column configuration to check\n * @returns True if the column can be moved based on its metadata\n */\nexport function canMoveColumn(column: { meta?: Record<string, unknown> }): boolean {\n  // Check for lockPosition or suppressMovable properties in the column config\n  const meta = column.meta ?? {};\n  return meta.lockPosition !== true && meta.suppressMovable !== true;\n}\n\n/**\n * Move a column from one position to another in the order array.\n *\n * @param columns - Array of field names in current order\n * @param fromIndex - The current index of the column to move\n * @param toIndex - The target index to move the column to\n * @returns New array with updated order\n */\nexport function moveColumn(columns: string[], fromIndex: number, toIndex: number): string[] {\n  if (fromIndex === toIndex) return columns;\n  if (fromIndex < 0 || fromIndex >= columns.length) return columns;\n  if (toIndex < 0 || toIndex > columns.length) return columns;\n\n  const result = [...columns];\n  const [removed] = result.splice(fromIndex, 1);\n  result.splice(toIndex, 0, removed);\n  return result;\n}\n\n/**\n * Calculate the drop index based on the current drag position.\n *\n * @param dragX - The current X position of the drag\n * @param headerRect - The bounding rect of the header container\n * @param columnWidths - Array of column widths in order\n * @returns The index where the column should be dropped\n */\nexport function getDropIndex(dragX: number, headerRect: DOMRect, columnWidths: number[]): number {\n  let x = headerRect.left;\n\n  for (let i = 0; i < columnWidths.length; i++) {\n    const mid = x + columnWidths[i] / 2;\n    if (dragX < mid) return i;\n    x += columnWidths[i];\n  }\n\n  return columnWidths.length;\n}\n\n/**\n * Reorder columns according to a specified order.\n * Columns not in the order array are appended at the end.\n *\n * @param columns - Array of column configurations\n * @param order - Array of field names specifying the desired order\n * @returns New array of columns in the specified order\n */\nexport function reorderColumns<TRow = unknown>(columns: ColumnConfig<TRow>[], order: string[]): ColumnConfig<TRow>[] {\n  const columnMap = new Map<string, ColumnConfig<TRow>>(columns.map((c) => [c.field as string, c]));\n  const reordered: ColumnConfig<TRow>[] = [];\n\n  // Add columns in specified order\n  for (const field of order) {\n    const col = columnMap.get(field);\n    if (col) {\n      reordered.push(col);\n      columnMap.delete(field);\n    }\n  }\n\n  // Add any remaining columns not in order\n  for (const col of columnMap.values()) {\n    reordered.push(col);\n  }\n\n  return reordered;\n}\n","/**\n * Column Reordering Plugin (Class-based)\n *\n * Provides drag-and-drop column reordering functionality for tbw-grid.\n * Supports keyboard and mouse interactions with visual feedback.\n * Uses FLIP animation technique for smooth column transitions.\n *\n * Animation respects grid-level animation.mode setting but style is plugin-configured.\n */\n\nimport { ensureCellVisible } from '../../core/internal/keyboard';\nimport { BaseGridPlugin } from '../../core/plugin/base-plugin';\nimport type { ColumnConfig, GridHost } from '../../core/types';\nimport { canMoveColumn, moveColumn } from './column-drag';\nimport styles from './reorder.css?inline';\nimport type { ColumnMoveDetail, ReorderConfig } from './types';\n\n/**\n * Column Reorder Plugin for tbw-grid\n *\n * Lets users rearrange columns by dragging and dropping column headers. Supports smooth\n * FLIP animations, fade transitions, or instant reordering. Animation respects the\n * grid-level `animation.mode` setting.\n *\n * ## Installation\n *\n * ```ts\n * import { ReorderPlugin } from '@toolbox-web/grid/plugins/reorder-columns';\n * ```\n *\n * ## Configuration Options\n *\n * | Option | Type | Default | Description |\n * |--------|------|---------|-------------|\n * | `animation` | `false \\| 'flip' \\| 'fade'` | `'flip'` | Animation type for column moves |\n * | `animationDuration` | `number` | `200` | Animation duration in ms |\n *\n * ## Keyboard Shortcuts\n *\n * | Key | Action |\n * |-----|--------|\n * | `Alt + ←` | Move focused column left |\n * | `Alt + →` | Move focused column right |\n *\n * ## Events\n *\n * | Event | Detail | Cancelable | Description |\n * |-------|--------|------------|-------------|\n * | `column-move` | `{ field, fromIndex, toIndex, columnOrder }` | Yes | Fired when a column move is attempted |\n *\n * @example Basic Drag-and-Drop Reordering\n * ```ts\n * import { queryGrid } from '@toolbox-web/grid';\n * import { ReorderPlugin } from '@toolbox-web/grid/plugins/reorder-columns';\n *\n * const grid = queryGrid('tbw-grid');\n * grid.gridConfig = {\n *   columns: [\n *     { field: 'id', header: 'ID' },\n *     { field: 'name', header: 'Name' },\n *     { field: 'email', header: 'Email' },\n *   ],\n *   plugins: [new ReorderPlugin({ animation: 'flip', animationDuration: 200 })],\n * };\n *\n * // Persist column order\n * grid.on('column-move', ({ columnOrder }) => {\n *   localStorage.setItem('columnOrder', JSON.stringify(columnOrder));\n * });\n * ```\n *\n * @example Prevent Moves That Break Group Boundaries\n * ```ts\n * grid.on('column-move', (detail, e) => {\n *   if (!isValidMoveWithinGroup(detail.field, detail.fromIndex, detail.toIndex)) {\n *     e.preventDefault(); // Column snaps back to original position\n *   }\n * });\n * ```\n *\n * @see {@link ReorderConfig} for all configuration options\n * @see {@link ColumnMoveDetail} for the event detail structure\n * @see GroupingColumnsPlugin for column group integration\n *\n * @internal Extends BaseGridPlugin\n */\nexport class ReorderPlugin extends BaseGridPlugin<ReorderConfig> {\n  /** @internal */\n  readonly name = 'reorderColumns';\n  /** @internal */\n  override readonly aliases = ['reorder'] as const;\n  /** @internal */\n  override readonly styles = styles;\n\n  /** @internal */\n  protected override get defaultConfig(): Partial<ReorderConfig> {\n    return {\n      animation: 'flip', // Plugin's own default\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' | 'fade' {\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  /**\n   * Get animation duration, allowing plugin config override.\n   * Uses base class animationDuration for default.\n   */\n  protected override get animationDuration(): number {\n    // Plugin config override\n    if (this.config.animationDuration !== undefined) {\n      return this.config.animationDuration;\n    }\n    return super.animationDuration;\n  }\n\n  // #region Internal State\n  private isDragging = false;\n  private draggedField: string | null = null;\n  private draggedIndex: number | null = null;\n  private dropIndex: number | null = null;\n  /** When dragging a group header, holds the field names in that fragment. */\n  private draggedGroupFields: string[] = [];\n\n  /** Typed internal grid accessor. */\n  get #internalGrid(): GridHost {\n    return this.grid as unknown as GridHost;\n  }\n\n  /**\n   * Check if a column can be moved, considering both column config and plugin queries.\n   */\n  private canMoveColumnWithPlugins(column: ColumnConfig | undefined): boolean {\n    if (!column || !canMoveColumn(column)) return false;\n    // Query plugins that respond to 'canMoveColumn' (e.g., PinnedColumnsPlugin)\n    const responses = this.grid.query<boolean>('canMoveColumn', column);\n    return !responses.includes(false);\n  }\n\n  /**\n   * Clear all drag-related classes from header cells and group header cells.\n   */\n  private clearDragClasses(): void {\n    this.gridElement?.querySelectorAll('.header-row > .cell, .header-group-row > .cell').forEach((h) => {\n      h.classList.remove('dragging', 'drop-target', 'drop-before', 'drop-after');\n    });\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\n    // Listen for reorder requests from other plugins (e.g., VisibilityPlugin)\n    // Uses disconnectSignal for automatic cleanup - no need for manual removeEventListener\n    this.gridElement.addEventListener(\n      'column-reorder-request',\n      (e: Event) => {\n        const detail = (e as CustomEvent).detail;\n        if (detail?.field && typeof detail.toIndex === 'number') {\n          this.moveColumn(detail.field, detail.toIndex);\n        }\n      },\n      { signal: this.disconnectSignal },\n    );\n  }\n\n  /** @internal */\n  override detach(): void {\n    this.isDragging = false;\n    this.draggedField = null;\n    this.draggedIndex = null;\n    this.dropIndex = null;\n    this.draggedGroupFields = [];\n  }\n  // #endregion\n\n  // #region Hooks\n\n  /** @internal */\n  override afterRender(): void {\n    const gridEl = this.gridElement;\n    if (!gridEl) return;\n\n    const headers = gridEl.querySelectorAll('.header-row > .cell');\n\n    headers.forEach((header) => {\n      const headerEl = header as HTMLElement;\n      const field = headerEl.getAttribute('data-field');\n      if (!field) return;\n\n      const column = this.columns.find((c) => c.field === field);\n      if (!this.canMoveColumnWithPlugins(column)) {\n        headerEl.draggable = false;\n        return;\n      }\n\n      headerEl.draggable = true;\n\n      // Remove existing listeners to prevent duplicates\n      if (headerEl.getAttribute('data-dragstart-bound')) return;\n      headerEl.setAttribute('data-dragstart-bound', 'true');\n\n      headerEl.addEventListener('dragstart', (e: DragEvent) => {\n        const currentOrder = this.getColumnOrder();\n        const orderIndex = currentOrder.indexOf(field);\n        this.isDragging = true;\n        this.draggedField = field;\n        this.draggedIndex = orderIndex;\n        this.draggedGroupFields = []; // Clear any stale group state\n\n        if (e.dataTransfer) {\n          e.dataTransfer.effectAllowed = 'move';\n          e.dataTransfer.setData('text/plain', field);\n        }\n\n        headerEl.classList.add('dragging');\n      });\n\n      headerEl.addEventListener('dragend', () => {\n        this.isDragging = false;\n        this.draggedField = null;\n        this.draggedIndex = null;\n        this.dropIndex = null;\n        this.draggedGroupFields = [];\n        this.clearDragClasses();\n      });\n\n      headerEl.addEventListener('dragover', (e: DragEvent) => {\n        e.preventDefault();\n        if (!this.isDragging) return;\n        // Skip if dragging this same individual column\n        if (this.draggedField === field && this.draggedGroupFields.length === 0) return;\n        // Skip if this column is part of the dragged group fragment\n        if (this.draggedGroupFields.includes(field)) return;\n\n        const rect = headerEl.getBoundingClientRect();\n        const midX = rect.left + rect.width / 2;\n\n        const currentOrder = this.getColumnOrder();\n        const orderIndex = currentOrder.indexOf(field);\n        this.dropIndex = e.clientX < midX ? orderIndex : orderIndex + 1;\n\n        this.clearDragClasses();\n        // Re-mark dragged elements\n        if (this.draggedGroupFields.length > 0) {\n          for (const f of this.draggedGroupFields) {\n            this.gridElement?.querySelector(`.header-row > .cell[data-field=\"${f}\"]`)?.classList.add('dragging');\n          }\n        } else if (this.draggedField) {\n          this.gridElement\n            ?.querySelector(`.header-row > .cell[data-field=\"${this.draggedField}\"]`)\n            ?.classList.add('dragging');\n        }\n        headerEl.classList.add('drop-target');\n        headerEl.classList.toggle('drop-before', e.clientX < midX);\n        headerEl.classList.toggle('drop-after', e.clientX >= midX);\n      });\n\n      headerEl.addEventListener('dragleave', () => {\n        headerEl.classList.remove('drop-target', 'drop-before', 'drop-after');\n      });\n\n      headerEl.addEventListener('drop', (e: DragEvent) => {\n        e.preventDefault();\n        if (!this.isDragging) return;\n\n        // Group fragment drop onto individual column header\n        if (this.draggedGroupFields.length > 0) {\n          if (this.draggedGroupFields.includes(field)) return;\n          const rect = headerEl.getBoundingClientRect();\n          const before = e.clientX < rect.left + rect.width / 2;\n          this.executeGroupBlockMove(this.draggedGroupFields, [field], before);\n          return;\n        }\n\n        // Individual column drop\n        const draggedField = this.draggedField;\n        const draggedIndex = this.draggedIndex;\n        const dropIndex = this.dropIndex;\n\n        if (!this.isDragging || draggedField === null || draggedIndex === null || dropIndex === null) {\n          return;\n        }\n\n        const effectiveToIndex = dropIndex > draggedIndex ? dropIndex - 1 : dropIndex;\n        const currentOrder = this.getColumnOrder();\n        const newOrder = moveColumn(currentOrder, draggedIndex, effectiveToIndex);\n\n        const detail: ColumnMoveDetail = {\n          field: draggedField,\n          fromIndex: draggedIndex,\n          toIndex: effectiveToIndex,\n          columnOrder: newOrder,\n        };\n\n        // Emit cancelable event first - only update if not cancelled\n        const cancelled = this.emitCancelable('column-move', detail);\n        if (!cancelled) {\n          // Update the grid's column order (with optional view transition)\n          this.updateColumnOrder(newOrder);\n        }\n      });\n    });\n\n    // Set up drag listeners for group header cells (if column grouping is active).\n    // Deferred to a microtask because GroupingColumnsPlugin.afterRender() creates the\n    // .header-group-row DOM, and it may run after this plugin in hook order.\n    queueMicrotask(() => this.setupGroupHeaderDrag(gridEl));\n  }\n\n  /**\n   * Set up drag-and-drop listeners on group header cells (.header-group-row > .cell).\n   * Dragging a group header moves all columns in that fragment as a block.\n   * Implicit groups (ungrouped column spans) are not draggable.\n   */\n  private setupGroupHeaderDrag(gridEl: HTMLElement): void {\n    const groupHeaders = gridEl.querySelectorAll('.header-group-row > .cell[data-group]');\n\n    groupHeaders.forEach((gh) => {\n      const groupHeaderEl = gh as HTMLElement;\n      const groupId = groupHeaderEl.getAttribute('data-group');\n      if (!groupId || groupId.startsWith('__implicit__')) return;\n\n      // Already bound?\n      if (groupHeaderEl.getAttribute('data-group-drag-bound')) return;\n      groupHeaderEl.setAttribute('data-group-drag-bound', 'true');\n\n      // Determine which columns are in this fragment by reading the grid-column style\n      const fragmentFields = this.getGroupFragmentFields(groupHeaderEl, groupId);\n      if (fragmentFields.length === 0) return;\n\n      // Check if all columns in the fragment can be moved\n      const allMovable = fragmentFields.every((f) => {\n        const col = this.columns.find((c) => c.field === f);\n        return this.canMoveColumnWithPlugins(col);\n      });\n      if (!allMovable) return;\n\n      groupHeaderEl.draggable = true;\n      groupHeaderEl.style.cursor = 'grab';\n\n      groupHeaderEl.addEventListener('dragstart', (e: DragEvent) => {\n        this.isDragging = true;\n        this.draggedField = null;\n        this.draggedIndex = null;\n        this.draggedGroupFields = [...fragmentFields];\n\n        if (e.dataTransfer) {\n          e.dataTransfer.effectAllowed = 'move';\n          e.dataTransfer.setData('text/plain', `group:${groupId}`);\n        }\n\n        groupHeaderEl.classList.add('dragging');\n        // Also mark the individual column headers as dragging\n        for (const f of fragmentFields) {\n          gridEl.querySelector(`.header-row > .cell[data-field=\"${f}\"]`)?.classList.add('dragging');\n        }\n      });\n\n      groupHeaderEl.addEventListener('dragend', () => {\n        this.isDragging = false;\n        this.draggedField = null;\n        this.draggedIndex = null;\n        this.dropIndex = null;\n        this.draggedGroupFields = [];\n        this.clearDragClasses();\n      });\n\n      // Group header is also a drop target for other groups / individual columns\n      groupHeaderEl.addEventListener('dragover', (e: DragEvent) => {\n        e.preventDefault();\n        if (!this.isDragging) return;\n        // If dragging the same fragment, ignore\n        if (\n          this.draggedGroupFields.length > 0 &&\n          this.draggedGroupFields.length === fragmentFields.length &&\n          this.draggedGroupFields.every((f) => fragmentFields.includes(f))\n        )\n          return;\n\n        const rect = groupHeaderEl.getBoundingClientRect();\n        const midX = rect.left + rect.width / 2;\n        const before = e.clientX < midX;\n\n        this.clearDragClasses();\n        groupHeaderEl.classList.add('drop-target');\n        groupHeaderEl.classList.toggle('drop-before', before);\n        groupHeaderEl.classList.toggle('drop-after', !before);\n      });\n\n      groupHeaderEl.addEventListener('dragleave', () => {\n        groupHeaderEl.classList.remove('drop-target', 'drop-before', 'drop-after');\n      });\n\n      groupHeaderEl.addEventListener('drop', (e: DragEvent) => {\n        e.preventDefault();\n        if (!this.isDragging) return;\n\n        const rect = groupHeaderEl.getBoundingClientRect();\n        const before = e.clientX < rect.left + rect.width / 2;\n\n        if (this.draggedGroupFields.length > 0) {\n          // Group-to-group drop: move dragged fragment as block relative to this fragment\n          if (\n            this.draggedGroupFields.length === fragmentFields.length &&\n            this.draggedGroupFields.every((f) => fragmentFields.includes(f))\n          )\n            return;\n          this.executeGroupBlockMove(this.draggedGroupFields, fragmentFields, before);\n        } else if (this.draggedField) {\n          // Individual column dropped onto group header\n          const currentOrder = this.getColumnOrder();\n          const anchorField = before ? fragmentFields[0] : fragmentFields[fragmentFields.length - 1];\n          const fromIndex = currentOrder.indexOf(this.draggedField);\n          const toIndex = before ? currentOrder.indexOf(anchorField) : currentOrder.indexOf(anchorField) + 1;\n          if (fromIndex === -1 || toIndex === -1) return;\n          const effectiveToIndex = toIndex > fromIndex ? toIndex - 1 : toIndex;\n          const newOrder = moveColumn(currentOrder, fromIndex, effectiveToIndex);\n          const cancelled = this.emitCancelable<ColumnMoveDetail>('column-move', {\n            field: this.draggedField,\n            fromIndex,\n            toIndex: effectiveToIndex,\n            columnOrder: newOrder,\n          });\n          if (!cancelled) this.updateColumnOrder(newOrder);\n        }\n      });\n    });\n  }\n\n  /**\n   * Get the column field names that belong to a group header fragment.\n   * Reads the grid-column CSS style of the header cell to determine the column range.\n   */\n  private getGroupFragmentFields(groupHeaderEl: HTMLElement, _groupId: string): string[] {\n    // Parse grid-column (e.g., \"2 / span 3\") to get start index and span\n    const gridColumn = groupHeaderEl.style.gridColumn;\n    const match = /(\\d+)\\s*\\/\\s*span\\s+(\\d+)/.exec(gridColumn);\n    if (!match) return [];\n\n    const startCol = parseInt(match[1], 10); // 1-based CSS grid column\n    const span = parseInt(match[2], 10);\n\n    // Map CSS grid columns to visible column fields\n    const visibleColumns = this.visibleColumns;\n    const fields: string[] = [];\n    for (let i = startCol - 1; i < startCol - 1 + span && i < visibleColumns.length; i++) {\n      const col = visibleColumns[i];\n      if (col) fields.push(col.field);\n    }\n    return fields;\n  }\n\n  /**\n   * Move a group of columns as a block to a new position relative to target fields.\n   */\n  private executeGroupBlockMove(draggedFields: string[], targetFields: string[], before: boolean): void {\n    const currentOrder = this.getColumnOrder();\n    const remaining = currentOrder.filter((f) => !draggedFields.includes(f));\n\n    const anchorField = before ? targetFields[0] : targetFields[targetFields.length - 1];\n    const insertAt = remaining.indexOf(anchorField);\n    if (insertAt === -1) return;\n\n    const insertIndex = before ? insertAt : insertAt + 1;\n    const draggedInOrder = currentOrder.filter((f) => draggedFields.includes(f));\n    remaining.splice(insertIndex, 0, ...draggedInOrder);\n\n    // Emit cancelable column-move for the first field so lockGroupOrder guard can check\n    const cancelled = this.emitCancelable<ColumnMoveDetail>('column-move', {\n      field: draggedFields[0],\n      fromIndex: currentOrder.indexOf(draggedFields[0]),\n      toIndex: insertIndex,\n      columnOrder: remaining,\n    });\n    if (!cancelled) {\n      this.updateColumnOrder(remaining);\n    }\n  }\n\n  /**\n   * Handle Alt+Arrow keyboard shortcuts for column reordering.\n   * @internal\n   */\n  override onKeyDown(event: KeyboardEvent): boolean | void {\n    if (!event.altKey || (event.key !== 'ArrowLeft' && event.key !== 'ArrowRight')) {\n      return;\n    }\n\n    const grid = this.#internalGrid;\n    const focusCol = grid._focusCol;\n    const columns = grid._visibleColumns;\n\n    if (focusCol < 0 || focusCol >= columns.length) return;\n\n    const column = columns[focusCol];\n    if (!this.canMoveColumnWithPlugins(column)) return;\n\n    const currentOrder = this.getColumnOrder();\n    const fromIndex = currentOrder.indexOf(column.field);\n    if (fromIndex === -1) return;\n\n    const toIndex = event.key === 'ArrowLeft' ? fromIndex - 1 : fromIndex + 1;\n\n    // Check bounds\n    if (toIndex < 0 || toIndex >= currentOrder.length) return;\n\n    // Check if target position is allowed (e.g., not into pinned area)\n    const targetColumn = columns.find((c) => c.field === currentOrder[toIndex]);\n    if (!this.canMoveColumnWithPlugins(targetColumn)) return;\n\n    this.moveColumn(column.field, toIndex);\n\n    // Update focus to follow the moved column and refresh visual focus state\n    grid._focusCol = toIndex;\n    ensureCellVisible(this.#internalGrid);\n\n    event.preventDefault();\n    event.stopPropagation();\n    return true;\n  }\n  // #endregion\n\n  // #region Public API\n\n  /**\n   * Get the current column order from the grid.\n   * @returns Array of field names in display order\n   */\n  getColumnOrder(): string[] {\n    return this.grid.getColumnOrder();\n  }\n\n  /**\n   * Move a column to a new position.\n   * @param field - The field name of the column to move\n   * @param toIndex - The target index\n   */\n  moveColumn(field: string, toIndex: number): void {\n    const currentOrder = this.getColumnOrder();\n    const fromIndex = currentOrder.indexOf(field);\n    if (fromIndex === -1) return;\n\n    const newOrder = moveColumn(currentOrder, fromIndex, toIndex);\n\n    // Emit cancelable event first - only update if not cancelled\n    const cancelled = this.emitCancelable<ColumnMoveDetail>('column-move', {\n      field,\n      fromIndex,\n      toIndex,\n      columnOrder: newOrder,\n    });\n    if (!cancelled) {\n      // Update with view transition\n      this.updateColumnOrder(newOrder);\n    }\n  }\n\n  /**\n   * Set a specific column order.\n   * @param order - Array of field names in desired order\n   */\n  setColumnOrder(order: string[]): void {\n    this.updateColumnOrder(order);\n  }\n\n  /**\n   * Reset column order to the original configuration order.\n   */\n  resetColumnOrder(): void {\n    const originalOrder = this.columns.map((c) => c.field);\n    this.updateColumnOrder(originalOrder);\n  }\n  // #endregion\n\n  // #region View Transition\n\n  /**\n   * Capture header cell positions before reorder.\n   */\n  private captureHeaderPositions(): Map<string, number> {\n    const positions = new Map<string, number>();\n    this.gridElement?.querySelectorAll('.header-row > .cell[data-field]').forEach((cell) => {\n      const field = cell.getAttribute('data-field');\n      if (field) positions.set(field, cell.getBoundingClientRect().left);\n    });\n    return positions;\n  }\n\n  /**\n   * Apply FLIP animation for column reorder.\n   * Uses CSS transitions - JS sets initial transform and toggles class.\n   * @param oldPositions - Header positions captured before DOM change\n   */\n  private animateFLIP(oldPositions: Map<string, number>): void {\n    const gridEl = this.gridElement;\n    if (!gridEl || oldPositions.size === 0) return;\n\n    // Compute deltas from header cells (one per column, stable reference).\n    // All cells in the same column share the same horizontal offset.\n    const deltas = new Map<string, number>();\n    gridEl.querySelectorAll('.header-row > .cell[data-field]').forEach((cell) => {\n      const field = cell.getAttribute('data-field');\n      if (!field) return;\n      const oldLeft = oldPositions.get(field);\n      if (oldLeft === undefined) return;\n      const deltaX = oldLeft - cell.getBoundingClientRect().left;\n      if (Math.abs(deltaX) > 1) deltas.set(field, deltaX);\n    });\n\n    if (deltas.size === 0) return;\n\n    // Apply transforms to ALL cells (headers + body).\n    // After forceLayout(), body cells are fully rebuilt in new DOM order\n    // with correct data-field attributes, so header-derived deltas apply correctly.\n    const cells: HTMLElement[] = [];\n    gridEl.querySelectorAll('.cell[data-field]').forEach((cell) => {\n      const deltaX = deltas.get(cell.getAttribute('data-field') ?? '');\n      if (deltaX !== undefined) {\n        const el = cell as HTMLElement;\n        el.style.transform = `translateX(${deltaX}px)`;\n        cells.push(el);\n      }\n    });\n\n    if (cells.length === 0) return;\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      cells.forEach((el) => {\n        el.classList.add('flip-animating');\n        el.style.transform = '';\n      });\n\n      // Cleanup after animation\n      setTimeout(() => {\n        cells.forEach((el) => {\n          el.style.transform = '';\n          el.classList.remove('flip-animating');\n        });\n      }, duration + 50);\n    });\n  }\n\n  /**\n   * Apply crossfade animation for moved columns.\n   * Uses CSS keyframes - JS just toggles classes.\n   */\n  private animateFade(applyChange: () => void): void {\n    const gridEl = this.gridElement;\n    if (!gridEl) {\n      applyChange();\n      return;\n    }\n\n    // Capture old positions to detect which columns moved\n    const oldPositions = this.captureHeaderPositions();\n\n    // Apply the change first\n    applyChange();\n\n    // Find which columns changed position\n    const movedFields = new Set<string>();\n    gridEl.querySelectorAll('.header-row > .cell[data-field]').forEach((cell) => {\n      const field = cell.getAttribute('data-field');\n      if (!field) return;\n      const oldLeft = oldPositions.get(field);\n      if (oldLeft === undefined) return;\n      const newLeft = cell.getBoundingClientRect().left;\n      if (Math.abs(oldLeft - newLeft) > 1) {\n        movedFields.add(field);\n      }\n    });\n\n    if (movedFields.size === 0) return;\n\n    // Add animation class to moved columns (headers + body cells)\n    const cells: HTMLElement[] = [];\n    gridEl.querySelectorAll('.cell[data-field]').forEach((cell) => {\n      const field = cell.getAttribute('data-field');\n      if (field && movedFields.has(field)) {\n        const el = cell as HTMLElement;\n        el.classList.add('fade-animating');\n        cells.push(el);\n      }\n    });\n\n    if (cells.length === 0) return;\n\n    // Remove class after animation completes\n    const duration = this.animationDuration;\n    setTimeout(() => {\n      cells.forEach((el) => el.classList.remove('fade-animating'));\n    }, duration + 50);\n  }\n\n  /**\n   * Update column order with configured animation.\n   */\n  private updateColumnOrder(newOrder: string[]): void {\n    const animation = this.animationType;\n\n    if (animation === 'flip' && this.gridElement) {\n      const oldPositions = this.captureHeaderPositions();\n      this.grid.setColumnOrder(newOrder);\n      // Force a full render cycle so body cells are rebuilt in new column order.\n      // setColumnOrder rebuilds headers synchronously but body cells are async\n      // (VIRTUALIZATION phase only patches content in place via fastPatchRow).\n      // forceLayout triggers processColumns which bumps the row render epoch,\n      // ensuring body cells are fully rebuilt with correct DOM order.\n      if (typeof this.grid.forceLayout === 'function') {\n        this.grid.forceLayout().then(() => {\n          this.animateFLIP(oldPositions);\n        });\n      } else {\n        // Fallback: animate headers only (body cells may not be rebuilt yet)\n        requestAnimationFrame(() => {\n          this.animateFLIP(oldPositions);\n        });\n      }\n    } else if (animation === 'fade') {\n      this.animateFade(() => this.grid.setColumnOrder(newOrder));\n    } else {\n      this.grid.setColumnOrder(newOrder);\n    }\n\n    this.grid.requestStateChange?.();\n  }\n  // #endregion\n}\n"],"names":["moveColumn","columns","fromIndex","toIndex","length","result","removed","splice","ReorderPlugin","BaseGridPlugin","name","aliases","styles","defaultConfig","animation","animationType","this","isAnimationEnabled","config","animationDuration","super","isDragging","draggedField","draggedIndex","dropIndex","draggedGroupFields","internalGrid","grid","canMoveColumnWithPlugins","column","meta","lockPosition","suppressMovable","canMoveColumn","query","includes","clearDragClasses","gridElement","querySelectorAll","forEach","h","classList","remove","attach","addEventListener","e","detail","field","signal","disconnectSignal","detach","afterRender","gridEl","header","headerEl","getAttribute","find","c","draggable","setAttribute","orderIndex","getColumnOrder","indexOf","dataTransfer","effectAllowed","setData","add","preventDefault","rect","getBoundingClientRect","midX","left","width","clientX","f","querySelector","toggle","before","executeGroupBlockMove","effectiveToIndex","newOrder","columnOrder","emitCancelable","updateColumnOrder","queueMicrotask","setupGroupHeaderDrag","gh","groupHeaderEl","groupId","startsWith","fragmentFields","getGroupFragmentFields","every","col","style","cursor","currentOrder","anchorField","_groupId","gridColumn","match","exec","startCol","parseInt","span","visibleColumns","fields","i","push","draggedFields","targetFields","remaining","filter","insertAt","insertIndex","draggedInOrder","onKeyDown","event","altKey","key","focusCol","_focusCol","_visibleColumns","targetColumn","ensureCellVisible","stopPropagation","setColumnOrder","order","resetColumnOrder","originalOrder","map","captureHeaderPositions","positions","Map","cell","set","animateFLIP","oldPositions","size","deltas","oldLeft","get","deltaX","Math","abs","cells","el","transform","offsetHeight","duration","requestAnimationFrame","setTimeout","animateFade","applyChange","movedFields","Set","newLeft","has","forceLayout","then","requestStateChange"],"mappings":"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"}
+{"version":3,"file":"reorder-columns.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/reorder-columns/column-drag.ts","../../../../../libs/grid/src/lib/plugins/reorder-columns/ReorderPlugin.ts"],"sourcesContent":["/**\n * Column Reordering Core Logic\n *\n * Pure functions for column drag and reordering operations.\n */\n\nimport type { ColumnConfig } from '../../core/types';\n\n/**\n * Check if a column can be moved based on its own metadata.\n * This checks column-level properties like lockPosition and suppressMovable.\n *\n * Note: For full movability checks including plugin constraints (e.g., pinned columns),\n * use `grid.query<boolean>('canMoveColumn', column)` which queries all plugins that\n * declare the 'canMoveColumn' query in their manifest.\n *\n * @param column - The column configuration to check\n * @returns True if the column can be moved based on its metadata\n */\nexport function canMoveColumn(column: { meta?: Record<string, unknown> }): boolean {\n  // Check for lockPosition or suppressMovable properties in the column config\n  const meta = column.meta ?? {};\n  return meta.lockPosition !== true && meta.suppressMovable !== true;\n}\n\n/**\n * Move a column from one position to another in the order array.\n *\n * @param columns - Array of field names in current order\n * @param fromIndex - The current index of the column to move\n * @param toIndex - The target index to move the column to\n * @returns New array with updated order\n */\nexport function moveColumn(columns: string[], fromIndex: number, toIndex: number): string[] {\n  if (fromIndex === toIndex) return columns;\n  if (fromIndex < 0 || fromIndex >= columns.length) return columns;\n  if (toIndex < 0 || toIndex > columns.length) return columns;\n\n  const result = [...columns];\n  const [removed] = result.splice(fromIndex, 1);\n  result.splice(toIndex, 0, removed);\n  return result;\n}\n\n/**\n * Calculate the drop index based on the current drag position.\n *\n * @param dragX - The current X position of the drag\n * @param headerRect - The bounding rect of the header container\n * @param columnWidths - Array of column widths in order\n * @returns The index where the column should be dropped\n */\nexport function getDropIndex(dragX: number, headerRect: DOMRect, columnWidths: number[]): number {\n  let x = headerRect.left;\n\n  for (let i = 0; i < columnWidths.length; i++) {\n    const mid = x + columnWidths[i] / 2;\n    if (dragX < mid) return i;\n    x += columnWidths[i];\n  }\n\n  return columnWidths.length;\n}\n\n/**\n * Reorder columns according to a specified order.\n * Columns not in the order array are appended at the end.\n *\n * @param columns - Array of column configurations\n * @param order - Array of field names specifying the desired order\n * @returns New array of columns in the specified order\n */\nexport function reorderColumns<TRow = unknown>(columns: ColumnConfig<TRow>[], order: string[]): ColumnConfig<TRow>[] {\n  const columnMap = new Map<string, ColumnConfig<TRow>>(columns.map((c) => [c.field as string, c]));\n  const reordered: ColumnConfig<TRow>[] = [];\n\n  // Add columns in specified order\n  for (const field of order) {\n    const col = columnMap.get(field);\n    if (col) {\n      reordered.push(col);\n      columnMap.delete(field);\n    }\n  }\n\n  // Add any remaining columns not in order\n  for (const col of columnMap.values()) {\n    reordered.push(col);\n  }\n\n  return reordered;\n}\n","/**\n * Column Reordering Plugin (Class-based)\n *\n * Provides drag-and-drop column reordering functionality for tbw-grid.\n * Supports keyboard and mouse interactions with visual feedback.\n * Uses FLIP animation technique for smooth column transitions.\n *\n * Animation respects grid-level animation.mode setting but style is plugin-configured.\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 { canMoveColumn, moveColumn } from './column-drag';\nimport styles from './reorder.css?inline';\nimport type { ColumnMoveDetail, ReorderConfig } from './types';\n\n/**\n * Column Reorder Plugin for tbw-grid\n *\n * Lets users rearrange columns by dragging and dropping column headers. Supports smooth\n * FLIP animations, fade transitions, or instant reordering. Animation respects the\n * grid-level `animation.mode` setting.\n *\n * ## Installation\n *\n * ```ts\n * import { ReorderPlugin } from '@toolbox-web/grid/plugins/reorder-columns';\n * ```\n *\n * ## Keyboard Shortcuts\n *\n * | Key | Action |\n * |-----|--------|\n * | `Alt + ←` | Move focused column left |\n * | `Alt + →` | Move focused column right |\n *\n * ## Events\n *\n * | Event | Detail | Cancelable | Description |\n * |-------|--------|------------|-------------|\n * | `column-move` | `{ field, fromIndex, toIndex, columnOrder }` | Yes | Fired when a column move is attempted |\n *\n * @example Basic Drag-and-Drop Reordering\n * ```ts\n * import { queryGrid } from '@toolbox-web/grid';\n * import { ReorderPlugin } from '@toolbox-web/grid/plugins/reorder-columns';\n *\n * const grid = queryGrid('tbw-grid');\n * grid.gridConfig = {\n *   columns: [\n *     { field: 'id', header: 'ID' },\n *     { field: 'name', header: 'Name' },\n *     { field: 'email', header: 'Email' },\n *   ],\n *   plugins: [new ReorderPlugin({ animation: 'flip', animationDuration: 200 })],\n * };\n *\n * // Persist column order\n * grid.on('column-move', ({ columnOrder }) => {\n *   localStorage.setItem('columnOrder', JSON.stringify(columnOrder));\n * });\n * ```\n *\n * @example Prevent Moves That Break Group Boundaries\n * ```ts\n * grid.on('column-move', (detail, e) => {\n *   if (!isValidMoveWithinGroup(detail.field, detail.fromIndex, detail.toIndex)) {\n *     e.preventDefault(); // Column snaps back to original position\n *   }\n * });\n * ```\n *\n * @see {@link ReorderConfig} for all configuration options\n * @see {@link ColumnMoveDetail} for the event detail structure\n * @see GroupingColumnsPlugin for column group integration\n *\n * @internal Extends BaseGridPlugin\n */\nexport class ReorderPlugin extends BaseGridPlugin<ReorderConfig> {\n  /** @internal */\n  readonly name = 'reorderColumns';\n  /** @internal */\n  override readonly aliases = ['reorder'] as const;\n  /** @internal */\n  override readonly styles = styles;\n\n  /** @internal */\n  protected override get defaultConfig(): Partial<ReorderConfig> {\n    return {\n      animation: 'flip', // Plugin's own default\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' | 'fade' {\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  /**\n   * Get animation duration, allowing plugin config override.\n   * Uses base class animationDuration for default.\n   */\n  protected override get animationDuration(): number {\n    // Plugin config override\n    if (this.config.animationDuration !== undefined) {\n      return this.config.animationDuration;\n    }\n    return super.animationDuration;\n  }\n\n  // #region Internal State\n  private isDragging = false;\n  private draggedField: string | null = null;\n  private draggedIndex: number | null = null;\n  private dropIndex: number | null = null;\n  /** When dragging a group header, holds the field names in that fragment. */\n  private draggedGroupFields: string[] = [];\n\n  /** Typed internal grid accessor. */\n  get #internalGrid(): GridHost {\n    return this.grid as unknown as GridHost;\n  }\n\n  /**\n   * Check if a column can be moved, considering both column config and plugin queries.\n   */\n  private canMoveColumnWithPlugins(column: ColumnConfig | undefined): boolean {\n    if (!column || !canMoveColumn(column)) return false;\n    // Query plugins that respond to 'canMoveColumn' (e.g., PinnedColumnsPlugin)\n    const responses = this.grid.query<boolean>('canMoveColumn', column);\n    return !responses.includes(false);\n  }\n\n  /**\n   * Clear all drag-related classes from header cells and group header cells.\n   */\n  private clearDragClasses(): void {\n    this.gridElement?.querySelectorAll('.header-row > .cell, .header-group-row > .cell').forEach((h) => {\n      h.classList.remove(GridClasses.DRAGGING, 'drop-target', 'drop-before', 'drop-after');\n    });\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\n    // Listen for reorder requests from other plugins (e.g., VisibilityPlugin)\n    // Uses disconnectSignal for automatic cleanup - no need for manual removeEventListener\n    this.gridElement.addEventListener(\n      'column-reorder-request',\n      (e: Event) => {\n        const detail = (e as CustomEvent).detail;\n        if (detail?.field && typeof detail.toIndex === 'number') {\n          this.moveColumn(detail.field, detail.toIndex);\n        }\n      },\n      { signal: this.disconnectSignal },\n    );\n  }\n\n  /** @internal */\n  override detach(): void {\n    this.isDragging = false;\n    this.draggedField = null;\n    this.draggedIndex = null;\n    this.dropIndex = null;\n    this.draggedGroupFields = [];\n  }\n  // #endregion\n\n  // #region Hooks\n\n  /** @internal */\n  override afterRender(): void {\n    const gridEl = this.gridElement;\n    if (!gridEl) return;\n\n    const headers = gridEl.querySelectorAll('.header-row > .cell');\n\n    headers.forEach((header) => {\n      const headerEl = header as HTMLElement;\n      const field = headerEl.getAttribute('data-field');\n      if (!field) return;\n\n      const column = this.columns.find((c) => c.field === field);\n      if (!this.canMoveColumnWithPlugins(column)) {\n        headerEl.draggable = false;\n        return;\n      }\n\n      headerEl.draggable = true;\n\n      // Remove existing listeners to prevent duplicates\n      if (headerEl.getAttribute('data-dragstart-bound')) return;\n      headerEl.setAttribute('data-dragstart-bound', 'true');\n\n      headerEl.addEventListener('dragstart', (e: DragEvent) => {\n        const currentOrder = this.getColumnOrder();\n        const orderIndex = currentOrder.indexOf(field);\n        this.isDragging = true;\n        this.draggedField = field;\n        this.draggedIndex = orderIndex;\n        this.draggedGroupFields = []; // Clear any stale group state\n\n        if (e.dataTransfer) {\n          e.dataTransfer.effectAllowed = 'move';\n          e.dataTransfer.setData('text/plain', field);\n        }\n\n        headerEl.classList.add(GridClasses.DRAGGING);\n      });\n\n      headerEl.addEventListener('dragend', () => {\n        this.isDragging = false;\n        this.draggedField = null;\n        this.draggedIndex = null;\n        this.dropIndex = null;\n        this.draggedGroupFields = [];\n        this.clearDragClasses();\n      });\n\n      headerEl.addEventListener('dragover', (e: DragEvent) => {\n        e.preventDefault();\n        if (!this.isDragging) return;\n        // Skip if dragging this same individual column\n        if (this.draggedField === field && this.draggedGroupFields.length === 0) return;\n        // Skip if this column is part of the dragged group fragment\n        if (this.draggedGroupFields.includes(field)) return;\n\n        const rect = headerEl.getBoundingClientRect();\n        const midX = rect.left + rect.width / 2;\n\n        const currentOrder = this.getColumnOrder();\n        const orderIndex = currentOrder.indexOf(field);\n        this.dropIndex = e.clientX < midX ? orderIndex : orderIndex + 1;\n\n        this.clearDragClasses();\n        // Re-mark dragged elements\n        if (this.draggedGroupFields.length > 0) {\n          for (const f of this.draggedGroupFields) {\n            this.gridElement\n              ?.querySelector(`.header-row > .cell[data-field=\"${f}\"]`)\n              ?.classList.add(GridClasses.DRAGGING);\n          }\n        } else if (this.draggedField) {\n          this.gridElement\n            ?.querySelector(`.header-row > .cell[data-field=\"${this.draggedField}\"]`)\n            ?.classList.add(GridClasses.DRAGGING);\n        }\n        headerEl.classList.add('drop-target');\n        headerEl.classList.toggle('drop-before', e.clientX < midX);\n        headerEl.classList.toggle('drop-after', e.clientX >= midX);\n      });\n\n      headerEl.addEventListener('dragleave', () => {\n        headerEl.classList.remove('drop-target', 'drop-before', 'drop-after');\n      });\n\n      headerEl.addEventListener('drop', (e: DragEvent) => {\n        e.preventDefault();\n        if (!this.isDragging) return;\n\n        // Group fragment drop onto individual column header\n        if (this.draggedGroupFields.length > 0) {\n          if (this.draggedGroupFields.includes(field)) return;\n          const rect = headerEl.getBoundingClientRect();\n          const before = e.clientX < rect.left + rect.width / 2;\n          this.executeGroupBlockMove(this.draggedGroupFields, [field], before);\n          return;\n        }\n\n        // Individual column drop\n        const draggedField = this.draggedField;\n        const draggedIndex = this.draggedIndex;\n        const dropIndex = this.dropIndex;\n\n        if (!this.isDragging || draggedField === null || draggedIndex === null || dropIndex === null) {\n          return;\n        }\n\n        const effectiveToIndex = dropIndex > draggedIndex ? dropIndex - 1 : dropIndex;\n        const currentOrder = this.getColumnOrder();\n        const newOrder = moveColumn(currentOrder, draggedIndex, effectiveToIndex);\n\n        const detail: ColumnMoveDetail = {\n          field: draggedField,\n          fromIndex: draggedIndex,\n          toIndex: effectiveToIndex,\n          columnOrder: newOrder,\n        };\n\n        // Emit cancelable event first - only update if not cancelled\n        const cancelled = this.emitCancelable('column-move', detail);\n        if (!cancelled) {\n          // Update the grid's column order (with optional view transition)\n          this.updateColumnOrder(newOrder);\n        }\n      });\n    });\n\n    // Set up drag listeners for group header cells (if column grouping is active).\n    // Deferred to a microtask because GroupingColumnsPlugin.afterRender() creates the\n    // .header-group-row DOM, and it may run after this plugin in hook order.\n    queueMicrotask(() => this.setupGroupHeaderDrag(gridEl));\n  }\n\n  /**\n   * Set up drag-and-drop listeners on group header cells (.header-group-row > .cell).\n   * Dragging a group header moves all columns in that fragment as a block.\n   * Implicit groups (ungrouped column spans) are not draggable.\n   */\n  private setupGroupHeaderDrag(gridEl: HTMLElement): void {\n    const groupHeaders = gridEl.querySelectorAll('.header-group-row > .cell[data-group]');\n\n    groupHeaders.forEach((gh) => {\n      const groupHeaderEl = gh as HTMLElement;\n      const groupId = groupHeaderEl.getAttribute('data-group');\n      if (!groupId || groupId.startsWith('__implicit__')) return;\n\n      // Already bound?\n      if (groupHeaderEl.getAttribute('data-group-drag-bound')) return;\n      groupHeaderEl.setAttribute('data-group-drag-bound', 'true');\n\n      // Determine which columns are in this fragment by reading the grid-column style\n      const fragmentFields = this.getGroupFragmentFields(groupHeaderEl, groupId);\n      if (fragmentFields.length === 0) return;\n\n      // Check if all columns in the fragment can be moved\n      const allMovable = fragmentFields.every((f) => {\n        const col = this.columns.find((c) => c.field === f);\n        return this.canMoveColumnWithPlugins(col);\n      });\n      if (!allMovable) return;\n\n      groupHeaderEl.draggable = true;\n      groupHeaderEl.style.cursor = 'grab';\n\n      groupHeaderEl.addEventListener('dragstart', (e: DragEvent) => {\n        this.isDragging = true;\n        this.draggedField = null;\n        this.draggedIndex = null;\n        this.draggedGroupFields = [...fragmentFields];\n\n        if (e.dataTransfer) {\n          e.dataTransfer.effectAllowed = 'move';\n          e.dataTransfer.setData('text/plain', `group:${groupId}`);\n        }\n\n        groupHeaderEl.classList.add(GridClasses.DRAGGING);\n        // Also mark the individual column headers as dragging\n        for (const f of fragmentFields) {\n          gridEl.querySelector(`.header-row > .cell[data-field=\"${f}\"]`)?.classList.add(GridClasses.DRAGGING);\n        }\n      });\n\n      groupHeaderEl.addEventListener('dragend', () => {\n        this.isDragging = false;\n        this.draggedField = null;\n        this.draggedIndex = null;\n        this.dropIndex = null;\n        this.draggedGroupFields = [];\n        this.clearDragClasses();\n      });\n\n      // Group header is also a drop target for other groups / individual columns\n      groupHeaderEl.addEventListener('dragover', (e: DragEvent) => {\n        e.preventDefault();\n        if (!this.isDragging) return;\n        // If dragging the same fragment, ignore\n        if (\n          this.draggedGroupFields.length > 0 &&\n          this.draggedGroupFields.length === fragmentFields.length &&\n          this.draggedGroupFields.every((f) => fragmentFields.includes(f))\n        )\n          return;\n\n        const rect = groupHeaderEl.getBoundingClientRect();\n        const midX = rect.left + rect.width / 2;\n        const before = e.clientX < midX;\n\n        this.clearDragClasses();\n        groupHeaderEl.classList.add('drop-target');\n        groupHeaderEl.classList.toggle('drop-before', before);\n        groupHeaderEl.classList.toggle('drop-after', !before);\n      });\n\n      groupHeaderEl.addEventListener('dragleave', () => {\n        groupHeaderEl.classList.remove('drop-target', 'drop-before', 'drop-after');\n      });\n\n      groupHeaderEl.addEventListener('drop', (e: DragEvent) => {\n        e.preventDefault();\n        if (!this.isDragging) return;\n\n        const rect = groupHeaderEl.getBoundingClientRect();\n        const before = e.clientX < rect.left + rect.width / 2;\n\n        if (this.draggedGroupFields.length > 0) {\n          // Group-to-group drop: move dragged fragment as block relative to this fragment\n          if (\n            this.draggedGroupFields.length === fragmentFields.length &&\n            this.draggedGroupFields.every((f) => fragmentFields.includes(f))\n          )\n            return;\n          this.executeGroupBlockMove(this.draggedGroupFields, fragmentFields, before);\n        } else if (this.draggedField) {\n          // Individual column dropped onto group header\n          const currentOrder = this.getColumnOrder();\n          const anchorField = before ? fragmentFields[0] : fragmentFields[fragmentFields.length - 1];\n          const fromIndex = currentOrder.indexOf(this.draggedField);\n          const toIndex = before ? currentOrder.indexOf(anchorField) : currentOrder.indexOf(anchorField) + 1;\n          if (fromIndex === -1 || toIndex === -1) return;\n          const effectiveToIndex = toIndex > fromIndex ? toIndex - 1 : toIndex;\n          const newOrder = moveColumn(currentOrder, fromIndex, effectiveToIndex);\n          const cancelled = this.emitCancelable<ColumnMoveDetail>('column-move', {\n            field: this.draggedField,\n            fromIndex,\n            toIndex: effectiveToIndex,\n            columnOrder: newOrder,\n          });\n          if (!cancelled) this.updateColumnOrder(newOrder);\n        }\n      });\n    });\n  }\n\n  /**\n   * Get the column field names that belong to a group header fragment.\n   * Reads the grid-column CSS style of the header cell to determine the column range.\n   */\n  private getGroupFragmentFields(groupHeaderEl: HTMLElement, _groupId: string): string[] {\n    // Parse grid-column (e.g., \"2 / span 3\") to get start index and span\n    const gridColumn = groupHeaderEl.style.gridColumn;\n    const match = /(\\d+)\\s*\\/\\s*span\\s+(\\d+)/.exec(gridColumn);\n    if (!match) return [];\n\n    const startCol = parseInt(match[1], 10); // 1-based CSS grid column\n    const span = parseInt(match[2], 10);\n\n    // Map CSS grid columns to visible column fields\n    const visibleColumns = this.visibleColumns;\n    const fields: string[] = [];\n    for (let i = startCol - 1; i < startCol - 1 + span && i < visibleColumns.length; i++) {\n      const col = visibleColumns[i];\n      if (col) fields.push(col.field);\n    }\n    return fields;\n  }\n\n  /**\n   * Move a group of columns as a block to a new position relative to target fields.\n   */\n  private executeGroupBlockMove(draggedFields: string[], targetFields: string[], before: boolean): void {\n    const currentOrder = this.getColumnOrder();\n    const remaining = currentOrder.filter((f) => !draggedFields.includes(f));\n\n    const anchorField = before ? targetFields[0] : targetFields[targetFields.length - 1];\n    const insertAt = remaining.indexOf(anchorField);\n    if (insertAt === -1) return;\n\n    const insertIndex = before ? insertAt : insertAt + 1;\n    const draggedInOrder = currentOrder.filter((f) => draggedFields.includes(f));\n    remaining.splice(insertIndex, 0, ...draggedInOrder);\n\n    // Emit cancelable column-move for the first field so lockGroupOrder guard can check\n    const cancelled = this.emitCancelable<ColumnMoveDetail>('column-move', {\n      field: draggedFields[0],\n      fromIndex: currentOrder.indexOf(draggedFields[0]),\n      toIndex: insertIndex,\n      columnOrder: remaining,\n    });\n    if (!cancelled) {\n      this.updateColumnOrder(remaining);\n    }\n  }\n\n  /**\n   * Handle Alt+Arrow keyboard shortcuts for column reordering.\n   * @internal\n   */\n  override onKeyDown(event: KeyboardEvent): boolean | void {\n    if (!event.altKey || (event.key !== 'ArrowLeft' && event.key !== 'ArrowRight')) {\n      return;\n    }\n\n    const grid = this.#internalGrid;\n    const focusCol = grid._focusCol;\n    const columns = grid._visibleColumns;\n\n    if (focusCol < 0 || focusCol >= columns.length) return;\n\n    const column = columns[focusCol];\n    if (!this.canMoveColumnWithPlugins(column)) return;\n\n    const currentOrder = this.getColumnOrder();\n    const fromIndex = currentOrder.indexOf(column.field);\n    if (fromIndex === -1) return;\n\n    const toIndex = event.key === 'ArrowLeft' ? fromIndex - 1 : fromIndex + 1;\n\n    // Check bounds\n    if (toIndex < 0 || toIndex >= currentOrder.length) return;\n\n    // Check if target position is allowed (e.g., not into pinned area)\n    const targetColumn = columns.find((c) => c.field === currentOrder[toIndex]);\n    if (!this.canMoveColumnWithPlugins(targetColumn)) return;\n\n    this.moveColumn(column.field, toIndex);\n\n    // Update focus to follow the moved column and refresh visual focus state\n    grid._focusCol = toIndex;\n    ensureCellVisible(this.#internalGrid);\n\n    event.preventDefault();\n    event.stopPropagation();\n    return true;\n  }\n  // #endregion\n\n  // #region Public API\n\n  /**\n   * Get the current column order from the grid.\n   * @returns Array of field names in display order\n   */\n  getColumnOrder(): string[] {\n    return this.grid.getColumnOrder();\n  }\n\n  /**\n   * Move a column to a new position.\n   * @param field - The field name of the column to move\n   * @param toIndex - The target index\n   */\n  moveColumn(field: string, toIndex: number): void {\n    const currentOrder = this.getColumnOrder();\n    const fromIndex = currentOrder.indexOf(field);\n    if (fromIndex === -1) return;\n\n    const newOrder = moveColumn(currentOrder, fromIndex, toIndex);\n\n    // Emit cancelable event first - only update if not cancelled\n    const cancelled = this.emitCancelable<ColumnMoveDetail>('column-move', {\n      field,\n      fromIndex,\n      toIndex,\n      columnOrder: newOrder,\n    });\n    if (!cancelled) {\n      // Update with view transition\n      this.updateColumnOrder(newOrder);\n    }\n  }\n\n  /**\n   * Set a specific column order.\n   * @param order - Array of field names in desired order\n   */\n  setColumnOrder(order: string[]): void {\n    this.updateColumnOrder(order);\n  }\n\n  /**\n   * Reset column order to the original configuration order.\n   */\n  resetColumnOrder(): void {\n    const originalOrder = this.columns.map((c) => c.field);\n    this.updateColumnOrder(originalOrder);\n  }\n  // #endregion\n\n  // #region View Transition\n\n  /**\n   * Capture header cell positions before reorder.\n   */\n  private captureHeaderPositions(): Map<string, number> {\n    const positions = new Map<string, number>();\n    this.gridElement?.querySelectorAll('.header-row > .cell[data-field]').forEach((cell) => {\n      const field = cell.getAttribute('data-field');\n      if (field) positions.set(field, cell.getBoundingClientRect().left);\n    });\n    return positions;\n  }\n\n  /**\n   * Apply FLIP animation for column reorder.\n   * Uses CSS transitions - JS sets initial transform and toggles class.\n   * @param oldPositions - Header positions captured before DOM change\n   */\n  private animateFLIP(oldPositions: Map<string, number>): void {\n    const gridEl = this.gridElement;\n    if (!gridEl || oldPositions.size === 0) return;\n\n    // Compute deltas from header cells (one per column, stable reference).\n    // All cells in the same column share the same horizontal offset.\n    const deltas = new Map<string, number>();\n    gridEl.querySelectorAll('.header-row > .cell[data-field]').forEach((cell) => {\n      const field = cell.getAttribute('data-field');\n      if (!field) return;\n      const oldLeft = oldPositions.get(field);\n      if (oldLeft === undefined) return;\n      const deltaX = oldLeft - cell.getBoundingClientRect().left;\n      if (Math.abs(deltaX) > 1) deltas.set(field, deltaX);\n    });\n\n    if (deltas.size === 0) return;\n\n    // Apply transforms to ALL cells (headers + body).\n    // After forceLayout(), body cells are fully rebuilt in new DOM order\n    // with correct data-field attributes, so header-derived deltas apply correctly.\n    const cells: HTMLElement[] = [];\n    gridEl.querySelectorAll('.cell[data-field]').forEach((cell) => {\n      const deltaX = deltas.get(cell.getAttribute('data-field') ?? '');\n      if (deltaX !== undefined) {\n        const el = cell as HTMLElement;\n        el.style.transform = `translateX(${deltaX}px)`;\n        cells.push(el);\n      }\n    });\n\n    if (cells.length === 0) return;\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      cells.forEach((el) => {\n        el.classList.add('flip-animating');\n        el.style.transform = '';\n      });\n\n      // Cleanup after animation\n      setTimeout(() => {\n        cells.forEach((el) => {\n          el.style.transform = '';\n          el.classList.remove('flip-animating');\n        });\n      }, duration + 50);\n    });\n  }\n\n  /**\n   * Apply crossfade animation for moved columns.\n   * Uses CSS keyframes - JS just toggles classes.\n   */\n  private animateFade(applyChange: () => void): void {\n    const gridEl = this.gridElement;\n    if (!gridEl) {\n      applyChange();\n      return;\n    }\n\n    // Capture old positions to detect which columns moved\n    const oldPositions = this.captureHeaderPositions();\n\n    // Apply the change first\n    applyChange();\n\n    // Find which columns changed position\n    const movedFields = new Set<string>();\n    gridEl.querySelectorAll('.header-row > .cell[data-field]').forEach((cell) => {\n      const field = cell.getAttribute('data-field');\n      if (!field) return;\n      const oldLeft = oldPositions.get(field);\n      if (oldLeft === undefined) return;\n      const newLeft = cell.getBoundingClientRect().left;\n      if (Math.abs(oldLeft - newLeft) > 1) {\n        movedFields.add(field);\n      }\n    });\n\n    if (movedFields.size === 0) return;\n\n    // Add animation class to moved columns (headers + body cells)\n    const cells: HTMLElement[] = [];\n    gridEl.querySelectorAll('.cell[data-field]').forEach((cell) => {\n      const field = cell.getAttribute('data-field');\n      if (field && movedFields.has(field)) {\n        const el = cell as HTMLElement;\n        el.classList.add('fade-animating');\n        cells.push(el);\n      }\n    });\n\n    if (cells.length === 0) return;\n\n    // Remove class after animation completes\n    const duration = this.animationDuration;\n    setTimeout(() => {\n      cells.forEach((el) => el.classList.remove('fade-animating'));\n    }, duration + 50);\n  }\n\n  /**\n   * Update column order with configured animation.\n   */\n  private updateColumnOrder(newOrder: string[]): void {\n    const animation = this.animationType;\n\n    if (animation === 'flip' && this.gridElement) {\n      const oldPositions = this.captureHeaderPositions();\n      this.grid.setColumnOrder(newOrder);\n      // setColumnOrder now requests COLUMNS phase (not just VIRTUALIZATION), so\n      // processColumns() runs and bumps __rowRenderEpoch. forceLayout() waits\n      // for the pending phase to flush, ensuring body cells are fully rebuilt\n      // with correct data-field attributes before the FLIP animation runs.\n      if (typeof this.grid.forceLayout === 'function') {\n        this.grid.forceLayout().then(() => {\n          this.animateFLIP(oldPositions);\n        });\n      } else {\n        // Fallback: animate headers only (body cells may not be rebuilt yet)\n        requestAnimationFrame(() => {\n          this.animateFLIP(oldPositions);\n        });\n      }\n    } else if (animation === 'fade') {\n      this.animateFade(() => this.grid.setColumnOrder(newOrder));\n    } else {\n      this.grid.setColumnOrder(newOrder);\n    }\n\n    this.grid.requestStateChange?.();\n  }\n  // #endregion\n}\n"],"names":["moveColumn","columns","fromIndex","toIndex","length","result","removed","splice","ReorderPlugin","BaseGridPlugin","name","aliases","styles","defaultConfig","animation","animationType","this","isAnimationEnabled","config","animationDuration","super","isDragging","draggedField","draggedIndex","dropIndex","draggedGroupFields","internalGrid","grid","canMoveColumnWithPlugins","column","meta","lockPosition","suppressMovable","canMoveColumn","query","includes","clearDragClasses","gridElement","querySelectorAll","forEach","h","classList","remove","GridClasses","DRAGGING","attach","addEventListener","e","detail","field","signal","disconnectSignal","detach","afterRender","gridEl","header","headerEl","getAttribute","find","c","draggable","setAttribute","orderIndex","getColumnOrder","indexOf","dataTransfer","effectAllowed","setData","add","preventDefault","rect","getBoundingClientRect","midX","left","width","clientX","f","querySelector","toggle","before","executeGroupBlockMove","effectiveToIndex","newOrder","columnOrder","emitCancelable","updateColumnOrder","queueMicrotask","setupGroupHeaderDrag","gh","groupHeaderEl","groupId","startsWith","fragmentFields","getGroupFragmentFields","every","col","style","cursor","currentOrder","anchorField","_groupId","gridColumn","match","exec","startCol","parseInt","span","visibleColumns","fields","i","push","draggedFields","targetFields","remaining","filter","insertAt","insertIndex","draggedInOrder","onKeyDown","event","altKey","key","focusCol","_focusCol","_visibleColumns","targetColumn","ensureCellVisible","stopPropagation","setColumnOrder","order","resetColumnOrder","originalOrder","map","captureHeaderPositions","positions","Map","cell","set","animateFLIP","oldPositions","size","deltas","oldLeft","get","deltaX","Math","abs","cells","el","transform","offsetHeight","duration","requestAnimationFrame","setTimeout","animateFade","applyChange","movedFields","Set","newLeft","has","forceLayout","then","requestStateChange"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("../../core/internal/keyboard"),require("../../core/plugin/base-plugin")):"function"==typeof define&&define.amd?define(["exports","../../core/internal/keyboard","../../core/plugin/base-plugin"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).TbwGridPlugin_reorderRows={},e.TbwGrid,e.TbwGrid)}(this,function(e,t,r){"use strict";const o="__tbw_row_drag";class n extends r.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:o,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,this.resolveIcon("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 t=this.disconnectSignal;e.addEventListener("dragstart",e=>{const t=e,r=t.target.closest(".dg-row-drag-handle");if(!r)return;const o=r.closest(".data-grid-row");if(!o)return;const n=this.getRowIndex(o);n<0||(this.isDragging=!0,this.draggedRowIndex=n,t.dataTransfer&&(t.dataTransfer.effectAllowed="move",t.dataTransfer.setData("text/plain",String(n))),o.classList.add("dragging"))},{signal:t}),e.addEventListener("dragend",()=>{this.isDragging=!1,this.draggedRowIndex=null,this.dropRowIndex=null,this.clearDragClasses()},{signal:t}),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:t}),e.addEventListener("dragleave",e=>{const t=e.target.closest(".data-grid-row");t&&t.classList.remove("drop-target","drop-before","drop-after")},{signal:t}),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:t})}handleKeyboardMove(e,r,o,n,i){this.pendingMove?this.pendingMove.currentIndex=o:this.pendingMove={originalIndex:r,currentIndex:o,row:e},this.lastFocusCol=i;const s=this.#e,a=[...s._rows??this.sourceRows],[d]=a.splice(r,1);a.splice(o,0,d),s._rows=a,s._focusRow=o,s._focusCol=i,s.refreshVirtualWindow(!0),t.ensureCellVisible(s),this.clearDebounceTimer(),this.debounceTimer=setTimeout(()=>{this.flushPendingMove()},this.config.debounceMs??300)}flushPendingMove(){if(this.clearDebounceTimer(),!this.pendingMove)return;const{originalIndex:e,currentIndex:r,row:o}=this.pendingMove;if(this.pendingMove=null,e===r)return;const n={row:o,fromIndex:e,toIndex:r,rows:[...this.sourceRows],source:"keyboard"};if(this.emitCancelable("row-move",n)){const o=[...this.sourceRows],[n]=o.splice(r,1);o.splice(e,0,n);const i=this.#e;i._rows=o,i._focusRow=e,i._focusCol=this.lastFocusCol,i.refreshVirtualWindow(!0),t.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("dragging","drop-target","drop-before","drop-after")})}clearDebounceTimer(){this.debounceTimer&&(clearTimeout(this.debounceTimer),this.debounceTimer=null)}}e.ROW_DRAG_HANDLE_FIELD=o,e.RowReorderPlugin=n,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,this.resolveIcon("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"})});
 //# 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 { 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 * ## Configuration Options\n *\n * | Option | Type | Default | Description |\n * |--------|------|---------|-------------|\n * | `enableKeyboard` | `boolean` | `true` | Enable Ctrl+Up/Down shortcuts |\n * | `showDragHandle` | `boolean` | `true` | Show drag handle column |\n * | `dragHandlePosition` | `'left' \\| 'right'` | `'left'` | Drag handle column position |\n * | `dragHandleWidth` | `number` | `40` | Drag handle column width |\n * | `canMove` | `function` | - | Validation callback |\n * | `debounceMs` | `number` | `300` | Debounce time for keyboard moves |\n * | `animation` | `false \\| 'flip'` | `'flip'` | Animation for row moves |\n *\n * ## Keyboard Shortcuts\n *\n * | Key | Action |\n * |-----|--------|\n * | `Ctrl + ↑` | Move focused row up |\n * | `Ctrl + ↓` | Move focused row down |\n *\n * ## Events\n *\n * | Event | Detail | Cancelable | Description |\n * |-------|--------|------------|-------------|\n * | `row-move` | `RowMoveDetail` | Yes | Fired when a row move is attempted |\n *\n * @example Basic Row Reordering\n * ```ts\n * import { 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, this.resolveIcon('dragHandle'));\n\n        return container;\n      },\n    };\n\n    // Position the drag handle column\n    if (this.config.dragHandlePosition === 'right') {\n      return [...columns, dragHandleColumn];\n    }\n    return [dragHandleColumn, ...columns];\n  }\n\n  /** @internal */\n  override afterRender(): void {\n    // 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('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('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","resolveIcon","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","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":"8aAcaA,EAAwB,iBAuE9B,MAAMC,UAAyBC,EAAAA,eAE3BC,KAAO,cAEEC,QAAU,CAAC,cAEXC,g4CAGlB,iBAAuBC,GACrB,MAAO,CACLC,gBAAgB,EAChBC,gBAAgB,EAChBC,mBAAoB,OACpBC,gBAAiB,GACjBC,WAAY,IACZC,UAAW,OAEf,CAMA,iBAAYC,GAEV,QAAKC,KAAKC,0BAGoB,IAA1BD,KAAKE,OAAOJ,UAAgCE,KAAKE,OAAOJ,UAErD,OACT,CAGQK,YAAa,EACbC,gBAAiC,KACjCC,aAA8B,KAC9BC,YAAkC,KAClCC,cAAsD,KAEtDC,aAAe,EAGvB,KAAIC,GACF,OAAOT,KAAKU,IACd,CAMS,MAAAC,CAAOD,GACdE,MAAMD,OAAOD,GACbV,KAAKa,6BACP,CAGS,MAAAC,GACPd,KAAKe,qBACLf,KAAKG,YAAa,EAClBH,KAAKI,gBAAkB,KACvBJ,KAAKK,aAAe,KACpBL,KAAKM,YAAc,IACrB,CAMS,cAAAU,CAAeC,GACtB,IAAKjB,KAAKE,OAAOR,eACf,MAAO,IAAIuB,GAGb,MAAMC,EAAiC,CACrCC,MAAOjC,EACPkC,OAAQ,GACRC,MAAOrB,KAAKE,OAAON,iBAAmB,GACtC0B,WAAW,EACXC,UAAU,EACVC,YAAY,EACZC,KAAM,CACJC,cAAc,EACdC,iBAAiB,EACjBC,SAAS,GAEXC,aAAc,KACZ,MAAMC,EAAYC,SAASC,cAAc,OAWzC,OAVAF,EAAUG,UAAY,qBACtBH,EAAUI,aAAa,aAAc,mBACrCJ,EAAUI,aAAa,OAAQ,UAC/BJ,EAAUI,aAAa,WAAY,MAEnCJ,EAAUK,WAAY,EAGtBnC,KAAKoC,QAAQN,EAAW9B,KAAKqC,YAAY,eAElCP,IAKX,MAAuC,UAAnC9B,KAAKE,OAAOP,mBACP,IAAIsB,EAASC,GAEf,CAACA,KAAqBD,EAC/B,CAGS,WAAAqB,GAET,CAMS,SAAAC,CAAUC,GACjB,IAAKxC,KAAKE,OAAOT,eAAgB,OACjC,IAAK+C,EAAMC,SAA0B,YAAdD,EAAME,KAAmC,cAAdF,EAAME,IACtD,OAGF,MAAMhC,EAAOV,MAAKS,EACZkC,EAAWjC,EAAKkC,UAIhBC,EAAOnC,EAAKoC,OAAS9C,KAAK+C,WAEhC,GAAIJ,EAAW,GAAKA,GAAYE,EAAKG,OAAQ,OAE7C,MAAMC,EAA0B,YAAdT,EAAME,IAAoB,KAAO,OAC7CQ,EAAwB,OAAdD,EAAqBN,EAAW,EAAIA,EAAW,EAG/D,GAAIO,EAAU,GAAKA,GAAWL,EAAKG,OAAQ,OAE3C,MAAMG,EAAMN,EAAKF,GAGjB,OAAI3C,KAAKE,OAAOkD,SAAYpD,KAAKE,OAAOkD,QAAQD,EAAKR,EAAUO,EAASD,IAKxEjD,KAAKqD,mBAAmBF,EAAKR,EAAUO,EAASD,EAAWvC,EAAK4C,WAEhEd,EAAMe,iBACNf,EAAMgB,mBACC,QATP,CAUF,CAOS,WAAAC,GAGPzD,KAAK0D,kBACP,CAUA,OAAAC,CAAQC,EAAmBV,GACzB,MAAML,EAAO,IAAI7C,KAAK+C,YACtB,GAAIa,EAAY,GAAKA,GAAaf,EAAKG,OAAQ,OAC/C,GAAIE,EAAU,GAAKA,GAAWL,EAAKG,OAAQ,OAC3C,GAAIY,IAAcV,EAAS,OAE3B,MAAMD,EAAYC,EAAUU,EAAY,KAAO,OACzCT,EAAMN,EAAKe,GAGb5D,KAAKE,OAAOkD,UAAYpD,KAAKE,OAAOkD,QAAQD,EAAKS,EAAWV,EAASD,IAIzEjD,KAAK6D,YAAYV,EAAKS,EAAWV,EAAS,WAC5C,CAOA,UAAAY,CAAWF,EAAmBV,GAC5B,MAAML,EAAO7C,KAAK+C,WAClB,GAAIa,EAAY,GAAKA,GAAaf,EAAKG,OAAQ,OAAO,EACtD,GAAIE,EAAU,GAAKA,GAAWL,EAAKG,OAAQ,OAAO,EAClD,GAAIY,IAAcV,EAAS,OAAO,EAElC,IAAKlD,KAAKE,OAAOkD,QAAS,OAAO,EAEjC,MAAMH,EAAYC,EAAUU,EAAY,KAAO,OAC/C,OAAO5D,KAAKE,OAAOkD,QAAQP,EAAKe,GAAYA,EAAWV,EAASD,EAClE,CASQ,2BAAApC,GACN,MAAMkD,EAAS/D,KAAKgE,YACpB,IAAKD,EAAQ,OACb,MAAME,EAASjE,KAAKkE,iBAGpBH,EAAOI,iBACL,YACCC,IACC,MAAMC,EAAKD,EACLE,EAAUD,EAAGE,OAAuBC,QAAQ,uBAClD,IAAKF,EAAQ,OACb,MAAMG,EAAQH,EAAOE,QAAQ,kBAC7B,IAAKC,EAAO,OAEZ,MAAMC,EAAW1E,KAAK2E,YAAYF,GAC9BC,EAAW,IAEf1E,KAAKG,YAAa,EAClBH,KAAKI,gBAAkBsE,EAEnBL,EAAGO,eACLP,EAAGO,aAAaC,cAAgB,OAChCR,EAAGO,aAAaE,QAAQ,aAAcC,OAAOL,KAG/CD,EAAMO,UAAUC,IAAI,cAEtB,CAAEhB,WAIJF,EAAOI,iBACL,UACA,KACEnE,KAAKG,YAAa,EAClBH,KAAKI,gBAAkB,KACvBJ,KAAKK,aAAe,KACpBL,KAAKkF,oBAEP,CAAEjB,WAIJF,EAAOI,iBACL,WACCC,IACC,MAAMC,EAAKD,EACX,IAAKpE,KAAKG,YAAuC,OAAzBH,KAAKI,gBAA0B,OAEvD,MAAMqE,EAASJ,EAAGE,OAAuBC,QAAQ,kBACjD,IAAKC,EAAO,OAEZJ,EAAGd,iBAEH,MAAM4B,EAAcnF,KAAK2E,YAAYF,GACrC,GAAIU,EAAc,GAAKA,IAAgBnF,KAAKI,gBAAiB,OAE7D,MAAMgF,EAAOX,EAAMY,wBACbC,EAAOF,EAAKG,IAAMH,EAAKI,OAAS,EAChCC,EAAWpB,EAAGqB,QAAUJ,EAE9BtF,KAAKK,aAAeoF,EAAWN,EAAcA,EAAc,EAE3DV,EAAMO,UAAUC,IAAI,eACpBR,EAAMO,UAAUW,OAAO,cAAeF,GACtChB,EAAMO,UAAUW,OAAO,cAAeF,IAExC,CAAExB,WAIJF,EAAOI,iBACL,YACCC,IACC,MAAMK,EAASL,EAAEG,OAAuBC,QAAQ,kBAC5CC,GACFA,EAAMO,UAAUY,OAAO,cAAe,cAAe,eAGzD,CAAE3B,WAIJF,EAAOI,iBACL,OACCC,IACYA,EACRb,iBAEH,MAAMK,EAAY5D,KAAKI,gBACvB,IAAI8C,EAAUlD,KAAKK,aAEnB,GAAKL,KAAKG,YAA4B,OAAdyD,GAAkC,OAAZV,IAG1CA,EAAUU,GACZV,IAGEU,IAAcV,GAAS,CACzB,MACMC,EADOnD,KAAK+C,WACDa,GACXX,EAAYC,EAAUU,EAAY,KAAO,OAE1C5D,KAAKE,OAAOkD,UAAWpD,KAAKE,OAAOkD,QAAQD,EAAKS,EAAWV,EAASD,IACvEjD,KAAK6D,YAAYV,EAAKS,EAAWV,EAAS,OAE9C,GAEF,CAAEe,UAEN,CAMQ,kBAAAZ,CACNF,EACAS,EACAV,EACAD,EACA4C,GAGK7F,KAAKM,YAQRN,KAAKM,YAAYwF,aAAe5C,EAPhClD,KAAKM,YAAc,CACjByF,cAAenC,EACfkC,aAAc5C,EACdC,OAQJnD,KAAKQ,aAAeqF,EAKpB,MAAMnF,EAAOV,MAAKS,EACZoC,EAAO,IAAKnC,EAAKoC,OAAS9C,KAAK+C,aAC9BiD,GAAYnD,EAAKoD,OAAOrC,EAAW,GAC1Cf,EAAKoD,OAAO/C,EAAS,EAAG8C,GAGxBtF,EAAKoC,MAAQD,EAGbnC,EAAKkC,UAAYM,EACjBxC,EAAK4C,UAAYuC,EAIjBnF,EAAKwF,sBAAqB,GAG1BC,EAAAA,kBAAkBzF,GAGlBV,KAAKe,qBACLf,KAAKO,cAAgB6F,WAAW,KAC9BpG,KAAK0D,oBACJ1D,KAAKE,OAAOL,YAAc,IAC/B,CAMQ,gBAAA6D,GAGN,GAFA1D,KAAKe,sBAEAf,KAAKM,YAAa,OAEvB,MAAMyF,cAAEA,EAAAD,aAAeA,EAAc3C,IAAK6C,GAAahG,KAAKM,YAG5D,GAFAN,KAAKM,YAAc,KAEfyF,IAAkBD,EAAc,OAGpC,MAAMO,EAAwB,CAC5BlD,IAAK6C,EACLpC,UAAWmC,EACX7C,QAAS4C,EACTjD,KAAM,IAAI7C,KAAK+C,YACfuD,OAAQ,YAIV,GADkBtG,KAAKuG,eAAe,WAAYF,GACnC,CAEb,MAAMxD,EAAO,IAAI7C,KAAK+C,aACfI,GAAON,EAAKoD,OAAOH,EAAc,GACxCjD,EAAKoD,OAAOF,EAAe,EAAG5C,GAE9B,MAAMzC,EAAOV,MAAKS,EAClBC,EAAKoC,MAAQD,EACbnC,EAAKkC,UAAYmD,EACjBrF,EAAK4C,UAAYtD,KAAKQ,aACtBE,EAAKwF,sBAAqB,GAC1BC,EAAAA,kBAAkBzF,EACpB,CACF,CAKQ,WAAAmD,CAAYV,EAAcS,EAAmBV,EAAiBoD,GACpE,MAAMzD,EAAO,IAAI7C,KAAK+C,aACfiD,GAAYnD,EAAKoD,OAAOrC,EAAW,GAC1Cf,EAAKoD,OAAO/C,EAAS,EAAG8C,GAExB,MAAMK,EAAwB,CAC5BlD,MACAS,YACAV,UACAL,OACAyD,UAKF,IADkBtG,KAAKuG,eAAe,WAAYF,GAGhD,GAA2B,SAAvBrG,KAAKD,eAA4BC,KAAKgE,YAAa,CACrD,MAAMwC,EAAexG,KAAKyG,sBAC1BzG,KAAKU,KAAKmC,KAAOA,EAGjB6D,sBAAsB,KACf1G,KAAKgE,YAAY2C,aACtB3G,KAAK4G,YAAYJ,EAAc5C,EAAWV,IAE9C,MAEElD,KAAKU,KAAKmC,KAAOA,CAGvB,CAMQ,mBAAA4D,GACN,MAAMI,MAAgBC,IAOtB,OANA9G,KAAKgE,aAAa+C,iBAAiB,kBAAkBC,QAAS7D,IAC5D,MAAMuB,EAAW1E,KAAK2E,YAAYxB,GAC9BuB,GAAY,GACdmC,EAAUI,IAAIvC,EAAUvB,EAAIkC,wBAAwBE,OAGjDsB,CACT,CASQ,WAAAD,CAAYJ,EAAmC5C,EAAmBV,GACxE,MAAMa,EAAS/D,KAAKgE,YACpB,IAAKD,GAAgC,IAAtByC,EAAaU,KAAY,OAGxC,MAAMC,EAAWC,KAAKC,IAAIzD,EAAWV,GAC/BoE,EAAWF,KAAKG,IAAI3D,EAAWV,GAG/BsE,EAAuD,GA+B7D,GA7BAzD,EAAOgD,iBAAiB,kBAAkBC,QAAS7D,IACjD,MAAMsB,EAAQtB,EACRsE,EAAczH,KAAK2E,YAAYF,GACrC,GAAIgD,EAAc,GAAKA,EAAcN,GAAYM,EAAcH,EAAU,OAGzE,IAAII,EAGFA,EAFED,IAAgBvE,EAEPU,EACFA,EAAYV,EAEVuE,EAAc,EAGdA,EAAc,EAG3B,MAAME,EAASnB,EAAaoB,IAAIF,GAChC,QAAe,IAAXC,EAAsB,OAE1B,MACME,EAASF,EADAlD,EAAMY,wBAAwBE,IAGzC6B,KAAKU,IAAID,GAAU,GACrBL,EAAcO,KAAK,CAAEC,GAAIvD,EAAOoD,aAIP,IAAzBL,EAAcxE,OAAc,OAGhCwE,EAAcR,QAAQ,EAAGgB,KAAIH,aAC3BG,EAAGC,MAAMC,UAAY,cAAcL,SAIhC9D,EAAO4C,aAEZ,MAAMwB,EAAWnI,KAAKoI,kBAEtB1B,sBAAsB,KACpBc,EAAcR,QAAQ,EAAGgB,SACvBA,EAAGhD,UAAUC,IAAI,kBACjB+C,EAAGC,MAAMC,UAAY,KAIvB9B,WAAW,KACToB,EAAcR,QAAQ,EAAGgB,SACvBA,EAAGC,MAAMC,UAAY,GACrBF,EAAGhD,UAAUY,OAAO,qBAErBuC,EAAW,KAElB,CAMQ,WAAAxD,CAAYF,GAClB,MAAM4D,EAAO5D,EAAM6D,cAAc,mBACjC,OAAOD,EAAOE,SAASF,EAAKG,aAAa,aAAe,KAAM,KAAM,CACtE,CAKQ,gBAAAtD,GACNlF,KAAKgE,aAAa+C,iBAAiB,kBAAkBC,QAAS7D,IAC5DA,EAAI6B,UAAUY,OAAO,WAAY,cAAe,cAAe,eAEnE,CAKQ,kBAAA7E,GACFf,KAAKO,gBACPkI,aAAazI,KAAKO,eAClBP,KAAKO,cAAgB,KAEzB"}
+{"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, this.resolveIcon('dragHandle'));\n\n        return container;\n      },\n    };\n\n    // Position the drag handle column\n    if (this.config.dragHandlePosition === 'right') {\n      return [...columns, dragHandleColumn];\n    }\n    return [dragHandleColumn, ...columns];\n  }\n\n  /** @internal */\n  override afterRender(): void {\n    // 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","resolveIcon","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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"}

package/umd/plugins/selection.umd.js

@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("../../core/internal/utils"),require("../../core/plugin/base-plugin"),require("../../core/plugin/expander-column")):"function"==typeof define&&define.amd?define(["exports","../../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)}(this,function(e,t,s,i){"use strict";function l(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 o(e){const t=l(e);return{from:{row:t.startRow,col:t.startCol},to:{row:t.endRow,col:t.endCol}}}function r(e){return e.map(o)}function n(e,t,s){return s.some(s=>function(e,t,s){const i=l(s);return e>=i.startRow&&e<=i.endRow&&t>=i.startCol&&t<=i.endCol}(e,t,s))}function c(e){const t=[],s=l(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 a(e,t){return{startRow:e.row,startCol:e.col,endRow:t.row,endCol:t.col}}function d(e,t){const s=l(e),i=l(t);return s.startRow===i.startRow&&s.startCol===i.startCol&&s.endRow===i.endRow&&s.endCol===i.endCol}const h="__tbw_checkbox";class g extends s.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;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:l}=e,{mode:o,triggerOn:r="click"}=this.config;if(l.type!==r)return!1;const n=e.column,c=n&&i.isUtilityColumn(n);if("cell"===o){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"===o){if(!this.isRowSelectable(t))return!1;const e=!1!==this.config.multiSelect,s=l.shiftKey&&e,i=(l.ctrlKey||l.metaKey)&&e,o=!0===n?.meta?.checkboxColumn;if(s&&null!==this.anchor){const e=Math.min(this.anchor,t),s=Math.max(this.anchor,t);i||this.selected.clear();for(let t=e;t<=s;t++)this.isRowSelectable(t)&&this.selected.add(t)}else if(i||o&&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"===o){if(c)return!1;if(!this.isCellSelectable(t,s))return!1;const e=l.shiftKey,i=(l.ctrlKey||l.metaKey)&&!1!==this.config.multiSelect;if(e&&this.cellAnchor){const e=a(this.cellAnchor,{row:t,col:s}),l=this.ranges.length>0?this.ranges[this.ranges.length-1]:null;if(l&&d(l,e))return!1;i?this.ranges.length>0?this.ranges[this.ranges.length-1]=e:this.ranges.push(e):this.ranges=[e],this.activeRange=e}else if(i){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&&d(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&&i.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,l=(e.originalEvent.ctrlKey||e.originalEvent.metaKey)&&!1!==this.config.multiSelect,o={startRow:t,startCol:s,endRow:t,endCol:s};return!l&&1===this.ranges.length&&d(this.ranges[0],o)?(this.cellAnchor={row:t,col:s},!0):(this.cellAnchor={row:t,col:s},l||(this.ranges=[]),this.ranges.push(o),this.activeRange=o,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&&i.isUtilityColumn(s)){const e=this.visibleColumns.findIndex(e=>!i.isUtilityColumn(e));e>=0&&(t=e)}const l=a(this.cellAnchor,{row:e.rowIndex,col:t}),o=this.ranges.length>0?this.ranges[this.ranges.length-1]:null;return o&&d(o,l)||(this.ranges.length>0?this.ranges[this.ranges.length-1]=l:this.ranges.push(l),this.activeRange=l,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===h))return e;const t=this.#t(),s=e.findIndex(i.isExpanderColumn),l=s>=0?s+1:0;return[...e.slice(0,l),t,...e.slice(l)]}return e}#t(){return{field:h,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 s=e.closest(".cell"),i=s?t.getRowIndexFromCell(s):-1;i>=0&&(e.checked=this.selected.has(i))});const s=e.querySelector(".tbw-select-all-checkbox");if(s){const e=this.rows.length;let t=0;if(this.config.isSelectable)for(let s=0;s<e;s++)this.isRowSelectable(s)&&t++;else t=e;const i=t>0&&this.selected.size>=t,l=this.selected.size>0;s.checked=i,s.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,o=!!this.config.isSelectable;e.querySelectorAll(".cell").forEach(e=>{e.classList.remove("selected","top","bottom","first","last"),o&&e.removeAttribute("data-selectable")});const r=e.querySelectorAll(".data-grid-row");if(r.forEach(e=>{e.classList.remove("selected","row-focus"),e.setAttribute("aria-selected","false"),o&&e.removeAttribute("data-selectable")}),"row"===s&&(t.clearCellFocus(e),r.forEach(e=>{const s=e.querySelector(".cell[data-row]"),i=t.getRowIndexFromCell(s);i>=0&&(o&&!this.isRowSelectable(i)&&e.setAttribute("data-selectable","false"),this.selected.has(i)&&(e.classList.add("selected","row-focus"),e.setAttribute("aria-selected","true")))}),this.config.checkbox&&this.#s(e)),("cell"===s||"range"===s)&&o){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){t.clearCellFocus(e);const s=this.ranges.map(l),o=(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 t=parseInt(e.getAttribute("data-row")??"-1",10),s=parseInt(e.getAttribute("data-col")??"-1",10);if(t>=0&&s>=0){const l=this.visibleColumns[s];if(l&&i.isUtilityColumn(l))return;o(t,s)&&(e.classList.add("selected"),e.setAttribute("aria-selected","true"),o(t-1,s)||e.classList.add("top"),o(t+1,s)||e.classList.add("bottom"),o(t,s-1)||e.classList.add("first"),o(t,s+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=a(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 c(s))t.set(`${e.row},${e.col}`,e);return[...t.values()]}(this.ranges)}isCellSelected(e,t){return n(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:r(this.ranges)}),this.requestAfterRender()}#e(){return 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 o=i[0],r=o;for(let e=1;e<i.length;e++)i[e]===r+1?r=i[e]:(l.push({from:{row:o,col:0},to:{row:r,col:s-1}}),o=i[e],r=o);return l.push({from:{row:o,col:0},to:{row:r,col:s-1}}),{mode:e,ranges:l}}return"range"===e&&t.ranges.length>0?{mode:e,ranges:r(t.ranges)}:{mode:e,ranges:[]}}(this.config.mode,{selectedCell:this.selectedCell,selected:this.selected,ranges:this.ranges},this.columns.length)}}e.SelectionPlugin=g,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("../../core/constants"),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/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)}(this,function(e,t,s,i,l){"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 r(e){const t=o(e);return{from:{row:t.startRow,col:t.startCol},to:{row:t.endRow,col:t.endCol}}}function n(e){return e.map(r)}function c(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 a(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 d(e,t){return{startRow:e.row,startCol:e.col,endRow:t.row,endCol:t.col}}function h(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 g="__tbw_checkbox";class u extends i.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;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:o,triggerOn:r="click"}=this.config;if(i.type!==r)return!1;const n=e.column,c=n&&l.isUtilityColumn(n);if("cell"===o){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"===o){if(!this.isRowSelectable(t))return!1;const e=!1!==this.config.multiSelect,s=i.shiftKey&&e,l=(i.ctrlKey||i.metaKey)&&e,o=!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||o&&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"===o){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=d(this.cellAnchor,{row:t,col:s}),i=this.ranges.length>0?this.ranges[this.ranges.length-1]:null;if(i&&h(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&&h(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&&l.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,o={startRow:t,startCol:s,endRow:t,endCol:s};return!i&&1===this.ranges.length&&h(this.ranges[0],o)?(this.cellAnchor={row:t,col:s},!0):(this.cellAnchor={row:t,col:s},i||(this.ranges=[]),this.ranges.push(o),this.activeRange=o,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&&l.isUtilityColumn(s)){const e=this.visibleColumns.findIndex(e=>!l.isUtilityColumn(e));e>=0&&(t=e)}const i=d(this.cellAnchor,{row:e.rowIndex,col:t}),o=this.ranges.length>0?this.ranges[this.ranges.length-1]:null;return o&&h(o,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===g))return e;const t=this.#t(),s=e.findIndex(l.isExpanderColumn),i=s>=0?s+1:0;return[...e.slice(0,i),t,...e.slice(i)]}return e}#t(){return{field:g,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"),i=t?s.getRowIndexFromCell(t):-1;i>=0&&(e.checked=this.selected.has(i))});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:i}=this.config,r=!!this.config.isSelectable;e.querySelectorAll(".cell").forEach(e=>{e.classList.remove(t.GridClasses.SELECTED,"top","bottom","first","last"),r&&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"),r&&e.removeAttribute("data-selectable")}),"row"===i&&(s.clearCellFocus(e),n.forEach(e=>{const i=e.querySelector(".cell[data-row]"),l=s.getRowIndexFromCell(i);l>=0&&(r&&!this.isRowSelectable(l)&&e.setAttribute("data-selectable","false"),this.selected.has(l)&&(e.classList.add(t.GridClasses.SELECTED,"row-focus"),e.setAttribute("aria-selected","true")))}),this.config.checkbox&&this.#s(e)),("cell"===i||"range"===i)&&r){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"===i&&this.ranges.length>0){s.clearCellFocus(e);const i=this.ranges.map(o),r=(e,t)=>{for(const s of i)if(e>=s.startRow&&e<=s.endRow&&t>=s.startCol&&t<=s.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&&l.isUtilityColumn(o))return;r(s,i)&&(e.classList.add(t.GridClasses.SELECTED),e.setAttribute("aria-selected","true"),r(s-1,i)||e.classList.add("top"),r(s+1,i)||e.classList.add("bottom"),r(s,i-1)||e.classList.add("first"),r(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=d(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 a(s))t.set(`${e.row},${e.col}`,e);return[...t.values()]}(this.ranges)}isCellSelected(e,t){return c(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:n(this.ranges)}),this.requestAfterRender()}#e(){return 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 o=i[0],r=o;for(let e=1;e<i.length;e++)i[e]===r+1?r=i[e]:(l.push({from:{row:o,col:0},to:{row:r,col:s-1}}),o=i[e],r=o);return l.push({from:{row:o,col:0},to:{row:r,col:s-1}}),{mode:e,ranges:l}}return"range"===e&&t.ranges.length>0?{mode:e,ranges:n(t.ranges)}:{mode:e,ranges:[]}}(this.config.mode,{selectedCell:this.selectedCell,selected:this.selected,ranges:this.ranges},this.columns.length)}}e.SelectionPlugin=u,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});
 //# sourceMappingURL=selection.umd.js.map