Merge branch 'vNext' into sivanova/fix-banner-samples

Author: simeonoff

package-lock.json

@@ -62,7 +62,7 @@
     "domino": "^2.1.4",
     "file-saver": "^2.0.2",
     "hammerjs": "^2.0.8",
-    "igniteui-angular": "^13.0.0-rc.0",
+    "igniteui-angular": "^13.0.0-rc.1",
     "igniteui-angular-charts": "^12.1.1",
     "igniteui-angular-core": "^12.1.1",
     "igniteui-angular-i18n": "^12.2.4",
@@ -80,24 +80,24 @@
   },
   "devDependencies": {
     "@angular-devkit/build-angular": "^13.0.1",
-    "@angular-eslint/builder": "^13.0.0-alpha.0",
-    "@angular-eslint/eslint-plugin": "^12.6.1",
-    "@angular-eslint/eslint-plugin-template": "^12.6.1",
-    "@angular-eslint/schematics": "12.6.1",
-    "@angular-eslint/template-parser": "^12.6.1",
+    "@angular-eslint/builder": "^13.0.1",
+    "@angular-eslint/eslint-plugin": "^13.0.1",
+    "@angular-eslint/eslint-plugin-template": "^13.0.1",
+    "@angular-eslint/schematics": "13.0.1",
+    "@angular-eslint/template-parser": "^13.0.1",
     "@angular/cli": "^13.0.1",
     "@angular/compiler-cli": "^13.0.0",
     "@angular/language-service": "^13.0.0",
-    "@igniteui/angular-schematics": "^12.2.821",
+    "@igniteui/angular-schematics": "^13.0.900-rc.2",
     "@juggle/resize-observer": "^3.3.1",
     "@types/jasmine": "^3.10.2",
     "@types/jasminewd2": "^2.0.9",
     "@types/node": "^13.13.52",
-    "@typescript-eslint/eslint-plugin": "4.28.2",
-    "@typescript-eslint/parser": "4.28.2",
+    "@typescript-eslint/eslint-plugin": "5.3.0",
+    "@typescript-eslint/parser": "5.3.0",
     "codelyzer": "^6.0.2",
-    "eslint": "^7.32.0",
-    "eslint-plugin-import": "2.22.1",
+    "eslint": "^8.2.0",
+    "eslint-plugin-import": "2.25.2",
     "eslint-plugin-jsdoc": "30.7.6",
     "eslint-plugin-prefer-arrow": "1.2.2",
     "event-stream": "^4.0.1",

package.json

@@ -1,5 +1,5 @@
-@use '~igniteui-angular/lib/core/styles/themes/index' as *;
-@forward '~igniteui-angular/lib/core/styles/themes/index';
+@use 'igniteui-angular/theming' as *;
+@forward 'igniteui-angular/theming';
 
 
 $legacy-support: true;

projects/app-crm/src/_variables.scss

@@ -1,8 +1,6 @@
-@use '~igniteui-angular/lib/core/styles/themes/index' as *;
-@forward '~igniteui-angular/lib/core/styles/themes/index';
+@use 'igniteui-angular/theming' as *;
 @use 'variables' as *;
 @use 'app-layout';
-
 @include igx-core();
 @include igx-typography();
 @include igx-theme(

projects/app-crm/src/styles.scss

@@ -1,5 +1,5 @@
-@use '~igniteui-angular/lib/core/styles/themes/index' as *;
-@forward '~igniteui-angular/lib/core/styles/themes/index';
+@use 'igniteui-angular/theming' as *;
+@forward 'igniteui-angular/theming';
 
 $legacy-support: true;
 $palette: $light-material-palette;

projects/app-lob/src/_variables.scss

@@ -156,4 +156,4 @@
             color: #fff;
         }
     }
-}
+}

projects/app-lob/src/app/grid-finjs-dock-manager/grid-finjs-dock-manager.component.scss

@@ -93,7 +93,7 @@ export class GridFinJSComponent implements OnInit {
         const type = args.targetType;
 
         if (type === 'dataCell' && target.column.field === 'Chart' && evt.key.toLowerCase() === 'enter') {
-            this.grid.selectRows([target.row.rowID], true);
+            this.grid.selectRows([target.row.key], true);
             this.chartColumnAction(target);
         }
     }

projects/app-lob/src/app/grid-finjs/grid-finjs.component.ts

@@ -128,7 +128,7 @@ export class GridComponent implements OnInit, OnDestroy, AfterViewInit {
 
     public cellSelection(evt) {
         const cell = evt.cell;
-        this.grid1.selectRows([cell.row.rowID], true);
+        this.grid1.selectRows([cell.row.key], true);
     }
 
     public getIconType(cell) {

projects/app-lob/src/app/grid/grid-boston-marathon/grid.component.ts

@@ -1,6 +1,6 @@
 ::ng-deep {
 	.custom-body {
 		color: var(--igx-surface-500-contrast);
-		background: var(--igx-surface-500);
+		background: hsla(var(--igx-surface-500));
 	}
 }

projects/app-lob/src/app/index/docs-layout.component.scss

@@ -38,6 +38,7 @@
         [filterMode]="'excelStyleFilter'">
         <igx-grid-toolbar *ngIf="showToolbar">
             <igx-grid-toolbar-actions>
+                <igx-grid-toolbar-pinning></igx-grid-toolbar-pinning>
                 <igx-grid-toolbar-hiding title="Indicators"></igx-grid-toolbar-hiding>
                 <igx-grid-toolbar-exporter [exportCSV]="false"></igx-grid-toolbar-exporter>
             </igx-grid-toolbar-actions>