[editor] Rename ActionParamStateVariableComponent to generalize its use

- It will be used for trigger element

projects/editor/src/app/app.module.ts

@@ -40,8 +40,8 @@ import {
   StateVariableEditorComponent
 } from 'editor/src/app/components/dialogs/state-variables-dialog/state-variable-editor.component';
 import {
-  ButtonActionParamStateVariableComponent
-} from 'editor/src/app/components/properties-panel/model-properties-tab/input-groups/button-properties/button-action-param-state-variable.component';
+  ActionParamStateVariableComponent
+} from 'editor/src/app/components/properties-panel/model-properties-tab/input-groups/action-param-state-variable.component';
 import {
   VisibilityRulesDialogComponent
 } from 'editor/src/app/components/dialogs/visibility-rules-dialog/visibility-rules-dialog.component';
@@ -199,7 +199,7 @@ import {
     StateVariablesDialogComponent,
     ShowStateVariablesButtonComponent,
     StateVariableEditorComponent,
-    ButtonActionParamStateVariableComponent,
+    ActionParamStateVariableComponent,
     GetStateVariableIdsPipe,
     VisibilityRulesDialogComponent,
     SanitizationDialogComponent,

projects/editor/src/app/components/properties-panel/model-properties-tab/input-groups/action-param-state-variable.component.ts

+import {
+  Component, EventEmitter, Input, Output
+} from '@angular/core';
+import { StateVariable } from 'common/models/state-variable';
+
+@Component({
+  selector: 'aspect-action-param-state-variable',
+  template: `
+    <div class="fx-column-start-stretch">
+      <mat-form-field>
+        <mat-label>{{'stateVariableId' | translate}}</mat-label>
+        <mat-select [(ngModel)]="stateVariable.id"
+                    (ngModelChange)="stateVariableChange.emit(stateVariable)">
+          <mat-option *ngFor="let id of stateVariableIds"
+                      [value]="id">
+            {{id}}
+          </mat-option>
+        </mat-select>
+      </mat-form-field>
+
+      <mat-form-field>
+        <mat-label>{{'stateVariableValue' | translate}}</mat-label>
+        <input matInput
+               [(ngModel)]="stateVariable.value"
+               (ngModelChange)="stateVariableChange.emit(stateVariable)">
+      </mat-form-field>
+    </div>
+  `
+})
+export class ActionParamStateVariableComponent {
+  @Input() stateVariable!: StateVariable;
+  @Input() stateVariableIds!: string[];
+  @Output() stateVariableChange = new EventEmitter<StateVariable>();
+}

projects/editor/src/app/components/properties-panel/model-properties-tab/input-groups/button-properties/button-action-param-state-variable.component.html

-<div class="fx-column-start-stretch">
-  <mat-form-field>
-    <mat-label>{{'stateVariableId' | translate}}</mat-label>
-    <mat-select [(ngModel)]="stateVariable.id"
-                (ngModelChange)="stateVariableChange.emit(stateVariable)">
-      <mat-option *ngFor="let id of stateVariableIds"
-                  [value]="id">
-        {{id}}
-      </mat-option>
-    </mat-select>
-  </mat-form-field>
-
-  <mat-form-field>
-    <mat-label>{{'stateVariableValue' | translate}}</mat-label>
-    <input matInput
-           [(ngModel)]="stateVariable.value"
-           (ngModelChange)="stateVariableChange.emit(stateVariable)">
-  </mat-form-field>
-</div>
-

projects/editor/src/app/components/properties-panel/model-properties-tab/input-groups/button-properties/button-action-param-state-variable.component.ts

-import {
-  Component, EventEmitter, Input, Output
-} from '@angular/core';
-import { StateVariable } from 'common/models/state-variable';
-
-@Component({
-  selector: 'aspect-button-action-param-state-variable',
-  templateUrl: './button-action-param-state-variable.component.html'
-})
-export class ButtonActionParamStateVariableComponent {
-  @Input() stateVariable!: StateVariable;
-  @Input() stateVariableIds!: string[];
-  @Output() stateVariableChange = new EventEmitter<StateVariable>();
-}

projects/editor/src/app/components/properties-panel/model-properties-tab/input-groups/button-properties/button-properties.component.ts

@@ -108,14 +108,14 @@ import { SelectionService } from '../../../../../services/selection.service';
           </mat-form-field>
 
           <ng-container *ngIf="combinedProperties.action === 'stateVariableChange'">
-            <aspect-button-action-param-state-variable
+            <aspect-action-param-state-variable
               *ngIf="unitService.unit.stateVariables.length"
               [stateVariableIds]="unitService.unit.stateVariables | getStateVariableIds"
               [stateVariable]="combinedProperties.actionParam ?
                                $any(combinedProperties.actionParam) :
                                { id: unitService.unit.stateVariables[0].id, value: '' }"
               (stateVariableChange)="updateModel.emit({ property: 'actionParam', value: $event })">
-            </aspect-button-action-param-state-variable>
+            </aspect-action-param-state-variable>
             <p *ngIf="!unitService.unit.stateVariables.length">{{'propertiesPanel.addStateVariables' | translate}}</p>
           </ng-container>