progressive-image#propagate-dimensions-naive.ts

@Component({
  selector: 'app-progressive-image',
  template: `<ng-content></ng-content>`,
})
export class ProgressiveImageComponent implements AfterContentChecked {
  @ContentChild(ProgressiveImageDirective) image: ProgressiveImageDirective;
  @ContentChild(ProgressiveImageFallbackDirective)
  fallback: ProgressiveImageFallbackDirective;
  @ContentChild(ProgressiveImagePlaceholderDirective)
  placeholder: ProgressiveImagePlaceholderDirective;

  @HostBinding('style.height.px')
  @Input()
  height: number;

  @HostBinding('style.width.px')
  @Input()
  width: number;


  ngAfterContentChecked() {
    this.image.height = this.height;
    this.image.width = this.width;

    this.fallback.height = this.height;
    this.fallback.width = this.width;

    this.placeholder.height = this.height;
    this.placeholder.width = this.width;
  }
}