@toolbox-web/grid 1.24.1 → 1.24.2

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

@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("../../core/plugin/base-plugin"),require("../../core/types")):"function"==typeof define&&define.amd?define(["exports","../../core/plugin/base-plugin","../../core/types"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).TbwGridPlugin_contextMenu={},e.TbwGrid,e.TbwGrid)}(this,function(e,t,n){"use strict";const o="@layer tbw-plugins{.tbw-context-menu{position:fixed;background:var(--tbw-context-menu-bg, var(--tbw-color-panel-bg));color:var(--tbw-context-menu-fg, var(--tbw-color-fg));border:1px solid var(--tbw-context-menu-border, var(--tbw-color-border));border-radius:var(--tbw-context-menu-radius, var(--tbw-border-radius));box-shadow:var(--tbw-context-menu-shadow, 0 2px 10px var(--tbw-color-shadow));min-width:var(--tbw-context-menu-min-width, var(--tbw-menu-min-width));padding:var(--tbw-spacing-xs) 0;z-index:10000;font-size:var(--tbw-context-menu-font-size, var(--tbw-font-size-sm));font-family:var(--tbw-context-menu-font-family, var(--tbw-font-family))}.tbw-context-menu-item{display:flex;align-items:center;padding:var(--tbw-context-menu-item-padding, var(--tbw-menu-item-padding));cursor:pointer;gap:var(--tbw-context-menu-item-gap, var(--tbw-menu-item-gap))}.tbw-context-menu-item:hover:not(.disabled){background:var(--tbw-context-menu-hover, var(--tbw-color-row-hover))}.tbw-context-menu-item.disabled{opacity:.5;cursor:default}.tbw-context-menu-item.danger{color:var(--tbw-context-menu-danger, var(--tbw-color-danger))}.tbw-context-menu-icon{width:var(--tbw-context-menu-icon-size, var(--tbw-icon-size));text-align:center}.tbw-context-menu-label{flex:1}.tbw-context-menu-shortcut kbd{color:var(--tbw-context-menu-muted, var(--tbw-color-fg-muted));font-size:var(--tbw-context-menu-shortcut-size, var(--tbw-font-size-xs))}.tbw-context-menu-arrow{font-size:var(--tbw-context-menu-arrow-size, var(--tbw-font-size-2xs));color:var(--tbw-context-menu-muted, var(--tbw-color-fg-muted))}.tbw-context-menu-separator{height:1px;background:var(--tbw-context-menu-border, var(--tbw-color-border));margin:var(--tbw-spacing-xs) 0}}";function i(e,t){return("function"==typeof e?e(t):e).filter(e=>!0!==e.hidden&&("function"!=typeof e.hidden||!e.hidden(t)))}function s(e){const t=[];for(const n of e)n.separator&&(0===t.length||t[t.length-1].separator)||t.push(n);return t.length>0&&t[t.length-1].separator&&t.pop(),t}function r(e,t){return!0===e.disabled||"function"==typeof e.disabled&&e.disabled(t)}function l(e,t,o,s=n.DEFAULT_GRID_ICONS.submenuArrow){const c=document.createElement("div");c.className="tbw-context-menu",c.setAttribute("role","menu");const a=e.some(e=>!e.separator&&e.icon);for(const n of e){if(n.separator){const e=document.createElement("div");e.className="tbw-context-menu-separator",e.setAttribute("role","separator"),c.appendChild(e);continue}const e=document.createElement("div");e.className="tbw-context-menu-item",n.cssClass&&e.classList.add(n.cssClass),e.setAttribute("role","menuitem"),e.setAttribute("data-id",n.id);const u=r(n,t);if(u&&(e.classList.add("disabled"),e.setAttribute("aria-disabled","true")),n.icon){const t=document.createElement("span");t.className="tbw-context-menu-icon",t.innerHTML=n.icon,e.appendChild(t)}else if(a){const t=document.createElement("span");t.className="tbw-context-menu-icon",t.innerHTML="&nbsp;",e.appendChild(t)}const d=document.createElement("span");if(d.className="tbw-context-menu-label",d.textContent=n.name,e.appendChild(d),n.shortcut){const t=document.createElement("span");if(t.className="tbw-context-menu-shortcut",Array.isArray(n.shortcut))n.shortcut.forEach((e,n)=>{n>0&&t.appendChild(document.createTextNode("+"));const o=document.createElement("kbd");o.textContent=e,t.appendChild(o)});else{const e=document.createElement("kbd");e.textContent=n.shortcut,t.appendChild(e)}e.appendChild(t)}if(n.subMenu?.length){const r=document.createElement("span");r.className="tbw-context-menu-arrow","string"==typeof s?r.innerHTML=s:s instanceof HTMLElement&&r.appendChild(s.cloneNode(!0)),e.appendChild(r),e.addEventListener("mouseenter",()=>{if(e.querySelector(".tbw-context-menu"))return;if(!n.subMenu)return;const r=l(i(n.subMenu,t),t,o,s);r.classList.add("tbw-context-submenu"),r.style.position="absolute",r.style.left="100%",r.style.top="0",e.style.position="relative",e.appendChild(r)}),e.addEventListener("mouseleave",()=>{const t=e.querySelector(".tbw-context-menu");t&&t.remove()})}u||!n.action||n.subMenu||e.addEventListener("click",e=>{e.stopPropagation(),o(n)}),c.appendChild(e)}return c}function c(e,t,n){e.style.position="fixed",e.style.left=`${t}px`,e.style.top=`${n}px`,e.style.visibility="hidden",e.style.zIndex="10000";const o=e.getBoundingClientRect(),i=window.innerWidth,s=window.innerHeight;let r=t,l=n;t+o.width>i&&(r=t-o.width),n+o.height>s&&(l=n-o.height),r=Math.max(0,r),l=Math.max(0,l),e.style.left=`${r}px`,e.style.top=`${l}px`,e.style.visibility="visible"}const a="getContextMenuItems";let u=null,d=null,m=null,b=0;const p=[{id:"copy",name:"Copy",shortcut:"Ctrl+C",action:e=>{const t=e.grid;t?.plugins?.clipboard?.copy?.()}},{separator:!0,id:"sep1",name:""},{id:"export-csv",name:"Export CSV",action:e=>{const t=e.grid;t?.plugins?.export?.exportCsv?.()}}];class h extends t.BaseGridPlugin{static manifest={queries:[{type:a,description:"Collects context menu items from other plugins for header right-click menus"}]};name="contextMenu";get defaultConfig(){return{items:p}}isOpen=!1;position={x:0,y:0};params=null;menuElement=null;attach(e){super.attach(e),this.installGlobalHandlers(),b++}detach(){this.menuElement&&(this.menuElement.remove(),this.menuElement=null),this.isOpen=!1,this.params=null,this.uninstallGlobalHandlers()}syncSelectionOnContextMenu(e){if(e<0)return[];const t=this.grid?.query("getSelectedRowIndices"),n=t?.[0];return n?n.includes(e)?n:(this.grid?.query("selectRows",[e]),[e]):[e]}static CSS_VARS_TO_COPY=["--tbw-color-panel-bg","--tbw-color-fg","--tbw-color-fg-muted","--tbw-color-border","--tbw-color-row-hover","--tbw-color-shadow","--tbw-color-danger","--tbw-border-radius","--tbw-font-family","--tbw-font-size-sm","--tbw-font-size-xs","--tbw-font-size-2xs","--tbw-spacing-xs","--tbw-icon-size","--tbw-menu-min-width","--tbw-menu-item-padding","--tbw-menu-item-gap","--tbw-context-menu-bg","--tbw-context-menu-fg","--tbw-context-menu-border","--tbw-context-menu-radius","--tbw-context-menu-shadow","--tbw-context-menu-hover","--tbw-context-menu-danger","--tbw-context-menu-muted","--tbw-context-menu-min-width","--tbw-context-menu-font-size","--tbw-context-menu-font-family","--tbw-context-menu-item-padding","--tbw-context-menu-item-gap","--tbw-context-menu-icon-size","--tbw-context-menu-shortcut-size","--tbw-context-menu-arrow-size"];copyGridStyles(e){const t=this.gridElement;if(!t)return;const n=getComputedStyle(t),o=[],i=n.getPropertyValue("color-scheme").trim();i&&o.push(`color-scheme: ${i}`);for(const s of h.CSS_VARS_TO_COPY){const e=n.getPropertyValue(s).trim();e&&o.push(`${s}: ${e}`)}if(o.length>0){const t=e.getAttribute("style")||"";e.setAttribute("style",t+o.join("; ")+";")}}installGlobalHandlers(){!m&&"undefined"!=typeof document&&o&&(m=document.createElement("style"),m.id="tbw-context-menu-styles",m.textContent=o,document.head.appendChild(m)),u||(u=()=>{document.querySelectorAll(".tbw-context-menu").forEach(e=>e.remove())},document.addEventListener("click",u)),d||(d=e=>{if("Escape"===e.key){document.querySelectorAll(".tbw-context-menu").forEach(e=>e.remove())}},document.addEventListener("keydown",d))}uninstallGlobalHandlers(){b--,b>0||(u&&(document.removeEventListener("click",u),u=null),d&&(document.removeEventListener("keydown",d),d=null),m&&(m.remove(),m=null))}collectPluginItems(e){if(!this.grid)return[];const t=this.grid.query(a,e),n=[];for(const o of t)Array.isArray(o)&&n.push(...o);return n.sort((e,t)=>(e.order??100)-(t.order??100)),this.insertGroupSeparators(n)}insertGroupSeparators(e){if(e.length<=1)return e;const t=[];let n=-1;for(const o of e){if(o.separator){t.push(o);continue}const e=Math.floor((o.order??100)/10);n>=0&&e!==n&&t.push({id:`__sep-${n}-${e}`,label:"",separator:!0,action:()=>{}}),n=e,t.push(o)}return t}convertPluginItems(e){return e.map(e=>({id:e.id,name:e.label,icon:e.icon,shortcut:e.shortcut,disabled:e.disabled??!1,action:()=>e.action(),separator:e.separator,cssClass:e.cssClass}))}afterRender(){const e=this.gridElement;if(!e)return;const t=e.querySelector(".tbw-grid-root");t&&"true"!==t.getAttribute("data-context-menu-bound")&&(t.setAttribute("data-context-menu-bound","true"),t.addEventListener("contextmenu",e=>{const t=e;t.preventDefault();const n=t.target,o=n.closest("[data-row][data-col]"),r=n.closest('[part~="header-cell"]');let a;if(o){const e=parseInt(o.getAttribute("data-row")??"-1",10),n=parseInt(o.getAttribute("data-col")??"-1",10),i=this.visibleColumns[n],s=this.rows[e],r=this.syncSelectionOnContextMenu(e);a={row:s,rowIndex:e,column:i,columnIndex:n,field:i?.field??"",value:s?.[i?.field]??null,isHeader:!1,event:t,selectedRows:r}}else{if(!r)return;{const e=parseInt(r.getAttribute("data-col")??"-1",10),n=this.visibleColumns[e];a={row:null,rowIndex:-1,column:n,columnIndex:e,field:n?.field??"",value:null,isHeader:!0,event:t,selectedRows:[]}}}this.params=a,this.position={x:t.clientX,y:t.clientY};const u=this.collectPluginItems(a);let d=i(this.config.items??p,a);if(u.length>0){const e=this.convertPluginItems(u);d=d.length>0&&e.length>0?[...d,{id:"__plugin-sep",name:"",separator:!0},...e]:[...d,...e]}d=s(d),d.length&&(this.menuElement&&this.menuElement.remove(),this.menuElement=l(d,a,e=>{e.action&&e.action(a),this.menuElement?.remove(),this.menuElement=null,this.isOpen=!1},this.gridIcons.submenuArrow),document.body.appendChild(this.menuElement),this.copyGridStyles(this.menuElement),c(this.menuElement,t.clientX,t.clientY),this.isOpen=!0,this.emit("context-menu-open",{params:a,items:d}))}))}showMenu(e,t,n){const o={row:n.row??null,rowIndex:n.rowIndex??-1,column:n.column??null,columnIndex:n.columnIndex??-1,field:n.field??"",value:n.value??null,isHeader:n.isHeader??!1,event:n.event??new MouseEvent("contextmenu"),selectedRows:n.selectedRows??[]},r=this.collectPluginItems(o);let a=i(this.config.items??p,o);if(r.length>0){const e=this.convertPluginItems(r);a=a.length>0&&e.length>0?[...a,{id:"__plugin-sep",name:"",separator:!0},...e]:[...a,...e]}a=s(a),this.menuElement&&this.menuElement.remove(),this.menuElement=l(a,o,e=>{e.action&&e.action(o),this.menuElement?.remove(),this.menuElement=null,this.isOpen=!1},this.gridIcons.submenuArrow),document.body.appendChild(this.menuElement),this.copyGridStyles(this.menuElement),c(this.menuElement,e,t),this.isOpen=!0}hideMenu(){this.menuElement&&(this.menuElement.remove(),this.menuElement=null,this.isOpen=!1)}isMenuOpen(){return this.isOpen}}e.ContextMenuPlugin=h,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("../../core/plugin/base-plugin"),require("../../core/types")):"function"==typeof define&&define.amd?define(["exports","../../core/plugin/base-plugin","../../core/types"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).TbwGridPlugin_contextMenu={},e.TbwGrid,e.TbwGrid)}(this,function(e,t,n){"use strict";const o="@layer tbw-plugins{.tbw-context-menu{position:fixed;background:var(--tbw-context-menu-bg, var(--tbw-color-panel-bg));color:var(--tbw-context-menu-fg, var(--tbw-color-fg));border:1px solid var(--tbw-context-menu-border, var(--tbw-color-border));border-radius:var(--tbw-context-menu-radius, var(--tbw-border-radius));box-shadow:var(--tbw-context-menu-shadow, 0 2px 10px var(--tbw-color-shadow));min-width:var(--tbw-context-menu-min-width, var(--tbw-menu-min-width));padding:var(--tbw-spacing-xs) 0;z-index:10000;font-size:var(--tbw-context-menu-font-size, var(--tbw-font-size-sm));font-family:var(--tbw-context-menu-font-family, var(--tbw-font-family))}.tbw-context-menu-item{display:flex;align-items:center;padding:var(--tbw-context-menu-item-padding, var(--tbw-menu-item-padding));cursor:pointer;gap:var(--tbw-context-menu-item-gap, var(--tbw-menu-item-gap))}.tbw-context-menu-item:hover:not(.disabled){background:var(--tbw-context-menu-hover, var(--tbw-color-row-hover))}.tbw-context-menu-item.disabled{opacity:.5;cursor:default}.tbw-context-menu-item.danger{color:var(--tbw-context-menu-danger, var(--tbw-color-danger))}.tbw-context-menu-icon{width:var(--tbw-context-menu-icon-size, var(--tbw-icon-size));text-align:center}.tbw-context-menu-label{flex:1}.tbw-context-menu-shortcut kbd{color:var(--tbw-context-menu-muted, var(--tbw-color-fg-muted));font-size:var(--tbw-context-menu-shortcut-size, var(--tbw-font-size-xs))}.tbw-context-menu-arrow{font-size:var(--tbw-context-menu-arrow-size, var(--tbw-font-size-2xs));color:var(--tbw-context-menu-muted, var(--tbw-color-fg-muted))}.tbw-context-menu-separator{height:1px;background:var(--tbw-context-menu-border, var(--tbw-color-border));margin:var(--tbw-spacing-xs) 0}}";function s(e,t){return("function"==typeof e?e(t):e).filter(e=>!0!==e.hidden&&("function"!=typeof e.hidden||!e.hidden(t)))}function i(e){const t=[];for(const n of e)n.separator&&(0===t.length||t[t.length-1].separator)||t.push(n);return t.length>0&&t[t.length-1].separator&&t.pop(),t}function r(e,t){return!0===e.disabled||"function"==typeof e.disabled&&e.disabled(t)}function l(e,t,o,i=n.DEFAULT_GRID_ICONS.submenuArrow){const c=document.createElement("div");c.className="tbw-context-menu",c.setAttribute("role","menu");const u=e.some(e=>!e.separator&&e.icon);for(const n of e){if(n.separator){const e=document.createElement("div");e.className="tbw-context-menu-separator",e.setAttribute("role","separator"),c.appendChild(e);continue}const e=document.createElement("div");e.className="tbw-context-menu-item",n.cssClass&&e.classList.add(n.cssClass),e.setAttribute("role","menuitem"),e.setAttribute("data-id",n.id);const a=r(n,t);if(a&&(e.classList.add("disabled"),e.setAttribute("aria-disabled","true")),n.icon){const t=document.createElement("span");t.className="tbw-context-menu-icon",t.innerHTML=n.icon,e.appendChild(t)}else if(u){const t=document.createElement("span");t.className="tbw-context-menu-icon",t.innerHTML="&nbsp;",e.appendChild(t)}const d=document.createElement("span");if(d.className="tbw-context-menu-label",d.textContent=n.name,e.appendChild(d),n.shortcut){const t=document.createElement("span");if(t.className="tbw-context-menu-shortcut",Array.isArray(n.shortcut))n.shortcut.forEach((e,n)=>{n>0&&t.appendChild(document.createTextNode("+"));const o=document.createElement("kbd");o.textContent=e,t.appendChild(o)});else{const e=document.createElement("kbd");e.textContent=n.shortcut,t.appendChild(e)}e.appendChild(t)}if(n.subMenu?.length){const r=document.createElement("span");r.className="tbw-context-menu-arrow","string"==typeof i?r.innerHTML=i:i instanceof HTMLElement&&r.appendChild(i.cloneNode(!0)),e.appendChild(r),e.addEventListener("mouseenter",()=>{if(e.querySelector(".tbw-context-menu"))return;if(!n.subMenu)return;const r=l(s(n.subMenu,t),t,o,i);r.classList.add("tbw-context-submenu"),r.style.position="absolute",r.style.left="100%",r.style.top="0",e.style.position="relative",e.appendChild(r)}),e.addEventListener("mouseleave",()=>{const t=e.querySelector(".tbw-context-menu");t&&t.remove()})}a||!n.action||n.subMenu||e.addEventListener("click",e=>{e.stopPropagation(),o(n)}),c.appendChild(e)}return c}function c(e,t,n){e.style.position="fixed",e.style.left=`${t}px`,e.style.top=`${n}px`,e.style.visibility="hidden",e.style.zIndex="10000";const o=e.getBoundingClientRect(),s=window.innerWidth,i=window.innerHeight;let r=t,l=n;t+o.width>s&&(r=t-o.width),n+o.height>i&&(l=n-o.height),r=Math.max(0,r),l=Math.max(0,l),e.style.left=`${r}px`,e.style.top=`${l}px`,e.style.visibility="visible"}const u="getContextMenuItems";let a=null,d=null,m=null,b=null,p=0;const h=[{id:"copy",name:"Copy",shortcut:"Ctrl+C",action:e=>{const t=e.grid;t?.plugins?.clipboard?.copy?.()}},{separator:!0,id:"sep1",name:""},{id:"export-csv",name:"Export CSV",action:e=>{const t=e.grid;t?.plugins?.export?.exportCsv?.()}}];class w extends t.BaseGridPlugin{static manifest={queries:[{type:u,description:"Collects context menu items from other plugins for header right-click menus"}]};name="contextMenu";get defaultConfig(){return{items:h}}isOpen=!1;position={x:0,y:0};params=null;menuElement=null;attach(e){super.attach(e),this.installGlobalHandlers(),p++}detach(){this.menuElement&&(this.menuElement.remove(),this.menuElement=null),this.isOpen=!1,this.params=null,this.uninstallGlobalHandlers()}syncSelectionOnContextMenu(e){if(e<0)return[];const t=this.grid?.query("getSelectedRowIndices"),n=t?.[0];return n?n.includes(e)?n:(this.grid?.query("selectRows",[e]),[e]):[e]}static CSS_VARS_TO_COPY=["--tbw-color-panel-bg","--tbw-color-fg","--tbw-color-fg-muted","--tbw-color-border","--tbw-color-row-hover","--tbw-color-shadow","--tbw-color-danger","--tbw-border-radius","--tbw-font-family","--tbw-font-size-sm","--tbw-font-size-xs","--tbw-font-size-2xs","--tbw-spacing-xs","--tbw-icon-size","--tbw-menu-min-width","--tbw-menu-item-padding","--tbw-menu-item-gap","--tbw-context-menu-bg","--tbw-context-menu-fg","--tbw-context-menu-border","--tbw-context-menu-radius","--tbw-context-menu-shadow","--tbw-context-menu-hover","--tbw-context-menu-danger","--tbw-context-menu-muted","--tbw-context-menu-min-width","--tbw-context-menu-font-size","--tbw-context-menu-font-family","--tbw-context-menu-item-padding","--tbw-context-menu-item-gap","--tbw-context-menu-icon-size","--tbw-context-menu-shortcut-size","--tbw-context-menu-arrow-size"];copyGridStyles(e){const t=this.gridElement;if(!t)return;const n=getComputedStyle(t),o=[],s=n.getPropertyValue("color-scheme").trim();s&&o.push(`color-scheme: ${s}`);for(const i of w.CSS_VARS_TO_COPY){const e=n.getPropertyValue(i).trim();e&&o.push(`${i}: ${e}`)}if(o.length>0){const t=e.getAttribute("style")||"";e.setAttribute("style",t+o.join("; ")+";")}}installGlobalHandlers(){!b&&"undefined"!=typeof document&&o&&(b=document.createElement("style"),b.id="tbw-context-menu-styles",b.textContent=o,document.head.appendChild(b)),a||(a=()=>{document.querySelectorAll(".tbw-context-menu").forEach(e=>e.remove())},document.addEventListener("click",a)),d||(d=e=>{if("Escape"===e.key){document.querySelectorAll(".tbw-context-menu").forEach(e=>e.remove())}},document.addEventListener("keydown",d)),m||(m=()=>{document.querySelectorAll(".tbw-context-menu").forEach(e=>e.remove())},document.addEventListener("scroll",m,!0))}uninstallGlobalHandlers(){p--,p>0||(a&&(document.removeEventListener("click",a),a=null),d&&(document.removeEventListener("keydown",d),d=null),m&&(document.removeEventListener("scroll",m,!0),m=null),b&&(b.remove(),b=null))}collectPluginItems(e){if(!this.grid)return[];const t=this.grid.query(u,e),n=[];for(const o of t)Array.isArray(o)&&n.push(...o);return n.sort((e,t)=>(e.order??100)-(t.order??100)),this.insertGroupSeparators(n)}insertGroupSeparators(e){if(e.length<=1)return e;const t=[];let n=-1;for(const o of e){if(o.separator){t.push(o);continue}const e=Math.floor((o.order??100)/10);n>=0&&e!==n&&t.push({id:`__sep-${n}-${e}`,label:"",separator:!0,action:()=>{}}),n=e,t.push(o)}return t}convertPluginItems(e){return e.map(e=>({id:e.id,name:e.label,icon:e.icon,shortcut:e.shortcut,disabled:e.disabled??!1,action:()=>e.action(),separator:e.separator,cssClass:e.cssClass}))}afterRender(){const e=this.gridElement;if(!e)return;const t=e.querySelector(".tbw-grid-root");t&&"true"!==t.getAttribute("data-context-menu-bound")&&(t.setAttribute("data-context-menu-bound","true"),t.addEventListener("contextmenu",e=>{const t=e;t.preventDefault();const n=t.target,o=n.closest("[data-row][data-col]"),r=n.closest('[part~="header-cell"]');let u;if(o){const e=parseInt(o.getAttribute("data-row")??"-1",10),n=parseInt(o.getAttribute("data-col")??"-1",10),s=this.visibleColumns[n],i=this.rows[e],r=this.syncSelectionOnContextMenu(e);u={row:i,rowIndex:e,column:s,columnIndex:n,field:s?.field??"",value:i?.[s?.field]??null,isHeader:!1,event:t,selectedRows:r}}else{if(!r)return;{const e=parseInt(r.getAttribute("data-col")??"-1",10),n=this.visibleColumns[e];u={row:null,rowIndex:-1,column:n,columnIndex:e,field:n?.field??"",value:null,isHeader:!0,event:t,selectedRows:[]}}}this.params=u,this.position={x:t.clientX,y:t.clientY};const a=this.collectPluginItems(u);let d=s(this.config.items??h,u);if(a.length>0){const e=this.convertPluginItems(a);d=d.length>0&&e.length>0?[...d,{id:"__plugin-sep",name:"",separator:!0},...e]:[...d,...e]}d=i(d),d.length&&(document.querySelectorAll(".tbw-context-menu").forEach(e=>e.remove()),this.menuElement=null,this.menuElement=l(d,u,e=>{e.action&&e.action(u),this.menuElement?.remove(),this.menuElement=null,this.isOpen=!1},this.gridIcons.submenuArrow),document.body.appendChild(this.menuElement),this.copyGridStyles(this.menuElement),c(this.menuElement,t.clientX,t.clientY),this.isOpen=!0,this.emit("context-menu-open",{params:u,items:d}))}))}showMenu(e,t,n){const o={row:n.row??null,rowIndex:n.rowIndex??-1,column:n.column??null,columnIndex:n.columnIndex??-1,field:n.field??"",value:n.value??null,isHeader:n.isHeader??!1,event:n.event??new MouseEvent("contextmenu"),selectedRows:n.selectedRows??[]},r=this.collectPluginItems(o);let u=s(this.config.items??h,o);if(r.length>0){const e=this.convertPluginItems(r);u=u.length>0&&e.length>0?[...u,{id:"__plugin-sep",name:"",separator:!0},...e]:[...u,...e]}u=i(u),document.querySelectorAll(".tbw-context-menu").forEach(e=>e.remove()),this.menuElement=null,this.menuElement=l(u,o,e=>{e.action&&e.action(o),this.menuElement?.remove(),this.menuElement=null,this.isOpen=!1},this.gridIcons.submenuArrow),document.body.appendChild(this.menuElement),this.copyGridStyles(this.menuElement),c(this.menuElement,e,t),this.isOpen=!0}hideMenu(){this.menuElement&&(this.menuElement.remove(),this.menuElement=null,this.isOpen=!1)}isMenuOpen(){return this.isOpen}}e.ContextMenuPlugin=w,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});
 //# sourceMappingURL=context-menu.umd.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"context-menu.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/context-menu/menu.ts","../../../../../libs/grid/src/lib/plugins/context-menu/ContextMenuPlugin.ts"],"sourcesContent":["/**\n * Context Menu Rendering Logic\n *\n * Pure functions for building and positioning context menus.\n */\n\nimport type { IconValue } from '../../core/types';\nimport { DEFAULT_GRID_ICONS } from '../../core/types';\nimport type { ContextMenuItem, ContextMenuParams } from './types';\n\n/**\n * Build the visible menu items by resolving dynamic items and filtering hidden ones.\n *\n * @param items - Menu items configuration (array or factory function)\n * @param params - Context menu parameters for evaluating dynamic properties\n * @returns Filtered array of visible menu items\n */\nexport function buildMenuItems(\n  items: ContextMenuItem[] | ((params: ContextMenuParams) => ContextMenuItem[]),\n  params: ContextMenuParams,\n): ContextMenuItem[] {\n  const menuItems = typeof items === 'function' ? items(params) : items;\n\n  return menuItems.filter((item) => {\n    if (item.hidden === true) return false;\n    if (typeof item.hidden === 'function' && item.hidden(params)) return false;\n    return true;\n  });\n}\n\n/**\n * Remove consecutive, leading, and trailing separators from a menu item list.\n *\n * @param items - Array of menu items\n * @returns Cleaned array with no redundant separators\n */\nexport function collapseSeparators(items: ContextMenuItem[]): ContextMenuItem[] {\n  const result: ContextMenuItem[] = [];\n  for (const item of items) {\n    if (item.separator) {\n      // Skip if the last item is already a separator (consecutive) or list is empty (leading)\n      if (result.length === 0 || result[result.length - 1].separator) continue;\n    }\n    result.push(item);\n  }\n  // Remove trailing separator\n  if (result.length > 0 && result[result.length - 1].separator) {\n    result.pop();\n  }\n  return result;\n}\n\n/**\n * Check if a menu item is disabled.\n *\n * @param item - The menu item to check\n * @param params - Context menu parameters for evaluating dynamic disabled state\n * @returns True if the item is disabled\n */\nexport function isItemDisabled(item: ContextMenuItem, params: ContextMenuParams): boolean {\n  if (item.disabled === true) return true;\n  if (typeof item.disabled === 'function') return item.disabled(params);\n  return false;\n}\n\n/**\n * Create the menu DOM element from a list of menu items.\n *\n * @param items - Array of menu items to render\n * @param params - Context menu parameters for evaluating dynamic properties\n * @param onAction - Callback when a menu item action is triggered\n * @param submenuArrow - Optional custom submenu arrow icon\n * @returns The created menu element\n */\nexport function createMenuElement(\n  items: ContextMenuItem[],\n  params: ContextMenuParams,\n  onAction: (item: ContextMenuItem) => void,\n  submenuArrow: IconValue = DEFAULT_GRID_ICONS.submenuArrow,\n): HTMLElement {\n  const menu = document.createElement('div');\n  menu.className = 'tbw-context-menu';\n  menu.setAttribute('role', 'menu');\n\n  // Check if any non-separator item has an icon\n  const hasAnyIcon = items.some((item) => !item.separator && item.icon);\n\n  for (const item of items) {\n    if (item.separator) {\n      const separator = document.createElement('div');\n      separator.className = 'tbw-context-menu-separator';\n      separator.setAttribute('role', 'separator');\n      menu.appendChild(separator);\n      continue;\n    }\n\n    const menuItem = document.createElement('div');\n    menuItem.className = 'tbw-context-menu-item';\n    if (item.cssClass) menuItem.classList.add(item.cssClass);\n    menuItem.setAttribute('role', 'menuitem');\n    menuItem.setAttribute('data-id', item.id);\n\n    const disabled = isItemDisabled(item, params);\n    if (disabled) {\n      menuItem.classList.add('disabled');\n      menuItem.setAttribute('aria-disabled', 'true');\n    }\n\n    if (item.icon) {\n      const icon = document.createElement('span');\n      icon.className = 'tbw-context-menu-icon';\n      icon.innerHTML = item.icon;\n      menuItem.appendChild(icon);\n    } else if (hasAnyIcon) {\n      // Add empty placeholder to align labels when other items have icons\n      const icon = document.createElement('span');\n      icon.className = 'tbw-context-menu-icon';\n      icon.innerHTML = '&nbsp;';\n      menuItem.appendChild(icon);\n    }\n\n    const label = document.createElement('span');\n    label.className = 'tbw-context-menu-label';\n    label.textContent = item.name;\n    menuItem.appendChild(label);\n\n    if (item.shortcut) {\n      const shortcut = document.createElement('span');\n      shortcut.className = 'tbw-context-menu-shortcut';\n      if (Array.isArray(item.shortcut)) {\n        item.shortcut.forEach((key, i) => {\n          if (i > 0) shortcut.appendChild(document.createTextNode('+'));\n          const kbd = document.createElement('kbd');\n          kbd.textContent = key;\n          shortcut.appendChild(kbd);\n        });\n      } else {\n        const kbd = document.createElement('kbd');\n        kbd.textContent = item.shortcut;\n        shortcut.appendChild(kbd);\n      }\n      menuItem.appendChild(shortcut);\n    }\n\n    if (item.subMenu?.length) {\n      const arrow = document.createElement('span');\n      arrow.className = 'tbw-context-menu-arrow';\n      // Use provided submenu arrow icon (string or HTMLElement)\n      if (typeof submenuArrow === 'string') {\n        arrow.innerHTML = submenuArrow;\n      } else if (submenuArrow instanceof HTMLElement) {\n        arrow.appendChild(submenuArrow.cloneNode(true));\n      }\n      menuItem.appendChild(arrow);\n\n      // Add submenu on hover\n      menuItem.addEventListener('mouseenter', () => {\n        const existingSubMenu = menuItem.querySelector('.tbw-context-menu');\n        if (existingSubMenu) return;\n        if (!item.subMenu) return;\n\n        const subMenuItems = buildMenuItems(item.subMenu, params);\n        const subMenu = createMenuElement(subMenuItems, params, onAction, submenuArrow);\n        subMenu.classList.add('tbw-context-submenu');\n        subMenu.style.position = 'absolute';\n        subMenu.style.left = '100%';\n        subMenu.style.top = '0';\n        menuItem.style.position = 'relative';\n        menuItem.appendChild(subMenu);\n      });\n\n      menuItem.addEventListener('mouseleave', () => {\n        const subMenu = menuItem.querySelector('.tbw-context-menu');\n        if (subMenu) subMenu.remove();\n      });\n    }\n\n    if (!disabled && item.action && !item.subMenu) {\n      menuItem.addEventListener('click', (e) => {\n        e.stopPropagation();\n        onAction(item);\n      });\n    }\n\n    menu.appendChild(menuItem);\n  }\n\n  return menu;\n}\n\n/**\n * Position the menu at the given viewport coordinates.\n * Menu is rendered in document.body with fixed positioning for top-layer behavior.\n *\n * @param menu - The menu element to position\n * @param x - Desired X coordinate (viewport)\n * @param y - Desired Y coordinate (viewport)\n */\nexport function positionMenu(menu: HTMLElement, x: number, y: number): void {\n  // Use fixed positioning for top-layer behavior\n  menu.style.position = 'fixed';\n  menu.style.left = `${x}px`;\n  menu.style.top = `${y}px`;\n  menu.style.visibility = 'hidden';\n  menu.style.zIndex = '10000';\n\n  // Force layout to get dimensions\n  const menuRect = menu.getBoundingClientRect();\n\n  // Calculate visible area within viewport\n  const viewportWidth = window.innerWidth;\n  const viewportHeight = window.innerHeight;\n\n  let left = x;\n  let top = y;\n\n  // Check if menu overflows right edge of viewport\n  if (x + menuRect.width > viewportWidth) {\n    left = x - menuRect.width;\n  }\n  // Check if menu overflows bottom edge of viewport\n  if (y + menuRect.height > viewportHeight) {\n    top = y - menuRect.height;\n  }\n\n  // Ensure we don't go negative\n  left = Math.max(0, left);\n  top = Math.max(0, top);\n\n  menu.style.left = `${left}px`;\n  menu.style.top = `${top}px`;\n  menu.style.visibility = 'visible';\n}\n","/**\n * Context Menu Plugin (Class-based)\n *\n * Provides right-click context menu functionality for tbw-grid.\n * Supports custom menu items, submenus, icons, shortcuts, and dynamic item generation.\n */\n\nimport type { PluginManifest } from '../../core/plugin/base-plugin';\nimport { BaseGridPlugin } from '../../core/plugin/base-plugin';\nimport contextMenuStyles from './context-menu.css?inline';\nimport { buildMenuItems, collapseSeparators, createMenuElement, positionMenu } from './menu';\nimport type { ContextMenuConfig, ContextMenuItem, ContextMenuParams, HeaderContextMenuItem } from './types';\n\n/** Query type for collecting context menu items from plugins */\nconst QUERY_GET_CONTEXT_MENU_ITEMS = 'getContextMenuItems';\n\n/** Global click handler reference for cleanup */\nlet globalClickHandler: ((e: Event) => void) | null = null;\n/** Global keydown handler reference for cleanup */\nlet globalKeydownHandler: ((e: KeyboardEvent) => void) | null = null;\n/** Global stylesheet for context menu (injected once) */\nlet globalStyleSheet: HTMLStyleElement | null = null;\n/** Reference count for instances using global handlers */\nlet globalHandlerRefCount = 0;\n\n/** Default menu items when none are configured */\nconst defaultItems: ContextMenuItem[] = [\n  {\n    id: 'copy',\n    name: 'Copy',\n    shortcut: 'Ctrl+C',\n    action: (params) => {\n      const grid = (params as ContextMenuParams & { grid?: { plugins?: { clipboard?: { copy?: () => void } } } }).grid;\n      grid?.plugins?.clipboard?.copy?.();\n    },\n  },\n  { separator: true, id: 'sep1', name: '' },\n  {\n    id: 'export-csv',\n    name: 'Export CSV',\n    action: (params) => {\n      const grid = (params as ContextMenuParams & { grid?: { plugins?: { export?: { exportCsv?: () => void } } } })\n        .grid;\n      grid?.plugins?.export?.exportCsv?.();\n    },\n  },\n];\n\n/**\n * Context Menu Plugin for tbw-grid\n *\n * Adds a customizable right-click menu to grid cells. Build anything from simple\n * copy/paste actions to complex nested menus with conditional visibility, icons,\n * and keyboard shortcuts.\n *\n * ## Installation\n *\n * ```ts\n * import { ContextMenuPlugin } from '@toolbox-web/grid/plugins/context-menu';\n * ```\n *\n * ## Menu Item Structure\n *\n * | Property | Type | Description |\n * |----------|------|-------------|\n * | `id` | `string` | Unique item identifier |\n * | `name` | `string` | Display label |\n * | `icon` | `string` | Icon class or HTML |\n * | `shortcut` | `string` | Keyboard shortcut hint |\n * | `action` | `(params) => void` | Click handler |\n * | `disabled` | `boolean \\| (params) => boolean` | Disable condition |\n * | `visible` | `boolean \\| (params) => boolean` | Visibility condition |\n * | `items` | `MenuItem[]` | Submenu items |\n * | `separator` | `boolean` | Create a divider line |\n *\n * ## Menu Context (params)\n *\n * | Property | Type | Description |\n * |----------|------|-------------|\n * | `rowIndex` | `number` | Clicked row index |\n * | `colIndex` | `number` | Clicked column index |\n * | `field` | `string` | Column field name |\n * | `value` | `any` | Cell value |\n * | `row` | `any` | Full row data |\n * | `column` | `ColumnConfig` | Column configuration |\n *\n * ## CSS Custom Properties\n *\n * | Property | Default | Description |\n * |----------|---------|-------------|\n * | `--tbw-context-menu-bg` | `var(--tbw-color-panel-bg)` | Menu background |\n * | `--tbw-context-menu-fg` | `var(--tbw-color-fg)` | Menu text color |\n * | `--tbw-context-menu-hover` | `var(--tbw-color-row-hover)` | Item hover background |\n *\n * @example Basic Context Menu\n * ```ts\n * import '@toolbox-web/grid';\n * import { ContextMenuPlugin } from '@toolbox-web/grid/plugins/context-menu';\n *\n * grid.gridConfig = {\n *   plugins: [\n *     new ContextMenuPlugin({\n *       items: [\n *         { id: 'copy', name: 'Copy', shortcut: 'Ctrl+C', action: (ctx) => navigator.clipboard.writeText(ctx.value) },\n *         { separator: true, id: 'sep1', name: '' },\n *         { id: 'delete', name: 'Delete', action: (ctx) => removeRow(ctx.rowIndex) },\n *       ],\n *     }),\n *   ],\n * };\n * ```\n *\n * @example Conditional Menu Items\n * ```ts\n * new ContextMenuPlugin({\n *   items: [\n *     { id: 'edit', name: 'Edit', visible: (ctx) => ctx.column.editable === true },\n *     { id: 'delete', name: 'Delete', disabled: (ctx) => ctx.row.locked === true },\n *   ],\n * })\n * ```\n *\n * @see {@link ContextMenuConfig} for configuration options\n * @see {@link ContextMenuItem} for menu item structure\n * @see {@link ContextMenuParams} for action callback parameters\n *\n * @internal Extends BaseGridPlugin\n */\nexport class ContextMenuPlugin extends BaseGridPlugin<ContextMenuConfig> {\n  /**\n   * Plugin manifest - declares queries used by this plugin.\n   * @internal\n   */\n  static override readonly manifest: PluginManifest = {\n    queries: [\n      {\n        type: QUERY_GET_CONTEXT_MENU_ITEMS,\n        description: 'Collects context menu items from other plugins for header right-click menus',\n      },\n    ],\n  };\n\n  /** @internal */\n  readonly name = 'contextMenu';\n\n  /** @internal */\n  protected override get defaultConfig(): Partial<ContextMenuConfig> {\n    return {\n      items: defaultItems,\n    };\n  }\n\n  // #region Internal State\n  private isOpen = false;\n  private position = { x: 0, y: 0 };\n  private params: ContextMenuParams | null = null;\n  private menuElement: HTMLElement | null = null;\n  // #endregion\n\n  // #region Lifecycle\n\n  /** @internal */\n  override attach(grid: import('../../core/plugin/base-plugin').GridElement): void {\n    super.attach(grid);\n    this.installGlobalHandlers();\n    globalHandlerRefCount++;\n  }\n\n  /** @internal */\n  override detach(): void {\n    if (this.menuElement) {\n      this.menuElement.remove();\n      this.menuElement = null;\n    }\n    this.isOpen = false;\n    this.params = null;\n    this.uninstallGlobalHandlers();\n  }\n  // #endregion\n\n  // #region Private Methods\n\n  /**\n   * Sync selection with the right-clicked row.\n   * If the right-clicked row is already selected, keeps the multi-selection.\n   * If not, selects only the right-clicked row (standard behavior in file managers / spreadsheets).\n   *\n   * @returns Sorted array of selected row indices after sync\n   */\n  private syncSelectionOnContextMenu(rowIndex: number): number[] {\n    if (rowIndex < 0) return [];\n\n    // Use the query system for loose coupling — no import of SelectionPlugin needed\n    const selectionResult = this.grid?.query<number[]>('getSelectedRowIndices');\n    const currentSelection = selectionResult?.[0];\n\n    // No selection plugin loaded\n    if (!currentSelection) return [rowIndex];\n\n    if (currentSelection.includes(rowIndex)) {\n      // Right-clicked row is already selected — preserve multi-selection\n      return currentSelection;\n    }\n\n    // Right-clicked row is NOT selected — select only this row\n    this.grid?.query('selectRows', [rowIndex]);\n    return [rowIndex];\n  }\n\n  /**\n   * CSS variables to copy from the grid element to the context menu.\n   * Includes both base variables and context-menu specific overrides.\n   */\n  private static readonly CSS_VARS_TO_COPY = [\n    // Base palette (for themes that only set base vars)\n    '--tbw-color-panel-bg',\n    '--tbw-color-fg',\n    '--tbw-color-fg-muted',\n    '--tbw-color-border',\n    '--tbw-color-row-hover',\n    '--tbw-color-shadow',\n    '--tbw-color-danger',\n    '--tbw-border-radius',\n    '--tbw-font-family',\n    '--tbw-font-size-sm',\n    '--tbw-font-size-xs',\n    '--tbw-font-size-2xs',\n    '--tbw-spacing-xs',\n    '--tbw-icon-size',\n    '--tbw-menu-min-width',\n    '--tbw-menu-item-padding',\n    '--tbw-menu-item-gap',\n    // Context menu specific overrides\n    '--tbw-context-menu-bg',\n    '--tbw-context-menu-fg',\n    '--tbw-context-menu-border',\n    '--tbw-context-menu-radius',\n    '--tbw-context-menu-shadow',\n    '--tbw-context-menu-hover',\n    '--tbw-context-menu-danger',\n    '--tbw-context-menu-muted',\n    '--tbw-context-menu-min-width',\n    '--tbw-context-menu-font-size',\n    '--tbw-context-menu-font-family',\n    '--tbw-context-menu-item-padding',\n    '--tbw-context-menu-item-gap',\n    '--tbw-context-menu-icon-size',\n    '--tbw-context-menu-shortcut-size',\n    '--tbw-context-menu-arrow-size',\n  ];\n\n  /**\n   * Copy CSS custom properties from the grid element to the menu element.\n   * This allows the context menu (appended to document.body) to inherit\n   * theme variables set on tbw-grid.\n   */\n  private copyGridStyles(menuElement: HTMLElement): void {\n    const gridEl = this.gridElement;\n    if (!gridEl) return;\n\n    const computed = getComputedStyle(gridEl);\n    const styles: string[] = [];\n\n    // Copy color-scheme so light-dark() can resolve in the context menu\n    const colorScheme = computed.getPropertyValue('color-scheme').trim();\n    if (colorScheme) {\n      styles.push(`color-scheme: ${colorScheme}`);\n    }\n\n    for (const varName of ContextMenuPlugin.CSS_VARS_TO_COPY) {\n      const value = computed.getPropertyValue(varName).trim();\n      if (value) {\n        styles.push(`${varName}: ${value}`);\n      }\n    }\n\n    if (styles.length > 0) {\n      // Append to existing inline styles (don't overwrite)\n      const existing = menuElement.getAttribute('style') || '';\n      menuElement.setAttribute('style', existing + styles.join('; ') + ';');\n    }\n  }\n\n  private installGlobalHandlers(): void {\n    // Inject global stylesheet for context menu (once)\n    // Only inject if we have valid CSS text (Vite's ?inline import)\n    // When importing from source without Vite, the import is a module object, not a string\n    if (\n      !globalStyleSheet &&\n      typeof document !== 'undefined' &&\n      typeof contextMenuStyles === 'string' &&\n      contextMenuStyles\n    ) {\n      globalStyleSheet = document.createElement('style');\n      globalStyleSheet.id = 'tbw-context-menu-styles';\n      globalStyleSheet.textContent = contextMenuStyles;\n      document.head.appendChild(globalStyleSheet);\n    }\n\n    // Close menu on click outside\n    if (!globalClickHandler) {\n      globalClickHandler = () => {\n        const menus = document.querySelectorAll('.tbw-context-menu');\n        menus.forEach((menu) => menu.remove());\n      };\n      document.addEventListener('click', globalClickHandler);\n    }\n\n    // Close on escape\n    if (!globalKeydownHandler) {\n      globalKeydownHandler = (e: KeyboardEvent) => {\n        if (e.key === 'Escape') {\n          const menus = document.querySelectorAll('.tbw-context-menu');\n          menus.forEach((menu) => menu.remove());\n        }\n      };\n      document.addEventListener('keydown', globalKeydownHandler);\n    }\n  }\n\n  /**\n   * Clean up global handlers when the last instance detaches.\n   * Uses reference counting to ensure handlers persist while any grid uses the plugin.\n   */\n  private uninstallGlobalHandlers(): void {\n    globalHandlerRefCount--;\n    if (globalHandlerRefCount > 0) return;\n\n    // Last instance - clean up all global resources\n    if (globalClickHandler) {\n      document.removeEventListener('click', globalClickHandler);\n      globalClickHandler = null;\n    }\n    if (globalKeydownHandler) {\n      document.removeEventListener('keydown', globalKeydownHandler);\n      globalKeydownHandler = null;\n    }\n    if (globalStyleSheet) {\n      globalStyleSheet.remove();\n      globalStyleSheet = null;\n    }\n  }\n\n  /**\n   * Query all plugins for context menu items via the query system.\n   * Each plugin that handles `getContextMenuItems` can return an array of HeaderContextMenuItem.\n   */\n  private collectPluginItems(params: ContextMenuParams): HeaderContextMenuItem[] {\n    if (!this.grid) return [];\n\n    const responses = this.grid.query<HeaderContextMenuItem[]>(QUERY_GET_CONTEXT_MENU_ITEMS, params);\n    const items: HeaderContextMenuItem[] = [];\n\n    for (const response of responses) {\n      if (Array.isArray(response)) {\n        items.push(...response);\n      }\n    }\n\n    // Sort by order (default 100), then stable by insertion order\n    items.sort((a, b) => (a.order ?? 100) - (b.order ?? 100));\n\n    // Insert separators between different order groups\n    return this.insertGroupSeparators(items);\n  }\n\n  /**\n   * Insert separators between groups of items with different order ranges.\n   * Groups are defined by the tens digit (10-19, 20-29, etc.).\n   */\n  private insertGroupSeparators(items: HeaderContextMenuItem[]): HeaderContextMenuItem[] {\n    if (items.length <= 1) return items;\n\n    const result: HeaderContextMenuItem[] = [];\n    let lastGroup = -1;\n\n    for (const item of items) {\n      if (item.separator) {\n        result.push(item);\n        continue;\n      }\n      const group = Math.floor((item.order ?? 100) / 10);\n      if (lastGroup >= 0 && group !== lastGroup) {\n        result.push({\n          id: `__sep-${lastGroup}-${group}`,\n          label: '',\n          separator: true,\n          action: () => {\n            /* noop */\n          },\n        });\n      }\n      lastGroup = group;\n      result.push(item);\n    }\n\n    return result;\n  }\n\n  /**\n   * Convert plugin-contributed HeaderContextMenuItems to the internal ContextMenuItem format.\n   */\n  private convertPluginItems(items: HeaderContextMenuItem[]): ContextMenuItem[] {\n    return items.map((item) => ({\n      id: item.id,\n      name: item.label,\n      icon: item.icon,\n      shortcut: item.shortcut,\n      disabled: item.disabled ?? false,\n      action: () => item.action(),\n      separator: item.separator,\n      cssClass: item.cssClass,\n    }));\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    // Use querySelector instead of children[0] because light DOM children\n    // (e.g. <tbw-grid-column>) are re-appended before .tbw-grid-root, making\n    // children[0] point to a declarative element instead of the data container.\n    const container = gridEl.querySelector('.tbw-grid-root');\n    if (!container) return;\n\n    // Check if handler already attached\n    if (container.getAttribute('data-context-menu-bound') === 'true') return;\n    container.setAttribute('data-context-menu-bound', 'true');\n\n    container.addEventListener('contextmenu', (e: Event) => {\n      const event = e as MouseEvent;\n      event.preventDefault();\n\n      const target = event.target as HTMLElement;\n      const cell = target.closest('[data-row][data-col]');\n      const header = target.closest('[part~=\"header-cell\"]');\n\n      let params: ContextMenuParams;\n\n      if (cell) {\n        const rowIndex = parseInt(cell.getAttribute('data-row') ?? '-1', 10);\n        const colIndex = parseInt(cell.getAttribute('data-col') ?? '-1', 10);\n        const column = this.visibleColumns[colIndex];\n        const row = this.rows[rowIndex];\n\n        // Sync selection: if the right-clicked row is not already selected,\n        // select it (clearing multi-selection). If it IS selected, keep all.\n        const selectedRows = this.syncSelectionOnContextMenu(rowIndex);\n\n        params = {\n          row,\n          rowIndex,\n          column,\n          columnIndex: colIndex,\n          field: column?.field ?? '',\n          value: row?.[column?.field as keyof typeof row] ?? null,\n          isHeader: false,\n          event,\n          selectedRows,\n        };\n      } else if (header) {\n        const colIndex = parseInt(header.getAttribute('data-col') ?? '-1', 10);\n        const column = this.visibleColumns[colIndex];\n\n        params = {\n          row: null,\n          rowIndex: -1,\n          column,\n          columnIndex: colIndex,\n          field: column?.field ?? '',\n          value: null,\n          isHeader: true,\n          event,\n          selectedRows: [],\n        };\n      } else {\n        return;\n      }\n\n      this.params = params;\n      this.position = { x: event.clientX, y: event.clientY };\n\n      // Collect plugin-contributed items via the query system\n      const pluginItems = this.collectPluginItems(params);\n\n      // Build configured items\n      let items = buildMenuItems(this.config.items ?? defaultItems, params);\n\n      // Merge plugin items with configured items\n      if (pluginItems.length > 0) {\n        const converted = this.convertPluginItems(pluginItems);\n        if (items.length > 0 && converted.length > 0) {\n          // Add separator between configured and plugin items\n          items = [...items, { id: '__plugin-sep', name: '', separator: true }, ...converted];\n        } else {\n          items = [...items, ...converted];\n        }\n      }\n\n      // Collapse consecutive/leading/trailing separators\n      items = collapseSeparators(items);\n\n      if (!items.length) return;\n\n      if (this.menuElement) {\n        this.menuElement.remove();\n      }\n\n      this.menuElement = createMenuElement(\n        items,\n        params,\n        (item) => {\n          if (item.action) {\n            item.action(params);\n          }\n          this.menuElement?.remove();\n          this.menuElement = null;\n          this.isOpen = false;\n        },\n        this.gridIcons.submenuArrow,\n      );\n\n      document.body.appendChild(this.menuElement);\n      this.copyGridStyles(this.menuElement);\n      positionMenu(this.menuElement, event.clientX, event.clientY);\n      this.isOpen = true;\n\n      this.emit('context-menu-open', { params, items });\n    });\n  }\n  // #endregion\n\n  // #region Public API\n\n  /**\n   * Programmatically show the context menu at the specified position.\n   * @param x - X coordinate\n   * @param y - Y coordinate\n   * @param params - Partial context menu parameters\n   */\n  showMenu(x: number, y: number, params: Partial<ContextMenuParams>): void {\n    const fullParams: ContextMenuParams = {\n      row: params.row ?? null,\n      rowIndex: params.rowIndex ?? -1,\n      column: params.column ?? null,\n      columnIndex: params.columnIndex ?? -1,\n      field: params.field ?? '',\n      value: params.value ?? null,\n      isHeader: params.isHeader ?? false,\n      event: params.event ?? new MouseEvent('contextmenu'),\n      selectedRows: params.selectedRows ?? [],\n    };\n\n    const pluginItems = this.collectPluginItems(fullParams);\n    let items = buildMenuItems(this.config.items ?? defaultItems, fullParams);\n\n    if (pluginItems.length > 0) {\n      const converted = this.convertPluginItems(pluginItems);\n      if (items.length > 0 && converted.length > 0) {\n        items = [...items, { id: '__plugin-sep', name: '', separator: true }, ...converted];\n      } else {\n        items = [...items, ...converted];\n      }\n    }\n\n    // Collapse consecutive/leading/trailing separators\n    items = collapseSeparators(items);\n\n    if (this.menuElement) {\n      this.menuElement.remove();\n    }\n\n    this.menuElement = createMenuElement(\n      items,\n      fullParams,\n      (item) => {\n        if (item.action) item.action(fullParams);\n        this.menuElement?.remove();\n        this.menuElement = null;\n        this.isOpen = false;\n      },\n      this.gridIcons.submenuArrow,\n    );\n\n    document.body.appendChild(this.menuElement);\n    this.copyGridStyles(this.menuElement);\n    positionMenu(this.menuElement, x, y);\n    this.isOpen = true;\n  }\n\n  /**\n   * Hide the context menu.\n   */\n  hideMenu(): void {\n    if (this.menuElement) {\n      this.menuElement.remove();\n      this.menuElement = null;\n      this.isOpen = false;\n    }\n  }\n\n  /**\n   * Check if the context menu is currently open.\n   * @returns Whether the menu is open\n   */\n  isMenuOpen(): boolean {\n    return this.isOpen;\n  }\n  // #endregion\n\n  // Styles are injected globally via installGlobalHandlers() since menu renders in document.body\n}\n"],"names":["buildMenuItems","items","params","filter","item","hidden","collapseSeparators","result","separator","length","push","pop","isItemDisabled","disabled","createMenuElement","onAction","submenuArrow","DEFAULT_GRID_ICONS","menu","document","createElement","className","setAttribute","hasAnyIcon","some","icon","appendChild","menuItem","cssClass","classList","add","id","innerHTML","label","textContent","name","shortcut","Array","isArray","forEach","key","i","createTextNode","kbd","subMenu","arrow","HTMLElement","cloneNode","addEventListener","querySelector","style","position","left","top","remove","action","e","stopPropagation","positionMenu","x","y","visibility","zIndex","menuRect","getBoundingClientRect","viewportWidth","window","innerWidth","viewportHeight","innerHeight","width","height","Math","max","QUERY_GET_CONTEXT_MENU_ITEMS","globalClickHandler","globalKeydownHandler","globalStyleSheet","globalHandlerRefCount","defaultItems","grid","plugins","clipboard","copy","export","exportCsv","ContextMenuPlugin","BaseGridPlugin","static","queries","type","description","defaultConfig","isOpen","menuElement","attach","super","this","installGlobalHandlers","detach","uninstallGlobalHandlers","syncSelectionOnContextMenu","rowIndex","selectionResult","query","currentSelection","includes","copyGridStyles","gridEl","gridElement","computed","getComputedStyle","styles","colorScheme","getPropertyValue","trim","varName","CSS_VARS_TO_COPY","value","existing","getAttribute","join","contextMenuStyles","head","querySelectorAll","removeEventListener","collectPluginItems","responses","response","sort","a","b","order","insertGroupSeparators","lastGroup","group","floor","convertPluginItems","map","afterRender","container","event","preventDefault","target","cell","closest","header","parseInt","colIndex","column","visibleColumns","row","rows","selectedRows","columnIndex","field","isHeader","clientX","clientY","pluginItems","config","converted","gridIcons","body","emit","showMenu","fullParams","MouseEvent","hideMenu","isMenuOpen"],"mappings":"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"}
