Merge db0f7f6 into 428cece

CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## v0.0.8
+
+- `angular 9` migration.
+
 ## v0.0.7
 
 - `angular 8` migration.

angular.json

@@ -17,6 +17,11 @@
           "options": {
             "tsConfig": "./tsconfig.lib.json",
             "project": "./ng-package.json"
+          },
+          "configurations": {
+            "production": {
+              "tsConfig": "./tsconfig.lib.prod.json"
+            }
           }
         },
         "test": {

package.json

@@ -7,7 +7,7 @@
     "test": "ng test",
     "lint": "ng lint",
     "preversion": "yarn lint && yarn test",
-    "version": "yarn build",
+    "version": "yarn build --prod",
     "postversion": "git push && git push --tags"
   },
   "repository": {
@@ -26,55 +26,52 @@
     "ng6",
     "ng7",
     "ng8",
+    "ng9",
     "intl-tel-input"
   ],
   "license": "MIT",
   "bugs": {
     "url": "https://github.com/mpalourdio/intl-tel-input-ng/issues"
   },
   "peerDependencies": {
-    "@angular/common": "^7.0.0 || ^8.0.0",
-    "@angular/core": "^7.0.0 || ^8.0.0",
-    "@angular/forms": "^7.0.0 || ^8.0.0",
-    "intl-tel-input": "^16.0.0"
+    "@angular/common": "^9.0.0-rc.12",
+    "@angular/core": "^9.0.0-rc.12",
+    "@angular/forms": "^9.0.0-rc.12",
+    "intl-tel-input": "^16.0.0",
+    "tslib": "^1.10.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~0.803.0",
-    "@angular-devkit/build-ng-packagr": "~0.803.0",
-    "@angular/cli": "^8.0.0",
-    "@angular/common": "^8.0.0",
-    "@angular/compiler": "^8.0.0",
-    "@angular/compiler-cli": "^8.0.0",
-    "@angular/core": "^8.0.0",
-    "@angular/forms": "^8.0.0",
-    "@angular/language-service": "^8.0.0",
-    "@angular/platform-browser": "^8.0.0",
-    "@angular/platform-browser-dynamic": "^8.0.0",
-    "@types/jasmine": "~3.3.8",
+    "@angular-devkit/build-angular": "~0.900.0-rc.12",
+    "@angular-devkit/build-ng-packagr": "~0.900.0-rc.12",
+    "@angular/cli": "^9.0.0-rc.12",
+    "@angular/common": "^9.0.0-rc.12",
+    "@angular/compiler": "^9.0.0-rc.12",
+    "@angular/compiler-cli": "^9.0.0-rc.12",
+    "@angular/core": "^9.0.0-rc.12",
+    "@angular/forms": "^9.0.0-rc.12",
+    "@angular/language-service": "^9.0.0-rc.12",
+    "@angular/platform-browser": "^9.0.0-rc.12",
+    "@angular/platform-browser-dynamic": "^9.0.0-rc.12",
+    "@types/jasmine": "~3.5.0",
     "@types/jasminewd2": "~2.0.3",
-    "@types/node": "~8.9.4",
-    "codelyzer": "^5.0.0",
+    "@types/node": "^12.11.1",
+    "codelyzer": "^5.1.2",
     "coveralls": "^3.0.1",
     "intl-tel-input": "^16.0.0",
-    "jasmine-core": "~3.4.0",
+    "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": "~4.3.0",
+    "karma-chrome-launcher": "~3.1.0",
+    "karma-coverage-istanbul-reporter": "~2.1.0",
     "karma-firefox-launcher": "^1.1.0",
     "karma-jasmine": "~2.0.1",
-    "karma-jasmine-html-reporter": "^1.4.0",
-    "ng-packagr": "^5.3.0",
-    "rxjs": "^6.4.0",
-    "ts-node": "~7.0.0",
-    "tsickle": "^0.37.0",
+    "karma-jasmine-html-reporter": "^1.4.2",
+    "ng-packagr": "^9.0.0-rc.7",
+    "rxjs": "^6.5.4",
+    "ts-node": "~8.3.0",
     "tslib": "^1.10.0",
-    "tslint": "~5.15.0",
-    "typescript": "~3.5.3",
-    "zone.js": "~0.9.1"
-  },
-  "engines": {
-    "node": ">= 8.9.0",
-    "npm": ">= 5.5.1"
+    "tslint": "~5.18.0",
+    "typescript": "~3.7.4",
+    "zone.js": "~0.10.2"
   }
 }

src/lib/components/intl-tel-input.component.ts

@@ -30,7 +30,7 @@ export class IntlTelInputComponent implements AfterViewInit {
     @Input() public options: IntlTelInputOptions = {};
     @Input() public required: boolean;
     @Output() private E164PhoneNumberChange = new EventEmitter<string>();
-    @ViewChild('intlTelInput', { static: false }) private _inputElement: ElementRef;
+    @ViewChild('intlTelInput') private _inputElement: ElementRef;
     private _phoneNumber: string;
     private _intlTelInput: any;
 

src/lib/intl-tel-input-ng.module.ts

@@ -25,7 +25,7 @@ import { IntlTelInputComponent } from './components/intl-tel-input.component';
     ],
 })
 export class IntlTelInputNgModule {
-    public static forRoot(): ModuleWithProviders {
+    public static forRoot(): ModuleWithProviders<IntlTelInputNgModule> {
         return {
             ngModule: IntlTelInputNgModule,
             providers: [],

tsconfig.json

@@ -2,7 +2,7 @@
   "compileOnSave": false,
   "compilerOptions": {
     "baseUrl": "./",
-    "outDir": "./dist/out-tsc",
+    "outDir": "./dist",
     "sourceMap": true,
     "declaration": false,
     "downlevelIteration": true,

tsconfig.lib.json

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

tsconfig.lib.prod.json

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