Upgrade to angular 13

.gitignore

@@ -23,6 +23,7 @@
 !.vscode/extensions.json
 
 # misc
+/.angular/cache
 /.sass-cache
 /connect.lock
 /coverage

angular.json

@@ -149,17 +149,6 @@
               }
             ]
           }
-        },
-        "lint": {
-          "builder": "@angular-devkit/build-angular:tslint",
-          "options": {
-            "tsConfig": [
-              "src/tsconfig.app.json",
-              "src/tsconfig.spec.json"
-            ],
-            "typeCheck": true,
-            "exclude": []
-          }
         }
       }
     },
@@ -174,15 +163,6 @@
             "protractorConfig": "./protractor.conf.js",
             "devServerTarget": "ngx-admin-demo:serve"
           }
-        },
-        "lint": {
-          "builder": "@angular-devkit/build-angular:tslint",
-          "options": {
-            "tsConfig": [
-              "e2e/tsconfig.e2e.json"
-            ],
-            "exclude": []
-          }
         }
       }
     }

package.json

@@ -30,29 +30,28 @@
     "postinstall": "ngcc --properties es2015 es5 browser module main --first-only --create-ivy-entry-points --tsconfig \"./src/tsconfig.app.json\""
   },
   "dependencies": {
-        "@angular/animations": "^12.2.16",
+    "@angular/animations": "^13.4.0",
-        "@angular/cdk": "12.1.0",
+    "@angular/cdk": "13.3.9",
-        "@angular/common": "^12.2.16",
+    "@angular/common": "^13.4.0",
-        "@angular/compiler": "^12.2.16",
+    "@angular/compiler": "^13.4.0",
-        "@angular/core": "^12.2.16",
+    "@angular/core": "^13.4.0",
-        "@angular/forms": "^12.2.16",
+    "@angular/forms": "^13.4.0",
     "@angular/google-maps": "^12.2.13",
-        "@angular/platform-browser": "^12.2.16",
+    "@angular/platform-browser": "^13.4.0",
-        "@angular/platform-browser-dynamic": "^12.2.16",
+    "@angular/platform-browser-dynamic": "^13.4.0",
-        "@angular/router": "^12.2.16",
+    "@angular/router": "^13.4.0",
     "@asymmetrik/ngx-leaflet": "3.0.1",
     "@microsoft/signalr": "^6.0.8",
-        "@nebular/auth": "8.0.0",
+    "@nebular/auth": "9.0.3",
     "@nebular/date-fns": "^9.0.3",
-        "@nebular/eva-icons": "8.0.0",
+    "@nebular/eva-icons": "9.0.3",
-        "@nebular/security": "8.0.0",
+    "@nebular/security": "9.0.3",
-        "@nebular/theme": "8.0.0",
+    "@nebular/theme": "9.0.3",
     "angular2-chartjs": "0.4.1",
     "angular2-qrcode": "^2.0.3",
     "bootstrap": "4.3.1",
     "chart.js": "2.7.1",
     "ckeditor": "4.7.3",
-        "classlist.js": "1.1.20150312",
     "core-js": "2.5.1",
     "echarts": "^4.9.0",
     "eva-icons": "^1.1.3",
@@ -79,14 +78,13 @@
     "tslib": "^2.3.1",
     "typeface-exo": "0.0.22",
     "typeit": "^8.7.0",
-        "web-animations-js": "^2.3.2",
     "zone.js": "~0.11.4"
   },
   "devDependencies": {
-        "@angular-devkit/build-angular": "^12.1.4",
+    "@angular-devkit/build-angular": "^13.3.11",
-        "@angular/cli": "^12.2.17",
+    "@angular/cli": "^13.3.11",
-        "@angular/compiler-cli": "^12.2.16",
+    "@angular/compiler-cli": "^13.4.0",
-        "@angular/language-service": "12.1.0",
+    "@angular/language-service": "13.4.0",
     "@compodoc/compodoc": "1.0.1",
     "@fortawesome/fontawesome-free": "^5.2.0",
     "@schematics/angular": "^14.1.3",
@@ -111,6 +109,6 @@
     "rimraf": "2.6.1",
     "stylelint": "7.13.0",
     "ts-node": "3.2.2",
-        "typescript": "~4.2.3||~4.3.0"
+    "typescript": "~4.6.4"
   }
 }

src/app/directives/right-click-menu/right-click-menu.module.ts

@@ -9,14 +9,11 @@ const components = [RightClickMenuDirective,];
 
 @NgModule({
     declarations: [...components],
-  entryComponents: [
-    ContextMenuComponent
-  ],
     imports: [
         CommonModule,
         NbDialogModule,
         ContextMenuModule
     ],
-  exports: [...components],
+    exports: [...components]
 })
 export class RightClickMenuModule { }

