chore(*): Remove and update all old checks for root grid pin direction.

Author: MKirova

projects/igniteui-angular/src/lib/grids/columns/column.component.ts

@@ -1507,7 +1507,8 @@ export class IgxColumnComponent implements AfterContentInit, OnDestroy, ColumnTy
             return this._vIndex;
         }
         const unpinnedColumns = this.grid.unpinnedColumns.filter(c => !c.columnGroup);
-        const pinnedColumns = this.grid.pinnedColumns.filter(c => !c.columnGroup);
+        const pinnedStartColumns = this.grid.pinnedStartColumns.filter(c => !c.columnGroup);
+        const pinnedEndColumns = this.grid.pinnedEndColumns.filter(c => !c.columnGroup);
 
         let col = this;
         let vIndex = -1;
@@ -1522,15 +1523,13 @@ export class IgxColumnComponent implements AfterContentInit, OnDestroy, ColumnTy
         if (!this.pinned) {
             const indexInCollection = unpinnedColumns.indexOf(col);
             vIndex = indexInCollection === -1 ?
-                -1 :
-                (this.grid.isPinningToStart ?
-                    pinnedColumns.length + indexInCollection :
-                    indexInCollection);
+                -1 : pinnedStartColumns.length + indexInCollection;
         } else {
-            const indexInCollection = pinnedColumns.indexOf(col);
-            vIndex = this.grid.isPinningToStart ?
+            const indexInCollection = this.pinningPosition === ColumnPinningPosition.Start ?
+            pinnedStartColumns.indexOf(col) : pinnedEndColumns.indexOf(col);
+            vIndex = this.pinningPosition === ColumnPinningPosition.Start ?
                 indexInCollection :
-                unpinnedColumns.length + indexInCollection;
+                pinnedStartColumns.length + unpinnedColumns.length + indexInCollection;
         }
         this._vIndex = vIndex;
         return vIndex;

projects/igniteui-angular/src/lib/grids/common/grid.interface.ts

