Convert all components, directives and pipes to standalone

Author: ismcagdas

angular/src/account/account.module.ts

@@ -27,9 +27,7 @@ import { TenantChangeDialogComponent } from './tenant/tenant-change-dialog.compo
         SharedModule,
         ServiceProxyModule,
         AccountRoutingModule,
-        ModalModule.forChild()
-    ],
-    declarations: [
+        ModalModule.forChild(),
         AccountComponent,
         LoginComponent,
         RegisterComponent,
@@ -38,7 +36,7 @@ import { TenantChangeDialogComponent } from './tenant/tenant-change-dialog.compo
         AccountFooterComponent,
         // tenant
         TenantChangeComponent,
-        TenantChangeDialogComponent,
+        TenantChangeDialogComponent
     ]
 })
 export class AccountModule {

angular/src/app/about/about.module.ts

@@ -4,7 +4,6 @@ import { AboutRoutingModule } from './about-routing.module';
 import { AboutComponent } from './about.component';
 
 @NgModule({
-    declarations: [AboutComponent],
-    imports: [SharedModule, AboutRoutingModule],
+    imports: [SharedModule, AboutRoutingModule, AboutComponent],
 })
 export class AboutModule {}

angular/src/app/app.component.spec.ts

@@ -33,23 +33,7 @@ import { SidebarMenuComponent } from "./layout/sidebar-menu.component";
 describe("AppComponent", () => {
   beforeEach(() => {
     TestBed.configureTestingModule({
-      declarations: [
-        AppComponent,
-        HomeComponent,
-        AboutComponent,
-
-        // layout
-        HeaderComponent,
-        HeaderLeftNavbarComponent,
-        HeaderLanguageMenuComponent,
-        HeaderUserMenuComponent,
-        FooterComponent,
-        SidebarComponent,
-        SidebarLogoComponent,
-        SidebarUserPanelComponent,
-        SidebarMenuComponent,
-      ],
-      imports: [
+    imports: [
         BrowserAnimationsModule,
         CommonModule,
         FormsModule,
@@ -64,27 +48,40 @@ describe("AppComponent", () => {
         ServiceProxyModule,
         SharedModule.forRoot(),
         NgxPaginationModule,
-      ],
-      providers: [
+        AppComponent,
+        HomeComponent,
+        AboutComponent,
+        // layout
+        HeaderComponent,
+        HeaderLeftNavbarComponent,
+        HeaderLanguageMenuComponent,
+        HeaderUserMenuComponent,
+        FooterComponent,
+        SidebarComponent,
+        SidebarLogoComponent,
+        SidebarUserPanelComponent,
+        SidebarMenuComponent,
+    ],
+    providers: [
         LayoutStoreService,
         {
-          provide: AppSessionService,
-          useValue: {
-            application: {
-              version: "",
-              releaseDate: {
-                format: function () {
-                  return "";
+            provide: AppSessionService,
+            useValue: {
+                application: {
+                    version: "",
+                    releaseDate: {
+                        format: function () {
+                            return "";
+                        },
+                    },
                 },
-              },
+                getShownLoginName: function () {
+                    return 'admin';
+                }
             },
-            getShownLoginName: function(){
-              return 'admin';
-            }
-          },
         },
-      ],
-    });
+    ],
+});
     TestBed.compileComponents();
   });
 

angular/src/app/app.module.ts

@@ -24,19 +24,6 @@ import { SidebarUserPanelComponent } from './layout/sidebar-user-panel.component
 import { SidebarMenuComponent } from './layout/sidebar-menu.component';
 
 @NgModule({
-    declarations: [
-        AppComponent,
-        // layout
-        HeaderComponent,
-        HeaderLeftNavbarComponent,
-        HeaderLanguageMenuComponent,
-        HeaderUserMenuComponent,
-        FooterComponent,
-        SidebarComponent,
-        SidebarLogoComponent,
-        SidebarUserPanelComponent,
-        SidebarMenuComponent
-    ],
     imports: [
         AppRoutingModule,
         CommonModule,
@@ -50,7 +37,18 @@ import { SidebarMenuComponent } from './layout/sidebar-menu.component';
         TabsModule,
         ServiceProxyModule,
         NgxPaginationModule,
-        SharedModule
+        SharedModule,
+        AppComponent,
+        // layout
+        HeaderComponent,
+        HeaderLeftNavbarComponent,
+        HeaderLanguageMenuComponent,
+        HeaderUserMenuComponent,
+        FooterComponent,
+        SidebarComponent,
+        SidebarLogoComponent,
+        SidebarUserPanelComponent,
+        SidebarMenuComponent
     ],
     providers: []
 })

angular/src/app/home/home.module.ts

@@ -4,7 +4,6 @@ import { HomeRoutingModule } from './home-routing.module';
 import { HomeComponent } from './home.component';
 
 @NgModule({
-    declarations: [HomeComponent],
-    imports: [SharedModule, HomeRoutingModule],
+    imports: [SharedModule, HomeRoutingModule, HomeComponent],
 })
 export class HomeModule {}

angular/src/app/roles/roles.module.ts

@@ -7,7 +7,6 @@ import { EditRoleDialogComponent } from './edit-role/edit-role-dialog.component'
 import { CommonModule } from '@angular/common';
 
 @NgModule({
-    declarations: [RolesComponent, CreateRoleDialogComponent, EditRoleDialogComponent],
-    imports: [SharedModule, RolesRoutingModule, CommonModule],
+    imports: [SharedModule, RolesRoutingModule, CommonModule, RolesComponent, CreateRoleDialogComponent, EditRoleDialogComponent],
 })
 export class RolesModule {}

angular/src/app/tenants/tenants.module.ts

@@ -7,11 +7,8 @@ import { TenantsComponent } from './tenants.component';
 import { CommonModule } from '@angular/common';
 
 @NgModule({
-    declarations: [
-        CreateTenantDialogComponent,
+    imports: [SharedModule, TenantsRoutingModule, CommonModule, CreateTenantDialogComponent,
         EditTenantDialogComponent,
-        TenantsComponent,
-    ],
-    imports: [SharedModule, TenantsRoutingModule, CommonModule],
+        TenantsComponent],
 })
 export class TenantsModule {}

angular/src/app/users/users.module.ts

@@ -9,7 +9,6 @@ import { UsersComponent } from './users.component';
 import { CommonModule } from '@angular/common';
 
 @NgModule({
-    declarations: [UsersComponent, ResetPasswordDialogComponent, EditUserDialogComponent, CreateUserDialogComponent, ChangePasswordComponent],
-    imports: [SharedModule, UsersRoutingModule, CommonModule],
+    imports: [SharedModule, UsersRoutingModule, CommonModule, UsersComponent, ResetPasswordDialogComponent, EditUserDialogComponent, CreateUserDialogComponent, ChangePasswordComponent],
 })
 export class UsersModule {}

angular/src/shared/shared.module.ts

@@ -40,9 +40,7 @@ import { ProgressBarModule } from 'primeng/progressbar';
         TableModule,
         PaginatorModule,
         ProgressBarModule,
-        AutoCompleteModule
-    ],
-    declarations: [
+        AutoCompleteModule,
         AbpPaginationControlsComponent,
         AbpValidationSummaryComponent,
         AbpModalHeaderComponent,