Merge branch 'master' into SIvanova/navbar-ellipsis

Author: simeonoff

.eslintrc.json

@@ -22,9 +22,17 @@
       ],
       "rules": {
         "no-shadow": "off",
-        "@typescript-eslint/no-shadow": ["error"],
+        "@typescript-eslint/no-shadow": [
+          "error"
+        ],
         "no-unused-vars": "off",
-        "@typescript-eslint/no-unused-vars": ["warn", { "varsIgnorePattern": "_" , "argsIgnorePattern": "^_"}],
+        "@typescript-eslint/no-unused-vars": [
+          "warn",
+          {
+            "varsIgnorePattern": "_",
+            "argsIgnorePattern": "^_"
+          }
+        ],
         "@typescript-eslint/consistent-type-definitions": "error",
         "@typescript-eslint/dot-notation": "off",
         "@typescript-eslint/explicit-member-accessibility": [
@@ -40,7 +48,9 @@
           "error",
           {
             "selector": "enumMember",
-            "format": ["PascalCase"]
+            "format": [
+              "PascalCase"
+            ]
           }
         ],
         "brace-style": [

package-lock.json

@@ -46,14 +46,14 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^11.2.0",
-    "@angular/common": "^11.2.0",
-    "@angular/compiler": "^11.2.0",
-    "@angular/core": "^11.2.0",
-    "@angular/forms": "^11.2.0",
-    "@angular/platform-browser": "^11.2.0",
-    "@angular/platform-browser-dynamic": "^11.2.0",
-    "@angular/router": "^11.2.0",
+    "@angular/animations": "^11.2.5",
+    "@angular/common": "^11.2.5",
+    "@angular/compiler": "^11.2.5",
+    "@angular/core": "^11.2.5",
+    "@angular/forms": "^11.2.5",
+    "@angular/platform-browser": "^11.2.5",
+    "@angular/platform-browser-dynamic": "^11.2.5",
+    "@angular/router": "^11.2.5",
     "@igniteui/material-icons-extended": "^2.4.0",
     "@types/hammerjs": "^2.0.36",
     "@types/source-map": "0.5.2",
@@ -64,31 +64,31 @@
     "jszip": "^3.6.0",
     "lodash.mergewith": "^4.6.2",
     "resize-observer-polyfill": "^1.5.1",
-    "rxjs": "^6.6.3",
+    "rxjs": "^6.6.6",
     "setimmediate": "^1.0.5",
     "tslib": "^2.0.0",
     "uuid": "^8.3.0",
     "web-animations-js": "^2.3.2",
     "zone.js": "~0.10.3"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~0.1102.0",
-    "@angular-devkit/schematics": "^11.2.0",
-    "@angular-eslint/builder": "1.1.0",
-    "@angular-eslint/eslint-plugin": "1.1.0",
-    "@angular-eslint/eslint-plugin-template": "1.1.0",
-    "@angular-eslint/schematics": "^1.2.0",
-    "@angular-eslint/template-parser": "1.1.0",
-    "@angular/cli": "~11.2.0",
-    "@angular/compiler-cli": "^11.2.0",
-    "@angular/language-service": "^11.2.0",
+    "@angular-devkit/build-angular": "~0.1102.4",
+    "@angular-devkit/schematics": "^11.2.4",
+    "@angular-eslint/builder": "^2.0.0",
+    "@angular-eslint/eslint-plugin": "^2.0.0",
+    "@angular-eslint/eslint-plugin-template": "^2.0.0",
+    "@angular-eslint/schematics": "^2.0.1",
+    "@angular-eslint/template-parser": "^2.0.0",
+    "@angular/cli": "~11.2.4",
+    "@angular/compiler-cli": "^11.2.5",
+    "@angular/language-service": "^11.2.5",
     "@angularclass/hmr": "^2.1.3",
     "@types/jasmine": "^3.3.16",
     "@types/jasminewd2": "^2.0.8",
     "@types/node": "^12.20.0",
     "@types/webpack-env": "^1.15.2",
-    "@typescript-eslint/eslint-plugin": "4.3.0",
-    "@typescript-eslint/parser": "4.3.0",
+    "@typescript-eslint/eslint-plugin": "4.16.1",
+    "@typescript-eslint/parser": "4.16.1",
     "browser-sync": "^2.26.12",
     "codelyzer": "^6.0.0",
     "coveralls": "^3.1.0",

package.json

@@ -24,7 +24,7 @@ module.exports = function (config) {
       },
       tagPrefix: '#',
       tags: 'grid',
-      skipTags: 'perf'
+      skipTags: 'perf,ivy' // TODO: Remove ivy skip, once Azure run is updated
     },
     port: 9876,
     colors: true,

projects/igniteui-angular/karma.azure.grid.conf.js

@@ -150,7 +150,7 @@ export class ServerHost implements ts.server.ServerHost {
         // return ts.sys.exit(exitCode);
     }
 
-    public setTimeout(callback: (...args: any[]) => void, ms: number, ...args: any[]): any {
+    public setTimeout(callback: (...argsv: any[]) => void, ms: number, ...args: any[]): any {
         throw new Error('Method "setTimeout" not implemented.');
         // return ts.sys.setTimeout(callback, ms, ...args);
     }
@@ -175,7 +175,7 @@ export class ServerHost implements ts.server.ServerHost {
         // return ts.sys.base64encode(input);
     }
 
-    public setImmediate(callback: (...args: any[]) => void, ...args: any[]): any {
+    public setImmediate(callback: (...argsv: any[]) => void, ...args: any[]): any {
         throw new Error('Method "setImmediate" not implemented.');
         // return setImmediate(callback, ...args);
     }

projects/igniteui-angular/migrations/common/ServerHost.ts

@@ -28,7 +28,7 @@ describe('Update 8.2.0', () => {
     it('should update Excel Style Filtering template selectors', async () => {
         appTree.create(
             '/testSrc/appPrefix/component/custom.component.html',
-            `<igx-grid [data]="data" height="500px" [autoGenerate]="true" [allowFiltering]='true' [filterMode]="'excelStyleFilter'">
+            `<igx-grid [data]="data" height="500px" [autoGenerate]="true" [allowFiltering]="true" [filterMode]="'excelStyleFilter'">
                 <ng-template igxExcelStyleSortingTemplate><div class="esf-custom-sorting">Sorting Template</div></ng-template>
                 <ng-template igxExcelStyleHidingTemplate><div class="esf-custom-hiding">Hiding Template</div></ng-template>
                 <ng-template igxExcelStyleMovingTemplate><div class="esf-custom-moving">Moving Template</div></ng-template>
@@ -39,7 +39,7 @@ describe('Update 8.2.0', () => {
             .toPromise();
         expect(tree.readContent('/testSrc/appPrefix/component/custom.component.html'))
             .toEqual(
-            `<igx-grid [data]="data" height="500px" [autoGenerate]="true" [allowFiltering]='true' [filterMode]="'excelStyleFilter'">
+            `<igx-grid [data]="data" height="500px" [autoGenerate]="true" [allowFiltering]="true" [filterMode]="'excelStyleFilter'">
                 <ng-template igxExcelStyleSorting><div class="esf-custom-sorting">Sorting Template</div></ng-template>
                 <ng-template igxExcelStyleHiding><div class="esf-custom-hiding">Hiding Template</div></ng-template>
                 <ng-template igxExcelStyleMoving><div class="esf-custom-moving">Moving Template</div></ng-template>

projects/igniteui-angular/migrations/update-8_2_0/index.spec.ts

@@ -1,4 +1,4 @@
-import { Component, OnInit, ViewChild, DebugElement } from '@angular/core';
+import { Component, ViewChild, DebugElement } from '@angular/core';
 import { TestBed, ComponentFixture, tick, fakeAsync, waitForAsync } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
 import { IgxAvatarModule } from '../avatar/avatar.component';
@@ -487,7 +487,7 @@ describe('igxBanner', () => {
             expect(banner.elementRef.nativeElement.style.display).toEqual('block');
             expect(banner.collapsed).toBeFalsy();
             banner.toggle();
-            tick(100);
+            tick();
             // Banner is collapsING, display is 'block';
             expect(banner.elementRef.nativeElement.style.display).toEqual('block');
             tick();
@@ -566,7 +566,7 @@ export class IgxBannerSampleComponent {
                     <igx-card-header class="compact">
                         <igx-avatar
                             src="https://www.infragistics.com/angular-demos/assets/images/card/avatars/brad_stanley.jpg"
-                            roundShape="true">
+                            [roundShape]="true">
                         </igx-avatar>
                         <div class="igx-card-header__tgroup">
                             <h3 class="igx-card-header__title--small">Brad Stanley</h3>

projects/igniteui-angular/src/lib/banner/banner.component.spec.ts

@@ -42,7 +42,7 @@ Instantiate a calendar component in single selection mode displaying the current
 A range selection calendar with first day of week set to Monday and an event
 handler when selection is done.
 ```html
-<igx-calendar weekStart="1" selection="range" (selected)="eventHandler($event)"></igx-calendar>
+<igx-calendar [weekStart]="1" selection="range" (selected)="eventHandler($event)"></igx-calendar>
 ```
 
 A multiple selection calendar with different locale and templating for the subheader.

projects/igniteui-angular/src/lib/calendar/README.md

@@ -18,6 +18,9 @@ export class IgxGetViewDateCalendar implements PipeTransform {
     constructor() {
         this.calendar = new Calendar();
     }
+
+    public transform(index: number, viewDate: Date): Date;
+    public transform(index: number, viewDate: Date, wholeDate: false): number;
     public transform(index: number, viewDate: Date, wholeDate = true) {
         const date = this.calendar.timedelta(viewDate, 'month', index);
         return wholeDate ? date : date.getMonth();

projects/igniteui-angular/src/lib/calendar/months-view.pipe.ts

@@ -14,7 +14,7 @@ Supporting directives and components:
 ```html
 <igx-card>
     <igx-card-header>
-        <igx-avatar src="https://upload.wikimedia.org/wikipedia/commons/4/49/Elon_Musk_2015.jpg" roundShape="true"></igx-avatar>
+        <igx-avatar src="https://upload.wikimedia.org/wikipedia/commons/4/49/Elon_Musk_2015.jpg" [roundShape]="true"></igx-avatar>
         <h4 igxCardHeaderTitle>Elon Musk</h4>
         <h5 igxCardHeaderSubtitle>Entrepreneur</h5>
     </igx-card-header>