import {
  ChangeDetectionStrategy,
  ChangeDetectorRef,
  Component,
  ElementRef,
  Renderer2,
  ViewChild,
  Input
} from '@angular/core';

/**
 * Component used only for testing purposes
 * @export
 * @class ParentStubComponent
 */
@Component({
  changeDetection: ChangeDetectionStrategy.OnPush,
  selector: 'wm-parent',
  styleUrls: ['./parentStub.component.scss'],
  templateUrl: './parentStub.component.html'
})
export class ParentStubComponent {
  /**
   * Creates an instance of ParentStubComponent.
   *
   * @param {ChangeDetectorRef} ref
   * @param {Renderer2} renderer2
   * @param {ElementRef} el
   * @memberof ParentStubComponent
   */
  constructor(
    private ref: ChangeDetectorRef,
    private renderer2: Renderer2,
    private el: ElementRef
  ) {}

  /**
   * The displayElement variable.
   *
   * @type {HTMLElement}
   * @memberof ParentStubComponent
   */
  displayElement: HTMLElement | undefined;

  /**
   * This stores the component model.
   *
   * @type {*}
   * @memberof ParentStubComponent
   */
  _model: any;

  /**
   * Sets the component model.
   *
   * @param {*} value
   * @memberof ParentStubComponent
   */
  @Input()
  set model(value: any) {
    this._model = value;
  }

  /**
   * Sets the displayElement variable.
   *
   * @param {ElementRef} value
   * @memberof ParentStubComponent
   */
  @ViewChild('displayElement', { static: false })
  set displayElementPanel(value: ElementRef) {
    this.displayElement = value != null ? value.nativeElement : null;
  }
}