Angular 8.x

package.json

@@ -1,6 +1,6 @@
 {
   "name": "virtual-repeat-angular-lib-app",
-  "version": "0.4.7",
+  "version": "0.4.8",
   "scripts": {
     "serve": "ng serve",
     "build_prod": "ng build --prod",
@@ -11,7 +11,7 @@
     "build_lib": "ng build --prod virtual-repeat-angular-lib",
     "npm_pack": "cp README.md dist/virtual-repeat-angular-lib && cd dist/virtual-repeat-angular-lib && npm pack && cp *.tgz ../releases/",
     "npm_build_and_package": "npm run build_lib && npm run npm_pack",
-    "npm_publish": "npm publish dist/virtual-repeat-angular-lib/virtual-repeat-angular-0.4.7.tgz",
+    "npm_publish": "npm publish dist/virtual-repeat-angular-lib/virtual-repeat-angular-0.4.8.tgz",
     "ngh_publish": "npm run build_lib && ng build --prod --base-href https://gerardcarbo.github.io/virtual-repeat-angular/ && ngh --dir dist/virtual-repeat-angular-lib-app",
     "git_push": "git push origin master",
     "git_push_force": "git push -f origin master",
@@ -23,41 +23,41 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "~7.2.0",
-    "@angular/common": "~7.2.0",
-    "@angular/compiler": "~7.2.0",
-    "@angular/core": "~7.2.0",
-    "@angular/forms": "~7.2.0",
-    "@angular/platform-browser": "~7.2.0",
-    "@angular/platform-browser-dynamic": "~7.2.0",
-    "@angular/router": "~7.2.0",
-    "core-js": "^2.5.4",
-    "rxjs": "~6.3.3",
-    "zone.js": "~0.8.26"
+    "@angular/animations": "~8.0.1",
+    "@angular/common": "~8.0.1",
+    "@angular/compiler": "~8.0.1",
+    "@angular/core": "~8.0.1",
+    "@angular/forms": "~8.0.1",
+    "@angular/platform-browser": "~8.0.1",
+    "@angular/platform-browser-dynamic": "~8.0.1",
+    "@angular/router": "~8.0.1",
+    "core-js": "^3.1.4",
+    "rxjs": "~6.5.2",
+    "zone.js": "~0.9.1"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^0.13.8",
-    "@angular-devkit/build-ng-packagr": "~0.13.8",
-    "@angular/cli": "~7.3.8",
-    "@angular/compiler-cli": "^7.2.14",
-    "@angular/language-service": "~7.2.14",
-    "@types/jasmine": "~2.8.8",
+    "@angular-devkit/build-angular": "~0.800.0",
+    "@angular-devkit/build-ng-packagr": "~0.800.0",
+    "@angular/cli": "~8.0.3",
+    "@angular/compiler-cli": "^8.0.1",
+    "@angular/language-service": "~8.0.1",
+    "@types/jasmine": "~3.3.13",
     "@types/jasminewd2": "~2.0.3",
-    "@types/node": "~8.9.4",
-    "codelyzer": "~4.5.0",
-    "jasmine-core": "~2.99.1",
+    "@types/node": "~12.0.8",
+    "codelyzer": "^5.0.1",
+    "jasmine-core": "~3.4.0",
     "jasmine-spec-reporter": "~4.2.1",
     "karma": "^4.1.0",
     "karma-chrome-launcher": "~2.2.0",
     "karma-coverage-istanbul-reporter": "~2.0.1",
-    "karma-jasmine": "~1.1.2",
-    "karma-jasmine-html-reporter": "^0.2.2",
+    "karma-jasmine": "~2.0.1",
+    "karma-jasmine-html-reporter": "^1.4.2",
     "ng-packagr": "^5.1.0",
     "protractor": "~5.4.0",
-    "ts-node": "~7.0.0",
-    "tsickle": ">=0.34.0",
-    "tslib": "^1.9.0",
-    "tslint": "~5.11.0",
-    "typescript": "~3.2.2"
+    "ts-node": "~8.3.0",
+    "tsickle": "^0.35.0",
+    "tslib": "^1.10.0",
+    "tslint": "~5.17.0",
+    "typescript": "^3.4.5"
   }
 }

projects/virtual-repeat-angular-lib/package.json

