import { Component } from '@angular/core';
import { ControlWidget } from '@ohayo/form';

@Component({
  selector: 'sf-md',
  template: `
    <sf-item-wrap [id]="id" [schema]="schema" [ui]="ui" [showError]="showError" [error]="error" [showTitle]="schema.title">
      <simplemde [ngModel]="value" (ngModelChange)="_change($event)" [options]="ui.options" [delay]="ui.delay || 300"></simplemde>
    </sf-item-wrap>
  `,
})
// tslint:disable-next-line:component-class-suffix
export class MarkdownWidget extends ControlWidget {
  static readonly KEY = 'md';

  _change(value: string): void {
    this.setValue(value);
    if (this.ui.change) this.ui.change(value);
  }
}