import {
  ChangeDetectionStrategy,
  ChangeDetectorRef,
  Component,
  ElementRef,
  Input,
  Optional,
  Renderer2
} from '@angular/core';
import { dataTransfer, BringTopService } from '@mobilize/base-components';
import { ErrorCodes, ExceptionHandlerClass } from '@mobilize/webmap-core';
import { WebComponentsService } from '@mobilize/winforms-components';
import { DataControlFieldComponent } from '../data-control-field/data-control-field.component';

/**
 * Angular Component for the BoundField Control.
 *
 * @export
 * @class BoundFieldComponent
 * @extends {ControlComponent}
 */
@Component({
  changeDetection: ChangeDetectionStrategy.OnPush,
  selector: 'wm-bound-field',
  templateUrl: './bound-field.component.html',
  styleUrls: ['./bound-field.component.scss'],
  providers: [
    { provide: DataControlFieldComponent, useExisting: BoundFieldComponent }
  ],
  inputs: ['model']
})
@dataTransfer(['bndfld'])
@ExceptionHandlerClass(ErrorCodes.Winforms)
export class BoundFieldComponent extends DataControlFieldComponent {
  /**
   * Property to save the dataField value.
   *
   * @private
   * @memberof BoundFieldComponent
   */
  private dataFieldInternal = '';

  /**
   * Property to save the dataFormatString value.
   *
   * @private
   * @memberof BoundFieldComponent
   */
  private dataFormatStringInternal = '';

  /**
   * Creates an instance of BoundFieldComponent.
   *
   * @param {ChangeDetectorRef} refChange
   * @param {Renderer2} render2
   * @param {ElementRef} elem
   * @param {WebComponentsService} webComponents
   * @param {BringTopService} bringTopServ1
   * @memberof BoundFieldComponent
   */
  constructor(
    private refChange: ChangeDetectorRef,
    private render2: Renderer2,
    private elem: ElementRef,
    webComponents: WebComponentsService,
    @Optional() private bringTopServ1: BringTopService
  ) {
    super(refChange, render2, elem, webComponents, bringTopServ1);
  }

  /**
   * Gets/sets the dataField property.
   *
   * @memberof BoundFieldComponent
   */
  @Input()
  set dataField(value: string) {
    this.dataFieldInternal = value;
  }

  get dataField(): string {
    return this.model?.DataField ?? this.dataFieldInternal;
  }

  /**
   * Gets/sets the dataFormat property.
   *
   * @memberof BoundFieldComponent
   */
  @Input()
  set dataFormatString(value: string) {
    this.dataFormatStringInternal = value;
  }

  get dataFormatString(): string {
    return this.model?.DataFormatString ?? this.dataFormatStringInternal;
  }
}