chore(*): Remove header group width pipe as it is not needed.

Author: MKirova

projects/igniteui-angular/src/lib/grids/headers/grid-header-group.component.ts

@@ -20,7 +20,7 @@ import { IgxGridFilteringCellComponent } from '../filtering/base/grid-filtering-
 import { ColumnType, GridType, IGX_GRID_BASE } from '../common/grid.interface';
 import { GridSelectionMode } from '../common/enums';
 import { PlatformUtil } from '../../core/utils';
-import { IgxHeaderGroupWidthPipe, IgxHeaderGroupStylePipe } from './pipes';
+import { IgxHeaderGroupStylePipe } from './pipes';
 import { IgxResizeHandleDirective } from '../resizing/resize-handle.directive';
 import { IgxIconComponent } from '../../icon/icon.component';
 import { IgxColumnMovingDropDirective } from '../moving/moving.drop.directive';

projects/igniteui-angular/src/lib/grids/headers/grid-header-row.component.ts

@@ -19,7 +19,7 @@ import { IgxGridFilteringCellComponent } from '../filtering/base/grid-filtering-
 import { IgxGridFilteringRowComponent } from '../filtering/base/grid-filtering-row.component';
 import { IgxGridHeaderGroupComponent } from './grid-header-group.component';
 import { IgxGridHeaderComponent } from './grid-header.component';
-import { IgxHeaderGroupWidthPipe, IgxHeaderGroupStylePipe } from './pipes';
+import { IgxHeaderGroupStylePipe } from './pipes';
 import { IgxGridTopLevelColumns } from '../common/pipes';
 import { IgxCheckboxComponent } from '../../checkbox/checkbox.component';
 import { IgxColumnMovingDropDirective } from '../moving/moving.drop.directive';

projects/igniteui-angular/src/lib/grids/headers/pipes.ts

@@ -14,19 +14,6 @@ export class SortingIndexPipe implements PipeTransform {
     }
 }
 