@@ -776,8 +776,6 @@ export interface GridType extends IGridDataBindable {
     isRowSelectable: boolean;
     /** Indicates whether the selectors of the rows are visible */
     showRowSelectors: boolean;
-    /** Indicates whether the grid's element is pinned to the start of the grid */
-    isPinningToStart: boolean;
     /** Indicates if the column of the grid is in drag mode */
     columnInDrag: any;
     /** @hidden @internal */

projects/igniteui-angular/src/lib/grids/filtering/excel-style/excel-style-moving.component.ts

@@ -4,6 +4,7 @@ import { BaseFilteringComponent } from './base-filtering.component';
 import { IgxIconComponent } from '../../../icon/icon.component';
 import { IgxButtonDirective } from '../../../directives/button/button.directive';
 import { IgxButtonGroupComponent } from '../../../buttonGroup/buttonGroup.component';
+import { ColumnPinningPosition } from '../../common/enums';
 
 /**
  * A component used for presenting Excel style column moving UI.
@@ -49,24 +50,24 @@ export class IgxExcelStyleMovingComponent {
     public onMoveButtonClicked(moveDirection) {
         let targetColumn;
         if (this.esf.column.pinned) {
-            if (this.esf.column.isLastPinned && moveDirection === 1 && this.esf.grid.isPinningToStart) {
+            if (this.esf.column.isLastPinned && moveDirection === 1 && this.esf.column.pinningPosition === ColumnPinningPosition.Start) {
                 targetColumn = this.esf.grid.unpinnedColumns[0];
                 moveDirection = 0;
-            } else if (this.esf.column.isFirstPinned && moveDirection === 0 && !this.esf.grid.isPinningToStart) {
+            } else if (this.esf.column.isFirstPinned && moveDirection === 0 && this.esf.column.pinningPosition === ColumnPinningPosition.End) {
                 targetColumn = this.esf.grid.unpinnedColumns[this.esf.grid.unpinnedColumns.length - 1];
                 moveDirection = 1;
             } else {
                 targetColumn = this.findColumn(moveDirection, this.esf.grid.pinnedColumns);
             }
         } else if (this.esf.grid.unpinnedColumns.indexOf(this.esf.column) === 0 && moveDirection === 0 &&
-                    this.esf.grid.isPinningToStart) {
+        this.esf.column.pinningPosition === ColumnPinningPosition.Start) {
             targetColumn = this.esf.grid.pinnedColumns[this.esf.grid.pinnedColumns.length - 1];
             if (targetColumn.parent) {
                 targetColumn = targetColumn.topLevelParent;
             }
             moveDirection = 1;
         } else if (this.esf.grid.unpinnedColumns.indexOf(this.esf.column) === this.esf.grid.unpinnedColumns.length - 1 &&
-            moveDirection === 1 && !this.esf.grid.isPinningToStart) {
+            moveDirection === 1 && this.esf.column.pinningPosition === ColumnPinningPosition.End) {
             targetColumn = this.esf.grid.pinnedColumns[0];
             moveDirection = 0;
         } else {

projects/igniteui-angular/src/lib/grids/grid-base.directive.ts

@@ -2636,14 +2636,6 @@ export abstract class IgxGridBaseDirective implements GridType,
         this._headSelectorTemplate = template;
     }
 
-    /**
-     * @hidden
-     * @internal
-     */
-    public get isPinningToStart() {
-        return this.pinning.columns !== ColumnPinningPosition.End;
-    }
-
     /**
      * @hidden
      * @internal
@@ -7614,9 +7606,9 @@ export abstract class IgxGridBaseDirective implements GridType,
         let columnIndex = typeof column === 'number' ? column : this.getColumnByName(column).visibleIndex;
         const scrollRow = this.rowList.find(r => !!r.virtDirRow);
         const virtDir = scrollRow ? scrollRow.virtDirRow : null;
-        if (this.isPinningToStart && this.pinnedColumns.length) {
-            if (columnIndex >= this.pinnedColumns.length) {
-                columnIndex -= this.pinnedColumns.length;
+        if (this.pinnedStartColumns.length) {
+            if (columnIndex >= this.pinnedStartColumns.length) {
+                columnIndex -= this.pinnedStartColumns.length;
                 this.scrollDirective(virtDir, columnIndex);
             }
         } else {

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

@@ -27,7 +27,7 @@ export class IgxGridRowComponent extends IgxRowDirective {
     }
 
     public get mrlRightPinnedOffset(): string {
-        return !this.grid.isPinningToStart ?
+        return this.grid.pinnedStartColumns.length > 0 ?
             - this.grid.pinnedStartWidth - this.grid.headerFeaturesWidth + 'px' :
             null;
     }

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

@@ -49,7 +49,7 @@
         </div>
     }
 
-    @if (pinnedColumns.length > 0 && grid.isPinningToStart) {
+    @if (pinnedStartColumns.length > 0) {
         <ng-template *ngTemplateOutlet="pinnedCellsTemplate; context: this"></ng-template>
     }
 
@@ -82,7 +82,7 @@
         </igx-hierarchical-grid-cell>
     </ng-template>
 
-    @if (pinnedColumns.length > 0 && !grid.isPinningToStart) {
+    @if (pinnedEndColumns.length > 0) {
         <ng-template *ngTemplateOutlet="pinnedCellsTemplate; context: this"></ng-template>
     }
 

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

@@ -91,7 +91,7 @@
         <ng-template igxGridFor [igxGridForOf]="EMPTY_DATA" #scrollContainer>
         </ng-template>
     </div>
-    <div class="igx-grid__scroll-end" [style.width.px]="pivotPinnedWidth" [style.min-width.px]="pivotPinnedWidth" [hidden]="pivotPinnedWidth === 0 || isPinningToStart"></div>
+    <div class="igx-grid__scroll-end" [style.width.px]="pivotPinnedWidth" [style.min-width.px]="pivotPinnedWidth" [hidden]="pivotPinnedWidth === 0"></div>
 </div>
 
 <div class="igx-grid__tfoot" role="rowgroup" #tfoot>

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

@@ -1307,7 +1307,7 @@ export class IgxPivotGridComponent extends IgxGridBaseDirective implements OnIni
 
     /** @hidden @internal */
     public get pivotPinnedWidth() {
-        return !this._init ? (this.isPinningToStart ? this.pinnedStartWidth : this.headerFeaturesWidth) : 0;
+        return !this._init ? (this.pinnedStartColumns.length > 0 ? this.pinnedStartWidth : this.headerFeaturesWidth) : 0;
     }
 
     /** @hidden @internal */

projects/igniteui-angular/src/lib/grids/summaries/summary-row.component.html

@@ -7,7 +7,7 @@
             (pointerdown)="$event.preventDefault()"
         ></div>
     }
-    @if (pinnedColumns.length > 0 && grid.isPinningToStart) {
+    @if (pinnedStartColumns.length > 0) {
         <ng-container *ngTemplateOutlet="summaryCellTemplate; context: getContext(this)"></ng-container>
     }
     <ng-template igxGridFor let-col [igxGridForOf]="unpinnedColumns | igxNotGrouped" [igxForScrollContainer]="grid.parentVirtDir" let-colIndex="index" [igxForScrollOrientation]="'horizontal'" [igxForContainerSize]="grid.unpinnedWidth" [igxForTrackBy]="grid.trackColumnChanges" [igxForSizePropName]='"calcPixelWidth"' #igxDirRef>
@@ -31,7 +31,7 @@
             [style.flex-basis]="col.resolvedWidth">
         </igx-grid-summary-cell>
     </ng-template>
-    @if (pinnedColumns.length > 0 && !grid.isPinningToStart) {
+    @if (pinnedEndColumns.length > 0) {
         <ng-container *ngTemplateOutlet="summaryCellTemplate; context: getContext(this)"></ng-container>
     }
 }

projects/igniteui-angular/src/lib/grids/summaries/summary-row.component.ts

@@ -107,6 +107,22 @@ export class IgxSummaryRowComponent implements DoCheck  {
         return this.grid.pinnedColumns;
     }
 
+
+    /**
+     * @hidden
+     */
+    public get pinnedStartColumns(): ColumnType[] {
+        return this.grid.pinnedStartColumns;
+    }
+
+
+    /**
+     * @hidden
+     */
+    public get pinnedEndColumns(): ColumnType[] {
+        return this.grid.pinnedEndColumns;
+    }
+
     /**
      * @hidden
      */