@ajsf/material 0.2.0-beta.1 → 0.4.0-beta.1

package/src/lib/widgets/material-checkboxes.component.ts

@@ -1,109 +0,0 @@
-import { AbstractControl } from '@angular/forms';
-import { buildTitleMap } from '@ajsf/core';
-import { Component, Input, OnInit } from '@angular/core';
-import { JsonSchemaFormService, TitleMapItem } from '@ajsf/core';
-
-// TODO: Change this to use a Selection List instead?
-// https://material.angular.io/components/list/overview
-
-@Component({
-  // tslint:disable-next-line:component-selector
-  selector: 'material-checkboxes-widget',
-  template: `
-    <div>
-      <mat-checkbox type="checkbox"
-        [checked]="allChecked"
-        [color]="options?.color || 'primary'"
-        [disabled]="controlDisabled || options?.readonly"
-        [indeterminate]="someChecked"
-        [name]="options?.name"
-        (blur)="options.showErrors = true"
-        (change)="updateAllValues($event)">
-        <span class="checkbox-name" [innerHTML]="options?.name"></span>
-      </mat-checkbox>
-      <label *ngIf="options?.title"
-        class="title"
-        [class]="options?.labelHtmlClass || ''"
-        [style.display]="options?.notitle ? 'none' : ''"
-        [innerHTML]="options?.title"></label>
-      <ul class="checkbox-list" [class.horizontal-list]="horizontalList">
-        <li *ngFor="let checkboxItem of checkboxList"
-          [class]="options?.htmlClass || ''">
-          <mat-checkbox type="checkbox"
-            [(ngModel)]="checkboxItem.checked"
-            [color]="options?.color || 'primary'"
-            [disabled]="controlDisabled || options?.readonly"
-            [name]="checkboxItem?.name"
-            (blur)="options.showErrors = true"
-            (change)="updateValue()">
-            <span class="checkbox-name" [innerHTML]="checkboxItem?.name"></span>
-          </mat-checkbox>
-        </li>
-      </ul>
-      <mat-error *ngIf="options?.showErrors && options?.errorMessage"
-        [innerHTML]="options?.errorMessage"></mat-error>
-    </div>`,
-  styles: [`
-    .title { font-weight: bold; }
-    .checkbox-list { list-style-type: none; }
-    .horizontal-list > li { display: inline-block; margin-right: 10px; zoom: 1; }
-    .checkbox-name { white-space: nowrap; }
-    mat-error { font-size: 75%; }
-  `],
-})
-export class MaterialCheckboxesComponent implements OnInit {
-  formControl: AbstractControl;
-  controlName: string;
-  controlValue: any;
-  controlDisabled = false;
-  boundControl = false;
-  options: any;
-  horizontalList = false;
-  formArray: AbstractControl;
-  checkboxList: TitleMapItem[] = [];
-  @Input() layoutNode: any;
-  @Input() layoutIndex: number[];
-  @Input() dataIndex: number[];
-
-  constructor(
-    private jsf: JsonSchemaFormService
-  ) { }
-
-  ngOnInit() {
-    this.options = this.layoutNode.options || {};
-    this.horizontalList = this.layoutNode.type === 'checkboxes-inline' ||
-      this.layoutNode.type === 'checkboxbuttons';
-    this.jsf.initializeControl(this);
-    this.checkboxList = buildTitleMap(
-      this.options.titleMap || this.options.enumNames, this.options.enum, true
-    );
-    if (this.boundControl) {
-      const formArray = this.jsf.getFormControl(this);
-      for (const checkboxItem of this.checkboxList) {
-        checkboxItem.checked = formArray.value.includes(checkboxItem.value);
-      }
-    }
-  }
-
-  get allChecked(): boolean {
-    return this.checkboxList.filter(t => t.checked).length === this.checkboxList.length;
-  }
-
-  get someChecked(): boolean {
-    const checkedItems = this.checkboxList.filter(t => t.checked).length;
-    return checkedItems > 0 && checkedItems < this.checkboxList.length;
-  }
-
-  updateValue() {
-    this.options.showErrors = true;
-    if (this.boundControl) {
-      this.jsf.updateArrayCheckboxList(this, this.checkboxList);
-    }
-  }
-
-  updateAllValues(event: any) {
-    this.options.showErrors = true;
-    this.checkboxList.forEach(t => t.checked = event.checked);
-    this.updateValue();
-  }
-}

package/src/lib/widgets/material-chip-list.component.ts

