Merge pull request #20 from parse/parse/angular-12

Author: HaidarZ

README.md

@@ -60,9 +60,9 @@ Then place the msInfiniteScroll directive on the `mat-select` component
 
 ### Compatibility
 
-* `@angular/core`: `>=6.0.0 <11`,
-* `@angular/cdk`: `>=6.0.0 <11`,
-* `@angular/material`: `>=6.0.0 <11`,
+* `@angular/core`: `>=6.0.0 <13`,
+* `@angular/cdk`: `>=6.0.0 <13`,
+* `@angular/material`: `>=6.0.0 <13`,
 * `rxjs`: `^6.0.0`
 
 ### Contributions

projects/ng-mat-select-infinite-scroll/package.json

@@ -23,8 +23,8 @@
   ],
   "license": "MIT",
   "peerDependencies": {
-    "@angular/common": ">=6.0.0 <11.0.0",
-    "@angular/core": ">=6.0.0 <11.0.0",
-    "@angular/material": ">=6.0.0 <11.0.0"
+    "@angular/common": ">=6.0.0 <13.0.0",
+    "@angular/core": ">=6.0.0 <13.0.0",
+    "@angular/material": ">=6.0.0 <13.0.0"
   }
 }

projects/ng-mat-select-infinite-scroll/src/lib/mat-select-infinite-scroll.directive.ts

@@ -1,8 +1,11 @@
 import {AfterViewInit, Directive, EventEmitter, Input, NgZone, OnDestroy, OnInit, Output} from '@angular/core';
-import {MatSelect, SELECT_ITEM_HEIGHT_EM} from '@angular/material/select';
+import {MatSelect} from '@angular/material/select';
 import {debounceTime, takeUntil, tap} from 'rxjs/operators';
 import {fromEvent, Subject} from 'rxjs';
 
+/** The height of the select items in `em` units. */
+const SELECT_ITEM_HEIGHT_EM = 3;
+
 @Directive({
   selector: '[msInfiniteScroll]'
 })