fix(columns): type errors from untyped parent code

Author: damyanpetev

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

@@ -25,6 +25,7 @@ import { IColumnVisibilityChangingEventArgs, IPinColumnCancellableEventArgs, IPi
 import { IgxGridCell } from '../grid-public-cell';
 import { NG_VALIDATORS, Validator } from '@angular/forms';
 import { ColumnPinningPosition, ColumnType, DefaultSortingStrategy, ExpressionsTreeUtil, FilteringExpressionsTree, GridColumnDataType, IColumnEditorOptions, IColumnPipeArgs, IgxBooleanFilteringOperand, IgxDateFilteringOperand, IgxDateTimeFilteringOperand, IgxFilteringOperand, IgxNumberFilteringOperand, IgxStringFilteringOperand, IgxSummaryResult, IgxTimeFilteringOperand, isConstructor, ISortingStrategy, MRLColumnSizeInfo, MRLResizeColumnInfo, PlatformUtil, ɵSize } from 'igniteui-angular/core';
+import type { IgxColumnLayoutComponent } from './column-layout.component';
 
 const DEFAULT_DATE_FORMAT = 'mediumDate';
 const DEFAULT_TIME_FORMAT = 'mediumTime';
@@ -1525,8 +1526,6 @@ export class IgxColumnComponent implements AfterContentInit, OnDestroy, ColumnTy
      * ```typescript
      * let visibleColumnIndex =  this.column.visibleIndex;
      * ```
-     *
-     * @memberof IgxColumnComponent
      */
     public get visibleIndex(): number {
         if (!isNaN(this._vIndex)) {
@@ -1543,7 +1542,8 @@ export class IgxColumnComponent implements AfterContentInit, OnDestroy, ColumnTy
             col = this.allChildren.filter(c => !c.columnGroup && !c.hidden)[0] as any;
         }
         if (this.columnLayoutChild) {
-            return this.parent.childrenVisibleIndexes.find(x => x.column === this).index;
+            // TODO: Refactor/redo/remove this
+            return (this.parent as IgxColumnLayoutComponent).childrenVisibleIndexes.find(x => x.column === this).index;
         }
 
         if (!this.pinned) {
@@ -1668,7 +1668,8 @@ export class IgxColumnComponent implements AfterContentInit, OnDestroy, ColumnTy
         this._visibleWhenCollapsed = value;
         this.visibleWhenCollapsedChange.emit(this._visibleWhenCollapsed);
         if (this.parent) {
-            this.parent?.setExpandCollapseState?.();
+            // TODO: Refactor/redo/remove this
+            (this.parent as IgxColumnLayoutComponent)?.setExpandCollapseState?.();
         }
     }
 
@@ -2197,7 +2198,7 @@ export class IgxColumnComponent implements AfterContentInit, OnDestroy, ColumnTy
             return [{ target: this, spanUsed: 1 }];
         }
 
-        const columnSized = this.getInitialChildColumnSizes(this.parent.children);
+        const columnSized = this.getInitialChildColumnSizes(this.parent.children as QueryList<IgxColumnComponent>);
         const targets: MRLResizeColumnInfo[] = [];
         const colEnd = this.colEnd ? this.colEnd : this.colStart + 1;
 

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

@@ -3161,7 +3161,7 @@ export abstract class IgxGridBaseDirective implements GridType,
     protected _batchEditing = false;
     protected _sortingOptions: ISortingOptions = { mode: 'multiple' };
     protected _filterStrategy: IFilteringStrategy = new FilteringStrategy();
-    protected _autoGeneratedCols = [];
+    protected _autoGeneratedCols: ColumnType[] = [];
     protected _autoGeneratedColsRefs: ComponentRef<IgxColumnComponent>[] = [];
     protected _dataView = [];
     protected _lastSearchInfo: ISearchInfo = {
@@ -4803,7 +4803,7 @@ export abstract class IgxGridBaseDirective implements GridType,
         }
 
         if (column.level) {
-            this._moveChildColumns(column.parent, column, target, pos);
+            this._moveChildColumns(column.parent as IgxColumnComponent, column, target, pos);
         }
 
         // let columnPinStateChanged;
@@ -6952,7 +6952,7 @@ export abstract class IgxGridBaseDirective implements GridType,
         if (this.autoGenerate && this._columns.length === 0 && this._autoGeneratedCols.length > 0) {
             // In Ivy if there are nested conditional templates the content children are re-evaluated
             // hence autogenerated columns are cleared and need to be reset.
-            this.updateColumns(this._autoGeneratedCols);
+            this.updateColumns(this._autoGeneratedCols as IgxColumnComponent[]);
             return;
         }
         if (diff) {

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

@@ -2014,7 +2014,7 @@ export class IgxPivotGridComponent extends IgxGridBaseDirective implements OnIni
         return activeHeader ? `${this.id}_${activeHeader.title}` : null;
     }
 
-    protected resolveToggle(groupColumn: IgxColumnComponent, state: boolean) {
+    protected resolveToggle(groupColumn: ColumnType, state: boolean) {
         if (!groupColumn) return;
         groupColumn.hidden = state;
         this.columnGroupStates.set(groupColumn.field, state);