@alaarab/ogrid-angular-material 2.5.9 → 2.6.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.
- package/dist/esm/index.js +23 -1
- package/package.json +2 -2
package/dist/esm/index.js
CHANGED
|
@@ -497,7 +497,28 @@ import {INLINE_CELL_EDITOR_STYLES,INLINE_CELL_EDITOR_TEMPLATE,POPOVER_CELL_EDITO
|
|
|
497
497
|
@if (vsEnabled() && vsTopSpacerHeight() > 0) {
|
|
498
498
|
<tr class="ogrid-datagrid-vs-spacer" [style.height.px]="vsTopSpacerHeight()"></tr>
|
|
499
499
|
}
|
|
500
|
-
@for (item of vsVisibleItems(); track
|
|
500
|
+
@for (item of vsVisibleItems(); track trackRow(localIdx, item); let localIdx = $index) {
|
|
501
|
+
@if (isRowGroupHeader(item)) {
|
|
502
|
+
<tr
|
|
503
|
+
class="ogrid-datagrid-row ogrid-datagrid-row--group-header"
|
|
504
|
+
style="background: var(--ogrid-bg-row-group, var(--ogrid-bg-hover, #f5f5f5)); font-weight: 500"
|
|
505
|
+
>
|
|
506
|
+
<td [attr.colspan]="totalColCount()" [style.padding-left.px]="$any(item).group.depth * 16 + 8">
|
|
507
|
+
<button
|
|
508
|
+
(click)="toggleGroup($any(item).group.groupKey)"
|
|
509
|
+
(keydown.enter)="$event.preventDefault(); toggleGroup($any(item).group.groupKey)"
|
|
510
|
+
(keydown.space)="$event.preventDefault(); toggleGroup($any(item).group.groupKey)"
|
|
511
|
+
tabindex="0"
|
|
512
|
+
style="background: none; border: none; cursor: pointer; padding: 2px 6px; font: inherit; display: inline-flex; align-items: center; gap: 6px"
|
|
513
|
+
>
|
|
514
|
+
<span style="display: inline-block; transition: transform 0.15s; font-size: 12px"
|
|
515
|
+
[style.transform]="rowGroupExpandedGroups().has($any(item).group.groupKey) ? 'rotate(90deg)' : 'rotate(0deg)'"
|
|
516
|
+
>▶</span>
|
|
517
|
+
<span>{{ $any(item).group.displayText }} ({{ $any(item).group.itemCount }})</span>
|
|
518
|
+
</button>
|
|
519
|
+
</td>
|
|
520
|
+
</tr>
|
|
521
|
+
} @else {
|
|
501
522
|
@let rowIndex = vsStartIndex() + localIdx;
|
|
502
523
|
@let rowId = getRowId()(item);
|
|
503
524
|
@let isSelected = selectedRowIds().has(rowId);
|
|
@@ -618,6 +639,7 @@ import {INLINE_CELL_EDITOR_STYLES,INLINE_CELL_EDITOR_TEMPLATE,POPOVER_CELL_EDITO
|
|
|
618
639
|
<td [style.width.px]="vsRightSpacerWidth()" [style.minWidth.px]="vsRightSpacerWidth()" [style.maxWidth.px]="vsRightSpacerWidth()" [style.padding]="'0'"></td>
|
|
619
640
|
}
|
|
620
641
|
</tr>
|
|
642
|
+
}
|
|
621
643
|
}
|
|
622
644
|
@if (vsEnabled() && vsBottomSpacerHeight() > 0) {
|
|
623
645
|
<tr class="ogrid-datagrid-vs-spacer" [style.height.px]="vsBottomSpacerHeight()"></tr>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alaarab/ogrid-angular-material",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.6.0",
|
|
4
4
|
"description": "OGrid Angular Material – MatTable-based data grid with sorting, filtering, pagination, column chooser, and CSV export.",
|
|
5
5
|
"main": "dist/esm/index.js",
|
|
6
6
|
"module": "dist/esm/index.js",
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"node": ">=18"
|
|
38
38
|
},
|
|
39
39
|
"dependencies": {
|
|
40
|
-
"@alaarab/ogrid-angular": "2.
|
|
40
|
+
"@alaarab/ogrid-angular": "2.6.0"
|
|
41
41
|
},
|
|
42
42
|
"peerDependencies": {
|
|
43
43
|
"@angular/cdk": "^21.0.0",
|