@toolbox-web/grid 1.26.1 → 1.27.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (114) hide show
  1. package/all.js +2 -2
  2. package/all.js.map +1 -1
  3. package/index.js +1 -1
  4. package/index.js.map +1 -1
  5. package/lib/core/grid.d.ts +64 -1
  6. package/lib/core/internal/diagnostics.d.ts +4 -3
  7. package/lib/core/internal/row-manager.d.ts +3 -1
  8. package/lib/core/plugin/base-plugin.d.ts +2 -2
  9. package/lib/core/types.d.ts +59 -3
  10. package/lib/features/registry.js.map +1 -1
  11. package/lib/plugins/clipboard/ClipboardPlugin.d.ts +1 -1
  12. package/lib/plugins/clipboard/index.js.map +1 -1
  13. package/lib/plugins/column-virtualization/index.js.map +1 -1
  14. package/lib/plugins/context-menu/ContextMenuPlugin.d.ts +24 -5
  15. package/lib/plugins/context-menu/index.js.map +1 -1
  16. package/lib/plugins/editing/EditingPlugin.d.ts +1 -1
  17. package/lib/plugins/editing/index.js.map +1 -1
  18. package/lib/plugins/export/ExportPlugin.d.ts +1 -1
  19. package/lib/plugins/export/index.js.map +1 -1
  20. package/lib/plugins/filtering/index.d.ts +2 -2
  21. package/lib/plugins/filtering/index.js +1 -1
  22. package/lib/plugins/filtering/index.js.map +1 -1
  23. package/lib/plugins/grouping-columns/GroupingColumnsPlugin.d.ts +2 -2
  24. package/lib/plugins/grouping-columns/grouping-columns.d.ts +18 -3
  25. package/lib/plugins/grouping-columns/index.d.ts +0 -1
  26. package/lib/plugins/grouping-columns/index.js +1 -1
  27. package/lib/plugins/grouping-columns/index.js.map +1 -1
  28. package/lib/plugins/grouping-columns/types.d.ts +1 -7
  29. package/lib/plugins/grouping-rows/index.d.ts +2 -1
  30. package/lib/plugins/grouping-rows/index.js +1 -1
  31. package/lib/plugins/grouping-rows/index.js.map +1 -1
  32. package/lib/plugins/master-detail/MasterDetailPlugin.d.ts +2 -0
  33. package/lib/plugins/master-detail/index.js +1 -1
  34. package/lib/plugins/master-detail/index.js.map +1 -1
  35. package/lib/plugins/master-detail/types.d.ts +20 -1
  36. package/lib/plugins/multi-sort/index.js.map +1 -1
  37. package/lib/plugins/pinned-columns/PinnedColumnsPlugin.d.ts +8 -1
  38. package/lib/plugins/pinned-columns/index.js +1 -1
  39. package/lib/plugins/pinned-columns/index.js.map +1 -1
  40. package/lib/plugins/pinned-columns/pinned-columns.d.ts +11 -1
  41. package/lib/plugins/pinned-rows/index.d.ts +1 -1
  42. package/lib/plugins/pinned-rows/index.js +1 -1
  43. package/lib/plugins/pinned-rows/index.js.map +1 -1
  44. package/lib/plugins/pinned-rows/types.d.ts +10 -3
  45. package/lib/plugins/pivot/PivotPlugin.d.ts +107 -1
  46. package/lib/plugins/pivot/index.d.ts +2 -1
  47. package/lib/plugins/pivot/index.js +1 -1
  48. package/lib/plugins/pivot/index.js.map +1 -1
  49. package/lib/plugins/print/index.js.map +1 -1
  50. package/lib/plugins/print/types.d.ts +0 -3
  51. package/lib/plugins/reorder-columns/ReorderPlugin.d.ts +19 -2
  52. package/lib/plugins/reorder-columns/index.js +1 -1
  53. package/lib/plugins/reorder-columns/index.js.map +1 -1
  54. package/lib/plugins/reorder-rows/index.d.ts +1 -1
  55. package/lib/plugins/reorder-rows/index.js.map +1 -1
  56. package/lib/plugins/responsive/ResponsivePlugin.d.ts +1 -1
  57. package/lib/plugins/responsive/index.js +1 -1
  58. package/lib/plugins/responsive/index.js.map +1 -1
  59. package/lib/plugins/selection/SelectionPlugin.d.ts +1 -1
  60. package/lib/plugins/selection/index.js +1 -1
  61. package/lib/plugins/selection/index.js.map +1 -1
  62. package/lib/plugins/selection/types.d.ts +3 -3
  63. package/lib/plugins/server-side/ServerSidePlugin.d.ts +6 -1
  64. package/lib/plugins/server-side/index.js +1 -1
  65. package/lib/plugins/server-side/index.js.map +1 -1
  66. package/lib/plugins/tree/TreePlugin.d.ts +116 -0
  67. package/lib/plugins/tree/index.d.ts +1 -1
  68. package/lib/plugins/tree/index.js +1 -1
  69. package/lib/plugins/tree/index.js.map +1 -1
  70. package/lib/plugins/tree/types.d.ts +16 -1
  71. package/lib/plugins/undo-redo/UndoRedoPlugin.d.ts +1 -1
  72. package/lib/plugins/undo-redo/index.js.map +1 -1
  73. package/lib/plugins/undo-redo/types.d.ts +15 -3
  74. package/lib/plugins/visibility/VisibilityPlugin.d.ts +18 -5
  75. package/lib/plugins/visibility/index.js +1 -1
  76. package/lib/plugins/visibility/index.js.map +1 -1
  77. package/package.json +1 -1
  78. package/public.d.ts +2 -4
  79. package/themes/dg-theme-material.css +16 -4
  80. package/umd/grid.all.umd.js +1 -1
  81. package/umd/grid.all.umd.js.map +1 -1
  82. package/umd/grid.umd.js +1 -1
  83. package/umd/grid.umd.js.map +1 -1
  84. package/umd/plugins/clipboard.umd.js.map +1 -1
  85. package/umd/plugins/context-menu.umd.js.map +1 -1
  86. package/umd/plugins/editing.umd.js.map +1 -1
  87. package/umd/plugins/export.umd.js.map +1 -1
  88. package/umd/plugins/filtering.umd.js +1 -1
  89. package/umd/plugins/filtering.umd.js.map +1 -1
  90. package/umd/plugins/grouping-columns.umd.js +1 -1
  91. package/umd/plugins/grouping-columns.umd.js.map +1 -1
  92. package/umd/plugins/grouping-rows.umd.js +1 -1
  93. package/umd/plugins/grouping-rows.umd.js.map +1 -1
  94. package/umd/plugins/master-detail.umd.js +1 -1
  95. package/umd/plugins/master-detail.umd.js.map +1 -1
  96. package/umd/plugins/pinned-columns.umd.js +1 -1
  97. package/umd/plugins/pinned-columns.umd.js.map +1 -1
  98. package/umd/plugins/pinned-rows.umd.js +1 -1
  99. package/umd/plugins/pinned-rows.umd.js.map +1 -1
  100. package/umd/plugins/pivot.umd.js +1 -1
  101. package/umd/plugins/pivot.umd.js.map +1 -1
  102. package/umd/plugins/reorder-columns.umd.js +1 -1
  103. package/umd/plugins/reorder-columns.umd.js.map +1 -1
  104. package/umd/plugins/responsive.umd.js +1 -1
  105. package/umd/plugins/responsive.umd.js.map +1 -1
  106. package/umd/plugins/selection.umd.js +1 -1
  107. package/umd/plugins/selection.umd.js.map +1 -1
  108. package/umd/plugins/server-side.umd.js +1 -1
  109. package/umd/plugins/server-side.umd.js.map +1 -1
  110. package/umd/plugins/tree.umd.js +1 -1
  111. package/umd/plugins/tree.umd.js.map +1 -1
  112. package/umd/plugins/undo-redo.umd.js.map +1 -1
  113. package/umd/plugins/visibility.umd.js +1 -1
  114. package/umd/plugins/visibility.umd.js.map +1 -1
