[editor] Hide z-index and dimensions for trigger element

projects/editor/src/app/components/properties-panel/element-properties-panel.component.html

@@ -25,8 +25,10 @@
       <ng-template mat-tab-label>
         <mat-icon class="example-tab-icon">format_shapes</mat-icon>
       </ng-template>
-      <aspect-position-and-dimension-properties [dimensions]="combinedProperties.dimensions"
-                                               [positionProperties]="combinedProperties.position">
+      <aspect-position-and-dimension-properties
+        [dimensions]="combinedProperties.type === 'trigger' ? null : combinedProperties.dimensions"
+        [positionProperties]="combinedProperties.position"
+        [isZIndexDisabled]="combinedProperties.type === 'trigger'">
       </aspect-position-and-dimension-properties>
     </mat-tab>
 

projects/editor/src/app/components/properties-panel/position-properties-tab/element-position-properties.component.ts

@@ -13,12 +13,13 @@ import { SelectionService } from '../../../services/selection.service';
       <aspect-position-field-set
         *ngIf="positionProperties"
         [positionProperties]="positionProperties"
+        [isZIndexDisabled]="isZIndexDisabled"
         (updateModel)="unitService.updateSelectedElementsPositionProperty($event.property, $event.value)">
       </aspect-position-field-set>
 
-      <aspect-dimension-field-set
-        [positionProperties]="positionProperties"
-        [dimensions]="dimensions">
+      <aspect-dimension-field-set *ngIf="dimensions"
+                                  [positionProperties]="positionProperties"
+                                  [dimensions]="dimensions">
       </aspect-dimension-field-set>
 
       <ng-container *ngIf="(selectionService.selectedElements | async)!.length > 1">
@@ -60,8 +61,9 @@ import { SelectionService } from '../../../services/selection.service';
   `]
 })
 export class ElementPositionPropertiesComponent {
-  @Input() dimensions!: DimensionProperties;
+  @Input() dimensions!: DimensionProperties | null;
   @Input() positionProperties: PositionProperties | undefined;
+  @Input() isZIndexDisabled: boolean = false;
 
   constructor(public unitService: UnitService, public selectionService: SelectionService) { }
 

projects/editor/src/app/components/properties-panel/position-properties-tab/input-groups/position-field-set.component.ts

@@ -117,17 +117,19 @@ import { UnitService } from 'editor/src/app/services/unit.service';
         </div>
       </ng-template>
 
-      Stapelung<br>
-      <mat-form-field *ngIf="positionProperties.zIndex !== undefined" appearance="fill">
-        <mat-label>{{'propertiesPanel.zIndex' | translate }}</mat-label>
-        <input matInput type="number" #zIndex="ngModel"
-               [ngModel]="positionProperties.zIndex"
-               (ngModelChange)="updateModel.emit({ property: 'zIndex',
-                                                       value: $event,
-                                                       isInputValid: zIndex.valid && $event !== null })"
-               (change)="positionProperties.zIndex = positionProperties.zIndex ? positionProperties.zIndex : 0"
-               matTooltip="Priorität beim Stapeln von Elementen. Der höhere Index erscheint vorne.">
-      </mat-form-field>
+      <ng-container *ngIf="!isZIndexDisabled">
+        Stapelung<br>
+        <mat-form-field appearance="fill">
+          <mat-label>{{'propertiesPanel.zIndex' | translate }}</mat-label>
+          <input matInput type="number" #zIndex="ngModel"
+                 [ngModel]="positionProperties.zIndex"
+                 (ngModelChange)="updateModel.emit({ property: 'zIndex',
+                                                         value: $event,
+                                                         isInputValid: zIndex.valid && $event !== null })"
+                 (change)="positionProperties.zIndex = positionProperties.zIndex ? positionProperties.zIndex : 0"
+                 matTooltip="Priorität beim Stapeln von Elementen. Der höhere Index erscheint vorne.">
+        </mat-form-field>
+      </ng-container>
     </fieldset>
   `,
   styles: [
@@ -137,6 +139,7 @@ import { UnitService } from 'editor/src/app/services/unit.service';
 })
 export class PositionFieldSetComponent {
   @Input() positionProperties!: PositionProperties;
+  @Input() isZIndexDisabled: boolean = false;
   @Output() updateModel =
     new EventEmitter<{
       property: string;