import {
  Component,
  ContentChildren,
  Injector,
  Input,
  OnInit,
  Optional,
  QueryList,
} from '@angular/core';
import {
  GridRowDefinitions,
  GridModel,
  ModelProxy,
} from '@mobilize/wms-framework';
import { GridRowDefinitionComponent } from '../grid-row-definition/grid-row-definition.component';

/**
 * Angular Component for the RowDefinitionCollection.
 *
 * @export
 * @class GridRowDefinitionsComponent
 * @implements {OnInit}
 */
@Component({
  selector: 'wm-grid-row-definitions',
  templateUrl: './grid-row-definitions.component.html',
  styleUrls: ['./grid-row-definitions.component.scss'],
})
export class GridRowDefinitionsComponent implements OnInit {
  /**
   * Object with properties and events for the GridRowDefinitions.
   *
   * @type {GridRowDefinitions}
   * @memberof GridRowDefinitionsComponent
   */
  @Input()
  model: GridRowDefinitions;

  /**
   * List of GridRowDefinition Components inside the GridRowDefinitions Component.
   *
   * @type {QueryList<GridRowDefinitionComponent>}
   * @memberof GridRowDefinitionsComponent
   */
  @ContentChildren(GridRowDefinitionComponent)
  items: QueryList<GridRowDefinitionComponent>;

  /**
   * ModelProxy is a copy of the model, used on the component initial building to prevent crashes with external bindings.
   *
   * @private
   * @type {GridRowDefinitions}
   * @memberof GridRowDefinitionsComponent
   */
  private modelProxy: GridRowDefinitions =
    ModelProxy.create<GridRowDefinitions>();

  /**
   * Creates an instance of GridRowDefinitionsComponent.
   *
   * @param {Injector} injector
   * @param {GridRowDefinitions} [injectedModel=null]
   * @memberof GridRowDefinitionsComponent
   */
  /* istanbul ignore next */
  constructor(
    private injector: Injector,
    @Optional() protected injectedModel: GridRowDefinitions = null
  ) {
    this.model = injectedModel;
  }

  /**
   * Returns the list of GridRowDefinition Components or Objects(if it was set using the model input).
   *
   * @readonly
   * @memberof GridRowDefinitionsComponent
   */
  get itemsArray() {
    /* istanbul ignore next */
    return this.items.length > 0
      ? this.items.toArray()
      : this.model.internalArray;
  }

  /**
   * Angular lifecycle.
   *
   * @memberof GridRowDefinitionsComponent
   */
  ngOnInit(): void {
    this.model =
      this.model ||
      this.injectedModel ||
      new GridRowDefinitions(new GridModel());
    ModelProxy.copy(this.modelProxy, this.model);
    this.modelProxy = this.model;
  }
}