Compiled with Angular 9.0.1

angular.json

@@ -13,6 +13,7 @@
         "build": {
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
+            "aot": true,
             "outputPath": "dist/virtual-repeat-angular-lib-app",
             "index": "src/index.html",
             "main": "src/main.ts",
@@ -29,6 +30,12 @@
           },
           "configurations": {
             "production": {
+              "budgets": [
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "6kb"
+                }
+              ],
               "fileReplacements": [
                 {
                   "replace": "src/environments/environment.ts",
@@ -137,7 +144,8 @@
           "configurations": {
             "production": {
               "project": "projects/virtual-repeat-angular-lib/ng-package.prod.json"
-            }
+            ,              "tsConfig": "projects/virtual-repeat-angular-lib/tsconfig.lib.prod.json"
+}
           }
         },
         "test": {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "virtual-repeat-angular-lib-app",
-  "version": "0.4.12",
+  "version": "0.4.14",
   "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.12.tgz",
+    "npm_publish": "npm publish dist/virtual-repeat-angular-lib/virtual-repeat-angular-0.4.14.tgz",
     "ngh_publish": "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,40 @@
   },
   "private": true,
   "dependencies": {
-    "@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"
+    "@angular/animations": "~9.0.0",
+    "@angular/common": "~9.0.0",
+    "@angular/compiler": "~9.0.0",
+    "@angular/core": "~9.0.0",
+    "@angular/forms": "~9.0.0",
+    "@angular/platform-browser": "~9.0.0",
+    "@angular/platform-browser-dynamic": "~9.0.0",
+    "@angular/router": "~9.0.0",
+    "core-js": "^3.6.4",
+    "rxjs": "~6.5.4",
+    "tslib": "^1.10.0",
+    "zone.js": "~0.10.2"
   },
   "devDependencies": {
-    "@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": "~12.0.8",
-    "codelyzer": "^5.0.1",
-    "jasmine-core": "~3.4.0",
+    "@angular-devkit/build-angular": "~0.900.1",
+    "@angular-devkit/build-ng-packagr": "~0.900.1",
+    "@angular/cli": "~9.0.1",
+    "@angular/compiler-cli": "^9.0.0",
+    "@angular/language-service": "~9.0.0",
+    "@types/jasmine": "~3.5.3",
+    "@types/jasminewd2": "~2.0.8",
+    "@types/node": "^13.7.0",
+    "codelyzer": "^5.2.1",
+    "jasmine-core": "~3.5.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": "~2.0.1",
-    "karma-jasmine-html-reporter": "^1.4.2",
-    "ng-packagr": "^5.1.0",
-    "protractor": "~5.4.0",
-    "ts-node": "~8.3.0",
-    "tsickle": "^0.35.0",
-    "tslib": "^1.10.0",
-    "tslint": "~5.17.0",
-    "typescript": "^3.4.5"
+    "karma": "^4.4.1",
+    "karma-chrome-launcher": "~3.1.0",
+    "karma-coverage-istanbul-reporter": "~2.1.1",
+    "karma-jasmine": "~3.1.0",
+    "karma-jasmine-html-reporter": "^1.5.2",
+    "ng-packagr": "^9.0.0",
+    "protractor": "~5.4.3",
+    "ts-node": "~8.6.2",
+    "tslint": "~6.0.0",
+    "typescript": "^3.7.5"
   }
 }

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

@@ -1,6 +1,6 @@
 {
   "name": "virtual-repeat-angular",
-  "version": "0.4.12",
+  "version": "0.4.14",
   "author": {
     "name": "Gerard Carbó"
   },

projects/virtual-repeat-angular-lib/src/lib/logger.service.ts

@@ -1,5 +1,7 @@
 import { noop } from 'rxjs';
+import { Injectable } from "@angular/core";
 
+@Injectable()
 export class LoggerService {
   log: any;
   constructor() {

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

@@ -18,7 +18,6 @@
     ]
   },
   "angularCompilerOptions": {
-    "annotateForClosureCompiler": true,
     "skipTemplateCodegen": true,
     "strictMetadataEmit": true,
     "fullTemplateTypeCheck": true,

projects/virtual-repeat-angular-lib/tsconfig.lib.prod.json

@@ -0,0 +1,6 @@
+{
+  "extends": "./tsconfig.lib.json",
+  "angularCompilerOptions": {
+    "enableIvy": false
+  }
+}

src/app/app.component.ts

@@ -29,9 +29,9 @@ export class AppComponent implements OnInit {
     showReactiveImages: true
   };
 
-  @ViewChild('reactiveVirtualRepeatContainerList', { static: false })
+  @ViewChild('reactiveVirtualRepeatContainerList')
   reactiveVirtualRepeatContainerList: VirtualRepeatContainer;
-  @ViewChild('reactiveVirtualRepeatContainerTable', { static: false })
+  @ViewChild('reactiveVirtualRepeatContainerTable')
   reactiveVirtualRepeatContainerTable: VirtualRepeatContainer;
 
   currentReactiveVirtualRepeatContainer: VirtualRepeatContainer;

src/tsconfig.app.json

@@ -5,8 +5,8 @@
     "types": [ "node" ],
     "typeRoots": [ "../node_modules/@types" ]
   },
-  "exclude": [
-    "src/test.ts",
-    "**/*.spec.ts"
+  "files": [
+    "main.ts",
+    "polyfills.ts"
   ]
 }