Remove unnecessary code from input widgets.

Author: dschnelldavis

src/lib/src/framework-library/material-design-framework/material-datepicker.component.ts

@@ -11,7 +11,7 @@ import { dateToString, hasOwn, stringToDate } from '../../shared';
       [style.width]="'100%'">
       <span matPrefix *ngIf="options?.prefix || options?.fieldAddonLeft"
         [innerHTML]="options?.prefix || options?.fieldAddonLeft"></span>
-      <input matInput #inputControl *ngIf="boundControl"
+      <input matInput *ngIf="boundControl"
         [formControl]="formControl"
         [attr.aria-describedby]="'control' + layoutNode?._id + 'Status'"
         [attr.list]="'control' + layoutNode?._id + 'Autocomplete'"
@@ -25,7 +25,7 @@ import { dateToString, hasOwn, stringToDate } from '../../shared';
         [required]="options?.required"
         [style.width]="'100%'"
         (blur)="options.showErrors = true">
-      <input matInput #inputControl *ngIf="!boundControl"
+      <input matInput *ngIf="!boundControl"
         [attr.aria-describedby]="'control' + layoutNode?._id + 'Status'"
         [attr.list]="'control' + layoutNode?._id + 'Autocomplete'"
         [attr.readonly]="options?.readonly ? 'readonly' : null"

src/lib/src/framework-library/material-design-framework/material-design-framework.component.ts