@@ -1,35 +0,0 @@
-import { Component, Input, OnInit } from '@angular/core';
-import { AbstractControl } from '@angular/forms';
-import { JsonSchemaFormService } from '@ajsf/core';
-
-// TODO: Add this control
-
-@Component({
-  // tslint:disable-next-line:component-selector
-  selector: 'material-chip-list-widget',
-  template: ``,
-})
-export class MaterialChipListComponent implements OnInit {
-  formControl: AbstractControl;
-  controlName: string;
-  controlValue: any;
-  controlDisabled = false;
-  boundControl = false;
-  options: any;
-  @Input() layoutNode: any;
-  @Input() layoutIndex: number[];
-  @Input() dataIndex: number[];
-
-  constructor(
-    private jsf: JsonSchemaFormService
-  ) { }
-
-  ngOnInit() {
-    this.options = this.layoutNode.options || {};
-    this.jsf.initializeControl(this);
-  }
-
-  updateValue(event) {
-    this.jsf.updateValue(this, event.target.value);
-  }
-}

package/src/lib/widgets/material-datepicker.component.ts

@@ -1,105 +0,0 @@
-import { Component, Inject, Input, OnInit, Optional } from '@angular/core';
-import { AbstractControl } from '@angular/forms';
-import { JsonSchemaFormService, dateToString } from '@ajsf/core';
-import { MatDatepickerInputEvent } from '@angular/material/datepicker';
-import { MAT_LABEL_GLOBAL_OPTIONS } from '@angular/material/core';
-import { MAT_FORM_FIELD_DEFAULT_OPTIONS } from '@angular/material/form-field';
-
-@Component({
-  // tslint:disable-next-line:component-selector
-  selector: 'material-datepicker-widget',
-  template: `
-    <mat-form-field [appearance]="options?.appearance || matFormFieldDefaultOptions?.appearance || 'standard'"
-                    [class]="options?.htmlClass || ''"
-                    [floatLabel]="options?.floatLabel || matLabelGlobalOptions?.float || (options?.notitle ? 'never' : 'auto')"
-                    [hideRequiredMarker]="options?.hideRequired ? 'true' : 'false'"
-                    [style.width]="'100%'">
-      <mat-label *ngIf="!options?.notitle">{{options?.title}}</mat-label>
-      <span matPrefix *ngIf="options?.prefix || options?.fieldAddonLeft"
-        [innerHTML]="options?.prefix || options?.fieldAddonLeft"></span>
-        <input matInput *ngIf="boundControl"
-        [formControl]="formControl"
-        [attr.aria-describedby]="'control' + layoutNode?._id + 'Status'"
-        [attr.list]="'control' + layoutNode?._id + 'Autocomplete'"
-        [attr.readonly]="options?.readonly ? 'readonly' : null"
-        [id]="'control' + layoutNode?._id"
-        [max]="options?.maximum"
-        [matDatepicker]="picker"
-        [min]="options?.minimum"
-        [name]="controlName"
-        [placeholder]="options?.title"
-        [readonly]="options?.readonly"
-        [required]="options?.required"
-        [style.width]="'100%'"
-        (blur)="options.showErrors = true"
-        (dateChange)="updateValue($event)"
-        (dateInput)="updateValue($event)">
-      <input matInput *ngIf="!boundControl"
-        [attr.aria-describedby]="'control' + layoutNode?._id + 'Status'"
-        [attr.list]="'control' + layoutNode?._id + 'Autocomplete'"
-        [attr.readonly]="options?.readonly ? 'readonly' : null"
-        [disabled]="controlDisabled || options?.readonly"
-        [id]="'control' + layoutNode?._id"
-        [max]="options?.maximum"
-        [matDatepicker]="picker"
-        [min]="options?.minimum"
-        [name]="controlName"
-        [placeholder]="options?.title"
-        [required]="options?.required"
-        [style.width]="'100%'"
-        [readonly]="options?.readonly"
-        (blur)="options.showErrors = true"
-        (dateChange)="updateValue($event)"
-        (dateInput)="updateValue($event)">
-      <span matSuffix *ngIf="options?.suffix || options?.fieldAddonRight"
-        [innerHTML]="options?.suffix || options?.fieldAddonRight"></span>
-      <mat-hint *ngIf="options?.description && (!options?.showErrors || !options?.errorMessage)"
-        align="end" [innerHTML]="options?.description"></mat-hint>
-      <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
-    </mat-form-field>
-    <mat-datepicker #picker ></mat-datepicker>
-    <mat-error *ngIf="options?.showErrors && options?.errorMessage"
-      [innerHTML]="options?.errorMessage"></mat-error>`,
-  styles: [`
-    mat-error { font-size: 75%; margin-top: -1rem; margin-bottom: 0.5rem; }
-    ::ng-deep json-schema-form mat-form-field .mat-form-field-wrapper .mat-form-field-flex
-      .mat-form-field-infix { width: initial; }
-  `],
-})
-export class MaterialDatepickerComponent implements OnInit {
-  formControl: AbstractControl;
-  controlName: string;
-  controlValue: string;
-  dateValue: any;
-  controlDisabled = false;
-  boundControl = false;
-  options: any;
-  autoCompleteList: string[] = [];
-  @Input() layoutNode: any;
-  @Input() layoutIndex: number[];
-  @Input() dataIndex: number[];
-
-  constructor(
-    @Inject(MAT_FORM_FIELD_DEFAULT_OPTIONS) @Optional() public matFormFieldDefaultOptions,
-    @Inject(MAT_LABEL_GLOBAL_OPTIONS) @Optional() public matLabelGlobalOptions,
-    private jsf: JsonSchemaFormService
-  ) { }
-
-  ngOnInit() {
-    this.options = this.layoutNode.options || {};
-    this.jsf.initializeControl(this, !this.options.readonly);
-    if (this.controlValue) {
-      this.formControl.setValue(dateToString(this.controlValue, this.options));
-    }
-    if (!this.options.notitle && !this.options.description && this.options.placeholder) {
-      this.options.description = this.options.placeholder;
-    }
-  }
-
-  updateValue(event: MatDatepickerInputEvent<Date>) {
-    this.options.showErrors = true;
-    if (event.value) {
-      this.formControl.setValue(dateToString(event.value, this.options));
-    }
-  }
-}

