@toolbox-web/grid 2.1.0 → 2.1.1

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

@@ -1,2 +1,2 @@
-!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("../../core/internal/diagnostics"),require("../../core/plugin/base-plugin")):"function"==typeof define&&define.amd?define(["exports","../../core/internal/diagnostics","../../core/plugin/base-plugin"],r):r((e="undefined"!=typeof globalThis?globalThis:e||self).TbwGridPlugin_groupingColumns={},e.TbwGrid,e.TbwGrid)}(this,function(e,r,t){"use strict";function o(e){if(!e.length)return[];const r=[],t=new Map,o=(e,t)=>{if(!t.length)return;const o=r[r.length-1];o&&o.implicit&&o.firstIndex+o.columns.length===e?o.columns.push(...t):r.push({id:"__implicit__"+e,label:void 0,columns:t,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,u="string"==typeof l?void 0:l.label;u&&!t.has(d)&&t.set(d,u);const c=t.get(d)??u,g=r[r.length-1];g&&!g.implicit&&g.id===d?g.columns.push(e):r.push({id:d,label:c,columns:[e],firstIndex:s})}),i.length&&o(n,i),1===r.length&&r[0].implicit&&r[0].columns.length===e.length?[]:r}function i(e){const r=function(e){const r=new Set;for(let t=0;t<e.length;t++){if(!String(e[t].id).startsWith("__implicit__"))continue;if(!e[t].columns.every(e=>e.field?.startsWith("__tbw_")))continue;let o=null;for(let r=t-1;r>=0;r--)if(!String(e[r].id).startsWith("__implicit__")){o=e[r].id;break}let i=null;for(let r=t+1;r<e.length;r++)if(!String(e[r].id).startsWith("__implicit__")){i=e[r].id;break}o&&i&&o===i&&r.add(String(e[t].id))}return r}(e),t=function(e,r){const t=[];for(const o of e){if(String(o.id).startsWith("__implicit__")&&r.has(String(o.id)))continue;const e=t[t.length-1];e&&!String(o.id).startsWith("__implicit__")&&e.id===o.id?t[t.length-1]={...e,columns:[...e.columns,...o.columns]}:t.push({...o,columns:[...o.columns]})}return t}(e,r);return{merged:t,embedded:r}}function n(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}class s extends t.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;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;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;#r=[];#t=new Map;attach(e){super.attach(e),this.gridElement.addEventListener("column-move",this.#o,{signal:this.disconnectSignal})}detach(){this.groups=[],this.isActive=!1,this.#e.clear(),this.#r=[],this.#t.clear()}#o=e=>{if(!this.isActive)return;const r=e,{field:t,columnOrder:o}=r.detail;if(this.config.lockGroupOrder){const e=new Map;for(const r of this.groups){if(r.id.startsWith("__implicit__"))continue;const t=e.get(r.id);t?t.push(...r.columns):e.set(r.id,[...r.columns])}for(const[,i]of e)if(!this.#i(i,o))return r.preventDefault(),void this.#n(t)}this.#s(o)};#s(e){this.#e.clear();const r=new Map;for(const t of this.groups)for(const e of t.columns)r.set(e.field,t.id);for(let t=0;t<e.length-1;t++){r.get(e[t])!==r.get(e[t+1])&&this.#e.add(e[t])}}#i(e,r){const t=e.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}#n(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.#l()}#l(){let e;if(this.#r.length>0)e=this.#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){const r=new Map;for(const e of this.groups){if(e.id.startsWith("__implicit__"))continue;const t=r.get(e.id);if(t)for(const r of e.columns)t.fields.includes(r.field)||t.fields.push(r.field);else r.set(e.id,{id:e.id,label:e.label??e.id,fields:e.columns.map(e=>e.field)})}e=Array.from(r.values());const t=this.columns;for(const o of t)if(o.hidden&&o.group){const r="string"==typeof o.group?o.group:o.group.id,t="string"==typeof o.group?o.group:o.group.label??o.group.id,i=e.find(e=>e.id===r);i?i.fields.includes(o.field)||i.fields.push(o.field):e.push({id:r,label:t,fields:[o.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 r=this.grid?.getColumnOrder();if(r&&r.length>0){const t=new Map(r.map((e,r)=>[e,r]));for(const r of e)r.fields.sort((e,r)=>(t.get(e)??1/0)-(t.get(r)??1/0))}return e}static detect(e,r){const t=r?.features?.groupingColumns;if(t&&"object"==typeof t&&Array.isArray(t.columnGroups)&&t.columnGroups.length>0)return!0;if(r?.columnGroups&&Array.isArray(r.columnGroups)&&r.columnGroups.length>0)return!0;const o=r?.columns;return!!Array.isArray(o)&&function(e){return e.some(e=>null!=e.group)}(o)}processColumns(e){const t=this.config?.columnGroups,i=this.grid?.gridConfig?.columnGroups;let n,s;if(t&&Array.isArray(t)&&t.length>0?(i&&Array.isArray(i)&&i.length>0&&this.warn(r.COLUMN_GROUPS_CONFLICT,"columnGroups defined in both gridConfig and groupingColumns feature config. Using feature config (higher precedence)."),n=t):i&&Array.isArray(i)&&i.length>0&&(n=i),n&&n.length>0){const t=n.map(e=>{return e.id?e:(e.header||r.throwDiagnostic(r.COLUMN_GROUP_NO_ID,'ColumnGroupDefinition requires either an "id" or a "header" to generate an id from.'),{...e,id:(t=e.header,t.toLowerCase().trim().replace(/[^a-z0-9]+/g,"-").replace(/^-|-$/g,""))});var t});this.#r=t,this.#t.clear();for(const e of t)e.renderer&&this.#t.set(e.id,e.renderer);const o=new Map;for(const e of t)for(const r of e.children)o.set(r,{id:e.id,label:e.header});s=e.map(e=>{const r=o.get(e.field);return r&&!e.group?{...e,group:r}:e})}else this.#r=[],this.#t.clear(),s=[...e];const l=o(s);if(0===l.length)return this.isActive=!1,this.groups=[],s;if(this.#t.size>0)for(const r of l){const e=this.#t.get(r.id);e&&(r.renderer=e)}this.isActive=!0,this.groups=l,this.#e.clear();for(const r of l){const e=r.columns[r.columns.length-1];e?.field&&this.#e.add(e.field)}return s}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 t=this.visibleColumns,s=o(t);if(0===s.length)return;if(this.#t.size>0)for(const o of s){const e=this.#t.get(o.id);e&&(o.renderer=e)}this.#e.clear();const l=i(s);for(let o=0;o<l.merged.length;o++){const e=l.merged[o],r=e.columns[e.columns.length-1];r?.field&&o<l.merged.length-1&&this.#e.add(r.field)}const d=function(e,r,t,o){if(0===e.length)return null;const s=document.createElement("div");s.className="header-group-row",s.setAttribute("role","row");const{merged:l}=o??i(e);for(const i of l){const e=String(i.id),o=e.startsWith("__implicit__"),l=n(i,r);if(!l)continue;const[d,u]=l,c=u-d+1,g=o?"":i.label||i.id,a=document.createElement("div");a.className="cell header-group-cell",o&&a.classList.add("implicit-group"),a.setAttribute("data-group",e),a.style.gridColumn=`${d+1} / span ${c}`;const p=!o&&(i.renderer||t)||void 0;if(p&&!o){const r=p({id:e,label:String(g),columns:i.columns,firstIndex:d,isImplicit:!1});r instanceof HTMLElement?a.appendChild(r):"string"==typeof r?a.innerHTML=r:a.textContent=g}else a.textContent=g;s.appendChild(a)}return s}(s,t,this.config.groupHeaderRenderer,l);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,o){if(!r.length||!e)return;const{merged:n,embedded:s}=o??i(r),l=new Map;for(const i of n)if(!String(i.id).startsWith("__implicit__"))for(const e of i.columns)e.field&&l.set(e.field,i.id);for(let i=0;i<r.length;i++){const e=r[i];if(String(e.id).startsWith("__implicit__")&&s.has(String(e.id)))for(let t=i-1;t>=0;t--)if(!String(r[t].id).startsWith("__implicit__")){for(const o of e.columns)o.field&&l.set(o.field,r[t].id);break}}const d=Array.from(e.querySelectorAll(".cell[data-field]"));d.forEach(e=>{const r=e.getAttribute("data-field")||"",t=l.get(r);t&&(e.classList.add("grouped"),e.getAttribute("data-group")||e.setAttribute("data-group",t))});for(const i of n){const e=i.columns[i.columns.length-1],r=d.find(r=>r.getAttribute("data-field")===e.field);r&&r.classList.add("group-end")}}(u,s,0,l))}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){return this.groups.filter(r=>r.id===e).flatMap(e=>e.columns)}refresh(){this.requestRender()}}e.GroupingColumnsPlugin=s,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});
+!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("../../core/internal/diagnostics"),require("../../core/plugin/base-plugin"),require("../../core/internal/sanitize")):"function"==typeof define&&define.amd?define(["exports","../../core/internal/diagnostics","../../core/plugin/base-plugin","../../core/internal/sanitize"],r):r((e="undefined"!=typeof globalThis?globalThis:e||self).TbwGridPlugin_groupingColumns={},e.TbwGrid,e.TbwGrid,e.TbwGrid)}(this,function(e,r,t,o){"use strict";function i(e){if(!e.length)return[];const r=[],t=new Map,o=(e,t)=>{if(!t.length)return;const o=r[r.length-1];o&&o.implicit&&o.firstIndex+o.columns.length===e?o.columns.push(...t):r.push({id:"__implicit__"+e,label:void 0,columns:t,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,u="string"==typeof l?void 0:l.label;u&&!t.has(d)&&t.set(d,u);const c=t.get(d)??u,g=r[r.length-1];g&&!g.implicit&&g.id===d?g.columns.push(e):r.push({id:d,label:c,columns:[e],firstIndex:s})}),i.length&&o(n,i),1===r.length&&r[0].implicit&&r[0].columns.length===e.length?[]:r}function n(e){const r=function(e){const r=new Set;for(let t=0;t<e.length;t++){if(!String(e[t].id).startsWith("__implicit__"))continue;if(!e[t].columns.every(e=>e.field?.startsWith("__tbw_")))continue;let o=null;for(let r=t-1;r>=0;r--)if(!String(e[r].id).startsWith("__implicit__")){o=e[r].id;break}let i=null;for(let r=t+1;r<e.length;r++)if(!String(e[r].id).startsWith("__implicit__")){i=e[r].id;break}o&&i&&o===i&&r.add(String(e[t].id))}return r}(e),t=function(e,r){const t=[];for(const o of e){if(String(o.id).startsWith("__implicit__")&&r.has(String(o.id)))continue;const e=t[t.length-1];e&&!String(o.id).startsWith("__implicit__")&&e.id===o.id?t[t.length-1]={...e,columns:[...e.columns,...o.columns]}:t.push({...o,columns:[...o.columns]})}return t}(e,r);return{merged:t,embedded:r}}function s(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}class l extends t.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;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;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;#r=[];#t=new Map;attach(e){super.attach(e),this.gridElement.addEventListener("column-move",this.#o,{signal:this.disconnectSignal})}detach(){this.groups=[],this.isActive=!1,this.#e.clear(),this.#r=[],this.#t.clear()}#o=e=>{if(!this.isActive)return;const r=e,{field:t,columnOrder:o}=r.detail;if(this.config.lockGroupOrder){const e=new Map;for(const r of this.groups){if(r.id.startsWith("__implicit__"))continue;const t=e.get(r.id);t?t.push(...r.columns):e.set(r.id,[...r.columns])}for(const[,i]of e)if(!this.#i(i,o))return r.preventDefault(),void this.#n(t)}this.#s(o)};#s(e){this.#e.clear();const r=new Map;for(const t of this.groups)for(const e of t.columns)r.set(e.field,t.id);for(let t=0;t<e.length-1;t++){r.get(e[t])!==r.get(e[t+1])&&this.#e.add(e[t])}}#i(e,r){const t=e.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}#n(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.#l()}#l(){let e;if(this.#r.length>0)e=this.#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){const r=new Map;for(const e of this.groups){if(e.id.startsWith("__implicit__"))continue;const t=r.get(e.id);if(t)for(const r of e.columns)t.fields.includes(r.field)||t.fields.push(r.field);else r.set(e.id,{id:e.id,label:e.label??e.id,fields:e.columns.map(e=>e.field)})}e=Array.from(r.values());const t=this.columns;for(const o of t)if(o.hidden&&o.group){const r="string"==typeof o.group?o.group:o.group.id,t="string"==typeof o.group?o.group:o.group.label??o.group.id,i=e.find(e=>e.id===r);i?i.fields.includes(o.field)||i.fields.push(o.field):e.push({id:r,label:t,fields:[o.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 r=this.grid?.getColumnOrder();if(r&&r.length>0){const t=new Map(r.map((e,r)=>[e,r]));for(const r of e)r.fields.sort((e,r)=>(t.get(e)??1/0)-(t.get(r)??1/0))}return e}static detect(e,r){const t=r?.features?.groupingColumns;if(t&&"object"==typeof t&&Array.isArray(t.columnGroups)&&t.columnGroups.length>0)return!0;if(r?.columnGroups&&Array.isArray(r.columnGroups)&&r.columnGroups.length>0)return!0;const o=r?.columns;return!!Array.isArray(o)&&function(e){return e.some(e=>null!=e.group)}(o)}processColumns(e){const t=this.config?.columnGroups,o=this.grid?.gridConfig?.columnGroups;let n,s;if(t&&Array.isArray(t)&&t.length>0?(o&&Array.isArray(o)&&o.length>0&&this.warn(r.COLUMN_GROUPS_CONFLICT,"columnGroups defined in both gridConfig and groupingColumns feature config. Using feature config (higher precedence)."),n=t):o&&Array.isArray(o)&&o.length>0&&(n=o),n&&n.length>0){const t=n.map(e=>{return e.id?e:(e.header||r.throwDiagnostic(r.COLUMN_GROUP_NO_ID,'ColumnGroupDefinition requires either an "id" or a "header" to generate an id from.'),{...e,id:(t=e.header,t.toLowerCase().trim().replace(/[^a-z0-9]+/g,"-").replace(/^-|-$/g,""))});var t});this.#r=t,this.#t.clear();for(const e of t)e.renderer&&this.#t.set(e.id,e.renderer);const o=new Map;for(const e of t)for(const r of e.children)o.set(r,{id:e.id,label:e.header});s=e.map(e=>{const r=o.get(e.field);return r&&!e.group?{...e,group:r}:e})}else this.#r=[],this.#t.clear(),s=[...e];const l=i(s);if(0===l.length)return this.isActive=!1,this.groups=[],s;if(this.#t.size>0)for(const r of l){const e=this.#t.get(r.id);e&&(r.renderer=e)}this.isActive=!0,this.groups=l,this.#e.clear();for(const r of l){const e=r.columns[r.columns.length-1];e?.field&&this.#e.add(e.field)}return s}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 t=this.visibleColumns,l=i(t);if(0===l.length)return;if(this.#t.size>0)for(const o of l){const e=this.#t.get(o.id);e&&(o.renderer=e)}this.#e.clear();const d=n(l);for(let o=0;o<d.merged.length;o++){const e=d.merged[o],r=e.columns[e.columns.length-1];r?.field&&o<d.merged.length-1&&this.#e.add(r.field)}const u=function(e,r,t,i){if(0===e.length)return null;const l=document.createElement("div");l.className="header-group-row",l.setAttribute("role","row");const{merged:d}=i??n(e);for(const n of d){const e=String(n.id),i=e.startsWith("__implicit__"),d=s(n,r);if(!d)continue;const[u,c]=d,g=c-u+1,a=i?"":n.label||n.id,p=document.createElement("div");p.className="cell header-group-cell",i&&p.classList.add("implicit-group"),p.setAttribute("data-group",e),p.style.gridColumn=`${u+1} / span ${g}`;const f=!i&&(n.renderer||t)||void 0;if(f&&!i){const r=f({id:e,label:String(a),columns:n.columns,firstIndex:u,isImplicit:!1});r instanceof HTMLElement?p.appendChild(r):"string"==typeof r?p.innerHTML=o.sanitizeHTML(r):p.textContent=a}else p.textContent=a;l.appendChild(p)}return l}(l,t,this.config.groupHeaderRenderer,d);if(u){u.classList.toggle("no-borders",!this.config.showGroupBorders);const r=e.querySelector(".header-row");r?e.insertBefore(u,r):e.appendChild(u)}const c=e.querySelector(".header-row");c&&(c.classList.toggle("no-group-borders",!this.config.showGroupBorders),function(e,r,t,o){if(!r.length||!e)return;const{merged:i,embedded:s}=o??n(r),l=new Map;for(const n of i)if(!String(n.id).startsWith("__implicit__"))for(const e of n.columns)e.field&&l.set(e.field,n.id);for(let n=0;n<r.length;n++){const e=r[n];if(String(e.id).startsWith("__implicit__")&&s.has(String(e.id)))for(let t=n-1;t>=0;t--)if(!String(r[t].id).startsWith("__implicit__")){for(const o of e.columns)o.field&&l.set(o.field,r[t].id);break}}const d=Array.from(e.querySelectorAll(".cell[data-field]"));d.forEach(e=>{const r=e.getAttribute("data-field")||"",t=l.get(r);t&&(e.classList.add("grouped"),e.getAttribute("data-group")||e.setAttribute("data-group",t))});for(const n of i){const e=n.columns[n.columns.length-1],r=d.find(r=>r.getAttribute("data-field")===e.field);r&&r.classList.add("group-end")}}(c,l,0,d))}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){return this.groups.filter(r=>r.id===e).flatMap(e=>e.columns)}refresh(){this.requestRender()}}e.GroupingColumnsPlugin=l,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 { COLUMN_GROUP_NO_ID, throwDiagnostic } from '../../core/internal/diagnostics';\nimport type { ColumnConfig } from '../../core/types';\nimport './types';\nimport type {\n  ColumnGroup,\n  ColumnGroupDefinition,\n  ColumnGroupInternal,\n  GroupHeaderRenderParams,\n  GroupingColumnsConfig,\n} from './types';\n\n/**\n * Generate a stable slug from a header string for use as auto-generated group id.\n * E.g. `'Personal Info'` → `'personal-info'`\n */\nexport function slugifyHeader(header: string): string {\n  return header\n    .toLowerCase()\n    .trim()\n    .replace(/[^a-z0-9]+/g, '-')\n    .replace(/^-|-$/g, '');\n}\n\n/**\n * Validate column group definitions and resolve auto-generated ids.\n * Throws if a group has neither `id` nor `header`.\n *\n * @returns A new array with `id` resolved on every definition.\n */\nexport function resolveColumnGroupDefs(defs: ColumnGroupDefinition[]): (ColumnGroupDefinition & { id: string })[] {\n  return defs.map((def) => {\n    if (def.id) return def as ColumnGroupDefinition & { id: string };\n    if (!def.header) {\n      throwDiagnostic(\n        COLUMN_GROUP_NO_ID,\n        'ColumnGroupDefinition requires either an \"id\" or a \"header\" to generate an id from.',\n      );\n    }\n    return { ...def, id: slugifyHeader(def.header) };\n  });\n}\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 groupsOrdered: ColumnGroupInternal<T>[] = [];\n  /** Track first-seen label for each explicit group id so fragments share the label. */\n  const labelMap = new Map<string, string | undefined>();\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    const rawLabel = typeof g === 'string' ? undefined : g.label;\n\n    // Track labels: first column to define a label for this group id wins\n    if (rawLabel && !labelMap.has(id)) {\n      labelMap.set(id, rawLabel);\n    }\n    const label = labelMap.get(id) ?? rawLabel;\n\n    // Extend the last group if it has the same id (contiguous run)\n    const last = groupsOrdered[groupsOrdered.length - 1];\n    if (last && !last.implicit && last.id === id) {\n      last.columns.push(col);\n    } else {\n      // New group or new fragment (same id but non-contiguous)\n      groupsOrdered.push({\n        id,\n        label,\n        columns: [col],\n        firstIndex: idx,\n      });\n    }\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 * Merge column groups into their final form for rendering:\n * identifies embedded implicit groups and collapses adjacent same-ID fragments.\n *\n * Call once per render and pass the result to both `buildGroupHeaderRow` and\n * `applyGroupedHeaderCellClasses` to avoid redundant computation.\n */\nexport function mergeGroups<T>(groups: ColumnGroup<T>[]): { merged: ColumnGroup<T>[]; embedded: Set<string> } {\n  const embedded = findEmbeddedImplicitGroups(groups);\n  const merged = mergeAdjacentSameIdGroups(groups, embedded);\n  return { merged, embedded };\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 (raw, before merging)\n * @param columns - The column configurations\n * @param precomputed - Optional pre-computed merged groups (avoids redundant merge)\n */\nexport function applyGroupedHeaderCellClasses(\n  headerRowEl: HTMLElement | null,\n  groups: ColumnGroup[],\n  columns: ColumnConfig[],\n  precomputed?: { merged: ColumnGroup[]; embedded: Set<string> },\n): void {\n  if (!groups.length || !headerRowEl) return;\n\n  const { merged: mergedGroups, embedded } = precomputed ?? mergeGroups(groups);\n\n  const fieldToGroup = new Map<string, string>();\n  for (const g of mergedGroups) {\n    if (String(g.id).startsWith('__implicit__')) continue;\n    for (const c of g.columns) {\n      if (c.field) {\n        fieldToGroup.set(c.field, g.id);\n      }\n    }\n  }\n\n  // Also map embedded implicit columns to their enclosing explicit group\n  for (let i = 0; i < groups.length; i++) {\n    const g = groups[i];\n    if (!String(g.id).startsWith('__implicit__') || !embedded.has(String(g.id))) continue;\n    // Find nearest explicit group before this implicit — that's the enclosing group\n    for (let b = i - 1; b >= 0; b--) {\n      if (!String(groups[b].id).startsWith('__implicit__')) {\n        for (const c of g.columns) {\n          if (c.field) fieldToGroup.set(c.field, groups[b].id);\n        }\n        break;\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 using merged groups (including implicit groups).\n  // CSS :last-child rules suppress the border on the very last cell, so we mark all groups.\n  for (const g of mergedGroups) {\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 that are sandwiched between two fragments of the same\n * explicit group (e.g. a utility column inserted between members of the same group).\n *\n * Only implicit groups whose columns are **all** internal/utility fields (prefixed\n * with `__tbw_`) qualify.  When a regular data column sits between two fragments\n * of the same group it represents a genuine break introduced by column reordering\n * and must NOT be absorbed.\n *\n * @returns Set of implicit group IDs that are visually embedded.\n */\nexport function findEmbeddedImplicitGroups(groups: ColumnGroup[]): Set<string> {\n  const embedded = new Set<string>();\n\n  for (let i = 0; i < groups.length; i++) {\n    if (!String(groups[i].id).startsWith('__implicit__')) continue;\n\n    // Only absorb implicit groups that contain exclusively utility columns.\n    // Data columns (user-visible fields) must always get their own header space.\n    const allUtility = groups[i].columns.every((c) => c.field?.startsWith('__tbw_'));\n    if (!allUtility) continue;\n\n    // Find nearest explicit group before this implicit group\n    let beforeId: string | null = null;\n    for (let b = i - 1; b >= 0; b--) {\n      if (!String(groups[b].id).startsWith('__implicit__')) {\n        beforeId = groups[b].id;\n        break;\n      }\n    }\n\n    // Find nearest explicit group after this implicit group\n    let afterId: string | null = null;\n    for (let a = i + 1; a < groups.length; a++) {\n      if (!String(groups[a].id).startsWith('__implicit__')) {\n        afterId = groups[a].id;\n        break;\n      }\n    }\n\n    // Embedded if sandwiched between two fragments of the same group\n    if (beforeId && afterId && beforeId === afterId) {\n      embedded.add(String(groups[i].id));\n    }\n  }\n\n  return embedded;\n}\n\n/**\n * Merge adjacent same-ID group fragments after removing embedded implicit groups.\n * This produces the final group list for header rendering, where utility columns\n * (checkbox, expander) are absorbed into the surrounding group's span.\n *\n * @param groups - The computed column groups (potentially fragmented)\n * @param embedded - Set of embedded implicit group IDs to skip\n * @returns Merged group list where same-ID fragments separated by embedded implicits are combined\n */\nexport function mergeAdjacentSameIdGroups<T>(groups: ColumnGroup<T>[], embedded: Set<string>): ColumnGroup<T>[] {\n  const result: ColumnGroup<T>[] = [];\n  for (const g of groups) {\n    // Skip embedded implicit groups — they get absorbed into the surrounding fragment\n    if (String(g.id).startsWith('__implicit__') && embedded.has(String(g.id))) continue;\n\n    const prev = result[result.length - 1];\n    if (prev && !String(g.id).startsWith('__implicit__') && prev.id === g.id) {\n      // Merge with previous same-ID group\n      result[result.length - 1] = {\n        ...prev,\n        columns: [...prev.columns, ...g.columns],\n      };\n    } else {\n      result.push({ ...g, columns: [...g.columns] });\n    }\n  }\n  return result;\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 * @param renderer - Optional custom group header renderer\n * @param precomputed - Optional pre-computed merged groups (avoids redundant merge)\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  precomputed?: { merged: ColumnGroup[]; embedded: Set<string> },\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 { merged: mergedGroups } = precomputed ?? mergeGroups(groups);\n\n  for (const g of mergedGroups) {\n    const gid = String(g.id);\n    const isImplicit = gid.startsWith('__implicit__');\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 per-group renderer → fallback renderer → plain text label\n    const activeRenderer = (!isImplicit && (g.renderer || renderer)) || undefined;\n    if (activeRenderer && !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 = activeRenderer(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      // Always use textContent for non-rendered labels to prevent HTML injection\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 { COLUMN_GROUPS_CONFLICT } from '../../core/internal/diagnostics';\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  hasColumnGroups,\n  mergeGroups,\n  resolveColumnGroupDefs,\n} from './grouping-columns';\nimport styles from './grouping-columns.css?inline';\nimport type { ColumnGroup, ColumnGroupDefinition, 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 * ## 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 * @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 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  /** Resolved column group definitions (with auto-generated ids). */\n  #resolvedGroupDefs: (ColumnGroupDefinition & { id: string })[] = [];\n  /** Map of group id → per-group renderer from ColumnGroupDefinition.renderer */\n  #groupRenderers = new Map<string, NonNullable<ColumnGroupDefinition['renderer']>>();\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    this.gridElement.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    this.#resolvedGroupDefs = [];\n    this.#groupRenderers.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      // Aggregate all columns per group ID (across fragments) for full contiguity check\n      const fullGroups = new Map<string, ColumnConfig[]>();\n      for (const group of this.groups) {\n        if (group.id.startsWith('__implicit__')) continue;\n        const existing = fullGroups.get(group.id);\n        if (existing) {\n          existing.push(...group.columns);\n        } else {\n          fullGroups.set(group.id, [...group.columns]);\n        }\n      }\n      for (const [, columns] of fullGroups) {\n        if (!this.#isGroupContiguous(columns, 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   * Marks every boundary where adjacent columns belong to different groups,\n   * which naturally handles fragmented groups (same group ID split across\n   * non-contiguous positions).\n   */\n  #recomputeGroupEndFields(columnOrder: string[]): void {\n    this.#groupEndFields.clear();\n\n    // Build field → group ID map from all groups\n    const fieldToGroup = new Map<string, string>();\n    for (const group of this.groups) {\n      for (const col of group.columns) {\n        fieldToGroup.set(col.field, group.id);\n      }\n    }\n\n    // Mark every position where the group changes (skip the very last column)\n    for (let i = 0; i < columnOrder.length - 1; i++) {\n      const currentGroup = fieldToGroup.get(columnOrder[i]);\n      const nextGroup = fieldToGroup.get(columnOrder[i + 1]);\n      if (currentGroup !== nextGroup) {\n        this.#groupEndFields.add(columnOrder[i]);\n      }\n    }\n  }\n\n  /**\n   * Check if all columns are contiguous in the proposed column order.\n   */\n  #isGroupContiguous(columns: ColumnConfig[], columnOrder: string[]): boolean {\n    const indices = 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 resolved declarative columnGroups (from plugin config or gridConfig)\n    if (this.#resolvedGroupDefs.length > 0) {\n      result = this.#resolvedGroupDefs\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      // Aggregate fragments (same group id at non-contiguous positions) into one entry.\n      const groupMap = new Map<string, ColumnGroupInfo>();\n      for (const g of this.groups) {\n        if (g.id.startsWith('__implicit__')) continue;\n        const existing = groupMap.get(g.id);\n        if (existing) {\n          for (const c of g.columns) {\n            if (!existing.fields.includes(c.field)) existing.fields.push(c.field);\n          }\n        } else {\n          groupMap.set(g.id, {\n            id: g.id,\n            label: g.label ?? g.id,\n            fields: g.columns.map((c) => c.field),\n          });\n        }\n      }\n      result = Array.from(groupMap.values());\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 plugin feature config\n    const featureConfig = config?.features?.groupingColumns;\n    if (\n      featureConfig &&\n      typeof featureConfig === 'object' &&\n      Array.isArray(featureConfig.columnGroups) &&\n      featureConfig.columnGroups.length > 0\n    ) {\n      return true;\n    }\n    // Check for declarative columnGroups in gridConfig\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    // Resolve columnGroups source — plugin config takes precedence over gridConfig\n    const pluginColumnGroups = this.config?.columnGroups;\n    const gridColumnGroups = this.grid?.gridConfig?.columnGroups;\n    let columnGroupDefs: ColumnGroupDefinition[] | undefined;\n\n    if (pluginColumnGroups && Array.isArray(pluginColumnGroups) && pluginColumnGroups.length > 0) {\n      // Warn if both sources are defined\n      if (gridColumnGroups && Array.isArray(gridColumnGroups) && gridColumnGroups.length > 0) {\n        this.warn(\n          COLUMN_GROUPS_CONFLICT,\n          'columnGroups defined in both gridConfig and groupingColumns feature config. ' +\n            'Using feature config (higher precedence).',\n        );\n      }\n      columnGroupDefs = pluginColumnGroups;\n    } else if (gridColumnGroups && Array.isArray(gridColumnGroups) && gridColumnGroups.length > 0) {\n      columnGroupDefs = gridColumnGroups;\n    }\n\n    let processedColumns: ColumnConfig[];\n\n    if (columnGroupDefs && columnGroupDefs.length > 0) {\n      // Resolve ids (auto-generate from header when missing) and validate\n      const resolved = resolveColumnGroupDefs(columnGroupDefs);\n      this.#resolvedGroupDefs = resolved;\n\n      // Collect per-group renderers\n      this.#groupRenderers.clear();\n      for (const def of resolved) {\n        if (def.renderer) {\n          this.#groupRenderers.set(def.id, def.renderer);\n        }\n      }\n\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 resolved) {\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      this.#resolvedGroupDefs = [];\n      this.#groupRenderers.clear();\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    // Attach per-group renderers to computed groups\n    if (this.#groupRenderers.size > 0) {\n      for (const g of groups) {\n        const r = this.#groupRenderers.get(g.id);\n        if (r) g.renderer = r;\n      }\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    // Attach per-group renderers from resolved definitions\n    if (this.#groupRenderers.size > 0) {\n      for (const g of groups) {\n        const r = this.#groupRenderers.get(g.id);\n        if (r) g.renderer = r;\n      }\n    }\n\n    // Keep #groupEndFields in sync for afterCellRender (covers scheduler-driven renders)\n    this.#groupEndFields.clear();\n    const precomputed = mergeGroups(groups);\n    for (let gi = 0; gi < precomputed.merged.length; gi++) {\n      const g = precomputed.merged[gi];\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 < precomputed.merged.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, precomputed);\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, precomputed);\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 (aggregated across all fragments).\n   * @param groupId - The group ID to find\n   * @returns Array of columns in the group\n   */\n  getGroupColumns(groupId: string): ColumnConfig[] {\n    return this.groups.filter((g) => g.id === groupId).flatMap((g) => g.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","groupsOrdered","labelMap","Map","pushImplicit","startIdx","cols","prev","implicit","firstIndex","push","id","label","run","runStart","forEach","col","idx","g","group","slice","rawLabel","has","set","get","last","mergeGroups","groups","embedded","Set","i","String","startsWith","every","c","field","beforeId","b","afterId","a","add","findEmbeddedImplicitGroups","merged","result","mergeAdjacentSameIdGroups","computeGroupGridRange","first","start","findIndex","end","GroupingColumnsPlugin","BaseGridPlugin","static","ownedProperties","property","level","description","isUsed","v","Array","isArray","queries","type","name","styles","defaultConfig","showGroupBorders","lockGroupOrder","isActive","groupEndFields","resolvedGroupDefs","groupRenderers","attach","grid","super","this","gridElement","addEventListener","onColumnMove","signal","disconnectSignal","detach","clear","e","event","columnOrder","detail","config","fullGroups","existing","isGroupContiguous","preventDefault","flashHeaderCell","recomputeGroupEndFields","fieldToGroup","indices","map","indexOf","filter","sort","headerCell","querySelector","style","setProperty","animate","backgroundColor","duration","easing","handleQuery","query","getStableColumnGrouping","children","header","fields","groupMap","includes","from","values","allCols","hidden","gId","gLabel","find","displayOrder","getColumnOrder","orderIndex","f","Infinity","detect","rows","featureConfig","features","groupingColumns","columnGroups","some","hasColumnGroups","processColumns","pluginColumnGroups","gridColumnGroups","gridConfig","columnGroupDefs","processedColumns","warn","COLUMN_GROUPS_CONFLICT","resolved","def","throwDiagnostic","COLUMN_GROUP_NO_ID","toLowerCase","trim","replace","renderer","groupInfo","size","r","lastCol","afterRender","existingGroupRow","remove","finalColumns","visibleColumns","precomputed","gi","groupRow","document","createElement","className","setAttribute","mergedGroups","gid","isImplicit","range","startIndex","endIndex","span","cell","classList","gridColumn","activeRenderer","HTMLElement","appendChild","innerHTML","textContent","buildGroupHeaderRow","groupHeaderRenderer","toggle","headerRow","insertBefore","headerRowEl","headerCells","querySelectorAll","getAttribute","applyGroupedHeaderCellClasses","afterCellRender","context","cellElement","column","isGroupingActive","getGroups","getGroupColumns","groupId","flatMap","refresh","requestRender"],"mappings":"kbAwDO,SAASA,EAAuBC,GACrC,IAAKA,EAAQC,OAAQ,MAAO,GAE5B,MAAMC,EAA0C,GAE1CC,MAAeC,IAGfC,EAAe,CAACC,EAAkBC,KACtC,IAAKA,EAAKN,OAAQ,OAElB,MAAMO,EAAON,EAAcA,EAAcD,OAAS,GAC9CO,GAAQA,EAAKC,UAAYD,EAAKE,WAAaF,EAAKR,QAAQC,SAAWK,EACrEE,EAAKR,QAAQW,QAAQJ,GAGvBL,EAAcS,KAAK,CACjBC,GAAI,eAAiBN,EACrBO,WAAO,EACPb,QAASO,EACTG,WAAYJ,EACZG,UAAU,KAId,IAAIK,EAAyB,GACzBC,EAAW,EA0Cf,OAxCAf,EAAQgB,QAAQ,CAACC,EAAKC,KACpB,MAAMC,EAAIF,EAAIG,MACd,IAAKD,EAGH,OAFmB,IAAfL,EAAIb,SAAcc,EAAWG,QACjCJ,EAAIH,KAAKM,GAIPH,EAAIb,SACNI,EAAaU,EAAUD,EAAIO,SAC3BP,EAAM,IAER,MAAMF,EAAkB,iBAANO,EAAiBA,EAAIA,EAAEP,GACnCU,EAAwB,iBAANH,SAA6BA,EAAEN,MAGnDS,IAAanB,EAASoB,IAAIX,IAC5BT,EAASqB,IAAIZ,EAAIU,GAEnB,MAAMT,EAAQV,EAASsB,IAAIb,IAAOU,EAG5BI,EAAOxB,EAAcA,EAAcD,OAAS,GAC9CyB,IAASA,EAAKjB,UAAYiB,EAAKd,KAAOA,EACxCc,EAAK1B,QAAQW,KAAKM,GAGlBf,EAAcS,KAAK,CACjBC,KACAC,QACAb,QAAS,CAACiB,GACVP,WAAYQ,MAMdJ,EAAIb,QAAQI,EAAaU,EAAUD,GAGV,IAAzBZ,EAAcD,QAAgBC,EAAc,GAAGO,UAAYP,EAAc,GAAGF,QAAQC,SAAWD,EAAQC,OAClG,GAGFC,CACT,CASO,SAASyB,EAAeC,GAC7B,MAAMC,EA4FD,SAAoCD,GACzC,MAAMC,MAAeC,IAErB,IAAA,IAASC,EAAI,EAAGA,EAAIH,EAAO3B,OAAQ8B,IAAK,CACtC,IAAKC,OAAOJ,EAAOG,GAAGnB,IAAIqB,WAAW,gBAAiB,SAKtD,IADmBL,EAAOG,GAAG/B,QAAQkC,MAAOC,GAAMA,EAAEC,OAAOH,WAAW,WACrD,SAGjB,IAAII,EAA0B,KAC9B,IAAA,IAASC,EAAIP,EAAI,EAAGO,GAAK,EAAGA,IAC1B,IAAKN,OAAOJ,EAAOU,GAAG1B,IAAIqB,WAAW,gBAAiB,CACpDI,EAAWT,EAAOU,GAAG1B,GACrB,KACF,CAIF,IAAI2B,EAAyB,KAC7B,IAAA,IAASC,EAAIT,EAAI,EAAGS,EAAIZ,EAAO3B,OAAQuC,IACrC,IAAKR,OAAOJ,EAAOY,GAAG5B,IAAIqB,WAAW,gBAAiB,CACpDM,EAAUX,EAAOY,GAAG5B,GACpB,KACF,CAIEyB,GAAYE,GAAWF,IAAaE,GACtCV,EAASY,IAAIT,OAAOJ,EAAOG,GAAGnB,IAElC,CAEA,OAAOiB,CACT,CAhImBa,CAA2Bd,GACtCe,EA0ID,SAAsCf,EAA0BC,GACrE,MAAMe,EAA2B,GACjC,IAAA,MAAWzB,KAAKS,EAAQ,CAEtB,GAAII,OAAOb,EAAEP,IAAIqB,WAAW,iBAAmBJ,EAASN,IAAIS,OAAOb,EAAEP,KAAM,SAE3E,MAAMJ,EAAOoC,EAAOA,EAAO3C,OAAS,GAChCO,IAASwB,OAAOb,EAAEP,IAAIqB,WAAW,iBAAmBzB,EAAKI,KAAOO,EAAEP,GAEpEgC,EAAOA,EAAO3C,OAAS,GAAK,IACvBO,EACHR,QAAS,IAAIQ,EAAKR,WAAYmB,EAAEnB,UAGlC4C,EAAOjC,KAAK,IAAKQ,EAAGnB,QAAS,IAAImB,EAAEnB,UAEvC,CACA,OAAO4C,CACT,CA5JiBC,CAA0BjB,EAAQC,GACjD,MAAO,CAAEc,SAAQd,WACnB,CAsEA,SAASiB,EAAsB1B,EAAoBpB,GACjD,MAAM+C,EAAQ3B,EAAMpB,QAAQ,GACtB0B,EAAON,EAAMpB,QAAQoB,EAAMpB,QAAQC,OAAS,GAC5C+C,EAAQD,EAAQ/C,EAAQiD,UAAWd,GAAMA,EAAEC,QAAUW,EAAMX,QAAS,EACpEc,EAAMxB,EAAO1B,EAAQiD,UAAWd,GAAMA,EAAEC,QAAUV,EAAKU,QAAS,EACtE,OAAiB,IAAVY,QAAgBE,EAAa,CAACF,EAAOE,GAAO,IACrD,CCnIO,MAAMC,UAA8BC,EAAAA,eAKzCC,gBAAoD,CAClDC,gBAAiB,CACf,CACEC,SAAU,QACVC,MAAO,SACPC,YAAa,+BAEf,CACEF,SAAU,eACVC,MAAO,SACPC,YAAa,qCACbC,OAASC,GAAMC,MAAMC,QAAQF,IAAMA,EAAE1D,OAAS,IAGlD6D,QAAS,CAAC,CAAEC,KAAM,oBAAqBN,YAAa,4DAI7CO,KAAO,kBAEEC,o0CAGlB,iBAAuBC,GACrB,MAAO,CACLC,kBAAkB,EAClBC,gBAAgB,EAEpB,CAGQxC,OAAwB,GACxByC,UAAW,EAEnBC,OAAsBxC,IAEtByC,GAAiE,GAEjEC,OAAsBpE,IAMb,MAAAqE,CAAOC,GACdC,MAAMF,OAAOC,GAGbE,KAAKC,YAAYC,iBAAiB,cAAeF,MAAKG,EAAe,CACnEC,OAAQJ,KAAKK,kBAEjB,CAGS,MAAAC,GACPN,KAAKhD,OAAS,GACdgD,KAAKP,UAAW,EAChBO,MAAKN,EAAgBa,QACrBP,MAAKL,EAAqB,GAC1BK,MAAKJ,EAAgBW,OACvB,CAUAJ,GAAiBK,IACf,IAAKR,KAAKP,SAAU,OAEpB,MAAMgB,EAAQD,GACRhD,MAAEA,EAAAkD,YAAOA,GAAgBD,EAAME,OAErC,GAAIX,KAAKY,OAAOpB,eAAgB,CAE9B,MAAMqB,MAAiBrF,IACvB,IAAA,MAAWgB,KAASwD,KAAKhD,OAAQ,CAC/B,GAAIR,EAAMR,GAAGqB,WAAW,gBAAiB,SACzC,MAAMyD,EAAWD,EAAWhE,IAAIL,EAAMR,IAClC8E,EACFA,EAAS/E,QAAQS,EAAMpB,SAEvByF,EAAWjE,IAAIJ,EAAMR,GAAI,IAAIQ,EAAMpB,SAEvC,CACA,IAAA,MAAW,CAAGA,KAAYyF,EACxB,IAAKb,MAAKe,EAAmB3F,EAASsF,GAGpC,OAFAD,EAAMO,sBACNhB,MAAKiB,EAAiBzD,EAI5B,CAOAwC,MAAKkB,EAAyBR,IAShC,EAAAQ,CAAyBR,GACvBV,MAAKN,EAAgBa,QAGrB,MAAMY,MAAmB3F,IACzB,IAAA,MAAWgB,KAASwD,KAAKhD,OACvB,IAAA,MAAWX,KAAOG,EAAMpB,QACtB+F,EAAavE,IAAIP,EAAImB,MAAOhB,EAAMR,IAKtC,IAAA,IAASmB,EAAI,EAAGA,EAAIuD,EAAYrF,OAAS,EAAG8B,IAAK,CAC1BgE,EAAatE,IAAI6D,EAAYvD,MAChCgE,EAAatE,IAAI6D,EAAYvD,EAAI,KAEjD6C,MAAKN,EAAgB7B,IAAI6C,EAAYvD,GAEzC,CACF,CAKA,EAAA4D,CAAmB3F,EAAyBsF,GAC1C,MAAMU,EAAUhG,EACbiG,IAAK9D,GAAMmD,EAAYY,QAAQ/D,EAAEC,QACjC+D,OAAQpE,IAAY,IAANA,GACdqE,KAAK,CAAC5D,EAAGF,IAAME,EAAIF,GACtB,OAAI0D,EAAQ/F,QAAU,GACf+F,EAAQ/F,SAAW+F,EAAQA,EAAQ/F,OAAS,GAAK+F,EAAQ,GAAK,CACvE,CAKA,EAAAH,CAAiBzD,GACf,MAAMiE,EAAazB,KAAKC,aAAayB,cACnC,iDAAiDlE,OAE9CiE,IAELA,EAAWE,MAAMC,YAAY,iBAAkB,0BAC/CH,EAAWI,QACT,CAAC,CAAEC,gBAAiB,8CAAgD,CAAEA,gBAAiB,gBACvF,CAAEC,SAAU,IAAKC,OAAQ,aAE7B,CAIS,WAAAC,CAAYC,GACnB,GAAmB,sBAAfA,EAAM/C,KACR,OAAOa,MAAKmC,GAGhB,CAOA,EAAAA,GACE,IAAInE,EAGJ,GAAIgC,MAAKL,EAAmBtE,OAAS,EACnC2C,EAASgC,MAAKL,EACX4B,OAAQhF,GAAMA,EAAE6F,SAAS/G,OAAS,GAClCgG,IAAK9E,IAAA,CACJP,GAAIO,EAAEP,GACNC,MAAOM,EAAE8F,OACTC,OAAQ,IAAI/F,EAAE6F,qBAETpC,KAAKP,UAAYO,KAAKhD,OAAO3B,OAAS,EAAG,CAGlD,MAAMkH,MAAe/G,IACrB,IAAA,MAAWe,KAAKyD,KAAKhD,OAAQ,CAC3B,GAAIT,EAAEP,GAAGqB,WAAW,gBAAiB,SACrC,MAAMyD,EAAWyB,EAAS1F,IAAIN,EAAEP,IAChC,GAAI8E,EACF,IAAA,MAAWvD,KAAKhB,EAAEnB,QACX0F,EAASwB,OAAOE,SAASjF,EAAEC,QAAQsD,EAASwB,OAAOvG,KAAKwB,EAAEC,YAGjE+E,EAAS3F,IAAIL,EAAEP,GAAI,CACjBA,GAAIO,EAAEP,GACNC,MAAOM,EAAEN,OAASM,EAAEP,GACpBsG,OAAQ/F,EAAEnB,QAAQiG,IAAK9D,GAAMA,EAAEC,QAGrC,CACAQ,EAASgB,MAAMyD,KAAKF,EAASG,UAE7B,MAAMC,EAAU3C,KAAK5E,QACrB,IAAA,MAAWiB,KAAOsG,EAChB,GAAKtG,EAAYuG,QAAUvG,EAAIG,MAAO,CACpC,MAAMqG,EAA2B,iBAAdxG,EAAIG,MAAqBH,EAAIG,MAAQH,EAAIG,MAAMR,GAC5D8G,EAA8B,iBAAdzG,EAAIG,MAAqBH,EAAIG,MAASH,EAAIG,MAAMP,OAASI,EAAIG,MAAMR,GACnF8E,EAAW9C,EAAO+E,KAAMxG,GAAMA,EAAEP,KAAO6G,GACzC/B,EACGA,EAASwB,OAAOE,SAASnG,EAAImB,QAAQsD,EAASwB,OAAOvG,KAAKM,EAAImB,OAEnEQ,EAAOjC,KAAK,CAAEC,GAAI6G,EAAK5G,MAAO6G,EAAQR,OAAQ,CAACjG,EAAImB,QAEvD,CAEJ,KAAO,CAEL,MAAMmF,EAAU3C,KAAK5E,QACfmH,MAAe/G,IACrB,IAAA,MAAWa,KAAOsG,EAAS,CACzB,IAAKtG,EAAIG,MAAO,SAChB,MAAMqG,EAA2B,iBAAdxG,EAAIG,MAAqBH,EAAIG,MAAQH,EAAIG,MAAMR,GAC5D8G,EAA8B,iBAAdzG,EAAIG,MAAqBH,EAAIG,MAASH,EAAIG,MAAMP,OAASI,EAAIG,MAAMR,GACnF8E,EAAWyB,EAAS1F,IAAIgG,GAC1B/B,EACGA,EAASwB,OAAOE,SAASnG,EAAImB,QAAQsD,EAASwB,OAAOvG,KAAKM,EAAImB,OAEnE+E,EAAS3F,IAAIiG,EAAK,CAAE7G,GAAI6G,EAAK5G,MAAO6G,EAAQR,OAAQ,CAACjG,EAAImB,QAE7D,CACAQ,EAASgB,MAAMyD,KAAKF,EAASG,SAC/B,CAIA,MAAMM,EAAehD,KAAKF,MAAMmD,iBAChC,GAAID,GAAgBA,EAAa3H,OAAS,EAAG,CAC3C,MAAM6H,EAAa,IAAI1H,IAAIwH,EAAa3B,IAAI,CAAC8B,EAAGhG,IAAM,CAACgG,EAAGhG,KAC1D,IAAA,MAAWX,KAASwB,EAClBxB,EAAM8F,OAAOd,KAAK,CAAC5D,EAAGF,KAAOwF,EAAWrG,IAAIe,IAAMwF,MAAaF,EAAWrG,IAAIa,IAAM0F,KAExF,CAEA,OAAOpF,CACT,CASA,aAAOqF,CAAOC,EAAsB1C,GAElC,MAAM2C,EAAgB3C,GAAQ4C,UAAUC,gBACxC,GACEF,GACyB,iBAAlBA,GACPvE,MAAMC,QAAQsE,EAAcG,eAC5BH,EAAcG,aAAarI,OAAS,EAEpC,OAAO,EAGT,GAAIuF,GAAQ8C,cAAgB1E,MAAMC,QAAQ2B,EAAO8C,eAAiB9C,EAAO8C,aAAarI,OAAS,EAC7F,OAAO,EAGT,MAAMD,EAAUwF,GAAQxF,QACxB,QAAK4D,MAAMC,QAAQ7D,IDQhB,SAAyBA,GAC9B,OAAOA,EAAQuI,KAAMtH,GAAqB,MAAbA,EAAIG,MACnC,CCTWoH,CAAgBxI,EACzB,CAMS,cAAAyI,CAAezI,GAEtB,MAAM0I,EAAqB9D,KAAKY,QAAQ8C,aAClCK,EAAmB/D,KAAKF,MAAMkE,YAAYN,aAChD,IAAIO,EAgBAC,EAEJ,GAhBIJ,GAAsB9E,MAAMC,QAAQ6E,IAAuBA,EAAmBzI,OAAS,GAErF0I,GAAoB/E,MAAMC,QAAQ8E,IAAqBA,EAAiB1I,OAAS,GACnF2E,KAAKmE,KACHC,EAAAA,uBACA,yHAIJH,EAAkBH,GACTC,GAAoB/E,MAAMC,QAAQ8E,IAAqBA,EAAiB1I,OAAS,IAC1F4I,EAAkBF,GAKhBE,GAAmBA,EAAgB5I,OAAS,EAAG,CAEjD,MAAMgJ,EAAkCJ,ED1WhC5C,IAAKiD,IACf,OAAIA,EAAItI,GAAWsI,GACdA,EAAIjC,QACPkC,EAAAA,gBACEC,EAAAA,mBACA,uFAGG,IAAKF,EAAKtI,IAvBSqG,EAuBSiC,EAAIjC,OAtBlCA,EACJoC,cACAC,OACAC,QAAQ,cAAe,KACvBA,QAAQ,SAAU,OALhB,IAAuBtC,IC0XxBrC,MAAKL,EAAqB0E,EAG1BrE,MAAKJ,EAAgBW,QACrB,IAAA,MAAW+D,KAAOD,EACZC,EAAIM,UACN5E,MAAKJ,EAAgBhD,IAAI0H,EAAItI,GAAIsI,EAAIM,UAKzC,MAAMzD,MAAmB3F,IACzB,IAAA,MAAWgB,KAAS6H,EAClB,IAAA,MAAW7G,KAAShB,EAAM4F,SACxBjB,EAAavE,IAAIY,EAAO,CAAExB,GAAIQ,EAAMR,GAAIC,MAAOO,EAAM6F,SAKzD6B,EAAmB9I,EAAQiG,IAAKhF,IAC9B,MAAMwI,EAAY1D,EAAatE,IAAIR,EAAImB,OACvC,OAAIqH,IAAcxI,EAAIG,MACb,IAAKH,EAAKG,MAAOqI,GAEnBxI,GAEX,MACE2D,MAAKL,EAAqB,GAC1BK,MAAKJ,EAAgBW,QACrB2D,EAAmB,IAAI9I,GAIzB,MAAM4B,EAAS7B,EAAoB+I,GAEnC,GAAsB,IAAlBlH,EAAO3B,OAGT,OAFA2E,KAAKP,UAAW,EAChBO,KAAKhD,OAAS,GACPkH,EAIT,GAAIlE,MAAKJ,EAAgBkF,KAAO,EAC9B,IAAA,MAAWvI,KAAKS,EAAQ,CACtB,MAAM+H,EAAI/E,MAAKJ,EAAgB/C,IAAIN,EAAEP,IACjC+I,MAAKH,SAAWG,EACtB,CAGF/E,KAAKP,UAAW,EAChBO,KAAKhD,OAASA,EAGdgD,MAAKN,EAAgBa,QACrB,IAAA,MAAWhE,KAAKS,EAAQ,CACtB,MAAMgI,EAAUzI,EAAEnB,QAAQmB,EAAEnB,QAAQC,OAAS,GACzC2J,GAASxH,OACXwC,MAAKN,EAAgB7B,IAAImH,EAAQxH,MAErC,CAGA,OAAO0G,CACT,CAGS,WAAAe,GACP,IAAKjF,KAAKP,SAAU,CAElB,MAAM4C,EAASrC,KAAKC,aAAayB,cAAc,WACzCwD,EAAmB7C,GAAQX,cAAc,qBAE/C,YADIwD,KAAmCC,SAEzC,CAEA,MAAM9C,EAASrC,KAAKC,aAAayB,cAAc,WAC/C,IAAKW,EAAQ,OAGb,MAAM6C,EAAmB7C,EAAOX,cAAc,qBAC1CwD,KAAmCC,SAKvC,MAAMC,EAAepF,KAAKqF,eACpBrI,EAAS7B,EAAoBiK,GACnC,GAAsB,IAAlBpI,EAAO3B,OAAc,OAGzB,GAAI2E,MAAKJ,EAAgBkF,KAAO,EAC9B,IAAA,MAAWvI,KAAKS,EAAQ,CACtB,MAAM+H,EAAI/E,MAAKJ,EAAgB/C,IAAIN,EAAEP,IACjC+I,MAAKH,SAAWG,EACtB,CAIF/E,MAAKN,EAAgBa,QACrB,MAAM+E,EAAcvI,EAAYC,GAChC,IAAA,IAASuI,EAAK,EAAGA,EAAKD,EAAYvH,OAAO1C,OAAQkK,IAAM,CACrD,MAAMhJ,EAAI+I,EAAYvH,OAAOwH,GACvBP,EAAUzI,EAAEnB,QAAQmB,EAAEnB,QAAQC,OAAS,GAEzC2J,GAASxH,OAAS+H,EAAKD,EAAYvH,OAAO1C,OAAS,GACrD2E,MAAKN,EAAgB7B,IAAImH,EAAQxH,MAErC,CAGA,MAAMgI,ED3MH,SACLxI,EACA5B,EACAwJ,EACAU,GAEA,GAAsB,IAAlBtI,EAAO3B,OAAc,OAAO,KAEhC,MAAMmK,EAAWC,SAASC,cAAc,OACxCF,EAASG,UAAY,mBACrBH,EAASI,aAAa,OAAQ,OAE9B,MAAQ7H,OAAQ8H,GAAiBP,GAAevI,EAAYC,GAE5D,IAAA,MAAWT,KAAKsJ,EAAc,CAC5B,MAAMC,EAAM1I,OAAOb,EAAEP,IACf+J,EAAaD,EAAIzI,WAAW,gBAI5B2I,EAAQ9H,EAAsB3B,EAAGnB,GACvC,IAAK4K,EAAO,SACZ,MAAOC,EAAYC,GAAYF,EACzBG,EAAOD,EAAWD,EAAa,EAE/BhK,EAAQ8J,EAAa,GAAKxJ,EAAEN,OAASM,EAAEP,GAEvCoK,EAAOX,SAASC,cAAc,OACpCU,EAAKT,UAAY,yBACbI,GAAYK,EAAKC,UAAUxI,IAAI,kBACnCuI,EAAKR,aAAa,aAAcE,GAChCM,EAAKzE,MAAM2E,WAAa,GAAGL,EAAa,YAAYE,IAGpD,MAAMI,GAAmBR,IAAexJ,EAAEqI,UAAYA,SAAc,EACpE,GAAI2B,IAAmBR,EAAY,CACjC,MAOM/H,EAASuI,EAPyB,CACtCvK,GAAI8J,EACJ7J,MAAOmB,OAAOnB,GACdb,QAASmB,EAAEnB,QACXU,WAAYmK,EACZF,YAAY,IAGV/H,aAAkBwI,YACpBJ,EAAKK,YAAYzI,GACU,iBAAXA,EAChBoI,EAAKM,UAAY1I,EAEjBoI,EAAKO,YAAc1K,CAEvB,MAEEmK,EAAKO,YAAc1K,EAGrBuJ,EAASiB,YAAYL,EACvB,CAEA,OAAOZ,CACT,CC+IqBoB,CAAoB5J,EAAQoI,EAAcpF,KAAKY,OAAOiG,oBAAqBvB,GAC5F,GAAIE,EAAU,CAEZA,EAASa,UAAUS,OAAO,cAAe9G,KAAKY,OAAOrB,kBAErD,MAAMwH,EAAY1E,EAAOX,cAAc,eACnCqF,EACF1E,EAAO2E,aAAaxB,EAAUuB,GAE9B1E,EAAOoE,YAAYjB,EAEvB,CAGA,MAAMuB,EAAY1E,EAAOX,cAAc,eACnCqF,IAEFA,EAAUV,UAAUS,OAAO,oBAAqB9G,KAAKY,OAAOrB,kBDvX3D,SACL0H,EACAjK,EACA5B,EACAkK,GAEA,IAAKtI,EAAO3B,SAAW4L,EAAa,OAEpC,MAAQlJ,OAAQ8H,EAAA5I,SAAcA,GAAaqI,GAAevI,EAAYC,GAEhEmE,MAAmB3F,IACzB,IAAA,MAAWe,KAAKsJ,EACd,IAAIzI,OAAOb,EAAEP,IAAIqB,WAAW,gBAC5B,IAAA,MAAWE,KAAKhB,EAAEnB,QACZmC,EAAEC,OACJ2D,EAAavE,IAAIW,EAAEC,MAAOjB,EAAEP,IAMlC,IAAA,IAASmB,EAAI,EAAGA,EAAIH,EAAO3B,OAAQ8B,IAAK,CACtC,MAAMZ,EAAIS,EAAOG,GACjB,GAAKC,OAAOb,EAAEP,IAAIqB,WAAW,iBAAoBJ,EAASN,IAAIS,OAAOb,EAAEP,KAEvE,IAAA,IAAS0B,EAAIP,EAAI,EAAGO,GAAK,EAAGA,IAC1B,IAAKN,OAAOJ,EAAOU,GAAG1B,IAAIqB,WAAW,gBAAiB,CACpD,IAAA,MAAWE,KAAKhB,EAAEnB,QACZmC,EAAEC,OAAO2D,EAAavE,IAAIW,EAAEC,MAAOR,EAAOU,GAAG1B,IAEnD,KACF,CAEJ,CAEA,MAAMkL,EAAclI,MAAMyD,KAAKwE,EAAYE,iBAAiB,sBAC5DD,EAAY9K,QAASgK,IACnB,MAAMjD,EAAIiD,EAAKgB,aAAa,eAAiB,GACvCtB,EAAM3E,EAAatE,IAAIsG,GACzB2C,IACFM,EAAKC,UAAUxI,IAAI,WACduI,EAAKgB,aAAa,eACrBhB,EAAKR,aAAa,aAAcE,MAOtC,IAAA,MAAWvJ,KAAKsJ,EAAc,CAC5B,MAAM/I,EAAOP,EAAEnB,QAAQmB,EAAEnB,QAAQC,OAAS,GACpC+K,EAAOc,EAAYnE,KAAMxF,GAAMA,EAAE6J,aAAa,gBAAkBtK,EAAKU,OACvE4I,GAAMA,EAAKC,UAAUxI,IAAI,YAC/B,CACF,CCkUMwJ,CAA8BN,EAAW/J,EAAQoI,EAAcE,GAEnE,CAQS,eAAAgC,CAAgBC,GAClBvH,KAAKP,UAAaO,KAAKY,OAAOrB,kBACnCgI,EAAQC,YAAYnB,UAAUS,OAAO,YAAa9G,MAAKN,EAAgB/C,IAAI4K,EAAQE,OAAOjK,OAC5F,CASA,gBAAAkK,GACE,OAAO1H,KAAKP,QACd,CAMA,SAAAkI,GACE,OAAO3H,KAAKhD,MACd,CAOA,eAAA4K,CAAgBC,GACd,OAAO7H,KAAKhD,OAAOuE,OAAQhF,GAAMA,EAAEP,KAAO6L,GAASC,QAASvL,GAAMA,EAAEnB,QACtE,CAKA,OAAA2M,GACE/H,KAAKgI,eACP"}
+{"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 { COLUMN_GROUP_NO_ID, throwDiagnostic } from '../../core/internal/diagnostics';\nimport { sanitizeHTML } from '../../core/internal/sanitize';\nimport type { ColumnConfig } from '../../core/types';\nimport './types';\nimport type {\n  ColumnGroup,\n  ColumnGroupDefinition,\n  ColumnGroupInternal,\n  GroupHeaderRenderParams,\n  GroupingColumnsConfig,\n} from './types';\n\n/**\n * Generate a stable slug from a header string for use as auto-generated group id.\n * E.g. `'Personal Info'` → `'personal-info'`\n */\nexport function slugifyHeader(header: string): string {\n  return header\n    .toLowerCase()\n    .trim()\n    .replace(/[^a-z0-9]+/g, '-')\n    .replace(/^-|-$/g, '');\n}\n\n/**\n * Validate column group definitions and resolve auto-generated ids.\n * Throws if a group has neither `id` nor `header`.\n *\n * @returns A new array with `id` resolved on every definition.\n */\nexport function resolveColumnGroupDefs(defs: ColumnGroupDefinition[]): (ColumnGroupDefinition & { id: string })[] {\n  return defs.map((def) => {\n    if (def.id) return def as ColumnGroupDefinition & { id: string };\n    if (!def.header) {\n      throwDiagnostic(\n        COLUMN_GROUP_NO_ID,\n        'ColumnGroupDefinition requires either an \"id\" or a \"header\" to generate an id from.',\n      );\n    }\n    return { ...def, id: slugifyHeader(def.header) };\n  });\n}\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 groupsOrdered: ColumnGroupInternal<T>[] = [];\n  /** Track first-seen label for each explicit group id so fragments share the label. */\n  const labelMap = new Map<string, string | undefined>();\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    const rawLabel = typeof g === 'string' ? undefined : g.label;\n\n    // Track labels: first column to define a label for this group id wins\n    if (rawLabel && !labelMap.has(id)) {\n      labelMap.set(id, rawLabel);\n    }\n    const label = labelMap.get(id) ?? rawLabel;\n\n    // Extend the last group if it has the same id (contiguous run)\n    const last = groupsOrdered[groupsOrdered.length - 1];\n    if (last && !last.implicit && last.id === id) {\n      last.columns.push(col);\n    } else {\n      // New group or new fragment (same id but non-contiguous)\n      groupsOrdered.push({\n        id,\n        label,\n        columns: [col],\n        firstIndex: idx,\n      });\n    }\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 * Merge column groups into their final form for rendering:\n * identifies embedded implicit groups and collapses adjacent same-ID fragments.\n *\n * Call once per render and pass the result to both `buildGroupHeaderRow` and\n * `applyGroupedHeaderCellClasses` to avoid redundant computation.\n */\nexport function mergeGroups<T>(groups: ColumnGroup<T>[]): { merged: ColumnGroup<T>[]; embedded: Set<string> } {\n  const embedded = findEmbeddedImplicitGroups(groups);\n  const merged = mergeAdjacentSameIdGroups(groups, embedded);\n  return { merged, embedded };\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 (raw, before merging)\n * @param columns - The column configurations\n * @param precomputed - Optional pre-computed merged groups (avoids redundant merge)\n */\nexport function applyGroupedHeaderCellClasses(\n  headerRowEl: HTMLElement | null,\n  groups: ColumnGroup[],\n  columns: ColumnConfig[],\n  precomputed?: { merged: ColumnGroup[]; embedded: Set<string> },\n): void {\n  if (!groups.length || !headerRowEl) return;\n\n  const { merged: mergedGroups, embedded } = precomputed ?? mergeGroups(groups);\n\n  const fieldToGroup = new Map<string, string>();\n  for (const g of mergedGroups) {\n    if (String(g.id).startsWith('__implicit__')) continue;\n    for (const c of g.columns) {\n      if (c.field) {\n        fieldToGroup.set(c.field, g.id);\n      }\n    }\n  }\n\n  // Also map embedded implicit columns to their enclosing explicit group\n  for (let i = 0; i < groups.length; i++) {\n    const g = groups[i];\n    if (!String(g.id).startsWith('__implicit__') || !embedded.has(String(g.id))) continue;\n    // Find nearest explicit group before this implicit — that's the enclosing group\n    for (let b = i - 1; b >= 0; b--) {\n      if (!String(groups[b].id).startsWith('__implicit__')) {\n        for (const c of g.columns) {\n          if (c.field) fieldToGroup.set(c.field, groups[b].id);\n        }\n        break;\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 using merged groups (including implicit groups).\n  // CSS :last-child rules suppress the border on the very last cell, so we mark all groups.\n  for (const g of mergedGroups) {\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 that are sandwiched between two fragments of the same\n * explicit group (e.g. a utility column inserted between members of the same group).\n *\n * Only implicit groups whose columns are **all** internal/utility fields (prefixed\n * with `__tbw_`) qualify.  When a regular data column sits between two fragments\n * of the same group it represents a genuine break introduced by column reordering\n * and must NOT be absorbed.\n *\n * @returns Set of implicit group IDs that are visually embedded.\n */\nexport function findEmbeddedImplicitGroups(groups: ColumnGroup[]): Set<string> {\n  const embedded = new Set<string>();\n\n  for (let i = 0; i < groups.length; i++) {\n    if (!String(groups[i].id).startsWith('__implicit__')) continue;\n\n    // Only absorb implicit groups that contain exclusively utility columns.\n    // Data columns (user-visible fields) must always get their own header space.\n    const allUtility = groups[i].columns.every((c) => c.field?.startsWith('__tbw_'));\n    if (!allUtility) continue;\n\n    // Find nearest explicit group before this implicit group\n    let beforeId: string | null = null;\n    for (let b = i - 1; b >= 0; b--) {\n      if (!String(groups[b].id).startsWith('__implicit__')) {\n        beforeId = groups[b].id;\n        break;\n      }\n    }\n\n    // Find nearest explicit group after this implicit group\n    let afterId: string | null = null;\n    for (let a = i + 1; a < groups.length; a++) {\n      if (!String(groups[a].id).startsWith('__implicit__')) {\n        afterId = groups[a].id;\n        break;\n      }\n    }\n\n    // Embedded if sandwiched between two fragments of the same group\n    if (beforeId && afterId && beforeId === afterId) {\n      embedded.add(String(groups[i].id));\n    }\n  }\n\n  return embedded;\n}\n\n/**\n * Merge adjacent same-ID group fragments after removing embedded implicit groups.\n * This produces the final group list for header rendering, where utility columns\n * (checkbox, expander) are absorbed into the surrounding group's span.\n *\n * @param groups - The computed column groups (potentially fragmented)\n * @param embedded - Set of embedded implicit group IDs to skip\n * @returns Merged group list where same-ID fragments separated by embedded implicits are combined\n */\nexport function mergeAdjacentSameIdGroups<T>(groups: ColumnGroup<T>[], embedded: Set<string>): ColumnGroup<T>[] {\n  const result: ColumnGroup<T>[] = [];\n  for (const g of groups) {\n    // Skip embedded implicit groups — they get absorbed into the surrounding fragment\n    if (String(g.id).startsWith('__implicit__') && embedded.has(String(g.id))) continue;\n\n    const prev = result[result.length - 1];\n    if (prev && !String(g.id).startsWith('__implicit__') && prev.id === g.id) {\n      // Merge with previous same-ID group\n      result[result.length - 1] = {\n        ...prev,\n        columns: [...prev.columns, ...g.columns],\n      };\n    } else {\n      result.push({ ...g, columns: [...g.columns] });\n    }\n  }\n  return result;\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 * @param renderer - Optional custom group header renderer\n * @param precomputed - Optional pre-computed merged groups (avoids redundant merge)\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  precomputed?: { merged: ColumnGroup[]; embedded: Set<string> },\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 { merged: mergedGroups } = precomputed ?? mergeGroups(groups);\n\n  for (const g of mergedGroups) {\n    const gid = String(g.id);\n    const isImplicit = gid.startsWith('__implicit__');\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 per-group renderer → fallback renderer → plain text label\n    const activeRenderer = (!isImplicit && (g.renderer || renderer)) || undefined;\n    if (activeRenderer && !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 = activeRenderer(params);\n      if (result instanceof HTMLElement) {\n        cell.appendChild(result);\n      } else if (typeof result === 'string') {\n        // Sanitize renderer-returned HTML to prevent XSS, mirroring the cell\n        // renderer pipeline in core/internal/rows.ts.\n        cell.innerHTML = sanitizeHTML(result);\n      } else {\n        cell.textContent = label;\n      }\n    } else {\n      // Always use textContent for non-rendered labels to prevent HTML injection\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 { COLUMN_GROUPS_CONFLICT } from '../../core/internal/diagnostics';\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  hasColumnGroups,\n  mergeGroups,\n  resolveColumnGroupDefs,\n} from './grouping-columns';\nimport styles from './grouping-columns.css?inline';\nimport type { ColumnGroup, ColumnGroupDefinition, 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 * ## 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 * @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 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  /** Resolved column group definitions (with auto-generated ids). */\n  #resolvedGroupDefs: (ColumnGroupDefinition & { id: string })[] = [];\n  /** Map of group id → per-group renderer from ColumnGroupDefinition.renderer */\n  #groupRenderers = new Map<string, NonNullable<ColumnGroupDefinition['renderer']>>();\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    this.gridElement.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    this.#resolvedGroupDefs = [];\n    this.#groupRenderers.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      // Aggregate all columns per group ID (across fragments) for full contiguity check\n      const fullGroups = new Map<string, ColumnConfig[]>();\n      for (const group of this.groups) {\n        if (group.id.startsWith('__implicit__')) continue;\n        const existing = fullGroups.get(group.id);\n        if (existing) {\n          existing.push(...group.columns);\n        } else {\n          fullGroups.set(group.id, [...group.columns]);\n        }\n      }\n      for (const [, columns] of fullGroups) {\n        if (!this.#isGroupContiguous(columns, 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   * Marks every boundary where adjacent columns belong to different groups,\n   * which naturally handles fragmented groups (same group ID split across\n   * non-contiguous positions).\n   */\n  #recomputeGroupEndFields(columnOrder: string[]): void {\n    this.#groupEndFields.clear();\n\n    // Build field → group ID map from all groups\n    const fieldToGroup = new Map<string, string>();\n    for (const group of this.groups) {\n      for (const col of group.columns) {\n        fieldToGroup.set(col.field, group.id);\n      }\n    }\n\n    // Mark every position where the group changes (skip the very last column)\n    for (let i = 0; i < columnOrder.length - 1; i++) {\n      const currentGroup = fieldToGroup.get(columnOrder[i]);\n      const nextGroup = fieldToGroup.get(columnOrder[i + 1]);\n      if (currentGroup !== nextGroup) {\n        this.#groupEndFields.add(columnOrder[i]);\n      }\n    }\n  }\n\n  /**\n   * Check if all columns are contiguous in the proposed column order.\n   */\n  #isGroupContiguous(columns: ColumnConfig[], columnOrder: string[]): boolean {\n    const indices = 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 resolved declarative columnGroups (from plugin config or gridConfig)\n    if (this.#resolvedGroupDefs.length > 0) {\n      result = this.#resolvedGroupDefs\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      // Aggregate fragments (same group id at non-contiguous positions) into one entry.\n      const groupMap = new Map<string, ColumnGroupInfo>();\n      for (const g of this.groups) {\n        if (g.id.startsWith('__implicit__')) continue;\n        const existing = groupMap.get(g.id);\n        if (existing) {\n          for (const c of g.columns) {\n            if (!existing.fields.includes(c.field)) existing.fields.push(c.field);\n          }\n        } else {\n          groupMap.set(g.id, {\n            id: g.id,\n            label: g.label ?? g.id,\n            fields: g.columns.map((c) => c.field),\n          });\n        }\n      }\n      result = Array.from(groupMap.values());\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 plugin feature config\n    const featureConfig = config?.features?.groupingColumns;\n    if (\n      featureConfig &&\n      typeof featureConfig === 'object' &&\n      Array.isArray(featureConfig.columnGroups) &&\n      featureConfig.columnGroups.length > 0\n    ) {\n      return true;\n    }\n    // Check for declarative columnGroups in gridConfig\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    // Resolve columnGroups source — plugin config takes precedence over gridConfig\n    const pluginColumnGroups = this.config?.columnGroups;\n    const gridColumnGroups = this.grid?.gridConfig?.columnGroups;\n    let columnGroupDefs: ColumnGroupDefinition[] | undefined;\n\n    if (pluginColumnGroups && Array.isArray(pluginColumnGroups) && pluginColumnGroups.length > 0) {\n      // Warn if both sources are defined\n      if (gridColumnGroups && Array.isArray(gridColumnGroups) && gridColumnGroups.length > 0) {\n        this.warn(\n          COLUMN_GROUPS_CONFLICT,\n          'columnGroups defined in both gridConfig and groupingColumns feature config. ' +\n            'Using feature config (higher precedence).',\n        );\n      }\n      columnGroupDefs = pluginColumnGroups;\n    } else if (gridColumnGroups && Array.isArray(gridColumnGroups) && gridColumnGroups.length > 0) {\n      columnGroupDefs = gridColumnGroups;\n    }\n\n    let processedColumns: ColumnConfig[];\n\n    if (columnGroupDefs && columnGroupDefs.length > 0) {\n      // Resolve ids (auto-generate from header when missing) and validate\n      const resolved = resolveColumnGroupDefs(columnGroupDefs);\n      this.#resolvedGroupDefs = resolved;\n\n      // Collect per-group renderers\n      this.#groupRenderers.clear();\n      for (const def of resolved) {\n        if (def.renderer) {\n          this.#groupRenderers.set(def.id, def.renderer);\n        }\n      }\n\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 resolved) {\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      this.#resolvedGroupDefs = [];\n      this.#groupRenderers.clear();\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    // Attach per-group renderers to computed groups\n    if (this.#groupRenderers.size > 0) {\n      for (const g of groups) {\n        const r = this.#groupRenderers.get(g.id);\n        if (r) g.renderer = r;\n      }\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    // Attach per-group renderers from resolved definitions\n    if (this.#groupRenderers.size > 0) {\n      for (const g of groups) {\n        const r = this.#groupRenderers.get(g.id);\n        if (r) g.renderer = r;\n      }\n    }\n\n    // Keep #groupEndFields in sync for afterCellRender (covers scheduler-driven renders)\n    this.#groupEndFields.clear();\n    const precomputed = mergeGroups(groups);\n    for (let gi = 0; gi < precomputed.merged.length; gi++) {\n      const g = precomputed.merged[gi];\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 < precomputed.merged.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, precomputed);\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, precomputed);\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 (aggregated across all fragments).\n   * @param groupId - The group ID to find\n   * @returns Array of columns in the group\n   */\n  getGroupColumns(groupId: string): ColumnConfig[] {\n    return this.groups.filter((g) => g.id === groupId).flatMap((g) => g.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","groupsOrdered","labelMap","Map","pushImplicit","startIdx","cols","prev","implicit","firstIndex","push","id","label","run","runStart","forEach","col","idx","g","group","slice","rawLabel","has","set","get","last","mergeGroups","groups","embedded","Set","i","String","startsWith","every","c","field","beforeId","b","afterId","a","add","findEmbeddedImplicitGroups","merged","result","mergeAdjacentSameIdGroups","computeGroupGridRange","first","start","findIndex","end","GroupingColumnsPlugin","BaseGridPlugin","static","ownedProperties","property","level","description","isUsed","v","Array","isArray","queries","type","name","styles","defaultConfig","showGroupBorders","lockGroupOrder","isActive","groupEndFields","resolvedGroupDefs","groupRenderers","attach","grid","super","this","gridElement","addEventListener","onColumnMove","signal","disconnectSignal","detach","clear","e","event","columnOrder","detail","config","fullGroups","existing","isGroupContiguous","preventDefault","flashHeaderCell","recomputeGroupEndFields","fieldToGroup","indices","map","indexOf","filter","sort","headerCell","querySelector","style","setProperty","animate","backgroundColor","duration","easing","handleQuery","query","getStableColumnGrouping","children","header","fields","groupMap","includes","from","values","allCols","hidden","gId","gLabel","find","displayOrder","getColumnOrder","orderIndex","f","Infinity","detect","rows","featureConfig","features","groupingColumns","columnGroups","some","hasColumnGroups","processColumns","pluginColumnGroups","gridColumnGroups","gridConfig","columnGroupDefs","processedColumns","warn","COLUMN_GROUPS_CONFLICT","resolved","def","throwDiagnostic","COLUMN_GROUP_NO_ID","toLowerCase","trim","replace","renderer","groupInfo","size","r","lastCol","afterRender","existingGroupRow","remove","finalColumns","visibleColumns","precomputed","gi","groupRow","document","createElement","className","setAttribute","mergedGroups","gid","isImplicit","range","startIndex","endIndex","span","cell","classList","gridColumn","activeRenderer","HTMLElement","appendChild","innerHTML","sanitizeHTML","textContent","buildGroupHeaderRow","groupHeaderRenderer","toggle","headerRow","insertBefore","headerRowEl","headerCells","querySelectorAll","getAttribute","applyGroupedHeaderCellClasses","afterCellRender","context","cellElement","column","isGroupingActive","getGroups","getGroupColumns","groupId","flatMap","refresh","requestRender"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("../../core/plugin/base-plugin"),require("../../core/internal/aggregators")):"function"==typeof define&&define.amd?define(["exports","../../core/plugin/base-plugin","../../core/internal/aggregators"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).TbwGridPlugin_pinnedRows={},t.TbwGrid,t.TbwGrid)}(this,function(t,e,n){"use strict";function o(t,e){const n=document.createElement("div");n.className="tbw-pinned-rows",n.setAttribute("role","presentation"),n.setAttribute("aria-live","polite");const o=document.createElement("div");o.className="tbw-pinned-rows-left";const i=document.createElement("div");i.className="tbw-pinned-rows-center";const r=document.createElement("div");if(r.className="tbw-pinned-rows-right",!1!==t.showRowCount){const t=document.createElement("span");t.className="tbw-status-panel tbw-status-panel-row-count",t.textContent=`Total: ${e.totalRows} rows`,o.appendChild(t)}if(t.showFilteredCount&&e.filteredRows!==e.totalRows){const t=document.createElement("span");t.className="tbw-status-panel tbw-status-panel-filtered-count",t.textContent=`Filtered: ${e.filteredRows}`,o.appendChild(t)}if(t.showSelectedCount&&e.selectedRows>0){const t=document.createElement("span");t.className="tbw-status-panel tbw-status-panel-selected-count",t.textContent=`Selected: ${e.selectedRows}`,r.appendChild(t)}if(t.customPanels)for(const a of t.customPanels){const t=g(a,e);switch(a.position){case"left":o.appendChild(t);break;case"center":i.appendChild(t);break;case"right":r.appendChild(t)}}return n.appendChild(o),n.appendChild(i),n.appendChild(r),n}function i(t){const e=document.createElement("div");return e.className=`tbw-aggregation-rows tbw-aggregation-rows-${t}`,e.setAttribute("role","presentation"),e}function r(t,e,n,o,i=!1){t.innerHTML="";for(const r of e){const e=document.createElement("div");e.className="tbw-aggregation-row",e.setAttribute("role","presentation"),r.id&&e.setAttribute("data-aggregation-id",r.id);r.fullWidth??i?a(e,r,n,o):s(e,r,n,o),t.appendChild(e)}}function a(t,e,n,o){const i=document.createElement("div");i.className="tbw-aggregation-cell tbw-aggregation-cell-full",i.style.gridColumn="1 / -1";const r="function"==typeof e.label?e.label(o,n):e.label;if(r){const t=document.createElement("span");t.className="tbw-aggregation-label",t.textContent=r,i.appendChild(t)}const a=function(t,e,n){const o=t.aggregators&&Object.keys(t.aggregators).length>0,i=t.cells&&Object.keys(t.cells).length>0;if(!o&&!i)return null;const r=document.createElement("span");r.className="tbw-aggregation-aggregates";for(const a of e){const{value:e,formatter:o}=l(t,a,n);if(null!=e){const t=document.createElement("span");t.className="tbw-aggregation-aggregate",t.setAttribute("data-field",a.field);const n=a.header??a.field,i=o?o(e,a.field,a):String(e);t.textContent=`${n}: ${i}`,r.appendChild(t)}}return r.children.length>0?r:null}(e,n,o);a&&i.appendChild(a),t.appendChild(i)}function s(t,e,n,o){for(const r of n){const n=document.createElement("div");n.className="tbw-aggregation-cell",n.setAttribute("data-field",r.field);const{value:i,formatter:a}=l(e,r,o);n.textContent=null!=i?a?a(i,r.field,r):String(i):"",t.appendChild(n)}const i="function"==typeof e.label?e.label(o,n):e.label;if(i){const e=document.createElement("span");e.className="tbw-aggregation-label",e.textContent=i,t.appendChild(e)}}function l(t,e,o){let i,r;const a=t.aggregators?.[e.field];if(a)if("object"==typeof(s=a)&&null!==s&&"aggFunc"in s){const t=n.aggregatorRegistry.get(a.aggFunc);t&&(i=t(o,e.field,e)),r=a.formatter}else{const t=n.aggregatorRegistry.get(a);t&&(i=t(o,e.field,e))}else if(t.cells&&Object.prototype.hasOwnProperty.call(t.cells,e.field)){const n=t.cells[e.field];i="function"==typeof n?n(o,e.field,e):n}var s;return{value:i,formatter:r}}function g(t,e){const n=document.createElement("div");n.className="tbw-status-panel tbw-status-panel-custom",n.id=`status-panel-${t.id}`;const o=t.render(e);return"string"==typeof o?n.innerHTML=o:n.appendChild(o),n}function c(t,e,n,o,i){return{totalRows:t.length,filteredRows:i?.cachedResult?.length??t.length,selectedRows:o?.selected?.size??0,columns:e,rows:t,grid:n}}class d extends e.BaseGridPlugin{name="pinnedRows";styles="@layer tbw-plugins{.tbw-scroll-area{container-type:inline-size}.tbw-footer{flex-shrink:0;z-index:var(--tbw-z-layer-pinned-rows, 20);background:var(--tbw-color-panel-bg);min-width:fit-content}.tbw-pinned-rows{display:flex;align-items:center;justify-content:space-between;padding:var(--tbw-button-padding, var(--tbw-spacing-md, .5rem) var(--tbw-spacing-lg, .75rem));background:var(--tbw-pinned-rows-bg, var(--tbw-color-panel-bg));border-top:1px solid var(--tbw-pinned-rows-border, var(--tbw-color-border));font-size:var(--tbw-font-size-xs, .75rem);color:var(--tbw-pinned-rows-color, var(--tbw-color-fg-muted));min-height:32px;box-sizing:border-box;position:sticky;left:0;min-width:0;width:100cqi}.tbw-pinned-rows-left,.tbw-pinned-rows-center,.tbw-pinned-rows-right{display:flex;align-items:center;gap:var(--tbw-spacing-xl, 1rem)}.tbw-pinned-rows-left{justify-content:flex-start}.tbw-pinned-rows-center{justify-content:center;flex:1}.tbw-pinned-rows-right{justify-content:flex-end}.tbw-status-panel{white-space:nowrap}.tbw-aggregation-rows{min-width:fit-content;background:var(--tbw-aggregation-bg, var(--tbw-color-header-bg))}.tbw-aggregation-rows-top{border-bottom:1px solid var(--tbw-aggregation-border, var(--tbw-color-border))}.tbw-aggregation-rows-bottom{border-top:1px solid var(--tbw-aggregation-border, var(--tbw-color-border))}.tbw-aggregation-row{display:grid;grid-template-columns:var(--tbw-column-template);font-size:var(--tbw-aggregation-font-size, .8em);font-weight:var(--tbw-aggregation-font-weight, 600);position:relative;background:inherit}.tbw-aggregation-row>.tbw-aggregation-label{position:sticky;left:0;grid-row:1;grid-column:1;display:flex;align-items:center;padding:var(--tbw-cell-padding, .125rem .5rem);background:inherit;z-index:1;pointer-events:none}.tbw-aggregation-row>.tbw-aggregation-cell:first-child{grid-column:1;grid-row:1}.tbw-aggregation-cell:not(:empty){position:relative;z-index:2;background:inherit}.tbw-aggregation-cell{padding:var(--tbw-cell-padding, .125rem .5rem);min-height:var(--tbw-row-height, 1.75rem);display:block;align-items:center;align-content:center;border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;text-overflow:ellipsis;white-space:var(--tbw-cell-white-space, nowrap)}.tbw-aggregation-cell:last-child{border-right:0}.tbw-aggregation-cell-full{grid-column:1 / -1;border-right:0;display:flex;align-items:center;gap:var(--tbw-spacing-lg, .75rem)}.tbw-aggregation-label{white-space:nowrap}.tbw-aggregation-aggregates{display:flex;align-items:center;gap:var(--tbw-spacing-lg, .75rem);font-weight:400;opacity:.85}.tbw-aggregation-aggregate{white-space:nowrap}}";get defaultConfig(){return{position:"bottom",showRowCount:!0,showSelectedCount:!0,showFilteredCount:!0}}infoBarElement=null;topAggregationContainer=null;bottomAggregationContainer=null;footerWrapper=null;detach(){this.infoBarElement&&(this.infoBarElement.remove(),this.infoBarElement=null),this.topAggregationContainer&&(this.topAggregationContainer.remove(),this.topAggregationContainer=null),this.bottomAggregationContainer&&(this.bottomAggregationContainer.remove(),this.bottomAggregationContainer=null),this.footerWrapper&&(this.footerWrapper.remove(),this.footerWrapper=null)}afterRender(){const t=this.gridElement;if(!t)return;const e=t.querySelector(".tbw-scroll-area")??t.querySelector(".tbw-grid-content")??t.querySelector(".tbw-grid-root");if(!e)return;this.footerWrapper&&!e.contains(this.footerWrapper)&&(this.footerWrapper=null,this.bottomAggregationContainer=null,this.infoBarElement=null),this.topAggregationContainer&&!e.contains(this.topAggregationContainer)&&(this.topAggregationContainer=null),this.infoBarElement&&!e.contains(this.infoBarElement)&&(this.infoBarElement=null);const n=this.getSelectionState(),a=this.getFilterState(),s=c(this.sourceRows,this.columns,this.gridElement,n,a),l=this.config.aggregationRows||[],g=l.filter(t=>"top"===t.position),d=l.filter(t=>"top"!==t.position);if(g.length>0){if(!this.topAggregationContainer){this.topAggregationContainer=i("top");const n=t.querySelector(".header");n&&n.nextSibling?e.insertBefore(this.topAggregationContainer,n.nextSibling):e.appendChild(this.topAggregationContainer)}r(this.topAggregationContainer,g,this.visibleColumns,this.sourceRows,this.config.fullWidth)}else this.topAggregationContainer&&(this.topAggregationContainer.remove(),this.topAggregationContainer=null);const p=!1!==this.config.showRowCount||this.config.showSelectedCount&&s.selectedRows>0||this.config.showFilteredCount&&s.filteredRows!==s.totalRows||this.config.customPanels&&this.config.customPanels.length>0,h=p&&"top"!==this.config.position,f=d.length>0||h;if(p&&"top"===this.config.position)if(this.infoBarElement){const t=o(this.config,s);this.infoBarElement.replaceWith(t),this.infoBarElement=t}else this.infoBarElement=o(this.config,s),e.insertBefore(this.infoBarElement,e.firstChild);else"top"===this.config.position&&this.infoBarElement&&(this.infoBarElement.remove(),this.infoBarElement=null);f?(this.footerWrapper||(this.footerWrapper=document.createElement("div"),this.footerWrapper.className="tbw-footer",e.appendChild(this.footerWrapper)),this.footerWrapper.innerHTML="",d.length>0&&(this.bottomAggregationContainer||(this.bottomAggregationContainer=i("bottom")),this.footerWrapper.appendChild(this.bottomAggregationContainer),r(this.bottomAggregationContainer,d,this.visibleColumns,this.sourceRows,this.config.fullWidth)),h&&(this.infoBarElement=o(this.config,s),this.footerWrapper.appendChild(this.infoBarElement))):this.cleanupFooter()}cleanup(){this.infoBarElement&&(this.infoBarElement.remove(),this.infoBarElement=null),this.topAggregationContainer&&(this.topAggregationContainer.remove(),this.topAggregationContainer=null),this.bottomAggregationContainer&&(this.bottomAggregationContainer.remove(),this.bottomAggregationContainer=null),this.footerWrapper&&(this.footerWrapper.remove(),this.footerWrapper=null)}cleanupFooter(){this.footerWrapper&&(this.footerWrapper.remove(),this.footerWrapper=null),this.bottomAggregationContainer&&(this.bottomAggregationContainer.remove(),this.bottomAggregationContainer=null),this.infoBarElement&&"top"!==this.config.position&&(this.infoBarElement.remove(),this.infoBarElement=null)}getSelectionState(){try{return this.grid?.getPluginState?.("selection")??null}catch{return null}}getFilterState(){try{return this.grid?.getPluginState?.("filtering")??null}catch{return null}}refresh(){this.requestRender()}getContext(){const t=this.getSelectionState(),e=this.getFilterState();return c(this.rows,this.columns,this.gridElement,t,e)}addPanel(t){this.config.customPanels||(this.config.customPanels=[]),this.config.customPanels.push(t),this.requestRender()}removePanel(t){this.config.customPanels&&(this.config.customPanels=this.config.customPanels.filter(e=>e.id!==t),this.requestRender())}addAggregationRow(t){this.config.aggregationRows||(this.config.aggregationRows=[]),this.config.aggregationRows.push(t),this.requestRender()}removeAggregationRow(t){this.config.aggregationRows&&(this.config.aggregationRows=this.config.aggregationRows.filter(e=>e.id!==t),this.requestRender())}}t.PinnedRowsPlugin=d,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})});
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("../../core/plugin/base-plugin"),require("../../core/internal/aggregators")):"function"==typeof define&&define.amd?define(["exports","../../core/plugin/base-plugin","../../core/internal/aggregators"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).TbwGridPlugin_pinnedRows={},t.TbwGrid,t.TbwGrid)}(this,function(t,e,n){"use strict";function o(t,e){const n=document.createElement("div");n.className="tbw-pinned-rows",n.setAttribute("role","presentation"),n.setAttribute("aria-live","polite");const o=document.createElement("div");o.className="tbw-pinned-rows-left";const i=document.createElement("div");i.className="tbw-pinned-rows-center";const r=document.createElement("div");if(r.className="tbw-pinned-rows-right",!1!==t.showRowCount){const t=document.createElement("span");t.className="tbw-status-panel tbw-status-panel-row-count",t.textContent=`Total: ${e.totalRows} rows`,o.appendChild(t)}if(t.showFilteredCount&&e.filteredRows!==e.totalRows){const t=document.createElement("span");t.className="tbw-status-panel tbw-status-panel-filtered-count",t.textContent=`Filtered: ${e.filteredRows}`,o.appendChild(t)}if(t.showSelectedCount&&e.selectedRows>0){const t=document.createElement("span");t.className="tbw-status-panel tbw-status-panel-selected-count",t.textContent=`Selected: ${e.selectedRows}`,r.appendChild(t)}if(t.customPanels)for(const a of t.customPanels){const t=g(a,e);switch(a.position){case"left":o.appendChild(t);break;case"center":i.appendChild(t);break;case"right":r.appendChild(t)}}return n.appendChild(o),n.appendChild(i),n.appendChild(r),n}function i(t){const e=document.createElement("div");return e.className=`tbw-aggregation-rows tbw-aggregation-rows-${t}`,e.setAttribute("role","presentation"),e}function r(t,e,n,o,i=!1){t.innerHTML="";for(const r of e){const e=document.createElement("div");e.className="tbw-aggregation-row",e.setAttribute("role","presentation"),r.id&&e.setAttribute("data-aggregation-id",r.id);r.fullWidth??i?a(e,r,n,o):s(e,r,n,o),t.appendChild(e)}}function a(t,e,n,o){const i=document.createElement("div");i.className="tbw-aggregation-cell tbw-aggregation-cell-full",i.style.gridColumn="1 / -1";const r="function"==typeof e.label?e.label(o,n):e.label;if(r){const t=document.createElement("span");t.className="tbw-aggregation-label",t.textContent=r,i.appendChild(t)}const a=function(t,e,n){const o=t.aggregators&&Object.keys(t.aggregators).length>0,i=t.cells&&Object.keys(t.cells).length>0;if(!o&&!i)return null;const r=document.createElement("span");r.className="tbw-aggregation-aggregates";for(const a of e){const{value:e,formatter:o}=l(t,a,n);if(null!=e){const t=document.createElement("span");t.className="tbw-aggregation-aggregate",t.setAttribute("data-field",a.field);const n=a.header??a.field,i=o?o(e,a.field,a):String(e);t.textContent=`${n}: ${i}`,r.appendChild(t)}}return r.children.length>0?r:null}(e,n,o);a&&i.appendChild(a),t.appendChild(i)}function s(t,e,n,o){for(const r of n){const n=document.createElement("div");n.className="tbw-aggregation-cell",n.setAttribute("data-field",r.field);const{value:i,formatter:a}=l(e,r,o);n.textContent=null!=i?a?a(i,r.field,r):String(i):"",t.appendChild(n)}const i="function"==typeof e.label?e.label(o,n):e.label;if(i){const e=document.createElement("span");e.className="tbw-aggregation-label",e.textContent=i,t.appendChild(e)}}function l(t,e,o){let i,r;const a=t.aggregators?.[e.field];if(a)if("object"==typeof(s=a)&&null!==s&&"aggFunc"in s){const t=n.aggregatorRegistry.get(a.aggFunc);t&&(i=t(o,e.field,e)),r=a.formatter}else{const t=n.aggregatorRegistry.get(a);t&&(i=t(o,e.field,e))}else if(t.cells&&Object.prototype.hasOwnProperty.call(t.cells,e.field)){const n=t.cells[e.field];i="function"==typeof n?n(o,e.field,e):n}var s;return{value:i,formatter:r}}function g(t,e){const n=document.createElement("div");n.className="tbw-status-panel tbw-status-panel-custom",n.id=`status-panel-${t.id}`;const o=t.render(e);return"string"==typeof o?n.innerHTML=o:n.appendChild(o),n}function c(t,e,n,o,i){const r=n?.sourceRows,a=n?.rows,s=Array.isArray(r)?r.length:t.length,l=Array.isArray(a)?a.length:t.length;return{totalRows:s,filteredRows:i?.cachedResult?.length??l,selectedRows:o?.selected?.size??0,columns:e,rows:t,grid:n}}class d extends e.BaseGridPlugin{name="pinnedRows";styles="@layer tbw-plugins{.tbw-scroll-area{container-type:inline-size}.tbw-footer{flex-shrink:0;z-index:var(--tbw-z-layer-pinned-rows, 20);background:var(--tbw-color-panel-bg);min-width:fit-content}.tbw-pinned-rows{display:flex;align-items:center;justify-content:space-between;padding:var(--tbw-button-padding, var(--tbw-spacing-md, .5rem) var(--tbw-spacing-lg, .75rem));background:var(--tbw-pinned-rows-bg, var(--tbw-color-panel-bg));border-top:1px solid var(--tbw-pinned-rows-border, var(--tbw-color-border));font-size:var(--tbw-font-size-xs, .75rem);color:var(--tbw-pinned-rows-color, var(--tbw-color-fg-muted));min-height:32px;box-sizing:border-box;position:sticky;left:0;min-width:0;width:100cqi}.tbw-pinned-rows-left,.tbw-pinned-rows-center,.tbw-pinned-rows-right{display:flex;align-items:center;gap:var(--tbw-spacing-xl, 1rem)}.tbw-pinned-rows-left{justify-content:flex-start}.tbw-pinned-rows-center{justify-content:center;flex:1}.tbw-pinned-rows-right{justify-content:flex-end}.tbw-status-panel{white-space:nowrap}.tbw-aggregation-rows{min-width:fit-content;background:var(--tbw-aggregation-bg, var(--tbw-color-header-bg))}.tbw-aggregation-rows-top{border-bottom:1px solid var(--tbw-aggregation-border, var(--tbw-color-border))}.tbw-aggregation-rows-bottom{border-top:1px solid var(--tbw-aggregation-border, var(--tbw-color-border))}.tbw-aggregation-row{display:grid;grid-template-columns:var(--tbw-column-template);font-size:var(--tbw-aggregation-font-size, .8em);font-weight:var(--tbw-aggregation-font-weight, 600);position:relative;background:inherit}.tbw-aggregation-row>.tbw-aggregation-label{position:sticky;left:0;grid-row:1;grid-column:1;display:flex;align-items:center;padding:var(--tbw-cell-padding, .125rem .5rem);background:inherit;z-index:1;pointer-events:none}.tbw-aggregation-row>.tbw-aggregation-cell:first-child{grid-column:1;grid-row:1}.tbw-aggregation-cell:not(:empty){position:relative;z-index:2;background:inherit}.tbw-aggregation-cell{padding:var(--tbw-cell-padding, .125rem .5rem);min-height:var(--tbw-row-height, 1.75rem);display:block;align-items:center;align-content:center;border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;text-overflow:ellipsis;white-space:var(--tbw-cell-white-space, nowrap)}.tbw-aggregation-cell:last-child{border-right:0}.tbw-aggregation-cell-full{grid-column:1 / -1;border-right:0;display:flex;align-items:center;gap:var(--tbw-spacing-lg, .75rem)}.tbw-aggregation-label{white-space:nowrap}.tbw-aggregation-aggregates{display:flex;align-items:center;gap:var(--tbw-spacing-lg, .75rem);font-weight:400;opacity:.85}.tbw-aggregation-aggregate{white-space:nowrap}}";get defaultConfig(){return{position:"bottom",showRowCount:!0,showSelectedCount:!0,showFilteredCount:!0}}infoBarElement=null;topAggregationContainer=null;bottomAggregationContainer=null;footerWrapper=null;detach(){this.infoBarElement&&(this.infoBarElement.remove(),this.infoBarElement=null),this.topAggregationContainer&&(this.topAggregationContainer.remove(),this.topAggregationContainer=null),this.bottomAggregationContainer&&(this.bottomAggregationContainer.remove(),this.bottomAggregationContainer=null),this.footerWrapper&&(this.footerWrapper.remove(),this.footerWrapper=null)}afterRender(){const t=this.gridElement;if(!t)return;const e=t.querySelector(".tbw-scroll-area")??t.querySelector(".tbw-grid-content")??t.querySelector(".tbw-grid-root");if(!e)return;this.footerWrapper&&!e.contains(this.footerWrapper)&&(this.footerWrapper=null,this.bottomAggregationContainer=null,this.infoBarElement=null),this.topAggregationContainer&&!e.contains(this.topAggregationContainer)&&(this.topAggregationContainer=null),this.infoBarElement&&!e.contains(this.infoBarElement)&&(this.infoBarElement=null);const n=this.getSelectionState(),a=this.getFilterState(),s=c(this.sourceRows,this.columns,this.gridElement,n,a),l=this.config.aggregationRows||[],g=l.filter(t=>"top"===t.position),d=l.filter(t=>"top"!==t.position);if(g.length>0){if(!this.topAggregationContainer){this.topAggregationContainer=i("top");const n=t.querySelector(".header");n&&n.nextSibling?e.insertBefore(this.topAggregationContainer,n.nextSibling):e.appendChild(this.topAggregationContainer)}r(this.topAggregationContainer,g,this.visibleColumns,this.sourceRows,this.config.fullWidth)}else this.topAggregationContainer&&(this.topAggregationContainer.remove(),this.topAggregationContainer=null);const p=!1!==this.config.showRowCount||this.config.showSelectedCount&&s.selectedRows>0||this.config.showFilteredCount&&s.filteredRows!==s.totalRows||this.config.customPanels&&this.config.customPanels.length>0,h=p&&"top"!==this.config.position,f=d.length>0||h;if(p&&"top"===this.config.position)if(this.infoBarElement){const t=o(this.config,s);this.infoBarElement.replaceWith(t),this.infoBarElement=t}else this.infoBarElement=o(this.config,s),e.insertBefore(this.infoBarElement,e.firstChild);else"top"===this.config.position&&this.infoBarElement&&(this.infoBarElement.remove(),this.infoBarElement=null);f?(this.footerWrapper||(this.footerWrapper=document.createElement("div"),this.footerWrapper.className="tbw-footer",e.appendChild(this.footerWrapper)),this.footerWrapper.innerHTML="",d.length>0&&(this.bottomAggregationContainer||(this.bottomAggregationContainer=i("bottom")),this.footerWrapper.appendChild(this.bottomAggregationContainer),r(this.bottomAggregationContainer,d,this.visibleColumns,this.sourceRows,this.config.fullWidth)),h&&(this.infoBarElement=o(this.config,s),this.footerWrapper.appendChild(this.infoBarElement))):this.cleanupFooter()}cleanup(){this.infoBarElement&&(this.infoBarElement.remove(),this.infoBarElement=null),this.topAggregationContainer&&(this.topAggregationContainer.remove(),this.topAggregationContainer=null),this.bottomAggregationContainer&&(this.bottomAggregationContainer.remove(),this.bottomAggregationContainer=null),this.footerWrapper&&(this.footerWrapper.remove(),this.footerWrapper=null)}cleanupFooter(){this.footerWrapper&&(this.footerWrapper.remove(),this.footerWrapper=null),this.bottomAggregationContainer&&(this.bottomAggregationContainer.remove(),this.bottomAggregationContainer=null),this.infoBarElement&&"top"!==this.config.position&&(this.infoBarElement.remove(),this.infoBarElement=null)}getSelectionState(){try{return this.grid?.getPluginState?.("selection")??null}catch{return null}}getFilterState(){try{return this.grid?.getPluginState?.("filtering")??null}catch{return null}}refresh(){this.requestRender()}getContext(){const t=this.getSelectionState(),e=this.getFilterState();return c(this.rows,this.columns,this.gridElement,t,e)}addPanel(t){this.config.customPanels||(this.config.customPanels=[]),this.config.customPanels.push(t),this.requestRender()}removePanel(t){this.config.customPanels&&(this.config.customPanels=this.config.customPanels.filter(e=>e.id!==t),this.requestRender())}addAggregationRow(t){this.config.aggregationRows||(this.config.aggregationRows=[]),this.config.aggregationRows.push(t),this.requestRender()}removeAggregationRow(t){this.config.aggregationRows&&(this.config.aggregationRows=this.config.aggregationRows.filter(e=>e.id!==t),this.requestRender())}}t.PinnedRowsPlugin=d,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})});
 //# sourceMappingURL=pinned-rows.umd.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"pinned-rows.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/pinned-rows/pinned-rows.ts","../../../../../libs/grid/src/lib/plugins/pinned-rows/PinnedRowsPlugin.ts"],"sourcesContent":["/**\n * Status Bar Rendering Logic\n *\n * Pure functions for creating and updating the status bar UI.\n * Includes both info bar and aggregation row rendering.\n */\n\nimport { aggregatorRegistry } from '../../core/internal/aggregators';\nimport type { ColumnConfig } from '../../core/types';\nimport type {\n  AggregationRowConfig,\n  AggregatorConfig,\n  AggregatorDefinition,\n  PinnedRowsConfig,\n  PinnedRowsContext,\n  PinnedRowsPanel,\n} from './types';\n\n/**\n * Check if an aggregator definition is a full config object (with aggFunc and optional formatter).\n */\nfunction isAggregatorConfig(def: AggregatorDefinition): def is AggregatorConfig {\n  return typeof def === 'object' && def !== null && 'aggFunc' in def;\n}\n\n/**\n * Creates the info bar DOM element with all configured panels.\n *\n * @param config - The status bar configuration\n * @param context - The current grid context for rendering\n * @returns The complete info bar element\n */\nexport function createInfoBarElement(config: PinnedRowsConfig, context: PinnedRowsContext): HTMLElement {\n  const pinnedRows = document.createElement('div');\n  pinnedRows.className = 'tbw-pinned-rows';\n  pinnedRows.setAttribute('role', 'presentation');\n  pinnedRows.setAttribute('aria-live', 'polite');\n\n  const left = document.createElement('div');\n  left.className = 'tbw-pinned-rows-left';\n\n  const center = document.createElement('div');\n  center.className = 'tbw-pinned-rows-center';\n\n  const right = document.createElement('div');\n  right.className = 'tbw-pinned-rows-right';\n\n  // Default panels - row count\n  if (config.showRowCount !== false) {\n    const rowCount = document.createElement('span');\n    rowCount.className = 'tbw-status-panel tbw-status-panel-row-count';\n    rowCount.textContent = `Total: ${context.totalRows} rows`;\n    left.appendChild(rowCount);\n  }\n\n  // Filtered count panel (only shows when filter is active)\n  if (config.showFilteredCount && context.filteredRows !== context.totalRows) {\n    const filteredCount = document.createElement('span');\n    filteredCount.className = 'tbw-status-panel tbw-status-panel-filtered-count';\n    filteredCount.textContent = `Filtered: ${context.filteredRows}`;\n    left.appendChild(filteredCount);\n  }\n\n  // Selected count panel (only shows when rows are selected)\n  if (config.showSelectedCount && context.selectedRows > 0) {\n    const selectedCount = document.createElement('span');\n    selectedCount.className = 'tbw-status-panel tbw-status-panel-selected-count';\n    selectedCount.textContent = `Selected: ${context.selectedRows}`;\n    right.appendChild(selectedCount);\n  }\n\n  // Render custom panels\n  if (config.customPanels) {\n    for (const panel of config.customPanels) {\n      const panelEl = renderCustomPanel(panel, context);\n      switch (panel.position) {\n        case 'left':\n          left.appendChild(panelEl);\n          break;\n        case 'center':\n          center.appendChild(panelEl);\n          break;\n        case 'right':\n          right.appendChild(panelEl);\n          break;\n      }\n    }\n  }\n\n  pinnedRows.appendChild(left);\n  pinnedRows.appendChild(center);\n  pinnedRows.appendChild(right);\n\n  return pinnedRows;\n}\n\n/**\n * Creates a container for aggregation rows at top or bottom.\n *\n * @param position - 'top' or 'bottom'\n * @returns The container element\n */\nexport function createAggregationContainer(position: 'top' | 'bottom'): HTMLElement {\n  const container = document.createElement('div');\n  container.className = `tbw-aggregation-rows tbw-aggregation-rows-${position}`;\n  // Use presentation role since aggregation rows are outside the role=\"grid\" element for layout reasons\n  container.setAttribute('role', 'presentation');\n  return container;\n}\n\n/**\n * Renders aggregation rows into a container.\n *\n * @param container - The container to render into\n * @param rows - Aggregation row configurations\n * @param columns - Current column configuration\n * @param dataRows - Current row data for aggregation calculations\n * @param globalFullWidth - Global fullWidth default from PinnedRowsConfig (default: false)\n */\nexport function renderAggregationRows(\n  container: HTMLElement,\n  rows: AggregationRowConfig[],\n  columns: ColumnConfig[],\n  dataRows: unknown[],\n  globalFullWidth = false,\n): void {\n  container.innerHTML = '';\n\n  for (const rowConfig of rows) {\n    const rowEl = document.createElement('div');\n    rowEl.className = 'tbw-aggregation-row';\n    // Use presentation role since aggregation rows are outside the role=\"grid\" element\n    rowEl.setAttribute('role', 'presentation');\n    if (rowConfig.id) {\n      rowEl.setAttribute('data-aggregation-id', rowConfig.id);\n    }\n\n    // Per-row fullWidth overrides global default\n    const isFullWidth = rowConfig.fullWidth ?? globalFullWidth;\n\n    if (isFullWidth) {\n      renderFullWidthAggregationRow(rowEl, rowConfig, columns, dataRows);\n    } else {\n      renderPerColumnAggregationRow(rowEl, rowConfig, columns, dataRows);\n    }\n\n    container.appendChild(rowEl);\n  }\n}\n\n/**\n * Renders a full-width aggregation row: single spanning cell with label and inline aggregated values.\n */\nfunction renderFullWidthAggregationRow(\n  rowEl: HTMLElement,\n  rowConfig: AggregationRowConfig,\n  columns: ColumnConfig[],\n  dataRows: unknown[],\n): void {\n  const cell = document.createElement('div');\n  cell.className = 'tbw-aggregation-cell tbw-aggregation-cell-full';\n  cell.style.gridColumn = '1 / -1';\n\n  // Label (static string or dynamic function)\n  const labelValue = typeof rowConfig.label === 'function' ? rowConfig.label(dataRows, columns) : rowConfig.label;\n  if (labelValue) {\n    const labelSpan = document.createElement('span');\n    labelSpan.className = 'tbw-aggregation-label';\n    labelSpan.textContent = labelValue;\n    cell.appendChild(labelSpan);\n  }\n\n  // Inline aggregated values\n  const aggregatesContainer = renderInlineAggregates(rowConfig, columns, dataRows);\n  if (aggregatesContainer) {\n    cell.appendChild(aggregatesContainer);\n  }\n\n  // If nothing was added (no label, no aggregates), ensure cell is empty but present\n  rowEl.appendChild(cell);\n}\n\n/**\n * Renders per-column aggregation cells aligned to the grid template.\n */\nfunction renderPerColumnAggregationRow(\n  rowEl: HTMLElement,\n  rowConfig: AggregationRowConfig,\n  columns: ColumnConfig[],\n  dataRows: unknown[],\n): void {\n  for (const col of columns) {\n    const cell = document.createElement('div');\n    cell.className = 'tbw-aggregation-cell';\n    cell.setAttribute('data-field', col.field);\n\n    const { value, formatter } = resolveAggregatedValue(rowConfig, col, dataRows);\n\n    if (value != null) {\n      cell.textContent = formatter ? formatter(value, col.field, col) : String(value);\n    } else {\n      cell.textContent = '';\n    }\n    rowEl.appendChild(cell);\n  }\n\n  // Overlay label: positioned at the left edge, independent of column alignment\n  const labelValue = typeof rowConfig.label === 'function' ? rowConfig.label(dataRows, columns) : rowConfig.label;\n  if (labelValue) {\n    const labelEl = document.createElement('span');\n    labelEl.className = 'tbw-aggregation-label';\n    labelEl.textContent = labelValue;\n    rowEl.appendChild(labelEl);\n  }\n}\n\n/**\n * Resolves the aggregated value for a single column in an aggregation row.\n * Returns the computed value and an optional formatter function.\n */\nfunction resolveAggregatedValue(\n  rowConfig: AggregationRowConfig,\n  col: ColumnConfig,\n  dataRows: unknown[],\n): { value: unknown; formatter?: (value: unknown, field: string, column?: ColumnConfig) => string } {\n  let value: unknown;\n  let formatter: ((value: unknown, field: string, column?: ColumnConfig) => string) | undefined;\n\n  // Check for aggregator first\n  const aggDef = rowConfig.aggregators?.[col.field];\n  if (aggDef) {\n    if (isAggregatorConfig(aggDef)) {\n      const aggFn = aggregatorRegistry.get(aggDef.aggFunc);\n      if (aggFn) {\n        value = aggFn(dataRows, col.field, col);\n      }\n      formatter = aggDef.formatter;\n    } else {\n      const aggFn = aggregatorRegistry.get(aggDef);\n      if (aggFn) {\n        value = aggFn(dataRows, col.field, col);\n      }\n    }\n  } else if (rowConfig.cells && Object.prototype.hasOwnProperty.call(rowConfig.cells, col.field)) {\n    const staticVal = rowConfig.cells[col.field];\n    if (typeof staticVal === 'function') {\n      value = staticVal(dataRows, col.field, col);\n    } else {\n      value = staticVal;\n    }\n  }\n\n  return { value, formatter };\n}\n\n/**\n * Renders inline aggregate values for a full-width aggregation row.\n * Returns a container element with aggregate spans, or null if no aggregates are defined.\n */\nfunction renderInlineAggregates(\n  rowConfig: AggregationRowConfig,\n  columns: ColumnConfig[],\n  dataRows: unknown[],\n): HTMLElement | null {\n  // Collect fields that have aggregators or cell values\n  const hasAggregators = rowConfig.aggregators && Object.keys(rowConfig.aggregators).length > 0;\n  const hasCells = rowConfig.cells && Object.keys(rowConfig.cells).length > 0;\n  if (!hasAggregators && !hasCells) return null;\n\n  const container = document.createElement('span');\n  container.className = 'tbw-aggregation-aggregates';\n\n  for (const col of columns) {\n    const { value, formatter } = resolveAggregatedValue(rowConfig, col, dataRows);\n    if (value != null) {\n      const span = document.createElement('span');\n      span.className = 'tbw-aggregation-aggregate';\n      span.setAttribute('data-field', col.field);\n      const header = col.header ?? col.field;\n      const displayValue = formatter ? formatter(value, col.field, col) : String(value);\n      span.textContent = `${header}: ${displayValue}`;\n      container.appendChild(span);\n    }\n  }\n\n  return container.children.length > 0 ? container : null;\n}\n\n/**\n * Renders a custom panel element.\n *\n * @param panel - The panel definition\n * @param context - The current grid context\n * @returns The panel DOM element\n */\nfunction renderCustomPanel(panel: PinnedRowsPanel, context: PinnedRowsContext): HTMLElement {\n  const panelEl = document.createElement('div');\n  panelEl.className = 'tbw-status-panel tbw-status-panel-custom';\n  panelEl.id = `status-panel-${panel.id}`;\n\n  const content = panel.render(context);\n\n  if (typeof content === 'string') {\n    panelEl.innerHTML = content;\n  } else {\n    panelEl.appendChild(content);\n  }\n\n  return panelEl;\n}\n\n/**\n * Builds the status bar context from grid state and plugin states.\n *\n * @param rows - Current row data\n * @param columns - Current column configuration\n * @param grid - Grid element reference\n * @param selectionState - Optional selection plugin state\n * @param filterState - Optional filtering plugin state\n * @returns The status bar context\n */\nexport function buildContext(\n  rows: unknown[],\n  columns: unknown[],\n  grid: HTMLElement,\n  selectionState?: { selected: Set<number> } | null,\n  filterState?: { cachedResult: unknown[] | null } | null,\n): PinnedRowsContext {\n  return {\n    totalRows: rows.length,\n    filteredRows: filterState?.cachedResult?.length ?? rows.length,\n    selectedRows: selectionState?.selected?.size ?? 0,\n    columns: columns as PinnedRowsContext['columns'],\n    rows,\n    grid,\n  };\n}\n","/**\n * Pinned Rows Plugin (Class-based)\n *\n * Adds info bars and aggregation rows to the grid.\n * - Info bar: Shows row counts, selection info, and custom panels\n * - Aggregation rows: Footer/header rows with computed values (sum, avg, etc.)\n */\n\nimport { BaseGridPlugin } from '../../core/plugin/base-plugin';\nimport type { ColumnConfig } from '../../core/types';\nimport { buildContext, createAggregationContainer, createInfoBarElement, renderAggregationRows } from './pinned-rows';\nimport styles from './pinned-rows.css?inline';\nimport type { AggregationRowConfig, PinnedRowsConfig, PinnedRowsContext, PinnedRowsPanel } from './types';\n\n/**\n * Pinned Rows (Status Bar) Plugin for tbw-grid\n *\n * Creates fixed status bars at the top or bottom of the grid for displaying aggregations,\n * row counts, or custom content. Think of it as the \"totals row\" you'd see in a spreadsheet—\n * always visible regardless of scroll position.\n *\n * ## Installation\n *\n * ```ts\n * import { PinnedRowsPlugin } from '@toolbox-web/grid/plugins/pinned-rows';\n * ```\n *\n * ## Built-in Aggregation Functions\n *\n * | Function | Description |\n * |----------|-------------|\n * | `sum` | Sum of values |\n * | `avg` | Average of values |\n * | `count` | Count of rows |\n * | `min` | Minimum value |\n * | `max` | Maximum value |\n *\n * ## CSS Custom Properties\n *\n * | Property | Default | Description |\n * |----------|---------|-------------|\n * | `--tbw-pinned-rows-bg` | `var(--tbw-color-panel-bg)` | Status bar background |\n * | `--tbw-pinned-rows-border` | `var(--tbw-color-border)` | Status bar border |\n *\n * @example Status Bar with Aggregation\n * ```ts\n * import '@toolbox-web/grid';\n * import { PinnedRowsPlugin } from '@toolbox-web/grid/plugins/pinned-rows';\n *\n * grid.gridConfig = {\n *   columns: [\n *     { field: 'product', header: 'Product' },\n *     { field: 'quantity', header: 'Qty', type: 'number' },\n *     { field: 'price', header: 'Price', type: 'currency' },\n *   ],\n *   plugins: [\n *     new PinnedRowsPlugin({\n *       position: 'bottom',\n *       showRowCount: true,\n *       aggregationRows: [\n *         {\n *           id: 'totals',\n *           aggregators: { quantity: 'sum', price: 'sum' },\n *           cells: { product: 'Totals:' },\n *         },\n *       ],\n *     }),\n *   ],\n * };\n * ```\n *\n * @see {@link PinnedRowsConfig} for all configuration options\n * @see {@link AggregationRowConfig} for aggregation row structure\n *\n * @internal Extends BaseGridPlugin\n */\nexport class PinnedRowsPlugin extends BaseGridPlugin<PinnedRowsConfig> {\n  /** @internal */\n  readonly name = 'pinnedRows';\n  /** @internal */\n  override readonly styles = styles;\n\n  /** @internal */\n  protected override get defaultConfig(): Partial<PinnedRowsConfig> {\n    return {\n      position: 'bottom',\n      showRowCount: true,\n      showSelectedCount: true,\n      showFilteredCount: true,\n    };\n  }\n\n  // #region Internal State\n  private infoBarElement: HTMLElement | null = null;\n  private topAggregationContainer: HTMLElement | null = null;\n  private bottomAggregationContainer: HTMLElement | null = null;\n  private footerWrapper: HTMLElement | null = null;\n  // #endregion\n\n  // #region Lifecycle\n  /** @internal */\n  override detach(): void {\n    if (this.infoBarElement) {\n      this.infoBarElement.remove();\n      this.infoBarElement = null;\n    }\n    if (this.topAggregationContainer) {\n      this.topAggregationContainer.remove();\n      this.topAggregationContainer = null;\n    }\n    if (this.bottomAggregationContainer) {\n      this.bottomAggregationContainer.remove();\n      this.bottomAggregationContainer = null;\n    }\n    if (this.footerWrapper) {\n      this.footerWrapper.remove();\n      this.footerWrapper = null;\n    }\n  }\n  // #endregion\n\n  // #region Hooks\n  /** @internal */\n  override afterRender(): void {\n    const gridEl = this.gridElement;\n    if (!gridEl) return;\n\n    // Use .tbw-scroll-area so footer is inside the horizontal scroll area,\n    // otherwise fall back to .tbw-grid-content or root container\n    const container =\n      gridEl.querySelector('.tbw-scroll-area') ??\n      gridEl.querySelector('.tbw-grid-content') ??\n      gridEl.querySelector('.tbw-grid-root');\n    if (!container) return;\n\n    // Clear orphaned element references if they were removed from the DOM\n    // (e.g., by buildGridDOMIntoShadow calling replaceChildren())\n    // We check if the element is still inside the container rather than isConnected,\n    // because in unit tests the mock grid may not be attached to document.body\n    if (this.footerWrapper && !container.contains(this.footerWrapper)) {\n      this.footerWrapper = null;\n      this.bottomAggregationContainer = null;\n      this.infoBarElement = null;\n    }\n    if (this.topAggregationContainer && !container.contains(this.topAggregationContainer)) {\n      this.topAggregationContainer = null;\n    }\n    if (this.infoBarElement && !container.contains(this.infoBarElement)) {\n      this.infoBarElement = null;\n    }\n\n    // Build context with plugin states\n    const selectionState = this.getSelectionState();\n    const filterState = this.getFilterState();\n\n    const context = buildContext(\n      this.sourceRows as unknown[],\n      this.columns as unknown[],\n      this.gridElement,\n      selectionState,\n      filterState,\n    );\n\n    // #region Handle Aggregation Rows\n    const aggregationRows = this.config.aggregationRows || [];\n    const topRows = aggregationRows.filter((r) => r.position === 'top');\n    const bottomRows = aggregationRows.filter((r) => r.position !== 'top');\n\n    // Top aggregation rows\n    if (topRows.length > 0) {\n      if (!this.topAggregationContainer) {\n        this.topAggregationContainer = createAggregationContainer('top');\n        const header = gridEl.querySelector('.header');\n        if (header && header.nextSibling) {\n          container.insertBefore(this.topAggregationContainer, header.nextSibling);\n        } else {\n          container.appendChild(this.topAggregationContainer);\n        }\n      }\n      renderAggregationRows(\n        this.topAggregationContainer,\n        topRows,\n        this.visibleColumns as ColumnConfig[],\n        this.sourceRows as unknown[],\n        this.config.fullWidth,\n      );\n    } else if (this.topAggregationContainer) {\n      this.topAggregationContainer.remove();\n      this.topAggregationContainer = null;\n    }\n\n    // Handle footer\n    const hasInfoContent =\n      this.config.showRowCount !== false ||\n      (this.config.showSelectedCount && context.selectedRows > 0) ||\n      (this.config.showFilteredCount && context.filteredRows !== context.totalRows) ||\n      (this.config.customPanels && this.config.customPanels.length > 0);\n    const hasBottomInfoBar = hasInfoContent && this.config.position !== 'top';\n    const needsFooter = bottomRows.length > 0 || hasBottomInfoBar;\n\n    // Handle top info bar\n    if (hasInfoContent && this.config.position === 'top') {\n      if (!this.infoBarElement) {\n        this.infoBarElement = createInfoBarElement(this.config, context);\n        container.insertBefore(this.infoBarElement, container.firstChild);\n      } else {\n        const newInfoBar = createInfoBarElement(this.config, context);\n        this.infoBarElement.replaceWith(newInfoBar);\n        this.infoBarElement = newInfoBar;\n      }\n    } else if (this.config.position === 'top' && this.infoBarElement) {\n      this.infoBarElement.remove();\n      this.infoBarElement = null;\n    }\n\n    // Create/manage footer wrapper\n    if (needsFooter) {\n      if (!this.footerWrapper) {\n        this.footerWrapper = document.createElement('div');\n        this.footerWrapper.className = 'tbw-footer';\n        container.appendChild(this.footerWrapper);\n      }\n\n      this.footerWrapper.innerHTML = '';\n\n      if (bottomRows.length > 0) {\n        if (!this.bottomAggregationContainer) {\n          this.bottomAggregationContainer = createAggregationContainer('bottom');\n        }\n        this.footerWrapper.appendChild(this.bottomAggregationContainer);\n        renderAggregationRows(\n          this.bottomAggregationContainer,\n          bottomRows,\n          this.visibleColumns as ColumnConfig[],\n          this.sourceRows as unknown[],\n          this.config.fullWidth,\n        );\n      }\n\n      if (hasBottomInfoBar) {\n        this.infoBarElement = createInfoBarElement(this.config, context);\n        this.footerWrapper.appendChild(this.infoBarElement);\n      }\n    } else {\n      this.cleanupFooter();\n    }\n    // #endregion\n  }\n  // #endregion\n\n  // #region Private Methods\n  private cleanup(): void {\n    if (this.infoBarElement) {\n      this.infoBarElement.remove();\n      this.infoBarElement = null;\n    }\n    if (this.topAggregationContainer) {\n      this.topAggregationContainer.remove();\n      this.topAggregationContainer = null;\n    }\n    if (this.bottomAggregationContainer) {\n      this.bottomAggregationContainer.remove();\n      this.bottomAggregationContainer = null;\n    }\n    if (this.footerWrapper) {\n      this.footerWrapper.remove();\n      this.footerWrapper = null;\n    }\n  }\n\n  private cleanupFooter(): void {\n    if (this.footerWrapper) {\n      this.footerWrapper.remove();\n      this.footerWrapper = null;\n    }\n    if (this.bottomAggregationContainer) {\n      this.bottomAggregationContainer.remove();\n      this.bottomAggregationContainer = null;\n    }\n    if (this.infoBarElement && this.config.position !== 'top') {\n      this.infoBarElement.remove();\n      this.infoBarElement = null;\n    }\n  }\n\n  private getSelectionState(): { selected: Set<number> } | null {\n    // Try to get selection plugin state\n    try {\n      return (this.grid?.getPluginState?.('selection') as { selected: Set<number> } | null) ?? null;\n    } catch {\n      return null;\n    }\n  }\n\n  private getFilterState(): { cachedResult: unknown[] | null } | null {\n    try {\n      return (this.grid?.getPluginState?.('filtering') as { cachedResult: unknown[] | null } | null) ?? null;\n    } catch {\n      return null;\n    }\n  }\n  // #endregion\n\n  // #region Public API\n  /**\n   * Refresh the status bar to reflect current grid state.\n   */\n  refresh(): void {\n    this.requestRender();\n  }\n\n  /**\n   * Get the current status bar context.\n   * @returns The context with row counts and other info\n   */\n  getContext(): PinnedRowsContext {\n    const selectionState = this.getSelectionState();\n    const filterState = this.getFilterState();\n\n    return buildContext(\n      this.rows as unknown[],\n      this.columns as unknown[],\n      this.gridElement,\n      selectionState,\n      filterState,\n    );\n  }\n\n  /**\n   * Add a custom panel to the info bar.\n   * @param panel - The panel configuration to add\n   */\n  addPanel(panel: PinnedRowsPanel): void {\n    if (!this.config.customPanels) {\n      this.config.customPanels = [];\n    }\n    this.config.customPanels.push(panel);\n    this.requestRender();\n  }\n\n  /**\n   * Remove a custom panel by ID.\n   * @param id - The panel ID to remove\n   */\n  removePanel(id: string): void {\n    if (this.config.customPanels) {\n      this.config.customPanels = this.config.customPanels.filter((p) => p.id !== id);\n      this.requestRender();\n    }\n  }\n\n  /**\n   * Add an aggregation row.\n   * @param row - The aggregation row configuration\n   */\n  addAggregationRow(row: AggregationRowConfig): void {\n    if (!this.config.aggregationRows) {\n      this.config.aggregationRows = [];\n    }\n    this.config.aggregationRows.push(row);\n    this.requestRender();\n  }\n\n  /**\n   * Remove an aggregation row by ID.\n   * @param id - The aggregation row ID to remove\n   */\n  removeAggregationRow(id: string): void {\n    if (this.config.aggregationRows) {\n      this.config.aggregationRows = this.config.aggregationRows.filter((r) => r.id !== id);\n      this.requestRender();\n    }\n  }\n  // #endregion\n}\n"],"names":["createInfoBarElement","config","context","pinnedRows","document","createElement","className","setAttribute","left","center","right","showRowCount","rowCount","textContent","totalRows","appendChild","showFilteredCount","filteredRows","filteredCount","showSelectedCount","selectedRows","selectedCount","customPanels","panel","panelEl","renderCustomPanel","position","createAggregationContainer","container","renderAggregationRows","rows","columns","dataRows","globalFullWidth","innerHTML","rowConfig","rowEl","id","fullWidth","renderFullWidthAggregationRow","renderPerColumnAggregationRow","cell","style","gridColumn","labelValue","label","labelSpan","aggregatesContainer","hasAggregators","aggregators","Object","keys","length","hasCells","cells","col","value","formatter","resolveAggregatedValue","span","field","header","displayValue","String","children","renderInlineAggregates","labelEl","aggDef","def","aggFn","aggregatorRegistry","get","aggFunc","prototype","hasOwnProperty","call","staticVal","content","render","buildContext","grid","selectionState","filterState","cachedResult","selected","size","PinnedRowsPlugin","BaseGridPlugin","name","styles","defaultConfig","infoBarElement","topAggregationContainer","bottomAggregationContainer","footerWrapper","detach","this","remove","afterRender","gridEl","gridElement","querySelector","contains","getSelectionState","getFilterState","sourceRows","aggregationRows","topRows","filter","r","bottomRows","nextSibling","insertBefore","visibleColumns","hasInfoContent","hasBottomInfoBar","needsFooter","newInfoBar","replaceWith","firstChild","cleanupFooter","cleanup","getPluginState","refresh","requestRender","getContext","addPanel","push","removePanel","p","addAggregationRow","row","removeAggregationRow"],"mappings":"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"}
