update to Angular 13 and partial compilation

.browserslistrc

@@ -0,0 +1,12 @@
+# This file is used by the build system to adjust CSS and JS output to support the specified browsers below.
+# For additional information regarding the format and rule options, please see:
+# https://github.com/browserslist/browserslist#queries
+
+# You can see what browsers were selected by your queries by running:
+#   npx browserslist
+
+> 0.5%
+last 2 versions
+Firefox ESR
+not dead
+not IE 9-11

.eslintrc.json

@@ -0,0 +1,48 @@
+{
+  "root": true,
+  "overrides": [
+    {
+      "files": [
+        "*.ts"
+      ],
+      "parserOptions": {
+        "project": [
+          "tsconfig.json",
+          "projects/angular-mydatepicker/tsconfig.json"
+        ],
+        "createDefaultProgram": true
+      },
+      "extends": [
+        "plugin:@angular-eslint/recommended",
+        "plugin:@angular-eslint/template/process-inline-templates"
+      ],
+      "rules": {
+        "@angular-eslint/component-selector": [
+          "error",
+          {
+            "prefix": "lib",
+            "style": "kebab-case",
+            "type": "element"
+          }
+        ],
+        "@angular-eslint/directive-selector": [
+          "error",
+          {
+            "prefix": "lib",
+            "style": "camelCase",
+            "type": "attribute"
+          }
+        ]
+      }
+    },
+    {
+      "files": [
+        "*.html"
+      ],
+      "extends": [
+        "plugin:@angular-eslint/template/recommended"
+      ],
+      "rules": {}
+    }
+  ]
+}

.gitignore

@@ -28,6 +28,7 @@ speed-measure-plugin.json
 .history/*
 
 # misc
+/.angular/cache
 /.sass-cache
 /connect.lock
 /coverage

.travis.yml

@@ -4,10 +4,10 @@ node_js:
 addons:
   chrome: stable
 before_script:
-  - npm install -g @angular/cli@7.3.9
+  - npm install -g @angular/cli@13.0.3
   - npm install
 script:
   - npm run test-lib
 after_success:
-  - ./node_modules/.bin/codecov -f test-output/angular-mydatepicker/coverage-final.json
+  - ./node_modules/.bin/codecov -f test-output/angular-mydatepicker/coverage-final.lcov
 sudo: required

README.md

@@ -18,9 +18,9 @@ Screenshots using [predefined styles](https://github.com/kekeh/angular-mydatepic
 
 ## Browser support (tested)
 
-| Chrome | Firefox | Edge | IE11 | Safari | iOS Safari |
-| :------------- | :------------- | :----| :---------- | :----| :---------- |
-| :heavy_check_mark: | :heavy_check_mark: | :heavy_check_mark: | :heavy_check_mark: | :heavy_check_mark: | :heavy_check_mark: |
+| Chrome | Firefox | Edge | Safari | iOS Safari |
+| :------------- | :----| :---------- | :----| :---------- |
+| :heavy_check_mark: | :heavy_check_mark: | :heavy_check_mark: | :heavy_check_mark: | :heavy_check_mark: |
 
 ## Description
 

angular.json

@@ -26,7 +26,12 @@
               "example/styles.css"
             ],
             "scripts": [],
-            "es5BrowserSupport": true
+            "vendorChunk": true,
+            "extractLicenses": false,
+            "buildOptimizer": false,
+            "sourceMap": true,
+            "optimization": false,
+            "namedChunks": true
           },
           "configurations": {
             "production": {
@@ -39,9 +44,7 @@
               "optimization": true,
               "outputHashing": "all",
               "sourceMap": false,
-              "extractCss": true,
               "namedChunks": false,
-              "aot": true,
               "extractLicenses": true,
               "vendorChunk": false,
               "buildOptimizer": true,
@@ -50,10 +53,15 @@
                   "type": "initial",
                   "maximumWarning": "2mb",
                   "maximumError": "5mb"
+                },
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "6kb"
                 }
               ]
             }
-          }
+          },
+          "defaultConfiguration": ""
         },
         "serve": {
           "builder": "@angular-devkit/build-angular:dev-server",
@@ -90,42 +98,11 @@
           }
         },
         "lint": {
-          "builder": "@angular-devkit/build-angular:tslint",
+          "builder": "@angular-eslint/builder:lint",
           "options": {
-            "tsConfig": [
-              "example/tsconfig.app.json",
-              "example/tsconfig.spec.json"
-            ],
-            "exclude": [
-              "**/node_modules/**"
-            ]
-          }
-        }
-      }
-    },
-    "angular-mydatepicker-example-e2e": {
-      "root": "e2e/",
-      "projectType": "application",
-      "prefix": "",
-      "architect": {
-        "e2e": {
-          "builder": "@angular-devkit/build-angular:protractor",
-          "options": {
-            "protractorConfig": "e2e/protractor.conf.js",
-            "devServerTarget": "angular-mydatepicker-example:serve"
-          },
-          "configurations": {
-            "production": {
-              "devServerTarget": "angular-mydatepicker-example:serve:production"
-            }
-          }
-        },
-        "lint": {
-          "builder": "@angular-devkit/build-angular:tslint",
-          "options": {
-            "tsConfig": "e2e/tsconfig.e2e.json",
-            "exclude": [
-              "**/node_modules/**"
+            "lintFilePatterns": [
+              "src/**/*.ts",
+              "src/**/*.html"
             ]
           }
         }
@@ -138,7 +115,7 @@
       "prefix": "lib",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-ng-packagr:build",
+          "builder": "@angular-devkit/build-angular:ng-packagr",
           "options": {
             "tsConfig": "projects/angular-mydatepicker/tsconfig.lib.json",
             "project": "projects/angular-mydatepicker/ng-package.json"
@@ -153,15 +130,11 @@
           }
         },
         "lint": {
-          "builder": "@angular-devkit/build-angular:tslint",
+          "builder": "@angular-eslint/builder:lint",
           "options": {
-            "tsConfig": [
-              "projects/angular-mydatepicker/tsconfig.lib.json",
-              "projects/angular-mydatepicker/tsconfig.spec.json"
-            ],
-            "exclude": [
-              "**/node_modules/**",
-              "**/*.spec.ts"
+            "lintFilePatterns": [
+              "projects/angular-mydatepicker/src/**/*.ts",
+              "projects/angular-mydatepicker/**/*.html"
             ]
           }
         }

example/browserslist → example/.browserslistrc

@@ -8,4 +8,4 @@
 last 2 versions
 Firefox ESR
 not dead
-not IE 9-11
+not IE 9-11

example/app/date-picker-div-host-element/date-picker-div-host-element.ts

@@ -1,4 +1,4 @@
-import {Component, OnInit, Renderer2,} from '@angular/core';
+import {Component, OnInit, Renderer2, } from '@angular/core';
 import {IAngularMyDpOptions, IMyDateModel, IMyCalendarViewChanged} from '../../../projects/angular-mydatepicker/src/public-api';
 
 @Component({
@@ -22,12 +22,12 @@ export class DatePickerDivHostElement implements OnInit {
   }
 
   setTodayDate(): void {
-    let d: Date = new Date();
+    const d: Date = new Date();
     this.model = {isRange: false, singleDate: {jsDate: d}, dateRange: null};
   }
 
   resetTomorrowDate(): void {
-    let d: Date = new Date();
+    const d: Date = new Date();
     d.setDate(d.getDate() + 1);
     this.model = {isRange: false, singleDate: {date: {year: d.getFullYear(), month: d.getMonth() + 1, day: d.getDate()}}, dateRange: null};
   }