Upgrade to angular 13

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

@@ -8,15 +8,12 @@ import { ContextMenuModule } from '../../ui/context-menu/context-menu.module';
 const components = [RightClickMenuDirective,];
 
 @NgModule({
-  declarations: [...components],
-  entryComponents: [
-    ContextMenuComponent
-  ],
-  imports: [
-    CommonModule,
-    NbDialogModule,
-    ContextMenuModule
-  ],
-  exports: [...components],
+    declarations: [...components],
+    imports: [
+        CommonModule,
+        NbDialogModule,
+        ContextMenuModule
+    ],
+    exports: [...components]
 })
 export class RightClickMenuModule { }

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

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

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

@@ -3,10 +3,9 @@ import { NbCalendarRange, NbDateService } from '@nebular/theme';
 import { DayCellComponent } from './day-cell/day-cell.component';
 
 @Component({
-  selector: 'ngx-calendar',
-  templateUrl: 'calendar.component.html',
-  styleUrls: ['calendar.component.scss'],
-  entryComponents: [DayCellComponent],
+    selector: 'ngx-calendar',
+    templateUrl: 'calendar.component.html',
+    styleUrls: ['calendar.component.scss']
 })
 export class CalendarComponent {
 

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

@@ -77,18 +77,15 @@ const SERVICES = [
 ];
 
 @NgModule({
-  imports: [
-    ...MODULES,
-  ],
-  declarations: [
-    ...COMPONENTS,
-  ],
-  providers: [
-    ...SERVICES,
-  ],
-  entryComponents: [
-    ...ENTRY_COMPONENTS,
-  ],
+    imports: [
+        ...MODULES,
+    ],
+    declarations: [
+        ...COMPONENTS,
+    ],
+    providers: [
+        ...SERVICES,
+    ]
 })
 export class ModalOverlaysModule {
 }

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

@@ -7,26 +7,23 @@ import { InitFocusModule } from '../../directives/init-focus/init-focus.module';
 import { AlertDlgComponent } from './alert-dlg.component';
 import { DropDownListModule } from '../drop-down-list/drop-down-list.module';
 @NgModule({
-  declarations: [AlertDlgComponent],
-  imports: [
-    CommonModule,
-    FormsModule,
-    NbInputModule,
-    NbCardModule,
-    NbButtonModule,
-    NbIconModule,
-    NbTooltipModule,
-    NbProgressBarModule,
-    MaskDirectiveModule,
-    InitFocusModule,
-    DropDownListModule
-  ],
-  exports: [
-    AlertDlgComponent
-  ],
-  entryComponents: [
-    AlertDlgComponent,
-  ]
+    declarations: [AlertDlgComponent],
+    imports: [
+        CommonModule,
+        FormsModule,
+        NbInputModule,
+        NbCardModule,
+        NbButtonModule,
+        NbIconModule,
+        NbTooltipModule,
+        NbProgressBarModule,
+        MaskDirectiveModule,
+        InitFocusModule,
+        DropDownListModule
+    ],
+    exports: [
+        AlertDlgComponent
+    ]
 }
 )
 export class AlertDlgModule { }

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

@@ -7,25 +7,23 @@ import { CalendarViewComponent } from './calendar-view/calendar-view.component';
 import { RegexValidatorModule } from '../../directives/regex-validator/regex-validator.module';
 
 @NgModule({
-  declarations: [DateInputComponent, CalendarViewComponent],
-  imports: [
-    CommonModule,
-    FormsModule,
-    NbInputModule,
-    NbDatepickerModule,
-
-    NbIconModule,
-    NbButtonModule,
-    RegexValidatorModule,
-    NbIconModule,
-    NbButtonModule,
-    NbCardModule,
-    NbCalendarKitModule,
-    NbTooltipModule,
-  ],
-  exports: [
-    DateInputComponent
-  ],
-  entryComponents: [CalendarViewComponent]
+    declarations: [DateInputComponent, CalendarViewComponent],
+    imports: [
+        CommonModule,
+        FormsModule,
+        NbInputModule,
+        NbDatepickerModule,
+        NbIconModule,
+        NbButtonModule,
+        RegexValidatorModule,
+        NbIconModule,
+        NbButtonModule,
+        NbCardModule,
+        NbCalendarKitModule,
+        NbTooltipModule,
+    ],
+    exports: [
+        DateInputComponent
+    ]
 })
 export class DateInputModule { }

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

@@ -7,27 +7,24 @@ import { DropDownMenuComponent } from './drop-down-menu/drop-down-menu.component
 
 
 @NgModule({
-  declarations: [
-    DropDownListComponent,
-    DropDownMenuComponent,
-  ],
-  imports: [
-    CommonModule,
-    FormsModule,
-    NbInputModule,
-    NbSelectModule,
-    NbMenuModule,
-    NbContextMenuModule,
-    NbButtonModule,
-    NbIconModule,
-    NbCardModule,
-    NbTooltipModule,
-  ],
-  exports: [
-    DropDownListComponent,
-  ],
-  entryComponents: [
-    DropDownMenuComponent
-  ]
+    declarations: [
+        DropDownListComponent,
+        DropDownMenuComponent,
+    ],
+    imports: [
+        CommonModule,
+        FormsModule,
+        NbInputModule,
+        NbSelectModule,
+        NbMenuModule,
+        NbContextMenuModule,
+        NbButtonModule,
+        NbIconModule,
+        NbCardModule,
+        NbTooltipModule,
+    ],
+    exports: [
+        DropDownListComponent,
+    ]
 })
 export class DropDownListModule { }

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

@@ -33,35 +33,30 @@ const components = [
 ]
 
 @NgModule({
-  declarations: [...components, MultiRecordPickerDlgComponent],
-  imports: [
-    CommonModule,
-    FormsModule,
-    NbButtonModule,
-    NbCalendarRangeModule,
-    NbCardModule,
-    NbCheckboxModule,
-    NbDatepickerModule,
-    NbDialogModule,
-    NbIconModule,
-    NbInputModule,
-    NbSelectModule,
-    NbTooltipModule,
-    NbAlertModule,
-    NbSpinnerModule,
-    CurrencyInputModule,
-    DragDropModule,
-    DropDownListModule,
-    PagerModule,
-    RightClickMenuModule,
-    InitFocusModule,
-    InfiniteScrollModule
-  ],
-  exports: [...components],
-  entryComponents: [
-    FancyTableEditorComponent,
-    ConfirmDialogComponent,
-  ],
-
+    declarations: [...components, MultiRecordPickerDlgComponent],
+    imports: [
+        CommonModule,
+        FormsModule,
+        NbButtonModule,
+        NbCalendarRangeModule,
+        NbCardModule,
+        NbCheckboxModule,
+        NbDatepickerModule,
+        NbDialogModule,
+        NbIconModule,
+        NbInputModule,
+        NbSelectModule,
+        NbTooltipModule,
+        NbAlertModule,
+        NbSpinnerModule,
+        CurrencyInputModule,
+        DragDropModule,
+        DropDownListModule,
+        PagerModule,
+        RightClickMenuModule,
+        InitFocusModule,
+        InfiniteScrollModule
+    ],
+    exports: [...components]
 })
 export class FancyTableModule { }

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

@@ -3,11 +3,10 @@ import { CommonModule } from '@angular/common';
 import { PopoverMsgComponent } from './popover-msg.component';
 
 @NgModule({
-  declarations: [PopoverMsgComponent],
-  imports: [
-    CommonModule
-  ],
-  exports: [PopoverMsgComponent],
-  entryComponents: [PopoverMsgComponent]
+    declarations: [PopoverMsgComponent],
+    imports: [
+        CommonModule
+    ],
+    exports: [PopoverMsgComponent]
 })
 export class PopoverMsgModule { }

src/polyfills.ts

@@ -16,14 +16,7 @@
 
 /***************************************************************************************************
 * BROWSER POLYFILLS
-*/
-
-
-/** 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`.
+*/  // Run `npm install --save classlist.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$/);