+{"version":3,"file":"pinned-rows.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/pinned-rows/pinned-rows.ts","../../../../../libs/grid/src/lib/plugins/pinned-rows/PinnedRowsPlugin.ts"],"sourcesContent":["/**\n * Status Bar Rendering Logic\n *\n * Pure functions for creating and updating the status bar UI.\n * Includes both info bar and aggregation row rendering.\n */\n\nimport { aggregatorRegistry } from '../../core/internal/aggregators';\nimport type { ColumnConfig } from '../../core/types';\nimport type {\n  AggregationRowConfig,\n  AggregatorConfig,\n  AggregatorDefinition,\n  PinnedRowsConfig,\n  PinnedRowsContext,\n  PinnedRowsPanel,\n} from './types';\n\n/**\n * Check if an aggregator definition is a full config object (with aggFunc and optional formatter).\n */\nfunction isAggregatorConfig(def: AggregatorDefinition): def is AggregatorConfig {\n  return typeof def === 'object' && def !== null && 'aggFunc' in def;\n}\n\n/**\n * Creates the info bar DOM element with all configured panels.\n *\n * @param config - The status bar configuration\n * @param context - The current grid context for rendering\n * @returns The complete info bar element\n */\nexport function createInfoBarElement(config: PinnedRowsConfig, context: PinnedRowsContext): HTMLElement {\n  const pinnedRows = document.createElement('div');\n  pinnedRows.className = 'tbw-pinned-rows';\n  pinnedRows.setAttribute('role', 'presentation');\n  pinnedRows.setAttribute('aria-live', 'polite');\n\n  const left = document.createElement('div');\n  left.className = 'tbw-pinned-rows-left';\n\n  const center = document.createElement('div');\n  center.className = 'tbw-pinned-rows-center';\n\n  const right = document.createElement('div');\n  right.className = 'tbw-pinned-rows-right';\n\n  // Default panels - row count\n  if (config.showRowCount !== false) {\n    const rowCount = document.createElement('span');\n    rowCount.className = 'tbw-status-panel tbw-status-panel-row-count';\n    rowCount.textContent = `Total: ${context.totalRows} rows`;\n    left.appendChild(rowCount);\n  }\n\n  // Filtered count panel (only shows when filter is active)\n  if (config.showFilteredCount && context.filteredRows !== context.totalRows) {\n    const filteredCount = document.createElement('span');\n    filteredCount.className = 'tbw-status-panel tbw-status-panel-filtered-count';\n    filteredCount.textContent = `Filtered: ${context.filteredRows}`;\n    left.appendChild(filteredCount);\n  }\n\n  // Selected count panel (only shows when rows are selected)\n  if (config.showSelectedCount && context.selectedRows > 0) {\n    const selectedCount = document.createElement('span');\n    selectedCount.className = 'tbw-status-panel tbw-status-panel-selected-count';\n    selectedCount.textContent = `Selected: ${context.selectedRows}`;\n    right.appendChild(selectedCount);\n  }\n\n  // Render custom panels\n  if (config.customPanels) {\n    for (const panel of config.customPanels) {\n      const panelEl = renderCustomPanel(panel, context);\n      switch (panel.position) {\n        case 'left':\n          left.appendChild(panelEl);\n          break;\n        case 'center':\n          center.appendChild(panelEl);\n          break;\n        case 'right':\n          right.appendChild(panelEl);\n          break;\n      }\n    }\n  }\n\n  pinnedRows.appendChild(left);\n  pinnedRows.appendChild(center);\n  pinnedRows.appendChild(right);\n\n  return pinnedRows;\n}\n\n/**\n * Creates a container for aggregation rows at top or bottom.\n *\n * @param position - 'top' or 'bottom'\n * @returns The container element\n */\nexport function createAggregationContainer(position: 'top' | 'bottom'): HTMLElement {\n  const container = document.createElement('div');\n  container.className = `tbw-aggregation-rows tbw-aggregation-rows-${position}`;\n  // Use presentation role since aggregation rows are outside the role=\"grid\" element for layout reasons\n  container.setAttribute('role', 'presentation');\n  return container;\n}\n\n/**\n * Renders aggregation rows into a container.\n *\n * @param container - The container to render into\n * @param rows - Aggregation row configurations\n * @param columns - Current column configuration\n * @param dataRows - Current row data for aggregation calculations\n * @param globalFullWidth - Global fullWidth default from PinnedRowsConfig (default: false)\n */\nexport function renderAggregationRows(\n  container: HTMLElement,\n  rows: AggregationRowConfig[],\n  columns: ColumnConfig[],\n  dataRows: unknown[],\n  globalFullWidth = false,\n): void {\n  container.innerHTML = '';\n\n  for (const rowConfig of rows) {\n    const rowEl = document.createElement('div');\n    rowEl.className = 'tbw-aggregation-row';\n    // Use presentation role since aggregation rows are outside the role=\"grid\" element\n    rowEl.setAttribute('role', 'presentation');\n    if (rowConfig.id) {\n      rowEl.setAttribute('data-aggregation-id', rowConfig.id);\n    }\n\n    // Per-row fullWidth overrides global default\n    const isFullWidth = rowConfig.fullWidth ?? globalFullWidth;\n\n    if (isFullWidth) {\n      renderFullWidthAggregationRow(rowEl, rowConfig, columns, dataRows);\n    } else {\n      renderPerColumnAggregationRow(rowEl, rowConfig, columns, dataRows);\n    }\n\n    container.appendChild(rowEl);\n  }\n}\n\n/**\n * Renders a full-width aggregation row: single spanning cell with label and inline aggregated values.\n */\nfunction renderFullWidthAggregationRow(\n  rowEl: HTMLElement,\n  rowConfig: AggregationRowConfig,\n  columns: ColumnConfig[],\n  dataRows: unknown[],\n): void {\n  const cell = document.createElement('div');\n  cell.className = 'tbw-aggregation-cell tbw-aggregation-cell-full';\n  cell.style.gridColumn = '1 / -1';\n\n  // Label (static string or dynamic function)\n  const labelValue = typeof rowConfig.label === 'function' ? rowConfig.label(dataRows, columns) : rowConfig.label;\n  if (labelValue) {\n    const labelSpan = document.createElement('span');\n    labelSpan.className = 'tbw-aggregation-label';\n    labelSpan.textContent = labelValue;\n    cell.appendChild(labelSpan);\n  }\n\n  // Inline aggregated values\n  const aggregatesContainer = renderInlineAggregates(rowConfig, columns, dataRows);\n  if (aggregatesContainer) {\n    cell.appendChild(aggregatesContainer);\n  }\n\n  // If nothing was added (no label, no aggregates), ensure cell is empty but present\n  rowEl.appendChild(cell);\n}\n\n/**\n * Renders per-column aggregation cells aligned to the grid template.\n */\nfunction renderPerColumnAggregationRow(\n  rowEl: HTMLElement,\n  rowConfig: AggregationRowConfig,\n  columns: ColumnConfig[],\n  dataRows: unknown[],\n): void {\n  for (const col of columns) {\n    const cell = document.createElement('div');\n    cell.className = 'tbw-aggregation-cell';\n    cell.setAttribute('data-field', col.field);\n\n    const { value, formatter } = resolveAggregatedValue(rowConfig, col, dataRows);\n\n    if (value != null) {\n      cell.textContent = formatter ? formatter(value, col.field, col) : String(value);\n    } else {\n      cell.textContent = '';\n    }\n    rowEl.appendChild(cell);\n  }\n\n  // Overlay label: positioned at the left edge, independent of column alignment\n  const labelValue = typeof rowConfig.label === 'function' ? rowConfig.label(dataRows, columns) : rowConfig.label;\n  if (labelValue) {\n    const labelEl = document.createElement('span');\n    labelEl.className = 'tbw-aggregation-label';\n    labelEl.textContent = labelValue;\n    rowEl.appendChild(labelEl);\n  }\n}\n\n/**\n * Resolves the aggregated value for a single column in an aggregation row.\n * Returns the computed value and an optional formatter function.\n */\nfunction resolveAggregatedValue(\n  rowConfig: AggregationRowConfig,\n  col: ColumnConfig,\n  dataRows: unknown[],\n): { value: unknown; formatter?: (value: unknown, field: string, column?: ColumnConfig) => string } {\n  let value: unknown;\n  let formatter: ((value: unknown, field: string, column?: ColumnConfig) => string) | undefined;\n\n  // Check for aggregator first\n  const aggDef = rowConfig.aggregators?.[col.field];\n  if (aggDef) {\n    if (isAggregatorConfig(aggDef)) {\n      const aggFn = aggregatorRegistry.get(aggDef.aggFunc);\n      if (aggFn) {\n        value = aggFn(dataRows, col.field, col);\n      }\n      formatter = aggDef.formatter;\n    } else {\n      const aggFn = aggregatorRegistry.get(aggDef);\n      if (aggFn) {\n        value = aggFn(dataRows, col.field, col);\n      }\n    }\n  } else if (rowConfig.cells && Object.prototype.hasOwnProperty.call(rowConfig.cells, col.field)) {\n    const staticVal = rowConfig.cells[col.field];\n    if (typeof staticVal === 'function') {\n      value = staticVal(dataRows, col.field, col);\n    } else {\n      value = staticVal;\n    }\n  }\n\n  return { value, formatter };\n}\n\n/**\n * Renders inline aggregate values for a full-width aggregation row.\n * Returns a container element with aggregate spans, or null if no aggregates are defined.\n */\nfunction renderInlineAggregates(\n  rowConfig: AggregationRowConfig,\n  columns: ColumnConfig[],\n  dataRows: unknown[],\n): HTMLElement | null {\n  // Collect fields that have aggregators or cell values\n  const hasAggregators = rowConfig.aggregators && Object.keys(rowConfig.aggregators).length > 0;\n  const hasCells = rowConfig.cells && Object.keys(rowConfig.cells).length > 0;\n  if (!hasAggregators && !hasCells) return null;\n\n  const container = document.createElement('span');\n  container.className = 'tbw-aggregation-aggregates';\n\n  for (const col of columns) {\n    const { value, formatter } = resolveAggregatedValue(rowConfig, col, dataRows);\n    if (value != null) {\n      const span = document.createElement('span');\n      span.className = 'tbw-aggregation-aggregate';\n      span.setAttribute('data-field', col.field);\n      const header = col.header ?? col.field;\n      const displayValue = formatter ? formatter(value, col.field, col) : String(value);\n      span.textContent = `${header}: ${displayValue}`;\n      container.appendChild(span);\n    }\n  }\n\n  return container.children.length > 0 ? container : null;\n}\n\n/**\n * Renders a custom panel element.\n *\n * @param panel - The panel definition\n * @param context - The current grid context\n * @returns The panel DOM element\n */\nfunction renderCustomPanel(panel: PinnedRowsPanel, context: PinnedRowsContext): HTMLElement {\n  const panelEl = document.createElement('div');\n  panelEl.className = 'tbw-status-panel tbw-status-panel-custom';\n  panelEl.id = `status-panel-${panel.id}`;\n\n  const content = panel.render(context);\n\n  if (typeof content === 'string') {\n    panelEl.innerHTML = content;\n  } else {\n    panelEl.appendChild(content);\n  }\n\n  return panelEl;\n}\n\n/**\n * Builds the status bar context from grid state and plugin states.\n *\n * @param rows - Current row data\n * @param columns - Current column configuration\n * @param grid - Grid element reference\n * @param selectionState - Optional selection plugin state\n * @param filterState - Optional filtering plugin state\n * @returns The status bar context\n */\nexport function buildContext(\n  rows: unknown[],\n  columns: unknown[],\n  grid: HTMLElement,\n  selectionState?: { selected: Set<number> } | null,\n  filterState?: { cachedResult: unknown[] | null } | null,\n): PinnedRowsContext {\n  // Prefer live counts from the grid element so filteredRows reflects the\n  // actual processed row count regardless of which mechanism did the\n  // filtering (built-in filter plugin, column filters, custom pipeline, etc.).\n  // Fall back to the passed `rows` when the grid element does not expose\n  // these properties (e.g. in unit tests using a plain <div>).\n  const gridSourceRows = (grid as unknown as { sourceRows?: unknown[] })?.sourceRows;\n  const gridProcessedRows = (grid as unknown as { rows?: unknown[] })?.rows;\n  const totalRows = Array.isArray(gridSourceRows) ? gridSourceRows.length : rows.length;\n  const processedCount = Array.isArray(gridProcessedRows) ? gridProcessedRows.length : rows.length;\n\n  return {\n    totalRows,\n    filteredRows: filterState?.cachedResult?.length ?? processedCount,\n    selectedRows: selectionState?.selected?.size ?? 0,\n    columns: columns as PinnedRowsContext['columns'],\n    rows,\n    grid,\n  };\n}\n","/**\n * Pinned Rows Plugin (Class-based)\n *\n * Adds info bars and aggregation rows to the grid.\n * - Info bar: Shows row counts, selection info, and custom panels\n * - Aggregation rows: Footer/header rows with computed values (sum, avg, etc.)\n */\n\nimport { BaseGridPlugin } from '../../core/plugin/base-plugin';\nimport type { ColumnConfig } from '../../core/types';\nimport { buildContext, createAggregationContainer, createInfoBarElement, renderAggregationRows } from './pinned-rows';\nimport styles from './pinned-rows.css?inline';\nimport type { AggregationRowConfig, PinnedRowsConfig, PinnedRowsContext, PinnedRowsPanel } from './types';\n\n/**\n * Pinned Rows (Status Bar) Plugin for tbw-grid\n *\n * Creates fixed status bars at the top or bottom of the grid for displaying aggregations,\n * row counts, or custom content. Think of it as the \"totals row\" you'd see in a spreadsheet—\n * always visible regardless of scroll position.\n *\n * ## Installation\n *\n * ```ts\n * import { PinnedRowsPlugin } from '@toolbox-web/grid/plugins/pinned-rows';\n * ```\n *\n * ## Built-in Aggregation Functions\n *\n * | Function | Description |\n * |----------|-------------|\n * | `sum` | Sum of values |\n * | `avg` | Average of values |\n * | `count` | Count of rows |\n * | `min` | Minimum value |\n * | `max` | Maximum value |\n *\n * ## CSS Custom Properties\n *\n * | Property | Default | Description |\n * |----------|---------|-------------|\n * | `--tbw-pinned-rows-bg` | `var(--tbw-color-panel-bg)` | Status bar background |\n * | `--tbw-pinned-rows-border` | `var(--tbw-color-border)` | Status bar border |\n *\n * @example Status Bar with Aggregation\n * ```ts\n * import '@toolbox-web/grid';\n * import { PinnedRowsPlugin } from '@toolbox-web/grid/plugins/pinned-rows';\n *\n * grid.gridConfig = {\n *   columns: [\n *     { field: 'product', header: 'Product' },\n *     { field: 'quantity', header: 'Qty', type: 'number' },\n *     { field: 'price', header: 'Price', type: 'currency' },\n *   ],\n *   plugins: [\n *     new PinnedRowsPlugin({\n *       position: 'bottom',\n *       showRowCount: true,\n *       aggregationRows: [\n *         {\n *           id: 'totals',\n *           aggregators: { quantity: 'sum', price: 'sum' },\n *           cells: { product: 'Totals:' },\n *         },\n *       ],\n *     }),\n *   ],\n * };\n * ```\n *\n * @see {@link PinnedRowsConfig} for all configuration options\n * @see {@link AggregationRowConfig} for aggregation row structure\n *\n * @internal Extends BaseGridPlugin\n */\nexport class PinnedRowsPlugin extends BaseGridPlugin<PinnedRowsConfig> {\n  /** @internal */\n  readonly name = 'pinnedRows';\n  /** @internal */\n  override readonly styles = styles;\n\n  /** @internal */\n  protected override get defaultConfig(): Partial<PinnedRowsConfig> {\n    return {\n      position: 'bottom',\n      showRowCount: true,\n      showSelectedCount: true,\n      showFilteredCount: true,\n    };\n  }\n\n  // #region Internal State\n  private infoBarElement: HTMLElement | null = null;\n  private topAggregationContainer: HTMLElement | null = null;\n  private bottomAggregationContainer: HTMLElement | null = null;\n  private footerWrapper: HTMLElement | null = null;\n  // #endregion\n\n  // #region Lifecycle\n  /** @internal */\n  override detach(): void {\n    if (this.infoBarElement) {\n      this.infoBarElement.remove();\n      this.infoBarElement = null;\n    }\n    if (this.topAggregationContainer) {\n      this.topAggregationContainer.remove();\n      this.topAggregationContainer = null;\n    }\n    if (this.bottomAggregationContainer) {\n      this.bottomAggregationContainer.remove();\n      this.bottomAggregationContainer = null;\n    }\n    if (this.footerWrapper) {\n      this.footerWrapper.remove();\n      this.footerWrapper = null;\n    }\n  }\n  // #endregion\n\n  // #region Hooks\n  /** @internal */\n  override afterRender(): void {\n    const gridEl = this.gridElement;\n    if (!gridEl) return;\n\n    // Use .tbw-scroll-area so footer is inside the horizontal scroll area,\n    // otherwise fall back to .tbw-grid-content or root container\n    const container =\n      gridEl.querySelector('.tbw-scroll-area') ??\n      gridEl.querySelector('.tbw-grid-content') ??\n      gridEl.querySelector('.tbw-grid-root');\n    if (!container) return;\n\n    // Clear orphaned element references if they were removed from the DOM\n    // (e.g., by buildGridDOMIntoShadow calling replaceChildren())\n    // We check if the element is still inside the container rather than isConnected,\n    // because in unit tests the mock grid may not be attached to document.body\n    if (this.footerWrapper && !container.contains(this.footerWrapper)) {\n      this.footerWrapper = null;\n      this.bottomAggregationContainer = null;\n      this.infoBarElement = null;\n    }\n    if (this.topAggregationContainer && !container.contains(this.topAggregationContainer)) {\n      this.topAggregationContainer = null;\n    }\n    if (this.infoBarElement && !container.contains(this.infoBarElement)) {\n      this.infoBarElement = null;\n    }\n\n    // Build context with plugin states\n    const selectionState = this.getSelectionState();\n    const filterState = this.getFilterState();\n\n    const context = buildContext(\n      this.sourceRows as unknown[],\n      this.columns as unknown[],\n      this.gridElement,\n      selectionState,\n      filterState,\n    );\n\n    // #region Handle Aggregation Rows\n    const aggregationRows = this.config.aggregationRows || [];\n    const topRows = aggregationRows.filter((r) => r.position === 'top');\n    const bottomRows = aggregationRows.filter((r) => r.position !== 'top');\n\n    // Top aggregation rows\n    if (topRows.length > 0) {\n      if (!this.topAggregationContainer) {\n        this.topAggregationContainer = createAggregationContainer('top');\n        const header = gridEl.querySelector('.header');\n        if (header && header.nextSibling) {\n          container.insertBefore(this.topAggregationContainer, header.nextSibling);\n        } else {\n          container.appendChild(this.topAggregationContainer);\n        }\n      }\n      renderAggregationRows(\n        this.topAggregationContainer,\n        topRows,\n        this.visibleColumns as ColumnConfig[],\n        this.sourceRows as unknown[],\n        this.config.fullWidth,\n      );\n    } else if (this.topAggregationContainer) {\n      this.topAggregationContainer.remove();\n      this.topAggregationContainer = null;\n    }\n\n    // Handle footer\n    const hasInfoContent =\n      this.config.showRowCount !== false ||\n      (this.config.showSelectedCount && context.selectedRows > 0) ||\n      (this.config.showFilteredCount && context.filteredRows !== context.totalRows) ||\n      (this.config.customPanels && this.config.customPanels.length > 0);\n    const hasBottomInfoBar = hasInfoContent && this.config.position !== 'top';\n    const needsFooter = bottomRows.length > 0 || hasBottomInfoBar;\n\n    // Handle top info bar\n    if (hasInfoContent && this.config.position === 'top') {\n      if (!this.infoBarElement) {\n        this.infoBarElement = createInfoBarElement(this.config, context);\n        container.insertBefore(this.infoBarElement, container.firstChild);\n      } else {\n        const newInfoBar = createInfoBarElement(this.config, context);\n        this.infoBarElement.replaceWith(newInfoBar);\n        this.infoBarElement = newInfoBar;\n      }\n    } else if (this.config.position === 'top' && this.infoBarElement) {\n      this.infoBarElement.remove();\n      this.infoBarElement = null;\n    }\n\n    // Create/manage footer wrapper\n    if (needsFooter) {\n      if (!this.footerWrapper) {\n        this.footerWrapper = document.createElement('div');\n        this.footerWrapper.className = 'tbw-footer';\n        container.appendChild(this.footerWrapper);\n      }\n\n      this.footerWrapper.innerHTML = '';\n\n      if (bottomRows.length > 0) {\n        if (!this.bottomAggregationContainer) {\n          this.bottomAggregationContainer = createAggregationContainer('bottom');\n        }\n        this.footerWrapper.appendChild(this.bottomAggregationContainer);\n        renderAggregationRows(\n          this.bottomAggregationContainer,\n          bottomRows,\n          this.visibleColumns as ColumnConfig[],\n          this.sourceRows as unknown[],\n          this.config.fullWidth,\n        );\n      }\n\n      if (hasBottomInfoBar) {\n        this.infoBarElement = createInfoBarElement(this.config, context);\n        this.footerWrapper.appendChild(this.infoBarElement);\n      }\n    } else {\n      this.cleanupFooter();\n    }\n    // #endregion\n  }\n  // #endregion\n\n  // #region Private Methods\n  private cleanup(): void {\n    if (this.infoBarElement) {\n      this.infoBarElement.remove();\n      this.infoBarElement = null;\n    }\n    if (this.topAggregationContainer) {\n      this.topAggregationContainer.remove();\n      this.topAggregationContainer = null;\n    }\n    if (this.bottomAggregationContainer) {\n      this.bottomAggregationContainer.remove();\n      this.bottomAggregationContainer = null;\n    }\n    if (this.footerWrapper) {\n      this.footerWrapper.remove();\n      this.footerWrapper = null;\n    }\n  }\n\n  private cleanupFooter(): void {\n    if (this.footerWrapper) {\n      this.footerWrapper.remove();\n      this.footerWrapper = null;\n    }\n    if (this.bottomAggregationContainer) {\n      this.bottomAggregationContainer.remove();\n      this.bottomAggregationContainer = null;\n    }\n    if (this.infoBarElement && this.config.position !== 'top') {\n      this.infoBarElement.remove();\n      this.infoBarElement = null;\n    }\n  }\n\n  private getSelectionState(): { selected: Set<number> } | null {\n    // Try to get selection plugin state\n    try {\n      return (this.grid?.getPluginState?.('selection') as { selected: Set<number> } | null) ?? null;\n    } catch {\n      return null;\n    }\n  }\n\n  private getFilterState(): { cachedResult: unknown[] | null } | null {\n    try {\n      return (this.grid?.getPluginState?.('filtering') as { cachedResult: unknown[] | null } | null) ?? null;\n    } catch {\n      return null;\n    }\n  }\n  // #endregion\n\n  // #region Public API\n  /**\n   * Refresh the status bar to reflect current grid state.\n   */\n  refresh(): void {\n    this.requestRender();\n  }\n\n  /**\n   * Get the current status bar context.\n   * @returns The context with row counts and other info\n   */\n  getContext(): PinnedRowsContext {\n    const selectionState = this.getSelectionState();\n    const filterState = this.getFilterState();\n\n    return buildContext(\n      this.rows as unknown[],\n      this.columns as unknown[],\n      this.gridElement,\n      selectionState,\n      filterState,\n    );\n  }\n\n  /**\n   * Add a custom panel to the info bar.\n   * @param panel - The panel configuration to add\n   */\n  addPanel(panel: PinnedRowsPanel): void {\n    if (!this.config.customPanels) {\n      this.config.customPanels = [];\n    }\n    this.config.customPanels.push(panel);\n    this.requestRender();\n  }\n\n  /**\n   * Remove a custom panel by ID.\n   * @param id - The panel ID to remove\n   */\n  removePanel(id: string): void {\n    if (this.config.customPanels) {\n      this.config.customPanels = this.config.customPanels.filter((p) => p.id !== id);\n      this.requestRender();\n    }\n  }\n\n  /**\n   * Add an aggregation row.\n   * @param row - The aggregation row configuration\n   */\n  addAggregationRow(row: AggregationRowConfig): void {\n    if (!this.config.aggregationRows) {\n      this.config.aggregationRows = [];\n    }\n    this.config.aggregationRows.push(row);\n    this.requestRender();\n  }\n\n  /**\n   * Remove an aggregation row by ID.\n   * @param id - The aggregation row ID to remove\n   */\n  removeAggregationRow(id: string): void {\n    if (this.config.aggregationRows) {\n      this.config.aggregationRows = this.config.aggregationRows.filter((r) => r.id !== id);\n      this.requestRender();\n    }\n  }\n  // #endregion\n}\n"],"names":["createInfoBarElement","config","context","pinnedRows","document","createElement","className","setAttribute","left","center","right","showRowCount","rowCount","textContent","totalRows","appendChild","showFilteredCount","filteredRows","filteredCount","showSelectedCount","selectedRows","selectedCount","customPanels","panel","panelEl","renderCustomPanel","position","createAggregationContainer","container","renderAggregationRows","rows","columns","dataRows","globalFullWidth","innerHTML","rowConfig","rowEl","id","fullWidth","renderFullWidthAggregationRow","renderPerColumnAggregationRow","cell","style","gridColumn","labelValue","label","labelSpan","aggregatesContainer","hasAggregators","aggregators","Object","keys","length","hasCells","cells","col","value","formatter","resolveAggregatedValue","span","field","header","displayValue","String","children","renderInlineAggregates","labelEl","aggDef","def","aggFn","aggregatorRegistry","get","aggFunc","prototype","hasOwnProperty","call","staticVal","content","render","buildContext","grid","selectionState","filterState","gridSourceRows","sourceRows","gridProcessedRows","Array","isArray","processedCount","cachedResult","selected","size","PinnedRowsPlugin","BaseGridPlugin","name","styles","defaultConfig","infoBarElement","topAggregationContainer","bottomAggregationContainer","footerWrapper","detach","this","remove","afterRender","gridEl","gridElement","querySelector","contains","getSelectionState","getFilterState","aggregationRows","topRows","filter","r","bottomRows","nextSibling","insertBefore","visibleColumns","hasInfoContent","hasBottomInfoBar","needsFooter","newInfoBar","replaceWith","firstChild","cleanupFooter","cleanup","getPluginState","refresh","requestRender","getContext","addPanel","push","removePanel","p","addAggregationRow","row","removeAggregationRow"],"mappings":"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"}