[player] Disable automatic capitalization and spelling correction (iPad)

- Use the attributes autocapitalize, autocorrect, spellcheck
- Replace [value]="elementModel.value" with
value="{{elementModel.value}}" to prevent lint errors

projects/common/components/ui-elements/text-area.component.ts

@@ -22,9 +22,13 @@ import { TextAreaElement } from '../../interfaces/elements';
         [appearance]="$any(elementModel.appearance)">
       <mat-label *ngIf="elementModel.label">{{elementModel.label}}</mat-label>
       <textarea matInput #input
-                autocomplete="off" rows="{{elementModel.rowCount}}"
+                autocomplete="off"
+                autocapitalize="none"
+                autocorrect="off"
+                spellcheck="false"
+                rows="{{elementModel.rowCount}}"
+                value="{{elementModel.value}}"
                 [formControl]="elementFormControl"
-                [value]="elementModel.value"
                 [readonly]="elementModel.readOnly"
                 [style.min-width.%]="100"
                 [style.line-height.%]="elementModel.styling.lineHeight"

projects/common/components/ui-elements/text-field-simple.component.ts

@@ -6,6 +6,10 @@ import { TextFieldSimpleElement } from '../../interfaces/elements';
   selector: 'aspect-text-field-simple',
   template: `
     <input type="text" form="parentForm"
+           autocomplete="off"
+           autocapitalize="none"
+           autocorrect="off"
+           spellcheck="false"
            [style.width.px]="elementModel.width"
            [style.height.px]="elementModel.height"
            [style.line-height.px]="elementModel.styling.fontSize"

projects/common/components/ui-elements/text-field.component.ts

@@ -20,9 +20,13 @@ import { TextFieldElement } from '../../interfaces/elements';
             aspectInputBackgroundColor [backgroundColor]="elementModel.styling.backgroundColor"
             [appearance]="$any(elementModel.appearance)">
       <mat-label>{{elementModel.label}}</mat-label>
-      <input matInput type="text" #input autocomplete="off"
+      <input matInput type="text" #input
+             autocomplete="off"
+             autocapitalize="none"
+             autocorrect="off"
+             spellcheck="false"
+             value="{{elementModel.value}}"
              [formControl]="elementFormControl"
-             [value]="elementModel.value"
              [pattern]="elementModel.pattern"
              [readonly]="elementModel.readOnly"
              (focus)="elementModel.inputAssistancePreset !== 'none' ? onFocusChanged.emit(input) : null"
@@ -48,9 +52,13 @@ import { TextFieldElement } from '../../interfaces/elements';
                     [style.text-decoration]="elementModel.styling.underline ? 'underline' : ''"
                     aspectInputBackgroundColor [backgroundColor]="elementModel.styling.backgroundColor"
                     [appearance]="$any(elementModel.appearance)">
-      <input matInput type="text" #input autocomplete="off"
+      <input matInput type="text" #input
+             autocomplete="off"
+             autocapitalize="none"
+             autocorrect="off"
+             spellcheck="false"
+             value="{{elementModel.value}}"
              [formControl]="elementFormControl"
-             [value]="elementModel.value"
              [readonly]="elementModel.readOnly"
              [pattern]="elementModel.pattern"
              (focus)="elementModel.inputAssistancePreset !== 'none' ? onFocusChanged.emit(input) : null"