feat(module:cdk): support standalone component (#8270)

Author: ParsaArvanehPA

components/cdk/overflow/overflow-container.component.ts

@@ -30,7 +30,8 @@ import { NzOverflowSuffixDirective } from './overflow-suffix.directive';
     <ng-content select="[appOverflowRest]"></ng-content>
     <ng-content select="[appOverflowSuffix]"></ng-content>`,
   providers: [NzResizeObserver],
-  changeDetection: ChangeDetectionStrategy.OnPush
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true
 })
 export class NzOverflowContainerComponent implements OnInit, AfterContentInit, OnDestroy {
   contentInit$ = new Subject<void>();

components/cdk/overflow/overflow-item.directive.ts

@@ -12,7 +12,8 @@ import { NzResizeObserver } from 'ng-zorro-antd/cdk/resize-observer';
   selector: '[nzOverflowItem]',
   host: {
     '[style]': 'overflowStyle'
-  }
+  },
+  standalone: true
 })
 export class NzOverflowItemDirective {
   overflowStyle: { [key: string]: string | number | undefined } | undefined = undefined;

components/cdk/overflow/overflow-rest.directive.ts

@@ -12,7 +12,8 @@ import { NzResizeObserver } from 'ng-zorro-antd/cdk/resize-observer';
   selector: '[nzOverflowRest]',
   host: {
     '[style]': 'restStyle'
-  }
+  },
+  standalone: true
 })
 export class NzOverflowRestDirective {
   restStyle: { [key: string]: string | number | undefined } | undefined = undefined;

components/cdk/overflow/overflow-suffix.directive.ts

@@ -12,7 +12,8 @@ import { NzResizeObserver } from 'ng-zorro-antd/cdk/resize-observer';
   selector: '[nzOverflowSuffix]',
   host: {
     '[style]': 'suffixStyle'
-  }
+  },
+  standalone: true
 })
 export class NzOverflowSuffixDirective {
   suffixStyle = {};

components/cdk/overflow/overflow.module.ts

@@ -5,21 +5,13 @@
 
 import { NgModule } from '@angular/core';
 
-import { NzResizeObserverModule } from 'ng-zorro-antd/cdk/resize-observer';
-
 import { NzOverflowContainerComponent } from './overflow-container.component';
 import { NzOverflowItemDirective } from './overflow-item.directive';
 import { NzOverflowRestDirective } from './overflow-rest.directive';
 import { NzOverflowSuffixDirective } from './overflow-suffix.directive';
 
 @NgModule({
-  imports: [NzResizeObserverModule],
-  declarations: [
-    NzOverflowContainerComponent,
-    NzOverflowItemDirective,
-    NzOverflowRestDirective,
-    NzOverflowSuffixDirective
-  ],
+  imports: [NzOverflowContainerComponent, NzOverflowItemDirective, NzOverflowRestDirective, NzOverflowSuffixDirective],
   exports: [NzOverflowContainerComponent, NzOverflowItemDirective, NzOverflowRestDirective, NzOverflowSuffixDirective]
 })
 export class NzOverflowModule {}

components/cdk/resize-observer/resize-observer.directive.ts

@@ -19,10 +19,12 @@ import { Subscription } from 'rxjs';
 import { BooleanInput } from 'ng-zorro-antd/core/types';
 import { InputBoolean } from 'ng-zorro-antd/core/util';
 
-import { NzResizeObserver } from './resize-observer.service';
+import { NzResizeObserver, NzResizeObserverFactory } from './resize-observer.service';
 
 @Directive({
-  selector: '[nzResizeObserver]'
+  selector: '[nzResizeObserver]',
+  standalone: true,
+  providers: [NzResizeObserverFactory]
 })
 export class NzResizeObserverDirective implements AfterContentInit, OnDestroy, OnChanges {
   static ngAcceptInputType_nzResizeObserverDisabled: BooleanInput;

components/cdk/resize-observer/resize-observer.module.ts

@@ -6,11 +6,9 @@
 import { NgModule } from '@angular/core';
 
 import { NzResizeObserverDirective } from './resize-observer.directive';
-import { NzResizeObserverFactory } from './resize-observer.service';
 
 @NgModule({
-  providers: [NzResizeObserverFactory],
-  declarations: [NzResizeObserverDirective],
+  imports: [NzResizeObserverDirective],
   exports: [NzResizeObserverDirective]
 })
 export class NzResizeObserverModule {}