All files / src/app/shell/shared/lazy-content-include lazy-content-include.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
2x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import {
  ChangeDetectionStrategy,
  Component,
  createNgModule,
  OnInit,
  ViewChild,
  ViewContainerRef,
  Injector,
  ComponentRef,
  Input,
  OnChanges,
} from '@angular/core';
 
import type { ContentIncludeComponent as OriginalComponent } from '../../../shared/cms/components/content-include/content-include.component';
 
@Component({
  selector: 'ish-lazy-content-include',
  standalone: false,
  templateUrl: './lazy-content-include.component.html',
  changeDetection: ChangeDetectionStrategy.OnPush,
})
export class LazyContentIncludeComponent implements OnInit, OnChanges {
  /*
   * WARNING!
   *
   * This file was automatically generated!
   * It should be updated using:
   *
   * ng g lazy-component shared/cms/components/content-include/content-include.component.ts
   *
   */
 
  @ViewChild('anchor', { read: ViewContainerRef, static: true }) anchor: ViewContainerRef;
 
  @Input() includeId: OriginalComponent['includeId'];
 
  private component: ComponentRef<OriginalComponent>;
 
  constructor(private injector: Injector) {}
 
  async ngOnInit() {
    await this.renderComponent();
  }
 
  private async renderComponent() {
    const module = await import(`../../../shared/shared.module`).then(m => m.SharedModule);
 
    const { ContentIncludeComponent: originalComponent } =
      await import('../../../shared/cms/components/content-include/content-include.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('includeId', this.includeId);
    }
  }
}