src/app/pages/extra-components/calendar-kit/calendar-kit.component.ts

@@ -4,8 +4,7 @@ import { CalendarKitMonthCellComponent } from './month-cell/month-cell.component
 @Component({
     selector: 'ngx-calendar-kit',
     templateUrl: 'calendar-kit.component.html',
-  styleUrls: ['calendar-kit.component.scss'],
+    styleUrls: ['calendar-kit.component.scss']
-  entryComponents: [CalendarKitMonthCellComponent],
 })
 export class CalendarKitFullCalendarShowcaseComponent {
   month = new Date();

src/app/pages/extra-components/calendar/calendar.component.ts

@@ -5,8 +5,7 @@ import { DayCellComponent } from './day-cell/day-cell.component';
 @Component({
     selector: 'ngx-calendar',
     templateUrl: 'calendar.component.html',
-  styleUrls: ['calendar.component.scss'],
+    styleUrls: ['calendar.component.scss']
-  entryComponents: [DayCellComponent],
 })
 export class CalendarComponent {
 

src/app/pages/modal-overlays/modal-overlays.module.ts

@@ -85,10 +85,7 @@ const SERVICES = [
     ],
     providers: [
         ...SERVICES,
-  ],
+    ]
-  entryComponents: [
-    ...ENTRY_COMPONENTS,
-  ],
 })
 export class ModalOverlaysModule {
 }

src/app/ui/alert-dlg/alert-dlg.module.ts

@@ -23,9 +23,6 @@ import { DropDownListModule } from '../drop-down-list/drop-down-list.module';
     ],
     exports: [
         AlertDlgComponent
-  ],
-  entryComponents: [
-    AlertDlgComponent,
     ]
 }
 )

src/app/ui/date-input/date-input.module.ts

@@ -13,7 +13,6 @@ import { RegexValidatorModule } from '../../directives/regex-validator/regex-val
         FormsModule,
         NbInputModule,
         NbDatepickerModule,
-
         NbIconModule,
         NbButtonModule,
         RegexValidatorModule,
@@ -25,7 +24,6 @@ import { RegexValidatorModule } from '../../directives/regex-validator/regex-val
     ],
     exports: [
         DateInputComponent
-  ],
+    ]
-  entryComponents: [CalendarViewComponent]
 })
 export class DateInputModule { }

src/app/ui/drop-down-list/drop-down-list.module.ts

@@ -25,9 +25,6 @@ import { DropDownMenuComponent } from './drop-down-menu/drop-down-menu.component
     ],
     exports: [
         DropDownListComponent,
-  ],
-  entryComponents: [
-    DropDownMenuComponent
     ]
 })
 export class DropDownListModule { }

src/app/ui/fancy-table/fancy-table.module.ts

@@ -57,11 +57,6 @@ const components = [
         InitFocusModule,
         InfiniteScrollModule
     ],
-  exports: [...components],
+    exports: [...components]
-  entryComponents: [
-    FancyTableEditorComponent,
-    ConfirmDialogComponent,
-  ],
-
 })
 export class FancyTableModule { }

src/app/ui/popover-msg/popover-msg.module.ts

@@ -7,7 +7,6 @@ import { PopoverMsgComponent } from './popover-msg.component';
     imports: [
         CommonModule
     ],
-  exports: [PopoverMsgComponent],
+    exports: [PopoverMsgComponent]
-  entryComponents: [PopoverMsgComponent]
 })
 export class PopoverMsgModule { }

src/polyfills.ts

@@ -16,14 +16,7 @@
 
 /***************************************************************************************************
 * BROWSER POLYFILLS
-*/
+*/  // Run `npm install --save classlist.js`.  // Run `npm install --save web-animations-js`.
-
-
-/** IE10 and IE11 requires the following for NgClass support on SVG elements */
-import 'classlist.js';  // Run `npm install --save classlist.js`.
-
-/** IE10 and IE11 requires the following to support `@angular/animation`. */
-import 'web-animations-js';  // Run `npm install --save web-animations-js`.
 
 
 /** Evergreen browsers require these. **/
@@ -31,10 +24,6 @@ import 'core-js/es6/reflect';
 import 'core-js/es7/reflect';
 
 
-/** ALL Firefox browsers require the following to support `@angular/animation`. **/
-// import 'web-animations-js';  // Run `npm install --save web-animations-js`.
-
-
 /***************************************************************************************************
  * Zone JS is required by Angular itself.
  */

src/test.ts

@@ -28,7 +28,9 @@ __karma__.loaded = function () {};
 // 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$/);