teheme shared module standalone migration

npm/ng-packs/packages/theme-shared/src/lib/components/breadcrumb-items/breadcrumb-items.component.ts

@@ -1,10 +1,12 @@
-import { ABP } from '@abp/ng.core';
+import { ABP, CoreModule } from '@abp/ng.core';
 import { Component, Input } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { RouterModule } from '@angular/router';
 
 @Component({
-  standalone: false,
   selector: 'abp-breadcrumb-items',
   templateUrl: './breadcrumb-items.component.html',
+  imports: [CommonModule, RouterModule, CoreModule],
 })
 export class BreadcrumbItemsComponent {
   @Input() items: Partial<ABP.Route>[] = [];

npm/ng-packs/packages/theme-shared/src/lib/components/breadcrumb/breadcrumb.component.ts

@@ -10,13 +10,15 @@ import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit } from '@
 import { Router } from '@angular/router';
 import { map, startWith } from 'rxjs/operators';
 import { eThemeSharedRouteNames } from '../../enums/route-names';
+import { CommonModule } from '@angular/common';
+import { BreadcrumbItemsComponent } from '../breadcrumb-items/breadcrumb-items.component';
 
 @Component({
-  standalone: false,
   selector: 'abp-breadcrumb',
   templateUrl: './breadcrumb.component.html',
   changeDetection: ChangeDetectionStrategy.OnPush,
   providers: [SubscriptionService],
+  imports: [CommonModule, BreadcrumbItemsComponent],
 })
 export class BreadcrumbComponent implements OnInit {
   segments: Partial<ABP.Route>[] = [];

npm/ng-packs/packages/theme-shared/src/lib/components/button/button.component.ts

@@ -10,9 +10,9 @@ import {
   Renderer2,
   ViewChild,
 } from '@angular/core';
+import { CommonModule } from '@angular/common';
 
 @Component({
-  standalone: false,
   selector: 'abp-button',
   template: `
     <button
@@ -29,6 +29,7 @@ import {
       <i [ngClass]="icon" class="me-1" aria-hidden="true"></i><ng-content></ng-content>
     </button>
   `,
+  imports: [CommonModule],
 })
 export class ButtonComponent implements OnInit {
   @Input()

npm/ng-packs/packages/theme-shared/src/lib/components/checkbox/checkbox.component.ts

@@ -1,9 +1,9 @@
-import { AbstractNgModelComponent } from '@abp/ng.core';
+import { AbstractNgModelComponent, CoreModule } from '@abp/ng.core';
 import { Component, EventEmitter, forwardRef, Input, Output } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { CommonModule } from '@angular/common';
 
 @Component({
-  standalone: false,
   selector: 'abp-checkbox',
   template: `
     <div class="mb-3">
@@ -31,6 +31,7 @@ import { NG_VALUE_ACCESSOR } from '@angular/forms';
       multi: true,
     },
   ],
+  imports: [CommonModule, CoreModule],
 })
 export class FormCheckboxComponent extends AbstractNgModelComponent {
   @Input() label?: string;

npm/ng-packs/packages/theme-shared/src/lib/components/confirmation/confirmation.component.ts

@@ -2,12 +2,14 @@ import { Component, Inject } from '@angular/core';
 import { ReplaySubject } from 'rxjs';
 import { Confirmation } from '../../models/confirmation';
 import { CONFIRMATION_ICONS, ConfirmationIcons } from '../../tokens/confirmation-icons.token';
+import { CommonModule } from '@angular/common';
+import { CoreModule } from '@abp/ng.core';
 
 @Component({
-  standalone: false,
   selector: 'abp-confirmation',
   templateUrl: './confirmation.component.html',
   styleUrls: ['./confirmation.component.scss'],
+  imports: [CommonModule, CoreModule],
 })
 export class ConfirmationComponent {
   constructor(@Inject(CONFIRMATION_ICONS) private icons: ConfirmationIcons) {}

npm/ng-packs/packages/theme-shared/src/lib/components/form-input/form-input.component.ts

@@ -1,9 +1,9 @@
-import { AbstractNgModelComponent } from '@abp/ng.core';
+import { AbstractNgModelComponent, CoreModule } from '@abp/ng.core';
 import { Component, EventEmitter, forwardRef, Input, Output } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { CommonModule } from '@angular/common';
 
 @Component({
-  standalone: false,
   selector: 'abp-form-input',
   template: `
     <div class="mb-3">
@@ -32,6 +32,7 @@ import { NG_VALUE_ACCESSOR } from '@angular/forms';
       multi: true,
     },
   ],
+  imports: [CommonModule, CoreModule],
 })
 export class FormInputComponent extends AbstractNgModelComponent {
   @Input() inputId!: string;

npm/ng-packs/packages/theme-shared/src/lib/components/http-error-wrapper/http-error-wrapper.component.ts

@@ -14,18 +14,18 @@ import {
   DestroyRef,
 } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { DOCUMENT } from '@angular/common';
+import { CommonModule, DOCUMENT } from '@angular/common';
 import { Router } from '@angular/router';
 import { fromEvent, Subject } from 'rxjs';
 import { debounceTime, filter } from 'rxjs/operators';
-import { LocalizationParam } from '@abp/ng.core';
+import { CoreModule, LocalizationParam } from '@abp/ng.core';
 import { ErrorScreenErrorCodes } from '../../models';
 
 @Component({
-  standalone: false,
   selector: 'abp-http-error-wrapper',
   templateUrl: './http-error-wrapper.component.html',
   styleUrls: ['http-error-wrapper.component.scss'],
+  imports: [CommonModule, CoreModule],
 })
 export class HttpErrorWrapperComponent implements OnInit, AfterViewInit, OnDestroy {
   protected readonly destroyRef = inject(DestroyRef);

npm/ng-packs/packages/theme-shared/src/lib/components/loader-bar/loader-bar.component.ts

@@ -2,9 +2,9 @@ import { HttpWaitService, RouterWaitService, SubscriptionService } from '@abp/ng
 import { ChangeDetectorRef, Component, Input, OnDestroy, OnInit } from '@angular/core';
 import { Router } from '@angular/router';
 import { combineLatest, Subscription, timer } from 'rxjs';
+import { CommonModule } from '@angular/common';
 
 @Component({
-  standalone: false,
   selector: 'abp-loader-bar',
   template: `
     <div id="abp-loader-bar" [ngClass]="containerClass" [class.is-loading]="isLoading">
@@ -21,6 +21,7 @@ import { combineLatest, Subscription, timer } from 'rxjs';
   `,
   styleUrls: ['./loader-bar.component.scss'],
   providers: [SubscriptionService],
+  imports: [CommonModule],
 })
 export class LoaderBarComponent implements OnDestroy, OnInit {
   protected _isLoading!: boolean;

npm/ng-packs/packages/theme-shared/src/lib/components/loading/loading.component.ts

@@ -1,7 +1,7 @@
 import { Component, ViewEncapsulation } from '@angular/core';
+import { CommonModule } from '@angular/common';
 
 @Component({
-  standalone: false,
   selector: 'abp-loading',
   template: `
     <div class="abp-loading">
@@ -33,5 +33,6 @@ import { Component, ViewEncapsulation } from '@angular/core';
       }
     `,
   ],
+  imports: [CommonModule],
 })
 export class LoadingComponent {}

npm/ng-packs/packages/theme-shared/src/lib/components/modal/modal-close.directive.ts

@@ -2,7 +2,6 @@ import { Directive, HostListener, Optional } from '@angular/core';
 import { ModalComponent } from './modal.component';
 
 @Directive({
-  standalone: false,
   selector: '[abpClose]',
 })
 export class ModalCloseDirective {

npm/ng-packs/packages/theme-shared/src/lib/components/modal/modal.component.ts

@@ -22,15 +22,16 @@ import { ConfirmationService } from '../../services/confirmation.service';
 import { SUPPRESS_UNSAVED_CHANGES_WARNING } from '../../tokens/suppress-unsaved-changes-warning.token';
 import { ButtonComponent } from '../button/button.component';
 import { DismissableModal, ModalDismissMode, ModalRefService } from './modal-ref.service';
+import { CommonModule } from '@angular/common';
 
 export type ModalSize = 'sm' | 'md' | 'lg' | 'xl';
 
 @Component({
-  standalone: false,
   selector: 'abp-modal',
   templateUrl: './modal.component.html',
   styleUrls: ['./modal.component.scss'],
   providers: [SubscriptionService],
+  imports: [CommonModule],
 })
 export class ModalComponent implements OnInit, OnDestroy, DismissableModal {
   protected readonly confirmationService = inject(ConfirmationService);

npm/ng-packs/packages/theme-shared/src/lib/components/toast-container/toast-container.component.ts

@@ -2,13 +2,15 @@ import { Component, HostListener, Input, OnInit } from '@angular/core';
 import { ReplaySubject } from 'rxjs';
 import { toastInOut } from '../../animations/toast.animations';
 import { Toaster } from '../../models/toaster';
+import { CommonModule } from '@angular/common';
+import { ToastComponent } from '../toast/toast.component';
 
 @Component({
-  standalone: false,
   selector: 'abp-toast-container',
   templateUrl: './toast-container.component.html',
   styleUrls: ['./toast-container.component.scss'],
   animations: [toastInOut],
+  imports: [CommonModule, ToastComponent],
 })
 export class ToastContainerComponent implements OnInit {
   toasts$!: ReplaySubject<Toaster.Toast[]>;

npm/ng-packs/packages/theme-shared/src/lib/components/toast/toast.component.ts

@@ -1,10 +1,12 @@
 import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { Toaster } from '../../models/toaster';
+import { CommonModule } from '@angular/common';
+import { CoreModule } from '@abp/ng.core';
 @Component({
-  standalone: false,
   selector: 'abp-toast',
   templateUrl: './toast.component.html',
   styleUrls: ['./toast.component.scss'],
+  imports: [CommonModule, CoreModule],
 })
 export class ToastComponent implements OnInit {
   @Input()

npm/ng-packs/packages/theme-shared/src/lib/directives/loading.directive.ts

@@ -17,7 +17,6 @@ import { take } from 'rxjs/operators';
 import { LoadingComponent } from '../components/loading/loading.component';
 
 @Directive({
-  standalone: false,
   selector: '[abpLoading]',
 })
 export class LoadingDirective implements OnInit, OnDestroy {

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

@@ -34,7 +34,7 @@ import { AbpVisibleDirective, DisabledDirective } from './directives';
 import { FormInputComponent } from './components/form-input/form-input.component';
 import { FormCheckboxComponent } from './components/checkbox/checkbox.component';
 
-const declarationsWithExports = [
+export const THEME_SHARED_COMPONENTS = [
   BreadcrumbComponent,
   BreadcrumbItemsComponent,
   ButtonComponent,
@@ -48,6 +48,7 @@ const declarationsWithExports = [
   ModalCloseDirective,
   FormInputComponent,
   FormCheckboxComponent,
+  HttpErrorWrapperComponent,
 ];
 
 @NgModule({
@@ -63,8 +64,9 @@ const declarationsWithExports = [
     NgxDatatableListDirective,
     DisabledDirective,
     AbpVisibleDirective,
+    ...THEME_SHARED_COMPONENTS,
   ],
-  declarations: [...declarationsWithExports, HttpErrorWrapperComponent],
+  declarations: [],
   exports: [
     NgxDatatableModule,
     NgxValidateCoreModule,
@@ -74,7 +76,7 @@ const declarationsWithExports = [
     NgxDatatableListDirective,
     NgxDatatableDefaultDirective,
     PasswordComponent,
-    ...declarationsWithExports,
+    ...THEME_SHARED_COMPONENTS,
   ],
   providers: [DatePipe],
 })