package/src/lib/widgets/material-file.component.ts

@@ -1,35 +0,0 @@
-import { AbstractControl } from '@angular/forms';
-import { Component, Input, OnInit } from '@angular/core';
-import { JsonSchemaFormService } from '@ajsf/core';
-
-// TODO: Add this control
-
-@Component({
-  // tslint:disable-next-line:component-selector
-  selector: 'material-file-widget',
-  template: ``,
-})
-export class MaterialFileComponent implements OnInit {
-  formControl: AbstractControl;
-  controlName: string;
-  controlValue: any;
-  controlDisabled = false;
-  boundControl = false;
-  options: any;
-  @Input() layoutNode: any;
-  @Input() layoutIndex: number[];
-  @Input() dataIndex: number[];
-
-  constructor(
-    private jsf: JsonSchemaFormService
-  ) { }
-
-  ngOnInit() {
-    this.options = this.layoutNode.options || {};
-    this.jsf.initializeControl(this);
-  }
-
-  updateValue(event) {
-    this.jsf.updateValue(this, event.target.value);
-  }
-}

package/src/lib/widgets/material-input.component.ts

@@ -1,99 +0,0 @@
-import { AbstractControl } from '@angular/forms';
-import {Component, Inject, Input, OnInit, Optional} from '@angular/core';
-import { JsonSchemaFormService } from '@ajsf/core';
-import { MAT_LABEL_GLOBAL_OPTIONS } from '@angular/material/core';
-import { MAT_FORM_FIELD_DEFAULT_OPTIONS } from '@angular/material/form-field';
-
-@Component({
-  // tslint:disable-next-line:component-selector
-  selector: 'material-input-widget',
-  template: `
-    <mat-form-field [appearance]="options?.appearance || matFormFieldDefaultOptions?.appearance || 'standard'"
-      [class]="options?.htmlClass || ''"
-      [floatLabel]="options?.floatLabel || matLabelGlobalOptions?.float || (options?.notitle ? 'never' : 'auto')"
-      [hideRequiredMarker]="options?.hideRequired ? 'true' : 'false'"
-      [style.width]="'100%'">
-      <mat-label *ngIf="!options?.notitle">{{options?.title}}</mat-label>
-      <span matPrefix *ngIf="options?.prefix || options?.fieldAddonLeft"
-        [innerHTML]="options?.prefix || options?.fieldAddonLeft"></span>
-      <input matInput *ngIf="boundControl"
-        [formControl]="formControl"
-        [attr.aria-describedby]="'control' + layoutNode?._id + 'Status'"
-        [attr.list]="'control' + layoutNode?._id + 'Autocomplete'"
-        [attr.maxlength]="options?.maxLength"
-        [attr.minlength]="options?.minLength"
-        [attr.pattern]="options?.pattern"
-        [readonly]="options?.readonly ? 'readonly' : null"
-        [id]="'control' + layoutNode?._id"
-        [name]="controlName"
-        [placeholder]="options?.notitle ? options?.placeholder : options?.title"
-        [required]="options?.required"
-        [style.width]="'100%'"
-        [type]="layoutNode?.type"
-        (blur)="options.showErrors = true">
-      <input matInput *ngIf="!boundControl"
-        [attr.aria-describedby]="'control' + layoutNode?._id + 'Status'"
-        [attr.list]="'control' + layoutNode?._id + 'Autocomplete'"
-        [attr.maxlength]="options?.maxLength"
-        [attr.minlength]="options?.minLength"
-        [attr.pattern]="options?.pattern"
-        [disabled]="controlDisabled"
-        [id]="'control' + layoutNode?._id"
-        [name]="controlName"
-        [placeholder]="options?.notitle ? options?.placeholder : options?.title"
-        [readonly]="options?.readonly ? 'readonly' : null"
-        [required]="options?.required"
-        [style.width]="'100%'"
-        [type]="layoutNode?.type"
-        [value]="controlValue"
-        (input)="updateValue($event)"
-        (blur)="options.showErrors = true">
-      <span matSuffix *ngIf="options?.suffix || options?.fieldAddonRight"
-        [innerHTML]="options?.suffix || options?.fieldAddonRight"></span>
-      <mat-hint *ngIf="options?.description && (!options?.showErrors || !options?.errorMessage)"
-        align="end" [innerHTML]="options?.description"></mat-hint>
-      <mat-autocomplete *ngIf="options?.typeahead?.source">
-        <mat-option *ngFor="let word of options?.typeahead?.source"
-          [value]="word">{{word}}</mat-option>
-      </mat-autocomplete>
-    </mat-form-field>
-    <mat-error *ngIf="options?.showErrors && options?.errorMessage"
-      [innerHTML]="options?.errorMessage"></mat-error>`,
-  styles: [`
-    mat-error { font-size: 75%; margin-top: -1rem; margin-bottom: 0.5rem; }
-    ::ng-deep json-schema-form mat-form-field .mat-form-field-wrapper .mat-form-field-flex
-      .mat-form-field-infix { width: initial; }
-  `],
-})
-export class MaterialInputComponent implements OnInit {
-  formControl: AbstractControl;
-  controlName: string;
-  controlValue: string;
-  controlDisabled = false;
-  boundControl = false;
-  options: any;
-  autoCompleteList: string[] = [];
-  @Input() layoutNode: any;
-  @Input() layoutIndex: number[];
-  @Input() dataIndex: number[];
-
-
-  constructor(
-    @Inject(MAT_FORM_FIELD_DEFAULT_OPTIONS) @Optional() public matFormFieldDefaultOptions,
-    @Inject(MAT_LABEL_GLOBAL_OPTIONS) @Optional() public matLabelGlobalOptions,
-    private jsf: JsonSchemaFormService
-  ) {
-  }
-
-  ngOnInit() {
-    this.options = this.layoutNode.options || {};
-    this.jsf.initializeControl(this);
-    if (!this.options.notitle && !this.options.description && this.options.placeholder) {
-      this.options.description = this.options.placeholder;
-    }
-  }
-
-  updateValue(event) {
-    this.jsf.updateValue(this, event.target.value);
-  }
-}