@@ -76,7 +76,6 @@ export class MaterialDesignFrameworkComponent implements OnInit, OnChanges {
   options: any; // Options used in this framework
   widgetLayoutNode: any; // layoutNode passed to child widget
   widgetOptions: any; // Options passed to child widget
-  layoutPointer: string;
   formControl: any = null;
   parentArray: any = null;
   isOrderable: boolean = false;
@@ -121,7 +120,6 @@ export class MaterialDesignFrameworkComponent implements OnInit, OnChanges {
         options: _.cloneDeep(this.layoutNode.options || {})
       };
       this.widgetOptions = this.widgetLayoutNode.options;
-      this.layoutPointer = this.jsf.getLayoutPointer(this);
       this.formControl = this.jsf.getFormControl(this);
 
       if (this.options) {

src/lib/src/framework-library/material-design-framework/material-input.component.ts

@@ -13,7 +13,7 @@ import { hasOwn } from '../../shared';
       [style.width]="'100%'">
       <span matPrefix *ngIf="options?.prefix || options?.fieldAddonLeft"
         [innerHTML]="options?.prefix || options?.fieldAddonLeft"></span>
-      <input matInput #inputControl *ngIf="boundControl"
+      <input matInput *ngIf="boundControl"
         [formControl]="formControl"
         [attr.aria-describedby]="'control' + layoutNode?._id + 'Status'"
         [attr.list]="'control' + layoutNode?._id + 'Autocomplete'"
@@ -28,7 +28,7 @@ import { hasOwn } from '../../shared';
         [style.width]="'100%'"
         [type]="layoutNode?.type"
         (blur)="options.showErrors = true">
-      <input matInput #inputControl *ngIf="!boundControl"
+      <input matInput *ngIf="!boundControl"
         [attr.aria-describedby]="'control' + layoutNode?._id + 'Status'"
         [attr.list]="'control' + layoutNode?._id + 'Autocomplete'"
         [attr.maxlength]="options?.maxLength"

src/lib/src/framework-library/material-design-framework/material-number.component.ts

@@ -13,7 +13,7 @@ import { hasOwn } from '../../shared';
       [style.width]="'100%'">
       <span matPrefix *ngIf="options?.prefix || options?.fieldAddonLeft"
         [innerHTML]="options?.prefix || options?.fieldAddonLeft"></span>
-      <input matInput #inputControl *ngIf="boundControl"
+      <input matInput *ngIf="boundControl"
         [formControl]="formControl"
         [attr.aria-describedby]="'control' + layoutNode?._id + 'Status'"
         [attr.max]="options?.maximum"
@@ -27,7 +27,7 @@ import { hasOwn } from '../../shared';
         [style.width]="'100%'"
         [type]="'number'"
         (blur)="options.showErrors = true">
-      <input matInput #inputControl *ngIf="!boundControl"
+      <input matInput *ngIf="!boundControl"
         [attr.aria-describedby]="'control' + layoutNode?._id + 'Status'"
         [attr.max]="options?.maximum"
         [attr.min]="options?.minimum"

src/lib/src/framework-library/material-design-framework/material-select.component.ts

@@ -15,7 +15,7 @@ import { buildTitleMap, isArray } from '../../shared';
       [style.width]="'100%'">
       <span matPrefix *ngIf="options?.prefix || options?.fieldAddonLeft"
         [innerHTML]="options?.prefix || options?.fieldAddonLeft"></span>
-      <mat-select #inputControl *ngIf="boundControl"
+      <mat-select *ngIf="boundControl"
         [formControl]="formControl"
         [attr.aria-describedby]="'control' + layoutNode?._id + 'Status'"
         [attr.name]="controlName"
@@ -39,7 +39,7 @@ import { buildTitleMap, isArray } from '../../shared';
           </mat-optgroup>
         </ng-template>
       </mat-select>
-      <mat-select #inputControl *ngIf="!boundControl"
+      <mat-select *ngIf="!boundControl"
         [attr.aria-describedby]="'control' + layoutNode?._id + 'Status'"
         [attr.name]="controlName"
         [disabled]="controlDisabled || options?.readonly"

src/lib/src/framework-library/material-design-framework/material-slider.component.ts

@@ -7,7 +7,7 @@ import { getControl, hasOwn, inArray, isDefined } from '../../shared';
 @Component({
   selector: 'material-slider-widget',
   template: `
-    <mat-slider thumbLabel #inputControl *ngIf="boundControl && isConditionallyShown()"
+    <mat-slider thumbLabel *ngIf="boundControl && isConditionallyShown()"
       [formControl]="formControl"
       [attr.aria-describedby]="'control' + layoutNode?._id + 'Status'"
       [id]="'control' + layoutNode?._id"
@@ -16,7 +16,7 @@ import { getControl, hasOwn, inArray, isDefined } from '../../shared';
       [step]="options?.multipleOf || options?.step || 'any'"
       [style.width]="'100%'"
       (blur)="options.showErrors = true"></mat-slider>
-    <mat-slider thumbLabel #inputControl *ngIf="!boundControl && isConditionallyShown()"
+    <mat-slider thumbLabel *ngIf="!boundControl && isConditionallyShown()"
       [attr.aria-describedby]="'control' + layoutNode?._id + 'Status'"
       [disabled]="controlDisabled || options?.readonly"
       [id]="'control' + layoutNode?._id"

src/lib/src/framework-library/material-design-framework/material-textarea.component.ts

@@ -13,7 +13,7 @@ import { hasOwn } from '../../shared';
       [style.width]="'100%'">
       <span matPrefix *ngIf="options?.prefix || options?.fieldAddonLeft"
         [innerHTML]="options?.prefix || options?.fieldAddonLeft"></span>
-      <textarea matInput #inputControl *ngIf="boundControl"
+      <textarea matInput *ngIf="boundControl"
         [formControl]="formControl"
         [attr.aria-describedby]="'control' + layoutNode?._id + 'Status'"
         [attr.list]="'control' + layoutNode?._id + 'Autocomplete'"
@@ -27,7 +27,7 @@ import { hasOwn } from '../../shared';
         [readonly]="options?.readonly ? 'readonly' : null"
         [style.width]="'100%'"
         (blur)="options.showErrors = true"></textarea>
-      <textarea matInput #inputControl *ngIf="!boundControl"
+      <textarea matInput *ngIf="!boundControl"
         [attr.aria-describedby]="'control' + layoutNode?._id + 'Status'"
         [attr.list]="'control' + layoutNode?._id + 'Autocomplete'"
         [attr.maxlength]="options?.maxLength"

src/lib/src/widget-library/hidden.component.ts

@@ -6,12 +6,12 @@ import { JsonSchemaFormService } from '../json-schema-form.service';
 @Component({
   selector: 'hidden-widget',
   template: `
-    <input #inputControl *ngIf="boundControl"
+    <input *ngIf="boundControl"
       [formControl]="formControl"
       [id]="'control' + layoutNode?._id"
       [name]="controlName"
       type="hidden">
-    <input #inputControl *ngIf="!boundControl"
+    <input *ngIf="!boundControl"
       [disabled]="controlDisabled"
       [name]="controlName"
       [id]="'control' + layoutNode?._id"

src/lib/src/widget-library/input.component.ts

@@ -12,7 +12,7 @@ import { JsonSchemaFormService } from '../json-schema-form.service';
         [class]="options?.labelHtmlClass"
         [style.display]="options?.notitle ? 'none' : ''"
         [innerHTML]="options?.title"></label>
-      <input #inputControl *ngIf="boundControl"
+      <input *ngIf="boundControl"
         [formControl]="formControl"
         [attr.aria-describedby]="'control' + layoutNode?._id + 'Status'"
         [attr.list]="'control' + layoutNode?._id + 'Autocomplete'"
@@ -26,7 +26,7 @@ import { JsonSchemaFormService } from '../json-schema-form.service';
         [name]="controlName"
         [readonly]="options?.readonly ? 'readonly' : null"
         [type]="layoutNode?.type">
-      <input #inputControl *ngIf="!boundControl"
+      <input *ngIf="!boundControl"
         [attr.aria-describedby]="'control' + layoutNode?._id + 'Status'"
         [attr.list]="'control' + layoutNode?._id + 'Autocomplete'"
         [attr.maxlength]="options?.maxLength"

src/lib/src/widget-library/message.component.ts

@@ -1,6 +1,4 @@
-import {
-  ChangeDetectorRef, Component, Input, OnChanges, OnInit
-} from '@angular/core';
+import { Component, Input, OnInit } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 
 import { JsonSchemaFormService } from '../json-schema-form.service';