chore(*): updating dependencies & lint config

eslint.config.mjs

@@ -23,7 +23,6 @@ export default [{
     ],
 }, ...compat.extends(
     "plugin:@angular-eslint/recommended",
-    "plugin:@angular-eslint/template/process-inline-templates",
 ).map(config => ({
     ...config,
     files: ["**/*.ts"],
@@ -83,6 +82,7 @@ export default [{
         }],
 
         "@angular-eslint/no-input-rename": "off",
+        "@angular-eslint/prefer-inject": "warn",
 
         "brace-style": ["error", "1tbs"],
         "id-blacklist": "off",

package.json

@@ -59,17 +59,17 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^20.0.0",
-    "@angular/common": "^20.0.0",
-    "@angular/compiler": "^20.0.0",
-    "@angular/core": "^20.0.0",
-    "@angular/elements": "^20.0.0",
-    "@angular/forms": "^20.0.0",
-    "@angular/platform-browser": "^20.0.0",
-    "@angular/platform-browser-dynamic": "^20.0.0",
-    "@angular/platform-server": "^20.0.0",
-    "@angular/router": "^20.0.0",
-    "@angular/ssr": "^20.0.0",
+    "@angular/animations": "^20.3.0",
+    "@angular/common": "^20.3.0",
+    "@angular/compiler": "^20.3.0",
+    "@angular/core": "^20.3.0",
+    "@angular/elements": "^20.3.0",
+    "@angular/forms": "^20.3.0",
+    "@angular/platform-browser": "^20.3.0",
+    "@angular/platform-browser-dynamic": "^20.3.0",
+    "@angular/platform-server": "^20.3.0",
+    "@angular/router": "^20.3.0",
+    "@angular/ssr": "^20.3.1",
     "@igniteui/material-icons-extended": "^3.1.0",
     "@lit-labs/ssr-dom-shim": "^1.3.0",
     "@types/source-map": "0.5.2",
@@ -83,16 +83,16 @@
     "zone.js": "~0.15.0"
   },
   "devDependencies": {
-    "@angular-devkit/schematics": "^20.0.0",
-    "@angular-eslint/builder": "^19.6.0",
-    "@angular-eslint/eslint-plugin": "^19.6.0",
-    "@angular-eslint/eslint-plugin-template": "^19.6.0",
-    "@angular-eslint/schematics": "^19.6.0",
-    "@angular-eslint/template-parser": "^19.6.0",
-    "@angular/build": "^20.0.0",
-    "@angular/cli": "^20.0.0",
-    "@angular/compiler-cli": "^20.0.0",
-    "@angular/language-service": "^20.0.0",
+    "@angular-devkit/schematics": "^20.3.1",
+    "@angular-eslint/builder": "^20.3.0",
+    "@angular-eslint/eslint-plugin": "^20.3.0",
+    "@angular-eslint/eslint-plugin-template": "^20.3.0",
+    "@angular-eslint/schematics": "^20.3.0",
+    "@angular-eslint/template-parser": "^20.3.0",
+    "@angular/build": "^20.3.1",
+    "@angular/cli": "^20.3.1",
+    "@angular/compiler-cli": "^20.3.0",
+    "@angular/language-service": "^20.3.0",
     "@angularclass/hmr": "^3.0.0",
     "@microsoft/signalr": "^7.0.12",
     "@types/estree": "^1.0.0",
@@ -103,11 +103,11 @@
     "@types/node": "^20.17.6",
     "@types/sass-true": "^6.0.2",
     "@types/webpack-env": "^1.18.3",
-    "@typescript-eslint/eslint-plugin": "^8.15.0",
-    "@typescript-eslint/parser": "^8.15.0",
+    "@typescript-eslint/eslint-plugin": "^8.33.1",
+    "@typescript-eslint/parser": "^8.33.1",
     "autoprefixer": "^10.4.16",
     "del": "^6.0.0",
-    "eslint": "^9.15.0",
+    "eslint": "^9.28.0",
     "fs-extra": "^11.3.0",
     "globby": "^13.2.2",
     "gulp": "^5.0.0",
@@ -119,7 +119,7 @@
     "hammer-simulator": "0.0.1",
     "hammerjs": "^2.0.8",
     "ig-typedoc-theme": "^6.0.0",
-    "igniteui-dockmanager": "^1.16.1",
+    "igniteui-dockmanager": "^1.17.0",
     "igniteui-sassdoc-theme": "^2.0.2",
     "igniteui-webcomponents": "6.2.1",
     "jasmine": "^5.6.0",

projects/bundle-test/src/main.server.ts

@@ -1,7 +1,7 @@
-import { bootstrapApplication } from '@angular/platform-browser';
+import { bootstrapApplication, BootstrapContext } from '@angular/platform-browser';
 import { AppComponent } from './app/app.component';
 import { config } from './app/app.config.server';
 
-const bootstrap = () => bootstrapApplication(AppComponent, config);
+const bootstrap = (context: BootstrapContext) => bootstrapApplication(AppComponent, config, context);
 
 export default bootstrap;

projects/igniteui-angular/src/lib/data-operations/data-util.ts

@@ -118,7 +118,7 @@ export class DataUtil {
 
     public static merge<T>(data: T[], columns: ColumnType[], strategy: IGridMergeStrategy = new DefaultMergeStrategy(), activeRowIndexes = [], grid: GridType = null,
     ): any[] {
-        let result = [];
+        const result = [];
         for (const col of columns) {
             const isDate = col?.dataType === 'date' || col?.dataType === 'dateTime';
             const isTime = col?.dataType === 'time' || col?.dataType === 'dateTime';

projects/igniteui-angular/src/lib/data-operations/merge-strategy.ts

@@ -74,7 +74,7 @@ export class DefaultMergeStrategy implements IGridMergeStrategy {
                 index++;
                 continue;
             }
-            let recToUpdateData = recData ?? { recordRef: grid.isGhostRecord(rec) ? rec.recordRef : rec, cellMergeMeta: new Map<string, IMergeByResult>(), ghostRecord: rec.ghostRecord };
+            const recToUpdateData = recData ?? { recordRef: grid.isGhostRecord(rec) ? rec.recordRef : rec, cellMergeMeta: new Map<string, IMergeByResult>(), ghostRecord: rec.ghostRecord };
             recToUpdateData.cellMergeMeta.set(field, { rowSpan: 1 });
             if (prev && comparer.call(this, prev.recordRef, recToUpdateData.recordRef, field, isDate, isTime) && prev.ghostRecord === recToUpdateData.ghostRecord) {
                 const root = prev.cellMergeMeta.get(field)?.root ?? prev;
@@ -127,7 +127,7 @@ export class DefaultMergeStrategy implements IGridMergeStrategy {
    * @internal
    */
     protected getDateValue<T>(obj: T, isDate = false, isTime = false) {
-        let date = obj instanceof Date ? obj : parseDate(obj);
+        const date = obj instanceof Date ? obj : parseDate(obj);
         let resolvedValue;
         if (isDate && isTime) {
             // date + time

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

@@ -85,7 +85,7 @@ export class IgxColumnLayoutComponent extends IgxColumnGroupComponent implements
         const pinnedStart = this.grid.pinnedStartColumns.filter(c => c.columnLayout && !c.hidden);
         const pinnedEndColumns = this.grid.pinnedEndColumns.filter(c => c.columnLayout && !c.hidden);
         const ordered = pinnedStart.concat(unpinnedColumns, pinnedEndColumns);
-        let vIndex = ordered.indexOf(this);
+        const vIndex = ordered.indexOf(this);
         this._vIndex = vIndex;
         return vIndex;
     }

projects/igniteui-angular/src/lib/grids/common/random.spec.ts

@@ -1,7 +1,7 @@
 import { getUUID } from './random';
 
 describe('Random (crypto.randomUuid()) fallback unit tests', () => {
-    let originalRandomUuid = crypto.randomUUID;
+    const originalRandomUuid = crypto.randomUUID;
 
     beforeAll(() => {
         crypto.randomUUID = null; // Mock crypto.randomUUID to simulate a non-secure context

projects/igniteui-angular/src/lib/grids/grid/grid.groupby.spec.ts

@@ -3844,7 +3844,7 @@ describe('IgxGrid - GroupBy #grid', () => {
         });
         fix.detectChanges();
 
-        let groupRows = grid.groupsRowList.toArray();
+        const groupRows = grid.groupsRowList.toArray();
         checkGroups(groupRows, ['Test']);
     });
 

projects/igniteui-angular/src/lib/grids/grid/grid.pinning.spec.ts

@@ -810,7 +810,7 @@ describe('IgxGrid - Column Pinning #grid', () => {
                 .toEqual(grid.pinnedStartColumns.length + grid.unpinnedColumns.length + 1);
             expect(col.pinningPosition).toBe(ColumnPinningPosition.End);
 
-            let cell = grid.gridAPI.get_cell_by_index(0, 'ID');
+            const cell = grid.gridAPI.get_cell_by_index(0, 'ID');
             expect(cell.visibleColumnIndex)
                 .toEqual(grid.pinnedStartColumns.length + grid.unpinnedColumns.length + 1);
             expect(GridFunctions.isCellPinned(cell)).toBe(true);

projects/igniteui-angular/src/lib/grids/hierarchical-grid/hierarchical-grid.spec.ts

@@ -1689,7 +1689,7 @@ describe('Basic IgxHierarchicalGrid #hGrid', () => {
             UIInteractions.simulateClickAndSelectEvent(row.expander);
             fixture.detectChanges();
 
-            let childGrid = hierarchicalGrid.gridAPI.getChildGrids()[0];
+            const childGrid = hierarchicalGrid.gridAPI.getChildGrids()[0];
             const childRow = childGrid.gridAPI.get_row_by_index(0) as IgxHierarchicalRowComponent;
             UIInteractions.simulateClickAndSelectEvent(childRow.expander);
             fixture.detectChanges();

projects/igniteui-angular/src/lib/query-builder/query-builder-functions.spec.ts

@@ -951,8 +951,8 @@ export class QueryBuilderFunctions {
 
         spyOn(dragDir.ghostElement, 'dispatchEvent').and.callThrough();
 
-        let target = moveDown ? 350 : 0;
-        let shift = moveDown ? 1 : -1
+        const target = moveDown ? 350 : 0;
+        const shift = moveDown ? 1 : -1
         //Drag ghost up or down and check if drop ghost is rendered in the expected positions
         for (let i = moveDown ? 0 : 350; moveDown ? i <= target : i >= target; i += shift) {
             Y += moveDown ? 1 : -1;

projects/igniteui-angular/src/lib/test-utils/tree-grid-functions.spec.ts

@@ -207,7 +207,7 @@ export class TreeGridFunctions {
     /**
      * Verifies that the specified column is the tree column, that contains the tree cells, when there are multi column headers.
      */
-    public static verifyTreeColumnInMultiColHeaders(fix, expectedTreeColumnKey, expectedColumnsCount) {
+    public static verifyTreeColumnInMultiColHeaders(fix, _expectedTreeColumnKey, expectedColumnsCount) {
         const headersDOM = TreeGridFunctions.sortElementsHorizontally(fix.debugElement.queryAll(By.css('igx-grid-header')));
         const leftMostHeaders = headersDOM.filter(x =>
             x.nativeElement.getBoundingClientRect().left === headersDOM[0].nativeElement.getBoundingClientRect().left);

src/app/expansion-panel/expansion-panel-sample.ts

@@ -13,7 +13,6 @@ import {
 defineComponents(IgcExpansionPanelComponent);
 
 @Component({
-    // eslint-disable-next-line @angular-eslint/component-selector
     selector: 'expansion-panel-sample',
     templateUrl: './expansion-panel-sample.html',
     styleUrls: ['expansion-panel-sample.scss'],

src/app/hierarchical-grid-advanced-filtering/data.ts

@@ -1,6 +1,3 @@
-
-/* eslint-disable id-blacklist */
-/* eslint-disable @typescript-eslint/naming-convention */
 export interface Song {
     Number: number;
     Title: string;

src/app/shared/invoiceData.ts

@@ -1,5 +1,3 @@
-/* eslint-disable */
-
 export interface Invoice {
     ID: number;
     ShipAddress: string;

src/main.server.ts

@@ -1,7 +1,7 @@
-import { bootstrapApplication } from '@angular/platform-browser';
+import { bootstrapApplication, BootstrapContext } from '@angular/platform-browser';
 import { AppComponent } from './app/app.component';
 import { config } from './app/app.config.server';
 
-const bootstrap = () => bootstrapApplication(AppComponent, config);
+const bootstrap = (context: BootstrapContext) => bootstrapApplication(AppComponent, config, context);
 
 export default bootstrap;