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

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

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

package/umd/plugins/master-detail.umd.js

@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("../../core/internal/sanitize"),require("../../core/plugin/base-plugin"),require("../../core/plugin/expander-column")):"function"==typeof define&&define.amd?define(["exports","../../core/internal/sanitize","../../core/plugin/base-plugin","../../core/plugin/expander-column"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).TbwGridPlugin_masterDetail={},e.TbwGrid,e.TbwGrid,e.TbwGrid)}(this,function(e,t,i,n){"use strict";function s(e,t){const i=new Set(e);return i.has(t)?i.delete(t):i.add(t),i}function a(e,t,i,n){const s=document.createElement("div");s.className="master-detail-row",s.setAttribute("data-detail-for",String(t)),s.setAttribute("role","row");const a=document.createElement("div");a.className="master-detail-cell",a.setAttribute("role","cell"),a.style.gridColumn=`1 / ${n+1}`;const o=i(e,t);return"string"==typeof o?a.innerHTML=o:o instanceof HTMLElement&&a.appendChild(o),s.appendChild(a),s}class o extends i.BaseGridPlugin{name="masterDetail";styles="@layer tbw-plugins{tbw-grid .cell[data-field=__tbw_expander]{border-right:none!important;padding:0;display:flex;align-items:center;justify-content:center}tbw-grid .header-row .cell[data-field=__tbw_expander]{display:none}tbw-grid .header-row .cell[data-field=__tbw_expander]+.cell{grid-column:1 / 3}tbw-grid .master-detail-expander{display:flex;align-items:center;justify-content:center;width:100%;height:100%}tbw-grid .master-detail-toggle{cursor:pointer;opacity:.7;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center}tbw-grid .master-detail-toggle:hover{opacity:1}tbw-grid .master-detail-row{grid-column:1 / -1;display:grid;background:var(--tbw-master-detail-bg, var(--tbw-color-row-alt));border-bottom:1px solid var(--tbw-master-detail-border, var(--tbw-color-border));overflow:hidden}tbw-grid .master-detail-cell{padding:var(--tbw-detail-padding, var(--tbw-spacing-xl, 1rem));overflow:auto}tbw-grid .master-detail-row.tbw-expanding{animation:tbw-detail-expand var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}tbw-grid .master-detail-row.tbw-collapsing{animation:tbw-detail-collapse var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-detail-expand{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:var(--tbw-detail-max-height, 31.25rem);padding-top:var(--tbw-detail-padding, var(--tbw-spacing-xl, 1rem));padding-bottom:var(--tbw-detail-padding, var(--tbw-spacing-xl, 1rem))}}@keyframes tbw-detail-collapse{0%{opacity:1;max-height:var(--tbw-detail-max-height, 31.25rem)}to{opacity:0;max-height:0}}}";get defaultConfig(){return{detailHeight:"auto",expandOnRowClick:!1,collapseOnClickOutside:!1,animation:"slide"}}attach(e){super.attach(e),this.parseLightDomDetail()}parseLightDomDetail(){const e=this.grid;if(!e||"function"!=typeof e.querySelector)return;const i=e.querySelector("tbw-grid-detail");if(!i)return;const n=e;if(n.__frameworkAdapter?.parseDetailElement){const e=n.__frameworkAdapter.parseDetailElement(i);if(e)return void(this.config={...this.config,detailRenderer:e})}const s=i.getAttribute("animation"),a=i.getAttribute("show-expand-column"),o=i.getAttribute("expand-on-row-click"),r=i.getAttribute("collapse-on-click-outside"),d=i.getAttribute("height"),l={};null!==s&&(l.animation="false"!==s&&s),null!==a&&(l.showExpandColumn="false"!==a),null!==o&&(l.expandOnRowClick="true"===o),null!==r&&(l.collapseOnClickOutside="true"===r),null!==d&&(l.detailHeight="auto"===d?"auto":parseInt(d,10));const c=i.innerHTML.trim();c&&!this.config.detailRenderer&&(l.detailRenderer=(e,i)=>{const n=t.evalTemplateString(c,{value:e,row:e});return t.sanitizeHTML(n)}),Object.keys(l).length>0&&(this.config={...this.config,...l})}get animationStyle(){return!!this.isAnimationEnabled&&(this.config.animation??"slide")}animateExpand(e,t,i){if(!this.isAnimationEnabled||!1===this.animationStyle)return!1;e.classList.add("tbw-expanding");let n=!1;const s=()=>{n||(n=!0,e.classList.remove("tbw-expanding"),void 0!==t&&void 0!==i&&this.#e(e,t,i))};return e.addEventListener("animationend",s,{once:!0}),setTimeout(s,this.animationDuration+50),!0}animateCollapse(e,t){if(!this.isAnimationEnabled||!1===this.animationStyle)return void t();e.classList.add("tbw-collapsing");const i=()=>{e.classList.remove("tbw-collapsing"),t()};e.addEventListener("animationend",i,{once:!0}),setTimeout(i,this.animationDuration+50)}#e(e,t,i){if(!e.isConnected)return;const n=e.offsetHeight;if(n>0){const e=this.measuredDetailHeights.get(t);this.measuredDetailHeights.set(t,n),e!==n&&this.grid.invalidateRowHeight(i)}}expandedRows=new Set;detailElements=new Map;measuredDetailHeights=new Map;rowsToAnimate=new Set;static DEFAULT_DETAIL_HEIGHT=150;getDetailHeight(e){const t=this.detailElements.get(e);if(t){if(!(t.classList.contains("tbw-expanding")||t.classList.contains("tbw-collapsing"))){const i=t.offsetHeight;if(i>0)return this.measuredDetailHeights.set(e,i),i}}const i=this.measuredDetailHeights.get(e);return i&&i>0?i:"number"==typeof this.config?.detailHeight?this.config.detailHeight:o.DEFAULT_DETAIL_HEIGHT}toggleAndEmit(e,t){this.expandedRows=s(this.expandedRows,e);const i=this.expandedRows.has(e);i&&this.rowsToAnimate.add(e),this.emit("detail-expand",{rowIndex:t,row:e,expanded:i}),this.requestRender()}detach(){this.expandedRows.clear(),this.detailElements.clear(),this.measuredDetailHeights.clear(),this.rowsToAnimate.clear()}processColumns(e){if(!(!0===this.config.showExpandColumn||!1!==this.config.showExpandColumn&&!!this.config.detailRenderer))return[...e];const t=[...e];if(n.findExpanderColumn(t))return t;const i=n.createExpanderColumnConfig(this.name);return i.viewRenderer=e=>{const{row:t}=e,i=this.expandedRows.has(t),n=document.createElement("span");n.className="master-detail-expander expander-cell";const s=document.createElement("span");return s.className="master-detail-toggle"+(i?" expanded":""),this.setIcon(s,this.resolveIcon(i?"collapse":"expand")),s.setAttribute("role","button"),s.setAttribute("tabindex","0"),s.setAttribute("aria-expanded",String(i)),s.setAttribute("aria-label",i?"Collapse details":"Expand details"),n.appendChild(s),n},[i,...t]}onRowClick(e){if(this.config.expandOnRowClick&&this.config.detailRenderer)return this.toggleAndEmit(e.row,e.rowIndex),!1}onCellClick(e){const t=e.originalEvent?.target;if(t?.classList.contains("master-detail-toggle"))return this.toggleAndEmit(e.row,e.rowIndex),!0;this.expandedRows.size>0&&queueMicrotask(()=>this.#t())}onKeyDown(e){if(" "!==e.key)return;const t=this.grid._focusCol,i=this.grid._focusRow,s=this.visibleColumns[t];if(!s||!n.isExpanderColumn(s))return;const a=this.rows[i];return a?(e.preventDefault(),this.toggleAndEmit(a,i),this.requestRenderWithFocus(),!0):void 0}afterRender(){this.#t()}onScrollRender(){this.config.detailRenderer&&0!==this.expandedRows.size&&this.#t()}#t(){if(!this.config.detailRenderer)return;const e=this.gridElement?.querySelector(".rows");if(!e)return;const t=this.grid,i=t._rowPool,n=t._virtualization?.start??0,s=t._virtualization?.end??0,o=this.columns.length,r=n,d=s,l=new Map;if(i){const t=Math.min(i.length,d-r);for(let n=0;n<t;n++){const t=i[n];t.parentNode===e&&l.set(r+n,t)}}else{const t=e.querySelectorAll(".data-grid-row");for(const e of t){const t=e.querySelector(".cell[data-row]"),i=t?parseInt(t.getAttribute("data-row")??"-1",10):-1;i>=0&&l.set(i,e)}}for(const[a,c]of this.detailElements){const e=this.rows.indexOf(a),t=this.expandedRows.has(a),i=e>=0&&l.has(e);if(!t||!i){const e=this.grid.__frameworkAdapter;if(e?.unmount){const t=c.querySelector(".master-detail-cell"),i=t?.firstElementChild;i&&e.unmount(i)}c.parentNode&&c.remove(),this.detailElements.delete(a)}}for(const[c,h]of l){const e=this.rows[c];if(!e||!this.expandedRows.has(e))continue;const t=this.detailElements.get(e);if(t){t.previousElementSibling!==h&&h.after(t);continue}const i=a(e,c,this.config.detailRenderer,o);"number"==typeof this.config.detailHeight&&(i.style.height=`${this.config.detailHeight}px`),h.after(i),this.detailElements.set(e,i);const n=this.rowsToAnimate.has(e);n&&this.rowsToAnimate.delete(e);n&&this.animateExpand(i,e,c)||requestAnimationFrame(()=>{this.#e(i,e,c)})}}getExtraHeight(){let e=0;for(const t of this.expandedRows)e+=this.getDetailHeight(t);return e}getExtraHeightBefore(e){let t=0;for(const i of this.expandedRows){const n=this.rows.indexOf(i);n>=0&&n<e&&(t+=this.getDetailHeight(i))}return t}getRowHeight(e,t){if(!this.expandedRows.has(e))return;return(this.grid.defaultRowHeight??28)+this.getDetailHeight(e)}adjustVirtualStart(e,t,i){if(0===this.expandedRows.size)return e;const n=this.grid?._virtualization?.positionCache;let s=e;if(n&&n.length>0)for(const a of this.expandedRows){const i=this.rows.indexOf(a);if(i<0||i>=e)continue;n[i].offset+n[i].height>t&&i<s&&(s=i)}else{const n=[];for(const e of this.expandedRows){const t=this.rows.indexOf(e);t>=0&&n.push({index:t,row:e})}n.sort((e,t)=>e.index-t.index);let a=0;for(const{index:o,row:r}of n){const n=o*i+a,d=this.getDetailHeight(r);a+=d,o>=e||n+i+d>t&&o<s&&(s=o)}}return s}expand(e){const t=this.rows[e];t&&(this.rowsToAnimate.add(t),this.expandedRows=function(e,t){const i=new Set(e);return i.add(t),i}(this.expandedRows,t),this.requestRender())}collapse(e){const t=this.rows[e];t&&(this.expandedRows=function(e,t){const i=new Set(e);return i.delete(t),i}(this.expandedRows,t),this.requestRender())}toggle(e){const t=this.rows[e];t&&(this.expandedRows=s(this.expandedRows,t),this.expandedRows.has(t)&&this.rowsToAnimate.add(t),this.requestRender())}isExpanded(e){const t=this.rows[e];return!!t&&function(e,t){return e.has(t)}(this.expandedRows,t)}expandAll(){for(const e of this.rows)this.rowsToAnimate.add(e),this.expandedRows.add(e);this.requestRender()}collapseAll(){this.expandedRows.clear(),this.requestRender()}getExpandedRows(){const e=[];for(const t of this.expandedRows){const i=this.rows.indexOf(t);i>=0&&e.push(i)}return e}getDetailElement(e){const t=this.rows[e];return t?this.detailElements.get(t):void 0}refreshDetailRenderer(){const e=this.config.detailRenderer;if(this.config={...this.config,detailRenderer:void 0},this.parseLightDomDetail(),!this.config.detailRenderer&&e&&(this.config={...this.config,detailRenderer:e}),this.config.detailRenderer){const e=this.grid;"function"==typeof e.refreshColumns?e.refreshColumns():this.requestRender()}}}e.MasterDetailPlugin=o,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("../../core/internal/sanitize"),require("../../core/plugin/base-plugin"),require("../../core/plugin/expander-column")):"function"==typeof define&&define.amd?define(["exports","../../core/internal/sanitize","../../core/plugin/base-plugin","../../core/plugin/expander-column"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).TbwGridPlugin_masterDetail={},e.TbwGrid,e.TbwGrid,e.TbwGrid)}(this,function(e,t,i,n){"use strict";function s(e,t){const i=new Set(e);return i.has(t)?i.delete(t):i.add(t),i}function a(e,t,i,n){const s=document.createElement("div");s.className="master-detail-row",s.setAttribute("data-detail-for",String(t)),s.setAttribute("role","row");const a=document.createElement("div");a.className="master-detail-cell",a.setAttribute("role","cell"),a.style.gridColumn=`1 / ${n+1}`;const r=i(e,t);return"string"==typeof r?a.innerHTML=r:r instanceof HTMLElement&&a.appendChild(r),s.appendChild(a),s}class r extends i.BaseGridPlugin{name="masterDetail";styles="@layer tbw-plugins{tbw-grid .cell[data-field=__tbw_expander]{border-right:none!important;padding:0;display:flex;align-items:center;justify-content:center}tbw-grid .header-row .cell[data-field=__tbw_expander]{display:none}tbw-grid .header-row .cell[data-field=__tbw_expander]+.cell{grid-column:1 / 3}tbw-grid .master-detail-expander{display:flex;align-items:center;justify-content:center;width:100%;height:100%}tbw-grid .master-detail-toggle{cursor:pointer;opacity:.7;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center}tbw-grid .master-detail-toggle:hover{opacity:1}tbw-grid .master-detail-row{grid-column:1 / -1;display:grid;background:var(--tbw-master-detail-bg, var(--tbw-color-row-alt));border-bottom:1px solid var(--tbw-master-detail-border, var(--tbw-color-border));overflow:hidden}tbw-grid .master-detail-cell{padding:var(--tbw-detail-padding, var(--tbw-spacing-xl, 1rem));overflow:auto}tbw-grid .master-detail-row.tbw-expanding{animation:tbw-detail-expand var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}tbw-grid .master-detail-row.tbw-collapsing{animation:tbw-detail-collapse var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-detail-expand{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:var(--tbw-detail-max-height, 31.25rem);padding-top:var(--tbw-detail-padding, var(--tbw-spacing-xl, 1rem));padding-bottom:var(--tbw-detail-padding, var(--tbw-spacing-xl, 1rem))}}@keyframes tbw-detail-collapse{0%{opacity:1;max-height:var(--tbw-detail-max-height, 31.25rem)}to{opacity:0;max-height:0}}}";get#e(){return this.grid}get defaultConfig(){return{detailHeight:"auto",expandOnRowClick:!1,collapseOnClickOutside:!1,animation:"slide"}}attach(e){super.attach(e),this.parseLightDomDetail()}parseLightDomDetail(){const e=this.gridElement;if(!e)return;const i=e.querySelector("tbw-grid-detail");if(!i)return;const n=this.#e.__frameworkAdapter;if(n?.parseDetailElement){const e=n.parseDetailElement(i);if(e)return void(this.config={...this.config,detailRenderer:e})}const s=i.getAttribute("animation"),a=i.getAttribute("show-expand-column"),r=i.getAttribute("expand-on-row-click"),o=i.getAttribute("collapse-on-click-outside"),d=i.getAttribute("height"),l={};null!==s&&(l.animation="false"!==s&&s),null!==a&&(l.showExpandColumn="false"!==a),null!==r&&(l.expandOnRowClick="true"===r),null!==o&&(l.collapseOnClickOutside="true"===o),null!==d&&(l.detailHeight="auto"===d?"auto":parseInt(d,10));const c=i.innerHTML.trim();c&&!this.config.detailRenderer&&(l.detailRenderer=(e,i)=>{const n=t.evalTemplateString(c,{value:e,row:e});return t.sanitizeHTML(n)}),Object.keys(l).length>0&&(this.config={...this.config,...l})}get animationStyle(){return!!this.isAnimationEnabled&&(this.config.animation??"slide")}animateExpand(e,t,i){if(!this.isAnimationEnabled||!1===this.animationStyle)return!1;e.classList.add("tbw-expanding");let n=!1;const s=()=>{n||(n=!0,e.classList.remove("tbw-expanding"),void 0!==t&&void 0!==i&&this.#t(e,t,i))};return e.addEventListener("animationend",s,{once:!0}),setTimeout(s,this.animationDuration+50),!0}animateCollapse(e,t){if(!this.isAnimationEnabled||!1===this.animationStyle)return void t();e.classList.add("tbw-collapsing");const i=()=>{e.classList.remove("tbw-collapsing"),t()};e.addEventListener("animationend",i,{once:!0}),setTimeout(i,this.animationDuration+50)}#t(e,t,i){if(!e.isConnected)return;const n=e.offsetHeight;if(n>0){const e=this.measuredDetailHeights.get(t);this.measuredDetailHeights.set(t,n),e!==n&&this.grid.invalidateRowHeight(i)}}expandedRows=new Set;detailElements=new Map;measuredDetailHeights=new Map;rowsToAnimate=new Set;static DEFAULT_DETAIL_HEIGHT=150;getDetailHeight(e){const t=this.detailElements.get(e);if(t){if(!(t.classList.contains("tbw-expanding")||t.classList.contains("tbw-collapsing"))){const i=t.offsetHeight;if(i>0)return this.measuredDetailHeights.set(e,i),i}}const i=this.measuredDetailHeights.get(e);return i&&i>0?i:"number"==typeof this.config?.detailHeight?this.config.detailHeight:r.DEFAULT_DETAIL_HEIGHT}toggleAndEmit(e,t){this.expandedRows=s(this.expandedRows,e);const i=this.expandedRows.has(e);i&&this.rowsToAnimate.add(e),this.emit("detail-expand",{rowIndex:t,row:e,expanded:i}),this.requestRender()}detach(){this.expandedRows.clear(),this.detailElements.clear(),this.measuredDetailHeights.clear(),this.rowsToAnimate.clear()}processColumns(e){if(!(!0===this.config.showExpandColumn||!1!==this.config.showExpandColumn&&!!this.config.detailRenderer))return[...e];const t=[...e];if(n.findExpanderColumn(t))return t;const i=n.createExpanderColumnConfig(this.name);return i.viewRenderer=e=>{const{row:t}=e,i=this.expandedRows.has(t),n=document.createElement("span");n.className="master-detail-expander expander-cell";const s=document.createElement("span");return s.className="master-detail-toggle"+(i?" expanded":""),this.setIcon(s,this.resolveIcon(i?"collapse":"expand")),s.setAttribute("role","button"),s.setAttribute("tabindex","0"),s.setAttribute("aria-expanded",String(i)),s.setAttribute("aria-label",i?"Collapse details":"Expand details"),n.appendChild(s),n},[i,...t]}onRowClick(e){if(this.config.expandOnRowClick&&this.config.detailRenderer)return this.toggleAndEmit(e.row,e.rowIndex),!1}onCellClick(e){const t=e.originalEvent?.target;if(t?.classList.contains("master-detail-toggle"))return this.toggleAndEmit(e.row,e.rowIndex),!0;this.expandedRows.size>0&&queueMicrotask(()=>this.#i())}onKeyDown(e){if(" "!==e.key)return;const t=this.grid._focusCol,i=this.grid._focusRow,s=this.visibleColumns[t];if(!s||!n.isExpanderColumn(s))return;const a=this.rows[i];return a?(e.preventDefault(),this.toggleAndEmit(a,i),this.requestRenderWithFocus(),!0):void 0}afterRender(){this.#i()}onScrollRender(){this.config.detailRenderer&&0!==this.expandedRows.size&&this.#i()}#i(){if(!this.config.detailRenderer)return;const e=this.gridElement?.querySelector(".rows");if(!e)return;const t=this.grid,i=t._rowPool,n=t._virtualization?.start??0,s=t._virtualization?.end??0,r=this.columns.length,o=n,d=s,l=new Map;if(i){const t=Math.min(i.length,d-o);for(let n=0;n<t;n++){const t=i[n];t.parentNode===e&&l.set(o+n,t)}}else{const t=e.querySelectorAll(".data-grid-row");for(const e of t){const t=e.querySelector(".cell[data-row]"),i=t?parseInt(t.getAttribute("data-row")??"-1",10):-1;i>=0&&l.set(i,e)}}for(const[a,c]of this.detailElements){const e=this.rows.indexOf(a),t=this.expandedRows.has(a),i=e>=0&&l.has(e);if(!t||!i){const e=this.#e.__frameworkAdapter;if(e?.unmount){const t=c.querySelector(".master-detail-cell"),i=t?.firstElementChild;i&&e.unmount(i)}c.parentNode&&c.remove(),this.detailElements.delete(a)}}for(const[c,h]of l){const e=this.rows[c];if(!e||!this.expandedRows.has(e))continue;const t=this.detailElements.get(e);if(t){t.previousElementSibling!==h&&h.after(t);continue}const i=a(e,c,this.config.detailRenderer,r);"number"==typeof this.config.detailHeight&&(i.style.height=`${this.config.detailHeight}px`),h.after(i),this.detailElements.set(e,i);const n=this.rowsToAnimate.has(e);n&&this.rowsToAnimate.delete(e);n&&this.animateExpand(i,e,c)||requestAnimationFrame(()=>{this.#t(i,e,c)})}}getExtraHeight(){let e=0;for(const t of this.expandedRows)e+=this.getDetailHeight(t);return e}getExtraHeightBefore(e){let t=0;for(const i of this.expandedRows){const n=this.rows.indexOf(i);n>=0&&n<e&&(t+=this.getDetailHeight(i))}return t}getRowHeight(e,t){if(!this.expandedRows.has(e))return;return(this.grid.defaultRowHeight??28)+this.getDetailHeight(e)}adjustVirtualStart(e,t,i){if(0===this.expandedRows.size)return e;const n=this.grid?._virtualization?.positionCache;let s=e;if(n&&n.length>0)for(const a of this.expandedRows){const i=this.rows.indexOf(a);if(i<0||i>=e)continue;n[i].offset+n[i].height>t&&i<s&&(s=i)}else{const n=[];for(const e of this.expandedRows){const t=this.rows.indexOf(e);t>=0&&n.push({index:t,row:e})}n.sort((e,t)=>e.index-t.index);let a=0;for(const{index:r,row:o}of n){const n=r*i+a,d=this.getDetailHeight(o);a+=d,r>=e||n+i+d>t&&r<s&&(s=r)}}return s}expand(e){const t=this.rows[e];t&&(this.rowsToAnimate.add(t),this.expandedRows=function(e,t){const i=new Set(e);return i.add(t),i}(this.expandedRows,t),this.requestRender())}collapse(e){const t=this.rows[e];t&&(this.expandedRows=function(e,t){const i=new Set(e);return i.delete(t),i}(this.expandedRows,t),this.requestRender())}toggle(e){const t=this.rows[e];t&&(this.expandedRows=s(this.expandedRows,t),this.expandedRows.has(t)&&this.rowsToAnimate.add(t),this.requestRender())}isExpanded(e){const t=this.rows[e];return!!t&&function(e,t){return e.has(t)}(this.expandedRows,t)}expandAll(){for(const e of this.rows)this.rowsToAnimate.add(e),this.expandedRows.add(e);this.requestRender()}collapseAll(){this.expandedRows.clear(),this.requestRender()}getExpandedRows(){const e=[];for(const t of this.expandedRows){const i=this.rows.indexOf(t);i>=0&&e.push(i)}return e}getDetailElement(e){const t=this.rows[e];return t?this.detailElements.get(t):void 0}refreshDetailRenderer(){const e=this.config.detailRenderer;if(this.config={...this.config,detailRenderer:void 0},this.parseLightDomDetail(),!this.config.detailRenderer&&e&&(this.config={...this.config,detailRenderer:e}),this.config.detailRenderer){const e=this.#e;"function"==typeof e.refreshColumns?e.refreshColumns():this.requestRender()}}}e.MasterDetailPlugin=r,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});
 //# sourceMappingURL=master-detail.umd.js.map

package/umd/plugins/master-detail.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"master-detail.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/master-detail/master-detail.ts","../../../../../libs/grid/src/lib/plugins/master-detail/MasterDetailPlugin.ts"],"sourcesContent":["/**\n * Master/Detail Core Logic\n *\n * Pure functions for managing detail row expansion state.\n */\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n// Uses `any` for maximum flexibility with user-defined row types.\n\n/**\n * Toggle the expansion state of a detail row.\n * Returns a new Set with the updated state.\n */\nexport function toggleDetailRow(expandedRows: Set<object>, row: object): Set<object> {\n  const newExpanded = new Set(expandedRows);\n  if (newExpanded.has(row)) {\n    newExpanded.delete(row);\n  } else {\n    newExpanded.add(row);\n  }\n  return newExpanded;\n}\n\n/**\n * Expand a detail row.\n * Returns a new Set with the row added.\n */\nexport function expandDetailRow(expandedRows: Set<object>, row: object): Set<object> {\n  const newExpanded = new Set(expandedRows);\n  newExpanded.add(row);\n  return newExpanded;\n}\n\n/**\n * Collapse a detail row.\n * Returns a new Set with the row removed.\n */\nexport function collapseDetailRow(expandedRows: Set<object>, row: object): Set<object> {\n  const newExpanded = new Set(expandedRows);\n  newExpanded.delete(row);\n  return newExpanded;\n}\n\n/**\n * Check if a detail row is expanded.\n */\nexport function isDetailExpanded(expandedRows: Set<object>, row: object): boolean {\n  return expandedRows.has(row);\n}\n\n/**\n * Create a detail element for a given row.\n * The element spans all columns and contains the rendered content.\n */\nexport function createDetailElement(\n  row: any,\n  rowIndex: number,\n  renderer: (row: any, rowIndex: number) => HTMLElement | string,\n  columnCount: number\n): HTMLElement {\n  const detailRow = document.createElement('div');\n  detailRow.className = 'master-detail-row';\n  detailRow.setAttribute('data-detail-for', String(rowIndex));\n  detailRow.setAttribute('role', 'row');\n\n  const detailCell = document.createElement('div');\n  detailCell.className = 'master-detail-cell';\n  detailCell.setAttribute('role', 'cell');\n  detailCell.style.gridColumn = `1 / ${columnCount + 1}`;\n\n  const content = renderer(row, rowIndex);\n  if (typeof content === 'string') {\n    detailCell.innerHTML = content;\n  } else if (content instanceof HTMLElement) {\n    detailCell.appendChild(content);\n  }\n\n  detailRow.appendChild(detailCell);\n  return detailRow;\n}\n","/**\n * Master/Detail Plugin (Class-based)\n *\n * Enables expandable detail rows showing additional content for each row.\n * Animation style is plugin-configured; respects grid-level animation.mode.\n */\n\nimport { evalTemplateString, sanitizeHTML } from '../../core/internal/sanitize';\nimport { BaseGridPlugin, CellClickEvent, GridElement, RowClickEvent } from '../../core/plugin/base-plugin';\nimport { createExpanderColumnConfig, findExpanderColumn, isExpanderColumn } from '../../core/plugin/expander-column';\nimport type { ColumnConfig } from '../../core/types';\nimport {\n  collapseDetailRow,\n  createDetailElement,\n  expandDetailRow,\n  isDetailExpanded,\n  toggleDetailRow,\n} from './master-detail';\nimport styles from './master-detail.css?inline';\nimport type { DetailExpandDetail, ExpandCollapseAnimation, MasterDetailConfig } from './types';\n\n/**\n * Master-Detail Plugin for tbw-grid\n *\n * Creates expandable detail rows that reveal additional content beneath each master row.\n * Perfect for order/line-item UIs, employee/department views, or any scenario where\n * you need to show related data without navigating away.\n *\n * ## Installation\n *\n * ```ts\n * import { MasterDetailPlugin } from '@toolbox-web/grid/plugins/master-detail';\n * ```\n *\n * ## Configuration Options\n *\n * | Option | Type | Default | Description |\n * |--------|------|---------|-------------|\n * | `detailRenderer` | `(row) => HTMLElement \\| string` | required | Render function for detail content |\n * | `expandOnRowClick` | `boolean` | `false` | Expand when clicking the row |\n * | `detailHeight` | `number \\| 'auto'` | `'auto'` | Fixed height or auto-size |\n * | `collapseOnClickOutside` | `boolean` | `false` | Collapse when clicking outside |\n * | `showExpandColumn` | `boolean` | `true` | Show expand/collapse column |\n * | `animation` | `false \\| 'slide' \\| 'fade'` | `'slide'` | Animation style |\n *\n * ## Programmatic API\n *\n * | Method | Signature | Description |\n * |--------|-----------|-------------|\n * | `expandRow` | `(rowIndex) => void` | Expand a specific row |\n * | `collapseRow` | `(rowIndex) => void` | Collapse a specific row |\n * | `toggleRow` | `(rowIndex) => void` | Toggle row expansion |\n * | `expandAll` | `() => void` | Expand all rows |\n * | `collapseAll` | `() => void` | Collapse all rows |\n * | `isRowExpanded` | `(rowIndex) => boolean` | Check if row is expanded |\n *\n * ## CSS Custom Properties\n *\n * | Property | Default | Description |\n * |----------|---------|-------------|\n * | `--tbw-master-detail-bg` | `var(--tbw-color-row-alt)` | Detail row background |\n * | `--tbw-master-detail-border` | `var(--tbw-color-border)` | Detail row border |\n * | `--tbw-detail-padding` | `1em` | Detail content padding |\n * | `--tbw-animation-duration` | `200ms` | Expand/collapse animation |\n *\n * @example Basic Master-Detail with HTML Template\n * ```ts\n * import '@toolbox-web/grid';\n * import { MasterDetailPlugin } from '@toolbox-web/grid/plugins/master-detail';\n *\n * grid.gridConfig = {\n *   columns: [\n *     { field: 'orderId', header: 'Order ID' },\n *     { field: 'customer', header: 'Customer' },\n *     { field: 'total', header: 'Total', type: 'currency' },\n *   ],\n *   plugins: [\n *     new MasterDetailPlugin({\n *       detailRenderer: (row) => `\n *         <div class=\"order-details\">\n *           <h4>Order Items</h4>\n *           <ul>${row.items.map(i => `<li>${i.name} - $${i.price}</li>`).join('')}</ul>\n *         </div>\n *       `,\n *     }),\n *   ],\n * };\n * ```\n *\n * @example Nested Grid in Detail\n * ```ts\n * new MasterDetailPlugin({\n *   detailRenderer: (row) => {\n *     const childGrid = document.createElement('tbw-grid');\n *     childGrid.style.height = '200px';\n *     childGrid.gridConfig = { columns: [...] };\n *     childGrid.rows = row.items || [];\n *     return childGrid;\n *   },\n * })\n * ```\n *\n * @see {@link MasterDetailConfig} for all configuration options\n * @see {@link DetailExpandDetail} for expand/collapse event details\n *\n * @internal Extends BaseGridPlugin\n */\nexport class MasterDetailPlugin extends BaseGridPlugin<MasterDetailConfig> {\n  /** @internal */\n  readonly name = 'masterDetail';\n  /** @internal */\n  override readonly styles = styles;\n\n  /** @internal */\n  protected override get defaultConfig(): Partial<MasterDetailConfig> {\n    return {\n      detailHeight: 'auto',\n      expandOnRowClick: false,\n      collapseOnClickOutside: false,\n      // Note: showExpandColumn is intentionally NOT defaulted here.\n      // If undefined, processColumns() adds expander only when detailRenderer is provided.\n      // Set to true for framework adapters that register renderers asynchronously.\n      animation: 'slide', // Plugin's own default\n    };\n  }\n\n  // #region Light DOM Parsing\n\n  /**\n   * Called when plugin is attached to the grid.\n   * Parses light DOM for `<tbw-grid-detail>` elements to configure detail templates.\n   * @internal\n   */\n  override attach(grid: GridElement): void {\n    super.attach(grid);\n    this.parseLightDomDetail();\n  }\n\n  /**\n   * Parse `<tbw-grid-detail>` elements from the grid's light DOM.\n   *\n   * Allows declarative configuration:\n   * ```html\n   * <tbw-grid [rows]=\"data\">\n   *   <tbw-grid-detail>\n   *     <div class=\"detail-content\">\n   *       <p>Name: {{ row.name }}</p>\n   *       <p>Email: {{ row.email }}</p>\n   *     </div>\n   *   </tbw-grid-detail>\n   * </tbw-grid>\n   * ```\n   *\n   * Attributes:\n   * - `animation`: 'slide' | 'fade' | 'false' (default: 'slide')\n   * - `show-expand-column`: 'true' | 'false' (default: 'true')\n   * - `expand-on-row-click`: 'true' | 'false' (default: 'false')\n   * - `collapse-on-click-outside`: 'true' | 'false' (default: 'false')\n   * - `height`: number (pixels) or 'auto' (default: 'auto')\n   */\n  private parseLightDomDetail(): void {\n    const gridEl = this.grid as unknown as Element;\n    if (!gridEl || typeof gridEl.querySelector !== 'function') return;\n\n    const detailEl = gridEl.querySelector('tbw-grid-detail');\n    if (!detailEl) return;\n\n    // Check if a framework adapter wants to handle this element\n    // (e.g., Angular adapter intercepts for ng-template rendering)\n    const gridWithAdapter = gridEl as unknown as {\n      __frameworkAdapter?: {\n        parseDetailElement?: (el: Element) => ((row: any, rowIndex: number) => HTMLElement | string) | undefined;\n      };\n    };\n    if (gridWithAdapter.__frameworkAdapter?.parseDetailElement) {\n      const adapterRenderer = gridWithAdapter.__frameworkAdapter.parseDetailElement(detailEl);\n      if (adapterRenderer) {\n        this.config = { ...this.config, detailRenderer: adapterRenderer };\n        return;\n      }\n    }\n\n    // Parse attributes for configuration\n    const animation = detailEl.getAttribute('animation');\n    const showExpandColumn = detailEl.getAttribute('show-expand-column');\n    const expandOnRowClick = detailEl.getAttribute('expand-on-row-click');\n    const collapseOnClickOutside = detailEl.getAttribute('collapse-on-click-outside');\n    const heightAttr = detailEl.getAttribute('height');\n\n    const configUpdates: Partial<MasterDetailConfig> = {};\n\n    if (animation !== null) {\n      configUpdates.animation = animation === 'false' ? false : (animation as 'slide' | 'fade');\n    }\n    if (showExpandColumn !== null) {\n      configUpdates.showExpandColumn = showExpandColumn !== 'false';\n    }\n    if (expandOnRowClick !== null) {\n      configUpdates.expandOnRowClick = expandOnRowClick === 'true';\n    }\n    if (collapseOnClickOutside !== null) {\n      configUpdates.collapseOnClickOutside = collapseOnClickOutside === 'true';\n    }\n    if (heightAttr !== null) {\n      configUpdates.detailHeight = heightAttr === 'auto' ? 'auto' : parseInt(heightAttr, 10);\n    }\n\n    // Get template content from innerHTML\n    const templateHTML = detailEl.innerHTML.trim();\n    if (templateHTML && !this.config.detailRenderer) {\n      // Create a template-based renderer using the inner HTML\n      configUpdates.detailRenderer = (row: any, _rowIndex: number): string => {\n        // Evaluate template expressions like {{ row.field }}\n        const evaluated = evalTemplateString(templateHTML, { value: row, row });\n        // Sanitize the result to prevent XSS\n        return sanitizeHTML(evaluated);\n      };\n    }\n\n    // Merge updates into config\n    if (Object.keys(configUpdates).length > 0) {\n      this.config = { ...this.config, ...configUpdates };\n    }\n  }\n\n  // #endregion\n\n  // #region Animation Helpers\n\n  /**\n   * Get expand/collapse animation style from plugin config.\n   * Uses base class isAnimationEnabled to respect grid-level settings.\n   */\n  private get animationStyle(): ExpandCollapseAnimation {\n    if (!this.isAnimationEnabled) return false;\n    return this.config.animation ?? 'slide';\n  }\n\n  /**\n   * Apply expand animation to a detail element.\n   * Returns true if animation was applied, false if skipped.\n   * When animated, height measurement is deferred to animationend to avoid\n   * measuring during the max-height: 0 CSS animation constraint.\n   */\n  private animateExpand(detailEl: HTMLElement, row?: any, rowIndex?: number): boolean {\n    if (!this.isAnimationEnabled || this.animationStyle === false) return false;\n\n    detailEl.classList.add('tbw-expanding');\n\n    let measured = false;\n    const measureOnce = () => {\n      if (measured) return;\n      measured = true;\n      detailEl.classList.remove('tbw-expanding');\n\n      // Measure height AFTER animation completes - the element now has its\n      // natural height without the max-height constraint from the animation.\n      if (row !== undefined && rowIndex !== undefined) {\n        this.#measureAndCacheDetailHeight(detailEl, row, rowIndex);\n      }\n    };\n\n    detailEl.addEventListener('animationend', measureOnce, { once: true });\n    // Fallback timeout in case animationend doesn't fire (e.g., element detached,\n    // animation removed, or framework rendering delays). Matches animateCollapse pattern.\n    setTimeout(measureOnce, this.animationDuration + 50);\n    return true;\n  }\n\n  /**\n   * Apply collapse animation to a detail element and remove after animation.\n   */\n  private animateCollapse(detailEl: HTMLElement, onComplete: () => void): void {\n    if (!this.isAnimationEnabled || this.animationStyle === false) {\n      onComplete();\n      return;\n    }\n\n    detailEl.classList.add('tbw-collapsing');\n    const cleanup = () => {\n      detailEl.classList.remove('tbw-collapsing');\n      onComplete();\n    };\n    detailEl.addEventListener('animationend', cleanup, { once: true });\n    // Fallback timeout in case animation doesn't fire\n    setTimeout(cleanup, this.animationDuration + 50);\n  }\n\n  /**\n   * Measure a detail element's height and update the position cache if it changed.\n   * Used after layout settles (RAF) or after animation completes (animationend).\n   */\n  #measureAndCacheDetailHeight(detailEl: HTMLElement, row: any, rowIndex: number): void {\n    if (!detailEl.isConnected) return;\n\n    const height = detailEl.offsetHeight;\n    if (height > 0) {\n      const previousHeight = this.measuredDetailHeights.get(row);\n      this.measuredDetailHeights.set(row, height);\n\n      // Only invalidate if height actually changed\n      // This triggers an incremental position cache update, not a full rebuild\n      if (previousHeight !== height) {\n        this.grid.invalidateRowHeight(rowIndex);\n      }\n    }\n  }\n\n  // #endregion\n\n  // #region Internal State\n  private expandedRows: Set<any> = new Set();\n  private detailElements: Map<any, HTMLElement> = new Map();\n  /** Cached measured heights - persists even when elements are virtualized out */\n  private measuredDetailHeights: Map<any, number> = new Map();\n  /** Rows that were just expanded by user action and should animate.\n   * Prevents re-animation when rows scroll back into the virtual window. */\n  private rowsToAnimate: Set<any> = new Set();\n\n  /** Default height for detail rows when not configured */\n  private static readonly DEFAULT_DETAIL_HEIGHT = 150;\n\n  /**\n   * Get the estimated height for a detail row.\n   * Uses cached measured height when available (survives virtualization).\n   * Avoids reading offsetHeight during CSS animations to prevent poisoning the cache.\n   */\n  private getDetailHeight(row: any): number {\n    // Try DOM element first - works for tests and when element is connected\n    const detailEl = this.detailElements.get(row);\n    if (detailEl) {\n      // Skip DOM measurement if currently animating (max-height constraint gives wrong value)\n      const isAnimating = detailEl.classList.contains('tbw-expanding') || detailEl.classList.contains('tbw-collapsing');\n      if (!isAnimating) {\n        const height = detailEl.offsetHeight;\n        if (height > 0) {\n          // Cache the measurement for when this row is virtualized out\n          this.measuredDetailHeights.set(row, height);\n          return height;\n        }\n      }\n    }\n\n    // DOM element missing, detached, or animating - check cached measurement\n    const cachedHeight = this.measuredDetailHeights.get(row);\n    if (cachedHeight && cachedHeight > 0) {\n      return cachedHeight;\n    }\n\n    // Fallback to config or default\n    return typeof this.config?.detailHeight === 'number'\n      ? this.config.detailHeight\n      : MasterDetailPlugin.DEFAULT_DETAIL_HEIGHT;\n  }\n\n  /**\n   * Toggle a row's detail and emit event.\n   */\n  private toggleAndEmit(row: any, rowIndex: number): void {\n    this.expandedRows = toggleDetailRow(this.expandedRows, row as object);\n    const expanded = this.expandedRows.has(row as object);\n    if (expanded) {\n      this.rowsToAnimate.add(row);\n    }\n    this.emit<DetailExpandDetail>('detail-expand', {\n      rowIndex,\n      row: row as Record<string, unknown>,\n      expanded,\n    });\n    this.requestRender();\n  }\n  // #endregion\n\n  // #region Lifecycle\n\n  /** @internal */\n  override detach(): void {\n    this.expandedRows.clear();\n    this.detailElements.clear();\n    this.measuredDetailHeights.clear();\n    this.rowsToAnimate.clear();\n  }\n  // #endregion\n\n  // #region Hooks\n\n  /** @internal */\n  override processColumns(columns: readonly ColumnConfig[]): ColumnConfig[] {\n    // Determine whether to add the expander column:\n    // 1. If showExpandColumn === false: never add (explicit opt-out)\n    // 2. If showExpandColumn === true: always add (explicit opt-in, for framework adapters)\n    // 3. If showExpandColumn is undefined: add only if detailRenderer is provided\n    //\n    // This supports React/Angular adapters which register renderers asynchronously via light DOM.\n    // They must set showExpandColumn: true to get the column immediately, avoiding layout shift.\n    const shouldAddExpander =\n      this.config.showExpandColumn === true || (this.config.showExpandColumn !== false && !!this.config.detailRenderer);\n\n    if (!shouldAddExpander) {\n      return [...columns];\n    }\n\n    const cols = [...columns];\n\n    // Check if expander column already exists (from this or another plugin)\n    const existingExpander = findExpanderColumn(cols);\n    if (existingExpander) {\n      // Another plugin already added an expander column - don't add duplicate\n      // Our expand logic will be handled via onCellClick on the expander column\n      return cols;\n    }\n\n    // Create dedicated expander column that stays fixed at position 0\n    const expanderCol = createExpanderColumnConfig(this.name);\n    expanderCol.viewRenderer = (renderCtx) => {\n      const { row } = renderCtx;\n      const isExpanded = this.expandedRows.has(row as object);\n\n      const container = document.createElement('span');\n      container.className = 'master-detail-expander expander-cell';\n\n      // Expand/collapse toggle icon\n      const toggle = document.createElement('span');\n      toggle.className = `master-detail-toggle${isExpanded ? ' expanded' : ''}`;\n      // Use grid-level icons (fall back to defaults)\n      this.setIcon(toggle, this.resolveIcon(isExpanded ? 'collapse' : 'expand'));\n      // role=\"button\" is required for aria-expanded to be valid\n      toggle.setAttribute('role', 'button');\n      toggle.setAttribute('tabindex', '0');\n      toggle.setAttribute('aria-expanded', String(isExpanded));\n      toggle.setAttribute('aria-label', isExpanded ? 'Collapse details' : 'Expand details');\n      container.appendChild(toggle);\n\n      return container;\n    };\n\n    // Prepend expander column to ensure it's always first\n    return [expanderCol, ...cols];\n  }\n\n  /** @internal */\n  override onRowClick(event: RowClickEvent): boolean | void {\n    if (!this.config.expandOnRowClick || !this.config.detailRenderer) return;\n    this.toggleAndEmit(event.row, event.rowIndex);\n    return false;\n  }\n\n  /** @internal */\n  override onCellClick(event: CellClickEvent): boolean | void {\n    // Handle click on master-detail toggle icon (same pattern as TreePlugin)\n    const target = event.originalEvent?.target as HTMLElement;\n    if (target?.classList.contains('master-detail-toggle')) {\n      this.toggleAndEmit(event.row, event.rowIndex);\n      return true; // Prevent default handling\n    }\n\n    // Sync detail rows after cell click triggers refreshVirtualWindow\n    // This runs in microtask to ensure DOM updates are complete\n    if (this.expandedRows.size > 0) {\n      queueMicrotask(() => this.#syncDetailRows());\n    }\n    return; // Don't prevent default\n  }\n\n  /** @internal */\n  override onKeyDown(event: KeyboardEvent): boolean | void {\n    // SPACE toggles expansion when focus is on the expander column\n    if (event.key !== ' ') return;\n\n    const focusCol = this.grid._focusCol;\n    const focusRow = this.grid._focusRow;\n    // _focusCol is a visible-column index (set from data-col), so use visibleColumns\n    const column = this.visibleColumns[focusCol];\n\n    // Only handle SPACE on expander column\n    if (!column || !isExpanderColumn(column)) return;\n\n    const row = this.rows[focusRow];\n    if (!row) return;\n\n    event.preventDefault();\n    this.toggleAndEmit(row, focusRow);\n\n    // Restore focus styling after render completes via render pipeline\n    this.requestRenderWithFocus();\n    return true;\n  }\n\n  /** @internal */\n  override afterRender(): void {\n    this.#syncDetailRows();\n  }\n\n  /**\n   * Called on scroll to sync detail elements with visible rows.\n   * Removes details for rows that scrolled out of view and reattaches for visible rows.\n   * @internal\n   */\n  override onScrollRender(): void {\n    if (!this.config.detailRenderer || this.expandedRows.size === 0) return;\n    // Full sync needed on scroll to clean up orphaned details\n    this.#syncDetailRows();\n  }\n\n  /**\n   * Full sync of detail rows - cleans up stale elements and creates new ones.\n   * Detail rows are inserted as siblings AFTER their master row to survive row rebuilds.\n   *\n   * PERF: Uses the grid's row pool (_rowPool) and virtual window (_virtualization.start/end)\n   * to avoid querySelectorAll on every scroll frame. The pool is index-aligned with the\n   * virtual window, so pool[i] corresponds to row index (start + i).\n   */\n  #syncDetailRows(): void {\n    if (!this.config.detailRenderer) return;\n\n    const body = this.gridElement?.querySelector('.rows');\n    if (!body) return;\n\n    // Use grid's virtualization state and row pool for O(1) lookups instead of querySelectorAll.\n    // The row pool is an array of DOM elements aligned to the virtual window:\n    // _rowPool[i] renders row data at index (_virtualization.start + i).\n    const gridInternal = this.grid as any;\n    const rowPool: HTMLElement[] | undefined = gridInternal._rowPool;\n    const vStart: number = gridInternal._virtualization?.start ?? 0;\n    const vEnd: number = gridInternal._virtualization?.end ?? 0;\n    const columnCount = this.columns.length;\n\n    // Build visible row index set from the virtual window range\n    const visibleStart = vStart;\n    const visibleEnd = vEnd;\n\n    // Build a map of row index -> row element using the pool (O(n) where n = visible rows)\n    const visibleRowMap = new Map<number, Element>();\n    if (rowPool) {\n      const poolLen = Math.min(rowPool.length, visibleEnd - visibleStart);\n      for (let i = 0; i < poolLen; i++) {\n        const rowEl = rowPool[i];\n        if (rowEl.parentNode === body) {\n          visibleRowMap.set(visibleStart + i, rowEl);\n        }\n      }\n    } else {\n      // Fallback: use querySelectorAll if pool is not accessible\n      const dataRows = body.querySelectorAll('.data-grid-row');\n      for (const rowEl of dataRows) {\n        const firstCell = rowEl.querySelector('.cell[data-row]');\n        const rowIndex = firstCell ? parseInt(firstCell.getAttribute('data-row') ?? '-1', 10) : -1;\n        if (rowIndex >= 0) {\n          visibleRowMap.set(rowIndex, rowEl);\n        }\n      }\n    }\n\n    // Remove detail rows whose parent row is no longer visible or no longer expanded.\n    // Iterate the detailElements map (which we own) instead of querySelectorAll.\n    for (const [row, detailEl] of this.detailElements) {\n      const rowIndex = this.rows.indexOf(row);\n      const isStillExpanded = this.expandedRows.has(row);\n      const isRowVisible = rowIndex >= 0 && visibleRowMap.has(rowIndex);\n\n      if (!isStillExpanded || !isRowVisible) {\n        // Clean up framework adapter resources (React root, Vue app, Angular view)\n        // before removing to prevent memory leaks.\n        const adapter = (this.grid as unknown as { __frameworkAdapter?: { unmount?(c: HTMLElement): void } })\n          .__frameworkAdapter;\n        if (adapter?.unmount) {\n          const detailCell = detailEl.querySelector('.master-detail-cell');\n          const container = detailCell?.firstElementChild as HTMLElement | null;\n          if (container) adapter.unmount(container);\n        }\n        if (detailEl.parentNode) detailEl.remove();\n        this.detailElements.delete(row);\n      }\n    }\n\n    // Insert detail rows for expanded rows that are visible\n    for (const [rowIndex, rowEl] of visibleRowMap) {\n      const row = this.rows[rowIndex];\n      if (!row || !this.expandedRows.has(row)) continue;\n\n      // Check if detail already exists for this row\n      const existingDetail = this.detailElements.get(row);\n      if (existingDetail) {\n        // Ensure it's positioned correctly (as next sibling of row element)\n        if (existingDetail.previousElementSibling !== rowEl) {\n          rowEl.after(existingDetail);\n        }\n        continue;\n      }\n\n      // Create new detail element\n      const detailEl = createDetailElement(row, rowIndex, this.config.detailRenderer, columnCount);\n\n      if (typeof this.config.detailHeight === 'number') {\n        detailEl.style.height = `${this.config.detailHeight}px`;\n      }\n\n      // Insert as sibling after the row element (not as child)\n      rowEl.after(detailEl);\n      this.detailElements.set(row, detailEl);\n\n      // Only animate if this row was just expanded by a user action (click, keyboard, API).\n      // Rows re-appearing from scroll (virtualization) should not re-animate.\n      const shouldAnimate = this.rowsToAnimate.has(row);\n      if (shouldAnimate) {\n        this.rowsToAnimate.delete(row);\n      }\n\n      const willAnimate = shouldAnimate && this.animateExpand(detailEl, row, rowIndex);\n\n      if (!willAnimate) {\n        // No animation - measure height after layout settles via RAF\n        requestAnimationFrame(() => {\n          this.#measureAndCacheDetailHeight(detailEl, row, rowIndex);\n        });\n      }\n      // When animating, measurement is deferred to animationend callback\n      // (inside animateExpand) to avoid measuring during max-height: 0 constraint\n    }\n  }\n\n  /**\n   * Return total extra height from all expanded detail rows.\n   * Used by grid virtualization to adjust scrollbar height.\n   *\n   * @deprecated Use getRowHeight() instead. This hook will be removed in v2.0.\n   */\n  override getExtraHeight(): number {\n    let totalHeight = 0;\n    for (const row of this.expandedRows) {\n      totalHeight += this.getDetailHeight(row);\n    }\n    return totalHeight;\n  }\n\n  /**\n   * Return extra height that appears before a given row index.\n   * This is the sum of heights of all expanded details whose parent row is before the given index.\n   *\n   * @deprecated Use getRowHeight() instead. This hook will be removed in v2.0.\n   */\n  override getExtraHeightBefore(beforeRowIndex: number): number {\n    let totalHeight = 0;\n    for (const row of this.expandedRows) {\n      const rowIndex = this.rows.indexOf(row);\n      // Include detail if it's for a row before the given index\n      if (rowIndex >= 0 && rowIndex < beforeRowIndex) {\n        totalHeight += this.getDetailHeight(row);\n      }\n    }\n    return totalHeight;\n  }\n\n  /**\n   * Get the height of a specific row, including any expanded detail content.\n   * Always returns a height to ensure the position cache uses plugin-controlled values\n   * rather than stale DOM measurements.\n   *\n   * @param row - The row data\n   * @param _index - The row index (unused, but part of the interface)\n   * @returns The row height in pixels (base height for collapsed, base + detail for expanded)\n   */\n  override getRowHeight(row: unknown, _index: number): number | undefined {\n    const isExpanded = this.expandedRows.has(row as object);\n\n    if (!isExpanded) {\n      // Collapsed row - return undefined to let the grid use its measured/estimated height.\n      // This ensures the position cache uses the correct row height from CSS/config.\n      return undefined;\n    }\n\n    // Row is expanded - return base height plus detail height\n    // Use grid's defaultRowHeight which reflects the actual measured/configured height\n    const baseHeight = this.grid.defaultRowHeight ?? 28;\n    const detailHeight = this.getDetailHeight(row);\n\n    return baseHeight + detailHeight;\n  }\n\n  /**\n   * Adjust the virtualization start index to keep expanded row visible while its detail is visible.\n   * This ensures the detail scrolls smoothly out of view instead of disappearing abruptly.\n   */\n  override adjustVirtualStart(start: number, scrollTop: number, rowHeight: number): number {\n    if (this.expandedRows.size === 0) return start;\n\n    // Use position cache for accurate row positions when available (variable heights mode)\n    const positionCache = (this.grid as any)?._virtualization?.positionCache as\n      | Array<{ offset: number; height: number }>\n      | undefined;\n\n    let minStart = start;\n\n    if (positionCache && positionCache.length > 0) {\n      // Variable heights: use position cache for accurate offset\n      for (const row of this.expandedRows) {\n        const rowIndex = this.rows.indexOf(row);\n        if (rowIndex < 0 || rowIndex >= start) continue;\n\n        // Position cache already includes cumulative heights from all expanded details\n        const detailBottom = positionCache[rowIndex].offset + positionCache[rowIndex].height;\n\n        if (detailBottom > scrollTop && rowIndex < minStart) {\n          minStart = rowIndex;\n        }\n      }\n    } else {\n      // Fixed heights fallback: accumulate detail heights manually\n      // Build sorted list of expanded row indices for cumulative height calculation\n      const expandedIndices: Array<{ index: number; row: any }> = [];\n      for (const row of this.expandedRows) {\n        const index = this.rows.indexOf(row);\n        if (index >= 0) {\n          expandedIndices.push({ index, row });\n        }\n      }\n      expandedIndices.sort((a, b) => a.index - b.index);\n\n      let cumulativeExtraHeight = 0;\n\n      for (const { index: rowIndex, row } of expandedIndices) {\n        const actualRowTop = rowIndex * rowHeight + cumulativeExtraHeight;\n        const detailHeight = this.getDetailHeight(row);\n        const actualDetailBottom = actualRowTop + rowHeight + detailHeight;\n\n        cumulativeExtraHeight += detailHeight;\n\n        if (rowIndex >= start) continue;\n\n        if (actualDetailBottom > scrollTop && rowIndex < minStart) {\n          minStart = rowIndex;\n        }\n      }\n    }\n\n    return minStart;\n  }\n  // #endregion\n\n  // #region Public API\n\n  /**\n   * Expand the detail row at the given index.\n   * @param rowIndex - Index of the row to expand\n   */\n  expand(rowIndex: number): void {\n    const row = this.rows[rowIndex];\n    if (row) {\n      this.rowsToAnimate.add(row);\n      this.expandedRows = expandDetailRow(this.expandedRows, row);\n      this.requestRender();\n    }\n  }\n\n  /**\n   * Collapse the detail row at the given index.\n   * @param rowIndex - Index of the row to collapse\n   */\n  collapse(rowIndex: number): void {\n    const row = this.rows[rowIndex];\n    if (row) {\n      this.expandedRows = collapseDetailRow(this.expandedRows, row);\n      this.requestRender();\n    }\n  }\n\n  /**\n   * Toggle the detail row at the given index.\n   * @param rowIndex - Index of the row to toggle\n   */\n  toggle(rowIndex: number): void {\n    const row = this.rows[rowIndex];\n    if (row) {\n      this.expandedRows = toggleDetailRow(this.expandedRows, row);\n      if (this.expandedRows.has(row)) {\n        this.rowsToAnimate.add(row);\n      }\n      this.requestRender();\n    }\n  }\n\n  /**\n   * Check if the detail row at the given index is expanded.\n   * @param rowIndex - Index of the row to check\n   * @returns Whether the detail row is expanded\n   */\n  isExpanded(rowIndex: number): boolean {\n    const row = this.rows[rowIndex];\n    return row ? isDetailExpanded(this.expandedRows, row) : false;\n  }\n\n  /**\n   * Expand all detail rows.\n   */\n  expandAll(): void {\n    for (const row of this.rows) {\n      this.rowsToAnimate.add(row);\n      this.expandedRows.add(row);\n    }\n    this.requestRender();\n  }\n\n  /**\n   * Collapse all detail rows.\n   */\n  collapseAll(): void {\n    this.expandedRows.clear();\n    this.requestRender();\n  }\n\n  /**\n   * Get the indices of all expanded rows.\n   * @returns Array of row indices that are expanded\n   */\n  getExpandedRows(): number[] {\n    const indices: number[] = [];\n    for (const row of this.expandedRows) {\n      const idx = this.rows.indexOf(row);\n      if (idx >= 0) indices.push(idx);\n    }\n    return indices;\n  }\n\n  /**\n   * Get the detail element for a specific row.\n   * @param rowIndex - Index of the row\n   * @returns The detail HTMLElement or undefined\n   */\n  getDetailElement(rowIndex: number): HTMLElement | undefined {\n    const row = this.rows[rowIndex];\n    return row ? this.detailElements.get(row) : undefined;\n  }\n\n  /**\n   * Re-parse light DOM to refresh the detail renderer.\n   * Call this after framework templates are registered (e.g., Angular ngAfterContentInit).\n   *\n   * This allows frameworks to register templates asynchronously and then\n   * update the plugin's detailRenderer.\n   */\n  refreshDetailRenderer(): void {\n    // Force re-parse by temporarily clearing the renderer\n    const currentRenderer = this.config.detailRenderer;\n    this.config = { ...this.config, detailRenderer: undefined };\n    this.parseLightDomDetail();\n\n    // If no new renderer was found, restore the original\n    if (!this.config.detailRenderer && currentRenderer) {\n      this.config = { ...this.config, detailRenderer: currentRenderer };\n    }\n\n    // Request a COLUMNS phase re-render so processColumns runs again with the new detailRenderer\n    // This ensures the expand toggle is added to the first column.\n    // Must use refreshColumns() (COLUMNS phase) not requestRender() (ROWS phase)\n    // because processColumns only runs at COLUMNS phase or higher.\n    if (this.config.detailRenderer) {\n      const grid = this.grid as unknown as { refreshColumns?: () => void };\n      if (typeof grid.refreshColumns === 'function') {\n        grid.refreshColumns();\n      } else {\n        // Fallback to requestRender if refreshColumns not available\n        this.requestRender();\n      }\n    }\n  }\n  // #endregion\n}\n"],"names":["toggleDetailRow","expandedRows","row","newExpanded","Set","has","delete","add","createDetailElement","rowIndex","renderer","columnCount","detailRow","document","createElement","className","setAttribute","String","detailCell","style","gridColumn","content","innerHTML","HTMLElement","appendChild","MasterDetailPlugin","BaseGridPlugin","name","styles","defaultConfig","detailHeight","expandOnRowClick","collapseOnClickOutside","animation","attach","grid","super","this","parseLightDomDetail","gridEl","querySelector","detailEl","gridWithAdapter","__frameworkAdapter","parseDetailElement","adapterRenderer","config","detailRenderer","getAttribute","showExpandColumn","heightAttr","configUpdates","parseInt","templateHTML","trim","_rowIndex","evaluated","evalTemplateString","value","sanitizeHTML","Object","keys","length","animationStyle","isAnimationEnabled","animateExpand","classList","measured","measureOnce","remove","measureAndCacheDetailHeight","addEventListener","once","setTimeout","animationDuration","animateCollapse","onComplete","cleanup","isConnected","height","offsetHeight","previousHeight","measuredDetailHeights","get","set","invalidateRowHeight","detailElements","Map","rowsToAnimate","static","getDetailHeight","contains","cachedHeight","DEFAULT_DETAIL_HEIGHT","toggleAndEmit","expanded","emit","requestRender","detach","clear","processColumns","columns","cols","findExpanderColumn","expanderCol","createExpanderColumnConfig","viewRenderer","renderCtx","isExpanded","container","toggle","setIcon","resolveIcon","onRowClick","event","onCellClick","target","originalEvent","size","queueMicrotask","syncDetailRows","onKeyDown","key","focusCol","_focusCol","focusRow","_focusRow","column","visibleColumns","isExpanderColumn","rows","preventDefault","requestRenderWithFocus","afterRender","onScrollRender","body","gridElement","gridInternal","rowPool","_rowPool","vStart","_virtualization","start","vEnd","end","visibleStart","visibleEnd","visibleRowMap","poolLen","Math","min","i","rowEl","parentNode","dataRows","querySelectorAll","firstCell","indexOf","isStillExpanded","isRowVisible","adapter","unmount","firstElementChild","existingDetail","previousElementSibling","after","shouldAnimate","requestAnimationFrame","getExtraHeight","totalHeight","getExtraHeightBefore","beforeRowIndex","getRowHeight","_index","defaultRowHeight","adjustVirtualStart","scrollTop","rowHeight","positionCache","minStart","offset","expandedIndices","index","push","sort","a","b","cumulativeExtraHeight","actualRowTop","expand","expandDetailRow","collapse","collapseDetailRow","isDetailExpanded","expandAll","collapseAll","getExpandedRows","indices","idx","getDetailElement","refreshDetailRenderer","currentRenderer","refreshColumns"],"mappings":"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"}
+{"version":3,"file":"master-detail.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/master-detail/master-detail.ts","../../../../../libs/grid/src/lib/plugins/master-detail/MasterDetailPlugin.ts"],"sourcesContent":["/**\n * Master/Detail Core Logic\n *\n * Pure functions for managing detail row expansion state.\n */\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n// Uses `any` for maximum flexibility with user-defined row types.\n\n/**\n * Toggle the expansion state of a detail row.\n * Returns a new Set with the updated state.\n */\nexport function toggleDetailRow(expandedRows: Set<object>, row: object): Set<object> {\n  const newExpanded = new Set(expandedRows);\n  if (newExpanded.has(row)) {\n    newExpanded.delete(row);\n  } else {\n    newExpanded.add(row);\n  }\n  return newExpanded;\n}\n\n/**\n * Expand a detail row.\n * Returns a new Set with the row added.\n */\nexport function expandDetailRow(expandedRows: Set<object>, row: object): Set<object> {\n  const newExpanded = new Set(expandedRows);\n  newExpanded.add(row);\n  return newExpanded;\n}\n\n/**\n * Collapse a detail row.\n * Returns a new Set with the row removed.\n */\nexport function collapseDetailRow(expandedRows: Set<object>, row: object): Set<object> {\n  const newExpanded = new Set(expandedRows);\n  newExpanded.delete(row);\n  return newExpanded;\n}\n\n/**\n * Check if a detail row is expanded.\n */\nexport function isDetailExpanded(expandedRows: Set<object>, row: object): boolean {\n  return expandedRows.has(row);\n}\n\n/**\n * Create a detail element for a given row.\n * The element spans all columns and contains the rendered content.\n */\nexport function createDetailElement(\n  row: any,\n  rowIndex: number,\n  renderer: (row: any, rowIndex: number) => HTMLElement | string,\n  columnCount: number\n): HTMLElement {\n  const detailRow = document.createElement('div');\n  detailRow.className = 'master-detail-row';\n  detailRow.setAttribute('data-detail-for', String(rowIndex));\n  detailRow.setAttribute('role', 'row');\n\n  const detailCell = document.createElement('div');\n  detailCell.className = 'master-detail-cell';\n  detailCell.setAttribute('role', 'cell');\n  detailCell.style.gridColumn = `1 / ${columnCount + 1}`;\n\n  const content = renderer(row, rowIndex);\n  if (typeof content === 'string') {\n    detailCell.innerHTML = content;\n  } else if (content instanceof HTMLElement) {\n    detailCell.appendChild(content);\n  }\n\n  detailRow.appendChild(detailCell);\n  return detailRow;\n}\n","/**\n * Master/Detail Plugin (Class-based)\n *\n * Enables expandable detail rows showing additional content for each row.\n * Animation style is plugin-configured; respects grid-level animation.mode.\n */\n\nimport { evalTemplateString, sanitizeHTML } from '../../core/internal/sanitize';\nimport { BaseGridPlugin, CellClickEvent, GridElement, RowClickEvent } from '../../core/plugin/base-plugin';\nimport { createExpanderColumnConfig, findExpanderColumn, isExpanderColumn } from '../../core/plugin/expander-column';\nimport type { ColumnConfig, GridHost } from '../../core/types';\nimport {\n  collapseDetailRow,\n  createDetailElement,\n  expandDetailRow,\n  isDetailExpanded,\n  toggleDetailRow,\n} from './master-detail';\nimport styles from './master-detail.css?inline';\nimport type { DetailExpandDetail, ExpandCollapseAnimation, MasterDetailConfig } from './types';\n\n/**\n * Master-Detail Plugin for tbw-grid\n *\n * Creates expandable detail rows that reveal additional content beneath each master row.\n * Perfect for order/line-item UIs, employee/department views, or any scenario where\n * you need to show related data without navigating away.\n *\n * ## Installation\n *\n * ```ts\n * import { MasterDetailPlugin } from '@toolbox-web/grid/plugins/master-detail';\n * ```\n *\n * ## Configuration Options\n *\n * | Option | Type | Default | Description |\n * |--------|------|---------|-------------|\n * | `detailRenderer` | `(row) => HTMLElement \\| string` | required | Render function for detail content |\n * | `expandOnRowClick` | `boolean` | `false` | Expand when clicking the row |\n * | `detailHeight` | `number \\| 'auto'` | `'auto'` | Fixed height or auto-size |\n * | `collapseOnClickOutside` | `boolean` | `false` | Collapse when clicking outside |\n * | `showExpandColumn` | `boolean` | `true` | Show expand/collapse column |\n * | `animation` | `false \\| 'slide' \\| 'fade'` | `'slide'` | Animation style |\n *\n * ## Programmatic API\n *\n * | Method | Signature | Description |\n * |--------|-----------|-------------|\n * | `expandRow` | `(rowIndex) => void` | Expand a specific row |\n * | `collapseRow` | `(rowIndex) => void` | Collapse a specific row |\n * | `toggleRow` | `(rowIndex) => void` | Toggle row expansion |\n * | `expandAll` | `() => void` | Expand all rows |\n * | `collapseAll` | `() => void` | Collapse all rows |\n * | `isRowExpanded` | `(rowIndex) => boolean` | Check if row is expanded |\n *\n * ## CSS Custom Properties\n *\n * | Property | Default | Description |\n * |----------|---------|-------------|\n * | `--tbw-master-detail-bg` | `var(--tbw-color-row-alt)` | Detail row background |\n * | `--tbw-master-detail-border` | `var(--tbw-color-border)` | Detail row border |\n * | `--tbw-detail-padding` | `1em` | Detail content padding |\n * | `--tbw-animation-duration` | `200ms` | Expand/collapse animation |\n *\n * @example Basic Master-Detail with HTML Template\n * ```ts\n * import '@toolbox-web/grid';\n * import { MasterDetailPlugin } from '@toolbox-web/grid/plugins/master-detail';\n *\n * grid.gridConfig = {\n *   columns: [\n *     { field: 'orderId', header: 'Order ID' },\n *     { field: 'customer', header: 'Customer' },\n *     { field: 'total', header: 'Total', type: 'currency' },\n *   ],\n *   plugins: [\n *     new MasterDetailPlugin({\n *       detailRenderer: (row) => `\n *         <div class=\"order-details\">\n *           <h4>Order Items</h4>\n *           <ul>${row.items.map(i => `<li>${i.name} - $${i.price}</li>`).join('')}</ul>\n *         </div>\n *       `,\n *     }),\n *   ],\n * };\n * ```\n *\n * @example Nested Grid in Detail\n * ```ts\n * new MasterDetailPlugin({\n *   detailRenderer: (row) => {\n *     const childGrid = document.createElement('tbw-grid');\n *     childGrid.style.height = '200px';\n *     childGrid.gridConfig = { columns: [...] };\n *     childGrid.rows = row.items || [];\n *     return childGrid;\n *   },\n * })\n * ```\n *\n * @see {@link MasterDetailConfig} for all configuration options\n * @see {@link DetailExpandDetail} for expand/collapse event details\n *\n * @internal Extends BaseGridPlugin\n */\nexport class MasterDetailPlugin extends BaseGridPlugin<MasterDetailConfig> {\n  /** @internal */\n  readonly name = 'masterDetail';\n  /** @internal */\n  override readonly styles = styles;\n\n  /** Typed internal grid accessor. */\n  get #internalGrid(): GridHost {\n    return this.grid as unknown as GridHost;\n  }\n\n  /** @internal */\n  protected override get defaultConfig(): Partial<MasterDetailConfig> {\n    return {\n      detailHeight: 'auto',\n      expandOnRowClick: false,\n      collapseOnClickOutside: false,\n      // Note: showExpandColumn is intentionally NOT defaulted here.\n      // If undefined, processColumns() adds expander only when detailRenderer is provided.\n      // Set to true for framework adapters that register renderers asynchronously.\n      animation: 'slide', // Plugin's own default\n    };\n  }\n\n  // #region Light DOM Parsing\n\n  /**\n   * Called when plugin is attached to the grid.\n   * Parses light DOM for `<tbw-grid-detail>` elements to configure detail templates.\n   * @internal\n   */\n  override attach(grid: GridElement): void {\n    super.attach(grid);\n    this.parseLightDomDetail();\n  }\n\n  /**\n   * Parse `<tbw-grid-detail>` elements from the grid's light DOM.\n   *\n   * Allows declarative configuration:\n   * ```html\n   * <tbw-grid [rows]=\"data\">\n   *   <tbw-grid-detail>\n   *     <div class=\"detail-content\">\n   *       <p>Name: {{ row.name }}</p>\n   *       <p>Email: {{ row.email }}</p>\n   *     </div>\n   *   </tbw-grid-detail>\n   * </tbw-grid>\n   * ```\n   *\n   * Attributes:\n   * - `animation`: 'slide' | 'fade' | 'false' (default: 'slide')\n   * - `show-expand-column`: 'true' | 'false' (default: 'true')\n   * - `expand-on-row-click`: 'true' | 'false' (default: 'false')\n   * - `collapse-on-click-outside`: 'true' | 'false' (default: 'false')\n   * - `height`: number (pixels) or 'auto' (default: 'auto')\n   */\n  private parseLightDomDetail(): void {\n    const gridEl = this.gridElement;\n    if (!gridEl) return;\n\n    const detailEl = gridEl.querySelector('tbw-grid-detail');\n    if (!detailEl) return;\n\n    // Check if a framework adapter wants to handle this element\n    // (e.g., Angular adapter intercepts for ng-template rendering)\n    const adapter = this.#internalGrid.__frameworkAdapter;\n    if (adapter?.parseDetailElement) {\n      const adapterRenderer = adapter.parseDetailElement(detailEl);\n      if (adapterRenderer) {\n        this.config = { ...this.config, detailRenderer: adapterRenderer };\n        return;\n      }\n    }\n\n    // Parse attributes for configuration\n    const animation = detailEl.getAttribute('animation');\n    const showExpandColumn = detailEl.getAttribute('show-expand-column');\n    const expandOnRowClick = detailEl.getAttribute('expand-on-row-click');\n    const collapseOnClickOutside = detailEl.getAttribute('collapse-on-click-outside');\n    const heightAttr = detailEl.getAttribute('height');\n\n    const configUpdates: Partial<MasterDetailConfig> = {};\n\n    if (animation !== null) {\n      configUpdates.animation = animation === 'false' ? false : (animation as 'slide' | 'fade');\n    }\n    if (showExpandColumn !== null) {\n      configUpdates.showExpandColumn = showExpandColumn !== 'false';\n    }\n    if (expandOnRowClick !== null) {\n      configUpdates.expandOnRowClick = expandOnRowClick === 'true';\n    }\n    if (collapseOnClickOutside !== null) {\n      configUpdates.collapseOnClickOutside = collapseOnClickOutside === 'true';\n    }\n    if (heightAttr !== null) {\n      configUpdates.detailHeight = heightAttr === 'auto' ? 'auto' : parseInt(heightAttr, 10);\n    }\n\n    // Get template content from innerHTML\n    const templateHTML = detailEl.innerHTML.trim();\n    if (templateHTML && !this.config.detailRenderer) {\n      // Create a template-based renderer using the inner HTML\n      configUpdates.detailRenderer = (row: any, _rowIndex: number): string => {\n        // Evaluate template expressions like {{ row.field }}\n        const evaluated = evalTemplateString(templateHTML, { value: row, row });\n        // Sanitize the result to prevent XSS\n        return sanitizeHTML(evaluated);\n      };\n    }\n\n    // Merge updates into config\n    if (Object.keys(configUpdates).length > 0) {\n      this.config = { ...this.config, ...configUpdates };\n    }\n  }\n\n  // #endregion\n\n  // #region Animation Helpers\n\n  /**\n   * Get expand/collapse animation style from plugin config.\n   * Uses base class isAnimationEnabled to respect grid-level settings.\n   */\n  private get animationStyle(): ExpandCollapseAnimation {\n    if (!this.isAnimationEnabled) return false;\n    return this.config.animation ?? 'slide';\n  }\n\n  /**\n   * Apply expand animation to a detail element.\n   * Returns true if animation was applied, false if skipped.\n   * When animated, height measurement is deferred to animationend to avoid\n   * measuring during the max-height: 0 CSS animation constraint.\n   */\n  private animateExpand(detailEl: HTMLElement, row?: any, rowIndex?: number): boolean {\n    if (!this.isAnimationEnabled || this.animationStyle === false) return false;\n\n    detailEl.classList.add('tbw-expanding');\n\n    let measured = false;\n    const measureOnce = () => {\n      if (measured) return;\n      measured = true;\n      detailEl.classList.remove('tbw-expanding');\n\n      // Measure height AFTER animation completes - the element now has its\n      // natural height without the max-height constraint from the animation.\n      if (row !== undefined && rowIndex !== undefined) {\n        this.#measureAndCacheDetailHeight(detailEl, row, rowIndex);\n      }\n    };\n\n    detailEl.addEventListener('animationend', measureOnce, { once: true });\n    // Fallback timeout in case animationend doesn't fire (e.g., element detached,\n    // animation removed, or framework rendering delays). Matches animateCollapse pattern.\n    setTimeout(measureOnce, this.animationDuration + 50);\n    return true;\n  }\n\n  /**\n   * Apply collapse animation to a detail element and remove after animation.\n   */\n  private animateCollapse(detailEl: HTMLElement, onComplete: () => void): void {\n    if (!this.isAnimationEnabled || this.animationStyle === false) {\n      onComplete();\n      return;\n    }\n\n    detailEl.classList.add('tbw-collapsing');\n    const cleanup = () => {\n      detailEl.classList.remove('tbw-collapsing');\n      onComplete();\n    };\n    detailEl.addEventListener('animationend', cleanup, { once: true });\n    // Fallback timeout in case animation doesn't fire\n    setTimeout(cleanup, this.animationDuration + 50);\n  }\n\n  /**\n   * Measure a detail element's height and update the position cache if it changed.\n   * Used after layout settles (RAF) or after animation completes (animationend).\n   */\n  #measureAndCacheDetailHeight(detailEl: HTMLElement, row: any, rowIndex: number): void {\n    if (!detailEl.isConnected) return;\n\n    const height = detailEl.offsetHeight;\n    if (height > 0) {\n      const previousHeight = this.measuredDetailHeights.get(row);\n      this.measuredDetailHeights.set(row, height);\n\n      // Only invalidate if height actually changed\n      // This triggers an incremental position cache update, not a full rebuild\n      if (previousHeight !== height) {\n        this.grid.invalidateRowHeight(rowIndex);\n      }\n    }\n  }\n\n  // #endregion\n\n  // #region Internal State\n  private expandedRows: Set<any> = new Set();\n  private detailElements: Map<any, HTMLElement> = new Map();\n  /** Cached measured heights - persists even when elements are virtualized out */\n  private measuredDetailHeights: Map<any, number> = new Map();\n  /** Rows that were just expanded by user action and should animate.\n   * Prevents re-animation when rows scroll back into the virtual window. */\n  private rowsToAnimate: Set<any> = new Set();\n\n  /** Default height for detail rows when not configured */\n  private static readonly DEFAULT_DETAIL_HEIGHT = 150;\n\n  /**\n   * Get the estimated height for a detail row.\n   * Uses cached measured height when available (survives virtualization).\n   * Avoids reading offsetHeight during CSS animations to prevent poisoning the cache.\n   */\n  private getDetailHeight(row: any): number {\n    // Try DOM element first - works for tests and when element is connected\n    const detailEl = this.detailElements.get(row);\n    if (detailEl) {\n      // Skip DOM measurement if currently animating (max-height constraint gives wrong value)\n      const isAnimating = detailEl.classList.contains('tbw-expanding') || detailEl.classList.contains('tbw-collapsing');\n      if (!isAnimating) {\n        const height = detailEl.offsetHeight;\n        if (height > 0) {\n          // Cache the measurement for when this row is virtualized out\n          this.measuredDetailHeights.set(row, height);\n          return height;\n        }\n      }\n    }\n\n    // DOM element missing, detached, or animating - check cached measurement\n    const cachedHeight = this.measuredDetailHeights.get(row);\n    if (cachedHeight && cachedHeight > 0) {\n      return cachedHeight;\n    }\n\n    // Fallback to config or default\n    return typeof this.config?.detailHeight === 'number'\n      ? this.config.detailHeight\n      : MasterDetailPlugin.DEFAULT_DETAIL_HEIGHT;\n  }\n\n  /**\n   * Toggle a row's detail and emit event.\n   */\n  private toggleAndEmit(row: any, rowIndex: number): void {\n    this.expandedRows = toggleDetailRow(this.expandedRows, row as object);\n    const expanded = this.expandedRows.has(row as object);\n    if (expanded) {\n      this.rowsToAnimate.add(row);\n    }\n    this.emit<DetailExpandDetail>('detail-expand', {\n      rowIndex,\n      row: row as Record<string, unknown>,\n      expanded,\n    });\n    this.requestRender();\n  }\n  // #endregion\n\n  // #region Lifecycle\n\n  /** @internal */\n  override detach(): void {\n    this.expandedRows.clear();\n    this.detailElements.clear();\n    this.measuredDetailHeights.clear();\n    this.rowsToAnimate.clear();\n  }\n  // #endregion\n\n  // #region Hooks\n\n  /** @internal */\n  override processColumns(columns: readonly ColumnConfig[]): ColumnConfig[] {\n    // Determine whether to add the expander column:\n    // 1. If showExpandColumn === false: never add (explicit opt-out)\n    // 2. If showExpandColumn === true: always add (explicit opt-in, for framework adapters)\n    // 3. If showExpandColumn is undefined: add only if detailRenderer is provided\n    //\n    // This supports React/Angular adapters which register renderers asynchronously via light DOM.\n    // They must set showExpandColumn: true to get the column immediately, avoiding layout shift.\n    const shouldAddExpander =\n      this.config.showExpandColumn === true || (this.config.showExpandColumn !== false && !!this.config.detailRenderer);\n\n    if (!shouldAddExpander) {\n      return [...columns];\n    }\n\n    const cols = [...columns];\n\n    // Check if expander column already exists (from this or another plugin)\n    const existingExpander = findExpanderColumn(cols);\n    if (existingExpander) {\n      // Another plugin already added an expander column - don't add duplicate\n      // Our expand logic will be handled via onCellClick on the expander column\n      return cols;\n    }\n\n    // Create dedicated expander column that stays fixed at position 0\n    const expanderCol = createExpanderColumnConfig(this.name);\n    expanderCol.viewRenderer = (renderCtx) => {\n      const { row } = renderCtx;\n      const isExpanded = this.expandedRows.has(row as object);\n\n      const container = document.createElement('span');\n      container.className = 'master-detail-expander expander-cell';\n\n      // Expand/collapse toggle icon\n      const toggle = document.createElement('span');\n      toggle.className = `master-detail-toggle${isExpanded ? ' expanded' : ''}`;\n      // Use grid-level icons (fall back to defaults)\n      this.setIcon(toggle, this.resolveIcon(isExpanded ? 'collapse' : 'expand'));\n      // role=\"button\" is required for aria-expanded to be valid\n      toggle.setAttribute('role', 'button');\n      toggle.setAttribute('tabindex', '0');\n      toggle.setAttribute('aria-expanded', String(isExpanded));\n      toggle.setAttribute('aria-label', isExpanded ? 'Collapse details' : 'Expand details');\n      container.appendChild(toggle);\n\n      return container;\n    };\n\n    // Prepend expander column to ensure it's always first\n    return [expanderCol, ...cols];\n  }\n\n  /** @internal */\n  override onRowClick(event: RowClickEvent): boolean | void {\n    if (!this.config.expandOnRowClick || !this.config.detailRenderer) return;\n    this.toggleAndEmit(event.row, event.rowIndex);\n    return false;\n  }\n\n  /** @internal */\n  override onCellClick(event: CellClickEvent): boolean | void {\n    // Handle click on master-detail toggle icon (same pattern as TreePlugin)\n    const target = event.originalEvent?.target as HTMLElement;\n    if (target?.classList.contains('master-detail-toggle')) {\n      this.toggleAndEmit(event.row, event.rowIndex);\n      return true; // Prevent default handling\n    }\n\n    // Sync detail rows after cell click triggers refreshVirtualWindow\n    // This runs in microtask to ensure DOM updates are complete\n    if (this.expandedRows.size > 0) {\n      queueMicrotask(() => this.#syncDetailRows());\n    }\n    return; // Don't prevent default\n  }\n\n  /** @internal */\n  override onKeyDown(event: KeyboardEvent): boolean | void {\n    // SPACE toggles expansion when focus is on the expander column\n    if (event.key !== ' ') return;\n\n    const focusCol = this.grid._focusCol;\n    const focusRow = this.grid._focusRow;\n    // _focusCol is a visible-column index (set from data-col), so use visibleColumns\n    const column = this.visibleColumns[focusCol];\n\n    // Only handle SPACE on expander column\n    if (!column || !isExpanderColumn(column)) return;\n\n    const row = this.rows[focusRow];\n    if (!row) return;\n\n    event.preventDefault();\n    this.toggleAndEmit(row, focusRow);\n\n    // Restore focus styling after render completes via render pipeline\n    this.requestRenderWithFocus();\n    return true;\n  }\n\n  /** @internal */\n  override afterRender(): void {\n    this.#syncDetailRows();\n  }\n\n  /**\n   * Called on scroll to sync detail elements with visible rows.\n   * Removes details for rows that scrolled out of view and reattaches for visible rows.\n   * @internal\n   */\n  override onScrollRender(): void {\n    if (!this.config.detailRenderer || this.expandedRows.size === 0) return;\n    // Full sync needed on scroll to clean up orphaned details\n    this.#syncDetailRows();\n  }\n\n  /**\n   * Full sync of detail rows - cleans up stale elements and creates new ones.\n   * Detail rows are inserted as siblings AFTER their master row to survive row rebuilds.\n   *\n   * PERF: Uses the grid's row pool (_rowPool) and virtual window (_virtualization.start/end)\n   * to avoid querySelectorAll on every scroll frame. The pool is index-aligned with the\n   * virtual window, so pool[i] corresponds to row index (start + i).\n   */\n  #syncDetailRows(): void {\n    if (!this.config.detailRenderer) return;\n\n    const body = this.gridElement?.querySelector('.rows');\n    if (!body) return;\n\n    // Use grid's virtualization state and row pool for O(1) lookups instead of querySelectorAll.\n    // The row pool is an array of DOM elements aligned to the virtual window:\n    // _rowPool[i] renders row data at index (_virtualization.start + i).\n    const gridInternal = this.grid as any;\n    const rowPool: HTMLElement[] | undefined = gridInternal._rowPool;\n    const vStart: number = gridInternal._virtualization?.start ?? 0;\n    const vEnd: number = gridInternal._virtualization?.end ?? 0;\n    const columnCount = this.columns.length;\n\n    // Build visible row index set from the virtual window range\n    const visibleStart = vStart;\n    const visibleEnd = vEnd;\n\n    // Build a map of row index -> row element using the pool (O(n) where n = visible rows)\n    const visibleRowMap = new Map<number, Element>();\n    if (rowPool) {\n      const poolLen = Math.min(rowPool.length, visibleEnd - visibleStart);\n      for (let i = 0; i < poolLen; i++) {\n        const rowEl = rowPool[i];\n        if (rowEl.parentNode === body) {\n          visibleRowMap.set(visibleStart + i, rowEl);\n        }\n      }\n    } else {\n      // Fallback: use querySelectorAll if pool is not accessible\n      const dataRows = body.querySelectorAll('.data-grid-row');\n      for (const rowEl of dataRows) {\n        const firstCell = rowEl.querySelector('.cell[data-row]');\n        const rowIndex = firstCell ? parseInt(firstCell.getAttribute('data-row') ?? '-1', 10) : -1;\n        if (rowIndex >= 0) {\n          visibleRowMap.set(rowIndex, rowEl);\n        }\n      }\n    }\n\n    // Remove detail rows whose parent row is no longer visible or no longer expanded.\n    // Iterate the detailElements map (which we own) instead of querySelectorAll.\n    for (const [row, detailEl] of this.detailElements) {\n      const rowIndex = this.rows.indexOf(row);\n      const isStillExpanded = this.expandedRows.has(row);\n      const isRowVisible = rowIndex >= 0 && visibleRowMap.has(rowIndex);\n\n      if (!isStillExpanded || !isRowVisible) {\n        // Clean up framework adapter resources (React root, Vue app, Angular view)\n        // before removing to prevent memory leaks.\n        const adapter = this.#internalGrid.__frameworkAdapter;\n        if (adapter?.unmount) {\n          const detailCell = detailEl.querySelector('.master-detail-cell');\n          const container = detailCell?.firstElementChild as HTMLElement | null;\n          if (container) adapter.unmount(container);\n        }\n        if (detailEl.parentNode) detailEl.remove();\n        this.detailElements.delete(row);\n      }\n    }\n\n    // Insert detail rows for expanded rows that are visible\n    for (const [rowIndex, rowEl] of visibleRowMap) {\n      const row = this.rows[rowIndex];\n      if (!row || !this.expandedRows.has(row)) continue;\n\n      // Check if detail already exists for this row\n      const existingDetail = this.detailElements.get(row);\n      if (existingDetail) {\n        // Ensure it's positioned correctly (as next sibling of row element)\n        if (existingDetail.previousElementSibling !== rowEl) {\n          rowEl.after(existingDetail);\n        }\n        continue;\n      }\n\n      // Create new detail element\n      const detailEl = createDetailElement(row, rowIndex, this.config.detailRenderer, columnCount);\n\n      if (typeof this.config.detailHeight === 'number') {\n        detailEl.style.height = `${this.config.detailHeight}px`;\n      }\n\n      // Insert as sibling after the row element (not as child)\n      rowEl.after(detailEl);\n      this.detailElements.set(row, detailEl);\n\n      // Only animate if this row was just expanded by a user action (click, keyboard, API).\n      // Rows re-appearing from scroll (virtualization) should not re-animate.\n      const shouldAnimate = this.rowsToAnimate.has(row);\n      if (shouldAnimate) {\n        this.rowsToAnimate.delete(row);\n      }\n\n      const willAnimate = shouldAnimate && this.animateExpand(detailEl, row, rowIndex);\n\n      if (!willAnimate) {\n        // No animation - measure height after layout settles via RAF\n        requestAnimationFrame(() => {\n          this.#measureAndCacheDetailHeight(detailEl, row, rowIndex);\n        });\n      }\n      // When animating, measurement is deferred to animationend callback\n      // (inside animateExpand) to avoid measuring during max-height: 0 constraint\n    }\n  }\n\n  /**\n   * Return total extra height from all expanded detail rows.\n   * Used by grid virtualization to adjust scrollbar height.\n   *\n   * @deprecated Use getRowHeight() instead. This hook will be removed in v2.0.\n   */\n  override getExtraHeight(): number {\n    let totalHeight = 0;\n    for (const row of this.expandedRows) {\n      totalHeight += this.getDetailHeight(row);\n    }\n    return totalHeight;\n  }\n\n  /**\n   * Return extra height that appears before a given row index.\n   * This is the sum of heights of all expanded details whose parent row is before the given index.\n   *\n   * @deprecated Use getRowHeight() instead. This hook will be removed in v2.0.\n   */\n  override getExtraHeightBefore(beforeRowIndex: number): number {\n    let totalHeight = 0;\n    for (const row of this.expandedRows) {\n      const rowIndex = this.rows.indexOf(row);\n      // Include detail if it's for a row before the given index\n      if (rowIndex >= 0 && rowIndex < beforeRowIndex) {\n        totalHeight += this.getDetailHeight(row);\n      }\n    }\n    return totalHeight;\n  }\n\n  /**\n   * Get the height of a specific row, including any expanded detail content.\n   * Always returns a height to ensure the position cache uses plugin-controlled values\n   * rather than stale DOM measurements.\n   *\n   * @param row - The row data\n   * @param _index - The row index (unused, but part of the interface)\n   * @returns The row height in pixels (base height for collapsed, base + detail for expanded)\n   */\n  override getRowHeight(row: unknown, _index: number): number | undefined {\n    const isExpanded = this.expandedRows.has(row as object);\n\n    if (!isExpanded) {\n      // Collapsed row - return undefined to let the grid use its measured/estimated height.\n      // This ensures the position cache uses the correct row height from CSS/config.\n      return undefined;\n    }\n\n    // Row is expanded - return base height plus detail height\n    // Use grid's defaultRowHeight which reflects the actual measured/configured height\n    const baseHeight = this.grid.defaultRowHeight ?? 28;\n    const detailHeight = this.getDetailHeight(row);\n\n    return baseHeight + detailHeight;\n  }\n\n  /**\n   * Adjust the virtualization start index to keep expanded row visible while its detail is visible.\n   * This ensures the detail scrolls smoothly out of view instead of disappearing abruptly.\n   */\n  override adjustVirtualStart(start: number, scrollTop: number, rowHeight: number): number {\n    if (this.expandedRows.size === 0) return start;\n\n    // Use position cache for accurate row positions when available (variable heights mode)\n    const positionCache = (this.grid as any)?._virtualization?.positionCache as\n      | Array<{ offset: number; height: number }>\n      | undefined;\n\n    let minStart = start;\n\n    if (positionCache && positionCache.length > 0) {\n      // Variable heights: use position cache for accurate offset\n      for (const row of this.expandedRows) {\n        const rowIndex = this.rows.indexOf(row);\n        if (rowIndex < 0 || rowIndex >= start) continue;\n\n        // Position cache already includes cumulative heights from all expanded details\n        const detailBottom = positionCache[rowIndex].offset + positionCache[rowIndex].height;\n\n        if (detailBottom > scrollTop && rowIndex < minStart) {\n          minStart = rowIndex;\n        }\n      }\n    } else {\n      // Fixed heights fallback: accumulate detail heights manually\n      // Build sorted list of expanded row indices for cumulative height calculation\n      const expandedIndices: Array<{ index: number; row: any }> = [];\n      for (const row of this.expandedRows) {\n        const index = this.rows.indexOf(row);\n        if (index >= 0) {\n          expandedIndices.push({ index, row });\n        }\n      }\n      expandedIndices.sort((a, b) => a.index - b.index);\n\n      let cumulativeExtraHeight = 0;\n\n      for (const { index: rowIndex, row } of expandedIndices) {\n        const actualRowTop = rowIndex * rowHeight + cumulativeExtraHeight;\n        const detailHeight = this.getDetailHeight(row);\n        const actualDetailBottom = actualRowTop + rowHeight + detailHeight;\n\n        cumulativeExtraHeight += detailHeight;\n\n        if (rowIndex >= start) continue;\n\n        if (actualDetailBottom > scrollTop && rowIndex < minStart) {\n          minStart = rowIndex;\n        }\n      }\n    }\n\n    return minStart;\n  }\n  // #endregion\n\n  // #region Public API\n\n  /**\n   * Expand the detail row at the given index.\n   * @param rowIndex - Index of the row to expand\n   */\n  expand(rowIndex: number): void {\n    const row = this.rows[rowIndex];\n    if (row) {\n      this.rowsToAnimate.add(row);\n      this.expandedRows = expandDetailRow(this.expandedRows, row);\n      this.requestRender();\n    }\n  }\n\n  /**\n   * Collapse the detail row at the given index.\n   * @param rowIndex - Index of the row to collapse\n   */\n  collapse(rowIndex: number): void {\n    const row = this.rows[rowIndex];\n    if (row) {\n      this.expandedRows = collapseDetailRow(this.expandedRows, row);\n      this.requestRender();\n    }\n  }\n\n  /**\n   * Toggle the detail row at the given index.\n   * @param rowIndex - Index of the row to toggle\n   */\n  toggle(rowIndex: number): void {\n    const row = this.rows[rowIndex];\n    if (row) {\n      this.expandedRows = toggleDetailRow(this.expandedRows, row);\n      if (this.expandedRows.has(row)) {\n        this.rowsToAnimate.add(row);\n      }\n      this.requestRender();\n    }\n  }\n\n  /**\n   * Check if the detail row at the given index is expanded.\n   * @param rowIndex - Index of the row to check\n   * @returns Whether the detail row is expanded\n   */\n  isExpanded(rowIndex: number): boolean {\n    const row = this.rows[rowIndex];\n    return row ? isDetailExpanded(this.expandedRows, row) : false;\n  }\n\n  /**\n   * Expand all detail rows.\n   */\n  expandAll(): void {\n    for (const row of this.rows) {\n      this.rowsToAnimate.add(row);\n      this.expandedRows.add(row);\n    }\n    this.requestRender();\n  }\n\n  /**\n   * Collapse all detail rows.\n   */\n  collapseAll(): void {\n    this.expandedRows.clear();\n    this.requestRender();\n  }\n\n  /**\n   * Get the indices of all expanded rows.\n   * @returns Array of row indices that are expanded\n   */\n  getExpandedRows(): number[] {\n    const indices: number[] = [];\n    for (const row of this.expandedRows) {\n      const idx = this.rows.indexOf(row);\n      if (idx >= 0) indices.push(idx);\n    }\n    return indices;\n  }\n\n  /**\n   * Get the detail element for a specific row.\n   * @param rowIndex - Index of the row\n   * @returns The detail HTMLElement or undefined\n   */\n  getDetailElement(rowIndex: number): HTMLElement | undefined {\n    const row = this.rows[rowIndex];\n    return row ? this.detailElements.get(row) : undefined;\n  }\n\n  /**\n   * Re-parse light DOM to refresh the detail renderer.\n   * Call this after framework templates are registered (e.g., Angular ngAfterContentInit).\n   *\n   * This allows frameworks to register templates asynchronously and then\n   * update the plugin's detailRenderer.\n   */\n  refreshDetailRenderer(): void {\n    // Force re-parse by temporarily clearing the renderer\n    const currentRenderer = this.config.detailRenderer;\n    this.config = { ...this.config, detailRenderer: undefined };\n    this.parseLightDomDetail();\n\n    // If no new renderer was found, restore the original\n    if (!this.config.detailRenderer && currentRenderer) {\n      this.config = { ...this.config, detailRenderer: currentRenderer };\n    }\n\n    // Request a COLUMNS phase re-render so processColumns runs again with the new detailRenderer\n    // This ensures the expand toggle is added to the first column.\n    // Must use refreshColumns() (COLUMNS phase) not requestRender() (ROWS phase)\n    // because processColumns only runs at COLUMNS phase or higher.\n    if (this.config.detailRenderer) {\n      const grid = this.#internalGrid;\n      if (typeof grid.refreshColumns === 'function') {\n        grid.refreshColumns();\n      } else {\n        // Fallback to requestRender if refreshColumns not available\n        this.requestRender();\n      }\n    }\n  }\n  // #endregion\n}\n"],"names":["toggleDetailRow","expandedRows","row","newExpanded","Set","has","delete","add","createDetailElement","rowIndex","renderer","columnCount","detailRow","document","createElement","className","setAttribute","String","detailCell","style","gridColumn","content","innerHTML","HTMLElement","appendChild","MasterDetailPlugin","BaseGridPlugin","name","styles","internalGrid","this","grid","defaultConfig","detailHeight","expandOnRowClick","collapseOnClickOutside","animation","attach","super","parseLightDomDetail","gridEl","gridElement","detailEl","querySelector","adapter","__frameworkAdapter","parseDetailElement","adapterRenderer","config","detailRenderer","getAttribute","showExpandColumn","heightAttr","configUpdates","parseInt","templateHTML","trim","_rowIndex","evaluated","evalTemplateString","value","sanitizeHTML","Object","keys","length","animationStyle","isAnimationEnabled","animateExpand","classList","measured","measureOnce","remove","measureAndCacheDetailHeight","addEventListener","once","setTimeout","animationDuration","animateCollapse","onComplete","cleanup","isConnected","height","offsetHeight","previousHeight","measuredDetailHeights","get","set","invalidateRowHeight","detailElements","Map","rowsToAnimate","static","getDetailHeight","contains","cachedHeight","DEFAULT_DETAIL_HEIGHT","toggleAndEmit","expanded","emit","requestRender","detach","clear","processColumns","columns","cols","findExpanderColumn","expanderCol","createExpanderColumnConfig","viewRenderer","renderCtx","isExpanded","container","toggle","setIcon","resolveIcon","onRowClick","event","onCellClick","target","originalEvent","size","queueMicrotask","syncDetailRows","onKeyDown","key","focusCol","_focusCol","focusRow","_focusRow","column","visibleColumns","isExpanderColumn","rows","preventDefault","requestRenderWithFocus","afterRender","onScrollRender","body","gridInternal","rowPool","_rowPool","vStart","_virtualization","start","vEnd","end","visibleStart","visibleEnd","visibleRowMap","poolLen","Math","min","i","rowEl","parentNode","dataRows","querySelectorAll","firstCell","indexOf","isStillExpanded","isRowVisible","unmount","firstElementChild","existingDetail","previousElementSibling","after","shouldAnimate","requestAnimationFrame","getExtraHeight","totalHeight","getExtraHeightBefore","beforeRowIndex","getRowHeight","_index","defaultRowHeight","adjustVirtualStart","scrollTop","rowHeight","positionCache","minStart","offset","expandedIndices","index","push","sort","a","b","cumulativeExtraHeight","actualRowTop","expand","expandDetailRow","collapse","collapseDetailRow","isDetailExpanded","expandAll","collapseAll","getExpandedRows","indices","idx","getDetailElement","refreshDetailRenderer","currentRenderer","refreshColumns"],"mappings":"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"}