package/src/lib/widgets/material-number.component.ts

@@ -1,97 +0,0 @@
-import {Component, Inject, Input, OnInit, Optional} from '@angular/core';
-import { AbstractControl } from '@angular/forms';
-import { JsonSchemaFormService } from '@ajsf/core';
-import { MAT_LABEL_GLOBAL_OPTIONS } from '@angular/material/core';
-import { MAT_FORM_FIELD_DEFAULT_OPTIONS } from '@angular/material/form-field';
-
-@Component({
-  // tslint:disable-next-line:component-selector
-  selector: 'material-number-widget',
-  template: `
-    <mat-form-field [appearance]="options?.appearance || matFormFieldDefaultOptions?.appearance || 'standard'"
-    [class]="options?.htmlClass || ''"
-    [floatLabel]="options?.floatLabel || matLabelGlobalOptions?.float || (options?.notitle ? 'never' : 'auto')"
-    [hideRequiredMarker]="options?.hideRequired ? 'true' : 'false'"
-    [style.width]="'100%'">
-    <mat-label *ngIf="!options?.notitle">{{options?.title}}</mat-label>
-      <span matPrefix *ngIf="options?.prefix || options?.fieldAddonLeft"
-        [innerHTML]="options?.prefix || options?.fieldAddonLeft"></span>
-      <input matInput *ngIf="boundControl"
-        [formControl]="formControl"
-        [attr.aria-describedby]="'control' + layoutNode?._id + 'Status'"
-        [attr.max]="options?.maximum"
-        [attr.min]="options?.minimum"
-        [attr.step]="options?.multipleOf || options?.step || 'any'"
-        [id]="'control' + layoutNode?._id"
-        [name]="controlName"
-        [placeholder]="options?.notitle ? options?.placeholder : options?.title"
-        [readonly]="options?.readonly ? 'readonly' : null"
-        [required]="options?.required"
-        [style.width]="'100%'"
-        [type]="'number'"
-        (blur)="options.showErrors = true">
-      <input matInput *ngIf="!boundControl"
-        [attr.aria-describedby]="'control' + layoutNode?._id + 'Status'"
-        [attr.max]="options?.maximum"
-        [attr.min]="options?.minimum"
-        [attr.step]="options?.multipleOf || options?.step || 'any'"
-        [disabled]="controlDisabled"
-        [id]="'control' + layoutNode?._id"
-        [name]="controlName"
-        [placeholder]="options?.notitle ? options?.placeholder : options?.title"
-        [readonly]="options?.readonly ? 'readonly' : null"
-        [required]="options?.required"
-        [style.width]="'100%'"
-        [type]="'number'"
-        [value]="controlValue"
-        (input)="updateValue($event)"
-        (blur)="options.showErrors = true">
-      <span matSuffix *ngIf="options?.suffix || options?.fieldAddonRight"
-        [innerHTML]="options?.suffix || options?.fieldAddonRight"></span>
-      <mat-hint *ngIf="layoutNode?.type === 'range'" align="start"
-        [innerHTML]="controlValue"></mat-hint>
-      <mat-hint *ngIf="options?.description && (!options?.showErrors || !options?.errorMessage)"
-        align="end" [innerHTML]="options?.description"></mat-hint>
-    </mat-form-field>
-    <mat-error *ngIf="options?.showErrors && options?.errorMessage"
-      [innerHTML]="options?.errorMessage"></mat-error>`,
-  styles: [`
-    mat-error { font-size: 75%; margin-top: -1rem; margin-bottom: 0.5rem; }
-    ::ng-deep json-schema-form mat-form-field .mat-form-field-wrapper .mat-form-field-flex
-      .mat-form-field-infix { width: initial; }
-  `],
-})
-export class MaterialNumberComponent implements OnInit {
-  formControl: AbstractControl;
-  controlName: string;
-  controlValue: any;
-  controlDisabled = false;
-  boundControl = false;
-  options: any;
-  allowNegative = true;
-  allowDecimal = true;
-  allowExponents = false;
-  lastValidNumber = '';
-  @Input() layoutNode: any;
-  @Input() layoutIndex: number[];
-  @Input() dataIndex: number[];
-
-  constructor(
-    @Inject(MAT_FORM_FIELD_DEFAULT_OPTIONS) @Optional() public matFormFieldDefaultOptions,
-    @Inject(MAT_LABEL_GLOBAL_OPTIONS) @Optional() public matLabelGlobalOptions,
-    private jsf: JsonSchemaFormService
-  ) { }
-
-  ngOnInit() {
-    this.options = this.layoutNode.options || {};
-    this.jsf.initializeControl(this);
-    if (this.layoutNode.dataType === 'integer') { this.allowDecimal = false; }
-    if (!this.options.notitle && !this.options.description && this.options.placeholder) {
-      this.options.description = this.options.placeholder;
-    }
-  }
-
-  updateValue(event) {
-    this.jsf.updateValue(this, event.target.value);
-  }
-}

