@toolbox-web/grid 2.1.0 → 2.2.0

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":"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"}
+{"version":3,"file":"grouping-columns.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/grouping-columns/grouping-columns.ts","../../../../../libs/grid/src/lib/plugins/grouping-columns/GroupingColumnsPlugin.ts"],"sourcesContent":["/**\n * Column Groups Core Logic\n *\n * Pure functions for computing and managing column header groups.\n */\n\n// Import types to enable module augmentation\nimport { 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":"qgBAyDO,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,CCpIO,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,IDWhB,SAAyBA,GAC9B,OAAOA,EAAQuI,KAAMtH,GAAqB,MAAbA,EAAIG,MACnC,CCZWoH,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,EDzWhC5C,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,ICyXxBrC,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,ED1MH,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,EAGhBoI,EAAKM,UAAYC,EAAAA,aAAa3I,GAE9BoI,EAAKQ,YAAc3K,CAEvB,MAEEmK,EAAKQ,YAAc3K,EAGrBuJ,EAASiB,YAAYL,EACvB,CAEA,OAAOZ,CACT,CC4IqBqB,CAAoB7J,EAAQoI,EAAcpF,KAAKY,OAAOkG,oBAAqBxB,GAC5F,GAAIE,EAAU,CAEZA,EAASa,UAAUU,OAAO,cAAe/G,KAAKY,OAAOrB,kBAErD,MAAMyH,EAAY3E,EAAOX,cAAc,eACnCsF,EACF3E,EAAO4E,aAAazB,EAAUwB,GAE9B3E,EAAOoE,YAAYjB,EAEvB,CAGA,MAAMwB,EAAY3E,EAAOX,cAAc,eACnCsF,IAEFA,EAAUX,UAAUU,OAAO,oBAAqB/G,KAAKY,OAAOrB,kBDtX3D,SACL2H,EACAlK,EACA5B,EACAkK,GAEA,IAAKtI,EAAO3B,SAAW6L,EAAa,OAEpC,MAAQnJ,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,MAAMmL,EAAcnI,MAAMyD,KAAKyE,EAAYE,iBAAiB,sBAC5DD,EAAY/K,QAASgK,IACnB,MAAMjD,EAAIiD,EAAKiB,aAAa,eAAiB,GACvCvB,EAAM3E,EAAatE,IAAIsG,GACzB2C,IACFM,EAAKC,UAAUxI,IAAI,WACduI,EAAKiB,aAAa,eACrBjB,EAAKR,aAAa,aAAcE,MAOtC,IAAA,MAAWvJ,KAAKsJ,EAAc,CAC5B,MAAM/I,EAAOP,EAAEnB,QAAQmB,EAAEnB,QAAQC,OAAS,GACpC+K,EAAOe,EAAYpE,KAAMxF,GAAMA,EAAE8J,aAAa,gBAAkBvK,EAAKU,OACvE4I,GAAMA,EAAKC,UAAUxI,IAAI,YAC/B,CACF,CCiUMyJ,CAA8BN,EAAWhK,EAAQoI,EAAcE,GAEnE,CAQS,eAAAiC,CAAgBC,GAClBxH,KAAKP,UAAaO,KAAKY,OAAOrB,kBACnCiI,EAAQC,YAAYpB,UAAUU,OAAO,YAAa/G,MAAKN,EAAgB/C,IAAI6K,EAAQE,OAAOlK,OAC5F,CASA,gBAAAmK,GACE,OAAO3H,KAAKP,QACd,CAMA,SAAAmI,GACE,OAAO5H,KAAKhD,MACd,CAOA,eAAA6K,CAAgBC,GACd,OAAO9H,KAAKhD,OAAOuE,OAAQhF,GAAMA,EAAEP,KAAO8L,GAASC,QAASxL,GAAMA,EAAEnB,QACtE,CAKA,OAAA4M,GACEhI,KAAKiI,eACP"}

package/umd/plugins/multi-sort.umd.js