-@Pipe({
-    name: 'igxHeaderGroupWidth',
-    standalone: true
-})
-export class IgxHeaderGroupWidthPipe implements PipeTransform {
-
-    public transform(width: any, hasLayout: boolean) {
-        const isFitContent = width === 'fit-content';
-        return hasLayout ? '' : isFitContent ? width : `${parseFloat(width)}px`;
-    }
-}
-
-
 @Pipe({
     name: 'igxHeaderGroupStyle',
     standalone: true

projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-header-row.component.html

@@ -254,8 +254,8 @@
                             <igx-pivot-row-header-group #rowDimensionHeaders
                                 [ngClass]="dimCol.headerGroupClasses"
                                 [ngStyle]="dimCol.headerGroupStyles | igxHeaderGroupStyle:dimCol:grid.pipeTrigger"
-                                [style.min-width]="grid.rowDimensionWidthToPixels(this.grid.visibleRowDimensions[colIndex]) | igxHeaderGroupWidth:hasMRL"
-                                [style.flex-basis]="grid.rowDimensionWidthToPixels(this.grid.visibleRowDimensions[colIndex]) | igxHeaderGroupWidth:hasMRL"
+                                [style.min-width]="grid.rowDimensionWidthToPixels(this.grid.visibleRowDimensions[colIndex])"
+                                [style.flex-basis]="grid.rowDimensionWidthToPixels(this.grid.visibleRowDimensions[colIndex])"
                                 [column]="dimCol"
                                 [rootDimension]="grid.visibleRowDimensions[colIndex]"
                                 [dimWidth]="grid.rowDimensionWidthToPixels(this.grid.visibleRowDimensions[colIndex])"
@@ -271,8 +271,8 @@
                 @for (column of pinnedStartColumnCollection | igxTopLevel; track column) {
                     <igx-grid-header-group [ngClass]="column.headerGroupClasses"
                         [ngStyle]="column.headerGroupStyles | igxHeaderGroupStyle:column:grid.pipeTrigger" [column]="column"
-                        [style.min-width]="column.resolvedWidth | igxHeaderGroupWidth:hasMRL"
-                        [style.flex-basis]="column.resolvedWidth | igxHeaderGroupWidth:hasMRL"
+                        [style.min-width]="column.resolvedWidth"
+                        [style.flex-basis]="column.resolvedWidth"
                         (pointerdown)="grid.navigation.focusOutRowHeader($event)">
                     </igx-grid-header-group>
                 }
@@ -287,8 +287,8 @@
                             <igx-grid-header-group [ngClass]="column.headerGroupClasses"
                                 [style.height.px]="totalDepth > 1 ? calcHeight(column, i) : undefined"
                                 [ngStyle]="column.headerGroupStyles |igxHeaderGroupStyle:column:grid.pipeTrigger" [column]="column"
-                                [style.min-width]="column.resolvedWidth | igxHeaderGroupWidth:hasMRL"
-                                [style.flex-basis]="column.resolvedWidth | igxHeaderGroupWidth:hasMRL"
+                                [style.min-width]="column.resolvedWidth"
+                                [style.flex-basis]="column.resolvedWidth"
                                 [class.igx-grid__tr-pivot--columnDimensionLeaf]="isDuplicateOfExistingParent(column, i)"
                                 [class.igx-grid__tr-pivot--columnMultiRowSpan]="isMultiRow(column, i)"
                             >
@@ -303,8 +303,8 @@
                 @for (column of pinnedEndColumnCollection | igxTopLevel; track column) {
                     <igx-grid-header-group [ngClass]="column.headerGroupClasses"
                         [ngStyle]="column.headerGroupStyles |igxHeaderGroupStyle:column:grid.pipeTrigger" [column]="column"
-                        [style.min-width]="column.resolvedWidth | igxHeaderGroupWidth:hasMRL"
-                        [style.flex-basis]="column.resolvedWidth | igxHeaderGroupWidth:hasMRL"
+                        [style.min-width]="column.resolvedWidth"
+                        [style.flex-basis]="column.resolvedWidth"
                         [style.left]="column.rightPinnedOffset" (pointerdown)="grid.navigation.focusOutRowHeader($event)">
                     </igx-grid-header-group>
                 }

projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-header-row.component.ts

@@ -26,7 +26,7 @@ import { DropPosition } from '../moving/moving.service';
 import { IPivotAggregator, IPivotDimension, IPivotValue, PivotDimensionType } from './pivot-grid.interface';
 import { PivotUtil } from './pivot-util';
 import { IgxGridTopLevelColumns } from '../common/pipes';
-import { IgxHeaderGroupWidthPipe, IgxHeaderGroupStylePipe } from '../headers/pipes';
+import { IgxHeaderGroupStylePipe } from '../headers/pipes';
 import { IgxExcelStyleSearchComponent } from '../filtering/excel-style/excel-style-search.component';
 import { IgxGridExcelStyleFilteringComponent, IgxExcelStyleColumnOperationsTemplateDirective, IgxExcelStyleFilterOperationsTemplateDirective } from '../filtering/excel-style/excel-style-filtering.component';
 import { IgxDropDownItemComponent } from '../../drop-down/drop-down-item.component';
@@ -56,7 +56,7 @@ import { IgxPivotRowHeaderGroupComponent } from './pivot-row-header-group.compon
         NgTemplateOutlet, IgxGridHeaderGroupComponent, NgClass, NgStyle, IgxGridForOfDirective,
         IgxDropDownComponent, IgxDropDownItemComponent, IgxGridExcelStyleFilteringComponent,
         IgxExcelStyleColumnOperationsTemplateDirective, IgxExcelStyleFilterOperationsTemplateDirective,
-        IgxExcelStyleSearchComponent, IgxHeaderGroupWidthPipe, IgxHeaderGroupStylePipe, IgxGridTopLevelColumns,
+        IgxExcelStyleSearchComponent, IgxHeaderGroupStylePipe, IgxGridTopLevelColumns,
         IgxPivotRowHeaderGroupComponent]
 })
 export class IgxPivotHeaderRowComponent extends IgxGridHeaderRowComponent implements OnChanges {

projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-row-dimension-content.component.html

@@ -3,9 +3,9 @@
     <div class="igx-grid__tr igx-grid__tr-header-row" role="row" [style.width.px]="width">
             <igx-pivot-row-dimension-header-group [ngClass]="rowDimensionColumn.headerGroupClasses"
                 [ngStyle]="rowDimensionColumn.headerGroupStyles | igxHeaderGroupStyle:rowDimensionColumn:grid.pipeTrigger" [column]="rowDimensionColumn"
-                [style.min-width]="getHeaderWidthFromDimension() | igxHeaderGroupWidth:hasMRL"
-                [style.width]="getHeaderWidthFromDimension() | igxHeaderGroupWidth:hasMRL"
-                [style.flex-basis]="getHeaderWidthFromDimension() | igxHeaderGroupWidth:hasMRL"
+                [style.min-width]="getHeaderWidthFromDimension()"
+                [style.width]="getHeaderWidthFromDimension()"
+                [style.flex-basis]="getHeaderWidthFromDimension()"
                 [rowIndex]="rowIndex"
                 [colIndex]="colIndex"
                 [layout]="layout"

projects/igniteui-angular/src/lib/grids/pivot-grid/pivot-row-dimension-content.component.ts

@@ -23,7 +23,7 @@ import { IgxGridHeaderRowComponent } from '../headers/grid-header-row.component'
 import { IPivotDimension, IPivotDimensionData, IPivotGridGroupRecord } from './pivot-grid.interface';
 import { IgxPivotRowDimensionHeaderGroupComponent } from './pivot-row-dimension-header-group.component';
 import { PivotUtil } from './pivot-util';
-import { IgxHeaderGroupWidthPipe, IgxHeaderGroupStylePipe } from '../headers/pipes';
+import { IgxHeaderGroupStylePipe } from '../headers/pipes';
 import { IgxIconComponent } from '../../icon/icon.component';
 import { NgClass, NgStyle } from '@angular/common';
 import { IMultiRowLayoutNode } from '../common/types';
@@ -40,7 +40,7 @@ import { IMultiRowLayoutNode } from '../common/types';
     changeDetection: ChangeDetectionStrategy.OnPush,
     selector: 'igx-pivot-row-dimension-content',
     templateUrl: './pivot-row-dimension-content.component.html',
-    imports: [IgxPivotRowDimensionHeaderGroupComponent, NgClass, NgStyle, IgxIconComponent, IgxHeaderGroupWidthPipe, IgxHeaderGroupStylePipe]
+    imports: [IgxPivotRowDimensionHeaderGroupComponent, NgClass, NgStyle, IgxIconComponent, IgxHeaderGroupStylePipe]
 })
 export class IgxPivotRowDimensionContentComponent extends IgxGridHeaderRowComponent implements OnChanges {
     @HostBinding('style.grid-row-start')