package/src/lib/widgets/material-one-of.component.ts

@@ -1,35 +0,0 @@
-import { Component, Input, OnInit } from '@angular/core';
-import { AbstractControl } from '@angular/forms';
-import { JsonSchemaFormService } from '@ajsf/core';
-
-// TODO: Add this control
-
-@Component({
-  // tslint:disable-next-line:component-selector
-  selector: 'material-one-of-widget',
-  template: ``,
-})
-export class MaterialOneOfComponent implements OnInit {
-  formControl: AbstractControl;
-  controlName: string;
-  controlValue: any;
-  controlDisabled = false;
-  boundControl = false;
-  options: any;
-  @Input() layoutNode: any;
-  @Input() layoutIndex: number[];
-  @Input() dataIndex: number[];
-
-  constructor(
-    private jsf: JsonSchemaFormService
-  ) { }
-
-  ngOnInit() {
-    this.options = this.layoutNode.options || {};
-    this.jsf.initializeControl(this);
-  }
-
-  updateValue(event) {
-    this.jsf.updateValue(this, event.target.value);
-  }
-}

package/src/lib/widgets/material-radios.component.ts

@@ -1,89 +0,0 @@
-import { AbstractControl } from '@angular/forms';
-import { Component, Input, OnInit } from '@angular/core';
-import { JsonSchemaFormService, buildTitleMap } from '@ajsf/core';
-
-
-@Component({
-  // tslint:disable-next-line:component-selector
-  selector: 'material-radios-widget',
-  template: `
-    <div>
-      <div *ngIf="options?.title">
-        <label
-          [attr.for]="'control' + layoutNode?._id"
-          [class]="options?.labelHtmlClass || ''"
-          [style.display]="options?.notitle ? 'none' : ''"
-          [innerHTML]="options?.title"></label>
-      </div>
-      <mat-radio-group *ngIf="boundControl"
-        [formControl]="formControl"
-        [attr.aria-describedby]="'control' + layoutNode?._id + 'Status'"
-        [attr.readonly]="options?.readonly ? 'readonly' : null"
-        [attr.required]="options?.required"
-        [style.flex-direction]="flexDirection"
-        [name]="controlName"
-        (blur)="options.showErrors = true">
-        <mat-radio-button *ngFor="let radioItem of radiosList"
-          [id]="'control' + layoutNode?._id + '/' + radioItem?.name"
-          [value]="radioItem?.value">
-          <span [innerHTML]="radioItem?.name"></span>
-        </mat-radio-button>
-      </mat-radio-group>
-      <mat-radio-group *ngIf="!boundControl"
-        [attr.aria-describedby]="'control' + layoutNode?._id + 'Status'"
-        [attr.readonly]="options?.readonly ? 'readonly' : null"
-        [attr.required]="options?.required"
-        [style.flex-direction]="flexDirection"
-        [disabled]="controlDisabled || options?.readonly"
-        [name]="controlName"
-        [value]="controlValue">
-        <mat-radio-button *ngFor="let radioItem of radiosList"
-          [id]="'control' + layoutNode?._id + '/' + radioItem?.name"
-          [value]="radioItem?.value"
-          (click)="updateValue(radioItem?.value)">
-          <span [innerHTML]="radioItem?.name"></span>
-        </mat-radio-button>
-      </mat-radio-group>
-      <mat-error *ngIf="options?.showErrors && options?.errorMessage"
-        [innerHTML]="options?.errorMessage"></mat-error>
-    </div>`,
-  styles: [`
-    mat-radio-group { display: inline-flex; }
-    mat-radio-button { margin: 2px; }
-    mat-error { font-size: 75%; }
-  `]
-})
-export class MaterialRadiosComponent implements OnInit {
-  formControl: AbstractControl;
-  controlName: string;
-  controlValue: any;
-  controlDisabled = false;
-  boundControl = false;
-  options: any;
-  flexDirection = 'column';
-  radiosList: any[] = [];
-  @Input() layoutNode: any;
-  @Input() layoutIndex: number[];
-  @Input() dataIndex: number[];
-
-  constructor(
-    private jsf: JsonSchemaFormService
-  ) { }
-
-  ngOnInit() {
-    this.options = this.layoutNode.options || {};
-    if (this.layoutNode.type === 'radios-inline') {
-      this.flexDirection = 'row';
-    }
-    this.radiosList = buildTitleMap(
-      this.options.titleMap || this.options.enumNames,
-      this.options.enum, true
-    );
-    this.jsf.initializeControl(this, !this.options.readonly);
-  }
-
-  updateValue(value) {
-    this.options.showErrors = true;
-    this.jsf.updateValue(this, value);
-  }
-}