@@ -1,2 +1,2 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("../../core/internal/aria"),require("../../core/plugin/base-plugin")):"function"==typeof define&&define.amd?define(["exports","../../core/internal/aria","../../core/plugin/base-plugin"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).TbwGridPlugin_multiSort={},t.TbwGrid,t.TbwGrid)}(this,function(t,e,r){"use strict";function i(t,e){return null==t&&null==e?0:null==t?1:null==e?-1:"number"==typeof t&&"number"==typeof e?t-e:t instanceof Date&&e instanceof Date?t.getTime()-e.getTime():"boolean"==typeof t&&"boolean"==typeof e?t===e?0:t?-1:1:String(t).localeCompare(String(e))}function o(t,e){const r=t.findIndex(t=>t.field===e);return r>=0?r+1:void 0}function s(t,e){return t.find(t=>t.field===e)?.direction}class n extends r.BaseGridPlugin{static manifest={queries:[{type:"sort:get-model",description:"Returns the current multi-sort model as SortModel[]"},{type:"sort:set-model",description:"Sets the multi-sort model from context (SortModel[])"}]};name="multiSort";styles='@layer tbw-plugins{.header-cell[data-sort=asc]:after{content:"↑";margin-left:var(--tbw-spacing-xs, .25em);opacity:.8}.header-cell[data-sort=desc]:after{content:"↓";margin-left:var(--tbw-spacing-xs, .25em);opacity:.8}.sort-indicator{margin-left:var(--tbw-spacing-xs, .25em);opacity:.8}.sort-index{font-size:var(--tbw-font-size-2xs, .7em);background:var(--tbw-multi-sort-badge-bg, var(--tbw-color-panel-bg));color:var(--tbw-multi-sort-badge-color, var(--tbw-color-fg));border-radius:50%;width:var(--tbw-multi-sort-badge-size, 1em);height:var(--tbw-multi-sort-badge-size, 1em);display:inline-flex;align-items:center;justify-content:center;margin-left:var(--tbw-spacing-xs, .125em);font-weight:600}}';get defaultConfig(){return{maxSortColumns:3,showSortIndex:!0}}sortModel=[];cachedSortResult=null;get#t(){return this.grid}clearCoreSortState(){this.#t._sortState=null}#e(t){const e=this.grid?.query?.("grouping:get-grouped-fields",null);if(!Array.isArray(e)||0===e.length)return t;const r=e[0];if(!Array.isArray(r)||0===r.length)return t;const i=new Set(r),o=t.filter(t=>!i.has(t.field));return o.length===t.length?t:o}detach(){this.sortModel=[],this.cachedSortResult=null}handleQuery(t){switch(t.type){case"sort:get-model":return[...this.sortModel];case"sort:set-model":{const e=t.context;return!!Array.isArray(e)&&(this.sortModel=[...e],this.clearCoreSortState(),this.broadcast("sort-change",{sortModel:[...this.sortModel]}),this.requestRender(),!0)}default:return}}processRows(t){if(0===this.sortModel.length)return this.cachedSortResult=null,[...t];const e=this.#t;if(!e._isGridEditMode&&"number"==typeof e._activeEditRows&&-1!==e._activeEditRows&&this.cachedSortResult&&this.cachedSortResult.length===t.length)return[...this.cachedSortResult];const r=this.#e(this.sortModel),o=t;return r.length>0&&function(t,e,r){if(!e.length)return;const o=e.map(t=>{const e=r.find(e=>e.field===t.field);return{field:t.field,asc:"asc"===t.direction,comparator:e?.sortComparator??i}});if(1===o.length){const{field:e,asc:r,comparator:i}=o[0];t.sort((t,o)=>{const s=i(t[e],o[e],t,o);return r?s:-s})}else t.sort((t,e)=>{for(let r=0;r<o.length;r++){const{field:i,asc:s,comparator:n}=o[r],l=n(t[i],e[i],t,e);if(0!==l)return s?l:-l}return 0})}(o,r,this.columns),this.cachedSortResult=o,o}onHeaderClick(t){const r=this.columns.find(e=>e.field===t.field);if(!r?.sortable)return!1;const i=t.originalEvent.shiftKey,o=this.config.maxSortColumns??3;if(this.sortModel=function(t,e,r,i){const o=t.find(t=>t.field===e);return r?o?"asc"===o.direction?t.map(t=>t.field===e?{...t,direction:"desc"}:t):t.filter(t=>t.field!==e):t.length<i?[...t,{field:e,direction:"asc"}]:t:"asc"===o?.direction?[{field:e,direction:"desc"}]:"desc"===o?.direction?[]:[{field:e,direction:"asc"}]}(this.sortModel,t.field,i,o),this.clearCoreSortState(),this.broadcast("sort-change",{sortModel:[...this.sortModel]}),this.requestRender(),this.grid?.requestStateChange?.(),this.sortModel.length>0){const t=this.sortModel.map(t=>{const e=this.columns.find(e=>e.field===t.field);return`${e?.header??t.field} ${"asc"===t.direction?"ascending":"descending"}`});e.announce(this.gridElement,e.getA11yMessage(this.gridElement,"sortApplied",t.join(", then "),""))}else e.announce(this.gridElement,e.getA11yMessage(this.gridElement,"sortCleared"));return!0}afterRender(){const t=this.gridElement;if(!t)return;const e=!1!==this.config.showSortIndex;t.querySelectorAll(".header-row .cell[data-field]").forEach(t=>{const r=t.getAttribute("data-field");if(!r)return;const i=o(this.sortModel,r),n=s(this.sortModel,r);if(t.querySelector(".sort-index")?.remove(),n){const r=this.updateSortIndicator(t,n);if(e&&this.sortModel.length>1&&void 0!==i){const e=document.createElement("span");e.className="sort-index",e.textContent=String(i),r.nextSibling?t.insertBefore(e,r.nextSibling):t.appendChild(e)}}else t.classList.contains("sortable")&&this.updateSortIndicator(t,null)})}getSortModel(){return[...this.sortModel]}setSortModel(t){if(this.sortModel=[...t],this.clearCoreSortState(),this.broadcast("sort-change",{sortModel:[...t]}),this.requestRender(),this.grid?.requestStateChange?.(),t.length>0){const r=t.map(t=>{const e=this.columns.find(e=>e.field===t.field);return`${e?.header??t.field} ${"asc"===t.direction?"ascending":"descending"}`});e.announce(this.gridElement,e.getA11yMessage(this.gridElement,"sortApplied",r.join(", then "),""))}}clearSort(){this.sortModel=[],this.clearCoreSortState(),this.broadcast("sort-change",{sortModel:[]}),this.requestRender(),this.grid?.requestStateChange?.(),e.announce(this.gridElement,e.getA11yMessage(this.gridElement,"sortCleared"))}getSortIndex(t){return o(this.sortModel,t)}getSortDirection(t){return s(this.sortModel,t)}getColumnState(t){const e=this.sortModel.findIndex(e=>e.field===t);if(-1===e)return;return{sort:{direction:this.sortModel[e].direction,priority:e}}}applyColumnState(t,e){if(!e.sort)return void(this.sortModel=this.sortModel.filter(e=>e.field!==t));const r=this.sortModel.findIndex(e=>e.field===t),i={field:t,direction:e.sort.direction};-1!==r?this.sortModel[r]=i:this.sortModel.splice(e.sort.priority,0,i),this.clearCoreSortState()}}t.MultiSortPlugin=n,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("../../core/internal/aria"),require("../../core/plugin/base-plugin"),require("../../core/internal/value-accessor")):"function"==typeof define&&define.amd?define(["exports","../../core/internal/aria","../../core/plugin/base-plugin","../../core/internal/value-accessor"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).TbwGridPlugin_multiSort={},e.TbwGrid,e.TbwGrid,e.TbwGrid)}(this,function(e,t,r,i){"use strict";function o(e,t){const r=!0===e?.__loading;return r===(!0===t?.__loading)?0:r?1:-1}function s(e,t){return null==e&&null==t?0:null==e?1:null==t?-1:"number"==typeof e&&"number"==typeof t?e-t:e instanceof Date&&t instanceof Date?e.getTime()-t.getTime():"boolean"==typeof e&&"boolean"==typeof t?e===t?0:e?-1:1:String(e).localeCompare(String(t))}function n(e,t){const r=e.findIndex(e=>e.field===t);return r>=0?r+1:void 0}function l(e,t){return e.find(e=>e.field===t)?.direction}class d extends r.BaseGridPlugin{static manifest={queries:[{type:"sort:get-model",description:"Returns the current multi-sort model as SortModel[]"},{type:"sort:set-model",description:"Sets the multi-sort model from context (SortModel[])"}]};name="multiSort";styles='@layer tbw-plugins{.header-cell[data-sort=asc]:after{content:"↑";margin-left:var(--tbw-spacing-xs, .25em);opacity:.8}.header-cell[data-sort=desc]:after{content:"↓";margin-left:var(--tbw-spacing-xs, .25em);opacity:.8}.sort-indicator{margin-left:var(--tbw-spacing-xs, .25em);opacity:.8}.sort-index{font-size:var(--tbw-font-size-2xs, .7em);background:var(--tbw-multi-sort-badge-bg, var(--tbw-color-panel-bg));color:var(--tbw-multi-sort-badge-color, var(--tbw-color-fg));border-radius:50%;width:var(--tbw-multi-sort-badge-size, 1em);height:var(--tbw-multi-sort-badge-size, 1em);display:inline-flex;align-items:center;justify-content:center;margin-left:var(--tbw-spacing-xs, .125em);font-weight:600}}';get defaultConfig(){return{maxSortColumns:3,showSortIndex:!0}}sortModel=[];cachedSortResult=null;get#e(){return this.grid}clearCoreSortState(){this.#e._sortState=null}#t(e){const t=this.grid?.query?.("grouping:get-grouped-fields",null);if(!Array.isArray(t)||0===t.length)return e;const r=t[0];if(!Array.isArray(r)||0===r.length)return e;const i=new Set(r),o=e.filter(e=>!i.has(e.field));return o.length===e.length?e:o}detach(){this.sortModel=[],this.cachedSortResult=null}handleQuery(e){switch(e.type){case"sort:get-model":return[...this.sortModel];case"sort:set-model":{const t=e.context;return!!Array.isArray(t)&&(this.sortModel=[...t],this.clearCoreSortState(),this.broadcast("sort-change",{sortModel:[...this.sortModel]}),this.requestRender(),!0)}default:return}}processRows(e){if(0===this.sortModel.length)return this.cachedSortResult=null,[...e];const t=this.#e;if(!t._isGridEditMode&&"number"==typeof t._activeEditRows&&-1!==t._activeEditRows&&this.cachedSortResult&&this.cachedSortResult.length===e.length)return[...this.cachedSortResult];const r=this.#t(this.sortModel),n=e;return r.length>0&&function(e,t,r){if(!t.length)return;const n=t.map(e=>{const t=r.find(t=>t.field===e.field),i=t?.sortComparator??s;return{field:e.field,asc:"asc"===e.direction,comparator:i,pinPlaceholders:!t?.sortComparator,column:t}}),l=(e,t)=>t.column?.valueAccessor?i.resolveCellValue(e,t.column):e[t.field];if(1===n.length){const t=n[0];e.sort((e,r)=>{if(t.pinPlaceholders){const t=o(e,r);if(0!==t)return t}const i=t.comparator(l(e,t),l(r,t),e,r);return t.asc?i:-i})}else e.sort((e,t)=>{if(n.some(e=>e.pinPlaceholders)){const r=o(e,t);if(0!==r)return r}for(let r=0;r<n.length;r++){const i=n[r],o=i.comparator(l(e,i),l(t,i),e,t);if(0!==o)return i.asc?o:-o}return 0})}(n,r,this.columns),this.cachedSortResult=n,n}onHeaderClick(e){const r=this.columns.find(t=>t.field===e.field);if(!r?.sortable)return!1;const i=e.originalEvent.shiftKey,o=this.config.maxSortColumns??3;if(this.sortModel=function(e,t,r,i){const o=e.find(e=>e.field===t);return r?o?"asc"===o.direction?e.map(e=>e.field===t?{...e,direction:"desc"}:e):e.filter(e=>e.field!==t):e.length<i?[...e,{field:t,direction:"asc"}]:e:"asc"===o?.direction?[{field:t,direction:"desc"}]:"desc"===o?.direction?[]:[{field:t,direction:"asc"}]}(this.sortModel,e.field,i,o),this.clearCoreSortState(),this.broadcast("sort-change",{sortModel:[...this.sortModel]}),this.requestRender(),this.grid?.requestStateChange?.(),this.sortModel.length>0){const e=this.sortModel.map(e=>{const t=this.columns.find(t=>t.field===e.field);return`${t?.header??e.field} ${"asc"===e.direction?"ascending":"descending"}`});t.announce(this.gridElement,t.getA11yMessage(this.gridElement,"sortApplied",e.join(", then "),""))}else t.announce(this.gridElement,t.getA11yMessage(this.gridElement,"sortCleared"));return!0}afterRender(){const e=this.gridElement;if(!e)return;const t=!1!==this.config.showSortIndex;e.querySelectorAll(".header-row .cell[data-field]").forEach(e=>{const r=e.getAttribute("data-field");if(!r)return;const i=n(this.sortModel,r),o=l(this.sortModel,r);if(e.querySelector(".sort-index")?.remove(),o){const r=this.updateSortIndicator(e,o);if(t&&this.sortModel.length>1&&void 0!==i){const t=document.createElement("span");t.className="sort-index",t.textContent=String(i),r.nextSibling?e.insertBefore(t,r.nextSibling):e.appendChild(t)}}else e.classList.contains("sortable")&&this.updateSortIndicator(e,null)})}getSortModel(){return[...this.sortModel]}setSortModel(e){if(this.sortModel=[...e],this.clearCoreSortState(),this.broadcast("sort-change",{sortModel:[...e]}),this.requestRender(),this.grid?.requestStateChange?.(),e.length>0){const r=e.map(e=>{const t=this.columns.find(t=>t.field===e.field);return`${t?.header??e.field} ${"asc"===e.direction?"ascending":"descending"}`});t.announce(this.gridElement,t.getA11yMessage(this.gridElement,"sortApplied",r.join(", then "),""))}}clearSort(){this.sortModel=[],this.clearCoreSortState(),this.broadcast("sort-change",{sortModel:[]}),this.requestRender(),this.grid?.requestStateChange?.(),t.announce(this.gridElement,t.getA11yMessage(this.gridElement,"sortCleared"))}getSortIndex(e){return n(this.sortModel,e)}getSortDirection(e){return l(this.sortModel,e)}getColumnState(e){const t=this.sortModel.findIndex(t=>t.field===e);if(-1===t)return;return{sort:{direction:this.sortModel[t].direction,priority:t}}}applyColumnState(e,t){if(!t.sort)return void(this.sortModel=this.sortModel.filter(t=>t.field!==e));const r=this.sortModel.findIndex(t=>t.field===e),i={field:e,direction:t.sort.direction};-1!==r?this.sortModel[r]=i:this.sortModel.splice(t.sort.priority,0,i),this.clearCoreSortState()}}e.MultiSortPlugin=d,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});
 //# sourceMappingURL=multi-sort.umd.js.map

package/umd/plugins/multi-sort.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"multi-sort.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/multi-sort/multi-sort.ts","../../../../../libs/grid/src/lib/plugins/multi-sort/MultiSortPlugin.ts"],"sourcesContent":["/**\n * Multi-Sort Core Logic\n *\n * Pure functions for multi-column sorting operations.\n */\n\nimport type { ColumnConfig } from '../../core/types';\nimport type { SortModel } from './types';\n\n/**\n * Apply multiple sort columns to a row array.\n * Sorts are applied in order - first sort has highest priority.\n *\n * @param rows - Array of row objects to sort\n * @param sorts - Ordered array of sort configurations\n * @param columns - Column configurations (for custom comparators)\n * @returns New sorted array (does not mutate original)\n */\nexport function applySorts<TRow = unknown>(rows: TRow[], sorts: SortModel[], columns: ColumnConfig<TRow>[]): TRow[] {\n  if (!sorts.length) return [...rows];\n\n  const copy = [...rows];\n  sortRowsInPlace(copy, sorts, columns);\n  return copy;\n}\n\n/**\n * Sort an array in-place using multiple sort columns.\n * Pre-resolves column comparators to avoid O(n·log·n·m) column lookups\n * inside the comparator.\n * @internal\n */\nexport function sortRowsInPlace<TRow = unknown>(rows: TRow[], sorts: SortModel[], columns: ColumnConfig<TRow>[]): void {\n  if (!sorts.length) return;\n\n  // Pre-resolve comparator chain — avoids columns.find() on every pair comparison\n  const chain = sorts.map((sort) => {\n    const col = columns.find((c) => c.field === sort.field);\n    return {\n      field: sort.field,\n      asc: sort.direction === 'asc',\n      comparator: col?.sortComparator ?? defaultComparator,\n    };\n  });\n\n  if (chain.length === 1) {\n    // Single-sort fast path — avoid loop overhead\n    const { field, asc, comparator } = chain[0];\n    rows.sort((a: any, b: any) => {\n      const result = comparator(a[field], b[field], a, b);\n      return asc ? result : -result;\n    });\n  } else {\n    rows.sort((a: any, b: any) => {\n      for (let i = 0; i < chain.length; i++) {\n        const { field, asc, comparator } = chain[i];\n        const result = comparator(a[field], b[field], a, b);\n        if (result !== 0) return asc ? result : -result;\n      }\n      return 0;\n    });\n  }\n}\n\n/**\n * Default comparator for sorting values.\n * Handles nulls, numbers, dates, and strings.\n *\n * @param a - First value\n * @param b - Second value\n * @returns Comparison result (-1, 0, 1)\n */\nexport function defaultComparator(a: unknown, b: unknown): number {\n  // Handle nulls/undefined - push to end\n  if (a == null && b == null) return 0;\n  if (a == null) return 1;\n  if (b == null) return -1;\n\n  // Type-aware comparison\n  if (typeof a === 'number' && typeof b === 'number') {\n    return a - b;\n  }\n\n  if (a instanceof Date && b instanceof Date) {\n    return a.getTime() - b.getTime();\n  }\n\n  // Boolean comparison\n  if (typeof a === 'boolean' && typeof b === 'boolean') {\n    return a === b ? 0 : a ? -1 : 1;\n  }\n\n  // String comparison (fallback)\n  return String(a).localeCompare(String(b));\n}\n\n/**\n * Toggle sort state for a field.\n * With shift key: adds/toggles in multi-sort list\n * Without shift key: replaces entire sort with single column\n *\n * @param current - Current sort model\n * @param field - Field to toggle\n * @param shiftKey - Whether shift key is held (multi-sort mode)\n * @param maxColumns - Maximum columns allowed in sort\n * @returns New sort model\n */\nexport function toggleSort(current: SortModel[], field: string, shiftKey: boolean, maxColumns: number): SortModel[] {\n  const existing = current.find((s) => s.field === field);\n\n  if (shiftKey) {\n    // Multi-sort: add/toggle in list\n    if (existing) {\n      if (existing.direction === 'asc') {\n        // Flip to descending\n        return current.map((s) => (s.field === field ? { ...s, direction: 'desc' as const } : s));\n      } else {\n        // Remove from sort\n        return current.filter((s) => s.field !== field);\n      }\n    } else if (current.length < maxColumns) {\n      // Add new sort column\n      return [...current, { field, direction: 'asc' as const }];\n    }\n    // Max columns reached, return unchanged\n    return current;\n  } else {\n    // Single sort: replace all\n    if (existing?.direction === 'asc') {\n      return [{ field, direction: 'desc' }];\n    } else if (existing?.direction === 'desc') {\n      return [];\n    }\n    return [{ field, direction: 'asc' }];\n  }\n}\n\n/**\n * Get the sort index (1-based) for a field in the sort model.\n * Returns undefined if the field is not in the sort model.\n *\n * @param sortModel - Current sort model\n * @param field - Field to check\n * @returns 1-based index or undefined\n */\nexport function getSortIndex(sortModel: SortModel[], field: string): number | undefined {\n  const index = sortModel.findIndex((s) => s.field === field);\n  return index >= 0 ? index + 1 : undefined;\n}\n\n/**\n * Get the sort direction for a field in the sort model.\n *\n * @param sortModel - Current sort model\n * @param field - Field to check\n * @returns Sort direction or undefined if not sorted\n */\nexport function getSortDirection(sortModel: SortModel[], field: string): 'asc' | 'desc' | undefined {\n  return sortModel.find((s) => s.field === field)?.direction;\n}\n","/**\n * Multi-Sort Plugin (Class-based)\n *\n * Provides multi-column sorting capabilities for tbw-grid.\n * Supports shift+click for adding secondary sort columns.\n */\n\nimport { announce, getA11yMessage } from '../../core/internal/aria';\nimport { BaseGridPlugin, HeaderClickEvent, type PluginManifest, type PluginQuery } from '../../core/plugin/base-plugin';\nimport type { ColumnState, GridHost } from '../../core/types';\nimport { getSortDirection, getSortIndex, sortRowsInPlace, toggleSort } from './multi-sort';\nimport styles from './multi-sort.css?inline';\nimport type { MultiSortConfig, SortModel } from './types';\n\n/**\n * Multi-Sort Plugin for tbw-grid\n *\n * Enables sorting by multiple columns at once—hold Shift and click additional column\n * headers to build up a sort stack. Priority badges show the sort order, so users\n * always know which column takes precedence.\n *\n * ## Installation\n *\n * ```ts\n * import { MultiSortPlugin } from '@toolbox-web/grid/plugins/multi-sort';\n * ```\n *\n * ## Keyboard Shortcuts\n *\n * | Shortcut | Action |\n * |----------|--------|\n * | `Click header` | Sort by column (clears other sorts) |\n * | `Shift + Click` | Add column to multi-sort stack |\n * | `Ctrl + Click` | Toggle sort direction |\n *\n * ## Events\n *\n * | Event | Detail | Description |\n * |-------|--------|-------------|\n * | `sort-change` | `{ sortModel: SortModel[] }` | Fired when sort changes |\n *\n * @example Basic Multi-Column Sorting\n * ```ts\n * import { queryGrid } from '@toolbox-web/grid';\n * import { MultiSortPlugin } from '@toolbox-web/grid/plugins/multi-sort';\n *\n * const grid = queryGrid('tbw-grid');\n * grid.gridConfig = {\n *   columns: [\n *     { field: 'name', header: 'Name', sortable: true },\n *     { field: 'department', header: 'Department', sortable: true },\n *     { field: 'salary', header: 'Salary', type: 'number', sortable: true },\n *   ],\n *   plugins: [new MultiSortPlugin({ maxSortColumns: 3, showSortIndex: true })],\n * };\n *\n * grid.on('sort-change', ({ sortModel }) => {\n *   console.log('Active sorts:', sortModel);\n * });\n * ```\n *\n * @example Initial Sort Configuration\n * ```ts\n * new MultiSortPlugin({\n *   initialSort: [\n *     { field: 'department', direction: 'asc' },\n *     { field: 'salary', direction: 'desc' },\n *   ],\n * })\n * ```\n *\n * @see {@link MultiSortConfig} for all configuration options\n * @see {@link SortModel} for the sort model structure\n *\n * @internal Extends BaseGridPlugin\n */\nexport class MultiSortPlugin extends BaseGridPlugin<MultiSortConfig> {\n  /**\n   * Plugin manifest declaring query types this plugin responds to.\n   * @internal\n   */\n  static override readonly manifest: PluginManifest = {\n    queries: [\n      { type: 'sort:get-model', description: 'Returns the current multi-sort model as SortModel[]' },\n      { type: 'sort:set-model', description: 'Sets the multi-sort model from context (SortModel[])' },\n    ],\n  };\n\n  /** @internal */\n  readonly name = 'multiSort';\n  /** @internal */\n  override readonly styles = styles;\n\n  /** @internal */\n  protected override get defaultConfig(): Partial<MultiSortConfig> {\n    return {\n      maxSortColumns: 3,\n      showSortIndex: true,\n    };\n  }\n\n  // #region Internal State\n  private sortModel: SortModel[] = [];\n  /** Cached sort result — returned as-is while a row edit is active to prevent\n   *  the edited row from jumping to a new sorted position mid-edit. Row data\n   *  mutations are still visible because the array holds shared object refs. */\n  private cachedSortResult: unknown[] | null = null;\n\n  /** Typed internal grid accessor. */\n  get #internalGrid(): GridHost {\n    return this.grid as unknown as GridHost;\n  }\n\n  /**\n   * Clear the core `_sortState` so that only this plugin's `processRows`\n   * sorting applies.  `ConfigManager.applyState()` always sets the core sort\n   * state when restoring from storage, even when a plugin handles sorting.\n   * Without this, the stale core state leaks into `collectState()` and\n   * `reapplyCoreSort()` after the plugin clears its own model.\n   */\n  private clearCoreSortState(): void {\n    this.#internalGrid._sortState = null;\n  }\n\n  /**\n   * Remove sorts on fields that are owned by the grouping plugin.\n   * GroupingRowsPlugin handles group header ordering independently, so\n   * multi-sort should only sort by non-grouped data columns.\n   */\n  #filterGroupedFields(model: SortModel[]): SortModel[] {\n    const results = this.grid?.query?.('grouping:get-grouped-fields', null);\n    if (!Array.isArray(results) || results.length === 0) return model;\n\n    const groupedFields = results[0] as string[];\n    if (!Array.isArray(groupedFields) || groupedFields.length === 0) return model;\n\n    const groupedSet = new Set(groupedFields);\n    const filtered = model.filter((s) => !groupedSet.has(s.field));\n    return filtered.length === model.length ? model : filtered;\n  }\n  // #endregion\n\n  // #region Lifecycle\n\n  /** @internal */\n  override detach(): void {\n    this.sortModel = [];\n    this.cachedSortResult = null;\n  }\n  // #endregion\n\n  // #region Query System\n\n  /** @internal */\n  override handleQuery(query: PluginQuery): unknown {\n    switch (query.type) {\n      case 'sort:get-model':\n        return [...this.sortModel];\n      case 'sort:set-model': {\n        const model = query.context;\n        if (!Array.isArray(model)) return false;\n        this.sortModel = [...model] as SortModel[];\n        this.clearCoreSortState();\n        this.broadcast('sort-change', { sortModel: [...this.sortModel] });\n        this.requestRender();\n        return true;\n      }\n      default:\n        return undefined;\n    }\n  }\n\n  // #endregion\n\n  // #region Hooks\n\n  /** @internal */\n  override processRows(rows: readonly unknown[]): unknown[] {\n    if (this.sortModel.length === 0) {\n      this.cachedSortResult = null;\n      return [...rows];\n    }\n\n    // Freeze sort order while a row is actively being edited (row mode only).\n    // Re-sorting mid-edit would move the edited row to a new index while the\n    // editors remain at the old position, causing data/UI mismatch.\n    // In grid mode (_isGridEditMode) sorting is safe — afterCellRender\n    // re-injects editors into the re-sorted cells.\n    // We return the cached previous sort result (same object references, so\n    // in-place value mutations are already visible) instead of unsorted input.\n    const grid = this.#internalGrid;\n    if (!grid._isGridEditMode && typeof grid._activeEditRows === 'number' && grid._activeEditRows !== -1) {\n      if (this.cachedSortResult && this.cachedSortResult.length === rows.length) {\n        return [...this.cachedSortResult];\n      }\n    }\n\n    // Sort in-place — the input array is already a mutable copy from plugin-manager.\n    // Pre-resolved comparator chain avoids column lookup on every pair comparison.\n    // Exclude fields owned by the grouping plugin — group header order is handled\n    // by GroupingRowsPlugin, so multi-sort should only affect within-group data order.\n    const effectiveModel = this.#filterGroupedFields(this.sortModel);\n\n    const mutableRows = rows as unknown[];\n    if (effectiveModel.length > 0) {\n      sortRowsInPlace(mutableRows, effectiveModel, this.columns);\n    }\n    this.cachedSortResult = mutableRows;\n    return mutableRows;\n  }\n\n  /** @internal */\n  override onHeaderClick(event: HeaderClickEvent): boolean {\n    const column = this.columns.find((c) => c.field === event.field);\n    if (!column?.sortable) return false;\n\n    const shiftKey = event.originalEvent.shiftKey;\n    const maxColumns = this.config.maxSortColumns ?? 3;\n\n    this.sortModel = toggleSort(this.sortModel, event.field, shiftKey, maxColumns);\n    this.clearCoreSortState();\n\n    this.broadcast('sort-change', { sortModel: [...this.sortModel] });\n    this.requestRender();\n    this.grid?.requestStateChange?.();\n\n    // Announce for screen readers\n    if (this.sortModel.length > 0) {\n      const labels = this.sortModel.map((s) => {\n        const col = this.columns.find((c) => c.field === s.field);\n        return `${col?.header ?? s.field} ${s.direction === 'asc' ? 'ascending' : 'descending'}`;\n      });\n      announce(this.gridElement!, getA11yMessage(this.gridElement!, 'sortApplied', labels.join(', then '), ''));\n    } else {\n      announce(this.gridElement!, getA11yMessage(this.gridElement!, 'sortCleared'));\n    }\n\n    return true;\n  }\n\n  /** @internal */\n  override afterRender(): void {\n    const gridEl = this.gridElement;\n    if (!gridEl) return;\n\n    const showIndex = this.config.showSortIndex !== false;\n\n    const headerCells = gridEl.querySelectorAll('.header-row .cell[data-field]');\n    headerCells.forEach((cell) => {\n      const field = cell.getAttribute('data-field');\n      if (!field) return;\n\n      const sortIndex = getSortIndex(this.sortModel, field);\n      const sortDir = getSortDirection(this.sortModel, field);\n\n      // Remove existing sort index badge (always clean up)\n      cell.querySelector('.sort-index')?.remove();\n\n      if (sortDir) {\n        const indicator = this.updateSortIndicator(cell, sortDir);\n\n        // Add sort index badge if multiple columns sorted and showSortIndex is enabled\n        if (showIndex && this.sortModel.length > 1 && sortIndex !== undefined) {\n          const badge = document.createElement('span');\n          badge.className = 'sort-index';\n          badge.textContent = String(sortIndex);\n          if (indicator.nextSibling) {\n            cell.insertBefore(badge, indicator.nextSibling);\n          } else {\n            cell.appendChild(badge);\n          }\n        }\n      } else if (cell.classList.contains('sortable')) {\n        this.updateSortIndicator(cell, null);\n      }\n    });\n  }\n  // #endregion\n\n  // #region Public API\n\n  /**\n   * Get the current sort model.\n   * @returns Copy of the current sort model\n   */\n  getSortModel(): SortModel[] {\n    return [...this.sortModel];\n  }\n\n  /**\n   * Set the sort model programmatically.\n   * @param model - New sort model to apply\n   */\n  setSortModel(model: SortModel[]): void {\n    this.sortModel = [...model];\n    this.clearCoreSortState();\n    this.broadcast('sort-change', { sortModel: [...model] });\n    this.requestRender();\n    this.grid?.requestStateChange?.();\n    if (model.length > 0) {\n      const labels = model.map((s) => {\n        const col = this.columns.find((c) => c.field === s.field);\n        return `${col?.header ?? s.field} ${s.direction === 'asc' ? 'ascending' : 'descending'}`;\n      });\n      announce(this.gridElement!, getA11yMessage(this.gridElement!, 'sortApplied', labels.join(', then '), ''));\n    }\n  }\n\n  /**\n   * Clear all sorting.\n   */\n  clearSort(): void {\n    this.sortModel = [];\n    this.clearCoreSortState();\n    this.broadcast('sort-change', { sortModel: [] });\n    this.requestRender();\n    this.grid?.requestStateChange?.();\n    announce(this.gridElement!, getA11yMessage(this.gridElement!, 'sortCleared'));\n  }\n\n  /**\n   * Get the sort index (1-based) for a specific field.\n   * @param field - Field to check\n   * @returns 1-based index or undefined if not sorted\n   */\n  getSortIndex(field: string): number | undefined {\n    return getSortIndex(this.sortModel, field);\n  }\n\n  /**\n   * Get the sort direction for a specific field.\n   * @param field - Field to check\n   * @returns Sort direction or undefined if not sorted\n   */\n  getSortDirection(field: string): 'asc' | 'desc' | undefined {\n    return getSortDirection(this.sortModel, field);\n  }\n  // #endregion\n\n  // #region Column State Hooks\n\n  /**\n   * Return sort state for a column if it's in the sort model.\n   * @internal\n   */\n  override getColumnState(field: string): Partial<ColumnState> | undefined {\n    const index = this.sortModel.findIndex((s) => s.field === field);\n    if (index === -1) return undefined;\n\n    const sortEntry = this.sortModel[index];\n    return {\n      sort: {\n        direction: sortEntry.direction,\n        priority: index,\n      },\n    };\n  }\n\n  /**\n   * Apply sort state from column state.\n   * Rebuilds the sort model from all column states.\n   * @internal\n   */\n  override applyColumnState(field: string, state: ColumnState): void {\n    // Only process if the column has sort state\n    if (!state.sort) {\n      // Remove this field from sortModel if it exists\n      this.sortModel = this.sortModel.filter((s) => s.field !== field);\n      return;\n    }\n\n    // Find existing entry or add new one\n    const existingIndex = this.sortModel.findIndex((s) => s.field === field);\n    const newEntry: SortModel = {\n      field,\n      direction: state.sort.direction,\n    };\n\n    if (existingIndex !== -1) {\n      // Update existing entry\n      this.sortModel[existingIndex] = newEntry;\n    } else {\n      // Add at the correct priority position\n      this.sortModel.splice(state.sort.priority, 0, newEntry);\n    }\n\n    // Clear core sort state — this plugin exclusively handles sorting via\n    // processRows. The core _sortState is set by ConfigManager.applyState()\n    // before plugins run; null it so reapplyCoreSort() is a no-op.\n    this.clearCoreSortState();\n  }\n  // #endregion\n}\n"],"names":["defaultComparator","a","b","Date","getTime","String","localeCompare","getSortIndex","sortModel","field","index","findIndex","s","getSortDirection","find","direction","MultiSortPlugin","BaseGridPlugin","static","queries","type","description","name","styles","defaultConfig","maxSortColumns","showSortIndex","cachedSortResult","internalGrid","this","grid","clearCoreSortState","_sortState","filterGroupedFields","model","results","query","Array","isArray","length","groupedFields","groupedSet","Set","filtered","filter","has","detach","handleQuery","context","broadcast","requestRender","processRows","rows","_isGridEditMode","_activeEditRows","effectiveModel","mutableRows","sorts","columns","chain","map","sort","col","c","asc","comparator","sortComparator","result","i","sortRowsInPlace","onHeaderClick","event","column","sortable","shiftKey","originalEvent","maxColumns","config","current","existing","toggleSort","requestStateChange","labels","header","announce","gridElement","getA11yMessage","join","afterRender","gridEl","showIndex","querySelectorAll","forEach","cell","getAttribute","sortIndex","sortDir","querySelector","remove","indicator","updateSortIndicator","badge","document","createElement","className","textContent","nextSibling","insertBefore","appendChild","classList","contains","getSortModel","setSortModel","clearSort","getColumnState","priority","applyColumnState","state","existingIndex","newEntry","splice"],"mappings":"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"}
+{"version":3,"file":"multi-sort.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/multi-sort/multi-sort.ts","../../../../../libs/grid/src/lib/plugins/multi-sort/MultiSortPlugin.ts"],"sourcesContent":["/**\n * Multi-Sort Core Logic\n *\n * Pure functions for multi-column sorting operations.\n */\n\nimport { resolveCellValue } from '../../core/internal/value-accessor';\nimport type { ColumnConfig } from '../../core/types';\nimport type { SortModel } from './types';\n\n/**\n * Apply multiple sort columns to a row array.\n * Sorts are applied in order - first sort has highest priority.\n *\n * @param rows - Array of row objects to sort\n * @param sorts - Ordered array of sort configurations\n * @param columns - Column configurations (for custom comparators)\n * @returns New sorted array (does not mutate original)\n */\nexport function applySorts<TRow = unknown>(rows: TRow[], sorts: SortModel[], columns: ColumnConfig<TRow>[]): TRow[] {\n  if (!sorts.length) return [...rows];\n\n  const copy = [...rows];\n  sortRowsInPlace(copy, sorts, columns);\n  return copy;\n}\n\n/**\n * Sort an array in-place using multiple sort columns.\n * Pre-resolves column comparators to avoid O(n·log·n·m) column lookups\n * inside the comparator.\n * @internal\n */\nexport function sortRowsInPlace<TRow = unknown>(rows: TRow[], sorts: SortModel[], columns: ColumnConfig<TRow>[]): void {\n  if (!sorts.length) return;\n\n  // Pre-resolve comparator chain — avoids columns.find() on every pair comparison\n  const chain = sorts.map((sort) => {\n    const col = columns.find((c) => c.field === sort.field);\n    const comparator = col?.sortComparator ?? defaultComparator;\n    return {\n      field: sort.field,\n      asc: sort.direction === 'asc',\n      comparator,\n      // Auto-pin `__loading` placeholder rows (e.g. ServerSidePlugin under `sortMode: 'local'`)\n      // to the end ONLY when no custom comparator is configured. Custom comparators receive\n      // the row pair as 3rd/4th args and own placeholder handling themselves.\n      pinPlaceholders: !col?.sortComparator,\n      column: col,\n    };\n  });\n\n  // sortComparator (when present) takes precedence over valueAccessor; both still\n  // receive the accessor-resolved value when no comparator is given. Documented\n  // precedence: sortComparator → valueAccessor → field.\n  const getValue = (row: any, link: (typeof chain)[number]) =>\n    link.column?.valueAccessor ? resolveCellValue(row, link.column) : row[link.field];\n\n  if (chain.length === 1) {\n    // Single-sort fast path — avoid loop overhead\n    const link = chain[0];\n    rows.sort((a: any, b: any) => {\n      if (link.pinPlaceholders) {\n        const pinned = pinLoadingRows(a, b);\n        if (pinned !== 0) return pinned;\n      }\n      const result = link.comparator(getValue(a, link), getValue(b, link), a, b);\n      return link.asc ? result : -result;\n    });\n  } else {\n    rows.sort((a: any, b: any) => {\n      // Pin placeholders ahead of the chain — independent of every column's direction.\n      // We only need to check once per pair, using the most permissive flag in the chain.\n      const anyPin = chain.some((l) => l.pinPlaceholders);\n      if (anyPin) {\n        const pinned = pinLoadingRows(a, b);\n        if (pinned !== 0) return pinned;\n      }\n      for (let i = 0; i < chain.length; i++) {\n        const link = chain[i];\n        const result = link.comparator(getValue(a, link), getValue(b, link), a, b);\n        if (result !== 0) return link.asc ? result : -result;\n      }\n      return 0;\n    });\n  }\n}\n\n/**\n * Pin `__loading` placeholder rows (e.g. ServerSidePlugin under `sortMode: 'local'`)\n * to the end of the sorted array regardless of sort direction.\n *\n * Returns 0 when neither row is a placeholder, +1 when `a` is, -1 when `b` is.\n *\n * @internal\n */\nfunction pinLoadingRows(a: unknown, b: unknown): number {\n  const aLoading = (a as { __loading?: unknown } | null)?.__loading === true;\n  const bLoading = (b as { __loading?: unknown } | null)?.__loading === true;\n  if (aLoading === bLoading) return 0;\n  return aLoading ? 1 : -1;\n}\n\n/**\n * Default comparator for sorting values.\n * Handles nulls, numbers, dates, and strings.\n *\n * @param a - First value\n * @param b - Second value\n * @returns Comparison result (-1, 0, 1)\n */\nexport function defaultComparator(a: unknown, b: unknown): number {\n  // Handle nulls/undefined - push to end\n  if (a == null && b == null) return 0;\n  if (a == null) return 1;\n  if (b == null) return -1;\n\n  // Type-aware comparison\n  if (typeof a === 'number' && typeof b === 'number') {\n    return a - b;\n  }\n\n  if (a instanceof Date && b instanceof Date) {\n    return a.getTime() - b.getTime();\n  }\n\n  // Boolean comparison\n  if (typeof a === 'boolean' && typeof b === 'boolean') {\n    return a === b ? 0 : a ? -1 : 1;\n  }\n\n  // String comparison (fallback)\n  return String(a).localeCompare(String(b));\n}\n\n/**\n * Toggle sort state for a field.\n * With shift key: adds/toggles in multi-sort list\n * Without shift key: replaces entire sort with single column\n *\n * @param current - Current sort model\n * @param field - Field to toggle\n * @param shiftKey - Whether shift key is held (multi-sort mode)\n * @param maxColumns - Maximum columns allowed in sort\n * @returns New sort model\n */\nexport function toggleSort(current: SortModel[], field: string, shiftKey: boolean, maxColumns: number): SortModel[] {\n  const existing = current.find((s) => s.field === field);\n\n  if (shiftKey) {\n    // Multi-sort: add/toggle in list\n    if (existing) {\n      if (existing.direction === 'asc') {\n        // Flip to descending\n        return current.map((s) => (s.field === field ? { ...s, direction: 'desc' as const } : s));\n      } else {\n        // Remove from sort\n        return current.filter((s) => s.field !== field);\n      }\n    } else if (current.length < maxColumns) {\n      // Add new sort column\n      return [...current, { field, direction: 'asc' as const }];\n    }\n    // Max columns reached, return unchanged\n    return current;\n  } else {\n    // Single sort: replace all\n    if (existing?.direction === 'asc') {\n      return [{ field, direction: 'desc' }];\n    } else if (existing?.direction === 'desc') {\n      return [];\n    }\n    return [{ field, direction: 'asc' }];\n  }\n}\n\n/**\n * Get the sort index (1-based) for a field in the sort model.\n * Returns undefined if the field is not in the sort model.\n *\n * @param sortModel - Current sort model\n * @param field - Field to check\n * @returns 1-based index or undefined\n */\nexport function getSortIndex(sortModel: SortModel[], field: string): number | undefined {\n  const index = sortModel.findIndex((s) => s.field === field);\n  return index >= 0 ? index + 1 : undefined;\n}\n\n/**\n * Get the sort direction for a field in the sort model.\n *\n * @param sortModel - Current sort model\n * @param field - Field to check\n * @returns Sort direction or undefined if not sorted\n */\nexport function getSortDirection(sortModel: SortModel[], field: string): 'asc' | 'desc' | undefined {\n  return sortModel.find((s) => s.field === field)?.direction;\n}\n","/**\n * Multi-Sort Plugin (Class-based)\n *\n * Provides multi-column sorting capabilities for tbw-grid.\n * Supports shift+click for adding secondary sort columns.\n */\n\nimport { announce, getA11yMessage } from '../../core/internal/aria';\nimport { BaseGridPlugin, HeaderClickEvent, type PluginManifest, type PluginQuery } from '../../core/plugin/base-plugin';\nimport type { ColumnState, GridHost } from '../../core/types';\nimport { getSortDirection, getSortIndex, sortRowsInPlace, toggleSort } from './multi-sort';\nimport styles from './multi-sort.css?inline';\nimport type { MultiSortConfig, SortModel } from './types';\n\n/**\n * Multi-Sort Plugin for tbw-grid\n *\n * Enables sorting by multiple columns at once—hold Shift and click additional column\n * headers to build up a sort stack. Priority badges show the sort order, so users\n * always know which column takes precedence.\n *\n * ## Installation\n *\n * ```ts\n * import { MultiSortPlugin } from '@toolbox-web/grid/plugins/multi-sort';\n * ```\n *\n * ## Keyboard Shortcuts\n *\n * | Shortcut | Action |\n * |----------|--------|\n * | `Click header` | Sort by column (clears other sorts) |\n * | `Shift + Click` | Add column to multi-sort stack |\n * | `Ctrl + Click` | Toggle sort direction |\n *\n * ## Events\n *\n * | Event | Detail | Description |\n * |-------|--------|-------------|\n * | `sort-change` | `{ sortModel: SortModel[] }` | Fired when sort changes |\n *\n * @example Basic Multi-Column Sorting\n * ```ts\n * import { queryGrid } from '@toolbox-web/grid';\n * import { MultiSortPlugin } from '@toolbox-web/grid/plugins/multi-sort';\n *\n * const grid = queryGrid('tbw-grid');\n * grid.gridConfig = {\n *   columns: [\n *     { field: 'name', header: 'Name', sortable: true },\n *     { field: 'department', header: 'Department', sortable: true },\n *     { field: 'salary', header: 'Salary', type: 'number', sortable: true },\n *   ],\n *   plugins: [new MultiSortPlugin({ maxSortColumns: 3, showSortIndex: true })],\n * };\n *\n * grid.on('sort-change', ({ sortModel }) => {\n *   console.log('Active sorts:', sortModel);\n * });\n * ```\n *\n * @example Initial Sort Configuration\n * ```ts\n * new MultiSortPlugin({\n *   initialSort: [\n *     { field: 'department', direction: 'asc' },\n *     { field: 'salary', direction: 'desc' },\n *   ],\n * })\n * ```\n *\n * @see {@link MultiSortConfig} for all configuration options\n * @see {@link SortModel} for the sort model structure\n *\n * @internal Extends BaseGridPlugin\n */\nexport class MultiSortPlugin extends BaseGridPlugin<MultiSortConfig> {\n  /**\n   * Plugin manifest declaring query types this plugin responds to.\n   * @internal\n   */\n  static override readonly manifest: PluginManifest = {\n    queries: [\n      { type: 'sort:get-model', description: 'Returns the current multi-sort model as SortModel[]' },\n      { type: 'sort:set-model', description: 'Sets the multi-sort model from context (SortModel[])' },\n    ],\n  };\n\n  /** @internal */\n  readonly name = 'multiSort';\n  /** @internal */\n  override readonly styles = styles;\n\n  /** @internal */\n  protected override get defaultConfig(): Partial<MultiSortConfig> {\n    return {\n      maxSortColumns: 3,\n      showSortIndex: true,\n    };\n  }\n\n  // #region Internal State\n  private sortModel: SortModel[] = [];\n  /** Cached sort result — returned as-is while a row edit is active to prevent\n   *  the edited row from jumping to a new sorted position mid-edit. Row data\n   *  mutations are still visible because the array holds shared object refs. */\n  private cachedSortResult: unknown[] | null = null;\n\n  /** Typed internal grid accessor. */\n  get #internalGrid(): GridHost {\n    return this.grid as unknown as GridHost;\n  }\n\n  /**\n   * Clear the core `_sortState` so that only this plugin's `processRows`\n   * sorting applies.  `ConfigManager.applyState()` always sets the core sort\n   * state when restoring from storage, even when a plugin handles sorting.\n   * Without this, the stale core state leaks into `collectState()` and\n   * `reapplyCoreSort()` after the plugin clears its own model.\n   */\n  private clearCoreSortState(): void {\n    this.#internalGrid._sortState = null;\n  }\n\n  /**\n   * Remove sorts on fields that are owned by the grouping plugin.\n   * GroupingRowsPlugin handles group header ordering independently, so\n   * multi-sort should only sort by non-grouped data columns.\n   */\n  #filterGroupedFields(model: SortModel[]): SortModel[] {\n    const results = this.grid?.query?.('grouping:get-grouped-fields', null);\n    if (!Array.isArray(results) || results.length === 0) return model;\n\n    const groupedFields = results[0] as string[];\n    if (!Array.isArray(groupedFields) || groupedFields.length === 0) return model;\n\n    const groupedSet = new Set(groupedFields);\n    const filtered = model.filter((s) => !groupedSet.has(s.field));\n    return filtered.length === model.length ? model : filtered;\n  }\n  // #endregion\n\n  // #region Lifecycle\n\n  /** @internal */\n  override detach(): void {\n    this.sortModel = [];\n    this.cachedSortResult = null;\n  }\n  // #endregion\n\n  // #region Query System\n\n  /** @internal */\n  override handleQuery(query: PluginQuery): unknown {\n    switch (query.type) {\n      case 'sort:get-model':\n        return [...this.sortModel];\n      case 'sort:set-model': {\n        const model = query.context;\n        if (!Array.isArray(model)) return false;\n        this.sortModel = [...model] as SortModel[];\n        this.clearCoreSortState();\n        this.broadcast('sort-change', { sortModel: [...this.sortModel] });\n        this.requestRender();\n        return true;\n      }\n      default:\n        return undefined;\n    }\n  }\n\n  // #endregion\n\n  // #region Hooks\n\n  /** @internal */\n  override processRows(rows: readonly unknown[]): unknown[] {\n    if (this.sortModel.length === 0) {\n      this.cachedSortResult = null;\n      return [...rows];\n    }\n\n    // Freeze sort order while a row is actively being edited (row mode only).\n    // Re-sorting mid-edit would move the edited row to a new index while the\n    // editors remain at the old position, causing data/UI mismatch.\n    // In grid mode (_isGridEditMode) sorting is safe — afterCellRender\n    // re-injects editors into the re-sorted cells.\n    // We return the cached previous sort result (same object references, so\n    // in-place value mutations are already visible) instead of unsorted input.\n    const grid = this.#internalGrid;\n    if (!grid._isGridEditMode && typeof grid._activeEditRows === 'number' && grid._activeEditRows !== -1) {\n      if (this.cachedSortResult && this.cachedSortResult.length === rows.length) {\n        return [...this.cachedSortResult];\n      }\n    }\n\n    // Sort in-place — the input array is already a mutable copy from plugin-manager.\n    // Pre-resolved comparator chain avoids column lookup on every pair comparison.\n    // Exclude fields owned by the grouping plugin — group header order is handled\n    // by GroupingRowsPlugin, so multi-sort should only affect within-group data order.\n    const effectiveModel = this.#filterGroupedFields(this.sortModel);\n\n    const mutableRows = rows as unknown[];\n    if (effectiveModel.length > 0) {\n      sortRowsInPlace(mutableRows, effectiveModel, this.columns);\n    }\n    this.cachedSortResult = mutableRows;\n    return mutableRows;\n  }\n\n  /** @internal */\n  override onHeaderClick(event: HeaderClickEvent): boolean {\n    const column = this.columns.find((c) => c.field === event.field);\n    if (!column?.sortable) return false;\n\n    const shiftKey = event.originalEvent.shiftKey;\n    const maxColumns = this.config.maxSortColumns ?? 3;\n\n    this.sortModel = toggleSort(this.sortModel, event.field, shiftKey, maxColumns);\n    this.clearCoreSortState();\n\n    this.broadcast('sort-change', { sortModel: [...this.sortModel] });\n    this.requestRender();\n    this.grid?.requestStateChange?.();\n\n    // Announce for screen readers\n    if (this.sortModel.length > 0) {\n      const labels = this.sortModel.map((s) => {\n        const col = this.columns.find((c) => c.field === s.field);\n        return `${col?.header ?? s.field} ${s.direction === 'asc' ? 'ascending' : 'descending'}`;\n      });\n      announce(this.gridElement!, getA11yMessage(this.gridElement!, 'sortApplied', labels.join(', then '), ''));\n    } else {\n      announce(this.gridElement!, getA11yMessage(this.gridElement!, 'sortCleared'));\n    }\n\n    return true;\n  }\n\n  /** @internal */\n  override afterRender(): void {\n    const gridEl = this.gridElement;\n    if (!gridEl) return;\n\n    const showIndex = this.config.showSortIndex !== false;\n\n    const headerCells = gridEl.querySelectorAll('.header-row .cell[data-field]');\n    headerCells.forEach((cell) => {\n      const field = cell.getAttribute('data-field');\n      if (!field) return;\n\n      const sortIndex = getSortIndex(this.sortModel, field);\n      const sortDir = getSortDirection(this.sortModel, field);\n\n      // Remove existing sort index badge (always clean up)\n      cell.querySelector('.sort-index')?.remove();\n\n      if (sortDir) {\n        const indicator = this.updateSortIndicator(cell, sortDir);\n\n        // Add sort index badge if multiple columns sorted and showSortIndex is enabled\n        if (showIndex && this.sortModel.length > 1 && sortIndex !== undefined) {\n          const badge = document.createElement('span');\n          badge.className = 'sort-index';\n          badge.textContent = String(sortIndex);\n          if (indicator.nextSibling) {\n            cell.insertBefore(badge, indicator.nextSibling);\n          } else {\n            cell.appendChild(badge);\n          }\n        }\n      } else if (cell.classList.contains('sortable')) {\n        this.updateSortIndicator(cell, null);\n      }\n    });\n  }\n  // #endregion\n\n  // #region Public API\n\n  /**\n   * Get the current sort model.\n   * @returns Copy of the current sort model\n   */\n  getSortModel(): SortModel[] {\n    return [...this.sortModel];\n  }\n\n  /**\n   * Set the sort model programmatically.\n   * @param model - New sort model to apply\n   */\n  setSortModel(model: SortModel[]): void {\n    this.sortModel = [...model];\n    this.clearCoreSortState();\n    this.broadcast('sort-change', { sortModel: [...model] });\n    this.requestRender();\n    this.grid?.requestStateChange?.();\n    if (model.length > 0) {\n      const labels = model.map((s) => {\n        const col = this.columns.find((c) => c.field === s.field);\n        return `${col?.header ?? s.field} ${s.direction === 'asc' ? 'ascending' : 'descending'}`;\n      });\n      announce(this.gridElement!, getA11yMessage(this.gridElement!, 'sortApplied', labels.join(', then '), ''));\n    }\n  }\n\n  /**\n   * Clear all sorting.\n   */\n  clearSort(): void {\n    this.sortModel = [];\n    this.clearCoreSortState();\n    this.broadcast('sort-change', { sortModel: [] });\n    this.requestRender();\n    this.grid?.requestStateChange?.();\n    announce(this.gridElement!, getA11yMessage(this.gridElement!, 'sortCleared'));\n  }\n\n  /**\n   * Get the sort index (1-based) for a specific field.\n   * @param field - Field to check\n   * @returns 1-based index or undefined if not sorted\n   */\n  getSortIndex(field: string): number | undefined {\n    return getSortIndex(this.sortModel, field);\n  }\n\n  /**\n   * Get the sort direction for a specific field.\n   * @param field - Field to check\n   * @returns Sort direction or undefined if not sorted\n   */\n  getSortDirection(field: string): 'asc' | 'desc' | undefined {\n    return getSortDirection(this.sortModel, field);\n  }\n  // #endregion\n\n  // #region Column State Hooks\n\n  /**\n   * Return sort state for a column if it's in the sort model.\n   * @internal\n   */\n  override getColumnState(field: string): Partial<ColumnState> | undefined {\n    const index = this.sortModel.findIndex((s) => s.field === field);\n    if (index === -1) return undefined;\n\n    const sortEntry = this.sortModel[index];\n    return {\n      sort: {\n        direction: sortEntry.direction,\n        priority: index,\n      },\n    };\n  }\n\n  /**\n   * Apply sort state from column state.\n   * Rebuilds the sort model from all column states.\n   * @internal\n   */\n  override applyColumnState(field: string, state: ColumnState): void {\n    // Only process if the column has sort state\n    if (!state.sort) {\n      // Remove this field from sortModel if it exists\n      this.sortModel = this.sortModel.filter((s) => s.field !== field);\n      return;\n    }\n\n    // Find existing entry or add new one\n    const existingIndex = this.sortModel.findIndex((s) => s.field === field);\n    const newEntry: SortModel = {\n      field,\n      direction: state.sort.direction,\n    };\n\n    if (existingIndex !== -1) {\n      // Update existing entry\n      this.sortModel[existingIndex] = newEntry;\n    } else {\n      // Add at the correct priority position\n      this.sortModel.splice(state.sort.priority, 0, newEntry);\n    }\n\n    // Clear core sort state — this plugin exclusively handles sorting via\n    // processRows. The core _sortState is set by ConfigManager.applyState()\n    // before plugins run; null it so reapplyCoreSort() is a no-op.\n    this.clearCoreSortState();\n  }\n  // #endregion\n}\n"],"names":["pinLoadingRows","a","b","aLoading","__loading","defaultComparator","Date","getTime","String","localeCompare","getSortIndex","sortModel","field","index","findIndex","s","getSortDirection","find","direction","MultiSortPlugin","BaseGridPlugin","static","queries","type","description","name","styles","defaultConfig","maxSortColumns","showSortIndex","cachedSortResult","internalGrid","this","grid","clearCoreSortState","_sortState","filterGroupedFields","model","results","query","Array","isArray","length","groupedFields","groupedSet","Set","filtered","filter","has","detach","handleQuery","context","broadcast","requestRender","processRows","rows","_isGridEditMode","_activeEditRows","effectiveModel","mutableRows","sorts","columns","chain","map","sort","col","c","comparator","sortComparator","asc","pinPlaceholders","column","getValue","row","link","valueAccessor","resolveCellValue","pinned","result","some","l","i","sortRowsInPlace","onHeaderClick","event","sortable","shiftKey","originalEvent","maxColumns","config","current","existing","toggleSort","requestStateChange","labels","header","announce","gridElement","getA11yMessage","join","afterRender","gridEl","showIndex","querySelectorAll","forEach","cell","getAttribute","sortIndex","sortDir","querySelector","remove","indicator","updateSortIndicator","badge","document","createElement","className","textContent","nextSibling","insertBefore","appendChild","classList","contains","getSortModel","setSortModel","clearSort","getColumnState","priority","applyColumnState","state","existingIndex","newEntry","splice"],"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,g=s>0?s:l;return{totalRows:g,filteredRows:i?.cachedResult?.length??(l<s?l:g),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