+{"version":3,"file":"context-menu.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/context-menu/menu.ts","../../../../../libs/grid/src/lib/plugins/context-menu/ContextMenuPlugin.ts"],"sourcesContent":["/**\n * Context Menu Rendering Logic\n *\n * Pure functions for building and positioning context menus.\n */\n\nimport type { IconValue } from '../../core/types';\nimport { DEFAULT_GRID_ICONS } from '../../core/types';\nimport type { ContextMenuItem, ContextMenuParams } from './types';\n\n/**\n * Build the visible menu items by resolving dynamic items and filtering hidden ones.\n *\n * @param items - Menu items configuration (array or factory function)\n * @param params - Context menu parameters for evaluating dynamic properties\n * @returns Filtered array of visible menu items\n */\nexport function buildMenuItems(\n  items: ContextMenuItem[] | ((params: ContextMenuParams) => ContextMenuItem[]),\n  params: ContextMenuParams,\n): ContextMenuItem[] {\n  const menuItems = typeof items === 'function' ? items(params) : items;\n\n  return menuItems.filter((item) => {\n    if (item.hidden === true) return false;\n    if (typeof item.hidden === 'function' && item.hidden(params)) return false;\n    return true;\n  });\n}\n\n/**\n * Remove consecutive, leading, and trailing separators from a menu item list.\n *\n * @param items - Array of menu items\n * @returns Cleaned array with no redundant separators\n */\nexport function collapseSeparators(items: ContextMenuItem[]): ContextMenuItem[] {\n  const result: ContextMenuItem[] = [];\n  for (const item of items) {\n    if (item.separator) {\n      // Skip if the last item is already a separator (consecutive) or list is empty (leading)\n      if (result.length === 0 || result[result.length - 1].separator) continue;\n    }\n    result.push(item);\n  }\n  // Remove trailing separator\n  if (result.length > 0 && result[result.length - 1].separator) {\n    result.pop();\n  }\n  return result;\n}\n\n/**\n * Check if a menu item is disabled.\n *\n * @param item - The menu item to check\n * @param params - Context menu parameters for evaluating dynamic disabled state\n * @returns True if the item is disabled\n */\nexport function isItemDisabled(item: ContextMenuItem, params: ContextMenuParams): boolean {\n  if (item.disabled === true) return true;\n  if (typeof item.disabled === 'function') return item.disabled(params);\n  return false;\n}\n\n/**\n * Create the menu DOM element from a list of menu items.\n *\n * @param items - Array of menu items to render\n * @param params - Context menu parameters for evaluating dynamic properties\n * @param onAction - Callback when a menu item action is triggered\n * @param submenuArrow - Optional custom submenu arrow icon\n * @returns The created menu element\n */\nexport function createMenuElement(\n  items: ContextMenuItem[],\n  params: ContextMenuParams,\n  onAction: (item: ContextMenuItem) => void,\n  submenuArrow: IconValue = DEFAULT_GRID_ICONS.submenuArrow,\n): HTMLElement {\n  const menu = document.createElement('div');\n  menu.className = 'tbw-context-menu';\n  menu.setAttribute('role', 'menu');\n\n  // Check if any non-separator item has an icon\n  const hasAnyIcon = items.some((item) => !item.separator && item.icon);\n\n  for (const item of items) {\n    if (item.separator) {\n      const separator = document.createElement('div');\n      separator.className = 'tbw-context-menu-separator';\n      separator.setAttribute('role', 'separator');\n      menu.appendChild(separator);\n      continue;\n    }\n\n    const menuItem = document.createElement('div');\n    menuItem.className = 'tbw-context-menu-item';\n    if (item.cssClass) menuItem.classList.add(item.cssClass);\n    menuItem.setAttribute('role', 'menuitem');\n    menuItem.setAttribute('data-id', item.id);\n\n    const disabled = isItemDisabled(item, params);\n    if (disabled) {\n      menuItem.classList.add('disabled');\n      menuItem.setAttribute('aria-disabled', 'true');\n    }\n\n    if (item.icon) {\n      const icon = document.createElement('span');\n      icon.className = 'tbw-context-menu-icon';\n      icon.innerHTML = item.icon;\n      menuItem.appendChild(icon);\n    } else if (hasAnyIcon) {\n      // Add empty placeholder to align labels when other items have icons\n      const icon = document.createElement('span');\n      icon.className = 'tbw-context-menu-icon';\n      icon.innerHTML = '&nbsp;';\n      menuItem.appendChild(icon);\n    }\n\n    const label = document.createElement('span');\n    label.className = 'tbw-context-menu-label';\n    label.textContent = item.name;\n    menuItem.appendChild(label);\n\n    if (item.shortcut) {\n      const shortcut = document.createElement('span');\n      shortcut.className = 'tbw-context-menu-shortcut';\n      if (Array.isArray(item.shortcut)) {\n        item.shortcut.forEach((key, i) => {\n          if (i > 0) shortcut.appendChild(document.createTextNode('+'));\n          const kbd = document.createElement('kbd');\n          kbd.textContent = key;\n          shortcut.appendChild(kbd);\n        });\n      } else {\n        const kbd = document.createElement('kbd');\n        kbd.textContent = item.shortcut;\n        shortcut.appendChild(kbd);\n      }\n      menuItem.appendChild(shortcut);\n    }\n\n    if (item.subMenu?.length) {\n      const arrow = document.createElement('span');\n      arrow.className = 'tbw-context-menu-arrow';\n      // Use provided submenu arrow icon (string or HTMLElement)\n      if (typeof submenuArrow === 'string') {\n        arrow.innerHTML = submenuArrow;\n      } else if (submenuArrow instanceof HTMLElement) {\n        arrow.appendChild(submenuArrow.cloneNode(true));\n      }\n      menuItem.appendChild(arrow);\n\n      // Add submenu on hover\n      menuItem.addEventListener('mouseenter', () => {\n        const existingSubMenu = menuItem.querySelector('.tbw-context-menu');\n        if (existingSubMenu) return;\n        if (!item.subMenu) return;\n\n        const subMenuItems = buildMenuItems(item.subMenu, params);\n        const subMenu = createMenuElement(subMenuItems, params, onAction, submenuArrow);\n        subMenu.classList.add('tbw-context-submenu');\n        subMenu.style.position = 'absolute';\n        subMenu.style.left = '100%';\n        subMenu.style.top = '0';\n        menuItem.style.position = 'relative';\n        menuItem.appendChild(subMenu);\n      });\n\n      menuItem.addEventListener('mouseleave', () => {\n        const subMenu = menuItem.querySelector('.tbw-context-menu');\n        if (subMenu) subMenu.remove();\n      });\n    }\n\n    if (!disabled && item.action && !item.subMenu) {\n      menuItem.addEventListener('click', (e) => {\n        e.stopPropagation();\n        onAction(item);\n      });\n    }\n\n    menu.appendChild(menuItem);\n  }\n\n  return menu;\n}\n\n/**\n * Position the menu at the given viewport coordinates.\n * Menu is rendered in document.body with fixed positioning for top-layer behavior.\n *\n * @param menu - The menu element to position\n * @param x - Desired X coordinate (viewport)\n * @param y - Desired Y coordinate (viewport)\n */\nexport function positionMenu(menu: HTMLElement, x: number, y: number): void {\n  // Use fixed positioning for top-layer behavior\n  menu.style.position = 'fixed';\n  menu.style.left = `${x}px`;\n  menu.style.top = `${y}px`;\n  menu.style.visibility = 'hidden';\n  menu.style.zIndex = '10000';\n\n  // Force layout to get dimensions\n  const menuRect = menu.getBoundingClientRect();\n\n  // Calculate visible area within viewport\n  const viewportWidth = window.innerWidth;\n  const viewportHeight = window.innerHeight;\n\n  let left = x;\n  let top = y;\n\n  // Check if menu overflows right edge of viewport\n  if (x + menuRect.width > viewportWidth) {\n    left = x - menuRect.width;\n  }\n  // Check if menu overflows bottom edge of viewport\n  if (y + menuRect.height > viewportHeight) {\n    top = y - menuRect.height;\n  }\n\n  // Ensure we don't go negative\n  left = Math.max(0, left);\n  top = Math.max(0, top);\n\n  menu.style.left = `${left}px`;\n  menu.style.top = `${top}px`;\n  menu.style.visibility = 'visible';\n}\n","/**\n * Context Menu Plugin (Class-based)\n *\n * Provides right-click context menu functionality for tbw-grid.\n * Supports custom menu items, submenus, icons, shortcuts, and dynamic item generation.\n */\n\nimport type { PluginManifest } from '../../core/plugin/base-plugin';\nimport { BaseGridPlugin } from '../../core/plugin/base-plugin';\nimport contextMenuStyles from './context-menu.css?inline';\nimport { buildMenuItems, collapseSeparators, createMenuElement, positionMenu } from './menu';\nimport type { ContextMenuConfig, ContextMenuItem, ContextMenuParams, HeaderContextMenuItem } from './types';\n\n/** Query type for collecting context menu items from plugins */\nconst QUERY_GET_CONTEXT_MENU_ITEMS = 'getContextMenuItems';\n\n/** Global click handler reference for cleanup */\nlet globalClickHandler: ((e: Event) => void) | null = null;\n/** Global keydown handler reference for cleanup */\nlet globalKeydownHandler: ((e: KeyboardEvent) => void) | null = null;\n/** Global scroll handler reference for cleanup */\nlet globalScrollHandler: (() => void) | null = null;\n/** Global stylesheet for context menu (injected once) */\nlet globalStyleSheet: HTMLStyleElement | null = null;\n/** Reference count for instances using global handlers */\nlet globalHandlerRefCount = 0;\n\n/** Default menu items when none are configured */\nconst defaultItems: ContextMenuItem[] = [\n  {\n    id: 'copy',\n    name: 'Copy',\n    shortcut: 'Ctrl+C',\n    action: (params) => {\n      const grid = (params as ContextMenuParams & { grid?: { plugins?: { clipboard?: { copy?: () => void } } } }).grid;\n      grid?.plugins?.clipboard?.copy?.();\n    },\n  },\n  { separator: true, id: 'sep1', name: '' },\n  {\n    id: 'export-csv',\n    name: 'Export CSV',\n    action: (params) => {\n      const grid = (params as ContextMenuParams & { grid?: { plugins?: { export?: { exportCsv?: () => void } } } })\n        .grid;\n      grid?.plugins?.export?.exportCsv?.();\n    },\n  },\n];\n\n/**\n * Context Menu Plugin for tbw-grid\n *\n * Adds a customizable right-click menu to grid cells. Build anything from simple\n * copy/paste actions to complex nested menus with conditional visibility, icons,\n * and keyboard shortcuts.\n *\n * ## Installation\n *\n * ```ts\n * import { ContextMenuPlugin } from '@toolbox-web/grid/plugins/context-menu';\n * ```\n *\n * ## Menu Item Structure\n *\n * | Property | Type | Description |\n * |----------|------|-------------|\n * | `id` | `string` | Unique item identifier |\n * | `name` | `string` | Display label |\n * | `icon` | `string` | Icon class or HTML |\n * | `shortcut` | `string` | Keyboard shortcut hint |\n * | `action` | `(params) => void` | Click handler |\n * | `disabled` | `boolean \\| (params) => boolean` | Disable condition |\n * | `visible` | `boolean \\| (params) => boolean` | Visibility condition |\n * | `items` | `MenuItem[]` | Submenu items |\n * | `separator` | `boolean` | Create a divider line |\n *\n * ## Menu Context (params)\n *\n * | Property | Type | Description |\n * |----------|------|-------------|\n * | `rowIndex` | `number` | Clicked row index |\n * | `colIndex` | `number` | Clicked column index |\n * | `field` | `string` | Column field name |\n * | `value` | `any` | Cell value |\n * | `row` | `any` | Full row data |\n * | `column` | `ColumnConfig` | Column configuration |\n *\n * ## CSS Custom Properties\n *\n * | Property | Default | Description |\n * |----------|---------|-------------|\n * | `--tbw-context-menu-bg` | `var(--tbw-color-panel-bg)` | Menu background |\n * | `--tbw-context-menu-fg` | `var(--tbw-color-fg)` | Menu text color |\n * | `--tbw-context-menu-hover` | `var(--tbw-color-row-hover)` | Item hover background |\n *\n * @example Basic Context Menu\n * ```ts\n * import '@toolbox-web/grid';\n * import { ContextMenuPlugin } from '@toolbox-web/grid/plugins/context-menu';\n *\n * grid.gridConfig = {\n *   plugins: [\n *     new ContextMenuPlugin({\n *       items: [\n *         { id: 'copy', name: 'Copy', shortcut: 'Ctrl+C', action: (ctx) => navigator.clipboard.writeText(ctx.value) },\n *         { separator: true, id: 'sep1', name: '' },\n *         { id: 'delete', name: 'Delete', action: (ctx) => removeRow(ctx.rowIndex) },\n *       ],\n *     }),\n *   ],\n * };\n * ```\n *\n * @example Conditional Menu Items\n * ```ts\n * new ContextMenuPlugin({\n *   items: [\n *     { id: 'edit', name: 'Edit', visible: (ctx) => ctx.column.editable === true },\n *     { id: 'delete', name: 'Delete', disabled: (ctx) => ctx.row.locked === true },\n *   ],\n * })\n * ```\n *\n * @see {@link ContextMenuConfig} for configuration options\n * @see {@link ContextMenuItem} for menu item structure\n * @see {@link ContextMenuParams} for action callback parameters\n *\n * @internal Extends BaseGridPlugin\n */\nexport class ContextMenuPlugin extends BaseGridPlugin<ContextMenuConfig> {\n  /**\n   * Plugin manifest - declares queries used by this plugin.\n   * @internal\n   */\n  static override readonly manifest: PluginManifest = {\n    queries: [\n      {\n        type: QUERY_GET_CONTEXT_MENU_ITEMS,\n        description: 'Collects context menu items from other plugins for header right-click menus',\n      },\n    ],\n  };\n\n  /** @internal */\n  readonly name = 'contextMenu';\n\n  /** @internal */\n  protected override get defaultConfig(): Partial<ContextMenuConfig> {\n    return {\n      items: defaultItems,\n    };\n  }\n\n  // #region Internal State\n  private isOpen = false;\n  private position = { x: 0, y: 0 };\n  private params: ContextMenuParams | null = null;\n  private menuElement: HTMLElement | null = null;\n  // #endregion\n\n  // #region Lifecycle\n\n  /** @internal */\n  override attach(grid: import('../../core/plugin/base-plugin').GridElement): void {\n    super.attach(grid);\n    this.installGlobalHandlers();\n    globalHandlerRefCount++;\n  }\n\n  /** @internal */\n  override detach(): void {\n    if (this.menuElement) {\n      this.menuElement.remove();\n      this.menuElement = null;\n    }\n    this.isOpen = false;\n    this.params = null;\n    this.uninstallGlobalHandlers();\n  }\n  // #endregion\n\n  // #region Private Methods\n\n  /**\n   * Sync selection with the right-clicked row.\n   * If the right-clicked row is already selected, keeps the multi-selection.\n   * If not, selects only the right-clicked row (standard behavior in file managers / spreadsheets).\n   *\n   * @returns Sorted array of selected row indices after sync\n   */\n  private syncSelectionOnContextMenu(rowIndex: number): number[] {\n    if (rowIndex < 0) return [];\n\n    // Use the query system for loose coupling — no import of SelectionPlugin needed\n    const selectionResult = this.grid?.query<number[]>('getSelectedRowIndices');\n    const currentSelection = selectionResult?.[0];\n\n    // No selection plugin loaded\n    if (!currentSelection) return [rowIndex];\n\n    if (currentSelection.includes(rowIndex)) {\n      // Right-clicked row is already selected — preserve multi-selection\n      return currentSelection;\n    }\n\n    // Right-clicked row is NOT selected — select only this row\n    this.grid?.query('selectRows', [rowIndex]);\n    return [rowIndex];\n  }\n\n  /**\n   * CSS variables to copy from the grid element to the context menu.\n   * Includes both base variables and context-menu specific overrides.\n   */\n  private static readonly CSS_VARS_TO_COPY = [\n    // Base palette (for themes that only set base vars)\n    '--tbw-color-panel-bg',\n    '--tbw-color-fg',\n    '--tbw-color-fg-muted',\n    '--tbw-color-border',\n    '--tbw-color-row-hover',\n    '--tbw-color-shadow',\n    '--tbw-color-danger',\n    '--tbw-border-radius',\n    '--tbw-font-family',\n    '--tbw-font-size-sm',\n    '--tbw-font-size-xs',\n    '--tbw-font-size-2xs',\n    '--tbw-spacing-xs',\n    '--tbw-icon-size',\n    '--tbw-menu-min-width',\n    '--tbw-menu-item-padding',\n    '--tbw-menu-item-gap',\n    // Context menu specific overrides\n    '--tbw-context-menu-bg',\n    '--tbw-context-menu-fg',\n    '--tbw-context-menu-border',\n    '--tbw-context-menu-radius',\n    '--tbw-context-menu-shadow',\n    '--tbw-context-menu-hover',\n    '--tbw-context-menu-danger',\n    '--tbw-context-menu-muted',\n    '--tbw-context-menu-min-width',\n    '--tbw-context-menu-font-size',\n    '--tbw-context-menu-font-family',\n    '--tbw-context-menu-item-padding',\n    '--tbw-context-menu-item-gap',\n    '--tbw-context-menu-icon-size',\n    '--tbw-context-menu-shortcut-size',\n    '--tbw-context-menu-arrow-size',\n  ];\n\n  /**\n   * Copy CSS custom properties from the grid element to the menu element.\n   * This allows the context menu (appended to document.body) to inherit\n   * theme variables set on tbw-grid.\n   */\n  private copyGridStyles(menuElement: HTMLElement): void {\n    const gridEl = this.gridElement;\n    if (!gridEl) return;\n\n    const computed = getComputedStyle(gridEl);\n    const styles: string[] = [];\n\n    // Copy color-scheme so light-dark() can resolve in the context menu\n    const colorScheme = computed.getPropertyValue('color-scheme').trim();\n    if (colorScheme) {\n      styles.push(`color-scheme: ${colorScheme}`);\n    }\n\n    for (const varName of ContextMenuPlugin.CSS_VARS_TO_COPY) {\n      const value = computed.getPropertyValue(varName).trim();\n      if (value) {\n        styles.push(`${varName}: ${value}`);\n      }\n    }\n\n    if (styles.length > 0) {\n      // Append to existing inline styles (don't overwrite)\n      const existing = menuElement.getAttribute('style') || '';\n      menuElement.setAttribute('style', existing + styles.join('; ') + ';');\n    }\n  }\n\n  private installGlobalHandlers(): void {\n    // Inject global stylesheet for context menu (once)\n    // Only inject if we have valid CSS text (Vite's ?inline import)\n    // When importing from source without Vite, the import is a module object, not a string\n    if (\n      !globalStyleSheet &&\n      typeof document !== 'undefined' &&\n      typeof contextMenuStyles === 'string' &&\n      contextMenuStyles\n    ) {\n      globalStyleSheet = document.createElement('style');\n      globalStyleSheet.id = 'tbw-context-menu-styles';\n      globalStyleSheet.textContent = contextMenuStyles;\n      document.head.appendChild(globalStyleSheet);\n    }\n\n    // Close menu on click outside\n    if (!globalClickHandler) {\n      globalClickHandler = () => {\n        const menus = document.querySelectorAll('.tbw-context-menu');\n        menus.forEach((menu) => menu.remove());\n      };\n      document.addEventListener('click', globalClickHandler);\n    }\n\n    // Close on escape\n    if (!globalKeydownHandler) {\n      globalKeydownHandler = (e: KeyboardEvent) => {\n        if (e.key === 'Escape') {\n          const menus = document.querySelectorAll('.tbw-context-menu');\n          menus.forEach((menu) => menu.remove());\n        }\n      };\n      document.addEventListener('keydown', globalKeydownHandler);\n    }\n\n    // Close on scroll (any scrollable ancestor)\n    if (!globalScrollHandler) {\n      globalScrollHandler = () => {\n        const menus = document.querySelectorAll('.tbw-context-menu');\n        menus.forEach((menu) => menu.remove());\n      };\n      document.addEventListener('scroll', globalScrollHandler, true);\n    }\n  }\n\n  /**\n   * Clean up global handlers when the last instance detaches.\n   * Uses reference counting to ensure handlers persist while any grid uses the plugin.\n   */\n  private uninstallGlobalHandlers(): void {\n    globalHandlerRefCount--;\n    if (globalHandlerRefCount > 0) return;\n\n    // Last instance - clean up all global resources\n    if (globalClickHandler) {\n      document.removeEventListener('click', globalClickHandler);\n      globalClickHandler = null;\n    }\n    if (globalKeydownHandler) {\n      document.removeEventListener('keydown', globalKeydownHandler);\n      globalKeydownHandler = null;\n    }\n    if (globalScrollHandler) {\n      document.removeEventListener('scroll', globalScrollHandler, true);\n      globalScrollHandler = null;\n    }\n    if (globalStyleSheet) {\n      globalStyleSheet.remove();\n      globalStyleSheet = null;\n    }\n  }\n\n  /**\n   * Query all plugins for context menu items via the query system.\n   * Each plugin that handles `getContextMenuItems` can return an array of HeaderContextMenuItem.\n   */\n  private collectPluginItems(params: ContextMenuParams): HeaderContextMenuItem[] {\n    if (!this.grid) return [];\n\n    const responses = this.grid.query<HeaderContextMenuItem[]>(QUERY_GET_CONTEXT_MENU_ITEMS, params);\n    const items: HeaderContextMenuItem[] = [];\n\n    for (const response of responses) {\n      if (Array.isArray(response)) {\n        items.push(...response);\n      }\n    }\n\n    // Sort by order (default 100), then stable by insertion order\n    items.sort((a, b) => (a.order ?? 100) - (b.order ?? 100));\n\n    // Insert separators between different order groups\n    return this.insertGroupSeparators(items);\n  }\n\n  /**\n   * Insert separators between groups of items with different order ranges.\n   * Groups are defined by the tens digit (10-19, 20-29, etc.).\n   */\n  private insertGroupSeparators(items: HeaderContextMenuItem[]): HeaderContextMenuItem[] {\n    if (items.length <= 1) return items;\n\n    const result: HeaderContextMenuItem[] = [];\n    let lastGroup = -1;\n\n    for (const item of items) {\n      if (item.separator) {\n        result.push(item);\n        continue;\n      }\n      const group = Math.floor((item.order ?? 100) / 10);\n      if (lastGroup >= 0 && group !== lastGroup) {\n        result.push({\n          id: `__sep-${lastGroup}-${group}`,\n          label: '',\n          separator: true,\n          action: () => {\n            /* noop */\n          },\n        });\n      }\n      lastGroup = group;\n      result.push(item);\n    }\n\n    return result;\n  }\n\n  /**\n   * Convert plugin-contributed HeaderContextMenuItems to the internal ContextMenuItem format.\n   */\n  private convertPluginItems(items: HeaderContextMenuItem[]): ContextMenuItem[] {\n    return items.map((item) => ({\n      id: item.id,\n      name: item.label,\n      icon: item.icon,\n      shortcut: item.shortcut,\n      disabled: item.disabled ?? false,\n      action: () => item.action(),\n      separator: item.separator,\n      cssClass: item.cssClass,\n    }));\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    // Use querySelector instead of children[0] because light DOM children\n    // (e.g. <tbw-grid-column>) are re-appended before .tbw-grid-root, making\n    // children[0] point to a declarative element instead of the data container.\n    const container = gridEl.querySelector('.tbw-grid-root');\n    if (!container) return;\n\n    // Check if handler already attached\n    if (container.getAttribute('data-context-menu-bound') === 'true') return;\n    container.setAttribute('data-context-menu-bound', 'true');\n\n    container.addEventListener('contextmenu', (e: Event) => {\n      const event = e as MouseEvent;\n      event.preventDefault();\n\n      const target = event.target as HTMLElement;\n      const cell = target.closest('[data-row][data-col]');\n      const header = target.closest('[part~=\"header-cell\"]');\n\n      let params: ContextMenuParams;\n\n      if (cell) {\n        const rowIndex = parseInt(cell.getAttribute('data-row') ?? '-1', 10);\n        const colIndex = parseInt(cell.getAttribute('data-col') ?? '-1', 10);\n        const column = this.visibleColumns[colIndex];\n        const row = this.rows[rowIndex];\n\n        // Sync selection: if the right-clicked row is not already selected,\n        // select it (clearing multi-selection). If it IS selected, keep all.\n        const selectedRows = this.syncSelectionOnContextMenu(rowIndex);\n\n        params = {\n          row,\n          rowIndex,\n          column,\n          columnIndex: colIndex,\n          field: column?.field ?? '',\n          value: row?.[column?.field as keyof typeof row] ?? null,\n          isHeader: false,\n          event,\n          selectedRows,\n        };\n      } else if (header) {\n        const colIndex = parseInt(header.getAttribute('data-col') ?? '-1', 10);\n        const column = this.visibleColumns[colIndex];\n\n        params = {\n          row: null,\n          rowIndex: -1,\n          column,\n          columnIndex: colIndex,\n          field: column?.field ?? '',\n          value: null,\n          isHeader: true,\n          event,\n          selectedRows: [],\n        };\n      } else {\n        return;\n      }\n\n      this.params = params;\n      this.position = { x: event.clientX, y: event.clientY };\n\n      // Collect plugin-contributed items via the query system\n      const pluginItems = this.collectPluginItems(params);\n\n      // Build configured items\n      let items = buildMenuItems(this.config.items ?? defaultItems, params);\n\n      // Merge plugin items with configured items\n      if (pluginItems.length > 0) {\n        const converted = this.convertPluginItems(pluginItems);\n        if (items.length > 0 && converted.length > 0) {\n          // Add separator between configured and plugin items\n          items = [...items, { id: '__plugin-sep', name: '', separator: true }, ...converted];\n        } else {\n          items = [...items, ...converted];\n        }\n      }\n\n      // Collapse consecutive/leading/trailing separators\n      items = collapseSeparators(items);\n\n      if (!items.length) return;\n\n      // Close any open context menu (including from other grids)\n      document.querySelectorAll('.tbw-context-menu').forEach((m) => m.remove());\n      this.menuElement = null;\n\n      this.menuElement = createMenuElement(\n        items,\n        params,\n        (item) => {\n          if (item.action) {\n            item.action(params);\n          }\n          this.menuElement?.remove();\n          this.menuElement = null;\n          this.isOpen = false;\n        },\n        this.gridIcons.submenuArrow,\n      );\n\n      document.body.appendChild(this.menuElement);\n      this.copyGridStyles(this.menuElement);\n      positionMenu(this.menuElement, event.clientX, event.clientY);\n      this.isOpen = true;\n\n      this.emit('context-menu-open', { params, items });\n    });\n  }\n  // #endregion\n\n  // #region Public API\n\n  /**\n   * Programmatically show the context menu at the specified position.\n   * @param x - X coordinate\n   * @param y - Y coordinate\n   * @param params - Partial context menu parameters\n   */\n  showMenu(x: number, y: number, params: Partial<ContextMenuParams>): void {\n    const fullParams: ContextMenuParams = {\n      row: params.row ?? null,\n      rowIndex: params.rowIndex ?? -1,\n      column: params.column ?? null,\n      columnIndex: params.columnIndex ?? -1,\n      field: params.field ?? '',\n      value: params.value ?? null,\n      isHeader: params.isHeader ?? false,\n      event: params.event ?? new MouseEvent('contextmenu'),\n      selectedRows: params.selectedRows ?? [],\n    };\n\n    const pluginItems = this.collectPluginItems(fullParams);\n    let items = buildMenuItems(this.config.items ?? defaultItems, fullParams);\n\n    if (pluginItems.length > 0) {\n      const converted = this.convertPluginItems(pluginItems);\n      if (items.length > 0 && converted.length > 0) {\n        items = [...items, { id: '__plugin-sep', name: '', separator: true }, ...converted];\n      } else {\n        items = [...items, ...converted];\n      }\n    }\n\n    // Collapse consecutive/leading/trailing separators\n    items = collapseSeparators(items);\n\n    // Close any open context menu (including from other grids)\n    document.querySelectorAll('.tbw-context-menu').forEach((m) => m.remove());\n    this.menuElement = null;\n\n    this.menuElement = createMenuElement(\n      items,\n      fullParams,\n      (item) => {\n        if (item.action) item.action(fullParams);\n        this.menuElement?.remove();\n        this.menuElement = null;\n        this.isOpen = false;\n      },\n      this.gridIcons.submenuArrow,\n    );\n\n    document.body.appendChild(this.menuElement);\n    this.copyGridStyles(this.menuElement);\n    positionMenu(this.menuElement, x, y);\n    this.isOpen = true;\n  }\n\n  /**\n   * Hide the context menu.\n   */\n  hideMenu(): void {\n    if (this.menuElement) {\n      this.menuElement.remove();\n      this.menuElement = null;\n      this.isOpen = false;\n    }\n  }\n\n  /**\n   * Check if the context menu is currently open.\n   * @returns Whether the menu is open\n   */\n  isMenuOpen(): boolean {\n    return this.isOpen;\n  }\n  // #endregion\n\n  // Styles are injected globally via installGlobalHandlers() since menu renders in document.body\n}\n"],"names":["buildMenuItems","items","params","filter","item","hidden","collapseSeparators","result","separator","length","push","pop","isItemDisabled","disabled","createMenuElement","onAction","submenuArrow","DEFAULT_GRID_ICONS","menu","document","createElement","className","setAttribute","hasAnyIcon","some","icon","appendChild","menuItem","cssClass","classList","add","id","innerHTML","label","textContent","name","shortcut","Array","isArray","forEach","key","i","createTextNode","kbd","subMenu","arrow","HTMLElement","cloneNode","addEventListener","querySelector","style","position","left","top","remove","action","e","stopPropagation","positionMenu","x","y","visibility","zIndex","menuRect","getBoundingClientRect","viewportWidth","window","innerWidth","viewportHeight","innerHeight","width","height","Math","max","QUERY_GET_CONTEXT_MENU_ITEMS","globalClickHandler","globalKeydownHandler","globalScrollHandler","globalStyleSheet","globalHandlerRefCount","defaultItems","grid","plugins","clipboard","copy","export","exportCsv","ContextMenuPlugin","BaseGridPlugin","static","queries","type","description","defaultConfig","isOpen","menuElement","attach","super","this","installGlobalHandlers","detach","uninstallGlobalHandlers","syncSelectionOnContextMenu","rowIndex","selectionResult","query","currentSelection","includes","copyGridStyles","gridEl","gridElement","computed","getComputedStyle","styles","colorScheme","getPropertyValue","trim","varName","CSS_VARS_TO_COPY","value","existing","getAttribute","join","contextMenuStyles","head","querySelectorAll","removeEventListener","collectPluginItems","responses","response","sort","a","b","order","insertGroupSeparators","lastGroup","group","floor","convertPluginItems","map","afterRender","container","event","preventDefault","target","cell","closest","header","parseInt","colIndex","column","visibleColumns","row","rows","selectedRows","columnIndex","field","isHeader","clientX","clientY","pluginItems","config","converted","m","gridIcons","body","emit","showMenu","fullParams","MouseEvent","hideMenu","isMenuOpen"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("../../core/plugin/base-plugin")):"function"==typeof define&&define.amd?define(["exports","../../core/plugin/base-plugin"],r):r((e="undefined"!=typeof globalThis?globalThis:e||self).TbwGridPlugin_groupingColumns={},e.TbwGrid)}(this,function(e,r){"use strict";function t(e){if(!e.length)return[];const r=new Map,t=[],o=(e,r)=>{if(!r.length)return;const o=t[t.length-1];o&&o.implicit&&o.firstIndex+o.columns.length===e?o.columns.push(...r):t.push({id:"__implicit__"+e,label:void 0,columns:r,firstIndex:e,implicit:!0})};let i=[],n=0;return e.forEach((e,s)=>{const l=e.group;if(!l)return 0===i.length&&(n=s),void i.push(e);i.length&&(o(n,i.slice()),i=[]);const d="string"==typeof l?l:l.id;let u=r.get(d);u||(u={id:d,label:"string"==typeof l?void 0:l.label,columns:[],firstIndex:s},r.set(d,u),t.push(u)),u.columns.push(e)}),i.length&&o(n,i),1===t.length&&t[0].implicit&&t[0].columns.length===e.length?[]:t}function o(e,r){const t=e.columns[0],o=e.columns[e.columns.length-1],i=t?r.findIndex(e=>e.field===t.field):-1,n=o?r.findIndex(e=>e.field===o.field):-1;return-1!==i&&-1!==n?[i,n]:null}function i(e,r){const t=new Set,i=[];for(const n of e){if(String(n.id).startsWith("__implicit__"))continue;const e=o(n,r);e&&i.push(e)}for(const n of e){if(!String(n.id).startsWith("__implicit__"))continue;const e=o(n,r);if(!e)continue;const[s,l]=e;i.some(([e,r])=>s>=e&&l<=r)&&t.add(String(n.id))}return t}class n extends r.BaseGridPlugin{static manifest={ownedProperties:[{property:"group",level:"column",description:'the "group" column property'},{property:"columnGroups",level:"config",description:'the "columnGroups" config property',isUsed:e=>Array.isArray(e)&&e.length>0}],queries:[{type:"getColumnGrouping",description:"Returns column group metadata for the visibility panel"}]};name="groupingColumns";styles="@layer tbw-plugins{.header-group-row{display:grid;grid-auto-flow:column;background:var(--tbw-grouping-columns-header-bg, var(--tbw-color-header-bg));border-bottom:1px solid var(--tbw-grouping-columns-border, var(--tbw-color-border))}.header-group-cell{display:flex;align-items:center;justify-content:center;padding:var(--tbw-button-padding-sm, .25rem .5rem);font-weight:600;font-size:var(--tbw-font-size-sm, .9em);text-transform:uppercase;letter-spacing:.5px;border-right:2px solid var(--tbw-grouping-columns-separator, var(--tbw-color-border-strong, var(--tbw-color-border)))}.header-group-cell:last-child{border-right:none}.header-row .cell.grouped{border-top:none}.header-row .cell.group-end{border-right:2px solid var(--tbw-grouping-columns-separator, var(--tbw-color-border-strong, var(--tbw-color-border)))}.header-row .cell.group-end:last-child{border-right:none}.rows .cell.group-end{border-right:2px solid var(--tbw-grouping-columns-separator, var(--tbw-color-border-strong, var(--tbw-color-border)))}.rows .cell.group-end:last-child{border-right:none}.header-group-row.no-borders{border-bottom:none}.header-group-row.no-borders .header-group-cell{border-right:none}.header-row.no-group-borders .cell.group-end{border-right:1px solid var(--tbw-color-border)}}";get defaultConfig(){return{showGroupBorders:!0,lockGroupOrder:!1}}groups=[];isActive=!1;#e=new Set;attach(e){super.attach(e),e.addEventListener("column-move",this.#r,{signal:this.disconnectSignal})}detach(){this.groups=[],this.isActive=!1,this.#e.clear()}#r=e=>{if(!this.isActive)return;const r=e,{field:t,columnOrder:o}=r.detail;if(this.config.lockGroupOrder)for(const i of this.groups)if(!i.id.startsWith("__implicit__")&&!this.#t(i,o))return r.preventDefault(),void this.#o(t);this.#i(o)};#i(e){this.#e.clear();const r=this.#n(e);for(const t of this.groups){const o=new Set(t.columns.map(e=>e.field));for(let t=e.length-1;t>=0;t--)if(o.has(e[t])){const o=e[t];o!==r&&this.#e.add(o);break}}}#n(e){if(0===this.groups.length)return null;for(let r=e.length-1;r>=0;r--){const t=e[r];for(const r of this.groups)if(r.columns.some(e=>e.field===t)){const t=new Set(r.columns.map(e=>e.field));for(let r=e.length-1;r>=0;r--)if(t.has(e[r]))return e[r]}}return null}#t(e,r){const t=e.columns.map(e=>r.indexOf(e.field)).filter(e=>-1!==e).sort((e,r)=>e-r);return t.length<=1||t.length===t[t.length-1]-t[0]+1}#o(e){const r=this.gridElement?.querySelector(`.header-row [part~="header-cell"][data-field="${e}"]`);r&&(r.style.setProperty("--_flash-color","var(--tbw-color-error)"),r.animate([{backgroundColor:"rgba(from var(--_flash-color) r g b / 30%)"},{backgroundColor:"transparent"}],{duration:400,easing:"ease-out"}))}handleQuery(e){if("getColumnGrouping"===e.type)return this.#s()}#s(){let e;const r=this.grid?.gridConfig?.columnGroups;if(r&&Array.isArray(r)&&r.length>0)e=r.filter(e=>e.children.length>0).map(e=>({id:e.id,label:e.header,fields:[...e.children]}));else if(this.isActive&&this.groups.length>0){e=this.groups.filter(e=>!e.id.startsWith("__implicit__")).map(e=>({id:e.id,label:e.label??e.id,fields:e.columns.map(e=>e.field)}));const r=this.columns;for(const t of r)if(t.hidden&&t.group){const r="string"==typeof t.group?t.group:t.group.id,o="string"==typeof t.group?t.group:t.group.label??t.group.id,i=e.find(e=>e.id===r);i?i.fields.includes(t.field)||i.fields.push(t.field):e.push({id:r,label:o,fields:[t.field]})}}else{const r=this.columns,t=new Map;for(const e of r){if(!e.group)continue;const r="string"==typeof e.group?e.group:e.group.id,o="string"==typeof e.group?e.group:e.group.label??e.group.id,i=t.get(r);i?i.fields.includes(e.field)||i.fields.push(e.field):t.set(r,{id:r,label:o,fields:[e.field]})}e=Array.from(t.values())}const t=this.grid?.getColumnOrder();if(t&&t.length>0){const r=new Map(t.map((e,r)=>[e,r]));for(const t of e)t.fields.sort((e,t)=>(r.get(e)??1/0)-(r.get(t)??1/0))}return e}static detect(e,r){if(r?.columnGroups&&Array.isArray(r.columnGroups)&&r.columnGroups.length>0)return!0;const t=r?.columns;return!!Array.isArray(t)&&function(e){return e.some(e=>null!=e.group)}(t)}processColumns(e){const r=this.grid?.gridConfig?.columnGroups;let o;if(r&&Array.isArray(r)&&r.length>0){const t=new Map;for(const e of r)for(const r of e.children)t.set(r,{id:e.id,label:e.header});o=e.map(e=>{const r=t.get(e.field);return r&&!e.group?{...e,group:r}:e})}else o=[...e];const i=t(o);if(0===i.length)return this.isActive=!1,this.groups=[],o;this.isActive=!0,this.groups=i,this.#e.clear();for(const t of i){const e=t.columns[t.columns.length-1];e?.field&&this.#e.add(e.field)}return o}afterRender(){if(!this.isActive){const e=this.gridElement?.querySelector(".header"),r=e?.querySelector(".header-group-row");return void(r&&r.remove())}const e=this.gridElement?.querySelector(".header");if(!e)return;const r=e.querySelector(".header-group-row");r&&r.remove();const n=this.visibleColumns,s=t(n);if(0===s.length)return;this.#e.clear();const l=i(s,n);for(let t=0;t<s.length;t++){const e=s[t];if(String(e.id).startsWith("__implicit__")&&l.has(String(e.id)))continue;const r=e.columns[e.columns.length-1];r?.field&&t<s.length-1&&this.#e.add(r.field)}const d=function(e,r){if(0===e.length)return null;const t=document.createElement("div");t.className="header-group-row",t.setAttribute("role","row");const n=i(e,r);for(const i of e){const e=String(i.id),s=e.startsWith("__implicit__");if(s&&n.has(e))continue;const l=o(i,r);if(!l)continue;const[d,u]=l,c=u-d+1,g=s?"":i.label||i.id,a=document.createElement("div");a.className="cell header-group-cell",s&&a.classList.add("implicit-group"),a.setAttribute("data-group",e),a.style.gridColumn=`${d+1} / span ${c}`,a.textContent=g,t.appendChild(a)}return t}(s,n);if(d){d.classList.toggle("no-borders",!this.config.showGroupBorders);const r=e.querySelector(".header-row");r?e.insertBefore(d,r):e.appendChild(d)}const u=e.querySelector(".header-row");u&&(u.classList.toggle("no-group-borders",!this.config.showGroupBorders),function(e,r,t){if(!r.length||!e)return;const o=i(r,t),n=new Map;for(const i of r)if(!String(i.id).startsWith("__implicit__")||!o.has(String(i.id)))for(const e of i.columns)e.field&&n.set(e.field,i.id);const s=Array.from(e.querySelectorAll(".cell[data-field]"));s.forEach(e=>{const r=e.getAttribute("data-field")||"",t=n.get(r);t&&(e.classList.add("grouped"),e.getAttribute("data-group")||e.setAttribute("data-group",t))});for(const i of r){if(String(i.id).startsWith("__implicit__")&&o.has(String(i.id)))continue;const e=i.columns[i.columns.length-1],r=s.find(r=>r.getAttribute("data-field")===e.field);r&&r.classList.add("group-end")}}(u,s,n))}afterCellRender(e){this.isActive&&this.config.showGroupBorders&&e.cellElement.classList.toggle("group-end",this.#e.has(e.column.field))}isGroupingActive(){return this.isActive}getGroups(){return this.groups}getGroupColumns(e){const r=this.groups.find(r=>r.id===e);return r?r.columns:[]}refresh(){this.requestRender()}}e.GroupingColumnsPlugin=n,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});
+!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("../../core/plugin/base-plugin")):"function"==typeof define&&define.amd?define(["exports","../../core/plugin/base-plugin"],r):r((e="undefined"!=typeof globalThis?globalThis:e||self).TbwGridPlugin_groupingColumns={},e.TbwGrid)}(this,function(e,r){"use strict";function t(e){if(!e.length)return[];const r=new Map,t=[],o=(e,r)=>{if(!r.length)return;const o=t[t.length-1];o&&o.implicit&&o.firstIndex+o.columns.length===e?o.columns.push(...r):t.push({id:"__implicit__"+e,label:void 0,columns:r,firstIndex:e,implicit:!0})};let i=[],n=0;return e.forEach((e,s)=>{const l=e.group;if(!l)return 0===i.length&&(n=s),void i.push(e);i.length&&(o(n,i.slice()),i=[]);const d="string"==typeof l?l:l.id;let u=r.get(d);u||(u={id:d,label:"string"==typeof l?void 0:l.label,columns:[],firstIndex:s},r.set(d,u),t.push(u)),u.columns.push(e)}),i.length&&o(n,i),1===t.length&&t[0].implicit&&t[0].columns.length===e.length?[]:t}function o(e,r){const t=e.columns[0],o=e.columns[e.columns.length-1],i=t?r.findIndex(e=>e.field===t.field):-1,n=o?r.findIndex(e=>e.field===o.field):-1;return-1!==i&&-1!==n?[i,n]:null}function i(e,r){const t=new Set,i=[];for(const n of e){if(String(n.id).startsWith("__implicit__"))continue;const e=o(n,r);e&&i.push(e)}for(const n of e){if(!String(n.id).startsWith("__implicit__"))continue;const e=o(n,r);if(!e)continue;const[s,l]=e;i.some(([e,r])=>s>=e&&l<=r)&&t.add(String(n.id))}return t}class n extends r.BaseGridPlugin{static manifest={ownedProperties:[{property:"group",level:"column",description:'the "group" column property'},{property:"columnGroups",level:"config",description:'the "columnGroups" config property',isUsed:e=>Array.isArray(e)&&e.length>0}],queries:[{type:"getColumnGrouping",description:"Returns column group metadata for the visibility panel"}]};name="groupingColumns";styles="@layer tbw-plugins{.header-group-row{display:grid;grid-auto-flow:column;background:var(--tbw-grouping-columns-header-bg, var(--tbw-color-header-bg));border-bottom:1px solid var(--tbw-grouping-columns-border, var(--tbw-color-border))}.header-group-cell{display:flex;align-items:center;justify-content:center;padding:var(--tbw-button-padding-sm, .25rem .5rem);font-weight:600;font-size:var(--tbw-font-size-sm, .9em);text-transform:uppercase;letter-spacing:.5px;border-right:2px solid var(--tbw-grouping-columns-separator, var(--tbw-color-border-strong, var(--tbw-color-border)))}.header-group-cell:last-child{border-right:none}.header-row .cell.grouped{border-top:none}.header-row .cell.group-end{border-right:2px solid var(--tbw-grouping-columns-separator, var(--tbw-color-border-strong, var(--tbw-color-border)))}.header-row .cell.group-end:last-child{border-right:none}.rows .cell.group-end{border-right:2px solid var(--tbw-grouping-columns-separator, var(--tbw-color-border-strong, var(--tbw-color-border)))}.rows .cell.group-end:last-child{border-right:none}.header-group-row.no-borders{border-bottom:none}.header-group-row.no-borders .header-group-cell{border-right:none}.header-row.no-group-borders .cell.group-end{border-right:1px solid var(--tbw-color-border)}}";get defaultConfig(){return{showGroupBorders:!0,lockGroupOrder:!1}}groups=[];isActive=!1;#e=new Set;attach(e){super.attach(e),e.addEventListener("column-move",this.#r,{signal:this.disconnectSignal})}detach(){this.groups=[],this.isActive=!1,this.#e.clear()}#r=e=>{if(!this.isActive)return;const r=e,{field:t,columnOrder:o}=r.detail;if(this.config.lockGroupOrder)for(const i of this.groups)if(!i.id.startsWith("__implicit__")&&!this.#t(i,o))return r.preventDefault(),void this.#o(t);this.#i(o)};#i(e){this.#e.clear();const r=this.#n(e);for(const t of this.groups){const o=new Set(t.columns.map(e=>e.field));for(let t=e.length-1;t>=0;t--)if(o.has(e[t])){const o=e[t];o!==r&&this.#e.add(o);break}}}#n(e){if(0===this.groups.length)return null;for(let r=e.length-1;r>=0;r--){const t=e[r];for(const r of this.groups)if(r.columns.some(e=>e.field===t)){const t=new Set(r.columns.map(e=>e.field));for(let r=e.length-1;r>=0;r--)if(t.has(e[r]))return e[r]}}return null}#t(e,r){const t=e.columns.map(e=>r.indexOf(e.field)).filter(e=>-1!==e).sort((e,r)=>e-r);return t.length<=1||t.length===t[t.length-1]-t[0]+1}#o(e){const r=this.gridElement?.querySelector(`.header-row [part~="header-cell"][data-field="${e}"]`);r&&(r.style.setProperty("--_flash-color","var(--tbw-color-error)"),r.animate([{backgroundColor:"rgba(from var(--_flash-color) r g b / 30%)"},{backgroundColor:"transparent"}],{duration:400,easing:"ease-out"}))}handleQuery(e){if("getColumnGrouping"===e.type)return this.#s()}#s(){let e;const r=this.grid?.gridConfig?.columnGroups;if(r&&Array.isArray(r)&&r.length>0)e=r.filter(e=>e.children.length>0).map(e=>({id:e.id,label:e.header,fields:[...e.children]}));else if(this.isActive&&this.groups.length>0){e=this.groups.filter(e=>!e.id.startsWith("__implicit__")).map(e=>({id:e.id,label:e.label??e.id,fields:e.columns.map(e=>e.field)}));const r=this.columns;for(const t of r)if(t.hidden&&t.group){const r="string"==typeof t.group?t.group:t.group.id,o="string"==typeof t.group?t.group:t.group.label??t.group.id,i=e.find(e=>e.id===r);i?i.fields.includes(t.field)||i.fields.push(t.field):e.push({id:r,label:o,fields:[t.field]})}}else{const r=this.columns,t=new Map;for(const e of r){if(!e.group)continue;const r="string"==typeof e.group?e.group:e.group.id,o="string"==typeof e.group?e.group:e.group.label??e.group.id,i=t.get(r);i?i.fields.includes(e.field)||i.fields.push(e.field):t.set(r,{id:r,label:o,fields:[e.field]})}e=Array.from(t.values())}const t=this.grid?.getColumnOrder();if(t&&t.length>0){const r=new Map(t.map((e,r)=>[e,r]));for(const t of e)t.fields.sort((e,t)=>(r.get(e)??1/0)-(r.get(t)??1/0))}return e}static detect(e,r){if(r?.columnGroups&&Array.isArray(r.columnGroups)&&r.columnGroups.length>0)return!0;const t=r?.columns;return!!Array.isArray(t)&&function(e){return e.some(e=>null!=e.group)}(t)}processColumns(e){const r=this.grid?.gridConfig?.columnGroups;let o;if(r&&Array.isArray(r)&&r.length>0){const t=new Map;for(const e of r)for(const r of e.children)t.set(r,{id:e.id,label:e.header});o=e.map(e=>{const r=t.get(e.field);return r&&!e.group?{...e,group:r}:e})}else o=[...e];const i=t(o);if(0===i.length)return this.isActive=!1,this.groups=[],o;this.isActive=!0,this.groups=i,this.#e.clear();for(const t of i){const e=t.columns[t.columns.length-1];e?.field&&this.#e.add(e.field)}return o}afterRender(){if(!this.isActive){const e=this.gridElement?.querySelector(".header"),r=e?.querySelector(".header-group-row");return void(r&&r.remove())}const e=this.gridElement?.querySelector(".header");if(!e)return;const r=e.querySelector(".header-group-row");r&&r.remove();const n=this.visibleColumns,s=t(n);if(0===s.length)return;this.#e.clear();const l=i(s,n);for(let t=0;t<s.length;t++){const e=s[t];if(String(e.id).startsWith("__implicit__")&&l.has(String(e.id)))continue;const r=e.columns[e.columns.length-1];r?.field&&t<s.length-1&&this.#e.add(r.field)}const d=function(e,r,t){if(0===e.length)return null;const n=document.createElement("div");n.className="header-group-row",n.setAttribute("role","row");const s=i(e,r);for(const i of e){const e=String(i.id),l=e.startsWith("__implicit__");if(l&&s.has(e))continue;const d=o(i,r);if(!d)continue;const[u,c]=d,g=c-u+1,a=l?"":i.label||i.id,p=document.createElement("div");if(p.className="cell header-group-cell",l&&p.classList.add("implicit-group"),p.setAttribute("data-group",e),p.style.gridColumn=`${u+1} / span ${g}`,t&&!l){const r=t({id:e,label:String(a),columns:i.columns,firstIndex:u,isImplicit:!1});r instanceof HTMLElement?p.appendChild(r):"string"==typeof r?p.innerHTML=r:p.textContent=a}else p.textContent=a;n.appendChild(p)}return n}(s,n,this.config.groupHeaderRenderer);if(d){d.classList.toggle("no-borders",!this.config.showGroupBorders);const r=e.querySelector(".header-row");r?e.insertBefore(d,r):e.appendChild(d)}const u=e.querySelector(".header-row");u&&(u.classList.toggle("no-group-borders",!this.config.showGroupBorders),function(e,r,t){if(!r.length||!e)return;const o=i(r,t),n=new Map;for(const i of r)if(!String(i.id).startsWith("__implicit__")||!o.has(String(i.id)))for(const e of i.columns)e.field&&n.set(e.field,i.id);const s=Array.from(e.querySelectorAll(".cell[data-field]"));s.forEach(e=>{const r=e.getAttribute("data-field")||"",t=n.get(r);t&&(e.classList.add("grouped"),e.getAttribute("data-group")||e.setAttribute("data-group",t))});for(const i of r){if(String(i.id).startsWith("__implicit__")&&o.has(String(i.id)))continue;const e=i.columns[i.columns.length-1],r=s.find(r=>r.getAttribute("data-field")===e.field);r&&r.classList.add("group-end")}}(u,s,n))}afterCellRender(e){this.isActive&&this.config.showGroupBorders&&e.cellElement.classList.toggle("group-end",this.#e.has(e.column.field))}isGroupingActive(){return this.isActive}getGroups(){return this.groups}getGroupColumns(e){const r=this.groups.find(r=>r.id===e);return r?r.columns:[]}refresh(){this.requestRender()}}e.GroupingColumnsPlugin=n,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});
 //# sourceMappingURL=grouping-columns.umd.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"grouping-columns.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/grouping-columns/grouping-columns.ts","../../../../../libs/grid/src/lib/plugins/grouping-columns/GroupingColumnsPlugin.ts"],"sourcesContent":["/**\n * Column Groups Core Logic\n *\n * Pure functions for computing and managing column header groups.\n */\n\n// Import types to enable module augmentation\nimport type { ColumnConfig } from '../../core/types';\nimport './types';\nimport type { ColumnGroup, ColumnGroupInternal } from './types';\n\n/**\n * Compute column groups from column configuration.\n * Handles explicit groups (via column.group) and creates implicit groups for ungrouped columns.\n *\n * @param columns - Array of column configurations\n * @returns Array of column groups, or empty if no meaningful groups\n */\nexport function computeColumnGroups<T>(columns: ColumnConfig<T>[]): ColumnGroup<T>[] {\n  if (!columns.length) return [];\n\n  const explicitMap = new Map<string, ColumnGroupInternal<T>>();\n  const groupsOrdered: ColumnGroupInternal<T>[] = [];\n\n  // Helper to push unnamed implicit group for a run of ungrouped columns\n  const pushImplicit = (startIdx: number, cols: ColumnConfig<T>[]) => {\n    if (!cols.length) return;\n    // Merge with previous implicit group if adjacent to reduce noise\n    const prev = groupsOrdered[groupsOrdered.length - 1];\n    if (prev && prev.implicit && prev.firstIndex + prev.columns.length === startIdx) {\n      prev.columns.push(...cols);\n      return;\n    }\n    groupsOrdered.push({\n      id: '__implicit__' + startIdx,\n      label: undefined,\n      columns: cols,\n      firstIndex: startIdx,\n      implicit: true,\n    });\n  };\n\n  let run: ColumnConfig<T>[] = [];\n  let runStart = 0;\n\n  columns.forEach((col, idx) => {\n    const g = col.group;\n    if (!g) {\n      if (run.length === 0) runStart = idx;\n      run.push(col);\n      return;\n    }\n    // Close any pending implicit run\n    if (run.length) {\n      pushImplicit(runStart, run.slice());\n      run = [];\n    }\n    const id = typeof g === 'string' ? g : g.id;\n    let group = explicitMap.get(id);\n    if (!group) {\n      group = {\n        id,\n        label: typeof g === 'string' ? undefined : g.label,\n        columns: [],\n        firstIndex: idx,\n      };\n      explicitMap.set(id, group);\n      groupsOrdered.push(group);\n    }\n    group.columns.push(col);\n  });\n\n  // Trailing implicit run\n  if (run.length) pushImplicit(runStart, run);\n\n  // If we only have a single implicit group covering all columns, treat as no groups\n  if (groupsOrdered.length === 1 && groupsOrdered[0].implicit && groupsOrdered[0].columns.length === columns.length) {\n    return [];\n  }\n\n  return groupsOrdered as ColumnGroup<T>[];\n}\n\n/**\n * Apply CSS classes to header cells based on their group membership.\n *\n * @param headerRowEl - The header row element\n * @param groups - The computed column groups\n * @param columns - The column configurations\n */\nexport function applyGroupedHeaderCellClasses(\n  headerRowEl: HTMLElement | null,\n  groups: ColumnGroup[],\n  columns: ColumnConfig[],\n): void {\n  if (!groups.length || !headerRowEl) return;\n\n  const embedded = findEmbeddedImplicitGroups(groups, columns);\n\n  const fieldToGroup = new Map<string, string>();\n  for (const g of groups) {\n    // Skip embedded implicit groups — their columns inherit the enclosing explicit group\n    if (String(g.id).startsWith('__implicit__') && embedded.has(String(g.id))) continue;\n    for (const c of g.columns) {\n      if (c.field) {\n        fieldToGroup.set(c.field, g.id);\n      }\n    }\n  }\n\n  const headerCells = Array.from(headerRowEl.querySelectorAll('.cell[data-field]')) as HTMLElement[];\n  headerCells.forEach((cell) => {\n    const f = cell.getAttribute('data-field') || '';\n    const gid = fieldToGroup.get(f);\n    if (gid) {\n      cell.classList.add('grouped');\n      if (!cell.getAttribute('data-group')) {\n        cell.setAttribute('data-group', gid);\n      }\n    }\n  });\n\n  // Mark group end cells for styling (skip embedded implicit groups)\n  for (const g of groups) {\n    if (String(g.id).startsWith('__implicit__') && embedded.has(String(g.id))) continue;\n    const last = g.columns[g.columns.length - 1];\n    const cell = headerCells.find((c) => c.getAttribute('data-field') === last.field);\n    if (cell) cell.classList.add('group-end');\n  }\n}\n\n/**\n * Compute the grid range [start, end] for a group based on its first and last\n * column positions in the final columns array.\n */\nfunction computeGroupGridRange(group: ColumnGroup, columns: ColumnConfig[]): [number, number] | null {\n  const first = group.columns[0];\n  const last = group.columns[group.columns.length - 1];\n  const start = first ? columns.findIndex((c) => c.field === first.field) : -1;\n  const end = last ? columns.findIndex((c) => c.field === last.field) : -1;\n  return start !== -1 && end !== -1 ? [start, end] : null;\n}\n\n/**\n * Find implicit groups whose column range falls entirely within an explicit\n * group's range (e.g. a utility column inserted between members of the same group).\n *\n * @returns Set of implicit group IDs that are visually embedded.\n */\nexport function findEmbeddedImplicitGroups(groups: ColumnGroup[], columns: ColumnConfig[]): Set<string> {\n  const embedded = new Set<string>();\n\n  // Collect ranges for explicit groups\n  const explicitRanges: [number, number][] = [];\n  for (const g of groups) {\n    if (String(g.id).startsWith('__implicit__')) continue;\n    const range = computeGroupGridRange(g, columns);\n    if (range) explicitRanges.push(range);\n  }\n\n  // Check each implicit group\n  for (const g of groups) {\n    if (!String(g.id).startsWith('__implicit__')) continue;\n    const range = computeGroupGridRange(g, columns);\n    if (!range) continue;\n    const [iStart, iEnd] = range;\n    if (explicitRanges.some(([eStart, eEnd]) => iStart >= eStart && iEnd <= eEnd)) {\n      embedded.add(String(g.id));\n    }\n  }\n\n  return embedded;\n}\n\n/**\n * Build the group header row element.\n *\n * @param groups - The computed column groups\n * @param columns - The column configurations (final array including any plugin-added columns)\n * @returns The group header row element, or null if no groups\n */\nexport function buildGroupHeaderRow(groups: ColumnGroup[], columns: ColumnConfig[]): HTMLElement | null {\n  if (groups.length === 0) return null;\n\n  const groupRow = document.createElement('div');\n  groupRow.className = 'header-group-row';\n  groupRow.setAttribute('role', 'row');\n\n  const embedded = findEmbeddedImplicitGroups(groups, columns);\n\n  for (const g of groups) {\n    const gid = String(g.id);\n    const isImplicit = gid.startsWith('__implicit__');\n\n    // Skip implicit groups that are visually embedded within an explicit group\n    if (isImplicit && embedded.has(gid)) continue;\n\n    // Compute actual range from first to last member in the final columns array.\n    // This correctly spans over any interleaved utility columns (e.g. checkbox).\n    const range = computeGroupGridRange(g, columns);\n    if (!range) continue;\n    const [startIndex, endIndex] = range;\n    const span = endIndex - startIndex + 1;\n\n    const label = isImplicit ? '' : g.label || g.id;\n\n    const cell = document.createElement('div');\n    cell.className = 'cell header-group-cell';\n    if (isImplicit) cell.classList.add('implicit-group');\n    cell.setAttribute('data-group', gid);\n    cell.style.gridColumn = `${startIndex + 1} / span ${span}`;\n    cell.textContent = label;\n    groupRow.appendChild(cell);\n  }\n\n  return groupRow;\n}\n\n/**\n * Check if any columns have group configuration.\n *\n * @param columns - The column configurations\n * @returns True if at least one column has a group\n */\nexport function hasColumnGroups(columns: ColumnConfig[]): boolean {\n  return columns.some((col) => col.group != null);\n}\n\n/**\n * Get group ID for a specific column.\n *\n * @param column - The column configuration\n * @returns The group ID, or undefined if not grouped\n */\nexport function getColumnGroupId(column: ColumnConfig): string | undefined {\n  const g = column.group;\n  if (!g) return undefined;\n  return typeof g === 'string' ? g : g.id;\n}\n","/**\n * Column Groups Plugin (Class-based)\n *\n * Enables multi-level column header grouping.\n */\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport type { AfterCellRenderContext, PluginManifest, PluginQuery } from '../../core/plugin/base-plugin';\nimport { BaseGridPlugin } from '../../core/plugin/base-plugin';\nimport type { ColumnConfig } from '../../core/types';\nimport type { ColumnGroupInfo } from '../visibility/types';\nimport {\n  applyGroupedHeaderCellClasses,\n  buildGroupHeaderRow,\n  computeColumnGroups,\n  findEmbeddedImplicitGroups,\n  hasColumnGroups,\n} from './grouping-columns';\nimport styles from './grouping-columns.css?inline';\nimport type { ColumnGroup, GroupingColumnsConfig } from './types';\n\n/**\n * Column Grouping Plugin for tbw-grid\n *\n * Enables visual grouping of columns under shared headers. Supports two approaches:\n * declarative `columnGroups` at the grid level, or inline `group` property on columns.\n *\n * ## Installation\n *\n * ```ts\n * import { GroupingColumnsPlugin } from '@toolbox-web/grid/plugins/grouping-columns';\n * ```\n *\n * ## Configuration Options\n *\n * | Option | Type | Default | Description |\n * |--------|------|---------|-------------|\n * | `showGroupBorders` | `boolean` | `true` | Show borders between groups |\n * | `groupHeaderRenderer` | `function` | - | Custom renderer for group header content |\n *\n * ## Grid Config: `columnGroups`\n *\n * | Property | Type | Description |\n * |----------|------|-------------|\n * | `id` | `string` | Unique group identifier |\n * | `header` | `string` | Display label for the group header |\n * | `children` | `string[]` | Array of column field names in this group |\n *\n * ## Column Config: `group`\n *\n * | Type | Description |\n * |------|-------------|\n * | `string` | Simple group ID (used as both id and label) |\n * | `{ id: string; label?: string }` | Group object with explicit id and optional label |\n *\n * ## Programmatic API\n *\n * | Method | Signature | Description |\n * |--------|-----------|-------------|\n * | `isGroupingActive` | `() => boolean` | Check if grouping is active |\n * | `getGroups` | `() => ColumnGroup[]` | Get all computed groups |\n * | `getGroupColumns` | `(groupId) => ColumnConfig[]` | Get columns in a specific group |\n * | `refresh` | `() => void` | Force refresh of column groups |\n *\n * @example Declarative columnGroups (Recommended)\n * ```ts\n * import '@toolbox-web/grid';\n * import { GroupingColumnsPlugin } from '@toolbox-web/grid/plugins/grouping-columns';\n *\n * grid.gridConfig = {\n *   columnGroups: [\n *     { id: 'personal', header: 'Personal Info', children: ['firstName', 'lastName', 'email'] },\n *     { id: 'work', header: 'Work Info', children: ['department', 'title', 'salary'] },\n *   ],\n *   columns: [\n *     { field: 'firstName', header: 'First Name' },\n *     { field: 'lastName', header: 'Last Name' },\n *     // ...\n *   ],\n *   plugins: [new GroupingColumnsPlugin()],\n * };\n * ```\n *\n * @example Inline group Property\n * ```ts\n * grid.gridConfig = {\n *   columns: [\n *     { field: 'firstName', header: 'First Name', group: { id: 'personal', label: 'Personal Info' } },\n *     { field: 'lastName', header: 'Last Name', group: 'personal' }, // string shorthand\n *   ],\n *   plugins: [new GroupingColumnsPlugin()],\n * };\n * ```\n *\n * @see {@link GroupingColumnsConfig} for all configuration options\n * @see {@link ColumnGroup} for the group structure\n * @see {@link ReorderPlugin} for drag-to-reorder within groups\n *\n * @internal Extends BaseGridPlugin\n */\nexport class GroupingColumnsPlugin extends BaseGridPlugin<GroupingColumnsConfig> {\n  /**\n   * Plugin manifest - declares owned properties for configuration validation.\n   * @internal\n   */\n  static override readonly manifest: PluginManifest = {\n    ownedProperties: [\n      {\n        property: 'group',\n        level: 'column',\n        description: 'the \"group\" column property',\n      },\n      {\n        property: 'columnGroups',\n        level: 'config',\n        description: 'the \"columnGroups\" config property',\n        isUsed: (v) => Array.isArray(v) && v.length > 0,\n      },\n    ],\n    queries: [{ type: 'getColumnGrouping', description: 'Returns column group metadata for the visibility panel' }],\n  };\n\n  /** @internal */\n  readonly name = 'groupingColumns';\n  /** @internal */\n  override readonly styles = styles;\n\n  /** @internal */\n  protected override get defaultConfig(): Partial<GroupingColumnsConfig> {\n    return {\n      showGroupBorders: true,\n      lockGroupOrder: false,\n    };\n  }\n\n  // #region Internal State\n  private groups: ColumnGroup[] = [];\n  private isActive = false;\n  /** Fields that are the last column in a group (for group-end border class). */\n  #groupEndFields = new Set<string>();\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 cancelable column-move events to enforce group contiguity\n    (grid as unknown as HTMLElement).addEventListener('column-move', this.#onColumnMove, {\n      signal: this.disconnectSignal,\n    });\n  }\n\n  /** @internal */\n  override detach(): void {\n    this.groups = [];\n    this.isActive = false;\n    this.#groupEndFields.clear();\n  }\n\n  // #region Column Move Guard\n\n  /**\n   * Handle the cancelable column-move event.\n   * - When lockGroupOrder is enabled, prevents moves that would break group contiguity.\n   * - Always refreshes #groupEndFields after a successful move so that afterCellRender\n   *   applies group-end borders to the correct (reordered) last column.\n   */\n  #onColumnMove = (e: Event): void => {\n    if (!this.isActive) return;\n\n    const event = e as CustomEvent<{ field: string; columnOrder: string[] }>;\n    const { field, columnOrder } = event.detail;\n\n    if (this.config.lockGroupOrder) {\n      // Check ALL explicit groups — moving any column (grouped or not) could break contiguity\n      for (const group of this.groups) {\n        if (group.id.startsWith('__implicit__')) continue;\n        if (!this.#isGroupContiguous(group, columnOrder)) {\n          event.preventDefault();\n          this.#flashHeaderCell(field);\n          return;\n        }\n      }\n    }\n\n    // Recompute group-end fields based on proposed column order.\n    // setColumnOrder runs synchronously after this handler returns,\n    // but afterCellRender (which reads #groupEndFields) fires during\n    // the subsequent refreshVirtualWindow. Precompute using the\n    // proposed columnOrder so the borders are correct immediately.\n    this.#recomputeGroupEndFields(columnOrder);\n  };\n\n  /**\n   * Recompute which fields are group-end based on a column order.\n   * The last field of each explicit group in the order gets the group-end class.\n   */\n  #recomputeGroupEndFields(columnOrder: string[]): void {\n    this.#groupEndFields.clear();\n    // Find the last field of each group (including implicit groups between explicit ones).\n    // Skip the very last group overall — no adjacent group follows it, so no separator needed.\n    const lastGroupEndField = this.#findLastGroupEndField(columnOrder);\n    for (const group of this.groups) {\n      const groupFields = new Set(group.columns.map((c) => c.field));\n      // Walk the column order in reverse to find the last member of this group\n      for (let i = columnOrder.length - 1; i >= 0; i--) {\n        if (groupFields.has(columnOrder[i])) {\n          const field = columnOrder[i];\n          // Don't mark the last group's trailing field — nothing follows it\n          if (field !== lastGroupEndField) {\n            this.#groupEndFields.add(field);\n          }\n          break;\n        }\n      }\n    }\n  }\n\n  /**\n   * Find the trailing field of the last group in column order (to exclude from group-end marking).\n   */\n  #findLastGroupEndField(columnOrder: string[]): string | null {\n    if (this.groups.length === 0) return null;\n    // Determine which group contains the last field in column order\n    for (let i = columnOrder.length - 1; i >= 0; i--) {\n      const field = columnOrder[i];\n      for (const group of this.groups) {\n        if (group.columns.some((c) => c.field === field)) {\n          // This group is the last in display order — find its last field\n          const groupFields = new Set(group.columns.map((c) => c.field));\n          for (let j = columnOrder.length - 1; j >= 0; j--) {\n            if (groupFields.has(columnOrder[j])) return columnOrder[j];\n          }\n        }\n      }\n    }\n    return null;\n  }\n\n  /**\n   * Check if all columns in a group are contiguous in the proposed column order.\n   */\n  #isGroupContiguous(group: ColumnGroup, columnOrder: string[]): boolean {\n    const indices = group.columns\n      .map((c) => columnOrder.indexOf(c.field))\n      .filter((i) => i !== -1)\n      .sort((a, b) => a - b);\n    if (indices.length <= 1) return true;\n    return indices.length === indices[indices.length - 1] - indices[0] + 1;\n  }\n\n  /**\n   * Flash the header cell with an error color to indicate a blocked move.\n   */\n  #flashHeaderCell(field: string): void {\n    const headerCell = this.gridElement?.querySelector(\n      `.header-row [part~=\"header-cell\"][data-field=\"${field}\"]`,\n    ) as HTMLElement;\n    if (!headerCell) return;\n\n    headerCell.style.setProperty('--_flash-color', 'var(--tbw-color-error)');\n    headerCell.animate(\n      [{ backgroundColor: 'rgba(from var(--_flash-color) r g b / 30%)' }, { backgroundColor: 'transparent' }],\n      { duration: 400, easing: 'ease-out' },\n    );\n  }\n  // #endregion\n\n  /** @internal */\n  override handleQuery(query: PluginQuery): unknown {\n    if (query.type === 'getColumnGrouping') {\n      return this.#getStableColumnGrouping();\n    }\n    return undefined;\n  }\n\n  /**\n   * Get stable column grouping info that includes ALL columns (visible and hidden).\n   * Used by the visibility panel to maintain group structure regardless of visibility state.\n   * Fields within each group are sorted by current display order.\n   */\n  #getStableColumnGrouping(): ColumnGroupInfo[] {\n    let result: ColumnGroupInfo[];\n\n    // 1. Prefer declarative columnGroups - always complete, visibility-independent\n    const columnGroups = this.grid?.gridConfig?.columnGroups;\n    if (columnGroups && Array.isArray(columnGroups) && columnGroups.length > 0) {\n      result = columnGroups\n        .filter((g) => g.children.length > 0)\n        .map((g) => ({\n          id: g.id,\n          label: g.header,\n          fields: [...g.children],\n        }));\n    } else if (this.isActive && this.groups.length > 0) {\n      // 2. If active groups exist from processColumns, use them\n      result = this.groups\n        .filter((g) => !g.id.startsWith('__implicit__'))\n        .map<ColumnGroupInfo>((g) => ({\n          id: g.id,\n          label: g.label ?? g.id,\n          fields: g.columns.map((c) => c.field),\n        }));\n\n      // Also check hidden columns for inline group properties not in active groups\n      const allCols = this.columns as ColumnConfig[];\n      for (const col of allCols) {\n        if ((col as any).hidden && col.group) {\n          const gId = typeof col.group === 'string' ? col.group : col.group.id;\n          const gLabel = typeof col.group === 'string' ? col.group : (col.group.label ?? col.group.id);\n          const existing = result.find((g) => g.id === gId);\n          if (existing) {\n            if (!existing.fields.includes(col.field)) existing.fields.push(col.field);\n          } else {\n            result.push({ id: gId, label: gLabel, fields: [col.field] });\n          }\n        }\n      }\n    } else {\n      // 3. Fall back: scan ALL columns (including hidden) for inline group properties\n      const allCols = this.columns as ColumnConfig[];\n      const groupMap = new Map<string, ColumnGroupInfo>();\n      for (const col of allCols) {\n        if (!col.group) continue;\n        const gId = typeof col.group === 'string' ? col.group : col.group.id;\n        const gLabel = typeof col.group === 'string' ? col.group : (col.group.label ?? col.group.id);\n        const existing = groupMap.get(gId);\n        if (existing) {\n          if (!existing.fields.includes(col.field)) existing.fields.push(col.field);\n        } else {\n          groupMap.set(gId, { id: gId, label: gLabel, fields: [col.field] });\n        }\n      }\n      result = Array.from(groupMap.values());\n    }\n\n    // Sort fields within each group by current display order so consumers\n    // (e.g. the visibility panel) render columns in their reordered positions.\n    const displayOrder = this.grid?.getColumnOrder();\n    if (displayOrder && displayOrder.length > 0) {\n      const orderIndex = new Map(displayOrder.map((f, i) => [f, i]));\n      for (const group of result) {\n        group.fields.sort((a, b) => (orderIndex.get(a) ?? Infinity) - (orderIndex.get(b) ?? Infinity));\n      }\n    }\n\n    return result;\n  }\n  // #endregion\n\n  // #region Static Detection\n\n  /**\n   * Auto-detect column groups from column configuration.\n   * Detects both inline `column.group` properties and declarative `columnGroups` config.\n   */\n  static detect(rows: readonly any[], config: any): boolean {\n    // Check for declarative columnGroups in config\n    if (config?.columnGroups && Array.isArray(config.columnGroups) && config.columnGroups.length > 0) {\n      return true;\n    }\n    // Check for inline group properties on columns\n    const columns = config?.columns;\n    if (!Array.isArray(columns)) return false;\n    return hasColumnGroups(columns);\n  }\n  // #endregion\n\n  // #region Hooks\n\n  /** @internal */\n  override processColumns(columns: readonly ColumnConfig[]): ColumnConfig[] {\n    // First, check if gridConfig.columnGroups is defined and apply to columns\n    const columnGroups = this.grid?.gridConfig?.columnGroups;\n    let processedColumns: ColumnConfig[];\n\n    if (columnGroups && Array.isArray(columnGroups) && columnGroups.length > 0) {\n      // Build a map of field -> group info from the declarative config\n      const fieldToGroup = new Map<string, { id: string; label: string }>();\n      for (const group of columnGroups) {\n        for (const field of group.children) {\n          fieldToGroup.set(field, { id: group.id, label: group.header });\n        }\n      }\n\n      // Apply group property to columns that don't already have one\n      processedColumns = columns.map((col) => {\n        const groupInfo = fieldToGroup.get(col.field);\n        if (groupInfo && !col.group) {\n          return { ...col, group: groupInfo };\n        }\n        return col;\n      });\n    } else {\n      processedColumns = [...columns];\n    }\n\n    // Compute groups from column definitions (now including applied groups)\n    const groups = computeColumnGroups(processedColumns);\n\n    if (groups.length === 0) {\n      this.isActive = false;\n      this.groups = [];\n      return processedColumns;\n    }\n\n    this.isActive = true;\n    this.groups = groups;\n\n    // Pre-compute group-end fields for the afterCellRender hook\n    this.#groupEndFields.clear();\n    for (const g of groups) {\n      const lastCol = g.columns[g.columns.length - 1];\n      if (lastCol?.field) {\n        this.#groupEndFields.add(lastCol.field);\n      }\n    }\n\n    // Return columns with group info applied\n    return processedColumns;\n  }\n\n  /** @internal */\n  override afterRender(): void {\n    if (!this.isActive) {\n      // Remove any existing group header\n      const header = this.gridElement?.querySelector('.header');\n      const existingGroupRow = header?.querySelector('.header-group-row');\n      if (existingGroupRow) existingGroupRow.remove();\n      return;\n    }\n\n    const header = this.gridElement?.querySelector('.header');\n    if (!header) return;\n\n    // Remove existing group row if present\n    const existingGroupRow = header.querySelector('.header-group-row');\n    if (existingGroupRow) existingGroupRow.remove();\n\n    // Recompute groups from visible columns only (hidden columns have no CSS grid track).\n    // This also picks up any plugin-added columns (e.g. expander) that weren't present\n    // during processColumns.\n    const finalColumns = this.visibleColumns as ColumnConfig[];\n    const groups = computeColumnGroups(finalColumns);\n    if (groups.length === 0) return;\n\n    // Keep #groupEndFields in sync for afterCellRender (covers scheduler-driven renders)\n    this.#groupEndFields.clear();\n    const embedded = findEmbeddedImplicitGroups(groups, finalColumns);\n    for (let gi = 0; gi < groups.length; gi++) {\n      const g = groups[gi];\n      // Skip embedded implicit groups (e.g. checkbox column within a pinned group)\n      if (String(g.id).startsWith('__implicit__') && embedded.has(String(g.id))) continue;\n      const lastCol = g.columns[g.columns.length - 1];\n      // Don't mark the last group — no adjacent group follows it\n      if (lastCol?.field && gi < groups.length - 1) {\n        this.#groupEndFields.add(lastCol.field);\n      }\n    }\n\n    // Build and insert group header row\n    const groupRow = buildGroupHeaderRow(groups, finalColumns);\n    if (groupRow) {\n      // Toggle border visibility class\n      groupRow.classList.toggle('no-borders', !this.config.showGroupBorders);\n\n      const headerRow = header.querySelector('.header-row');\n      if (headerRow) {\n        header.insertBefore(groupRow, headerRow);\n      } else {\n        header.appendChild(groupRow);\n      }\n    }\n\n    // Apply classes to header cells\n    const headerRow = header.querySelector('.header-row') as HTMLElement;\n    if (headerRow) {\n      // Toggle border visibility on header cells\n      headerRow.classList.toggle('no-group-borders', !this.config.showGroupBorders);\n      applyGroupedHeaderCellClasses(headerRow, groups, finalColumns);\n    }\n  }\n\n  /**\n   * Apply group-end class to individual cells during render and scroll.\n   * This is more efficient than querySelectorAll in afterRender and ensures\n   * cells recycled during scroll also get the class applied.\n   * @internal\n   */\n  override afterCellRender(context: AfterCellRenderContext): void {\n    if (!this.isActive || !this.config.showGroupBorders) return;\n    context.cellElement.classList.toggle('group-end', this.#groupEndFields.has(context.column.field));\n  }\n  // #endregion\n\n  // #region Public API\n\n  /**\n   * Check if column groups are active.\n   * @returns Whether grouping is active\n   */\n  isGroupingActive(): boolean {\n    return this.isActive;\n  }\n\n  /**\n   * Get the computed column groups.\n   * @returns Array of column groups\n   */\n  getGroups(): ColumnGroup[] {\n    return this.groups;\n  }\n\n  /**\n   * Get columns in a specific group.\n   * @param groupId - The group ID to find\n   * @returns Array of columns in the group\n   */\n  getGroupColumns(groupId: string): ColumnConfig[] {\n    const group = this.groups.find((g) => g.id === groupId);\n    return group ? group.columns : [];\n  }\n\n  /**\n   * Refresh column groups (recompute from current columns).\n   */\n  refresh(): void {\n    this.requestRender();\n  }\n  // #endregion\n}\n"],"names":["computeColumnGroups","columns","length","explicitMap","Map","groupsOrdered","pushImplicit","startIdx","cols","prev","implicit","firstIndex","push","id","label","run","runStart","forEach","col","idx","g","group","slice","get","set","computeGroupGridRange","first","last","start","findIndex","c","field","end","findEmbeddedImplicitGroups","groups","embedded","Set","explicitRanges","String","startsWith","range","iStart","iEnd","some","eStart","eEnd","add","GroupingColumnsPlugin","BaseGridPlugin","static","ownedProperties","property","level","description","isUsed","v","Array","isArray","queries","type","name","styles","defaultConfig","showGroupBorders","lockGroupOrder","isActive","groupEndFields","attach","grid","super","addEventListener","this","onColumnMove","signal","disconnectSignal","detach","clear","e","event","columnOrder","detail","config","isGroupContiguous","preventDefault","flashHeaderCell","recomputeGroupEndFields","lastGroupEndField","findLastGroupEndField","groupFields","map","i","has","j","indices","indexOf","filter","sort","a","b","headerCell","gridElement","querySelector","style","setProperty","animate","backgroundColor","duration","easing","handleQuery","query","getStableColumnGrouping","result","columnGroups","gridConfig","children","header","fields","allCols","hidden","gId","gLabel","existing","find","includes","groupMap","from","values","displayOrder","getColumnOrder","orderIndex","f","Infinity","detect","rows","hasColumnGroups","processColumns","processedColumns","fieldToGroup","groupInfo","lastCol","afterRender","existingGroupRow","remove","finalColumns","visibleColumns","gi","groupRow","document","createElement","className","setAttribute","gid","isImplicit","startIndex","endIndex","span","cell","classList","gridColumn","textContent","appendChild","buildGroupHeaderRow","toggle","headerRow","insertBefore","headerRowEl","headerCells","querySelectorAll","getAttribute","applyGroupedHeaderCellClasses","afterCellRender","context","cellElement","column","isGroupingActive","getGroups","getGroupColumns","groupId","refresh","requestRender"],"mappings":"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"}
+{"version":3,"file":"grouping-columns.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/grouping-columns/grouping-columns.ts","../../../../../libs/grid/src/lib/plugins/grouping-columns/GroupingColumnsPlugin.ts"],"sourcesContent":["/**\n * Column Groups Core Logic\n *\n * Pure functions for computing and managing column header groups.\n */\n\n// Import types to enable module augmentation\nimport type { ColumnConfig } from '../../core/types';\nimport './types';\nimport type { ColumnGroup, ColumnGroupInternal, GroupHeaderRenderParams, GroupingColumnsConfig } from './types';\n\n/**\n * Compute column groups from column configuration.\n * Handles explicit groups (via column.group) and creates implicit groups for ungrouped columns.\n *\n * @param columns - Array of column configurations\n * @returns Array of column groups, or empty if no meaningful groups\n */\nexport function computeColumnGroups<T>(columns: ColumnConfig<T>[]): ColumnGroup<T>[] {\n  if (!columns.length) return [];\n\n  const explicitMap = new Map<string, ColumnGroupInternal<T>>();\n  const groupsOrdered: ColumnGroupInternal<T>[] = [];\n\n  // Helper to push unnamed implicit group for a run of ungrouped columns\n  const pushImplicit = (startIdx: number, cols: ColumnConfig<T>[]) => {\n    if (!cols.length) return;\n    // Merge with previous implicit group if adjacent to reduce noise\n    const prev = groupsOrdered[groupsOrdered.length - 1];\n    if (prev && prev.implicit && prev.firstIndex + prev.columns.length === startIdx) {\n      prev.columns.push(...cols);\n      return;\n    }\n    groupsOrdered.push({\n      id: '__implicit__' + startIdx,\n      label: undefined,\n      columns: cols,\n      firstIndex: startIdx,\n      implicit: true,\n    });\n  };\n\n  let run: ColumnConfig<T>[] = [];\n  let runStart = 0;\n\n  columns.forEach((col, idx) => {\n    const g = col.group;\n    if (!g) {\n      if (run.length === 0) runStart = idx;\n      run.push(col);\n      return;\n    }\n    // Close any pending implicit run\n    if (run.length) {\n      pushImplicit(runStart, run.slice());\n      run = [];\n    }\n    const id = typeof g === 'string' ? g : g.id;\n    let group = explicitMap.get(id);\n    if (!group) {\n      group = {\n        id,\n        label: typeof g === 'string' ? undefined : g.label,\n        columns: [],\n        firstIndex: idx,\n      };\n      explicitMap.set(id, group);\n      groupsOrdered.push(group);\n    }\n    group.columns.push(col);\n  });\n\n  // Trailing implicit run\n  if (run.length) pushImplicit(runStart, run);\n\n  // If we only have a single implicit group covering all columns, treat as no groups\n  if (groupsOrdered.length === 1 && groupsOrdered[0].implicit && groupsOrdered[0].columns.length === columns.length) {\n    return [];\n  }\n\n  return groupsOrdered as ColumnGroup<T>[];\n}\n\n/**\n * Apply CSS classes to header cells based on their group membership.\n *\n * @param headerRowEl - The header row element\n * @param groups - The computed column groups\n * @param columns - The column configurations\n */\nexport function applyGroupedHeaderCellClasses(\n  headerRowEl: HTMLElement | null,\n  groups: ColumnGroup[],\n  columns: ColumnConfig[],\n): void {\n  if (!groups.length || !headerRowEl) return;\n\n  const embedded = findEmbeddedImplicitGroups(groups, columns);\n\n  const fieldToGroup = new Map<string, string>();\n  for (const g of groups) {\n    // Skip embedded implicit groups — their columns inherit the enclosing explicit group\n    if (String(g.id).startsWith('__implicit__') && embedded.has(String(g.id))) continue;\n    for (const c of g.columns) {\n      if (c.field) {\n        fieldToGroup.set(c.field, g.id);\n      }\n    }\n  }\n\n  const headerCells = Array.from(headerRowEl.querySelectorAll('.cell[data-field]')) as HTMLElement[];\n  headerCells.forEach((cell) => {\n    const f = cell.getAttribute('data-field') || '';\n    const gid = fieldToGroup.get(f);\n    if (gid) {\n      cell.classList.add('grouped');\n      if (!cell.getAttribute('data-group')) {\n        cell.setAttribute('data-group', gid);\n      }\n    }\n  });\n\n  // Mark group end cells for styling (skip embedded implicit groups)\n  for (const g of groups) {\n    if (String(g.id).startsWith('__implicit__') && embedded.has(String(g.id))) continue;\n    const last = g.columns[g.columns.length - 1];\n    const cell = headerCells.find((c) => c.getAttribute('data-field') === last.field);\n    if (cell) cell.classList.add('group-end');\n  }\n}\n\n/**\n * Compute the grid range [start, end] for a group based on its first and last\n * column positions in the final columns array.\n */\nfunction computeGroupGridRange(group: ColumnGroup, columns: ColumnConfig[]): [number, number] | null {\n  const first = group.columns[0];\n  const last = group.columns[group.columns.length - 1];\n  const start = first ? columns.findIndex((c) => c.field === first.field) : -1;\n  const end = last ? columns.findIndex((c) => c.field === last.field) : -1;\n  return start !== -1 && end !== -1 ? [start, end] : null;\n}\n\n/**\n * Find implicit groups whose column range falls entirely within an explicit\n * group's range (e.g. a utility column inserted between members of the same group).\n *\n * @returns Set of implicit group IDs that are visually embedded.\n */\nexport function findEmbeddedImplicitGroups(groups: ColumnGroup[], columns: ColumnConfig[]): Set<string> {\n  const embedded = new Set<string>();\n\n  // Collect ranges for explicit groups\n  const explicitRanges: [number, number][] = [];\n  for (const g of groups) {\n    if (String(g.id).startsWith('__implicit__')) continue;\n    const range = computeGroupGridRange(g, columns);\n    if (range) explicitRanges.push(range);\n  }\n\n  // Check each implicit group\n  for (const g of groups) {\n    if (!String(g.id).startsWith('__implicit__')) continue;\n    const range = computeGroupGridRange(g, columns);\n    if (!range) continue;\n    const [iStart, iEnd] = range;\n    if (explicitRanges.some(([eStart, eEnd]) => iStart >= eStart && iEnd <= eEnd)) {\n      embedded.add(String(g.id));\n    }\n  }\n\n  return embedded;\n}\n\n/**\n * Build the group header row element.\n *\n * @param groups - The computed column groups\n * @param columns - The column configurations (final array including any plugin-added columns)\n * @returns The group header row element, or null if no groups\n */\nexport function buildGroupHeaderRow(\n  groups: ColumnGroup[],\n  columns: ColumnConfig[],\n  renderer?: GroupingColumnsConfig['groupHeaderRenderer'],\n): HTMLElement | null {\n  if (groups.length === 0) return null;\n\n  const groupRow = document.createElement('div');\n  groupRow.className = 'header-group-row';\n  groupRow.setAttribute('role', 'row');\n\n  const embedded = findEmbeddedImplicitGroups(groups, columns);\n\n  for (const g of groups) {\n    const gid = String(g.id);\n    const isImplicit = gid.startsWith('__implicit__');\n\n    // Skip implicit groups that are visually embedded within an explicit group\n    if (isImplicit && embedded.has(gid)) continue;\n\n    // Compute actual range from first to last member in the final columns array.\n    // This correctly spans over any interleaved utility columns (e.g. checkbox).\n    const range = computeGroupGridRange(g, columns);\n    if (!range) continue;\n    const [startIndex, endIndex] = range;\n    const span = endIndex - startIndex + 1;\n\n    const label = isImplicit ? '' : g.label || g.id;\n\n    const cell = document.createElement('div');\n    cell.className = 'cell header-group-cell';\n    if (isImplicit) cell.classList.add('implicit-group');\n    cell.setAttribute('data-group', gid);\n    cell.style.gridColumn = `${startIndex + 1} / span ${span}`;\n\n    // Apply custom renderer for explicit groups, fall back to plain text\n    if (renderer && !isImplicit) {\n      const params: GroupHeaderRenderParams = {\n        id: gid,\n        label: String(label),\n        columns: g.columns as ColumnConfig[],\n        firstIndex: startIndex,\n        isImplicit: false,\n      };\n      const result = renderer(params);\n      if (result instanceof HTMLElement) {\n        cell.appendChild(result);\n      } else if (typeof result === 'string') {\n        cell.innerHTML = result;\n      } else {\n        cell.textContent = label;\n      }\n    } else {\n      cell.textContent = label;\n    }\n\n    groupRow.appendChild(cell);\n  }\n\n  return groupRow;\n}\n\n/**\n * Check if any columns have group configuration.\n *\n * @param columns - The column configurations\n * @returns True if at least one column has a group\n */\nexport function hasColumnGroups(columns: ColumnConfig[]): boolean {\n  return columns.some((col) => col.group != null);\n}\n\n/**\n * Get group ID for a specific column.\n *\n * @param column - The column configuration\n * @returns The group ID, or undefined if not grouped\n */\nexport function getColumnGroupId(column: ColumnConfig): string | undefined {\n  const g = column.group;\n  if (!g) return undefined;\n  return typeof g === 'string' ? g : g.id;\n}\n","/**\n * Column Groups Plugin (Class-based)\n *\n * Enables multi-level column header grouping.\n */\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport type { AfterCellRenderContext, PluginManifest, PluginQuery } from '../../core/plugin/base-plugin';\nimport { BaseGridPlugin } from '../../core/plugin/base-plugin';\nimport type { ColumnConfig } from '../../core/types';\nimport type { ColumnGroupInfo } from '../visibility/types';\nimport {\n  applyGroupedHeaderCellClasses,\n  buildGroupHeaderRow,\n  computeColumnGroups,\n  findEmbeddedImplicitGroups,\n  hasColumnGroups,\n} from './grouping-columns';\nimport styles from './grouping-columns.css?inline';\nimport type { ColumnGroup, GroupingColumnsConfig } from './types';\n\n/**\n * Column Grouping Plugin for tbw-grid\n *\n * Enables visual grouping of columns under shared headers. Supports two approaches:\n * declarative `columnGroups` at the grid level, or inline `group` property on columns.\n *\n * ## Installation\n *\n * ```ts\n * import { GroupingColumnsPlugin } from '@toolbox-web/grid/plugins/grouping-columns';\n * ```\n *\n * ## Configuration Options\n *\n * | Option | Type | Default | Description |\n * |--------|------|---------|-------------|\n * | `showGroupBorders` | `boolean` | `true` | Show borders between groups |\n * | `groupHeaderRenderer` | `function` | - | Custom renderer for group header content |\n *\n * ## Grid Config: `columnGroups`\n *\n * | Property | Type | Description |\n * |----------|------|-------------|\n * | `id` | `string` | Unique group identifier |\n * | `header` | `string` | Display label for the group header |\n * | `children` | `string[]` | Array of column field names in this group |\n *\n * ## Column Config: `group`\n *\n * | Type | Description |\n * |------|-------------|\n * | `string` | Simple group ID (used as both id and label) |\n * | `{ id: string; label?: string }` | Group object with explicit id and optional label |\n *\n * ## Programmatic API\n *\n * | Method | Signature | Description |\n * |--------|-----------|-------------|\n * | `isGroupingActive` | `() => boolean` | Check if grouping is active |\n * | `getGroups` | `() => ColumnGroup[]` | Get all computed groups |\n * | `getGroupColumns` | `(groupId) => ColumnConfig[]` | Get columns in a specific group |\n * | `refresh` | `() => void` | Force refresh of column groups |\n *\n * @example Declarative columnGroups (Recommended)\n * ```ts\n * import '@toolbox-web/grid';\n * import { GroupingColumnsPlugin } from '@toolbox-web/grid/plugins/grouping-columns';\n *\n * grid.gridConfig = {\n *   columnGroups: [\n *     { id: 'personal', header: 'Personal Info', children: ['firstName', 'lastName', 'email'] },\n *     { id: 'work', header: 'Work Info', children: ['department', 'title', 'salary'] },\n *   ],\n *   columns: [\n *     { field: 'firstName', header: 'First Name' },\n *     { field: 'lastName', header: 'Last Name' },\n *     // ...\n *   ],\n *   plugins: [new GroupingColumnsPlugin()],\n * };\n * ```\n *\n * @example Inline group Property\n * ```ts\n * grid.gridConfig = {\n *   columns: [\n *     { field: 'firstName', header: 'First Name', group: { id: 'personal', label: 'Personal Info' } },\n *     { field: 'lastName', header: 'Last Name', group: 'personal' }, // string shorthand\n *   ],\n *   plugins: [new GroupingColumnsPlugin()],\n * };\n * ```\n *\n * @see {@link GroupingColumnsConfig} for all configuration options\n * @see {@link ColumnGroup} for the group structure\n * @see {@link ReorderPlugin} for drag-to-reorder within groups\n *\n * @internal Extends BaseGridPlugin\n */\nexport class GroupingColumnsPlugin extends BaseGridPlugin<GroupingColumnsConfig> {\n  /**\n   * Plugin manifest - declares owned properties for configuration validation.\n   * @internal\n   */\n  static override readonly manifest: PluginManifest = {\n    ownedProperties: [\n      {\n        property: 'group',\n        level: 'column',\n        description: 'the \"group\" column property',\n      },\n      {\n        property: 'columnGroups',\n        level: 'config',\n        description: 'the \"columnGroups\" config property',\n        isUsed: (v) => Array.isArray(v) && v.length > 0,\n      },\n    ],\n    queries: [{ type: 'getColumnGrouping', description: 'Returns column group metadata for the visibility panel' }],\n  };\n\n  /** @internal */\n  readonly name = 'groupingColumns';\n  /** @internal */\n  override readonly styles = styles;\n\n  /** @internal */\n  protected override get defaultConfig(): Partial<GroupingColumnsConfig> {\n    return {\n      showGroupBorders: true,\n      lockGroupOrder: false,\n    };\n  }\n\n  // #region Internal State\n  private groups: ColumnGroup[] = [];\n  private isActive = false;\n  /** Fields that are the last column in a group (for group-end border class). */\n  #groupEndFields = new Set<string>();\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 cancelable column-move events to enforce group contiguity\n    (grid as unknown as HTMLElement).addEventListener('column-move', this.#onColumnMove, {\n      signal: this.disconnectSignal,\n    });\n  }\n\n  /** @internal */\n  override detach(): void {\n    this.groups = [];\n    this.isActive = false;\n    this.#groupEndFields.clear();\n  }\n\n  // #region Column Move Guard\n\n  /**\n   * Handle the cancelable column-move event.\n   * - When lockGroupOrder is enabled, prevents moves that would break group contiguity.\n   * - Always refreshes #groupEndFields after a successful move so that afterCellRender\n   *   applies group-end borders to the correct (reordered) last column.\n   */\n  #onColumnMove = (e: Event): void => {\n    if (!this.isActive) return;\n\n    const event = e as CustomEvent<{ field: string; columnOrder: string[] }>;\n    const { field, columnOrder } = event.detail;\n\n    if (this.config.lockGroupOrder) {\n      // Check ALL explicit groups — moving any column (grouped or not) could break contiguity\n      for (const group of this.groups) {\n        if (group.id.startsWith('__implicit__')) continue;\n        if (!this.#isGroupContiguous(group, columnOrder)) {\n          event.preventDefault();\n          this.#flashHeaderCell(field);\n          return;\n        }\n      }\n    }\n\n    // Recompute group-end fields based on proposed column order.\n    // setColumnOrder runs synchronously after this handler returns,\n    // but afterCellRender (which reads #groupEndFields) fires during\n    // the subsequent refreshVirtualWindow. Precompute using the\n    // proposed columnOrder so the borders are correct immediately.\n    this.#recomputeGroupEndFields(columnOrder);\n  };\n\n  /**\n   * Recompute which fields are group-end based on a column order.\n   * The last field of each explicit group in the order gets the group-end class.\n   */\n  #recomputeGroupEndFields(columnOrder: string[]): void {\n    this.#groupEndFields.clear();\n    // Find the last field of each group (including implicit groups between explicit ones).\n    // Skip the very last group overall — no adjacent group follows it, so no separator needed.\n    const lastGroupEndField = this.#findLastGroupEndField(columnOrder);\n    for (const group of this.groups) {\n      const groupFields = new Set(group.columns.map((c) => c.field));\n      // Walk the column order in reverse to find the last member of this group\n      for (let i = columnOrder.length - 1; i >= 0; i--) {\n        if (groupFields.has(columnOrder[i])) {\n          const field = columnOrder[i];\n          // Don't mark the last group's trailing field — nothing follows it\n          if (field !== lastGroupEndField) {\n            this.#groupEndFields.add(field);\n          }\n          break;\n        }\n      }\n    }\n  }\n\n  /**\n   * Find the trailing field of the last group in column order (to exclude from group-end marking).\n   */\n  #findLastGroupEndField(columnOrder: string[]): string | null {\n    if (this.groups.length === 0) return null;\n    // Determine which group contains the last field in column order\n    for (let i = columnOrder.length - 1; i >= 0; i--) {\n      const field = columnOrder[i];\n      for (const group of this.groups) {\n        if (group.columns.some((c) => c.field === field)) {\n          // This group is the last in display order — find its last field\n          const groupFields = new Set(group.columns.map((c) => c.field));\n          for (let j = columnOrder.length - 1; j >= 0; j--) {\n            if (groupFields.has(columnOrder[j])) return columnOrder[j];\n          }\n        }\n      }\n    }\n    return null;\n  }\n\n  /**\n   * Check if all columns in a group are contiguous in the proposed column order.\n   */\n  #isGroupContiguous(group: ColumnGroup, columnOrder: string[]): boolean {\n    const indices = group.columns\n      .map((c) => columnOrder.indexOf(c.field))\n      .filter((i) => i !== -1)\n      .sort((a, b) => a - b);\n    if (indices.length <= 1) return true;\n    return indices.length === indices[indices.length - 1] - indices[0] + 1;\n  }\n\n  /**\n   * Flash the header cell with an error color to indicate a blocked move.\n   */\n  #flashHeaderCell(field: string): void {\n    const headerCell = this.gridElement?.querySelector(\n      `.header-row [part~=\"header-cell\"][data-field=\"${field}\"]`,\n    ) as HTMLElement;\n    if (!headerCell) return;\n\n    headerCell.style.setProperty('--_flash-color', 'var(--tbw-color-error)');\n    headerCell.animate(\n      [{ backgroundColor: 'rgba(from var(--_flash-color) r g b / 30%)' }, { backgroundColor: 'transparent' }],\n      { duration: 400, easing: 'ease-out' },\n    );\n  }\n  // #endregion\n\n  /** @internal */\n  override handleQuery(query: PluginQuery): unknown {\n    if (query.type === 'getColumnGrouping') {\n      return this.#getStableColumnGrouping();\n    }\n    return undefined;\n  }\n\n  /**\n   * Get stable column grouping info that includes ALL columns (visible and hidden).\n   * Used by the visibility panel to maintain group structure regardless of visibility state.\n   * Fields within each group are sorted by current display order.\n   */\n  #getStableColumnGrouping(): ColumnGroupInfo[] {\n    let result: ColumnGroupInfo[];\n\n    // 1. Prefer declarative columnGroups - always complete, visibility-independent\n    const columnGroups = this.grid?.gridConfig?.columnGroups;\n    if (columnGroups && Array.isArray(columnGroups) && columnGroups.length > 0) {\n      result = columnGroups\n        .filter((g) => g.children.length > 0)\n        .map((g) => ({\n          id: g.id,\n          label: g.header,\n          fields: [...g.children],\n        }));\n    } else if (this.isActive && this.groups.length > 0) {\n      // 2. If active groups exist from processColumns, use them\n      result = this.groups\n        .filter((g) => !g.id.startsWith('__implicit__'))\n        .map<ColumnGroupInfo>((g) => ({\n          id: g.id,\n          label: g.label ?? g.id,\n          fields: g.columns.map((c) => c.field),\n        }));\n\n      // Also check hidden columns for inline group properties not in active groups\n      const allCols = this.columns as ColumnConfig[];\n      for (const col of allCols) {\n        if ((col as any).hidden && col.group) {\n          const gId = typeof col.group === 'string' ? col.group : col.group.id;\n          const gLabel = typeof col.group === 'string' ? col.group : (col.group.label ?? col.group.id);\n          const existing = result.find((g) => g.id === gId);\n          if (existing) {\n            if (!existing.fields.includes(col.field)) existing.fields.push(col.field);\n          } else {\n            result.push({ id: gId, label: gLabel, fields: [col.field] });\n          }\n        }\n      }\n    } else {\n      // 3. Fall back: scan ALL columns (including hidden) for inline group properties\n      const allCols = this.columns as ColumnConfig[];\n      const groupMap = new Map<string, ColumnGroupInfo>();\n      for (const col of allCols) {\n        if (!col.group) continue;\n        const gId = typeof col.group === 'string' ? col.group : col.group.id;\n        const gLabel = typeof col.group === 'string' ? col.group : (col.group.label ?? col.group.id);\n        const existing = groupMap.get(gId);\n        if (existing) {\n          if (!existing.fields.includes(col.field)) existing.fields.push(col.field);\n        } else {\n          groupMap.set(gId, { id: gId, label: gLabel, fields: [col.field] });\n        }\n      }\n      result = Array.from(groupMap.values());\n    }\n\n    // Sort fields within each group by current display order so consumers\n    // (e.g. the visibility panel) render columns in their reordered positions.\n    const displayOrder = this.grid?.getColumnOrder();\n    if (displayOrder && displayOrder.length > 0) {\n      const orderIndex = new Map(displayOrder.map((f, i) => [f, i]));\n      for (const group of result) {\n        group.fields.sort((a, b) => (orderIndex.get(a) ?? Infinity) - (orderIndex.get(b) ?? Infinity));\n      }\n    }\n\n    return result;\n  }\n  // #endregion\n\n  // #region Static Detection\n\n  /**\n   * Auto-detect column groups from column configuration.\n   * Detects both inline `column.group` properties and declarative `columnGroups` config.\n   */\n  static detect(rows: readonly any[], config: any): boolean {\n    // Check for declarative columnGroups in config\n    if (config?.columnGroups && Array.isArray(config.columnGroups) && config.columnGroups.length > 0) {\n      return true;\n    }\n    // Check for inline group properties on columns\n    const columns = config?.columns;\n    if (!Array.isArray(columns)) return false;\n    return hasColumnGroups(columns);\n  }\n  // #endregion\n\n  // #region Hooks\n\n  /** @internal */\n  override processColumns(columns: readonly ColumnConfig[]): ColumnConfig[] {\n    // First, check if gridConfig.columnGroups is defined and apply to columns\n    const columnGroups = this.grid?.gridConfig?.columnGroups;\n    let processedColumns: ColumnConfig[];\n\n    if (columnGroups && Array.isArray(columnGroups) && columnGroups.length > 0) {\n      // Build a map of field -> group info from the declarative config\n      const fieldToGroup = new Map<string, { id: string; label: string }>();\n      for (const group of columnGroups) {\n        for (const field of group.children) {\n          fieldToGroup.set(field, { id: group.id, label: group.header });\n        }\n      }\n\n      // Apply group property to columns that don't already have one\n      processedColumns = columns.map((col) => {\n        const groupInfo = fieldToGroup.get(col.field);\n        if (groupInfo && !col.group) {\n          return { ...col, group: groupInfo };\n        }\n        return col;\n      });\n    } else {\n      processedColumns = [...columns];\n    }\n\n    // Compute groups from column definitions (now including applied groups)\n    const groups = computeColumnGroups(processedColumns);\n\n    if (groups.length === 0) {\n      this.isActive = false;\n      this.groups = [];\n      return processedColumns;\n    }\n\n    this.isActive = true;\n    this.groups = groups;\n\n    // Pre-compute group-end fields for the afterCellRender hook\n    this.#groupEndFields.clear();\n    for (const g of groups) {\n      const lastCol = g.columns[g.columns.length - 1];\n      if (lastCol?.field) {\n        this.#groupEndFields.add(lastCol.field);\n      }\n    }\n\n    // Return columns with group info applied\n    return processedColumns;\n  }\n\n  /** @internal */\n  override afterRender(): void {\n    if (!this.isActive) {\n      // Remove any existing group header\n      const header = this.gridElement?.querySelector('.header');\n      const existingGroupRow = header?.querySelector('.header-group-row');\n      if (existingGroupRow) existingGroupRow.remove();\n      return;\n    }\n\n    const header = this.gridElement?.querySelector('.header');\n    if (!header) return;\n\n    // Remove existing group row if present\n    const existingGroupRow = header.querySelector('.header-group-row');\n    if (existingGroupRow) existingGroupRow.remove();\n\n    // Recompute groups from visible columns only (hidden columns have no CSS grid track).\n    // This also picks up any plugin-added columns (e.g. expander) that weren't present\n    // during processColumns.\n    const finalColumns = this.visibleColumns as ColumnConfig[];\n    const groups = computeColumnGroups(finalColumns);\n    if (groups.length === 0) return;\n\n    // Keep #groupEndFields in sync for afterCellRender (covers scheduler-driven renders)\n    this.#groupEndFields.clear();\n    const embedded = findEmbeddedImplicitGroups(groups, finalColumns);\n    for (let gi = 0; gi < groups.length; gi++) {\n      const g = groups[gi];\n      // Skip embedded implicit groups (e.g. checkbox column within a pinned group)\n      if (String(g.id).startsWith('__implicit__') && embedded.has(String(g.id))) continue;\n      const lastCol = g.columns[g.columns.length - 1];\n      // Don't mark the last group — no adjacent group follows it\n      if (lastCol?.field && gi < groups.length - 1) {\n        this.#groupEndFields.add(lastCol.field);\n      }\n    }\n\n    // Build and insert group header row\n    const groupRow = buildGroupHeaderRow(groups, finalColumns, this.config.groupHeaderRenderer);\n    if (groupRow) {\n      // Toggle border visibility class\n      groupRow.classList.toggle('no-borders', !this.config.showGroupBorders);\n\n      const headerRow = header.querySelector('.header-row');\n      if (headerRow) {\n        header.insertBefore(groupRow, headerRow);\n      } else {\n        header.appendChild(groupRow);\n      }\n    }\n\n    // Apply classes to header cells\n    const headerRow = header.querySelector('.header-row') as HTMLElement;\n    if (headerRow) {\n      // Toggle border visibility on header cells\n      headerRow.classList.toggle('no-group-borders', !this.config.showGroupBorders);\n      applyGroupedHeaderCellClasses(headerRow, groups, finalColumns);\n    }\n  }\n\n  /**\n   * Apply group-end class to individual cells during render and scroll.\n   * This is more efficient than querySelectorAll in afterRender and ensures\n   * cells recycled during scroll also get the class applied.\n   * @internal\n   */\n  override afterCellRender(context: AfterCellRenderContext): void {\n    if (!this.isActive || !this.config.showGroupBorders) return;\n    context.cellElement.classList.toggle('group-end', this.#groupEndFields.has(context.column.field));\n  }\n  // #endregion\n\n  // #region Public API\n\n  /**\n   * Check if column groups are active.\n   * @returns Whether grouping is active\n   */\n  isGroupingActive(): boolean {\n    return this.isActive;\n  }\n\n  /**\n   * Get the computed column groups.\n   * @returns Array of column groups\n   */\n  getGroups(): ColumnGroup[] {\n    return this.groups;\n  }\n\n  /**\n   * Get columns in a specific group.\n   * @param groupId - The group ID to find\n   * @returns Array of columns in the group\n   */\n  getGroupColumns(groupId: string): ColumnConfig[] {\n    const group = this.groups.find((g) => g.id === groupId);\n    return group ? group.columns : [];\n  }\n\n  /**\n   * Refresh column groups (recompute from current columns).\n   */\n  refresh(): void {\n    this.requestRender();\n  }\n  // #endregion\n}\n"],"names":["computeColumnGroups","columns","length","explicitMap","Map","groupsOrdered","pushImplicit","startIdx","cols","prev","implicit","firstIndex","push","id","label","run","runStart","forEach","col","idx","g","group","slice","get","set","computeGroupGridRange","first","last","start","findIndex","c","field","end","findEmbeddedImplicitGroups","groups","embedded","Set","explicitRanges","String","startsWith","range","iStart","iEnd","some","eStart","eEnd","add","GroupingColumnsPlugin","BaseGridPlugin","static","ownedProperties","property","level","description","isUsed","v","Array","isArray","queries","type","name","styles","defaultConfig","showGroupBorders","lockGroupOrder","isActive","groupEndFields","attach","grid","super","addEventListener","this","onColumnMove","signal","disconnectSignal","detach","clear","e","event","columnOrder","detail","config","isGroupContiguous","preventDefault","flashHeaderCell","recomputeGroupEndFields","lastGroupEndField","findLastGroupEndField","groupFields","map","i","has","j","indices","indexOf","filter","sort","a","b","headerCell","gridElement","querySelector","style","setProperty","animate","backgroundColor","duration","easing","handleQuery","query","getStableColumnGrouping","result","columnGroups","gridConfig","children","header","fields","allCols","hidden","gId","gLabel","existing","find","includes","groupMap","from","values","displayOrder","getColumnOrder","orderIndex","f","Infinity","detect","rows","hasColumnGroups","processColumns","processedColumns","fieldToGroup","groupInfo","lastCol","afterRender","existingGroupRow","remove","finalColumns","visibleColumns","gi","groupRow","renderer","document","createElement","className","setAttribute","gid","isImplicit","startIndex","endIndex","span","cell","classList","gridColumn","HTMLElement","appendChild","innerHTML","textContent","buildGroupHeaderRow","groupHeaderRenderer","toggle","headerRow","insertBefore","headerRowEl","headerCells","querySelectorAll","getAttribute","applyGroupedHeaderCellClasses","afterCellRender","context","cellElement","column","isGroupingActive","getGroups","getGroupColumns","groupId","refresh","requestRender"],"mappings":"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"}

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;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").forEach(e=>{e.classList.remove("dragging","drop-target","drop-before","drop-after")})}attach(e){super.attach(e),e.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}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,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.clearDragClasses()}),t.addEventListener("dragover",e=>{if(e.preventDefault(),!this.isDragging||this.draggedField===r)return;const i=t.getBoundingClientRect(),n=i.left+i.width/2,a=this.getColumnOrder().indexOf(r);this.dropIndex=e.clientX<n?a:a+1,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=>{e.preventDefault();const t=this.draggedField,r=this.draggedIndex,n=this.dropIndex;if(!this.isDragging||null===t||null===r||null===n)return;const a=n>r?n-1:n,o=i(this.getColumnOrder(),r,a),s={field:t,fromIndex:r,toIndex:a,columnOrder:o};this.emitCancelable("column-move",s)||this.updateColumnOrder(o)}))):t.draggable=!1})}onKeyDown(e){if(!e.altKey||"ArrowLeft"!==e.key&&"ArrowRight"!==e.key)return;const r=this.grid,i=r._focusCol,n=r._visibleColumns;if(i<0||i>=n.length)return;const a=n[i];if(!this.canMoveColumnWithPlugins(a))return;const o=this.getColumnOrder(),s=o.indexOf(a.field);if(-1===s)return;const d="ArrowLeft"===e.key?s-1:s+1;if(d<0||d>=o.length)return;const l=n.find(e=>e.field===o[d]);return this.canMoveColumnWithPlugins(l)?(this.moveColumn(a.field,d),r._focusCol=d,t.ensureCellVisible(this.grid),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 a=i(r,n,t);this.emitCancelable("column-move",{field:e,fromIndex:n,toIndex:t,columnOrder:a})||this.updateColumnOrder(a)}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 a=n-t.getBoundingClientRect().left;Math.abs(a)>1&&r.set(i,a)}),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;this.gridElement.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 a=e.getBoundingClientRect().left;Math.abs(n-a)>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 a=this.animationDuration;setTimeout(()=>{n.forEach(e=>e.classList.remove("fade-animating"))},a+50)}updateColumnOrder(e){const t=this.animationType;if("flip"===t&&this.gridElement){const t=this.captureHeaderPositions();this.grid.setColumnOrder(e),requestAnimationFrame(()=>{this.gridElement.offsetHeight,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/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;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").forEach(e=>{e.classList.remove("dragging","drop-target","drop-before","drop-after")})}attach(e){super.attach(e),e.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}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,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.clearDragClasses()}),t.addEventListener("dragover",e=>{if(e.preventDefault(),!this.isDragging||this.draggedField===r)return;const i=t.getBoundingClientRect(),n=i.left+i.width/2,a=this.getColumnOrder().indexOf(r);this.dropIndex=e.clientX<n?a:a+1,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=>{e.preventDefault();const t=this.draggedField,r=this.draggedIndex,n=this.dropIndex;if(!this.isDragging||null===t||null===r||null===n)return;const a=n>r?n-1:n,o=i(this.getColumnOrder(),r,a),s={field:t,fromIndex:r,toIndex:a,columnOrder:o};this.emitCancelable("column-move",s)||this.updateColumnOrder(o)}))):t.draggable=!1})}onKeyDown(e){if(!e.altKey||"ArrowLeft"!==e.key&&"ArrowRight"!==e.key)return;const r=this.grid,i=r._focusCol,n=r._visibleColumns;if(i<0||i>=n.length)return;const a=n[i];if(!this.canMoveColumnWithPlugins(a))return;const o=this.getColumnOrder(),s=o.indexOf(a.field);if(-1===s)return;const d="ArrowLeft"===e.key?s-1:s+1;if(d<0||d>=o.length)return;const l=n.find(e=>e.field===o[d]);return this.canMoveColumnWithPlugins(l)?(this.moveColumn(a.field,d),r._focusCol=d,t.ensureCellVisible(this.grid),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 a=i(r,n,t);this.emitCancelable("column-move",{field:e,fromIndex:n,toIndex:t,columnOrder:a})||this.updateColumnOrder(a)}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 a=n-t.getBoundingClientRect().left;Math.abs(a)>1&&r.set(i,a)}),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 a=e.getBoundingClientRect().left;Math.abs(n-a)>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 a=this.animationDuration;setTimeout(()=>{n.forEach(e=>e.classList.remove("fade-animating"))},a+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"})});
 //# sourceMappingURL=reorder-columns.umd.js.map