chore(fomly): set OnPush as default for formly wrappers

Author: prasepic

projects/element-ng/formly/wrapper/si-formly-fieldset.component.ts

@@ -2,16 +2,27 @@
  * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
-import { Component } from '@angular/core';
+import {
+  ChangeDetectionStrategy,
+  ChangeDetectorRef,
+  Component,
+  inject,
+  OnChanges
+} from '@angular/core';
 import { FieldWrapper, FormlyModule } from '@ngx-formly/core';
 import { SiFormFieldsetComponent } from '@siemens/element-ng/form';
 
 @Component({
   selector: 'si-formly-fieldset',
   imports: [FormlyModule, SiFormFieldsetComponent],
-  templateUrl: './si-formly-fieldset.component.html'
+  templateUrl: './si-formly-fieldset.component.html',
+  changeDetection: ChangeDetectionStrategy.OnPush
 })
-export class SiFormlyFieldsetComponent extends FieldWrapper {
+export class SiFormlyFieldsetComponent extends FieldWrapper implements OnChanges {
+  private cdRef = inject(ChangeDetectorRef);
+  ngOnChanges(): void {
+    this.cdRef.markForCheck();
+  }
   protected get label(): string | undefined {
     return this.props.label && this.props.hideLabel !== true ? this.props.label : undefined;
   }

projects/element-ng/formly/wrapper/si-formly-horizontal-wrapper.component.ts

@@ -2,12 +2,13 @@
  * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
-import { Component } from '@angular/core';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
 import { FieldWrapper, FormlyModule } from '@ngx-formly/core';
 
 @Component({
   selector: 'si-formly-horizontal-wrapper',
   imports: [FormlyModule],
-  templateUrl: './si-formly-horizontal-wrapper.component.html'
+  templateUrl: './si-formly-horizontal-wrapper.component.html',
+  changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class SiFormlyHorizontalWrapperComponent extends FieldWrapper {}

projects/element-ng/formly/wrapper/si-formly-icon-wrapper.component.ts

@@ -2,7 +2,7 @@
  * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
-import { Component } from '@angular/core';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
 import { FieldWrapper } from '@ngx-formly/core';
 import { SiTooltipDirective } from '@siemens/element-ng/tooltip';
 import { SiTranslatePipe } from '@siemens/element-translate-ng/translate';
@@ -11,6 +11,7 @@ import { SiTranslatePipe } from '@siemens/element-translate-ng/translate';
   selector: 'si-formly-icon-wrapper',
   imports: [SiTooltipDirective, SiTranslatePipe],
   templateUrl: './si-formly-icon-wrapper.component.html',
-  styleUrl: './si-formly-icon-wrapper.component.scss'
+  styleUrl: './si-formly-icon-wrapper.component.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class SiFormlyIconWrapperComponent extends FieldWrapper {}