All files / src/app/extensions/wishlists/exports/lazy-wishlists-link lazy-wishlists-link.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
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1x
1x
 
 
 
 
 
 
 
 
 
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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 { WishlistsLinkComponent as OriginalComponent } from '../../shared/wishlists-link/wishlists-link.component';
 
@Component({
  selector: 'ish-lazy-wishlists-link',
  standalone: false,
  templateUrl: './lazy-wishlists-link.component.html',
  changeDetection: ChangeDetectionStrategy.OnPush,
})
export class LazyWishlistsLinkComponent implements OnInit, OnChanges {
  /*
   * WARNING!
   *
   * This file was automatically generated!
   * It should be updated using:
   *
   * ng g lazy-component extensions/wishlists/shared/wishlists-link/wishlists-link.component.ts
   *
   */
 
  @ViewChild('anchor', { read: ViewContainerRef, static: true }) anchor: ViewContainerRef;
 
  @Input() view: OriginalComponent['view'];
 
  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 { WishlistsLinkComponent: originalComponent } =
      await import('../../shared/wishlists-link/wishlists-link.component');
 
    const ngModuleRef = createNgModule(module, this.injector);
 
    this.component = this.anchor.createComponent(originalComponent, { ngModuleRef });
 
    this.ngOnChanges();
 
    this.component.changeDetectorRef.markForCheck();
  }
 
  ngOnChanges() {
    if (this.component) {
      this.component.setInput('view', this.view);
    }
  }
}