All files / src/app/extensions/recently/exports/lazy-recently-viewed lazy-recently-viewed.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
2x
 
 
 
 
 
 
 
 
 
2x
2x
 
 
 
 
 
 
 
 
 
2x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import {
  ChangeDetectionStrategy, Component, createNgModule, OnInit, ViewChild, ViewContainerRef,
  Injector,
  ComponentRef,
  
  inject, DestroyRef,
  
} from '@angular/core';
 
 
  import { FeatureToggleService } from 'ish-core/feature-toggle.module';
  import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 
 
import type { RecentlyViewedComponent as OriginalComponent } from '../../shared/recently-viewed/recently-viewed.component';
 
@Component({
  selector: 'ish-lazy-recently-viewed',
  templateUrl: './lazy-recently-viewed.component.html',
  changeDetection: ChangeDetectionStrategy.OnPush,
})
export class LazyRecentlyViewedComponent implements OnInit {
  /*
   * WARNING!
   *
   * This file was automatically generated!
   * It should be updated using:
   *
   * ng g lazy-component extensions/recently/shared/recently-viewed/recently-viewed.component.ts
   *
   */
 
  @ViewChild('anchor', { read: ViewContainerRef, static: true }) anchor: ViewContainerRef;
 
 
 
  private component: ComponentRef<OriginalComponent>;
   private destroyRef = inject(DestroyRef);
 
  constructor(
    private featureToggleService: FeatureToggleService,
    private injector: Injector
  ) {}
 
   ngOnInit() {
     this.featureToggleService.enabled$('recently').pipe(takeUntilDestroyed(this.destroyRef)).subscribe(async enabled => {
      if (enabled) {
    
 
      await this.renderComponent();
 
    
        } else {
          this.anchor.clear();
        }
      })
    
  }
 
  private async renderComponent() {
    const module = await import(`../../recently.module`).then(m => m.RecentlyModule);
 
    const { RecentlyViewedComponent: originalComponent } = await import('../../shared/recently-viewed/recently-viewed.component');
 
    const ngModuleRef = createNgModule(module, this.injector);
 
    this.component = this.anchor.createComponent(originalComponent, { ngModuleRef });
  
    this.component.changeDetectorRef.markForCheck();
  }
 
 
}