@siemens/element-ng 47.5.0 → 47.7.0

package/fesm2022/siemens-element-ng-formly.mjs

@@ -12,8 +12,7 @@ import { SiFormContainerComponent, SiFormFieldsetComponent, SI_FORM_ITEM_CONTROL
 import { FormlyBootstrapModule } from '@ngx-formly/bootstrap';
 import { FormlyFieldMultiCheckbox } from '@ngx-formly/bootstrap/multicheckbox';
 import { FormlyFieldRadio } from '@ngx-formly/bootstrap/radio';
-import * as i1$3 from '@siemens/element-translate-ng/translate';
-import { SiTranslateModule, SiTranslateService } from '@siemens/element-translate-ng/translate';
+import { SiTranslatePipe, injectSiTranslateService } from '@siemens/element-translate-ng/translate';
 import { SiDateRangeComponent, SiCalendarButtonComponent, SiDatepickerDirective, SiTimepickerComponent } from '@siemens/element-ng/datepicker';
 import { SiIp4InputDirective, SiIp6InputDirective } from '@siemens/element-ng/ip-input';
 import { SiNumberInputComponent } from '@siemens/element-ng/number-input';
@@ -24,7 +23,7 @@ import { SiTabsetComponent, SiTabComponent } from '@siemens/element-ng/tabs';
 import { SiTooltipDirective } from '@siemens/element-ng/tooltip';
 
 /**
- * Copyright Siemens 2016 - 2025.
+ * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
 class SiFormlyComponent {
@@ -123,7 +122,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
         }] });
 
 /**
- * Copyright Siemens 2016 - 2025.
+ * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
 class SiFormlyButtonComponent extends FieldType {
@@ -164,15 +163,15 @@ class SiFormlyButtonComponent extends FieldType {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiFormlyButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.6", type: SiFormlyButtonComponent, isStandalone: true, selector: "si-formly-button", usesInheritance: true, ngImport: i0, template: "<button\n  type=\"button\"\n  class=\"btn\"\n  [id]=\"id\"\n  [ngClass]=\"{\n    'btn-secondary': !props.btnType || props.btnType === 'secondary',\n    'btn-primary': props.btnType === 'primary',\n    'btn-tertiary': props.btnType === 'tertiary',\n    'btn-warning': props.btnType === 'warning',\n    'btn-danger': props.btnType === 'danger'\n  }\"\n  [formlyAttributes]=\"field\"\n  [hidden]=\"props.hidden\"\n  (click)=\"click()\"\n  >{{ props.label | translate }}</button\n>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: SiTranslateModule }, { kind: "pipe", type: i1$3.SiTranslatePipe, name: "translate" }, { kind: "ngmodule", type: FormlyModule }, { kind: "directive", type: i1$1.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.6", type: SiFormlyButtonComponent, isStandalone: true, selector: "si-formly-button", usesInheritance: true, ngImport: i0, template: "<button\n  type=\"button\"\n  class=\"btn\"\n  [id]=\"id\"\n  [ngClass]=\"{\n    'btn-secondary': !props.btnType || props.btnType === 'secondary',\n    'btn-primary': props.btnType === 'primary',\n    'btn-tertiary': props.btnType === 'tertiary',\n    'btn-warning': props.btnType === 'warning',\n    'btn-danger': props.btnType === 'danger'\n  }\"\n  [formlyAttributes]=\"field\"\n  [hidden]=\"props.hidden\"\n  (click)=\"click()\"\n  >{{ props.label | translate }}</button\n>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }, { kind: "ngmodule", type: FormlyModule }, { kind: "directive", type: i1$1.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiFormlyButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'si-formly-button', imports: [NgClass, SiTranslateModule, FormlyModule], template: "<button\n  type=\"button\"\n  class=\"btn\"\n  [id]=\"id\"\n  [ngClass]=\"{\n    'btn-secondary': !props.btnType || props.btnType === 'secondary',\n    'btn-primary': props.btnType === 'primary',\n    'btn-tertiary': props.btnType === 'tertiary',\n    'btn-warning': props.btnType === 'warning',\n    'btn-danger': props.btnType === 'danger'\n  }\"\n  [formlyAttributes]=\"field\"\n  [hidden]=\"props.hidden\"\n  (click)=\"click()\"\n  >{{ props.label | translate }}</button\n>\n" }]
+            args: [{ selector: 'si-formly-button', imports: [NgClass, SiTranslatePipe, FormlyModule], template: "<button\n  type=\"button\"\n  class=\"btn\"\n  [id]=\"id\"\n  [ngClass]=\"{\n    'btn-secondary': !props.btnType || props.btnType === 'secondary',\n    'btn-primary': props.btnType === 'primary',\n    'btn-tertiary': props.btnType === 'tertiary',\n    'btn-warning': props.btnType === 'warning',\n    'btn-danger': props.btnType === 'danger'\n  }\"\n  [formlyAttributes]=\"field\"\n  [hidden]=\"props.hidden\"\n  (click)=\"click()\"\n  >{{ props.label | translate }}</button\n>\n" }]
         }] });
 
 /**
- * Copyright Siemens 2016 - 2025.
+ * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
 class SiFormlyDateRangeComponent extends FieldType {
@@ -185,7 +184,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
         }] });
 
 /**
- * Copyright Siemens 2016 - 2025.
+ * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
 class SiFormlyDateTimeComponent extends FieldType {
@@ -214,7 +213,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
         }] });
 
 /**
- * Copyright Siemens 2016 - 2025.
+ * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
 class SiFormlyEmailComponent extends FieldType {
@@ -227,7 +226,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
         }] });
 
 /**
- * Copyright Siemens 2016 - 2025.
+ * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
 class SiFormlyIpInputComponent extends FieldType {
@@ -240,7 +239,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
         }] });
 
 /**
- * Copyright Siemens 2016 - 2025.
+ * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
 class SiFormlyNumberComponent extends FieldType {
@@ -249,11 +248,11 @@ class SiFormlyNumberComponent extends FieldType {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiFormlyNumberComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'si-formly-number', changeDetection: ChangeDetectionStrategy.OnPush, imports: [ReactiveFormsModule, FormlyModule, SiNumberInputComponent], template: "<si-number-input\n  class=\"form-control\"\n  [inputId]=\"id\"\n  [formControl]=\"formControl\"\n  [formlyAttributes]=\"field\"\n  [min]=\"props.min\"\n  [max]=\"props.max\"\n  [placeholder]=\"props.placeholder\"\n  [showButtons]=\"props.showButtons ?? true\"\n  [step]=\"props.numberStep ?? 1\"\n  [unit]=\"props.unit\"\n/>\n" }]
+            args: [{ selector: 'si-formly-number', imports: [ReactiveFormsModule, FormlyModule, SiNumberInputComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<si-number-input\n  class=\"form-control\"\n  [inputId]=\"id\"\n  [formControl]=\"formControl\"\n  [formlyAttributes]=\"field\"\n  [min]=\"props.min\"\n  [max]=\"props.max\"\n  [placeholder]=\"props.placeholder\"\n  [showButtons]=\"props.showButtons ?? true\"\n  [step]=\"props.numberStep ?? 1\"\n  [unit]=\"props.unit\"\n/>\n" }]
         }] });
 
 /**
- * Copyright Siemens 2016 - 2025.
+ * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
 class SiFormlyPasswordComponent extends FieldType {
@@ -262,22 +261,22 @@ class SiFormlyPasswordComponent extends FieldType {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiFormlyPasswordComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'si-formly-password', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+            args: [{ selector: 'si-formly-password', imports: [
                         FormsModule,
                         ReactiveFormsModule,
                         FormlyModule,
                         SiPasswordStrengthComponent,
                         SiPasswordStrengthDirective
-                    ], template: "<si-password-strength>\n  <input\n    type=\"password\"\n    name=\"password\"\n    class=\"form-control\"\n    [id]=\"id\"\n    [formControl]=\"formControl\"\n    [formlyAttributes]=\"field\"\n    [siPasswordStrength]=\"{\n      minLength: props.minLength && props.minLength > 0 ? props.minLength : 8,\n      uppercase: props.upperCase !== false,\n      lowercase: props.lowerCase !== false,\n      digits: props.digits !== false,\n      special: props.special !== false\n    }\"\n  />\n</si-password-strength>\n" }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<si-password-strength>\n  <input\n    type=\"password\"\n    name=\"password\"\n    class=\"form-control\"\n    [id]=\"id\"\n    [formControl]=\"formControl\"\n    [formlyAttributes]=\"field\"\n    [siPasswordStrength]=\"{\n      minLength: props.minLength && props.minLength > 0 ? props.minLength : 8,\n      uppercase: props.upperCase !== false,\n      lowercase: props.lowerCase !== false,\n      digits: props.digits !== false,\n      special: props.special !== false\n    }\"\n  />\n</si-password-strength>\n" }]
         }] });
 
 /**
- * Copyright Siemens 2016 - 2025.
+ * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
 class SiFormlySelectComponent extends FieldType {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiFormlySelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: SiFormlySelectComponent, isStandalone: true, selector: "si-formly-select", usesInheritance: true, ngImport: i0, template: "@if (props.multi) {\n  <si-select\n    class=\"form-control\"\n    multi\n    [id]=\"id\"\n    [options]=\"props.optionsList\"\n    [formControl]=\"formControl\"\n    [formlyAttributes]=\"field\"\n    [readonly]=\"props.readonly || false\"\n  />\n} @else {\n  <si-select\n    class=\"form-control\"\n    [id]=\"id\"\n    [options]=\"props.optionsList\"\n    [formControl]=\"formControl\"\n    [formlyAttributes]=\"field\"\n    [readonly]=\"props.readonly || false\"\n  />\n}\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "directive", type: i1$1.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "component", type: SiSelectComponent, selector: "si-select", inputs: ["id", "ariaLabel", "labelledby", "filterPlaceholder", "noResultsFoundLabel", "placeholder", "readonly", "hasFilter"], outputs: ["dropdownClose", "openChange"] }, { kind: "directive", type: SiSelectSimpleOptionsDirective, selector: "si-select[options]", inputs: ["options", "optionEqualCheckFn"] }, { kind: "directive", type: SiSelectMultiValueDirective, selector: "si-select[multi]" }, { kind: "directive", type: SiSelectSingleValueDirective, selector: "si-select:not([multi])" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: SiFormlySelectComponent, isStandalone: true, selector: "si-formly-select", usesInheritance: true, ngImport: i0, template: "@if (props.multi) {\n  <si-select\n    #select\n    class=\"form-control\"\n    multi\n    [id]=\"id\"\n    [options]=\"props.optionsList\"\n    [hasFilter]=\"props.hasFilter ?? select.hasFilter()\"\n    [filterPlaceholder]=\"props.filterPlaceholder ?? select.filterPlaceholder()\"\n    [placeholder]=\"props.placeholder ?? select.placeholder()\"\n    [ariaLabel]=\"props.ariaLabel ?? select.ariaLabel()\"\n    [noResultsFoundLabel]=\"props.noResultsFoundLabel ?? select.noResultsFoundLabel()\"\n    [formControl]=\"formControl\"\n    [formlyAttributes]=\"field\"\n    [readonly]=\"props.readonly || false\"\n  />\n} @else {\n  <si-select\n    #select\n    class=\"form-control\"\n    [id]=\"id\"\n    [options]=\"props.optionsList\"\n    [hasFilter]=\"props.hasFilter ?? select.hasFilter()\"\n    [filterPlaceholder]=\"props.filterPlaceholder ?? select.filterPlaceholder()\"\n    [placeholder]=\"props.placeholder ?? select.placeholder()\"\n    [ariaLabel]=\"props.ariaLabel ?? select.ariaLabel()\"\n    [noResultsFoundLabel]=\"props.noResultsFoundLabel ?? select.noResultsFoundLabel()\"\n    [formControl]=\"formControl\"\n    [formlyAttributes]=\"field\"\n    [readonly]=\"props.readonly || false\"\n  />\n}\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FormlyModule }, { kind: "directive", type: i1$1.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "component", type: SiSelectComponent, selector: "si-select", inputs: ["id", "ariaLabel", "labelledby", "filterPlaceholder", "noResultsFoundLabel", "placeholder", "readonly", "hasFilter"], outputs: ["dropdownClose", "openChange"] }, { kind: "directive", type: SiSelectSimpleOptionsDirective, selector: "si-select[options]", inputs: ["options", "optionEqualCheckFn"] }, { kind: "directive", type: SiSelectMultiValueDirective, selector: "si-select[multi]" }, { kind: "directive", type: SiSelectSingleValueDirective, selector: "si-select:not([multi])" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiFormlySelectComponent, decorators: [{
             type: Component,
@@ -289,11 +288,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
                         SiSelectSimpleOptionsDirective,
                         SiSelectMultiValueDirective,
                         SiSelectSingleValueDirective
-                    ], template: "@if (props.multi) {\n  <si-select\n    class=\"form-control\"\n    multi\n    [id]=\"id\"\n    [options]=\"props.optionsList\"\n    [formControl]=\"formControl\"\n    [formlyAttributes]=\"field\"\n    [readonly]=\"props.readonly || false\"\n  />\n} @else {\n  <si-select\n    class=\"form-control\"\n    [id]=\"id\"\n    [options]=\"props.optionsList\"\n    [formControl]=\"formControl\"\n    [formlyAttributes]=\"field\"\n    [readonly]=\"props.readonly || false\"\n  />\n}\n" }]
+                    ], template: "@if (props.multi) {\n  <si-select\n    #select\n    class=\"form-control\"\n    multi\n    [id]=\"id\"\n    [options]=\"props.optionsList\"\n    [hasFilter]=\"props.hasFilter ?? select.hasFilter()\"\n    [filterPlaceholder]=\"props.filterPlaceholder ?? select.filterPlaceholder()\"\n    [placeholder]=\"props.placeholder ?? select.placeholder()\"\n    [ariaLabel]=\"props.ariaLabel ?? select.ariaLabel()\"\n    [noResultsFoundLabel]=\"props.noResultsFoundLabel ?? select.noResultsFoundLabel()\"\n    [formControl]=\"formControl\"\n    [formlyAttributes]=\"field\"\n    [readonly]=\"props.readonly || false\"\n  />\n} @else {\n  <si-select\n    #select\n    class=\"form-control\"\n    [id]=\"id\"\n    [options]=\"props.optionsList\"\n    [hasFilter]=\"props.hasFilter ?? select.hasFilter()\"\n    [filterPlaceholder]=\"props.filterPlaceholder ?? select.filterPlaceholder()\"\n    [placeholder]=\"props.placeholder ?? select.placeholder()\"\n    [ariaLabel]=\"props.ariaLabel ?? select.ariaLabel()\"\n    [noResultsFoundLabel]=\"props.noResultsFoundLabel ?? select.noResultsFoundLabel()\"\n    [formControl]=\"formControl\"\n    [formlyAttributes]=\"field\"\n    [readonly]=\"props.readonly || false\"\n  />\n}\n" }]
         }] });
 
 /**
- * Copyright Siemens 2016 - 2025.
+ * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
 const getFieldValue = (model, path) => {
@@ -325,7 +324,7 @@ const getKeyPath = (key) => {
 };
 
 /**
- * Copyright Siemens 2016 - 2025.
+ * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
 class SiFormlyTextDisplayComponent extends FieldType {
@@ -346,15 +345,15 @@ class SiFormlyTextDisplayComponent extends FieldType {
         return getFieldValue(sourceModel, path);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiFormlyTextDisplayComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: SiFormlyTextDisplayComponent, isStandalone: true, selector: "si-formly-text-display", usesInheritance: true, ngImport: i0, template: "<input type=\"hidden\" [id]=\"id\" [formControl]=\"formControl\" [formlyAttributes]=\"field\" />\n<div>\n  @if (props.prefix) {\n    {{ props.prefix | translate }}\n  }\n  {{ value }}\n  @if (props.suffix) {\n    {{ props.suffix | translate }}\n  }\n</div>\n", dependencies: [{ kind: "ngmodule", type: FormlyModule }, { kind: "directive", type: i1$1.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: SiTranslateModule }, { kind: "pipe", type: i1$3.SiTranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: SiFormlyTextDisplayComponent, isStandalone: true, selector: "si-formly-text-display", usesInheritance: true, ngImport: i0, template: "<input type=\"hidden\" [id]=\"id\" [formControl]=\"formControl\" [formlyAttributes]=\"field\" />\n<div>\n  @if (props.prefix) {\n    {{ props.prefix | translate }}\n  }\n  {{ value }}\n  @if (props.suffix) {\n    {{ props.suffix | translate }}\n  }\n</div>\n", dependencies: [{ kind: "ngmodule", type: FormlyModule }, { kind: "directive", type: i1$1.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiFormlyTextDisplayComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'si-formly-text-display', imports: [FormlyModule, ReactiveFormsModule, SiTranslateModule], template: "<input type=\"hidden\" [id]=\"id\" [formControl]=\"formControl\" [formlyAttributes]=\"field\" />\n<div>\n  @if (props.prefix) {\n    {{ props.prefix | translate }}\n  }\n  {{ value }}\n  @if (props.suffix) {\n    {{ props.suffix | translate }}\n  }\n</div>\n" }]
+            args: [{ selector: 'si-formly-text-display', imports: [FormlyModule, ReactiveFormsModule, SiTranslatePipe], template: "<input type=\"hidden\" [id]=\"id\" [formControl]=\"formControl\" [formlyAttributes]=\"field\" />\n<div>\n  @if (props.prefix) {\n    {{ props.prefix | translate }}\n  }\n  {{ value }}\n  @if (props.suffix) {\n    {{ props.suffix | translate }}\n  }\n</div>\n" }]
         }] });
 
 /**
- * Copyright Siemens 2016 - 2025.
+ * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
 class SiFormlyTextareaComponent extends FieldType {
@@ -390,7 +389,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
         }] });
 
 /**
- * Copyright Siemens 2016 - 2025.
+ * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
 class SiFormlyTimeComponent extends FieldType {
@@ -426,6 +425,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
             type: Component,
             args: [{
                     selector: 'si-formly-time',
+                    imports: [SiTimepickerComponent, ReactiveFormsModule],
                     template: `<si-timepicker
     [id]="id"
     [hideLabels]="props.timeConfig?.hideLabels ?? true"
@@ -435,16 +435,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
     [showMeridian]="props.timeConfig?.showMeridian"
     [formControl]="formControl"
     [readonly]="props.readonly || false"
-  />`,
-                    imports: [SiTimepickerComponent, ReactiveFormsModule]
+  />`
                 }]
         }] });
 
 class SiFormlyTranslateExtension {
-    translate;
-    constructor(translate) {
-        this.translate = translate;
-    }
+    translate = injectSiTranslateService();
     prePopulate(field) {
         const to = field.props ?? {};
         if (to.translate === false || to._translated) {
@@ -487,7 +483,7 @@ class SiFormlyTranslateExtension {
 }
 
 /**
- * Copyright Siemens 2016 - 2025.
+ * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
 class SiFormlyAccordionComponent extends FieldType {
@@ -518,20 +514,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
         }] });
 
 /**
- * Copyright Siemens 2016 - 2025.
+ * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
 class SiFormlyArrayComponent extends FieldArrayType {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiFormlyArrayComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: SiFormlyArrayComponent, isStandalone: true, selector: "si-formly-array", usesInheritance: true, ngImport: i0, template: "<div class=\"mb-3\">\n  @if (props.label) {\n    <b>{{ props.label }}</b>\n  }\n  @if (props.description) {\n    <p>{{ props.description }}</p>\n  }\n  @if (showError && formControl.errors) {\n    <div class=\"alert alert-danger\" role=\"alert\">\n      <formly-validation-message [field]=\"field\" />\n    </div>\n  }\n  @for (field of field.fieldGroup; track $index) {\n    <div class=\"row\">\n      <formly-field class=\"col-10\" [field]=\"field\" />\n      @if (!props.readonly && !props.disabled && !props.noRemove) {\n        <div class=\"col-1 text-end\">\n          @if (props.removeText) {\n            <button class=\"btn btn-danger\" type=\"button\" (click)=\"remove($index)\">\n              {{ props.removeText | translate }}\n            </button>\n          }\n          @if (!props.removeText) {\n            <button class=\"btn btn-danger\" type=\"button\" (click)=\"remove($index)\"> - </button>\n          }\n        </div>\n      }\n    </div>\n  }\n  @if (!props.readonly && !props.disabled && !props.noAdd) {\n    <div class=\"d-flex flex-row-reverse\">\n      @if (props.addText) {\n        <button class=\"btn btn-primary\" type=\"button\" (click)=\"add()\">\n          {{ props.addText | translate }}\n        </button>\n      }\n      @if (!props.addText) {\n        <button class=\"btn btn-primary\" type=\"button\" (click)=\"add()\"> + </button>\n      }\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "ngmodule", type: FormlyModule }, { kind: "component", type: i1$1.FormlyField, selector: "formly-field", inputs: ["field"] }, { kind: "component", type: i1$1.ɵFormlyValidationMessage, selector: "formly-validation-message", inputs: ["field"] }, { kind: "ngmodule", type: SiTranslateModule }, { kind: "pipe", type: i1$3.SiTranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: SiFormlyArrayComponent, isStandalone: true, selector: "si-formly-array", usesInheritance: true, ngImport: i0, template: "<div class=\"mb-3\">\n  @if (props.label) {\n    <b>{{ props.label }}</b>\n  }\n  @if (props.description) {\n    <p>{{ props.description }}</p>\n  }\n  @if (showError && formControl.errors) {\n    <div class=\"alert alert-danger\" role=\"alert\">\n      <formly-validation-message [field]=\"field\" />\n    </div>\n  }\n  @for (field of field.fieldGroup; track $index) {\n    <div class=\"row\">\n      <formly-field class=\"col-10\" [field]=\"field\" />\n      @if (!props.readonly && !props.disabled && !props.noRemove) {\n        <div class=\"col-1 text-end\">\n          @if (props.removeText) {\n            <button class=\"btn btn-danger\" type=\"button\" (click)=\"remove($index)\">\n              {{ props.removeText | translate }}\n            </button>\n          }\n          @if (!props.removeText) {\n            <button class=\"btn btn-danger\" type=\"button\" (click)=\"remove($index)\"> - </button>\n          }\n        </div>\n      }\n    </div>\n  }\n  @if (!props.readonly && !props.disabled && !props.noAdd) {\n    <div class=\"d-flex flex-row-reverse\">\n      @if (props.addText) {\n        <button class=\"btn btn-primary\" type=\"button\" (click)=\"add()\">\n          {{ props.addText | translate }}\n        </button>\n      }\n      @if (!props.addText) {\n        <button class=\"btn btn-primary\" type=\"button\" (click)=\"add()\"> + </button>\n      }\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "ngmodule", type: FormlyModule }, { kind: "component", type: i1$1.FormlyField, selector: "formly-field", inputs: ["field"] }, { kind: "component", type: i1$1.ɵFormlyValidationMessage, selector: "formly-validation-message", inputs: ["field"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiFormlyArrayComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'si-formly-array', imports: [FormlyModule, SiTranslateModule], template: "<div class=\"mb-3\">\n  @if (props.label) {\n    <b>{{ props.label }}</b>\n  }\n  @if (props.description) {\n    <p>{{ props.description }}</p>\n  }\n  @if (showError && formControl.errors) {\n    <div class=\"alert alert-danger\" role=\"alert\">\n      <formly-validation-message [field]=\"field\" />\n    </div>\n  }\n  @for (field of field.fieldGroup; track $index) {\n    <div class=\"row\">\n      <formly-field class=\"col-10\" [field]=\"field\" />\n      @if (!props.readonly && !props.disabled && !props.noRemove) {\n        <div class=\"col-1 text-end\">\n          @if (props.removeText) {\n            <button class=\"btn btn-danger\" type=\"button\" (click)=\"remove($index)\">\n              {{ props.removeText | translate }}\n            </button>\n          }\n          @if (!props.removeText) {\n            <button class=\"btn btn-danger\" type=\"button\" (click)=\"remove($index)\"> - </button>\n          }\n        </div>\n      }\n    </div>\n  }\n  @if (!props.readonly && !props.disabled && !props.noAdd) {\n    <div class=\"d-flex flex-row-reverse\">\n      @if (props.addText) {\n        <button class=\"btn btn-primary\" type=\"button\" (click)=\"add()\">\n          {{ props.addText | translate }}\n        </button>\n      }\n      @if (!props.addText) {\n        <button class=\"btn btn-primary\" type=\"button\" (click)=\"add()\"> + </button>\n      }\n    </div>\n  }\n</div>\n" }]
+            args: [{ selector: 'si-formly-array', imports: [FormlyModule, SiTranslatePipe], template: "<div class=\"mb-3\">\n  @if (props.label) {\n    <b>{{ props.label }}</b>\n  }\n  @if (props.description) {\n    <p>{{ props.description }}</p>\n  }\n  @if (showError && formControl.errors) {\n    <div class=\"alert alert-danger\" role=\"alert\">\n      <formly-validation-message [field]=\"field\" />\n    </div>\n  }\n  @for (field of field.fieldGroup; track $index) {\n    <div class=\"row\">\n      <formly-field class=\"col-10\" [field]=\"field\" />\n      @if (!props.readonly && !props.disabled && !props.noRemove) {\n        <div class=\"col-1 text-end\">\n          @if (props.removeText) {\n            <button class=\"btn btn-danger\" type=\"button\" (click)=\"remove($index)\">\n              {{ props.removeText | translate }}\n            </button>\n          }\n          @if (!props.removeText) {\n            <button class=\"btn btn-danger\" type=\"button\" (click)=\"remove($index)\"> - </button>\n          }\n        </div>\n      }\n    </div>\n  }\n  @if (!props.readonly && !props.disabled && !props.noAdd) {\n    <div class=\"d-flex flex-row-reverse\">\n      @if (props.addText) {\n        <button class=\"btn btn-primary\" type=\"button\" (click)=\"add()\">\n          {{ props.addText | translate }}\n        </button>\n      }\n      @if (!props.addText) {\n        <button class=\"btn btn-primary\" type=\"button\" (click)=\"add()\"> + </button>\n      }\n    </div>\n  }\n</div>\n" }]
         }] });
 
 /**
- * Copyright Siemens 2016 - 2025.
+ * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
 class SiFormlyObjectGridComponent extends FieldType {
@@ -592,7 +588,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
         }] });
 
 /**
- * Copyright Siemens 2016 - 2025.
+ * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
 class SiFormlyObjectPlainComponent extends FieldType {
@@ -605,7 +601,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
         }] });
 
 /**
- * Copyright Siemens 2016 - 2025.
+ * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
 class SiFormlyObjectComponent extends FieldType {
@@ -618,7 +614,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
         }] });
 
 /**
- * Copyright Siemens 2016 - 2025.
+ * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
 class SiFormlyObjectTabsetComponent extends FieldType {
@@ -636,7 +632,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
         }] });
 
 /**
- * Copyright Siemens 2016 - 2025.
+ * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
 class SiFormlyFieldsetComponent extends FieldWrapper {
@@ -655,7 +651,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
         }] });
 
 /**
- * Copyright Siemens 2016 - 2025.
+ * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
 class SiFormlyHorizontalWrapperComponent extends FieldWrapper {
@@ -668,20 +664,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
         }] });
 
 /**
- * Copyright Siemens 2016 - 2025.
+ * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
 class SiFormlyIconWrapperComponent extends FieldWrapper {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiFormlyIconWrapperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: SiFormlyIconWrapperComponent, isStandalone: true, selector: "si-formly-icon-wrapper", usesInheritance: true, ngImport: i0, template: "<div class=\"d-flex\">\n  <div class=\"flex-1 me-2\">\n    <ng-template #fieldComponent />\n  </div>\n  @if (props.icon) {\n    <div\n      class=\"wrapper-icon\"\n      [style]=\"'font-size: ' + (props.iconSize ? props.iconSize : 24) + 'px'\"\n      [siTooltip]=\"props.iconTooltip | translate\"\n    >\n      <i [class]=\"props.icon\"></i>\n    </div>\n  }\n</div>\n", styles: [".flex-1{flex:1}.wrapper-icon{display:flex;align-items:center}\n"], dependencies: [{ kind: "directive", type: SiTooltipDirective, selector: "[siTooltip]", inputs: ["siTooltip", "placement", "triggers", "isDisabled"] }, { kind: "ngmodule", type: SiTranslateModule }, { kind: "pipe", type: i1$3.SiTranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: SiFormlyIconWrapperComponent, isStandalone: true, selector: "si-formly-icon-wrapper", usesInheritance: true, ngImport: i0, template: "<div class=\"d-flex\">\n  <div class=\"flex-1 me-2\">\n    <ng-template #fieldComponent />\n  </div>\n  @if (props.icon) {\n    <div\n      class=\"wrapper-icon\"\n      [style]=\"'font-size: ' + (props.iconSize ? props.iconSize : 24) + 'px'\"\n      [siTooltip]=\"props.iconTooltip | translate\"\n    >\n      <i [class]=\"props.icon\"></i>\n    </div>\n  }\n</div>\n", styles: [".flex-1{flex:1}.wrapper-icon{display:flex;align-items:center}\n"], dependencies: [{ kind: "directive", type: SiTooltipDirective, selector: "[siTooltip]", inputs: ["siTooltip", "placement", "triggers", "isDisabled"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: SiFormlyIconWrapperComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'si-formly-icon-wrapper', imports: [SiTooltipDirective, SiTranslateModule], template: "<div class=\"d-flex\">\n  <div class=\"flex-1 me-2\">\n    <ng-template #fieldComponent />\n  </div>\n  @if (props.icon) {\n    <div\n      class=\"wrapper-icon\"\n      [style]=\"'font-size: ' + (props.iconSize ? props.iconSize : 24) + 'px'\"\n      [siTooltip]=\"props.iconTooltip | translate\"\n    >\n      <i [class]=\"props.icon\"></i>\n    </div>\n  }\n</div>\n", styles: [".flex-1{flex:1}.wrapper-icon{display:flex;align-items:center}\n"] }]
+            args: [{ selector: 'si-formly-icon-wrapper', imports: [SiTooltipDirective, SiTranslatePipe], template: "<div class=\"d-flex\">\n  <div class=\"flex-1 me-2\">\n    <ng-template #fieldComponent />\n  </div>\n  @if (props.icon) {\n    <div\n      class=\"wrapper-icon\"\n      [style]=\"'font-size: ' + (props.iconSize ? props.iconSize : 24) + 'px'\"\n      [siTooltip]=\"props.iconTooltip | translate\"\n    >\n      <i [class]=\"props.icon\"></i>\n    </div>\n  }\n</div>\n", styles: [".flex-1{flex:1}.wrapper-icon{display:flex;align-items:center}\n"] }]
         }] });
 
 /**
- * Copyright Siemens 2016 - 2025.
+ * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
 class SiFormlyFormFieldProviderDirective {
@@ -712,7 +708,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
         }] });
 
 /**
- * Copyright Siemens 2016 - 2025.
+ * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
 class SiFormlyWrapperComponent extends FieldWrapper {
@@ -731,10 +727,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
         }] });
 
 /**
- * Copyright Siemens 2016 - 2025.
+ * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
-const dynamicUiConfig = (translate) => {
+const dynamicUiConfig = () => {
     return {
         types: [
             { name: 'string', extends: 'input' },
@@ -803,7 +799,7 @@ const dynamicUiConfig = (translate) => {
         extensions: [
             {
                 name: 'translate',
-                extension: new SiFormlyTranslateExtension(translate)
+                extension: new SiFormlyTranslateExtension()
             }
         ]
     };
@@ -856,8 +852,7 @@ class SiFormlyModule {
             {
                 provide: FORMLY_CONFIG,
                 multi: true,
-                useFactory: dynamicUiConfig,
-                deps: [SiTranslateService]
+                useFactory: dynamicUiConfig
             }
         ], imports: [CommonModule,
             FormlyBootstrapModule,
@@ -870,7 +865,6 @@ class SiFormlyModule {
             SiFormlyDateTimeComponent,
             SiFormlyEmailComponent,
             SiFormlyHorizontalWrapperComponent,
-            SiFormlyIconWrapperComponent,
             SiFormlyObjectComponent,
             SiFormlyObjectGridComponent,
             SiFormlyObjectPlainComponent,
@@ -886,7 +880,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
             type: NgModule,
             args: [{
                     declarations: [SiFormlyComponent],
-                    exports: [SiFormlyComponent],
                     imports: [
                         CommonModule,
                         FormlyBootstrapModule,
@@ -911,19 +904,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
                         SiFormlyWrapperComponent,
                         SiFormModule
                     ],
+                    exports: [SiFormlyComponent],
                     providers: [
                         {
                             provide: FORMLY_CONFIG,
                             multi: true,
-                            useFactory: dynamicUiConfig,
-                            deps: [SiTranslateService]
+                            useFactory: dynamicUiConfig
                         }
                     ]
                 }]
         }], ctorParameters: () => [] });
 
 /**
- * Copyright Siemens 2016 - 2025.
+ * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */