Refactor components to use standalone Angular imports on core package

npm/ng-packs/packages/core/src/lib/components/dynamic-layout.component.ts

@@ -12,7 +12,7 @@ import { findRoute, getRoutePath } from '../utils/route-utils';
 import { TreeNode } from '../utils/tree-utils';
 import { DYNAMIC_LAYOUTS_TOKEN } from '../tokens/dynamic-layout.token';
 import { EnvironmentService } from '../services';
-import { CommonModule } from '@angular/common';
+import { NgComponentOutlet } from '@angular/common';
 
 @Component({
   selector: 'abp-dynamic-layout',
@@ -22,7 +22,7 @@ import { CommonModule } from '@angular/common';
     }
   `,
   providers: [SubscriptionService],
-  imports: [CommonModule],
+  imports: [NgComponentOutlet],
 })
 export class DynamicLayoutComponent implements OnInit {
   layout?: Type<any>;

npm/ng-packs/packages/core/src/lib/components/replaceable-route-container.component.ts

@@ -4,7 +4,7 @@ import { distinctUntilChanged } from 'rxjs/operators';
 import { ReplaceableComponents } from '../models/replaceable-components';
 import { ReplaceableComponentsService } from '../services/replaceable-components.service';
 import { SubscriptionService } from '../services/subscription.service';
-import { CommonModule } from '@angular/common';
+import { NgComponentOutlet } from '@angular/common';
 
 @Component({
   selector: 'abp-replaceable-route-container',
@@ -12,7 +12,7 @@ import { CommonModule } from '@angular/common';
     <ng-container *ngComponentOutlet="externalComponent || defaultComponent"></ng-container>
   `,
   providers: [SubscriptionService],
-  imports: [CommonModule],
+  imports: [NgComponentOutlet],
 })
 export class ReplaceableRouteContainerComponent implements OnInit {
   defaultComponent!: Type<any>;

npm/ng-packs/packages/core/src/lib/components/router-outlet.component.ts

@@ -1,9 +1,9 @@
 import { Component } from '@angular/core';
-import { RouterModule } from '@angular/router';
+import { RouterOutlet } from '@angular/router';
 
 @Component({
   selector: 'abp-router-outlet',
   template: ` <router-outlet></router-outlet> `,
-  imports: [RouterModule],
+  imports: [RouterOutlet],
 })
 export class RouterOutletComponent {}

npm/ng-packs/packages/core/src/lib/services/router-events.service.ts

@@ -7,7 +7,6 @@ import {
   Router,
   RouterEvent,
   Event,
-  RouterState,
 } from '@angular/router';
 import { Observable } from 'rxjs';
 import { filter } from 'rxjs/operators';

npm/ng-packs/packages/core/src/lib/validators/unique-character.validator.ts

@@ -1,4 +1,4 @@
-import { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';
+import { AbstractControl, ValidatorFn } from '@angular/forms';
 import { isNullOrEmpty } from '../utils';
 
 export interface UniqueCharacterError {