@@ -1,13 +1,13 @@
 {
   "name": "virtual-repeat-angular",
-  "version": "0.4.7",
+  "version": "0.4.8",
   "author": {
     "name": "Gerard Carbó"
   },
   "license": "MIT",
   "peerDependencies": {
-    "@angular/common": ">=5 <=7",
-    "@angular/core": ">=5 <=7"
+    "@angular/common": ">=5 <=8",
+    "@angular/core": ">=5 <=8"
   },
   "keywords": [
     "ngx",

projects/virtual-repeat-angular-lib/src/lib/virtual-repeat-container.ts

@@ -21,12 +21,10 @@ import {
   map,
   debounceTime,
   pairwise,
-  throttleTime,
-  delay
 } from 'rxjs/operators';
 import { LoggerService } from './logger.service';
 import { IVirtualRepeat } from './virtual-repeat.base';
-import { deglitch, deglitchFalse } from './rxjs.operators';
+import { deglitchFalse } from './rxjs.operators';
 
 export const SCROLL_STOP_TIME_THRESHOLD = 200; // in milliseconds
 
@@ -168,7 +166,7 @@ export class VirtualRepeatContainer implements AfterViewInit, OnDestroy {
 
   private _currentScrollState: SCROLL_STATE = SCROLL_STATE.IDLE;
 
-  @ViewChild('listContainer') listContainer: ElementRef;
+  @ViewChild('listContainer', {static: true} )  listContainer: ElementRef;
 
   scrollbarStyle: string;
   scrollbarWidth: number;

projects/virtual-repeat-angular-lib/src/lib/virtual-repeat.base.ts

@@ -362,7 +362,7 @@ export abstract class VirtualRepeatBase<T>
         this._collectionLength *
           (this._scrollY / this._virtualRepeatContainer.holderHeight)
       );
-      const lastPosition =
+      let lastPosition =
         Math.ceil(
           this._containerHeight / this._virtualRepeatContainer.getRowHeight()
         ) + firstPosition;
@@ -390,7 +390,7 @@ export abstract class VirtualRepeatBase<T>
       );
       const firstPositionOffset =
         this._scrollY - firstPosition * this._virtualRepeatContainer.getRowHeight();
-      const lastPosition =
+      let lastPosition =
         Math.ceil(
           (this._containerHeight + firstPositionOffset) /
             this._virtualRepeatContainer.getRowHeight()

src/app/app.component.ts

@@ -1,4 +1,4 @@
-import { Component, OnInit, ViewChild, ElementRef } from '@angular/core';
+import { Component, OnInit, ViewChild } from '@angular/core';
 import { AsynchCollectionService } from './asynch-collection.service';
 import {
   ReactiveCollectionFactory,
@@ -29,9 +29,9 @@ export class AppComponent implements OnInit {
     showReactiveImages: true
   };
 
-  @ViewChild('reactiveVirtualRepeatContainerList')
+  @ViewChild('reactiveVirtualRepeatContainerList', {static: true})
   reactiveVirtualRepeatContainerList: VirtualRepeatContainer;
-  @ViewChild('reactiveVirtualRepeatContainerTable')
+  @ViewChild('reactiveVirtualRepeatContainerTable', {static: true})
   reactiveVirtualRepeatContainerTable: VirtualRepeatContainer;
 
   tableViewReactive = new FormControl('');

src/tsconfig.app.json

@@ -2,7 +2,6 @@
   "extends": "../tsconfig.json",
   "compilerOptions": {
     "outDir": "../out-tsc/app",
-    "module": "es2015",
     "types": [ "node" ],
     "typeRoots": [ "../node_modules/@types" ]
   },

src/tsconfig.spec.json

@@ -2,7 +2,6 @@
   "extends": "../tsconfig.json",
   "compilerOptions": {
     "outDir": "../out-tsc/spec",
-    "module": "commonjs",
     "types": [
       "jasmine",
       "node"

tsconfig.json

@@ -2,14 +2,16 @@
   "compileOnSave": false,
   "compilerOptions": {
     "baseUrl": "./",
+    "downlevelIteration": true,
     "importHelpers": true,
+    "module": "esnext",
     "outDir": "./dist/out-tsc",
     "sourceMap": true,
     "declaration": false,
     "moduleResolution": "node",
     "emitDecoratorMetadata": true,
     "experimentalDecorators": true,
-    "target": "es5",
+    "target": "es2015",
     "typeRoots": [
       "node_modules/@types"
     ],

tslint.json

@@ -117,12 +117,12 @@
       "check-type"
     ],
     "no-output-on-prefix": true,
-    "use-input-property-decorator": true,
-    "use-output-property-decorator": true,
-    "use-host-property-decorator": true,
+    "no-inputs-metadata-property": true,
+    "no-outputs-metadata-property": true,
+    "no-host-metadata-property": true,
     "no-input-rename": true,
     "no-output-rename": true,
-    "use-life-cycle-interface": true,
+    "use-lifecycle-interface": true,
     "use-pipe-transform-interface": true,
     "component-class-suffix": true,
     "directive-class-suffix": true