@@ -1,2 +1,2 @@
1
- !function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("../../core/internal/diagnostics"),require("../../core/plugin/base-plugin")):"function"==typeof define&&define.amd?define(["exports","../../core/internal/diagnostics","../../core/plugin/base-plugin"],r):r((e="undefined"!=typeof globalThis?globalThis:e||self).TbwGridPlugin_groupingColumns={},e.TbwGrid,e.TbwGrid)}(this,function(e,r,o){"use strict";function t(e){return e.toLowerCase().trim().replace(/[^a-z0-9]+/g,"-").replace(/^-|-$/g,"")}function i(e){return e.map(e=>e.id?e:(e.header||r.throwDiagnostic(r.COLUMN_GROUP_NO_ID,'ColumnGroupDefinition requires either an "id" or a "header" to generate an id from.'),{...e,id:t(e.header)}))}function n(e){if(!e.length)return[];const r=new Map,o=[],t=(e,r)=>{if(!r.length)return;const t=o[o.length-1];t&&t.implicit&&t.firstIndex+t.columns.length===e?t.columns.push(...r):o.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&&(t(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),o.push(u)),u.columns.push(e)}),i.length&&t(n,i),1===o.length&&o[0].implicit&&o[0].columns.length===e.length?[]:o}function s(e,r){const o=e.columns[0],t=e.columns[e.columns.length-1],i=o?r.findIndex(e=>e.field===o.field):-1,n=t?r.findIndex(e=>e.field===t.field):-1;return-1!==i&&-1!==n?[i,n]:null}function l(e,r){const o=new Set,t=[];for(const i of e){if(String(i.id).startsWith("__implicit__"))continue;const e=s(i,r);e&&t.push(e)}for(const i of e){if(!String(i.id).startsWith("__implicit__"))continue;const e=s(i,r);if(!e)continue;const[n,l]=e;t.some(([e,r])=>n>=e&&l<=r)&&o.add(String(i.id))}return o}class d extends o.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;#r=[];#o=new Map;attach(e){super.attach(e),this.gridElement.addEventListener("column-move",this.#t,{signal:this.disconnectSignal})}detach(){this.groups=[],this.isActive=!1,this.#e.clear(),this.#r=[],this.#o.clear()}#t=e=>{if(!this.isActive)return;const r=e,{field:o,columnOrder:t}=r.detail;if(this.config.lockGroupOrder)for(const i of this.groups)if(!i.id.startsWith("__implicit__")&&!this.#i(i,t))return r.preventDefault(),void this.#n(o);this.#s(t)};#s(e){this.#e.clear();const r=this.#l(e);for(const o of this.groups){const t=new Set(o.columns.map(e=>e.field));for(let o=e.length-1;o>=0;o--)if(t.has(e[o])){const t=e[o];t!==r&&this.#e.add(t);break}}}#l(e){if(0===this.groups.length)return null;for(let r=e.length-1;r>=0;r--){const o=e[r];for(const r of this.groups)if(r.columns.some(e=>e.field===o)){const o=new Set(r.columns.map(e=>e.field));for(let r=e.length-1;r>=0;r--)if(o.has(e[r]))return e[r]}}return null}#i(e,r){const o=e.columns.map(e=>r.indexOf(e.field)).filter(e=>-1!==e).sort((e,r)=>e-r);return o.length<=1||o.length===o[o.length-1]-o[0]+1}#n(e){const r=this.gridElement?.querySelector(`.header-row [part~="header-cell"][data-field="${e}"]`);r&&(r.style.setProperty("--_flash-color","var(--tbw-color-error)"),r.animate([{backgroundColor:"rgba(from var(--_flash-color) r g b / 30%)"},{backgroundColor:"transparent"}],{duration:400,easing:"ease-out"}))}handleQuery(e){if("getColumnGrouping"===e.type)return this.#d()}#d(){let e;if(this.#r.length>0)e=this.#r.filter(e=>e.children.length>0).map(e=>({id:e.id,label:e.header,fields:[...e.children]}));else if(this.isActive&&this.groups.length>0){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 o of r)if(o.hidden&&o.group){const r="string"==typeof o.group?o.group:o.group.id,t="string"==typeof o.group?o.group:o.group.label??o.group.id,i=e.find(e=>e.id===r);i?i.fields.includes(o.field)||i.fields.push(o.field):e.push({id:r,label:t,fields:[o.field]})}}else{const r=this.columns,o=new Map;for(const e of r){if(!e.group)continue;const r="string"==typeof e.group?e.group:e.group.id,t="string"==typeof e.group?e.group:e.group.label??e.group.id,i=o.get(r);i?i.fields.includes(e.field)||i.fields.push(e.field):o.set(r,{id:r,label:t,fields:[e.field]})}e=Array.from(o.values())}const r=this.grid?.getColumnOrder();if(r&&r.length>0){const o=new Map(r.map((e,r)=>[e,r]));for(const r of e)r.fields.sort((e,r)=>(o.get(e)??1/0)-(o.get(r)??1/0))}return e}static detect(e,r){const o=r?.features?.groupingColumns;if(o&&"object"==typeof o&&Array.isArray(o.columnGroups)&&o.columnGroups.length>0)return!0;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 o=this.config?.columnGroups,t=this.grid?.gridConfig?.columnGroups;let s,l;if(o&&Array.isArray(o)&&o.length>0?(t&&Array.isArray(t)&&t.length>0&&this.warn(r.COLUMN_GROUPS_CONFLICT,"columnGroups defined in both gridConfig and groupingColumns feature config. Using feature config (higher precedence)."),s=o):t&&Array.isArray(t)&&t.length>0&&(s=t),s&&s.length>0){const r=i(s);this.#r=r,this.#o.clear();for(const e of r)e.renderer&&this.#o.set(e.id,e.renderer);const o=new Map;for(const e of r)for(const r of e.children)o.set(r,{id:e.id,label:e.header});l=e.map(e=>{const r=o.get(e.field);return r&&!e.group?{...e,group:r}:e})}else this.#r=[],this.#o.clear(),l=[...e];const d=n(l);if(0===d.length)return this.isActive=!1,this.groups=[],l;if(this.#o.size>0)for(const r of d){const e=this.#o.get(r.id);e&&(r.renderer=e)}this.isActive=!0,this.groups=d,this.#e.clear();for(const r of d){const e=r.columns[r.columns.length-1];e?.field&&this.#e.add(e.field)}return l}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 o=this.visibleColumns,t=n(o);if(0===t.length)return;if(this.#o.size>0)for(const n of t){const e=this.#o.get(n.id);e&&(n.renderer=e)}this.#e.clear();const i=l(t,o);for(let n=0;n<t.length;n++){const e=t[n];if(String(e.id).startsWith("__implicit__")&&i.has(String(e.id)))continue;const r=e.columns[e.columns.length-1];r?.field&&n<t.length-1&&this.#e.add(r.field)}const d=function(e,r,o){if(0===e.length)return null;const t=document.createElement("div");t.className="header-group-row",t.setAttribute("role","row");const i=l(e,r);for(const n of e){const e=String(n.id),l=e.startsWith("__implicit__");if(l&&i.has(e))continue;const d=s(n,r);if(!d)continue;const[u,c]=d,g=c-u+1,a=l?"":n.label||n.id,p=document.createElement("div");p.className="cell header-group-cell",l&&p.classList.add("implicit-group"),p.setAttribute("data-group",e),p.style.gridColumn=`${u+1} / span ${g}`;const f=!l&&(n.renderer||o)||void 0;if(f&&!l){const r=f({id:e,label:String(a),columns:n.columns,firstIndex:u,isImplicit:!1});r instanceof HTMLElement?p.appendChild(r):"string"==typeof r?p.innerHTML=r:p.textContent=a}else p.textContent=a;t.appendChild(p)}return t}(t,o,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,o){if(!r.length||!e)return;const t=l(r,o),i=new Map;for(const s of r)if(!String(s.id).startsWith("__implicit__")||!t.has(String(s.id)))for(const e of s.columns)e.field&&i.set(e.field,s.id);const n=Array.from(e.querySelectorAll(".cell[data-field]"));n.forEach(e=>{const r=e.getAttribute("data-field")||"",o=i.get(r);o&&(e.classList.add("grouped"),e.getAttribute("data-group")||e.setAttribute("data-group",o))});for(const s of r){if(String(s.id).startsWith("__implicit__")&&t.has(String(s.id)))continue;const e=s.columns[s.columns.length-1],r=n.find(r=>r.getAttribute("data-field")===e.field);r&&r.classList.add("group-end")}}(u,t,o))}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=d,e.resolveColumnGroupDefs=i,e.slugifyHeader=t,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});
1
+ !function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("../../core/internal/diagnostics"),require("../../core/plugin/base-plugin")):"function"==typeof define&&define.amd?define(["exports","../../core/internal/diagnostics","../../core/plugin/base-plugin"],r):r((e="undefined"!=typeof globalThis?globalThis:e||self).TbwGridPlugin_groupingColumns={},e.TbwGrid,e.TbwGrid)}(this,function(e,r,t){"use strict";function o(e){if(!e.length)return[];const r=[],t=new Map,o=(e,t)=>{if(!t.length)return;const o=r[r.length-1];o&&o.implicit&&o.firstIndex+o.columns.length===e?o.columns.push(...t):r.push({id:"__implicit__"+e,label:void 0,columns:t,firstIndex:e,implicit:!0})};let i=[],n=0;return e.forEach((e,s)=>{const l=e.group;if(!l)return 0===i.length&&(n=s),void i.push(e);i.length&&(o(n,i.slice()),i=[]);const d="string"==typeof l?l:l.id,u="string"==typeof l?void 0:l.label;u&&!t.has(d)&&t.set(d,u);const c=t.get(d)??u,g=r[r.length-1];g&&!g.implicit&&g.id===d?g.columns.push(e):r.push({id:d,label:c,columns:[e],firstIndex:s})}),i.length&&o(n,i),1===r.length&&r[0].implicit&&r[0].columns.length===e.length?[]:r}function i(e,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 n(e){const r=new Set;for(let t=0;t<e.length;t++){if(!String(e[t].id).startsWith("__implicit__"))continue;if(!e[t].columns.every(e=>e.field?.startsWith("__tbw_")))continue;let o=null;for(let r=t-1;r>=0;r--)if(!String(e[r].id).startsWith("__implicit__")){o=e[r].id;break}let i=null;for(let r=t+1;r<e.length;r++)if(!String(e[r].id).startsWith("__implicit__")){i=e[r].id;break}o&&i&&o===i&&r.add(String(e[t].id))}return r}function s(e,r){const t=[];for(const o of e){if(String(o.id).startsWith("__implicit__")&&r.has(String(o.id)))continue;const e=t[t.length-1];e&&!String(o.id).startsWith("__implicit__")&&e.id===o.id?t[t.length-1]={...e,columns:[...e.columns,...o.columns]}:t.push({...o,columns:[...o.columns]})}return t}class l extends t.BaseGridPlugin{static manifest={ownedProperties:[{property:"group",level:"column",description:'the "group" column property'},{property:"columnGroups",level:"config",description:'the "columnGroups" config property',isUsed:e=>Array.isArray(e)&&e.length>0}],queries:[{type:"getColumnGrouping",description:"Returns column group metadata for the visibility panel"}]};name="groupingColumns";styles="@layer tbw-plugins{.header-group-row{display:grid;grid-auto-flow:column;background:var(--tbw-grouping-columns-header-bg, var(--tbw-color-header-bg));border-bottom:1px solid var(--tbw-grouping-columns-border, var(--tbw-color-border))}.header-group-cell{display:flex;align-items:center;justify-content:center;padding:var(--tbw-button-padding-sm, .25rem .5rem);font-weight:600;font-size:var(--tbw-font-size-sm, .9em);text-transform:uppercase;letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;border-right:2px solid var(--tbw-grouping-columns-separator, var(--tbw-color-border-strong, var(--tbw-color-border)))}.header-group-cell:last-child{border-right:none}.header-row .cell.grouped{border-top:none}.header-row .cell.group-end{border-right:2px solid var(--tbw-grouping-columns-separator, var(--tbw-color-border-strong, var(--tbw-color-border)))}.header-row .cell.group-end:last-child{border-right:none}.rows .cell.group-end{border-right:2px solid var(--tbw-grouping-columns-separator, var(--tbw-color-border-strong, var(--tbw-color-border)))}.rows .cell.group-end:last-child{border-right:none}.header-group-row.no-borders{border-bottom:none}.header-group-row.no-borders .header-group-cell{border-right:none}.header-row.no-group-borders .cell.group-end{border-right:1px solid var(--tbw-color-border)}}";get defaultConfig(){return{showGroupBorders:!0,lockGroupOrder:!1}}groups=[];isActive=!1;#e=new Set;#r=[];#t=new Map;attach(e){super.attach(e),this.gridElement.addEventListener("column-move",this.#o,{signal:this.disconnectSignal})}detach(){this.groups=[],this.isActive=!1,this.#e.clear(),this.#r=[],this.#t.clear()}#o=e=>{if(!this.isActive)return;const r=e,{field:t,columnOrder:o}=r.detail;if(this.config.lockGroupOrder){const e=new Map;for(const r of this.groups){if(r.id.startsWith("__implicit__"))continue;const t=e.get(r.id);t?t.push(...r.columns):e.set(r.id,[...r.columns])}for(const[,i]of e)if(!this.#i(i,o))return r.preventDefault(),void this.#n(t)}this.#s(o)};#s(e){this.#e.clear();const r=new Map;for(const t of this.groups)for(const e of t.columns)r.set(e.field,t.id);for(let t=0;t<e.length-1;t++){r.get(e[t])!==r.get(e[t+1])&&this.#e.add(e[t])}}#i(e,r){const t=e.map(e=>r.indexOf(e.field)).filter(e=>-1!==e).sort((e,r)=>e-r);return t.length<=1||t.length===t[t.length-1]-t[0]+1}#n(e){const r=this.gridElement?.querySelector(`.header-row [part~="header-cell"][data-field="${e}"]`);r&&(r.style.setProperty("--_flash-color","var(--tbw-color-error)"),r.animate([{backgroundColor:"rgba(from var(--_flash-color) r g b / 30%)"},{backgroundColor:"transparent"}],{duration:400,easing:"ease-out"}))}handleQuery(e){if("getColumnGrouping"===e.type)return this.#l()}#l(){let e;if(this.#r.length>0)e=this.#r.filter(e=>e.children.length>0).map(e=>({id:e.id,label:e.header,fields:[...e.children]}));else if(this.isActive&&this.groups.length>0){const r=new Map;for(const e of this.groups){if(e.id.startsWith("__implicit__"))continue;const t=r.get(e.id);if(t)for(const r of e.columns)t.fields.includes(r.field)||t.fields.push(r.field);else r.set(e.id,{id:e.id,label:e.label??e.id,fields:e.columns.map(e=>e.field)})}e=Array.from(r.values());const t=this.columns;for(const o of t)if(o.hidden&&o.group){const r="string"==typeof o.group?o.group:o.group.id,t="string"==typeof o.group?o.group:o.group.label??o.group.id,i=e.find(e=>e.id===r);i?i.fields.includes(o.field)||i.fields.push(o.field):e.push({id:r,label:t,fields:[o.field]})}}else{const r=this.columns,t=new Map;for(const e of r){if(!e.group)continue;const r="string"==typeof e.group?e.group:e.group.id,o="string"==typeof e.group?e.group:e.group.label??e.group.id,i=t.get(r);i?i.fields.includes(e.field)||i.fields.push(e.field):t.set(r,{id:r,label:o,fields:[e.field]})}e=Array.from(t.values())}const r=this.grid?.getColumnOrder();if(r&&r.length>0){const t=new Map(r.map((e,r)=>[e,r]));for(const r of e)r.fields.sort((e,r)=>(t.get(e)??1/0)-(t.get(r)??1/0))}return e}static detect(e,r){const t=r?.features?.groupingColumns;if(t&&"object"==typeof t&&Array.isArray(t.columnGroups)&&t.columnGroups.length>0)return!0;if(r?.columnGroups&&Array.isArray(r.columnGroups)&&r.columnGroups.length>0)return!0;const o=r?.columns;return!!Array.isArray(o)&&function(e){return e.some(e=>null!=e.group)}(o)}processColumns(e){const t=this.config?.columnGroups,i=this.grid?.gridConfig?.columnGroups;let n,s;if(t&&Array.isArray(t)&&t.length>0?(i&&Array.isArray(i)&&i.length>0&&this.warn(r.COLUMN_GROUPS_CONFLICT,"columnGroups defined in both gridConfig and groupingColumns feature config. Using feature config (higher precedence)."),n=t):i&&Array.isArray(i)&&i.length>0&&(n=i),n&&n.length>0){const t=n.map(e=>{return e.id?e:(e.header||r.throwDiagnostic(r.COLUMN_GROUP_NO_ID,'ColumnGroupDefinition requires either an "id" or a "header" to generate an id from.'),{...e,id:(t=e.header,t.toLowerCase().trim().replace(/[^a-z0-9]+/g,"-").replace(/^-|-$/g,""))});var t});this.#r=t,this.#t.clear();for(const e of t)e.renderer&&this.#t.set(e.id,e.renderer);const o=new Map;for(const e of t)for(const r of e.children)o.set(r,{id:e.id,label:e.header});s=e.map(e=>{const r=o.get(e.field);return r&&!e.group?{...e,group:r}:e})}else this.#r=[],this.#t.clear(),s=[...e];const l=o(s);if(0===l.length)return this.isActive=!1,this.groups=[],s;if(this.#t.size>0)for(const r of l){const e=this.#t.get(r.id);e&&(r.renderer=e)}this.isActive=!0,this.groups=l,this.#e.clear();for(const r of l){const e=r.columns[r.columns.length-1];e?.field&&this.#e.add(e.field)}return s}afterRender(){if(!this.isActive){const e=this.gridElement?.querySelector(".header"),r=e?.querySelector(".header-group-row");return void(r&&r.remove())}const e=this.gridElement?.querySelector(".header");if(!e)return;const r=e.querySelector(".header-group-row");r&&r.remove();const t=this.visibleColumns,l=o(t);if(0===l.length)return;if(this.#t.size>0)for(const o of l){const e=this.#t.get(o.id);e&&(o.renderer=e)}this.#e.clear();const d=s(l,n(l));for(let o=0;o<d.length;o++){const e=d[o],r=e.columns[e.columns.length-1];r?.field&&o<d.length-1&&this.#e.add(r.field)}const u=function(e,r,t){if(0===e.length)return null;const o=document.createElement("div");o.className="header-group-row",o.setAttribute("role","row");const l=s(e,n(e));for(const n of l){const e=String(n.id),s=e.startsWith("__implicit__"),l=i(n,r);if(!l)continue;const[d,u]=l,c=u-d+1,g=s?"":n.label||n.id,a=document.createElement("div");a.className="cell header-group-cell",s&&a.classList.add("implicit-group"),a.setAttribute("data-group",e),a.style.gridColumn=`${d+1} / span ${c}`;const p=!s&&(n.renderer||t)||void 0;if(p&&!s){const r=p({id:e,label:String(g),columns:n.columns,firstIndex:d,isImplicit:!1});r instanceof HTMLElement?a.appendChild(r):"string"==typeof r?a.innerHTML=r:a.textContent=g}else a.textContent=g;o.appendChild(a)}return o}(l,t,this.config.groupHeaderRenderer);if(u){u.classList.toggle("no-borders",!this.config.showGroupBorders);const r=e.querySelector(".header-row");r?e.insertBefore(u,r):e.appendChild(u)}const c=e.querySelector(".header-row");c&&(c.classList.toggle("no-group-borders",!this.config.showGroupBorders),function(e,r){if(!r.length||!e)return;const t=n(r),o=s(r,t),i=new Map;for(const n of o)if(!String(n.id).startsWith("__implicit__"))for(const e of n.columns)e.field&&i.set(e.field,n.id);for(let n=0;n<r.length;n++){const e=r[n];if(String(e.id).startsWith("__implicit__")&&t.has(String(e.id)))for(let t=n-1;t>=0;t--)if(!String(r[t].id).startsWith("__implicit__")){for(const o of e.columns)o.field&&i.set(o.field,r[t].id);break}}const l=Array.from(e.querySelectorAll(".cell[data-field]"));l.forEach(e=>{const r=e.getAttribute("data-field")||"",t=i.get(r);t&&(e.classList.add("grouped"),e.getAttribute("data-group")||e.setAttribute("data-group",t))});for(const n of o){const e=n.columns[n.columns.length-1],r=l.find(r=>r.getAttribute("data-field")===e.field);r&&r.classList.add("group-end")}}(c,l))}afterCellRender(e){this.isActive&&this.config.showGroupBorders&&e.cellElement.classList.toggle("group-end",this.#e.has(e.column.field))}isGroupingActive(){return this.isActive}getGroups(){return this.groups}getGroupColumns(e){return this.groups.filter(r=>r.id===e).flatMap(e=>e.columns)}refresh(){this.requestRender()}}e.GroupingColumnsPlugin=l,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});
2
2
  //# sourceMappingURL=grouping-columns.umd.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"grouping-columns.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/grouping-columns/grouping-columns.ts","../../../../../libs/grid/src/lib/plugins/grouping-columns/GroupingColumnsPlugin.ts"],"sourcesContent":["/**\n * Column Groups Core Logic\n *\n * Pure functions for computing and managing column header groups.\n */\n\n// Import types to enable module augmentation\nimport { COLUMN_GROUP_NO_ID, throwDiagnostic } from '../../core/internal/diagnostics';\nimport type { ColumnConfig } from '../../core/types';\nimport './types';\nimport type {\n ColumnGroup,\n ColumnGroupDefinition,\n ColumnGroupInternal,\n GroupHeaderRenderParams,\n GroupingColumnsConfig,\n} from './types';\n\n/**\n * Generate a stable slug from a header string for use as auto-generated group id.\n * E.g. `'Personal Info'` → `'personal-info'`\n */\nexport function slugifyHeader(header: string): string {\n return header\n .toLowerCase()\n .trim()\n .replace(/[^a-z0-9]+/g, '-')\n .replace(/^-|-$/g, '');\n}\n\n/**\n * Validate column group definitions and resolve auto-generated ids.\n * Throws if a group has neither `id` nor `header`.\n *\n * @returns A new array with `id` resolved on every definition.\n */\nexport function resolveColumnGroupDefs(defs: ColumnGroupDefinition[]): (ColumnGroupDefinition & { id: string })[] {\n return defs.map((def) => {\n if (def.id) return def as ColumnGroupDefinition & { id: string };\n if (!def.header) {\n throwDiagnostic(\n COLUMN_GROUP_NO_ID,\n 'ColumnGroupDefinition requires either an \"id\" or a \"header\" to generate an id from.',\n );\n }\n return { ...def, id: slugifyHeader(def.header) };\n });\n}\n\n/**\n * Compute column groups from column configuration.\n * Handles explicit groups (via column.group) and creates implicit groups for ungrouped columns.\n *\n * @param columns - Array of column configurations\n * @returns Array of column groups, or empty if no meaningful groups\n */\nexport function computeColumnGroups<T>(columns: ColumnConfig<T>[]): ColumnGroup<T>[] {\n if (!columns.length) return [];\n\n const 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 per-group renderer → fallback renderer → plain text label\n const activeRenderer = (!isImplicit && (g.renderer || renderer)) || undefined;\n if (activeRenderer && !isImplicit) {\n const params: GroupHeaderRenderParams = {\n id: gid,\n label: String(label),\n columns: g.columns as ColumnConfig[],\n firstIndex: startIndex,\n isImplicit: false,\n };\n const result = activeRenderer(params);\n if (result instanceof HTMLElement) {\n cell.appendChild(result);\n } else if (typeof result === 'string') {\n cell.innerHTML = result;\n } else {\n cell.textContent = label;\n }\n } else {\n // Always use textContent for non-rendered labels to prevent HTML injection\n cell.textContent = label;\n }\n\n groupRow.appendChild(cell);\n }\n\n return groupRow;\n}\n\n/**\n * Check if any columns have group configuration.\n *\n * @param columns - The column configurations\n * @returns True if at least one column has a group\n */\nexport function hasColumnGroups(columns: ColumnConfig[]): boolean {\n return columns.some((col) => col.group != null);\n}\n\n/**\n * Get group ID for a specific column.\n *\n * @param column - The column configuration\n * @returns The group ID, or undefined if not grouped\n */\nexport function getColumnGroupId(column: ColumnConfig): string | undefined {\n const g = column.group;\n if (!g) return undefined;\n return typeof g === 'string' ? g : g.id;\n}\n","/**\n * Column Groups Plugin (Class-based)\n *\n * Enables multi-level column header grouping.\n */\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport { COLUMN_GROUPS_CONFLICT } from '../../core/internal/diagnostics';\nimport type { AfterCellRenderContext, PluginManifest, PluginQuery } from '../../core/plugin/base-plugin';\nimport { BaseGridPlugin } from '../../core/plugin/base-plugin';\nimport type { ColumnConfig } from '../../core/types';\nimport type { ColumnGroupInfo } from '../visibility/types';\nimport {\n applyGroupedHeaderCellClasses,\n buildGroupHeaderRow,\n computeColumnGroups,\n findEmbeddedImplicitGroups,\n hasColumnGroups,\n resolveColumnGroupDefs,\n} from './grouping-columns';\nimport styles from './grouping-columns.css?inline';\nimport type { ColumnGroup, ColumnGroupDefinition, GroupingColumnsConfig } from './types';\n\n/**\n * Column Grouping Plugin for tbw-grid\n *\n * Enables visual grouping of columns under shared headers. Supports two approaches:\n * declarative `columnGroups` at the grid level, or inline `group` property on columns.\n *\n * ## Installation\n *\n * ```ts\n * import { GroupingColumnsPlugin } from '@toolbox-web/grid/plugins/grouping-columns';\n * ```\n *\n * ## 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 /** Resolved column group definitions (with auto-generated ids). */\n #resolvedGroupDefs: (ColumnGroupDefinition & { id: string })[] = [];\n /** Map of group id → per-group renderer from ColumnGroupDefinition.renderer */\n #groupRenderers = new Map<string, NonNullable<ColumnGroupDefinition['renderer']>>();\n // #endregion\n\n // #region Lifecycle\n\n /** @internal */\n override attach(grid: import('../../core/plugin/base-plugin').GridElement): void {\n super.attach(grid);\n\n // Listen for cancelable column-move events to enforce group contiguity\n this.gridElement.addEventListener('column-move', this.#onColumnMove, {\n signal: this.disconnectSignal,\n });\n }\n\n /** @internal */\n override detach(): void {\n this.groups = [];\n this.isActive = false;\n this.#groupEndFields.clear();\n this.#resolvedGroupDefs = [];\n this.#groupRenderers.clear();\n }\n\n // #region Column Move Guard\n\n /**\n * Handle the cancelable column-move event.\n * - When lockGroupOrder is enabled, prevents moves that would break group contiguity.\n * - Always refreshes #groupEndFields after a successful move so that afterCellRender\n * applies group-end borders to the correct (reordered) last column.\n */\n #onColumnMove = (e: Event): void => {\n if (!this.isActive) return;\n\n const event = e as CustomEvent<{ field: string; columnOrder: string[] }>;\n const { field, columnOrder } = event.detail;\n\n if (this.config.lockGroupOrder) {\n // 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 resolved declarative columnGroups (from plugin config or gridConfig)\n if (this.#resolvedGroupDefs.length > 0) {\n result = this.#resolvedGroupDefs\n .filter((g) => g.children.length > 0)\n .map((g) => ({\n id: g.id,\n label: g.header,\n fields: [...g.children],\n }));\n } else if (this.isActive && this.groups.length > 0) {\n // 2. If active groups exist from processColumns, use them\n 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 plugin feature config\n const featureConfig = config?.features?.groupingColumns;\n if (\n featureConfig &&\n typeof featureConfig === 'object' &&\n Array.isArray(featureConfig.columnGroups) &&\n featureConfig.columnGroups.length > 0\n ) {\n return true;\n }\n // Check for declarative columnGroups in gridConfig\n if (config?.columnGroups && Array.isArray(config.columnGroups) && config.columnGroups.length > 0) {\n return true;\n }\n // Check for inline group properties on columns\n const columns = config?.columns;\n if (!Array.isArray(columns)) return false;\n return hasColumnGroups(columns);\n }\n // #endregion\n\n // #region Hooks\n\n /** @internal */\n override processColumns(columns: readonly ColumnConfig[]): ColumnConfig[] {\n // Resolve columnGroups source — plugin config takes precedence over gridConfig\n const pluginColumnGroups = this.config?.columnGroups;\n const gridColumnGroups = this.grid?.gridConfig?.columnGroups;\n let columnGroupDefs: ColumnGroupDefinition[] | undefined;\n\n if (pluginColumnGroups && Array.isArray(pluginColumnGroups) && pluginColumnGroups.length > 0) {\n // Warn if both sources are defined\n if (gridColumnGroups && Array.isArray(gridColumnGroups) && gridColumnGroups.length > 0) {\n this.warn(\n COLUMN_GROUPS_CONFLICT,\n 'columnGroups defined in both gridConfig and groupingColumns feature config. ' +\n 'Using feature config (higher precedence).',\n );\n }\n columnGroupDefs = pluginColumnGroups;\n } else if (gridColumnGroups && Array.isArray(gridColumnGroups) && gridColumnGroups.length > 0) {\n columnGroupDefs = gridColumnGroups;\n }\n\n let processedColumns: ColumnConfig[];\n\n if (columnGroupDefs && columnGroupDefs.length > 0) {\n // Resolve ids (auto-generate from header when missing) and validate\n const resolved = resolveColumnGroupDefs(columnGroupDefs);\n this.#resolvedGroupDefs = resolved;\n\n // Collect per-group renderers\n this.#groupRenderers.clear();\n for (const def of resolved) {\n if (def.renderer) {\n this.#groupRenderers.set(def.id, def.renderer);\n }\n }\n\n // Build a map of field → group info from the declarative config\n const fieldToGroup = new Map<string, { id: string; label: string }>();\n for (const group of resolved) {\n for (const field of group.children) {\n fieldToGroup.set(field, { id: group.id, label: group.header });\n }\n }\n\n // Apply group property to columns that don't already have one\n processedColumns = columns.map((col) => {\n const groupInfo = fieldToGroup.get(col.field);\n if (groupInfo && !col.group) {\n return { ...col, group: groupInfo };\n }\n return col;\n });\n } else {\n this.#resolvedGroupDefs = [];\n this.#groupRenderers.clear();\n processedColumns = [...columns];\n }\n\n // Compute groups from column definitions (now including applied groups)\n const groups = computeColumnGroups(processedColumns);\n\n if (groups.length === 0) {\n this.isActive = false;\n this.groups = [];\n return processedColumns;\n }\n\n // Attach per-group renderers to computed groups\n if (this.#groupRenderers.size > 0) {\n for (const g of groups) {\n const r = this.#groupRenderers.get(g.id);\n if (r) g.renderer = r;\n }\n }\n\n this.isActive = true;\n this.groups = groups;\n\n // Pre-compute group-end fields for the afterCellRender hook\n this.#groupEndFields.clear();\n for (const g of groups) {\n const lastCol = g.columns[g.columns.length - 1];\n if (lastCol?.field) {\n this.#groupEndFields.add(lastCol.field);\n }\n }\n\n // Return columns with group info applied\n return processedColumns;\n }\n\n /** @internal */\n override afterRender(): void {\n if (!this.isActive) {\n // Remove any existing group header\n const header = this.gridElement?.querySelector('.header');\n const existingGroupRow = header?.querySelector('.header-group-row');\n if (existingGroupRow) existingGroupRow.remove();\n return;\n }\n\n const header = this.gridElement?.querySelector('.header');\n if (!header) return;\n\n // Remove existing group row if present\n const existingGroupRow = header.querySelector('.header-group-row');\n if (existingGroupRow) existingGroupRow.remove();\n\n // Recompute groups from visible columns only (hidden columns have no CSS grid track).\n // This also picks up any plugin-added columns (e.g. expander) that weren't present\n // during processColumns.\n const finalColumns = this.visibleColumns as ColumnConfig[];\n const groups = computeColumnGroups(finalColumns);\n if (groups.length === 0) return;\n\n // Attach per-group renderers from resolved definitions\n if (this.#groupRenderers.size > 0) {\n for (const g of groups) {\n const r = this.#groupRenderers.get(g.id);\n if (r) g.renderer = r;\n }\n }\n\n // Keep #groupEndFields in sync for afterCellRender (covers scheduler-driven renders)\n this.#groupEndFields.clear();\n const 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":["slugifyHeader","header","toLowerCase","trim","replace","resolveColumnGroupDefs","defs","map","def","id","throwDiagnostic","COLUMN_GROUP_NO_ID","computeColumnGroups","columns","length","explicitMap","Map","groupsOrdered","pushImplicit","startIdx","cols","prev","implicit","firstIndex","push","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","resolvedGroupDefs","groupRenderers","attach","grid","super","this","gridElement","addEventListener","onColumnMove","signal","disconnectSignal","detach","clear","e","event","columnOrder","detail","config","isGroupContiguous","preventDefault","flashHeaderCell","recomputeGroupEndFields","lastGroupEndField","findLastGroupEndField","groupFields","i","has","j","indices","indexOf","filter","sort","a","b","headerCell","querySelector","style","setProperty","animate","backgroundColor","duration","easing","handleQuery","query","getStableColumnGrouping","result","children","fields","allCols","hidden","gId","gLabel","existing","find","includes","groupMap","from","values","displayOrder","getColumnOrder","orderIndex","f","Infinity","detect","rows","featureConfig","features","groupingColumns","columnGroups","hasColumnGroups","processColumns","pluginColumnGroups","gridColumnGroups","gridConfig","columnGroupDefs","processedColumns","warn","COLUMN_GROUPS_CONFLICT","resolved","renderer","fieldToGroup","groupInfo","size","r","lastCol","afterRender","existingGroupRow","remove","finalColumns","visibleColumns","gi","groupRow","document","createElement","className","setAttribute","gid","isImplicit","startIndex","endIndex","span","cell","classList","gridColumn","activeRenderer","HTMLElement","appendChild","innerHTML","textContent","buildGroupHeaderRow","groupHeaderRenderer","toggle","headerRow","insertBefore","headerRowEl","headerCells","querySelectorAll","getAttribute","applyGroupedHeaderCellClasses","afterCellRender","context","cellElement","column","isGroupingActive","getGroups","getGroupColumns","groupId","refresh","requestRender"],"mappings":"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"}
1
+ {"version":3,"file":"grouping-columns.umd.js","sources":["../../../../../libs/grid/src/lib/plugins/grouping-columns/grouping-columns.ts","../../../../../libs/grid/src/lib/plugins/grouping-columns/GroupingColumnsPlugin.ts"],"sourcesContent":["/**\n * Column Groups Core Logic\n *\n * Pure functions for computing and managing column header groups.\n */\n\n// Import types to enable module augmentation\nimport { COLUMN_GROUP_NO_ID, throwDiagnostic } from '../../core/internal/diagnostics';\nimport type { ColumnConfig } from '../../core/types';\nimport './types';\nimport type {\n ColumnGroup,\n ColumnGroupDefinition,\n ColumnGroupInternal,\n GroupHeaderRenderParams,\n GroupingColumnsConfig,\n} from './types';\n\n/**\n * Generate a stable slug from a header string for use as auto-generated group id.\n * E.g. `'Personal Info'` → `'personal-info'`\n */\nexport function slugifyHeader(header: string): string {\n return header\n .toLowerCase()\n .trim()\n .replace(/[^a-z0-9]+/g, '-')\n .replace(/^-|-$/g, '');\n}\n\n/**\n * Validate column group definitions and resolve auto-generated ids.\n * Throws if a group has neither `id` nor `header`.\n *\n * @returns A new array with `id` resolved on every definition.\n */\nexport function resolveColumnGroupDefs(defs: ColumnGroupDefinition[]): (ColumnGroupDefinition & { id: string })[] {\n return defs.map((def) => {\n if (def.id) return def as ColumnGroupDefinition & { id: string };\n if (!def.header) {\n throwDiagnostic(\n COLUMN_GROUP_NO_ID,\n 'ColumnGroupDefinition requires either an \"id\" or a \"header\" to generate an id from.',\n );\n }\n return { ...def, id: slugifyHeader(def.header) };\n });\n}\n\n/**\n * Compute column groups from column configuration.\n * Handles explicit groups (via column.group) and creates implicit groups for ungrouped columns.\n *\n * @param columns - Array of column configurations\n * @returns Array of column groups, or empty if no meaningful groups\n */\nexport function computeColumnGroups<T>(columns: ColumnConfig<T>[]): ColumnGroup<T>[] {\n if (!columns.length) return [];\n\n const groupsOrdered: ColumnGroupInternal<T>[] = [];\n /** Track first-seen label for each explicit group id so fragments share the label. */\n const labelMap = new Map<string, string | undefined>();\n\n // Helper to push unnamed implicit group for a run of ungrouped columns\n const pushImplicit = (startIdx: number, cols: ColumnConfig<T>[]) => {\n if (!cols.length) return;\n // Merge with previous implicit group if adjacent to reduce noise\n const prev = groupsOrdered[groupsOrdered.length - 1];\n if (prev && prev.implicit && prev.firstIndex + prev.columns.length === startIdx) {\n prev.columns.push(...cols);\n return;\n }\n groupsOrdered.push({\n id: '__implicit__' + startIdx,\n label: undefined,\n columns: cols,\n firstIndex: startIdx,\n implicit: true,\n });\n };\n\n let run: ColumnConfig<T>[] = [];\n let runStart = 0;\n\n columns.forEach((col, idx) => {\n const g = col.group;\n if (!g) {\n if (run.length === 0) runStart = idx;\n run.push(col);\n return;\n }\n // Close any pending implicit run\n if (run.length) {\n pushImplicit(runStart, run.slice());\n run = [];\n }\n const id = typeof g === 'string' ? g : g.id;\n const rawLabel = typeof g === 'string' ? undefined : g.label;\n\n // Track labels: first column to define a label for this group id wins\n if (rawLabel && !labelMap.has(id)) {\n labelMap.set(id, rawLabel);\n }\n const label = labelMap.get(id) ?? rawLabel;\n\n // Extend the last group if it has the same id (contiguous run)\n const last = groupsOrdered[groupsOrdered.length - 1];\n if (last && !last.implicit && last.id === id) {\n last.columns.push(col);\n } else {\n // New group or new fragment (same id but non-contiguous)\n groupsOrdered.push({\n id,\n label,\n columns: [col],\n firstIndex: idx,\n });\n }\n });\n\n // Trailing implicit run\n if (run.length) pushImplicit(runStart, run);\n\n // If we only have a single implicit group covering all columns, treat as no groups\n if (groupsOrdered.length === 1 && groupsOrdered[0].implicit && groupsOrdered[0].columns.length === columns.length) {\n return [];\n }\n\n return groupsOrdered as ColumnGroup<T>[];\n}\n\n/**\n * 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);\n const mergedGroups = mergeAdjacentSameIdGroups(groups, embedded);\n\n const fieldToGroup = new Map<string, string>();\n for (const g of mergedGroups) {\n if (String(g.id).startsWith('__implicit__')) continue;\n for (const c of g.columns) {\n if (c.field) {\n fieldToGroup.set(c.field, g.id);\n }\n }\n }\n\n // Also map embedded implicit columns to their enclosing explicit group\n for (let i = 0; i < groups.length; i++) {\n const g = groups[i];\n if (!String(g.id).startsWith('__implicit__') || !embedded.has(String(g.id))) continue;\n // Find nearest explicit group before this implicit — that's the enclosing group\n for (let b = i - 1; b >= 0; b--) {\n if (!String(groups[b].id).startsWith('__implicit__')) {\n for (const c of g.columns) {\n if (c.field) fieldToGroup.set(c.field, groups[b].id);\n }\n break;\n }\n }\n }\n\n const headerCells = Array.from(headerRowEl.querySelectorAll('.cell[data-field]')) as HTMLElement[];\n headerCells.forEach((cell) => {\n const f = cell.getAttribute('data-field') || '';\n const gid = fieldToGroup.get(f);\n if (gid) {\n cell.classList.add('grouped');\n if (!cell.getAttribute('data-group')) {\n cell.setAttribute('data-group', gid);\n }\n }\n });\n\n // Mark group end cells for styling using merged groups (including implicit groups).\n // CSS :last-child rules suppress the border on the very last cell, so we mark all groups.\n for (const g of mergedGroups) {\n const last = g.columns[g.columns.length - 1];\n const cell = headerCells.find((c) => c.getAttribute('data-field') === last.field);\n if (cell) cell.classList.add('group-end');\n }\n}\n\n/**\n * Compute the grid range [start, end] for a group based on its first and last\n * column positions in the final columns array.\n */\nfunction computeGroupGridRange(group: ColumnGroup, columns: ColumnConfig[]): [number, number] | null {\n const first = group.columns[0];\n const last = group.columns[group.columns.length - 1];\n const start = first ? columns.findIndex((c) => c.field === first.field) : -1;\n const end = last ? columns.findIndex((c) => c.field === last.field) : -1;\n return start !== -1 && end !== -1 ? [start, end] : null;\n}\n\n/**\n * Find implicit groups that are sandwiched between two fragments of the same\n * explicit group (e.g. a utility column inserted between members of the same group).\n *\n * Only implicit groups whose columns are **all** internal/utility fields (prefixed\n * with `__tbw_`) qualify. When a regular data column sits between two fragments\n * of the same group it represents a genuine break introduced by column reordering\n * and must NOT be absorbed.\n *\n * @returns Set of implicit group IDs that are visually embedded.\n */\nexport function findEmbeddedImplicitGroups(groups: ColumnGroup[]): Set<string> {\n const embedded = new Set<string>();\n\n for (let i = 0; i < groups.length; i++) {\n if (!String(groups[i].id).startsWith('__implicit__')) continue;\n\n // Only absorb implicit groups that contain exclusively utility columns.\n // Data columns (user-visible fields) must always get their own header space.\n const allUtility = groups[i].columns.every((c) => c.field?.startsWith('__tbw_'));\n if (!allUtility) continue;\n\n // Find nearest explicit group before this implicit group\n let beforeId: string | null = null;\n for (let b = i - 1; b >= 0; b--) {\n if (!String(groups[b].id).startsWith('__implicit__')) {\n beforeId = groups[b].id;\n break;\n }\n }\n\n // Find nearest explicit group after this implicit group\n let afterId: string | null = null;\n for (let a = i + 1; a < groups.length; a++) {\n if (!String(groups[a].id).startsWith('__implicit__')) {\n afterId = groups[a].id;\n break;\n }\n }\n\n // Embedded if sandwiched between two fragments of the same group\n if (beforeId && afterId && beforeId === afterId) {\n embedded.add(String(groups[i].id));\n }\n }\n\n return embedded;\n}\n\n/**\n * Merge adjacent same-ID group fragments after removing embedded implicit groups.\n * This produces the final group list for header rendering, where utility columns\n * (checkbox, expander) are absorbed into the surrounding group's span.\n *\n * @param groups - The computed column groups (potentially fragmented)\n * @param embedded - Set of embedded implicit group IDs to skip\n * @returns Merged group list where same-ID fragments separated by embedded implicits are combined\n */\nexport function mergeAdjacentSameIdGroups<T>(groups: ColumnGroup<T>[], embedded: Set<string>): ColumnGroup<T>[] {\n const result: ColumnGroup<T>[] = [];\n for (const g of groups) {\n // Skip embedded implicit groups — they get absorbed into the surrounding fragment\n if (String(g.id).startsWith('__implicit__') && embedded.has(String(g.id))) continue;\n\n const prev = result[result.length - 1];\n if (prev && !String(g.id).startsWith('__implicit__') && prev.id === g.id) {\n // Merge with previous same-ID group\n result[result.length - 1] = {\n ...prev,\n columns: [...prev.columns, ...g.columns],\n };\n } else {\n result.push({ ...g, columns: [...g.columns] });\n }\n }\n return result;\n}\n\n/**\n * Build the group header row element.\n *\n * @param groups - The computed column groups\n * @param columns - The column configurations (final array including any plugin-added columns)\n * @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);\n const mergedGroups = mergeAdjacentSameIdGroups(groups, embedded);\n\n for (const g of mergedGroups) {\n const gid = String(g.id);\n const isImplicit = gid.startsWith('__implicit__');\n\n // Compute actual range from first to last member in the final columns array.\n // This correctly spans over any interleaved utility columns (e.g. checkbox).\n const range = computeGroupGridRange(g, columns);\n if (!range) continue;\n const [startIndex, endIndex] = range;\n const span = endIndex - startIndex + 1;\n\n const label = isImplicit ? '' : g.label || g.id;\n\n const cell = document.createElement('div');\n cell.className = 'cell header-group-cell';\n if (isImplicit) cell.classList.add('implicit-group');\n cell.setAttribute('data-group', gid);\n cell.style.gridColumn = `${startIndex + 1} / span ${span}`;\n\n // Apply per-group renderer → fallback renderer → plain text label\n const activeRenderer = (!isImplicit && (g.renderer || renderer)) || undefined;\n if (activeRenderer && !isImplicit) {\n const params: GroupHeaderRenderParams = {\n id: gid,\n label: String(label),\n columns: g.columns as ColumnConfig[],\n firstIndex: startIndex,\n isImplicit: false,\n };\n const result = activeRenderer(params);\n if (result instanceof HTMLElement) {\n cell.appendChild(result);\n } else if (typeof result === 'string') {\n cell.innerHTML = result;\n } else {\n cell.textContent = label;\n }\n } else {\n // Always use textContent for non-rendered labels to prevent HTML injection\n cell.textContent = label;\n }\n\n groupRow.appendChild(cell);\n }\n\n return groupRow;\n}\n\n/**\n * Check if any columns have group configuration.\n *\n * @param columns - The column configurations\n * @returns True if at least one column has a group\n */\nexport function hasColumnGroups(columns: ColumnConfig[]): boolean {\n return columns.some((col) => col.group != null);\n}\n\n/**\n * Get group ID for a specific column.\n *\n * @param column - The column configuration\n * @returns The group ID, or undefined if not grouped\n */\nexport function getColumnGroupId(column: ColumnConfig): string | undefined {\n const g = column.group;\n if (!g) return undefined;\n return typeof g === 'string' ? g : g.id;\n}\n","/**\n * Column Groups Plugin (Class-based)\n *\n * Enables multi-level column header grouping.\n */\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport { COLUMN_GROUPS_CONFLICT } from '../../core/internal/diagnostics';\nimport type { AfterCellRenderContext, PluginManifest, PluginQuery } from '../../core/plugin/base-plugin';\nimport { BaseGridPlugin } from '../../core/plugin/base-plugin';\nimport type { ColumnConfig } from '../../core/types';\nimport type { ColumnGroupInfo } from '../visibility/types';\nimport {\n applyGroupedHeaderCellClasses,\n buildGroupHeaderRow,\n computeColumnGroups,\n findEmbeddedImplicitGroups,\n hasColumnGroups,\n mergeAdjacentSameIdGroups,\n resolveColumnGroupDefs,\n} from './grouping-columns';\nimport styles from './grouping-columns.css?inline';\nimport type { ColumnGroup, ColumnGroupDefinition, GroupingColumnsConfig } from './types';\n\n/**\n * Column Grouping Plugin for tbw-grid\n *\n * Enables visual grouping of columns under shared headers. Supports two approaches:\n * declarative `columnGroups` at the grid level, or inline `group` property on columns.\n *\n * ## Installation\n *\n * ```ts\n * import { GroupingColumnsPlugin } from '@toolbox-web/grid/plugins/grouping-columns';\n * ```\n *\n * ## 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 ReorderPlugin for drag-to-reorder within groups\n *\n * @internal Extends BaseGridPlugin\n */\nexport class GroupingColumnsPlugin extends BaseGridPlugin<GroupingColumnsConfig> {\n /**\n * Plugin manifest - declares owned properties for configuration validation.\n * @internal\n */\n static override readonly manifest: PluginManifest = {\n ownedProperties: [\n {\n property: 'group',\n level: 'column',\n description: 'the \"group\" column property',\n },\n {\n property: 'columnGroups',\n level: 'config',\n description: 'the \"columnGroups\" config property',\n isUsed: (v) => Array.isArray(v) && v.length > 0,\n },\n ],\n queries: [{ type: 'getColumnGrouping', description: 'Returns column group metadata for the visibility panel' }],\n };\n\n /** @internal */\n readonly name = 'groupingColumns';\n /** @internal */\n override readonly styles = styles;\n\n /** @internal */\n protected override get defaultConfig(): Partial<GroupingColumnsConfig> {\n return {\n showGroupBorders: true,\n lockGroupOrder: false,\n };\n }\n\n // #region Internal State\n private groups: ColumnGroup[] = [];\n private isActive = false;\n /** Fields that are the last column in a group (for group-end border class). */\n #groupEndFields = new Set<string>();\n /** Resolved column group definitions (with auto-generated ids). */\n #resolvedGroupDefs: (ColumnGroupDefinition & { id: string })[] = [];\n /** Map of group id → per-group renderer from ColumnGroupDefinition.renderer */\n #groupRenderers = new Map<string, NonNullable<ColumnGroupDefinition['renderer']>>();\n // #endregion\n\n // #region Lifecycle\n\n /** @internal */\n override attach(grid: import('../../core/plugin/base-plugin').GridElement): void {\n super.attach(grid);\n\n // Listen for cancelable column-move events to enforce group contiguity\n this.gridElement.addEventListener('column-move', this.#onColumnMove, {\n signal: this.disconnectSignal,\n });\n }\n\n /** @internal */\n override detach(): void {\n this.groups = [];\n this.isActive = false;\n this.#groupEndFields.clear();\n this.#resolvedGroupDefs = [];\n this.#groupRenderers.clear();\n }\n\n // #region Column Move Guard\n\n /**\n * Handle the cancelable column-move event.\n * - When lockGroupOrder is enabled, prevents moves that would break group contiguity.\n * - Always refreshes #groupEndFields after a successful move so that afterCellRender\n * applies group-end borders to the correct (reordered) last column.\n */\n #onColumnMove = (e: Event): void => {\n if (!this.isActive) return;\n\n const event = e as CustomEvent<{ field: string; columnOrder: string[] }>;\n const { field, columnOrder } = event.detail;\n\n if (this.config.lockGroupOrder) {\n // Aggregate all columns per group ID (across fragments) for full contiguity check\n const fullGroups = new Map<string, ColumnConfig[]>();\n for (const group of this.groups) {\n if (group.id.startsWith('__implicit__')) continue;\n const existing = fullGroups.get(group.id);\n if (existing) {\n existing.push(...group.columns);\n } else {\n fullGroups.set(group.id, [...group.columns]);\n }\n }\n for (const [, columns] of fullGroups) {\n if (!this.#isGroupContiguous(columns, columnOrder)) {\n event.preventDefault();\n this.#flashHeaderCell(field);\n return;\n }\n }\n }\n\n // Recompute group-end fields based on proposed column order.\n // setColumnOrder runs synchronously after this handler returns,\n // but afterCellRender (which reads #groupEndFields) fires during\n // the subsequent refreshVirtualWindow. Precompute using the\n // proposed columnOrder so the borders are correct immediately.\n this.#recomputeGroupEndFields(columnOrder);\n };\n\n /**\n * Recompute which fields are group-end based on a column order.\n * Marks every boundary where adjacent columns belong to different groups,\n * which naturally handles fragmented groups (same group ID split across\n * non-contiguous positions).\n */\n #recomputeGroupEndFields(columnOrder: string[]): void {\n this.#groupEndFields.clear();\n\n // Build field → group ID map from all groups\n const fieldToGroup = new Map<string, string>();\n for (const group of this.groups) {\n for (const col of group.columns) {\n fieldToGroup.set(col.field, group.id);\n }\n }\n\n // Mark every position where the group changes (skip the very last column)\n for (let i = 0; i < columnOrder.length - 1; i++) {\n const currentGroup = fieldToGroup.get(columnOrder[i]);\n const nextGroup = fieldToGroup.get(columnOrder[i + 1]);\n if (currentGroup !== nextGroup) {\n this.#groupEndFields.add(columnOrder[i]);\n }\n }\n }\n\n /**\n * Check if all columns are contiguous in the proposed column order.\n */\n #isGroupContiguous(columns: ColumnConfig[], columnOrder: string[]): boolean {\n const indices = columns\n .map((c) => columnOrder.indexOf(c.field))\n .filter((i) => i !== -1)\n .sort((a, b) => a - b);\n if (indices.length <= 1) return true;\n return indices.length === indices[indices.length - 1] - indices[0] + 1;\n }\n\n /**\n * Flash the header cell with an error color to indicate a blocked move.\n */\n #flashHeaderCell(field: string): void {\n const headerCell = this.gridElement?.querySelector(\n `.header-row [part~=\"header-cell\"][data-field=\"${field}\"]`,\n ) as HTMLElement;\n if (!headerCell) return;\n\n headerCell.style.setProperty('--_flash-color', 'var(--tbw-color-error)');\n headerCell.animate(\n [{ backgroundColor: 'rgba(from var(--_flash-color) r g b / 30%)' }, { backgroundColor: 'transparent' }],\n { duration: 400, easing: 'ease-out' },\n );\n }\n // #endregion\n\n /** @internal */\n override handleQuery(query: PluginQuery): unknown {\n if (query.type === 'getColumnGrouping') {\n return this.#getStableColumnGrouping();\n }\n return undefined;\n }\n\n /**\n * Get stable column grouping info that includes ALL columns (visible and hidden).\n * Used by the visibility panel to maintain group structure regardless of visibility state.\n * Fields within each group are sorted by current display order.\n */\n #getStableColumnGrouping(): ColumnGroupInfo[] {\n let result: ColumnGroupInfo[];\n\n // 1. Prefer resolved declarative columnGroups (from plugin config or gridConfig)\n if (this.#resolvedGroupDefs.length > 0) {\n result = this.#resolvedGroupDefs\n .filter((g) => g.children.length > 0)\n .map((g) => ({\n id: g.id,\n label: g.header,\n fields: [...g.children],\n }));\n } else if (this.isActive && this.groups.length > 0) {\n // 2. If active groups exist from processColumns, use them.\n // Aggregate fragments (same group id at non-contiguous positions) into one entry.\n const groupMap = new Map<string, ColumnGroupInfo>();\n for (const g of this.groups) {\n if (g.id.startsWith('__implicit__')) continue;\n const existing = groupMap.get(g.id);\n if (existing) {\n for (const c of g.columns) {\n if (!existing.fields.includes(c.field)) existing.fields.push(c.field);\n }\n } else {\n groupMap.set(g.id, {\n id: g.id,\n label: g.label ?? g.id,\n fields: g.columns.map((c) => c.field),\n });\n }\n }\n result = Array.from(groupMap.values());\n // Also check hidden columns for inline group properties not in active groups\n const allCols = this.columns as ColumnConfig[];\n for (const col of allCols) {\n if ((col as any).hidden && col.group) {\n const gId = typeof col.group === 'string' ? col.group : col.group.id;\n const gLabel = typeof col.group === 'string' ? col.group : (col.group.label ?? col.group.id);\n const existing = result.find((g) => g.id === gId);\n if (existing) {\n if (!existing.fields.includes(col.field)) existing.fields.push(col.field);\n } else {\n result.push({ id: gId, label: gLabel, fields: [col.field] });\n }\n }\n }\n } else {\n // 3. Fall back: scan ALL columns (including hidden) for inline group properties\n const allCols = this.columns as ColumnConfig[];\n const groupMap = new Map<string, ColumnGroupInfo>();\n for (const col of allCols) {\n if (!col.group) continue;\n const gId = typeof col.group === 'string' ? col.group : col.group.id;\n const gLabel = typeof col.group === 'string' ? col.group : (col.group.label ?? col.group.id);\n const existing = groupMap.get(gId);\n if (existing) {\n if (!existing.fields.includes(col.field)) existing.fields.push(col.field);\n } else {\n groupMap.set(gId, { id: gId, label: gLabel, fields: [col.field] });\n }\n }\n result = Array.from(groupMap.values());\n }\n\n // Sort fields within each group by current display order so consumers\n // (e.g. the visibility panel) render columns in their reordered positions.\n const displayOrder = this.grid?.getColumnOrder();\n if (displayOrder && displayOrder.length > 0) {\n const orderIndex = new Map(displayOrder.map((f, i) => [f, i]));\n for (const group of result) {\n group.fields.sort((a, b) => (orderIndex.get(a) ?? Infinity) - (orderIndex.get(b) ?? Infinity));\n }\n }\n\n return result;\n }\n // #endregion\n\n // #region Static Detection\n\n /**\n * Auto-detect column groups from column configuration.\n * Detects both inline `column.group` properties and declarative `columnGroups` config.\n */\n static detect(rows: readonly any[], config: any): boolean {\n // Check for declarative columnGroups in plugin feature config\n const featureConfig = config?.features?.groupingColumns;\n if (\n featureConfig &&\n typeof featureConfig === 'object' &&\n Array.isArray(featureConfig.columnGroups) &&\n featureConfig.columnGroups.length > 0\n ) {\n return true;\n }\n // Check for declarative columnGroups in gridConfig\n if (config?.columnGroups && Array.isArray(config.columnGroups) && config.columnGroups.length > 0) {\n return true;\n }\n // Check for inline group properties on columns\n const columns = config?.columns;\n if (!Array.isArray(columns)) return false;\n return hasColumnGroups(columns);\n }\n // #endregion\n\n // #region Hooks\n\n /** @internal */\n override processColumns(columns: readonly ColumnConfig[]): ColumnConfig[] {\n // Resolve columnGroups source — plugin config takes precedence over gridConfig\n const pluginColumnGroups = this.config?.columnGroups;\n const gridColumnGroups = this.grid?.gridConfig?.columnGroups;\n let columnGroupDefs: ColumnGroupDefinition[] | undefined;\n\n if (pluginColumnGroups && Array.isArray(pluginColumnGroups) && pluginColumnGroups.length > 0) {\n // Warn if both sources are defined\n if (gridColumnGroups && Array.isArray(gridColumnGroups) && gridColumnGroups.length > 0) {\n this.warn(\n COLUMN_GROUPS_CONFLICT,\n 'columnGroups defined in both gridConfig and groupingColumns feature config. ' +\n 'Using feature config (higher precedence).',\n );\n }\n columnGroupDefs = pluginColumnGroups;\n } else if (gridColumnGroups && Array.isArray(gridColumnGroups) && gridColumnGroups.length > 0) {\n columnGroupDefs = gridColumnGroups;\n }\n\n let processedColumns: ColumnConfig[];\n\n if (columnGroupDefs && columnGroupDefs.length > 0) {\n // Resolve ids (auto-generate from header when missing) and validate\n const resolved = resolveColumnGroupDefs(columnGroupDefs);\n this.#resolvedGroupDefs = resolved;\n\n // Collect per-group renderers\n this.#groupRenderers.clear();\n for (const def of resolved) {\n if (def.renderer) {\n this.#groupRenderers.set(def.id, def.renderer);\n }\n }\n\n // Build a map of field → group info from the declarative config\n const fieldToGroup = new Map<string, { id: string; label: string }>();\n for (const group of resolved) {\n for (const field of group.children) {\n fieldToGroup.set(field, { id: group.id, label: group.header });\n }\n }\n\n // Apply group property to columns that don't already have one\n processedColumns = columns.map((col) => {\n const groupInfo = fieldToGroup.get(col.field);\n if (groupInfo && !col.group) {\n return { ...col, group: groupInfo };\n }\n return col;\n });\n } else {\n this.#resolvedGroupDefs = [];\n this.#groupRenderers.clear();\n processedColumns = [...columns];\n }\n\n // Compute groups from column definitions (now including applied groups)\n const groups = computeColumnGroups(processedColumns);\n\n if (groups.length === 0) {\n this.isActive = false;\n this.groups = [];\n return processedColumns;\n }\n\n // Attach per-group renderers to computed groups\n if (this.#groupRenderers.size > 0) {\n for (const g of groups) {\n const r = this.#groupRenderers.get(g.id);\n if (r) g.renderer = r;\n }\n }\n\n this.isActive = true;\n this.groups = groups;\n\n // Pre-compute group-end fields for the afterCellRender hook\n this.#groupEndFields.clear();\n for (const g of groups) {\n const lastCol = g.columns[g.columns.length - 1];\n if (lastCol?.field) {\n this.#groupEndFields.add(lastCol.field);\n }\n }\n\n // Return columns with group info applied\n return processedColumns;\n }\n\n /** @internal */\n override afterRender(): void {\n if (!this.isActive) {\n // Remove any existing group header\n const header = this.gridElement?.querySelector('.header');\n const existingGroupRow = header?.querySelector('.header-group-row');\n if (existingGroupRow) existingGroupRow.remove();\n return;\n }\n\n const header = this.gridElement?.querySelector('.header');\n if (!header) return;\n\n // Remove existing group row if present\n const existingGroupRow = header.querySelector('.header-group-row');\n if (existingGroupRow) existingGroupRow.remove();\n\n // Recompute groups from visible columns only (hidden columns have no CSS grid track).\n // This also picks up any plugin-added columns (e.g. expander) that weren't present\n // during processColumns.\n const finalColumns = this.visibleColumns as ColumnConfig[];\n const groups = computeColumnGroups(finalColumns);\n if (groups.length === 0) return;\n\n // Attach per-group renderers from resolved definitions\n if (this.#groupRenderers.size > 0) {\n for (const g of groups) {\n const r = this.#groupRenderers.get(g.id);\n if (r) g.renderer = r;\n }\n }\n\n // Keep #groupEndFields in sync for afterCellRender (covers scheduler-driven renders)\n this.#groupEndFields.clear();\n const embedded = findEmbeddedImplicitGroups(groups);\n const mergedGroups = mergeAdjacentSameIdGroups(groups, embedded);\n for (let gi = 0; gi < mergedGroups.length; gi++) {\n const g = mergedGroups[gi];\n const lastCol = g.columns[g.columns.length - 1];\n // Don't mark the last group — no adjacent group follows it\n if (lastCol?.field && gi < mergedGroups.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 (aggregated across all fragments).\n * @param groupId - The group ID to find\n * @returns Array of columns in the group\n */\n getGroupColumns(groupId: string): ColumnConfig[] {\n return this.groups.filter((g) => g.id === groupId).flatMap((g) => g.columns);\n }\n\n /**\n * Refresh column groups (recompute from current columns).\n */\n refresh(): void {\n this.requestRender();\n }\n // #endregion\n}\n"],"names":["computeColumnGroups","columns","length","groupsOrdered","labelMap","Map","pushImplicit","startIdx","cols","prev","implicit","firstIndex","push","id","label","run","runStart","forEach","col","idx","g","group","slice","rawLabel","has","set","get","last","computeGroupGridRange","first","start","findIndex","c","field","end","findEmbeddedImplicitGroups","groups","embedded","Set","i","String","startsWith","every","beforeId","b","afterId","a","add","mergeAdjacentSameIdGroups","result","GroupingColumnsPlugin","BaseGridPlugin","static","ownedProperties","property","level","description","isUsed","v","Array","isArray","queries","type","name","styles","defaultConfig","showGroupBorders","lockGroupOrder","isActive","groupEndFields","resolvedGroupDefs","groupRenderers","attach","grid","super","this","gridElement","addEventListener","onColumnMove","signal","disconnectSignal","detach","clear","e","event","columnOrder","detail","config","fullGroups","existing","isGroupContiguous","preventDefault","flashHeaderCell","recomputeGroupEndFields","fieldToGroup","indices","map","indexOf","filter","sort","headerCell","querySelector","style","setProperty","animate","backgroundColor","duration","easing","handleQuery","query","getStableColumnGrouping","children","header","fields","groupMap","includes","from","values","allCols","hidden","gId","gLabel","find","displayOrder","getColumnOrder","orderIndex","f","Infinity","detect","rows","featureConfig","features","groupingColumns","columnGroups","some","hasColumnGroups","processColumns","pluginColumnGroups","gridColumnGroups","gridConfig","columnGroupDefs","processedColumns","warn","COLUMN_GROUPS_CONFLICT","resolved","def","throwDiagnostic","COLUMN_GROUP_NO_ID","toLowerCase","trim","replace","renderer","groupInfo","size","r","lastCol","afterRender","existingGroupRow","remove","finalColumns","visibleColumns","mergedGroups","gi","groupRow","document","createElement","className","setAttribute","gid","isImplicit","range","startIndex","endIndex","span","cell","classList","gridColumn","activeRenderer","HTMLElement","appendChild","innerHTML","textContent","buildGroupHeaderRow","groupHeaderRenderer","toggle","headerRow","insertBefore","headerRowEl","headerCells","querySelectorAll","getAttribute","applyGroupedHeaderCellClasses","afterCellRender","context","cellElement","column","isGroupingActive","getGroups","getGroupColumns","groupId","flatMap","refresh","requestRender"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("../../core/plugin/base-plugin"),require("../../core/plugin/expander-column"),require("../../core/internal/aggregators")):"function"==typeof define&&define.amd?define(["exports","../../core/plugin/base-plugin","../../core/plugin/expander-column","../../core/internal/aggregators"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).TbwGridPlugin_groupingRows={},e.TbwGrid,e.TbwGrid,e.TbwGrid)}(this,function(e,t,n,r){"use strict";function o({rows:e,config:t,expanded:n,initialExpanded:r}){const o=t.groupOn;if("function"!=typeof o)return[];const i={key:"__root__",value:null,depth:-1,rows:[],children:new Map};if(e.forEach(e=>{let t=o(e);null==t||!1===t?t=["__ungrouped__"]:Array.isArray(t)||(t=[t]);let n=i;t.forEach((e,t)=>{const r=null==e?"∅":String(e),o="__root__"===n.key?r:n.key+"||"+r;let i=n.children.get(r);i||(i={key:o,value:e,depth:t,rows:[],children:new Map,parent:n},n.children.set(r,i)),n=i}),n.rows.push(e)}),1===i.children.size&&i.children.has("__ungrouped__")){if(i.children.get("__ungrouped__").rows.length===e.length)return[]}const s=new Set([...n,...r??[]]),a=[],d=t=>{if(t===i)return void t.children.forEach(e=>d(e));const n=s.has(t.key);a.push({kind:"group",key:t.key,value:t.value,depth:t.depth,rows:t.rows,expanded:n}),n&&(t.children.size?t.children.forEach(e=>d(e)):t.rows.forEach(t=>a.push({kind:"data",row:t,rowIndex:e.indexOf(t)})))};return d(i),a}class i extends t.BaseGridPlugin{static manifest={events:[{type:"grouping-state-change",description:"Emitted when groups are expanded/collapsed. Subscribers can react to row visibility changes."}],queries:[{type:"canMoveRow",description:"Returns false for group header rows (cannot be reordered)"}],configRules:[{id:"groupingRows/accordion-defaultExpanded",severity:"warn",message:'"accordion: true" and "defaultExpanded" (non-false) are used together.\n → In accordion mode, only one group can be open at a time.\n → Using defaultExpanded with multiple groups will collapse to one on first toggle.\n → Consider using "defaultExpanded: false" or a single group key/index with accordion mode.',check:e=>!0===e.accordion&&!1!==e.defaultExpanded&&void 0!==e.defaultExpanded&&!("number"==typeof e.defaultExpanded)&&!("string"==typeof e.defaultExpanded)&&(!0===e.defaultExpanded||Array.isArray(e.defaultExpanded)&&e.defaultExpanded.length>1)}]};name="groupingRows";styles="@layer tbw-plugins{.group-row{display:grid;grid-template-columns:var(--tbw-column-template);background:var(--tbw-grouping-rows-bg, var(--tbw-color-panel-bg));font-weight:500;border-bottom:var(--tbw-row-divider);min-height:var(--tbw-row-height)}.group-row .cell{display:flex;align-items:center;padding:var(--tbw-cell-padding, .125rem .5rem)}.group-row:hover{background:var(--tbw-grouping-rows-bg-hover, var(--tbw-color-row-hover))}.group-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center;width:var(--tbw-toggle-size, 1.25rem);height:var(--tbw-toggle-size, 1.25rem);margin-right:.25rem;background:none;border:0;font:inherit}.group-toggle:hover{background:var(--tbw-grouping-rows-toggle-hover, var(--tbw-color-row-hover));border-radius:var(--tbw-border-radius, .125rem)}.group-label{display:inline-flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem))}.group-count{color:var(--tbw-grouping-rows-count-color, var(--tbw-color-fg-muted));font-size:var(--tbw-font-size-xs, .85em);font-weight:400}.group-aggregates{display:inline-flex;align-items:center;gap:var(--tbw-spacing-lg, 1rem);margin-left:var(--tbw-spacing-lg, 1rem);font-weight:400;font-size:var(--tbw-font-size-sm, .875em);color:var(--tbw-grouping-rows-aggregate-color, var(--tbw-color-fg-muted))}.group-aggregate{white-space:nowrap}.group-row{padding-left:calc(var(--tbw-group-depth, 0) * var(--tbw-group-indent-width, 1.25em))}.data-grid-row.tbw-group-slide-in{animation:tbw-group-slide-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-group-slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.data-grid-row.tbw-group-fade-in{animation:tbw-group-fade-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-group-fade-in{0%{opacity:0}to{opacity:1}}}";get defaultConfig(){return{defaultExpanded:!1,showRowCount:!0,indentWidth:20,aggregators:{},animation:"slide",accordion:!1}}expandedKeys=new Set;flattenedRows=[];isActive=!1;previousVisibleKeys=new Set;keysToAnimate=new Set;hasAppliedDefaultExpanded=!1;get animationStyle(){return!!this.isAnimationEnabled&&(this.config.animation??"slide")}detach(){this.expandedKeys.clear(),this.flattenedRows=[],this.isActive=!1,this.previousVisibleKeys.clear(),this.keysToAnimate.clear(),this.hasAppliedDefaultExpanded=!1}getRowHeight(e,t){if(null!=this.config.groupRowHeight)return!0===e.__isGroupRow?this.config.groupRowHeight:void 0}handleQuery(e){if("canMoveRow"===e.type){const t=e.context;if(!0===t?.__isGroupRow)return!1}}static detect(e,t){return"function"==typeof t?.groupOn||"boolean"==typeof t?.enableRowGrouping}processRows(e){const t=this.config;if("function"!=typeof t.groupOn)return this.isActive=!1,this.flattenedRows=[],[...e];const n=o({rows:[...e],config:t,expanded:new Set});if(0===n.length)return this.isActive=!1,this.flattenedRows=[],[...e];let r;if(!this.hasAppliedDefaultExpanded&&0===this.expandedKeys.size&&!1!==t.defaultExpanded){const e=function(e){return e.filter(e=>"group"===e.kind).map(e=>e.key)}(n);r=function(e,t){if(!0===e)return new Set(t);if(!1===e||null==e)return new Set;if("number"==typeof e){const n=t[e];return n?new Set([n]):new Set}return"string"==typeof e?new Set([e]):Array.isArray(e)?new Set(e):new Set}(t.defaultExpanded??!1,e),r.size>0&&(this.expandedKeys=new Set(r),this.hasAppliedDefaultExpanded=!0)}const i=o({rows:[...e],config:t,expanded:this.expandedKeys,initialExpanded:r});this.isActive=!0,this.flattenedRows=i,this.keysToAnimate.clear();const s=new Set;return i.forEach((e,t)=>{if("data"===e.kind){const e=`data-${t}`;s.add(e),this.previousVisibleKeys.has(e)||this.keysToAnimate.add(e)}}),this.previousVisibleKeys=s,i.map(e=>{return"group"===e.kind?{__isGroupRow:!0,__groupKey:e.key,__groupValue:e.value,__groupDepth:e.depth,__groupRows:e.rows,__groupExpanded:e.expanded,__groupRowCount:(t=e,"group"!==t.kind?0:t.rows.length),__rowCacheKey:`group:${e.key}`}:e.row;var t})}onCellClick(e){const t=e.row;if(t?.__isGroupRow){const n=e.originalEvent.target;if(n?.closest(".group-toggle"))return this.toggle(t.__groupKey),!0}}onKeyDown(e){if(" "!==e.key)return;const t=this.grid._focusRow,n=this.rows[t];return n?.__isGroupRow?(e.preventDefault(),this.toggle(n.__groupKey),this.requestRenderWithFocus(),!0):void 0}renderRow(e,t,n){if(!e?.__isGroupRow)return!1;const r=this.config;if(r.groupRowRenderer){const n=()=>{this.toggle(e.__groupKey)},o=r.groupRowRenderer({key:e.__groupKey,value:e.__groupValue,depth:e.__groupDepth,rows:e.__groupRows,expanded:e.__groupExpanded,toggleExpand:n});if(o)return t.className="data-grid-row group-row",t.__isCustomRow=!0,t.setAttribute("data-group-depth",String(e.__groupDepth)),"string"==typeof o?t.innerHTML=o:(t.innerHTML="",t.appendChild(o)),!0}const o=()=>{this.toggle(e.__groupKey)};t.className="data-grid-row group-row",t.__isCustomRow=!0,t.setAttribute("data-group-depth",String(e.__groupDepth)),t.setAttribute("role","row"),t.setAttribute("aria-expanded",String(e.__groupExpanded)),t.style.setProperty("--tbw-group-depth",String(e.__groupDepth||0)),void 0!==r.indentWidth&&t.style.setProperty("--tbw-group-indent-width",`${r.indentWidth}px`),t.style.height="",t.innerHTML="";return!1!==r.fullWidth?this.renderFullWidthGroupRow(e,t,o):this.renderPerColumnGroupRow(e,t,o),!0}afterRender(){const e=this.animationStyle;if(!1===e||0===this.keysToAnimate.size)return;const t=this.gridElement?.querySelector(".rows");if(!t)return;const n="fade"===e?"tbw-group-fade-in":"tbw-group-slide-in";for(const r of t.querySelectorAll(".data-grid-row:not(.group-row)")){const e=r.querySelector(".cell[data-row]"),t=e?parseInt(e.getAttribute("data-row")??"-1",10):-1,o=this.flattenedRows[t],i="data"===o?.kind?`data-${t}`:void 0;i&&this.keysToAnimate.has(i)&&(r.classList.add(n),r.addEventListener("animationend",()=>r.classList.remove(n),{once:!0}))}this.keysToAnimate.clear()}createToggleButton(e,t){const n=document.createElement("button");return n.type="button",n.className="group-toggle"+(e?" expanded":""),n.setAttribute("aria-label",e?"Collapse group":"Expand group"),this.setIcon(n,this.resolveIcon(e?"collapse":"expand")),n.addEventListener("click",e=>{e.stopPropagation(),t()}),n}getGroupLabelText(e,t,n){const r=this.config;return r.formatLabel?r.formatLabel(e,t,n):String(e)}renderFullWidthGroupRow(e,t,n){const o=this.config,i=o.aggregators??{},s=e.__groupRows??[],a=document.createElement("div");a.className="cell group-full",a.style.gridColumn="1 / -1",a.setAttribute("role","gridcell"),a.setAttribute("data-col","0"),a.appendChild(this.createToggleButton(e.__groupExpanded,n));const d=document.createElement("span");if(d.className="group-label",d.textContent=this.getGroupLabelText(e.__groupValue,e.__groupDepth||0,e.__groupKey),a.appendChild(d),!1!==o.showRowCount){const t=document.createElement("span");t.className="group-count",t.textContent=`(${e.__groupRowCount??e.__groupRows?.length??0})`,a.appendChild(t)}const l=Object.entries(i);if(l.length>0){const e=document.createElement("span");e.className="group-aggregates";for(const[t,n]of l){const o=this.columns.find(e=>e.field===t),i=r.runAggregator(n,s,t,o);if(null!=i){const n=document.createElement("span");n.className="group-aggregate",n.setAttribute("data-field",t);const r=o?.header??t;n.textContent=`${r}: ${i}`,e.appendChild(n)}}e.children.length>0&&a.appendChild(e)}t.appendChild(a)}renderPerColumnGroupRow(e,t,o){const i=this.config,s=i.aggregators??{},a=this.columns,d=e.__groupRows??[],l=this.gridElement?.querySelector(".body"),p=l?.style.gridTemplateColumns||"";p&&(t.style.display="grid",t.style.gridTemplateColumns=p);let u=!1;a.forEach((a,l)=>{const p=document.createElement("div");if(p.className="cell group-cell",p.setAttribute("data-col",String(l)),p.setAttribute("role","gridcell"),n.isExpanderColumn(a))return p.setAttribute("data-field",a.field),void t.appendChild(p);if(u){const e=s[a.field];if(e){const t=r.runAggregator(e,d,a.field,a);p.textContent=null!=t?String(t):""}else p.textContent=""}else{u=!0,p.appendChild(this.createToggleButton(e.__groupExpanded,o));const t=document.createElement("span"),n=s[a.field];if(n){const o=r.runAggregator(n,d,a.field,a);t.textContent=String(null!=o?o:e.__groupValue)}else t.textContent=this.getGroupLabelText(e.__groupValue,e.__groupDepth||0,e.__groupKey);if(p.appendChild(t),!1!==i.showRowCount){const e=document.createElement("span");e.className="group-count",e.textContent=` (${d.length})`,p.appendChild(e)}}t.appendChild(p)})}expandAll(){this.expandedKeys=function(e){const t=new Set;for(const n of e)"group"===n.kind&&t.add(n.key);return t}(this.flattenedRows),this.emitPluginEvent("grouping-state-change",{expandedKeys:[...this.expandedKeys]}),this.requestRender()}collapseAll(){this.expandedKeys=new Set,this.emitPluginEvent("grouping-state-change",{expandedKeys:[...this.expandedKeys]}),this.requestRender()}toggle(e){const t=!this.expandedKeys.has(e),n=this.config,r=this.flattenedRows.find(t=>"group"===t.kind&&t.key===e);if(n.accordion&&t&&r){const t=new Set;for(const n of this.expandedKeys)if(e.startsWith(n+"||")||n.startsWith(e+"||"))e.startsWith(n+"||")&&t.add(n);else{const e=this.flattenedRows.find(e=>"group"===e.kind&&e.key===n);e&&e.depth!==r.depth&&t.add(n)}t.add(e),this.expandedKeys=t}else this.expandedKeys=function(e,t){const n=new Set(e);return n.has(t)?n.delete(t):n.add(t),n}(this.expandedKeys,e);this.emit("group-toggle",{key:e,expanded:this.expandedKeys.has(e),value:r?.value,depth:r?.depth??0}),this.emitPluginEvent("grouping-state-change",{expandedKeys:[...this.expandedKeys]}),this.requestRender()}isExpanded(e){return this.expandedKeys.has(e)}expand(e){this.expandedKeys.has(e)||(this.expandedKeys=new Set([...this.expandedKeys,e]),this.requestRender())}collapse(e){if(this.expandedKeys.has(e)){const t=new Set(this.expandedKeys);t.delete(e),this.expandedKeys=t,this.requestRender()}}getGroupState(){const e=this.flattenedRows.filter(e=>"group"===e.kind);return{isActive:this.isActive,expandedCount:this.expandedKeys.size,totalGroups:e.length,expandedKeys:[...this.expandedKeys]}}getRowCount(){return this.flattenedRows.length}refreshGroups(){this.requestRender()}getExpandedGroups(){return[...this.expandedKeys]}getFlattenedRows(){return this.flattenedRows}isGroupingActive(){return this.isActive}setGroupOn(e){this.config.groupOn=e,this.requestRender()}}e.GroupingRowsPlugin=i,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});
1
+ !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("../../core/plugin/base-plugin"),require("../../core/plugin/expander-column"),require("../../core/internal/aggregators")):"function"==typeof define&&define.amd?define(["exports","../../core/plugin/base-plugin","../../core/plugin/expander-column","../../core/internal/aggregators"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).TbwGridPlugin_groupingRows={},e.TbwGrid,e.TbwGrid,e.TbwGrid)}(this,function(e,t,n,r){"use strict";function o({rows:e,config:t,expanded:n,initialExpanded:r}){const o=t.groupOn;if("function"!=typeof o)return[];const i={key:"__root__",value:null,depth:-1,rows:[],children:new Map};if(e.forEach(e=>{let t=o(e);null==t||!1===t?t=["__ungrouped__"]:Array.isArray(t)||(t=[t]);let n=i;t.forEach((e,t)=>{const r=null==e?"∅":String(e),o="__root__"===n.key?r:n.key+"||"+r;let i=n.children.get(r);i||(i={key:o,value:e,depth:t,rows:[],children:new Map,parent:n},n.children.set(r,i)),n=i}),n.rows.push(e)}),1===i.children.size&&i.children.has("__ungrouped__")){if(i.children.get("__ungrouped__").rows.length===e.length)return[]}const s=new Set([...n,...r??[]]),a=[],d=t=>{if(t===i)return void t.children.forEach(e=>d(e));const n=s.has(t.key);a.push({kind:"group",key:t.key,value:t.value,depth:t.depth,rows:t.rows,expanded:n}),n&&(t.children.size?t.children.forEach(e=>d(e)):t.rows.forEach(t=>a.push({kind:"data",row:t,rowIndex:e.indexOf(t)})))};return d(i),a}class i extends t.BaseGridPlugin{static manifest={incompatibleWith:[{name:"tree",reason:"Both plugins transform the entire row model. TreePlugin flattens nested hierarchies while GroupingRowsPlugin groups flat rows with synthetic headers. Use one approach per grid."},{name:"pivot",reason:"PivotPlugin creates its own aggregated row and column structure. Row grouping cannot be applied on top of pivot-generated rows."},{name:"serverSide",reason:"Row grouping requires the full dataset to compute group boundaries. ServerSidePlugin lazy-loads rows in blocks, so groups cannot be built client-side."}],events:[{type:"grouping-state-change",description:"Emitted when groups are expanded/collapsed. Subscribers can react to row visibility changes."}],queries:[{type:"canMoveRow",description:"Returns false for group header rows (cannot be reordered)"}],configRules:[{id:"groupingRows/accordion-defaultExpanded",severity:"warn",message:'"accordion: true" and "defaultExpanded" (non-false) are used together.\n → In accordion mode, only one group can be open at a time.\n → Using defaultExpanded with multiple groups will collapse to one on first toggle.\n → Consider using "defaultExpanded: false" or a single group key/index with accordion mode.',check:e=>!0===e.accordion&&!1!==e.defaultExpanded&&void 0!==e.defaultExpanded&&!("number"==typeof e.defaultExpanded)&&!("string"==typeof e.defaultExpanded)&&(!0===e.defaultExpanded||Array.isArray(e.defaultExpanded)&&e.defaultExpanded.length>1)}]};name="groupingRows";styles="@layer tbw-plugins{.group-row{display:grid;grid-template-columns:var(--tbw-column-template);background:var(--tbw-grouping-rows-bg, var(--tbw-color-panel-bg));font-weight:500;border-bottom:var(--tbw-row-divider);min-height:var(--tbw-row-height)}.group-row .cell{display:flex;align-items:center;padding:var(--tbw-cell-padding, .125rem .5rem)}.group-row:hover{background:var(--tbw-grouping-rows-bg-hover, var(--tbw-color-row-hover))}.group-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center;width:var(--tbw-toggle-size, 1.25rem);height:var(--tbw-toggle-size, 1.25rem);margin-right:.25rem;background:none;border:0;font:inherit}.group-toggle:hover{background:var(--tbw-grouping-rows-toggle-hover, var(--tbw-color-row-hover));border-radius:var(--tbw-border-radius, .125rem)}.group-label{display:inline-flex;align-items:center;gap:var(--tbw-panel-gap, var(--tbw-spacing-md, .5rem))}.group-count{color:var(--tbw-grouping-rows-count-color, var(--tbw-color-fg-muted));font-size:var(--tbw-font-size-xs, .85em);font-weight:400}.group-aggregates{display:inline-flex;align-items:center;gap:var(--tbw-spacing-lg, 1rem);margin-left:var(--tbw-spacing-lg, 1rem);font-weight:400;font-size:var(--tbw-font-size-sm, .875em);color:var(--tbw-grouping-rows-aggregate-color, var(--tbw-color-fg-muted))}.group-aggregate{white-space:nowrap}.group-row{padding-left:calc(var(--tbw-group-depth, 0) * var(--tbw-group-indent-width, 1.25em))}.data-grid-row.tbw-group-slide-in{animation:tbw-group-slide-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-group-slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.data-grid-row.tbw-group-fade-in{animation:tbw-group-fade-in var(--tbw-animation-duration, .2s) var(--tbw-animation-easing, ease-out) forwards}@keyframes tbw-group-fade-in{0%{opacity:0}to{opacity:1}}}";get defaultConfig(){return{defaultExpanded:!1,showRowCount:!0,indentWidth:20,aggregators:{},animation:"slide",accordion:!1}}expandedKeys=new Set;flattenedRows=[];isActive=!1;previousVisibleKeys=new Set;keysToAnimate=new Set;hasAppliedDefaultExpanded=!1;get animationStyle(){return!!this.isAnimationEnabled&&(this.config.animation??"slide")}detach(){this.expandedKeys.clear(),this.flattenedRows=[],this.isActive=!1,this.previousVisibleKeys.clear(),this.keysToAnimate.clear(),this.hasAppliedDefaultExpanded=!1}getRowHeight(e,t){if(null!=this.config.groupRowHeight)return!0===e.__isGroupRow?this.config.groupRowHeight:void 0}handleQuery(e){if("canMoveRow"===e.type){const t=e.context;if(!0===t?.__isGroupRow)return!1}}static detect(e,t){return"function"==typeof t?.groupOn||"boolean"==typeof t?.enableRowGrouping}processRows(e){const t=this.config;if("function"!=typeof t.groupOn)return this.isActive=!1,this.flattenedRows=[],[...e];const n=o({rows:[...e],config:t,expanded:new Set});if(0===n.length)return this.isActive=!1,this.flattenedRows=[],[...e];let r;if(!this.hasAppliedDefaultExpanded&&0===this.expandedKeys.size&&!1!==t.defaultExpanded){const e=function(e){return e.filter(e=>"group"===e.kind).map(e=>e.key)}(n);r=function(e,t){if(!0===e)return new Set(t);if(!1===e||null==e)return new Set;if("number"==typeof e){const n=t[e];return n?new Set([n]):new Set}return"string"==typeof e?new Set([e]):Array.isArray(e)?new Set(e):new Set}(t.defaultExpanded??!1,e),r.size>0&&(this.expandedKeys=new Set(r),this.hasAppliedDefaultExpanded=!0)}const i=o({rows:[...e],config:t,expanded:this.expandedKeys,initialExpanded:r});this.isActive=!0,this.flattenedRows=i,this.keysToAnimate.clear();const s=new Set;return i.forEach((e,t)=>{if("data"===e.kind){const e=`data-${t}`;s.add(e),this.previousVisibleKeys.has(e)||this.keysToAnimate.add(e)}}),this.previousVisibleKeys=s,i.map(e=>{return"group"===e.kind?{__isGroupRow:!0,__groupKey:e.key,__groupValue:e.value,__groupDepth:e.depth,__groupRows:e.rows,__groupExpanded:e.expanded,__groupRowCount:(t=e,"group"!==t.kind?0:t.rows.length),__rowCacheKey:`group:${e.key}`}:e.row;var t})}onCellClick(e){const t=e.row;if(t?.__isGroupRow){const n=e.originalEvent.target;if(n?.closest(".group-toggle"))return this.toggle(t.__groupKey),!0}}onKeyDown(e){if(" "!==e.key)return;const t=this.grid._focusRow,n=this.rows[t];return n?.__isGroupRow?(e.preventDefault(),this.toggle(n.__groupKey),this.requestRenderWithFocus(),!0):void 0}renderRow(e,t,n){if(!e?.__isGroupRow)return!1;const r=this.config;if(r.groupRowRenderer){const n=()=>{this.toggle(e.__groupKey)},o=r.groupRowRenderer({key:e.__groupKey,value:e.__groupValue,depth:e.__groupDepth,rows:e.__groupRows,expanded:e.__groupExpanded,toggleExpand:n});if(o)return t.className="data-grid-row group-row",t.__isCustomRow=!0,t.setAttribute("data-group-depth",String(e.__groupDepth)),"string"==typeof o?t.innerHTML=o:(t.innerHTML="",t.appendChild(o)),!0}const o=()=>{this.toggle(e.__groupKey)};t.className="data-grid-row group-row",t.__isCustomRow=!0,t.setAttribute("data-group-depth",String(e.__groupDepth)),t.setAttribute("role","row"),t.setAttribute("aria-expanded",String(e.__groupExpanded)),t.style.setProperty("--tbw-group-depth",String(e.__groupDepth||0)),void 0!==r.indentWidth&&t.style.setProperty("--tbw-group-indent-width",`${r.indentWidth}px`),t.style.height="",t.innerHTML="";return!1!==r.fullWidth?this.renderFullWidthGroupRow(e,t,o):this.renderPerColumnGroupRow(e,t,o),!0}afterRender(){const e=this.animationStyle;if(!1===e||0===this.keysToAnimate.size)return;const t=this.gridElement?.querySelector(".rows");if(!t)return;const n="fade"===e?"tbw-group-fade-in":"tbw-group-slide-in";for(const r of t.querySelectorAll(".data-grid-row:not(.group-row)")){const e=r.querySelector(".cell[data-row]"),t=e?parseInt(e.getAttribute("data-row")??"-1",10):-1,o=this.flattenedRows[t],i="data"===o?.kind?`data-${t}`:void 0;i&&this.keysToAnimate.has(i)&&(r.classList.add(n),r.addEventListener("animationend",()=>r.classList.remove(n),{once:!0}))}this.keysToAnimate.clear()}createToggleButton(e,t){const n=document.createElement("button");return n.type="button",n.className="group-toggle"+(e?" expanded":""),n.setAttribute("aria-label",e?"Collapse group":"Expand group"),this.setIcon(n,this.resolveIcon(e?"collapse":"expand")),n.addEventListener("click",e=>{e.stopPropagation(),t()}),n}getGroupLabelText(e,t,n){const r=this.config;return r.formatLabel?r.formatLabel(e,t,n):String(e)}renderFullWidthGroupRow(e,t,n){const o=this.config,i=o.aggregators??{},s=e.__groupRows??[],a=document.createElement("div");a.className="cell group-full",a.style.gridColumn="1 / -1",a.setAttribute("role","gridcell"),a.setAttribute("data-col","0"),a.appendChild(this.createToggleButton(e.__groupExpanded,n));const d=document.createElement("span");if(d.className="group-label",d.textContent=this.getGroupLabelText(e.__groupValue,e.__groupDepth||0,e.__groupKey),a.appendChild(d),!1!==o.showRowCount){const t=document.createElement("span");t.className="group-count",t.textContent=`(${e.__groupRowCount??e.__groupRows?.length??0})`,a.appendChild(t)}const l=Object.entries(i);if(l.length>0){const e=document.createElement("span");e.className="group-aggregates";for(const[t,n]of l){const o=this.columns.find(e=>e.field===t),i=r.runAggregator(n,s,t,o);if(null!=i){const n=document.createElement("span");n.className="group-aggregate",n.setAttribute("data-field",t);const r=o?.header??t;n.textContent=`${r}: ${i}`,e.appendChild(n)}}e.children.length>0&&a.appendChild(e)}t.appendChild(a)}renderPerColumnGroupRow(e,t,o){const i=this.config,s=i.aggregators??{},a=this.columns,d=e.__groupRows??[],l=this.gridElement?.querySelector(".body"),p=l?.style.gridTemplateColumns||"";p&&(t.style.display="grid",t.style.gridTemplateColumns=p);let u=!1;a.forEach((a,l)=>{const p=document.createElement("div");if(p.className="cell group-cell",p.setAttribute("data-col",String(l)),p.setAttribute("role","gridcell"),n.isExpanderColumn(a))return p.setAttribute("data-field",a.field),void t.appendChild(p);if(u){const e=s[a.field];if(e){const t=r.runAggregator(e,d,a.field,a);p.textContent=null!=t?String(t):""}else p.textContent=""}else{u=!0,p.appendChild(this.createToggleButton(e.__groupExpanded,o));const t=document.createElement("span"),n=s[a.field];if(n){const o=r.runAggregator(n,d,a.field,a);t.textContent=String(null!=o?o:e.__groupValue)}else t.textContent=this.getGroupLabelText(e.__groupValue,e.__groupDepth||0,e.__groupKey);if(p.appendChild(t),!1!==i.showRowCount){const e=document.createElement("span");e.className="group-count",e.textContent=` (${d.length})`,p.appendChild(e)}}t.appendChild(p)})}expandAll(){this.expandedKeys=function(e){const t=new Set;for(const n of e)"group"===n.kind&&t.add(n.key);return t}(this.flattenedRows),this.emitPluginEvent("grouping-state-change",{expandedKeys:[...this.expandedKeys]}),this.requestRender()}collapseAll(){this.expandedKeys=new Set,this.emitPluginEvent("grouping-state-change",{expandedKeys:[...this.expandedKeys]}),this.requestRender()}toggle(e){const t=!this.expandedKeys.has(e),n=this.config,r=this.flattenedRows.find(t=>"group"===t.kind&&t.key===e);if(n.accordion&&t&&r){const t=new Set;for(const n of this.expandedKeys)if(e.startsWith(n+"||")||n.startsWith(e+"||"))e.startsWith(n+"||")&&t.add(n);else{const e=this.flattenedRows.find(e=>"group"===e.kind&&e.key===n);e&&e.depth!==r.depth&&t.add(n)}t.add(e),this.expandedKeys=t}else this.expandedKeys=function(e,t){const n=new Set(e);return n.has(t)?n.delete(t):n.add(t),n}(this.expandedKeys,e);this.emit("group-toggle",{key:e,expanded:this.expandedKeys.has(e),value:r?.value,depth:r?.depth??0}),this.emitPluginEvent("grouping-state-change",{expandedKeys:[...this.expandedKeys]}),this.requestRender()}isExpanded(e){return this.expandedKeys.has(e)}expand(e){this.expandedKeys.has(e)||(this.expandedKeys=new Set([...this.expandedKeys,e]),this.requestRender())}collapse(e){if(this.expandedKeys.has(e)){const t=new Set(this.expandedKeys);t.delete(e),this.expandedKeys=t,this.requestRender()}}getGroupState(){const e=this.flattenedRows.filter(e=>"group"===e.kind);return{isActive:this.isActive,expandedCount:this.expandedKeys.size,totalGroups:e.length,expandedKeys:[...this.expandedKeys]}}getRowCount(){return this.flattenedRows.length}refreshGroups(){this.requestRender()}getExpandedGroups(){return[...this.expandedKeys]}getFlattenedRows(){return this.flattenedRows}isGroupingActive(){return this.isActive}setGroupOn(e){this.config.groupOn=e,this.requestRender()}}e.GroupingRowsPlugin=i,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});
2
2
  //# sourceMappingURL=grouping-rows.umd.js.map