[player] Rename event 'textInputExpected' to 'focusChanged'

projects/common/components/compound-elements/cloze/cloze-child-elements/text-field-simple.component.ts

@@ -27,8 +27,8 @@ import {
            [formControl]="elementFormControl"
            [value]="elementModel.value"
            (keydown)="elementModel.showSoftwareKeyboard ? hardwareKeyDetected.emit() : null"
-           (focus)="textInputExpected.emit({ inputElement: input, focused: true })"
-           (blur)="textInputExpected.emit({ inputElement: input, focused: false })">
+           (focus)="focusChanged.emit({ inputElement: input, focused: true })"
+           (blur)="focusChanged.emit({ inputElement: input, focused: false })">
   `,
   styles: [
     '.clozeChild {border: 1px solid rgba(0,0,0,.12); border-radius: 5px}',
@@ -38,5 +38,5 @@ import {
 export class TextFieldSimpleComponent extends FormElementComponent {
   @Input() elementModel!: TextFieldSimpleElement;
   @Output() hardwareKeyDetected = new EventEmitter();
-  @Output() textInputExpected = new EventEmitter<{ inputElement: HTMLElement; focused: boolean }>();
+  @Output() focusChanged = new EventEmitter<{ inputElement: HTMLElement; focused: boolean }>();
 }

projects/common/components/input-elements/spell-correct.component.ts

@@ -32,8 +32,8 @@ import { SpellCorrectElement } from 'common/models/elements/input-elements/spell
                  [style.text-decoration]="elementModel.styling.underline ? 'underline' : ''"
                  [formControl]="elementFormControl"
                  (keydown)="elementModel.showSoftwareKeyboard ? hardwareKeyDetected.emit() : null"
-                 (focus)="textInputExpected.emit({ inputElement: input, focused: true })"
-                 (blur)="textInputExpected.emit({ inputElement: input, focused: false })">
+                 (focus)="focusChanged.emit({ inputElement: input, focused: true })"
+                 (blur)="focusChanged.emit({ inputElement: input, focused: false })">
         </mat-form-field>
         <button #buttonElement
                 mat-button
@@ -67,7 +67,7 @@ import { SpellCorrectElement } from 'common/models/elements/input-elements/spell
 })
 export class SpellCorrectComponent extends FormElementComponent {
   @Input() elementModel!: SpellCorrectElement;
-  @Output() textInputExpected = new EventEmitter<{ inputElement: HTMLElement; focused: boolean }>();
+  @Output() focusChanged = new EventEmitter<{ inputElement: HTMLElement; focused: boolean }>();
   @Output() hardwareKeyDetected = new EventEmitter();
   @ViewChild(MatInput) inputElement!: MatInput;
 }

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

@@ -35,8 +35,8 @@ import { TextAreaElement } from 'common/models/elements/input-elements/text-area
                 [style.line-height.%]="elementModel.styling.lineHeight"
                 [style.resize]="elementModel.resizeEnabled ? 'both' : 'none'"
                 (keydown)="elementModel.showSoftwareKeyboard ? hardwareKeyDetected.emit() : null"
-                (focus)="textInputExpected.emit({ inputElement: input, focused: true })"
-                (blur)="textInputExpected.emit({ inputElement: input, focused: false })">
+                (focus)="focusChanged.emit({ inputElement: input, focused: true })"
+                (blur)="focusChanged.emit({ inputElement: input, focused: false })">
       </textarea>
       <mat-error *ngIf="elementFormControl.errors">
         {{elementFormControl.errors | errorTransform: elementModel}}
@@ -50,6 +50,6 @@ import { TextAreaElement } from 'common/models/elements/input-elements/text-area
 })
 export class TextAreaComponent extends FormElementComponent {
   @Input() elementModel!: TextAreaElement;
-  @Output() textInputExpected = new EventEmitter<{ inputElement: HTMLElement; focused: boolean }>();
+  @Output() focusChanged = new EventEmitter<{ inputElement: HTMLElement; focused: boolean }>();
   @Output() hardwareKeyDetected = new EventEmitter();
 }

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

@@ -31,8 +31,8 @@ import { TextFieldElement } from 'common/models/elements/input-elements/text-fie
              [pattern]="$any(elementModel.pattern)"
              [readonly]="elementModel.readOnly"
              (keydown)="elementModel.showSoftwareKeyboard ? hardwareKeyDetected.emit() : null"
-             (focus)="textInputExpected.emit({ inputElement: input, focused: true })"
-             (blur)="textInputExpected.emit({ inputElement: input, focused: false })">
+             (focus)="focusChanged.emit({ inputElement: input, focused: true })"
+             (blur)="focusChanged.emit({ inputElement: input, focused: false })">
       <button *ngIf="elementModel.clearable"
               type="button"
               matSuffix mat-icon-button aria-label="Clear"
@@ -52,5 +52,5 @@ import { TextFieldElement } from 'common/models/elements/input-elements/text-fie
 export class TextFieldComponent extends FormElementComponent {
   @Input() elementModel!: TextFieldElement;
   @Output() hardwareKeyDetected = new EventEmitter();
-  @Output() textInputExpected = new EventEmitter<{ inputElement: HTMLElement; focused: boolean }>();
+  @Output() focusChanged = new EventEmitter<{ inputElement: HTMLElement; focused: boolean }>();
 }

projects/player/src/app/components/elements/compound-group-element/compound-group-element.component.ts

@@ -74,7 +74,7 @@ export class CompoundGroupElementComponent extends ElementFormGroupDirective imp
 
   private manageKeyInputToggling(textFieldSimpleComponent: TextFieldSimpleComponent, elementModel: InputElement): void {
     (textFieldSimpleComponent)
-      .textInputExpected
+      .focusChanged
       .pipe(takeUntil(this.ngUnsubscribe))
       .subscribe(focusedTextInput => {
         this.toggleKeyInput(focusedTextInput, textFieldSimpleComponent, elementModel);

projects/player/src/app/components/elements/text-input-group-element/text-input-group-element.component.html

@@ -6,7 +6,7 @@
     [parentForm]="form"
     [elementModel]="elementModel | cast: TextAreaElement"
     (hardwareKeyDetected)="detectHardwareKeyboard()"
-    (textInputExpected)="toggleKeyInput($event, elementComponent)">
+    (focusChanged)="toggleKeyInput($event, elementComponent)">
   </aspect-text-area>
   <aspect-text-field
     *ngIf="elementModel.type === 'text-field'"
@@ -14,7 +14,7 @@
     [parentForm]="form"
     [elementModel]="elementModel | cast: TextFieldElement"
     (hardwareKeyDetected)="detectHardwareKeyboard()"
-    (textInputExpected)="toggleKeyInput($event, elementComponent)">
+    (focusChanged)="toggleKeyInput($event, elementComponent)">
   </aspect-text-field>
   <aspect-spell-correct
     *ngIf="elementModel.type === 'spell-correct'"
@@ -22,7 +22,7 @@
     [parentForm]="form"
     [elementModel]="elementModel | cast: SpellCorrectElement"
     (hardwareKeyDetected)="detectHardwareKeyboard()"
-    (textInputExpected)="toggleKeyInput($event, elementComponent)">
+    (focusChanged)="toggleKeyInput($event, elementComponent)">
   </aspect-spell-correct>
 </form>