Merge pull request #277 from thekhegay/feat-select

feat: wr-select component

projects/lib/alert/alert.component.ts

@@ -16,7 +16,7 @@ import {
 } from '@angular/core';
 
 import { SafeAny } from 'ngwr/cdk/types';
-import { provideWrIcons, close, WrIconModule } from 'ngwr/icon';
+import { provideWrIcons, close, WrIconComponent } from 'ngwr/icon';
 
 import { WrAlertType } from './alert-type';
 
@@ -31,8 +31,9 @@ import { WrAlertType } from './alert-type';
   templateUrl: './alert.component.html',
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,
-  imports: [WrIconModule],
+  imports: [WrIconComponent],
   providers: [provideWrIcons([close])],
+  standalone: true,
 })
 export class WrAlertComponent {
   @Input({ required: true }) title!: string;

projects/lib/alert/public-api.ts

@@ -7,4 +7,3 @@
 
 export * from './alert-type';
 export * from './alert.component';
-export * from './alert.module';

projects/lib/avatar/avatar.component.ts

@@ -21,14 +21,16 @@ import {
 } from '@angular/core';
 
 import { SafeAny } from 'ngwr/cdk/types';
-import { WrSpinnerModule } from 'ngwr/spinner';
+
+import { WrSpinnerComponent } from '../spinner';
 
 @Component({
   selector: 'wr-avatar',
   templateUrl: './avatar.component.html',
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,
-  imports: [NgOptimizedImage, WrSpinnerModule],
+  imports: [NgOptimizedImage, WrSpinnerComponent],
+  standalone: true,
 })
 export class WrAvatarComponent {
   readonly cdr = inject(ChangeDetectorRef);

projects/lib/avatar/public-api.ts

@@ -6,4 +6,3 @@
  */
 
 export * from './avatar.component';
-export * from './avatar.module';

projects/lib/button/button.component.ts

@@ -16,7 +16,8 @@ import {
 
 import { SafeAny, WrThemeColor } from 'ngwr/cdk/types';
 import { WrIconComponent, wrIconName } from 'ngwr/icon';
-import { WrSpinnerModule } from 'ngwr/spinner';
+
+import { WrSpinnerComponent } from '../spinner';
 
 /**
  * NGWR button component.
@@ -29,7 +30,8 @@ import { WrSpinnerModule } from 'ngwr/spinner';
   templateUrl: './button.component.html',
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,
-  imports: [WrIconComponent, WrSpinnerModule],
+  imports: [WrIconComponent, WrSpinnerComponent],
+  standalone: true,
 })
 export class WrButtonComponent {
   @Input() color?: WrThemeColor | null;

projects/lib/button/public-api.ts

@@ -7,4 +7,3 @@
 
 export * from './button.component';
 export * from './button-group.component';
-export * from './button.module';

projects/lib/cdk/base.directive.ts

@@ -5,15 +5,16 @@
  * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
  */
 
-import { Directive, OnDestroy } from '@angular/core';
+import { DestroyRef, Directive, inject, OnDestroy } from '@angular/core';
 
 import { Subject } from 'rxjs';
 
 @Directive({
   standalone: true,
 })
 export abstract class WrAbstractBase implements OnDestroy {
-  protected readonly destroyed$: Subject<void> = new Subject<void>();
+  protected readonly destroyed$: Subject<void> = new Subject<void>(); // TODO Перейти на destroyRef$
+  protected readonly destroyRef$ = inject(DestroyRef);
 
   ngOnDestroy(): void {
     this.destroyed$.next();

projects/lib/checkbox/checkbox.component.ts

@@ -45,6 +45,7 @@ import { WrIconComponent, wrIconName } from 'ngwr/icon';
       multi: true,
     },
   ],
+  standalone: true,
 })
 export class WrCheckboxComponent extends WrAbstractBase implements ControlValueAccessor {
   @Input() id: string = generateRandomId();

projects/lib/checkbox/public-api.ts

@@ -6,4 +6,3 @@
  */
 
 export * from './checkbox.component';
-export * from './checkbox.module';

projects/lib/dialog/dialog.component.ts

@@ -32,6 +32,7 @@ import { WrDialogOptions } from './dialog-options';
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,
   imports: [CdkPortalOutlet],
+  standalone: true,
 })
 export class WrDialogComponent extends WrDialogBaseDirective {
   @ViewChild(CdkPortalOutlet, { static: true }) override portalOutlet!: CdkPortalOutlet;

projects/lib/dialog/dialog.module.ts

@@ -7,22 +7,10 @@
 
 import { NgModule } from '@angular/core';
 
-import { WrDialogCloseDirective } from './dialog-close.directive';
-import { WrDialogContentDirective } from './dialog-content.directive';
-import { WrDialogFooterDirective } from './dialog-footer.directive';
-import { WrDialogTitleDirective } from './dialog-title.directive';
-import { WrDialogComponent } from './dialog.component';
 import { WrDialogService } from './dialog.service';
 
 @NgModule({
-  imports: [
-    WrDialogComponent,
-    WrDialogFooterDirective,
-    WrDialogContentDirective,
-    WrDialogCloseDirective,
-    WrDialogTitleDirective,
-  ],
-  exports: [WrDialogCloseDirective, WrDialogFooterDirective, WrDialogContentDirective, WrDialogTitleDirective],
+  imports: [],
   providers: [WrDialogService],
 })
 export class WrDialogModule {}

projects/lib/divider/public-api.ts

@@ -6,4 +6,3 @@
  */
 
 export * from './divider.component';
-export * from './divider.module';

projects/lib/form/public-api.ts

@@ -7,4 +7,3 @@
 
 export * from './form-error.component';
 export * from './form-item.component';
-export * from './form.module';

projects/lib/icon/public-api.ts

@@ -6,7 +6,6 @@
  */
 
 export * from './icon.component';
-export * from './icon.module';
 export * from './icon.service';
 export * from './icons';
 export * from './provide-wr-icons';

projects/lib/input/input.component.ts

@@ -24,7 +24,7 @@ import { noop } from 'rxjs';
 
 import { WrAbstractBase } from 'ngwr/cdk';
 import { SafeAny } from 'ngwr/cdk/types';
-import { provideWrIcons, eye, eyeOff, WrIconModule } from 'ngwr/icon';
+import { provideWrIcons, eye, eyeOff, WrIconComponent } from 'ngwr/icon';
 
 import { WrInputType } from './input-types';
 
@@ -34,11 +34,12 @@ import { WrInputType } from './input-types';
  * {@tutorial} [How to use wr-alert]{@link http://ngwr.dev/docs/components/input}
  */
 @Component({
+  standalone: true,
   selector: 'wr-input',
   templateUrl: './input.component.html',
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,
-  imports: [FormsModule, WrIconModule],
+  imports: [FormsModule, WrIconComponent],
   providers: [
     provideWrIcons([eye, eyeOff]),
     {

projects/lib/input/public-api.ts

@@ -7,4 +7,3 @@
 
 export * from './input-types';
 export * from './input.component';
-export * from './input.module';

projects/lib/package.json

@@ -81,6 +81,9 @@
     },
     "./textarea/styles": {
       "sass": "./textarea/styles/_index.scss"
+    },
+    "./select/styles": {
+      "sass": "./select/styles/_index.scss"
     }
   }
 }

projects/lib/pipes/public-api.ts

@@ -6,4 +6,3 @@
  */
 
 export * from './new-array.pipe';
-export * from './pipes.module';

projects/lib/progress/public-api.ts

@@ -6,4 +6,3 @@
  */
 
 export * from './progress.component';
-export * from './progress.module';

projects/lib/qr/public-api.ts

@@ -6,4 +6,3 @@
  */
 
 export * from './qr.component';
-export * from './qr.module';

projects/lib/select/index.ts

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+
+export * from './public-api';