chore: update to angular@13

fix: update popup css

ng-a-date-picker/.gitignore

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

ng-a-date-picker/angular.json

@@ -133,19 +133,6 @@
             "scripts": []
           }
         },
-        "lint": {
-          "builder": "@angular-devkit/build-angular:tslint",
-          "options": {
-            "tsConfig": [
-              "projects/ng-datepicker-showcase/tsconfig.app.json",
-              "projects/ng-datepicker-showcase/tsconfig.spec.json",
-              "projects/ng-datepicker-showcase/e2e/tsconfig.json"
-            ],
-            "exclude": [
-              "**/node_modules/**"
-            ]
-          }
-        },
         "e2e": {
           "builder": "@angular-devkit/build-angular:protractor",
           "options": {

ng-a-date-picker/package.json

@@ -5,47 +5,45 @@
     "libProd": "ng build ng-datepicker --configuration production",
     "ng": "ng",
     "start": "ng serve --project=ng-datepicker-showcase --hmr",
-    "build": "ng build --project=ng-datepicker",
+    "build": "ng build --project=ng-datepicker --configuration production",
     "test": "ng test --project=ng-datepicker",
-    "lint": "ng lint",
-    "packagr": "ng-packagr -p projects/ng-datepicker/ng-package.json",
     "e2e": "ng e2e"
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "~12.1.1",
-    "@angular/common": "~12.1.1",
-    "@angular/compiler": "~12.1.1",
-    "@angular/core": "~12.1.1",
-    "@angular/forms": "~12.1.1",
-    "@angular/platform-browser": "~12.1.1",
-    "@angular/platform-browser-dynamic": "~12.1.1",
-    "@angular/router": "~12.1.1",
-    "@annotation/ng-parse": "^1.1.0",
-    "rxjs": "~6.6.3",
+    "@angular/animations": "~13.2.0",
+    "@angular/common": "~13.2.0",
+    "@angular/compiler": "~13.2.0",
+    "@angular/core": "~13.2.0",
+    "@angular/forms": "~13.2.0",
+    "@angular/platform-browser": "~13.2.0",
+    "@angular/platform-browser-dynamic": "~13.2.0",
+    "@angular/router": "~13.2.0",
+    "@annotation/ng-parse": "^1.2.0",
+    "rxjs": "~6.6.6",
     "tslib": "^2.3.0",
     "zone.js": "~0.11.4"
   },
   "devDependencies": {
-    "@angular-devkit/architect": "~0.1201.1",
-    "@angular-devkit/build-angular": "~12.1.1",
-    "@angular-eslint/builder": "^1.1.0",
-    "@angular-eslint/eslint-plugin": "^1.1.0",
-    "@angular-eslint/eslint-plugin-template": "^1.1.0",
-    "@angular-eslint/schematics": "^1.1.0",
-    "@angular-eslint/template-parser": "^1.1.0",
-    "@angular/cli": "^12.1.1",
-    "@angular/compiler-cli": "^12.1.1",
+    "@angular-devkit/architect": "~0.1302.1",
+    "@angular-devkit/build-angular": "~13.2.1",
+    "@angular-eslint/builder": "^12.0.0",
+    "@angular-eslint/eslint-plugin": "^12.0.0",
+    "@angular-eslint/eslint-plugin-template": "^12.0.0",
+    "@angular-eslint/schematics": "^13.0.1",
+    "@angular-eslint/template-parser": "^12.0.0",
+    "@angular/cli": "^13.2.1",
+    "@angular/compiler-cli": "^13.2.0",
     "@types/jasmine": "~3.6.0",
     "@types/node": "^12.11.1",
-    "@typescript-eslint/eslint-plugin": "^4.14.2",
-    "@typescript-eslint/parser": "^4.14.2",
+    "@typescript-eslint/eslint-plugin": "5.3.0",
+    "@typescript-eslint/parser": "5.3.0",
     "codelyzer": "^6.0.0",
     "dotenv-cli": "^4.0.0",
-    "eslint": "^7.19.0",
+    "eslint": "^8.2.0",
     "eslint-config-airbnb-typescript": "^12.0.0",
     "eslint-config-prettier": "^7.2.0",
-    "eslint-plugin-import": "^2.22.1",
+    "eslint-plugin-import": "2.25.2",
     "eslint-plugin-prettier": "^3.3.1",
     "jasmine-core": "~3.6.0",
     "jasmine-spec-reporter": "~5.0.0",
@@ -54,13 +52,13 @@
     "karma-coverage": "~2.0.3",
     "karma-jasmine": "~4.0.0",
     "karma-jasmine-html-reporter": "^1.5.0",
-    "ng-packagr": "^12.1.2",
+    "ng-packagr": "^13.2.1",
     "prettier": "^2.2.1",
     "protractor": "~7.0.0",
     "release-it": "^14.5.0",
     "ts-node": "~8.3.0",
     "tslint": "~6.1.0",
-    "typescript": "~4.3.5"
+    "typescript": "~4.5.5"
   },
   "volta": {
     "node": "16.10.0",

ng-a-date-picker/projects/ng-datepicker-showcase/src/polyfills.ts

@@ -18,16 +18,6 @@
  * BROWSER POLYFILLS
  */
 
-/** IE11 requires the following for NgClass support on SVG elements */
-// import 'classlist.js';  // Run `npm install --save classlist.js`.
-
-/**
- * Web Animations `@angular/platform-browser/animations`
- * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.
- * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).
- */
-// import 'web-animations-js';  // Run `npm install --save web-animations-js`.
-
 /**
  * By default, zone.js will patch all possible macroTask and DomEvents
  * user can disable parts of macroTask/DomEvents patch by setting following flags

ng-a-date-picker/projects/ng-datepicker-showcase/src/styles.scss

@@ -1 +1,2 @@
 /* You can add global styles to this file, and also import other style files */
+@import "projects/ng-datepicker/ng-datepicker";

ng-a-date-picker/projects/ng-datepicker-showcase/src/test.ts

@@ -17,7 +17,9 @@ declare const require: {
 // First, initialize the Angular testing environment.
 getTestBed().initTestEnvironment(
   BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting()
+  platformBrowserDynamicTesting(), {
+    teardown: { destroyAfterEach: false }
+}
 );
 // Then we find all the tests.
 const context = require.context('./', true, /\.spec\.ts$/);

ng-a-date-picker/projects/ng-datepicker/ng-datepicker.scss

@@ -116,6 +116,7 @@ $border-color-shadow: #3facf5 !default;
   flex-basis: calc(100% / 7);
   text-align: center;
   border: 1px solid $border-color;
+  box-sizing: border-box;
 }
 
 .ng-date-popup--date-day:not(.ng-date-popup--date-disabled ) {

ng-a-date-picker/projects/ng-datepicker/ng-package.json

@@ -4,7 +4,7 @@
   "lib": {
     "entryFile": "src/public-api.ts"
   },
-  "whitelistedNonPeerDependencies": [
+  "allowedNonPeerDependencies": [
   ],
   "assets": [
     "./ng-datepicker.scss",

ng-a-date-picker/projects/ng-datepicker/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@annotation/ng-datepicker",
-  "version": "0.3.0-alpha",
+  "version": "0.4.0-alpha",
   "description": "Angular datepicker - work in progress",
   "scripts": {
     "release": "dotenv release-it"
   },
   "peerDependencies": {
-    "@angular/common": "^12.1.1",
-    "@angular/core": "^12.1.1",
-    "@angular/forms": "^12.1.1",
-    "@angular/localize": "^12.1.1",
-    "rxjs": "^6.6.3",
-    "@annotation/ng-parse": "^1.1.0"
+    "@angular/common": "^13.2.0",
+    "@angular/core": "^13.2.0",
+    "@angular/forms": "^13.2.0",
+    "@angular/localize": "^13.2.0",
+    "rxjs": "^6.6.6",
+    "@annotation/ng-parse": "^1.2.0"
   },
   "repository": {
     "type": "git",

ng-a-date-picker/projects/ng-datepicker/src/test.ts

@@ -26,7 +26,9 @@ declare const require: {
 };
 
 // First, initialize the Angular testing environment.
-getTestBed().initTestEnvironment(BrowserDynamicTestingModule, platformBrowserDynamicTesting());
+getTestBed().initTestEnvironment(BrowserDynamicTestingModule, platformBrowserDynamicTesting(), {
+    teardown: { destroyAfterEach: false }
+});
 
 // // Add this line to register a locale (german in this case).
 registerLocaleData(localeEn, localeEnExtra);

ng-a-date-picker/projects/ng-datepicker/tsconfig.lib.prod.json

@@ -5,7 +5,7 @@
     "declarationMap": false
   },
   "angularCompilerOptions": {
-    "enableIvy": false,
-    "copilationMode": "partial"
+    "enableIvy": true,
+    "compilationMode": "partial"
   }
 }