All files / src/app/extensions/wishlists/exports/lazy-product-add-to-wishlist lazy-product-add-to-wishlist.component.ts

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
4x
 
 
 
 
 
 
 
 
 
4x
4x
 
 
 
 
 
 
 
 
 
4x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import {
  ChangeDetectionStrategy, Component, createNgModule, OnInit, ViewChild, ViewContainerRef,
  Injector,
  ComponentRef,
  Input, OnChanges, 
  inject, DestroyRef,
  
} from '@angular/core';
 
 
  import { FeatureToggleService } from 'ish-core/feature-toggle.module';
  import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 
 
import type { ProductAddToWishlistComponent as OriginalComponent } from '../../shared/product-add-to-wishlist/product-add-to-wishlist.component';
 
@Component({
  selector: 'ish-lazy-product-add-to-wishlist',
  templateUrl: './lazy-product-add-to-wishlist.component.html',
  changeDetection: ChangeDetectionStrategy.OnPush,
})
export class LazyProductAddToWishlistComponent implements OnInit , OnChanges {
  /*
   * WARNING!
   *
   * This file was automatically generated!
   * It should be updated using:
   *
   * ng g lazy-component extensions/wishlists/shared/product-add-to-wishlist/product-add-to-wishlist.component.ts
   *
   */
 
  @ViewChild('anchor', { read: ViewContainerRef, static: true }) anchor: ViewContainerRef;
 
 
  @Input() displayType: OriginalComponent['displayType'];
 
  @Input() cssClass: OriginalComponent['cssClass'];
 
 
  private component: ComponentRef<OriginalComponent>;
   private destroyRef = inject(DestroyRef);
 
  constructor(
    private featureToggleService: FeatureToggleService,
    private injector: Injector
  ) {}
 
   ngOnInit() {
     this.featureToggleService.enabled$('wishlists').pipe(takeUntilDestroyed(this.destroyRef)).subscribe(async enabled => {
      if (enabled) {
    
 
      await this.renderComponent();
 
    
        } else {
          this.anchor.clear();
        }
      })
    
  }
 
  private async renderComponent() {
    const module = await import(`../../wishlists.module`).then(m => m.WishlistsModule);
 
    const { ProductAddToWishlistComponent: originalComponent } = await import('../../shared/product-add-to-wishlist/product-add-to-wishlist.component');
 
    const ngModuleRef = createNgModule(module, this.injector);
 
    this.component = this.anchor.createComponent(originalComponent, { ngModuleRef });
  
    this.ngOnChanges(
      
    );
  
    this.component.changeDetectorRef.markForCheck();
  }
 
 
  ngOnChanges() {
    Iif (this.component) {
      
        this.component.instance.displayType = this.displayType;
      
        this.component.instance.cssClass = this.cssClass;
      
 
      
    }
  }
 
}