theme basic module standalone migration

npm/ng-packs/packages/theme-basic/src/lib/components/account-layout/account-layout.component.ts

@@ -1,12 +1,24 @@
 import { AfterViewInit, Component } from '@angular/core';
-import { eLayoutType, SubscriptionService } from '@abp/ng.core';
+import { CoreModule, eLayoutType, SubscriptionService } from '@abp/ng.core';
 import { LayoutService } from '../../services/layout.service';
+import { CommonModule } from '@angular/common';
+import { LogoComponent } from '../logo/logo.component';
+import { RoutesComponent } from '../routes/routes.component';
+import { NavItemsComponent } from '../nav-items/nav-items.component';
+import { AuthWrapperComponent } from './auth-wrapper/auth-wrapper.component';
 
 @Component({
-  standalone: false,
   selector: 'abp-layout-account',
   templateUrl: './account-layout.component.html',
   providers: [LayoutService, SubscriptionService],
+  imports: [
+    CommonModule,
+    CoreModule,
+    LogoComponent,
+    RoutesComponent,
+    NavItemsComponent,
+    AuthWrapperComponent,
+  ],
 })
 export class AccountLayoutComponent implements AfterViewInit {
   // required for dynamic component

npm/ng-packs/packages/theme-basic/src/lib/components/account-layout/auth-wrapper/auth-wrapper.component.ts

@@ -1,11 +1,14 @@
 import { AuthWrapperService } from '@abp/ng.account.core';
 import { Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { CoreModule } from '@abp/ng.core';
+import { TenantBoxComponent } from '../tenant-box/tenant-box.component';
 
 @Component({
-  standalone: false,
   selector: 'abp-auth-wrapper',
   templateUrl: './auth-wrapper.component.html',
   providers: [AuthWrapperService],
+  imports: [CommonModule, CoreModule, TenantBoxComponent],
 })
 export class AuthWrapperComponent {
   constructor(public service: AuthWrapperService) {}

npm/ng-packs/packages/theme-basic/src/lib/components/account-layout/tenant-box/tenant-box.component.ts

@@ -1,11 +1,13 @@
 import { TenantBoxService } from '@abp/ng.account.core';
 import { Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { CoreModule } from '@abp/ng.core';
 
 @Component({
-  standalone: false,
   selector: 'abp-tenant-box',
   templateUrl: './tenant-box.component.html',
   providers: [TenantBoxService],
+  imports: [CommonModule, CoreModule],
 })
 export class TenantBoxComponent {
   constructor(public service: TenantBoxService) {}

npm/ng-packs/packages/theme-basic/src/lib/components/application-layout/application-layout.component.ts

@@ -1,14 +1,26 @@
-import { eLayoutType, SubscriptionService } from '@abp/ng.core';
+import { CoreModule, eLayoutType, SubscriptionService } from '@abp/ng.core';
 import { collapseWithMargin, slideFromBottom } from '@abp/ng.theme.shared';
 import { AfterViewInit, Component, inject } from '@angular/core';
 import { LayoutService } from '../../services/layout.service';
+import { CommonModule } from '@angular/common';
+import { LogoComponent } from '../logo/logo.component';
+import { PageAlertContainerComponent } from '../page-alert-container/page-alert-container.component';
+import { RoutesComponent } from '../routes/routes.component';
+import { NavItemsComponent } from '../nav-items/nav-items.component';
 
 @Component({
-  standalone: false,
   selector: 'abp-layout-application',
   templateUrl: './application-layout.component.html',
   animations: [slideFromBottom, collapseWithMargin],
   providers: [LayoutService, SubscriptionService],
+  imports: [
+    CommonModule,
+    CoreModule,
+    LogoComponent,
+    PageAlertContainerComponent,
+    RoutesComponent,
+    NavItemsComponent,
+  ],
 })
 export class ApplicationLayoutComponent implements AfterViewInit {
   public readonly service = inject(LayoutService);

npm/ng-packs/packages/theme-basic/src/lib/components/empty-layout/empty-layout.component.ts

@@ -1,10 +1,11 @@
 import { Component } from '@angular/core';
 import { eLayoutType } from '@abp/ng.core';
+import { RouterModule } from '@angular/router';
 
 @Component({
-  standalone: false,
   selector: 'abp-layout-empty',
   template: ` <router-outlet></router-outlet> `,
+  imports: [RouterModule],
 })
 export class EmptyLayoutComponent {
   static type = eLayoutType.empty;

npm/ng-packs/packages/theme-basic/src/lib/components/page-alert-container/page-alert-container.component.ts

@@ -1,11 +1,13 @@
 import { Component, ViewEncapsulation } from '@angular/core';
 import { PageAlertService } from '@abp/ng.theme.shared';
+import { CommonModule } from '@angular/common';
+import { CoreModule } from '@abp/ng.core';
 
 @Component({
-  standalone: false,
   selector: 'abp-page-alert-container',
   templateUrl: './page-alert-container.component.html',
   encapsulation: ViewEncapsulation.None,
+  imports: [CommonModule, CoreModule],
 })
 export class PageAlertContainerComponent {
   constructor(public service: PageAlertService) {}

npm/ng-packs/packages/theme-basic/src/lib/components/routes/routes.component.ts

@@ -1,4 +1,4 @@
-import { ABP, RoutesService, TreeNode } from '@abp/ng.core';
+import { ABP, CoreModule, RoutesService, TreeNode } from '@abp/ng.core';
 import {
   Component,
   ElementRef,
@@ -9,11 +9,15 @@ import {
   TrackByFunction,
   ViewChildren,
 } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { NgbDropdownModule } from '@ng-bootstrap/ng-bootstrap';
+import { LazyTranslatePipe } from '../../pipes';
+import { RouterModule } from '@angular/router';
 
 @Component({
-  standalone: false,
   selector: 'abp-routes',
   templateUrl: 'routes.component.html',
+  imports: [CommonModule, RouterModule, CoreModule, NgbDropdownModule, LazyTranslatePipe],
 })
 export class RoutesComponent {
   public readonly routesService = inject(RoutesService);

npm/ng-packs/packages/theme-basic/src/lib/theme-basic.module.ts

@@ -1,7 +1,5 @@
-import { CoreModule } from '@abp/ng.core';
 import { ThemeSharedModule } from '@abp/ng.theme.shared';
 import { ModuleWithProviders, NgModule } from '@angular/core';
-import { NgbCollapseModule, NgbDropdownModule } from '@ng-bootstrap/ng-bootstrap';
 import { NgxValidateCoreModule } from '@ngx-validate/core';
 import { AccountLayoutComponent } from './components/account-layout/account-layout.component';
 import { AuthWrapperComponent } from './components/account-layout/auth-wrapper/auth-wrapper.component';
@@ -16,18 +14,11 @@ import { PageAlertContainerComponent } from './components/page-alert-container/p
 import { RoutesComponent } from './components/routes/routes.component';
 import { ValidationErrorComponent } from './components/validation-error/validation-error.component';
 import { provideThemeBasicConfig } from './providers';
-import { LazyTranslatePipe } from './pipes';
 
 export const LAYOUTS = [ApplicationLayoutComponent, AccountLayoutComponent, EmptyLayoutComponent];
 
 @NgModule({
-  declarations: [
+  declarations: [],
-    ...LAYOUTS,
-    RoutesComponent,
-    PageAlertContainerComponent,
-    TenantBoxComponent,
-    AuthWrapperComponent,
-  ],
   exports: [
     ...LAYOUTS,
     ValidationErrorComponent,
@@ -39,17 +30,18 @@ export const LAYOUTS = [ApplicationLayoutComponent, AccountLayoutComponent, Empt
     PageAlertContainerComponent,
   ],
   imports: [
-    CoreModule,
+    ...LAYOUTS,
     ThemeSharedModule,
-    NgbCollapseModule,
-    NgbDropdownModule,
     NgxValidateCoreModule,
-    LazyTranslatePipe,
     ValidationErrorComponent,
     LogoComponent,
     NavItemsComponent,
     CurrentUserComponent,
     LanguagesComponent,
+    PageAlertContainerComponent,
+    TenantBoxComponent,
+    AuthWrapperComponent,
+    RoutesComponent,
   ],
 })
 export class BaseThemeBasicModule {}