@yuuvis/client-framework 2.0.0-beta.0 → 2.0.0-beta.3

package/fesm2022/yuuvis-client-framework-object-form.mjs

@@ -1,19 +1,20 @@
+import * as i0 from '@angular/core';
+import { inject, NgZone, signal, Injectable, input, Component, computed, effect, untracked, ViewEncapsulation, Input, ElementRef, ChangeDetectorRef, output, NgModule } from '@angular/core';
 import * as i1$1 from '@angular/common';
 import { CommonModule, NgComponentOutlet } from '@angular/common';
-import * as i0 from '@angular/core';
-import { inject, NgZone, signal, Injectable, input, Component, DestroyRef, computed, effect, untracked, ViewEncapsulation, Input, ElementRef, ChangeDetectorRef, output } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import * as i2 from '@angular/forms';
-import { UntypedFormGroup, FormGroup, FormControl, Validators, ReactiveFormsModule } from '@angular/forms';
+import { Validators, ReactiveFormsModule } from '@angular/forms';
 import * as i1$2 from '@yuuvis/client-core';
-import { EventService, UserService, DmsService, SystemService, SearchService, BackendService, TranslateService, NotificationService, AppCacheService, YuvEventType, ApiBase, Operator, DmsObject, Utils, Situation, ContentStreamField, Classification, KeysPipe } from '@yuuvis/client-core';
+import { EventService, UserService, DmsService, SystemService, SearchService, BackendService, TranslateService, NotificationService, AppCacheService, YuvEventType, ApiBase, Operator, DmsObject, Utils, Situation, ObjectFormControlWrapper, ObjectFormControl, ContentStreamField, Classification, KeysPipe, ObjectFormGroup } from '@yuuvis/client-core';
 import { firstValueFrom, map, forkJoin, debounceTime, of } from 'rxjs';
 import { Router } from '@angular/router';
-import * as i2$1 from '@yuuvis/components/tabs';
-import { YvcTabsModule } from '@yuuvis/components/tabs';
+import * as i2$1 from '@angular/material/tabs';
+import { MatTabsModule } from '@angular/material/tabs';
 import { MetadataFormFieldComponent } from '@yuuvis/client-framework/metadata-form';
-import * as i1 from '@yuuvis/components/icon';
-import { YvcIconModule } from '@yuuvis/components/icon';
+import { YuvIconComponent } from '@yuuvis/client-framework/icons';
+import * as i1 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
 import { HttpHeaders } from '@angular/common/http';
 import { map as map$1 } from 'rxjs/operators';
 
@@ -165,109 +166,62 @@ class FormScriptingApiService {
     #handleError(error) {
         return Promise.reject(error.message || error);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormScriptingApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormScriptingApiService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: FormScriptingApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: FormScriptingApiService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormScriptingApiService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: FormScriptingApiService, decorators: [{
             type: Injectable
         }] });
 
 /**
- * Providing an error message when a translation string for an object wasn't found
+ * Class to extend by form element extensions.
  */
-class ObjectFormTranslateService {
+// eslint-disable-next-line @angular-eslint/component-class-suffix
+class ObjectFormElementExtension {
     constructor() {
-        this.translate = inject(TranslateService);
+        this.#formScriptingApiService = inject(FormScriptingApiService);
+        this.input = input.required();
     }
-    /**
-     * Set the error label if a translation for this string wasn't provided
-     * @param error - error message about a missed translation key
-     * @param params
-     */
-    getErrorLabel(error, params) {
-        switch (error) {
-            case 'daterange':
-                return this.translate.instant('yuv.object-form-element.error.daterange.invalid', params);
-            case 'daterangeorder':
-                return this.translate.instant('yuv.object-form-element.error.daterangeorder.invalid', params);
-            case 'numberrange':
-                return this.translate.instant('yuv.object-form-element.error.numberrange.invalid', params);
-            case 'numberrangeorder':
-                return this.translate.instant('yuv.object-form-element.error.numberrangeorder.invalid', params);
-            case 'number':
-                return this.translate.instant('yuv.object-form-element.error.number', params);
-            case 'precision':
-                return this.translate.instant('yuv.object-form-element.error.number.precision', params);
-            case 'scale':
-                return this.translate.instant('yuv.object-form-element.error.number.scale', params);
-            case 'regex':
-                return this.translate.instant('yuv.object-form-element.error.string.regex.nomatch', params);
-            case 'pattern':
-                return this.translate.instant('yuv.object-form-element.error.string.regex.nomatch', params);
-            case 'classificationemail':
-                return this.translate.instant('yuv.object-form-element.error.string.classification.email', params);
-            case 'classificationphone':
-                return this.translate.instant('yuv.object-form-element.error.string.classification.phone', params);
-            case 'classificationurl':
-                return this.translate.instant('yuv.object-form-element.error.string.classification.url', params);
-            case 'onlyWhitespaces':
-                return this.translate.instant('yuv.object-form-element.error.string.whitespaces', params);
-            case 'datecontrol':
-                return this.translate.instant('yuv.object-form-element.error.date.invalid', params);
-            case 'required':
-                return this.translate.instant('yuv.object-form-element.error.required', params);
-            case 'maxlength':
-                return this.translate.instant('yuv.object-form-element.error.maxlength', params);
-            case 'minlength':
-                return this.translate.instant('yuv.object-form-element.error.minlength', params);
-            case 'minmax':
-                return this.translate.instant('yuv.object-form-element.error.minmax', params);
-            case 'minvalue':
-                return this.translate.instant('yuv.object-form-element.error.minvalue', params);
-            case 'maxvalue':
-                return this.translate.instant('yuv.object-form-element.error.maxvalue', params);
-            case 'empty':
-                return this.translate.instant('yuv.object-form-element.recent-activities.list.empty', params);
-            default:
-                return this.translate.instant(error, params);
-        }
+    #formScriptingApiService;
+    getApi() {
+        return this.#formScriptingApiService.getApi();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ObjectFormTranslateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ObjectFormTranslateService, providedIn: 'root' }); }
+    getCurrentValue() {
+        return this.getApi().form.getValue(this.input().formControlName);
+    }
+    setValue(value) {
+        // only set the value if the value is different. Otherwise the form
+        // will end up in an infinite loop
+        if (value !== this.getCurrentValue())
+            this.getApi().form.setValue(this.input().formControlName, value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: ObjectFormElementExtension, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.1", type: ObjectFormElementExtension, isStandalone: true, selector: "ng-component", inputs: { input: { classPropertyName: "input", publicName: "input", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: '', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ObjectFormTranslateService, decorators: [{
-            type: Injectable,
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: ObjectFormElementExtension, decorators: [{
+            type: Component,
             args: [{
-                    providedIn: 'root'
+                    template: '',
+                    standalone: true
                 }]
         }] });
 
-/**
- * @ignore
- * Extend angulars default FormGroup for implementation of a form group wrapping
- * a form control.
- */
-class ObjectFormControlWrapper extends UntypedFormGroup {
-}
-
-/**
- * @ignore
- * Extension of the default angular form group,
- */
-class ObjectFormGroup extends FormGroup {
-}
-/**
- * @ignore
- * Extension of the default angular form control,
- */
-class ObjectFormControl extends FormControl {
-    set _eoFormElement(v) {
-        this.__eoFormElement = v;
+class FormScriptingElementExtensionComponent extends ObjectFormElementExtension {
+    constructor() {
+        super(...arguments);
+        this.ext = input();
+        this.defaultIcon = '<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e8eaed"><path d="M160-120q-33 0-56.5-23.5T80-200v-560q0-33 23.5-56.5T160-840h560q33 0 56.5 23.5T800-760v80h80v80h-80v80h80v80h-80v80h80v80h-80v80q0 33-23.5 56.5T720-120H160Zm0-80h560v-560H160v560Zm80-80h200v-160H240v160Zm240-280h160v-120H480v120Zm-240 80h200v-200H240v200Zm240 200h160v-240H480v240ZM160-760v560-560Z"/></svg>';
     }
-    get _eoFormElement() {
-        return this.__eoFormElement;
+    run() {
+        this.ext()?.callback();
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: FormScriptingElementExtensionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: FormScriptingElementExtensionComponent, isStandalone: true, selector: "yuv-form-scripting-element-extension", inputs: { ext: { classPropertyName: "ext", publicName: "ext", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "@let x = ext();\n@if (x) {\n  @if (x.icon) {\n    <button class=\"secondary\" (click)=\"run()\" [matTooltip]=\"x.label\">\n      <yuv-icon [svg]=\"x.icon\"></yuv-icon>\n    </button>\n  } @else if (x.label) {\n    <button class=\"secondary\" (click)=\"run()\">{{ x.label }}</button>\n  } @else {\n    <button class=\"secondary\" (click)=\"run()\">\n      <yuv-icon [svg]=\"defaultIcon\"></yuv-icon>\n    </button>\n  }\n}\n", styles: [":host button{--icon-size: 18px;color:var(--ymt-text-color-subtle);padding:2px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: YuvIconComponent, selector: "yuv-icon", inputs: ["label", "svg", "svgSrc"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
 }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: FormScriptingElementExtensionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'yuv-form-scripting-element-extension', standalone: true, imports: [CommonModule, YuvIconComponent, MatTooltipModule], template: "@let x = ext();\n@if (x) {\n  @if (x.icon) {\n    <button class=\"secondary\" (click)=\"run()\" [matTooltip]=\"x.label\">\n      <yuv-icon [svg]=\"x.icon\"></yuv-icon>\n    </button>\n  } @else if (x.label) {\n    <button class=\"secondary\" (click)=\"run()\">{{ x.label }}</button>\n  } @else {\n    <button class=\"secondary\" (click)=\"run()\">\n      <yuv-icon [svg]=\"defaultIcon\"></yuv-icon>\n    </button>\n  }\n}\n", styles: [":host button{--icon-size: 18px;color:var(--ymt-text-color-subtle);padding:2px}\n"] }]
+        }] });
 
 /**
  * @ignore
@@ -484,67 +438,15 @@ class ObjectFormService {
             // }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ObjectFormService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ObjectFormService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: ObjectFormService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: ObjectFormService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ObjectFormService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: ObjectFormService, decorators: [{
             type: Injectable
         }] });
 
-/**
- * Class to extend by form element extensions.
- */
-// eslint-disable-next-line @angular-eslint/component-class-suffix
-class ObjectFormElementExtension {
-    constructor() {
-        this.#formScriptingApiService = inject(FormScriptingApiService);
-        this.input = input.required();
-    }
-    #formScriptingApiService;
-    getApi() {
-        return this.#formScriptingApiService.getApi();
-    }
-    getCurrentValue() {
-        return this.getApi().form.getValue(this.input().formControlName);
-    }
-    setValue(value) {
-        // only set the value if the value is different. Otherwise the form
-        // will end up in an infinite loop
-        if (value !== this.getCurrentValue())
-            this.getApi().form.setValue(this.input().formControlName, value);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ObjectFormElementExtension, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: ObjectFormElementExtension, isStandalone: true, selector: "ng-component", inputs: { input: { classPropertyName: "input", publicName: "input", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: '', isInline: true }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ObjectFormElementExtension, decorators: [{
-            type: Component,
-            args: [{
-                    template: '',
-                    standalone: true
-                }]
-        }] });
-
-class FormScriptingElementExtensionComponent extends ObjectFormElementExtension {
-    constructor() {
-        super(...arguments);
-        this.ext = input();
-        this.defaultIcon = '<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e8eaed"><path d="M160-120q-33 0-56.5-23.5T80-200v-560q0-33 23.5-56.5T160-840h560q33 0 56.5 23.5T800-760v80h80v80h-80v80h80v80h-80v80h80v80h-80v80q0 33-23.5 56.5T720-120H160Zm0-80h560v-560H160v560Zm80-80h200v-160H240v160Zm240-280h160v-120H480v120Zm-240 80h200v-200H240v200Zm240 200h160v-240H480v240ZM160-760v560-560Z"/></svg>';
-    }
-    run() {
-        this.ext()?.callback();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormScriptingElementExtensionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: FormScriptingElementExtensionComponent, isStandalone: true, selector: "yuv-form-scripting-element-extension", inputs: { ext: { classPropertyName: "ext", publicName: "ext", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "@let x = ext();\n@if (x) {\n  @if (x.icon) {\n    <button class=\"secondary\" (click)=\"run()\" [title]=\"x.label\">\n      <yvc-icon [svg]=\"x.icon\"></yvc-icon>\n    </button>\n  } @else if (x.label) {\n    <button class=\"secondary\" (click)=\"run()\">{{ x.label }}</button>\n  } @else {\n    <button class=\"secondary\" (click)=\"run()\">\n      <yvc-icon [svg]=\"defaultIcon\"></yvc-icon>\n    </button>\n  }\n}\n", styles: [":host button{--icon-size: 18px;color:var(--text-color-caption);padding:2px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: YvcIconModule }, { kind: "component", type: i1.Icon, selector: "yvc-icon", inputs: ["label", "svg", "svgSrc"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormScriptingElementExtensionComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'yuv-form-scripting-element-extension', standalone: true, imports: [CommonModule, YvcIconModule], template: "@let x = ext();\n@if (x) {\n  @if (x.icon) {\n    <button class=\"secondary\" (click)=\"run()\" [title]=\"x.label\">\n      <yvc-icon [svg]=\"x.icon\"></yvc-icon>\n    </button>\n  } @else if (x.label) {\n    <button class=\"secondary\" (click)=\"run()\">{{ x.label }}</button>\n  } @else {\n    <button class=\"secondary\" (click)=\"run()\">\n      <yvc-icon [svg]=\"defaultIcon\"></yvc-icon>\n    </button>\n  }\n}\n", styles: [":host button{--icon-size: 18px;color:var(--text-color-caption);padding:2px}\n"] }]
-        }] });
-
 class ObjectFormElementComponent {
     constructor() {
-        this.#destroyRef = inject(DestroyRef);
-        this.#formTranslateService = inject(ObjectFormTranslateService);
         this.#objectFormService = inject(ObjectFormService);
         this.#scriptingApi = inject(FormScriptingApiService);
         this.createForm = signal(false);
@@ -558,12 +460,10 @@ class ObjectFormElementComponent {
             const element = this.element();
             untracked(() => {
                 this.createForm.set(true);
-                element && this.#setElement(this.element());
+                element && this.#setElement(element);
             });
         });
     }
-    #destroyRef;
-    #formTranslateService;
     #objectFormService;
     #scriptingApi;
     #scriptingExtensions;
@@ -579,7 +479,6 @@ class ObjectFormElementComponent {
             this.formControlName = el._eoFormControlWrapper.controlName;
             this.formElementRef = el.controls[this.formControlName];
             this.formElementRef._eoFormElement = this.#setGrouping(this.formElementRef?._eoFormElement);
-            this.formElementRef?.valueChanges.pipe(takeUntilDestroyed(this.#destroyRef)).subscribe(() => this.#setupErrors());
             this.extensionComponents = this.#objectFormService.getElementExtensions(this.formControlName);
             this.createForm.set(false);
         }
@@ -594,25 +493,12 @@ class ObjectFormElementComponent {
     onDataMetaChange(data) {
         this.formElementRef._eoFormElement.dataMeta = data;
     }
-    #setupErrors() {
-        this.errors = undefined;
-        if ((this.situation() !== Situation.SEARCH && this.situation() !== Situation.CREATE && this.formElementRef.errors) ||
-            ((this.situation() === Situation.SEARCH || this.situation() === Situation.CREATE) &&
-                this.formElementRef.errors &&
-                (this.formElementRef.dirty || this.formElementRef.touched))) {
-            this.errors = Object.keys(this.formElementRef.errors).map((key) => {
-                return key === 'eoformScript'
-                    ? this.formElementRef._eoFormElement.error.msg
-                    : this.#formTranslateService.getErrorLabel(key, this.formElementRef.errors[key].params);
-            });
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ObjectFormElementComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ObjectFormElementComponent, isStandalone: true, selector: "yuv-object-form-element", inputs: { situation: { classPropertyName: "situation", publicName: "situation", isSignal: true, isRequired: false, transformFunction: null }, element: { classPropertyName: "element", publicName: "element", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "yuv-object-form-element" }, ngImport: i0, template: "@let el = element();\n\n@if (!createForm()) {\n  @if (el && formElementRef) {\n    <div class=\"form-element input\" [formGroup]=\"el\">\n      <yuv-metadata-form-field\n        [field]=\"formElementRef._eoFormElement\"\n        [formControlName]=\"el._eoFormControlWrapper!.controlName\"\n        [situation]=\"situation()\"\n      ></yuv-metadata-form-field>\n\n      <div class=\"ext\">\n        @for (cmp of extensionComponents; track $index) {\n          <ng-container *ngComponentOutlet=\"cmp; inputs: { input: extensionComponentInput }\"></ng-container>\n        }\n        @for (scmp of scriptingExtensions(); track $index) {\n          <ng-container *ngComponentOutlet=\"scriptExtensionCmp; inputs: { ext: scmp }\"></ng-container>\n        }\n      </div>\n    </div>\n  }\n}\n", styles: [":host{flex:1 1 auto}.yuv-object-form-element .form-element{box-sizing:border-box;display:flex;flex-flow:row nowrap}.yuv-object-form-element .form-element .ext{display:flex;flex-flow:row nowrap;gap:2px;align-items:center}.yuv-object-form-element .form-element yuv-metadata-form-field{width:100%}.yuv-object-form-element .form-element .form-field{padding:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2)}.yuv-object-form-element .form-element .form-field .description{border:0;font-size:var(--font-hint);color:var(--text-color-caption);font-style:italic;padding:calc(var(--app-pane-padding) / 8) calc(var(--app-pane-padding) / 8) 0 calc(var(--app-pane-padding) / 8)}.yuv-object-form-element .form-element .form-field .err-msg{font-size:var(--font-hint);color:var(--color-error);padding:calc(var(--app-pane-padding) / 4) 0;border:0}.yuv-object-form-element .form-element .form-field .table{flex-flow:column;align-items:flex-start;border:1px solid var(--panel-divider-color)}.yuv-object-form-element .form-element .form-field .table .label{padding-bottom:calc(var(--app-pane-padding) / 4)}.yuv-object-form-element .form-element .form-field .table.invalid{border:1px solid var(--color-error)}.yuv-object-form-element .form-element .form-field.inlineError .err-msg{display:none}.yuv-object-form-element .form-element.ng-dirty:not(.ng-invalid)>.form-field:not(.focused)::ng-deep .fe-wrapper>label{background-color:var(--color-dirty-background);color:var(--color-dirty-font)!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "component", type: MetadataFormFieldComponent, selector: "yuv-metadata-form-field", inputs: ["field", "situation"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: ObjectFormElementComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: ObjectFormElementComponent, isStandalone: true, selector: "yuv-object-form-element", inputs: { situation: { classPropertyName: "situation", publicName: "situation", isSignal: true, isRequired: false, transformFunction: null }, element: { classPropertyName: "element", publicName: "element", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "yuv-object-form-element" }, ngImport: i0, template: "@let el = element();\n\n@if (!createForm()) {\n  @if (el && formElementRef) {\n    <div class=\"form-element input\" [formGroup]=\"el\">\n      <yuv-metadata-form-field\n        [field]=\"formElementRef._eoFormElement\"\n        [formControlName]=\"el._eoFormControlWrapper!.controlName\"\n        [situation]=\"situation()\"\n      ></yuv-metadata-form-field>\n\n      <div class=\"ext\">\n        @for (cmp of extensionComponents; track $index) {\n          <ng-container *ngComponentOutlet=\"cmp; inputs: { input: extensionComponentInput }\"></ng-container>\n        }\n        @for (scmp of scriptingExtensions(); track $index) {\n          <ng-container *ngComponentOutlet=\"scriptExtensionCmp; inputs: { ext: scmp }\"></ng-container>\n        }\n      </div>\n    </div>\n  }\n}\n", styles: [":host{flex:1 1 auto}.yuv-object-form-element .form-element{box-sizing:border-box;display:flex;flex:1;flex-flow:row nowrap}.yuv-object-form-element .form-element .ext{display:flex;flex-flow:row nowrap;gap:2px;align-items:center}.yuv-object-form-element .form-element yuv-metadata-form-field{width:100%}.yuv-object-form-element .form-element .form-field{padding:var(--ymt-spacing-2xs) var(--ymt-spacing-xs)}.yuv-object-form-element .form-element .form-field .description{border:0;font:var(--ymt-font-body-subtle);color:var(--ymt-text-color-subtle);font-style:italic;padding:var(--ymt-spacing-3xs) var(--ymt-spacing-3xs) 0 var(--ymt-spacing-3xs)}.yuv-object-form-element .form-element .form-field .err-msg{font:var(--ymt-font-body-subtle);color:var(--ymt-danger);padding:var(--ymt-spacing-2xs) 0;border:0}.yuv-object-form-element .form-element .form-field .table{flex-flow:column;align-items:flex-start;border:1px solid var(--ymt-outline-variant)}.yuv-object-form-element .form-element .form-field .table .label{padding-bottom:var(--ymt-spacing-2xs)}.yuv-object-form-element .form-element .form-field .table.invalid{border:1px solid var(--ymt-danger)}.yuv-object-form-element .form-element .form-field.inlineError .err-msg{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "component", type: MetadataFormFieldComponent, selector: "yuv-metadata-form-field", inputs: ["field", "situation"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ObjectFormElementComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: ObjectFormElementComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'yuv-object-form-element', standalone: true, imports: [CommonModule, MetadataFormFieldComponent, NgComponentOutlet, ReactiveFormsModule], encapsulation: ViewEncapsulation.None, host: { class: 'yuv-object-form-element' }, template: "@let el = element();\n\n@if (!createForm()) {\n  @if (el && formElementRef) {\n    <div class=\"form-element input\" [formGroup]=\"el\">\n      <yuv-metadata-form-field\n        [field]=\"formElementRef._eoFormElement\"\n        [formControlName]=\"el._eoFormControlWrapper!.controlName\"\n        [situation]=\"situation()\"\n      ></yuv-metadata-form-field>\n\n      <div class=\"ext\">\n        @for (cmp of extensionComponents; track $index) {\n          <ng-container *ngComponentOutlet=\"cmp; inputs: { input: extensionComponentInput }\"></ng-container>\n        }\n        @for (scmp of scriptingExtensions(); track $index) {\n          <ng-container *ngComponentOutlet=\"scriptExtensionCmp; inputs: { ext: scmp }\"></ng-container>\n        }\n      </div>\n    </div>\n  }\n}\n", styles: [":host{flex:1 1 auto}.yuv-object-form-element .form-element{box-sizing:border-box;display:flex;flex-flow:row nowrap}.yuv-object-form-element .form-element .ext{display:flex;flex-flow:row nowrap;gap:2px;align-items:center}.yuv-object-form-element .form-element yuv-metadata-form-field{width:100%}.yuv-object-form-element .form-element .form-field{padding:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2)}.yuv-object-form-element .form-element .form-field .description{border:0;font-size:var(--font-hint);color:var(--text-color-caption);font-style:italic;padding:calc(var(--app-pane-padding) / 8) calc(var(--app-pane-padding) / 8) 0 calc(var(--app-pane-padding) / 8)}.yuv-object-form-element .form-element .form-field .err-msg{font-size:var(--font-hint);color:var(--color-error);padding:calc(var(--app-pane-padding) / 4) 0;border:0}.yuv-object-form-element .form-element .form-field .table{flex-flow:column;align-items:flex-start;border:1px solid var(--panel-divider-color)}.yuv-object-form-element .form-element .form-field .table .label{padding-bottom:calc(var(--app-pane-padding) / 4)}.yuv-object-form-element .form-element .form-field .table.invalid{border:1px solid var(--color-error)}.yuv-object-form-element .form-element .form-field.inlineError .err-msg{display:none}.yuv-object-form-element .form-element.ng-dirty:not(.ng-invalid)>.form-field:not(.focused)::ng-deep .fe-wrapper>label{background-color:var(--color-dirty-background);color:var(--color-dirty-font)!important}\n"] }]
+            args: [{ selector: 'yuv-object-form-element', standalone: true, imports: [CommonModule, MetadataFormFieldComponent, NgComponentOutlet, ReactiveFormsModule], encapsulation: ViewEncapsulation.None, host: { class: 'yuv-object-form-element' }, template: "@let el = element();\n\n@if (!createForm()) {\n  @if (el && formElementRef) {\n    <div class=\"form-element input\" [formGroup]=\"el\">\n      <yuv-metadata-form-field\n        [field]=\"formElementRef._eoFormElement\"\n        [formControlName]=\"el._eoFormControlWrapper!.controlName\"\n        [situation]=\"situation()\"\n      ></yuv-metadata-form-field>\n\n      <div class=\"ext\">\n        @for (cmp of extensionComponents; track $index) {\n          <ng-container *ngComponentOutlet=\"cmp; inputs: { input: extensionComponentInput }\"></ng-container>\n        }\n        @for (scmp of scriptingExtensions(); track $index) {\n          <ng-container *ngComponentOutlet=\"scriptExtensionCmp; inputs: { ext: scmp }\"></ng-container>\n        }\n      </div>\n    </div>\n  }\n}\n", styles: [":host{flex:1 1 auto}.yuv-object-form-element .form-element{box-sizing:border-box;display:flex;flex:1;flex-flow:row nowrap}.yuv-object-form-element .form-element .ext{display:flex;flex-flow:row nowrap;gap:2px;align-items:center}.yuv-object-form-element .form-element yuv-metadata-form-field{width:100%}.yuv-object-form-element .form-element .form-field{padding:var(--ymt-spacing-2xs) var(--ymt-spacing-xs)}.yuv-object-form-element .form-element .form-field .description{border:0;font:var(--ymt-font-body-subtle);color:var(--ymt-text-color-subtle);font-style:italic;padding:var(--ymt-spacing-3xs) var(--ymt-spacing-3xs) 0 var(--ymt-spacing-3xs)}.yuv-object-form-element .form-element .form-field .err-msg{font:var(--ymt-font-body-subtle);color:var(--ymt-danger);padding:var(--ymt-spacing-2xs) 0;border:0}.yuv-object-form-element .form-element .form-field .table{flex-flow:column;align-items:flex-start;border:1px solid var(--ymt-outline-variant)}.yuv-object-form-element .form-element .form-field .table .label{padding-bottom:var(--ymt-spacing-2xs)}.yuv-object-form-element .form-element .form-field .table.invalid{border:1px solid var(--ymt-danger)}.yuv-object-form-element .form-element .form-field.inlineError .err-msg{display:none}\n"] }]
         }] });
 
 class ObjectFormGroupComponent {
@@ -680,12 +566,12 @@ class ObjectFormGroupComponent {
         const parentFormElement = group.parent && group.parent['_eoFormGroup'];
         return parentFormElement && parentFormElement.type === 'o2mGroupStack';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ObjectFormGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ObjectFormGroupComponent, isStandalone: true, selector: "yuv-object-form-group", inputs: { situation: { classPropertyName: "situation", publicName: "situation", isSignal: false, isRequired: false, transformFunction: null }, group: { classPropertyName: "group", publicName: "group", isSignal: true, isRequired: false, transformFunction: null }, noGroupLabels: { classPropertyName: "noGroupLabels", publicName: "noGroupLabels", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@let grp = group();\n@if (grp) {\n  <div\n    class=\"form-element {{ grp._eoFormGroup ? grp._eoFormGroup.type : 'o2mControlWrap' }} align-{{\n      grp._eoFormGroup && grp._eoFormGroup.layout ? grp._eoFormGroup.layout.align : ''\n    }}\"\n    [formGroup]=\"grp\"\n  >\n    @switch (groupType) {\n      <!-- group stacks (tabs) -->\n      @case ('stack') {\n        <yvc-tabs>\n          @for (key of grp.controls | keys; track key) {\n            <ng-template\n              [yvcTab]=\"{\n                id: key,\n                headerStyleClass: getHeaderStyleClass(grp.controls[key]),\n                label: getObjectFormGroup(grp.controls[key])?.label || ''\n              }\"\n            >\n              <div class=\"stack\" [ngClass]=\"{ stackBase: grp._eoFormGroup?.label === 'data' }\">\n                @if (getObjectFormControlWrapper(grp.controls[key])) {\n                  <yuv-object-form-element [element]=\"getElement(grp.controls[key])\" [situation]=\"situation\"></yuv-object-form-element>\n                } @else {\n                  <yuv-object-form-group [group]=\"getChildControl(grp.controls[key])\" [noGroupLabels]=\"true\" [situation]=\"situation\"></yuv-object-form-group>\n                }\n              </div>\n            </ng-template>\n          }\n        </yvc-tabs>\n      }\n\n      <!-- group with legend -->\n      @case ('fieldset') {\n        <div class=\"om-group fieldset\">\n          <div class=\"legend\">\n            <span>{{ grp._eoFormGroup?.label }}</span>\n          </div>\n\n          <div>\n            @for (key of grp.controls | keys; track key) {\n              @if (getObjectFormControlWrapper(grp.controls[key])) {\n                <yuv-object-form-element [element]=\"getElement(grp.controls[key])\" [situation]=\"situation\"></yuv-object-form-element>\n              } @else {\n                <yuv-object-form-group [group]=\"getChildControl(grp.controls[key])\" [noGroupLabels]=\"true\" [situation]=\"situation\"></yuv-object-form-group>\n              }\n            }\n          </div>\n        </div>\n      }\n      <!-- group -->\n      @case ('group') {\n        @for (key of grp.controls | keys; track key) {\n          @if (getObjectFormControlWrapper(grp.controls[key])) {\n            <yuv-object-form-element [element]=\"getElement(grp.controls[key])\" [situation]=\"situation\"></yuv-object-form-element>\n          } @else {\n            <yuv-object-form-group [group]=\"getChildControl(grp.controls[key])\" [noGroupLabels]=\"true\" [situation]=\"situation\"></yuv-object-form-group>\n          }\n        }\n      }\n    }\n  </div>\n}\n", styles: [".form-element{box-sizing:border-box}.form-element .fieldset{margin:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2);padding:calc(var(--app-pane-padding) / 4);background:#00000006;border:1px solid rgba(0,0,0,.1)}.dark .form-element .fieldset{background:#ffffff06;border-color:#ffffff1a}.contrast .form-element .fieldset{background-color:transparent;border-color:var(--panel-divider-color)}.form-element .fieldset .legend{margin-bottom:calc(var(--app-pane-padding) / 2)}.form-element .fieldset .legend>span{display:inline-block;font-size:var(--font-hint);border-radius:2px;color:#fff;background-color:#00000038;padding:calc(var(--app-pane-padding) / 8) calc(var(--app-pane-padding) / 4)}.dark .form-element .fieldset .legend>span{background-color:#ffffff38}.contrast .form-element .fieldset .legend>span{background-color:var(--panel-divider-color);color:var(--panel-background)}.form-element.o2mGroupStack{background:#00000005;border:1px solid rgba(0,0,0,.1)}.dark .form-element.o2mGroupStack{background:#ffffff05;border:1px solid rgba(255,255,255,.1)}.contrast .form-element.o2mGroupStack{background-color:transparent;border-color:var(--panel-divider-color)}.form-element.o2mGroupStack .p-tabview.p-component .p-tabview-panels{background:#fff;overflow:initial}.dark .form-element.o2mGroupStack .p-tabview.p-component .p-tabview-panels{background:#ffffff0a}.form-element.o2mGroupStack .p-tabview.p-component>.p-tabview-nav li.p-highlight{border-color:#00000042}.dark .form-element.o2mGroupStack .p-tabview.p-component>.p-tabview-nav li.p-highlight{border-color:#ffffff42}.form-element.o2mGroupStack .p-tabview.p-component>.p-tabview-nav>li:not(.p-highlight):not(.p-disabled):hover{border-color:#00000029}.dark .form-element.o2mGroupStack .p-tabview.p-component>.p-tabview-nav>li:not(.p-highlight):not(.p-disabled):hover{border-color:#ffffff29}.form-element.o2mGroupStack .p-tabview.p-component>.p-tabview-nav-container>.p-tabview-nav-content>.p-tabview-nav li.dirty-true:not(.invalid-true) a .p-tabview-title{background-color:var(--color-dirty-background);color:var(--color-dirty-font)}.form-element.o2mGroupStack .p-tabview.p-component>.p-tabview-nav-container>.p-tabview-nav-content>.p-tabview-nav li.invalid-true a .p-tabview-title{background-color:var(--color-error);color:#fff}.form-element.o2mGroupStack .p-tabview.p-component>.p-tabview-nav-container>.p-tabview-nav-content>.p-tabview-nav li.invalid-true a .p-tabview-title:after{content:\"!\";margin-left:calc(var(--app-pane-padding) / 2)}.form-element.align-column{display:flex;flex-flow:column nowrap;justify-content:flex-start;align-content:stretch;align-items:stretch}.form-element.align-column>*{flex:1 1 auto}.form-element.align-row{display:flex;flex-flow:row wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.form-element.align-row>*{flex:1 0 200px;max-width:100%}.form-element.align-row>.fieldset>:not(.legend){display:flex;flex-flow:row wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.form-element .stackBase{padding:var(--app-pane-padding);background:var(--panel-background-lightgrey)}.form-element .stackBase>yuv-form-group>.form-element>.fieldset{margin:0;padding:0;border:0;background-color:transparent}.form-element .stackBase>yuv-form-group>.form-element>.fieldset>.legend{display:none}\n"], dependencies: [{ kind: "component", type: ObjectFormGroupComponent, selector: "yuv-object-form-group", inputs: ["situation", "group", "noGroupLabels"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: YvcTabsModule }, { kind: "component", type: i2$1.Tabs, selector: "yvc-tabs", inputs: ["tabs", "layoutSettingsID", "panelOrder", "panelOrderIncludeUnmentioned", "cacheViews", "tabSplitEnabled", "tabRemoveEnabled"], outputs: ["tabSplit", "tabRemove", "tabChange"] }, { kind: "directive", type: i2$1.YvcTabDirective, selector: "[yvcTab]", inputs: ["yvcTab"] }, { kind: "pipe", type: KeysPipe, name: "keys" }, { kind: "component", type: ObjectFormElementComponent, selector: "yuv-object-form-element", inputs: ["situation", "element"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: ObjectFormGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: ObjectFormGroupComponent, isStandalone: true, selector: "yuv-object-form-group", inputs: { situation: { classPropertyName: "situation", publicName: "situation", isSignal: false, isRequired: false, transformFunction: null }, group: { classPropertyName: "group", publicName: "group", isSignal: true, isRequired: false, transformFunction: null }, noGroupLabels: { classPropertyName: "noGroupLabels", publicName: "noGroupLabels", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@let grp = group();\n@if (grp) {\n  <div\n    class=\"form-element {{ grp._eoFormGroup ? grp._eoFormGroup.type : 'o2mControlWrap' }} align-{{\n      grp._eoFormGroup && grp._eoFormGroup.layout ? grp._eoFormGroup.layout.align : ''\n    }}\"\n    [formGroup]=\"grp\"\n  >\n    @switch (groupType) {\n      <!-- group stacks (tabs) -->\n      @case ('stack') {\n        <mat-tab-group>\n          @for (key of grp.controls | keys; track key) {\n            <mat-tab [label]=\"getObjectFormGroup(grp.controls[key])?.label || ''\">\n              <ng-template matTabContent>\n                <div class=\"stack\" [ngClass]=\"{ stackBase: grp._eoFormGroup?.label === 'data' }\">\n                  @if (getObjectFormControlWrapper(grp.controls[key])) {\n                    <yuv-object-form-element [element]=\"getElement(grp.controls[key])\" [situation]=\"situation\"></yuv-object-form-element>\n                  } @else {\n                    <yuv-object-form-group [group]=\"getChildControl(grp.controls[key])\" [noGroupLabels]=\"true\" [situation]=\"situation\"></yuv-object-form-group>\n                  }\n                </div>\n              </ng-template>\n            </mat-tab>\n          }\n        </mat-tab-group>\n      }\n\n      <!-- group with legend -->\n      @case ('fieldset') {\n        <div class=\"om-group fieldset\">\n          <div class=\"legend\">\n            <span>{{ grp._eoFormGroup?.label }}</span>\n          </div>\n\n          <div>\n            @for (key of grp.controls | keys; track key) {\n              @if (getObjectFormControlWrapper(grp.controls[key])) {\n                <yuv-object-form-element [element]=\"getElement(grp.controls[key])\" [situation]=\"situation\"></yuv-object-form-element>\n              } @else {\n                <yuv-object-form-group [group]=\"getChildControl(grp.controls[key])\" [noGroupLabels]=\"true\" [situation]=\"situation\"></yuv-object-form-group>\n              }\n            }\n          </div>\n        </div>\n      }\n      <!-- group -->\n      @case ('group') {\n        @for (key of grp.controls | keys; track key) {\n          @if (getObjectFormControlWrapper(grp.controls[key])) {\n            <yuv-object-form-element [element]=\"getElement(grp.controls[key])\" [situation]=\"situation\"></yuv-object-form-element>\n          } @else {\n            <yuv-object-form-group [group]=\"getChildControl(grp.controls[key])\" [noGroupLabels]=\"true\" [situation]=\"situation\"></yuv-object-form-group>\n          }\n        }\n      }\n    }\n  </div>\n}\n", styles: [".form-element{box-sizing:border-box}.form-element .fieldset{margin:var(--ymt-spacing-2xs) var(--ymt-spacing-xs);padding:var(--ymt-spacing-2xs);background:#00000006;border:1px solid rgba(0,0,0,.1)}.dark .form-element .fieldset{background:#ffffff06;border-color:#ffffff1a}.contrast .form-element .fieldset{background-color:transparent;border-color:var(--ymt-outline-variant)}.form-element .fieldset .legend{margin-bottom:var(--ymt-spacing-xs)}.form-element .fieldset .legend>span{display:inline-block;font:var(--ymt-font-body-subtle);border-radius:2px;color:#fff;background-color:#00000038;padding:var(--ymt-spacing-3xs) var(--ymt-spacing-2xs)}.dark .form-element .fieldset .legend>span{background-color:#ffffff38}.contrast .form-element .fieldset .legend>span{background-color:var(--ymt-outline-variant);color:var(--ymt-surface-panel)}.form-element.o2mGroupStack{background:#00000005;border:1px solid rgba(0,0,0,.1)}.dark .form-element.o2mGroupStack{background:#ffffff05;border:1px solid rgba(255,255,255,.1)}.contrast .form-element.o2mGroupStack{background-color:transparent;border-color:var(--ymt-outline-variant)}.form-element.o2mGroupStack .p-tabview.p-component .p-tabview-panels{background:#fff;overflow:initial}.dark .form-element.o2mGroupStack .p-tabview.p-component .p-tabview-panels{background:#ffffff0a}.form-element.o2mGroupStack .p-tabview.p-component>.p-tabview-nav li.p-highlight{border-color:#00000042}.dark .form-element.o2mGroupStack .p-tabview.p-component>.p-tabview-nav li.p-highlight{border-color:#ffffff42}.form-element.o2mGroupStack .p-tabview.p-component>.p-tabview-nav>li:not(.p-highlight):not(.p-disabled):hover{border-color:#00000029}.dark .form-element.o2mGroupStack .p-tabview.p-component>.p-tabview-nav>li:not(.p-highlight):not(.p-disabled):hover{border-color:#ffffff29}.form-element.o2mGroupStack .p-tabview.p-component>.p-tabview-nav-container>.p-tabview-nav-content>.p-tabview-nav li.invalid-true a .p-tabview-title{background-color:var(--ymt-danger-container);color:var(--ymt-on-danger-container)}.form-element.o2mGroupStack .p-tabview.p-component>.p-tabview-nav-container>.p-tabview-nav-content>.p-tabview-nav li.invalid-true a .p-tabview-title:after{content:\"!\";margin-left:var(--ymt-spacing-xs)}.form-element.align-column{display:flex;flex-flow:column nowrap;justify-content:flex-start;align-content:stretch;align-items:stretch}.form-element.align-column>*{flex:1 1 auto}.form-element.align-row{display:flex;flex-flow:row wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.form-element.align-row>*{flex:1 0 200px;max-width:100%}.form-element.align-row>.fieldset>:not(.legend){display:flex;flex-flow:row wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.form-element .stackBase{padding:var(--ymt-spacing-m);background:var(--ymt-surface-panel)}.form-element .stackBase>yuv-form-group>.form-element>.fieldset{margin:0;padding:0;border:0;background-color:transparent}.form-element .stackBase>yuv-form-group>.form-element>.fieldset>.legend{display:none}\n"], dependencies: [{ kind: "component", type: ObjectFormGroupComponent, selector: "yuv-object-form-group", inputs: ["situation", "group", "noGroupLabels"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "directive", type: i2$1.MatTabContent, selector: "[matTabContent]" }, { kind: "component", type: i2$1.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i2$1.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "pipe", type: KeysPipe, name: "keys" }, { kind: "component", type: ObjectFormElementComponent, selector: "yuv-object-form-element", inputs: ["situation", "element"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ObjectFormGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: ObjectFormGroupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'yuv-object-form-group', standalone: true, imports: [CommonModule, YvcTabsModule, KeysPipe, ObjectFormElementComponent, ReactiveFormsModule], encapsulation: ViewEncapsulation.None, template: "@let grp = group();\n@if (grp) {\n  <div\n    class=\"form-element {{ grp._eoFormGroup ? grp._eoFormGroup.type : 'o2mControlWrap' }} align-{{\n      grp._eoFormGroup && grp._eoFormGroup.layout ? grp._eoFormGroup.layout.align : ''\n    }}\"\n    [formGroup]=\"grp\"\n  >\n    @switch (groupType) {\n      <!-- group stacks (tabs) -->\n      @case ('stack') {\n        <yvc-tabs>\n          @for (key of grp.controls | keys; track key) {\n            <ng-template\n              [yvcTab]=\"{\n                id: key,\n                headerStyleClass: getHeaderStyleClass(grp.controls[key]),\n                label: getObjectFormGroup(grp.controls[key])?.label || ''\n              }\"\n            >\n              <div class=\"stack\" [ngClass]=\"{ stackBase: grp._eoFormGroup?.label === 'data' }\">\n                @if (getObjectFormControlWrapper(grp.controls[key])) {\n                  <yuv-object-form-element [element]=\"getElement(grp.controls[key])\" [situation]=\"situation\"></yuv-object-form-element>\n                } @else {\n                  <yuv-object-form-group [group]=\"getChildControl(grp.controls[key])\" [noGroupLabels]=\"true\" [situation]=\"situation\"></yuv-object-form-group>\n                }\n              </div>\n            </ng-template>\n          }\n        </yvc-tabs>\n      }\n\n      <!-- group with legend -->\n      @case ('fieldset') {\n        <div class=\"om-group fieldset\">\n          <div class=\"legend\">\n            <span>{{ grp._eoFormGroup?.label }}</span>\n          </div>\n\n          <div>\n            @for (key of grp.controls | keys; track key) {\n              @if (getObjectFormControlWrapper(grp.controls[key])) {\n                <yuv-object-form-element [element]=\"getElement(grp.controls[key])\" [situation]=\"situation\"></yuv-object-form-element>\n              } @else {\n                <yuv-object-form-group [group]=\"getChildControl(grp.controls[key])\" [noGroupLabels]=\"true\" [situation]=\"situation\"></yuv-object-form-group>\n              }\n            }\n          </div>\n        </div>\n      }\n      <!-- group -->\n      @case ('group') {\n        @for (key of grp.controls | keys; track key) {\n          @if (getObjectFormControlWrapper(grp.controls[key])) {\n            <yuv-object-form-element [element]=\"getElement(grp.controls[key])\" [situation]=\"situation\"></yuv-object-form-element>\n          } @else {\n            <yuv-object-form-group [group]=\"getChildControl(grp.controls[key])\" [noGroupLabels]=\"true\" [situation]=\"situation\"></yuv-object-form-group>\n          }\n        }\n      }\n    }\n  </div>\n}\n", styles: [".form-element{box-sizing:border-box}.form-element .fieldset{margin:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2);padding:calc(var(--app-pane-padding) / 4);background:#00000006;border:1px solid rgba(0,0,0,.1)}.dark .form-element .fieldset{background:#ffffff06;border-color:#ffffff1a}.contrast .form-element .fieldset{background-color:transparent;border-color:var(--panel-divider-color)}.form-element .fieldset .legend{margin-bottom:calc(var(--app-pane-padding) / 2)}.form-element .fieldset .legend>span{display:inline-block;font-size:var(--font-hint);border-radius:2px;color:#fff;background-color:#00000038;padding:calc(var(--app-pane-padding) / 8) calc(var(--app-pane-padding) / 4)}.dark .form-element .fieldset .legend>span{background-color:#ffffff38}.contrast .form-element .fieldset .legend>span{background-color:var(--panel-divider-color);color:var(--panel-background)}.form-element.o2mGroupStack{background:#00000005;border:1px solid rgba(0,0,0,.1)}.dark .form-element.o2mGroupStack{background:#ffffff05;border:1px solid rgba(255,255,255,.1)}.contrast .form-element.o2mGroupStack{background-color:transparent;border-color:var(--panel-divider-color)}.form-element.o2mGroupStack .p-tabview.p-component .p-tabview-panels{background:#fff;overflow:initial}.dark .form-element.o2mGroupStack .p-tabview.p-component .p-tabview-panels{background:#ffffff0a}.form-element.o2mGroupStack .p-tabview.p-component>.p-tabview-nav li.p-highlight{border-color:#00000042}.dark .form-element.o2mGroupStack .p-tabview.p-component>.p-tabview-nav li.p-highlight{border-color:#ffffff42}.form-element.o2mGroupStack .p-tabview.p-component>.p-tabview-nav>li:not(.p-highlight):not(.p-disabled):hover{border-color:#00000029}.dark .form-element.o2mGroupStack .p-tabview.p-component>.p-tabview-nav>li:not(.p-highlight):not(.p-disabled):hover{border-color:#ffffff29}.form-element.o2mGroupStack .p-tabview.p-component>.p-tabview-nav-container>.p-tabview-nav-content>.p-tabview-nav li.dirty-true:not(.invalid-true) a .p-tabview-title{background-color:var(--color-dirty-background);color:var(--color-dirty-font)}.form-element.o2mGroupStack .p-tabview.p-component>.p-tabview-nav-container>.p-tabview-nav-content>.p-tabview-nav li.invalid-true a .p-tabview-title{background-color:var(--color-error);color:#fff}.form-element.o2mGroupStack .p-tabview.p-component>.p-tabview-nav-container>.p-tabview-nav-content>.p-tabview-nav li.invalid-true a .p-tabview-title:after{content:\"!\";margin-left:calc(var(--app-pane-padding) / 2)}.form-element.align-column{display:flex;flex-flow:column nowrap;justify-content:flex-start;align-content:stretch;align-items:stretch}.form-element.align-column>*{flex:1 1 auto}.form-element.align-row{display:flex;flex-flow:row wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.form-element.align-row>*{flex:1 0 200px;max-width:100%}.form-element.align-row>.fieldset>:not(.legend){display:flex;flex-flow:row wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.form-element .stackBase{padding:var(--app-pane-padding);background:var(--panel-background-lightgrey)}.form-element .stackBase>yuv-form-group>.form-element>.fieldset{margin:0;padding:0;border:0;background-color:transparent}.form-element .stackBase>yuv-form-group>.form-element>.fieldset>.legend{display:none}\n"] }]
+            args: [{ selector: 'yuv-object-form-group', standalone: true, imports: [CommonModule, MatTabsModule, KeysPipe, ObjectFormElementComponent, ReactiveFormsModule], encapsulation: ViewEncapsulation.None, template: "@let grp = group();\n@if (grp) {\n  <div\n    class=\"form-element {{ grp._eoFormGroup ? grp._eoFormGroup.type : 'o2mControlWrap' }} align-{{\n      grp._eoFormGroup && grp._eoFormGroup.layout ? grp._eoFormGroup.layout.align : ''\n    }}\"\n    [formGroup]=\"grp\"\n  >\n    @switch (groupType) {\n      <!-- group stacks (tabs) -->\n      @case ('stack') {\n        <mat-tab-group>\n          @for (key of grp.controls | keys; track key) {\n            <mat-tab [label]=\"getObjectFormGroup(grp.controls[key])?.label || ''\">\n              <ng-template matTabContent>\n                <div class=\"stack\" [ngClass]=\"{ stackBase: grp._eoFormGroup?.label === 'data' }\">\n                  @if (getObjectFormControlWrapper(grp.controls[key])) {\n                    <yuv-object-form-element [element]=\"getElement(grp.controls[key])\" [situation]=\"situation\"></yuv-object-form-element>\n                  } @else {\n                    <yuv-object-form-group [group]=\"getChildControl(grp.controls[key])\" [noGroupLabels]=\"true\" [situation]=\"situation\"></yuv-object-form-group>\n                  }\n                </div>\n              </ng-template>\n            </mat-tab>\n          }\n        </mat-tab-group>\n      }\n\n      <!-- group with legend -->\n      @case ('fieldset') {\n        <div class=\"om-group fieldset\">\n          <div class=\"legend\">\n            <span>{{ grp._eoFormGroup?.label }}</span>\n          </div>\n\n          <div>\n            @for (key of grp.controls | keys; track key) {\n              @if (getObjectFormControlWrapper(grp.controls[key])) {\n                <yuv-object-form-element [element]=\"getElement(grp.controls[key])\" [situation]=\"situation\"></yuv-object-form-element>\n              } @else {\n                <yuv-object-form-group [group]=\"getChildControl(grp.controls[key])\" [noGroupLabels]=\"true\" [situation]=\"situation\"></yuv-object-form-group>\n              }\n            }\n          </div>\n        </div>\n      }\n      <!-- group -->\n      @case ('group') {\n        @for (key of grp.controls | keys; track key) {\n          @if (getObjectFormControlWrapper(grp.controls[key])) {\n            <yuv-object-form-element [element]=\"getElement(grp.controls[key])\" [situation]=\"situation\"></yuv-object-form-element>\n          } @else {\n            <yuv-object-form-group [group]=\"getChildControl(grp.controls[key])\" [noGroupLabels]=\"true\" [situation]=\"situation\"></yuv-object-form-group>\n          }\n        }\n      }\n    }\n  </div>\n}\n", styles: [".form-element{box-sizing:border-box}.form-element .fieldset{margin:var(--ymt-spacing-2xs) var(--ymt-spacing-xs);padding:var(--ymt-spacing-2xs);background:#00000006;border:1px solid rgba(0,0,0,.1)}.dark .form-element .fieldset{background:#ffffff06;border-color:#ffffff1a}.contrast .form-element .fieldset{background-color:transparent;border-color:var(--ymt-outline-variant)}.form-element .fieldset .legend{margin-bottom:var(--ymt-spacing-xs)}.form-element .fieldset .legend>span{display:inline-block;font:var(--ymt-font-body-subtle);border-radius:2px;color:#fff;background-color:#00000038;padding:var(--ymt-spacing-3xs) var(--ymt-spacing-2xs)}.dark .form-element .fieldset .legend>span{background-color:#ffffff38}.contrast .form-element .fieldset .legend>span{background-color:var(--ymt-outline-variant);color:var(--ymt-surface-panel)}.form-element.o2mGroupStack{background:#00000005;border:1px solid rgba(0,0,0,.1)}.dark .form-element.o2mGroupStack{background:#ffffff05;border:1px solid rgba(255,255,255,.1)}.contrast .form-element.o2mGroupStack{background-color:transparent;border-color:var(--ymt-outline-variant)}.form-element.o2mGroupStack .p-tabview.p-component .p-tabview-panels{background:#fff;overflow:initial}.dark .form-element.o2mGroupStack .p-tabview.p-component .p-tabview-panels{background:#ffffff0a}.form-element.o2mGroupStack .p-tabview.p-component>.p-tabview-nav li.p-highlight{border-color:#00000042}.dark .form-element.o2mGroupStack .p-tabview.p-component>.p-tabview-nav li.p-highlight{border-color:#ffffff42}.form-element.o2mGroupStack .p-tabview.p-component>.p-tabview-nav>li:not(.p-highlight):not(.p-disabled):hover{border-color:#00000029}.dark .form-element.o2mGroupStack .p-tabview.p-component>.p-tabview-nav>li:not(.p-highlight):not(.p-disabled):hover{border-color:#ffffff29}.form-element.o2mGroupStack .p-tabview.p-component>.p-tabview-nav-container>.p-tabview-nav-content>.p-tabview-nav li.invalid-true a .p-tabview-title{background-color:var(--ymt-danger-container);color:var(--ymt-on-danger-container)}.form-element.o2mGroupStack .p-tabview.p-component>.p-tabview-nav-container>.p-tabview-nav-content>.p-tabview-nav li.invalid-true a .p-tabview-title:after{content:\"!\";margin-left:var(--ymt-spacing-xs)}.form-element.align-column{display:flex;flex-flow:column nowrap;justify-content:flex-start;align-content:stretch;align-items:stretch}.form-element.align-column>*{flex:1 1 auto}.form-element.align-row{display:flex;flex-flow:row wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.form-element.align-row>*{flex:1 0 200px;max-width:100%}.form-element.align-row>.fieldset>:not(.legend){display:flex;flex-flow:row wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.form-element .stackBase{padding:var(--ymt-spacing-m);background:var(--ymt-surface-panel)}.form-element .stackBase>yuv-form-group>.form-element>.fieldset{margin:0;padding:0;border:0;background-color:transparent}.form-element .stackBase>yuv-form-group>.form-element>.fieldset>.legend{display:none}\n"] }]
         }], propDecorators: { situation: [{
                 type: Input
             }] } });
@@ -791,10 +677,10 @@ class ObjectFormScriptService {
             return globalScript(scope);
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ObjectFormScriptService, deps: [{ token: i1$2.Logger }, { token: i1$2.BackendService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ObjectFormScriptService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: ObjectFormScriptService, deps: [{ token: i1$2.Logger }, { token: i1$2.BackendService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: ObjectFormScriptService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ObjectFormScriptService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: ObjectFormScriptService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1$2.Logger }, { type: i1$2.BackendService }] });
 
@@ -1101,6 +987,7 @@ class ObjectFormComponent {
         /**
          * handler to be executed after the form has been set up
          */
+        // eslint-disable-next-line @angular-eslint/no-output-on-prefix
         this.onFormReady = output();
         this.#scriptModel = {};
         this.#subscriptions = [];
@@ -1193,12 +1080,27 @@ class ObjectFormComponent {
         this.form = undefined;
         if (!fo)
             return;
+        if (!this.#validateFormModel(fo))
+            return;
         setTimeout(() => {
             this.#initialValidators = {};
             this.unsubscribeAll();
             this.#buildReactiveForm(fo);
         }, 0);
     }
+    #validateFormModel(fo) {
+        const model = fo.formModel;
+        const valid = model &&
+            model.elements &&
+            model.elements.length === 2 &&
+            // core
+            model.elements[0].type === 'o2mGroup' &&
+            // data
+            model.elements[1].type === 'o2mGroupStack';
+        if (!valid)
+            console.error('Invalid form model', model);
+        return valid;
+    }
     #initScriptingScope(formOptions, dataFormModel) {
         const { data, actions, objects, context } = (formOptions || {});
         if (this.#scriptingScope) {
@@ -1311,12 +1213,12 @@ class ObjectFormComponent {
         }
         this.form = form;
         this.#formScriptingApiService.registerActiveForm(this);
-        console.log('form', form);
         setTimeout(() => {
             if (!this.form)
                 return;
             this.initValidators(this.form);
             this.#subscriptions.push(this.form.valueChanges.pipe(debounceTime(500)).subscribe(() => this.#emitFormChangedEvent()));
+            this.#subscriptions.push(this.form.statusChanges.pipe().subscribe(() => this.#emitFormChangedEvent()));
             this.#initScriptingScope(formOptions, formModel);
             this.onFormReady.emit();
             this.#emitFormChangedEvent(false);
@@ -1485,7 +1387,7 @@ class ObjectFormComponent {
             ctrl._eoFormControlWrapper = {
                 // the name of the wrapped FormControl
                 controlName: formElement.name,
-                situation: fo.formModel.situation
+                situation: fo.formModel.situation,
             };
             // do not set a reference as the form controls value
             // otherwise we could not reset the form
@@ -1649,20 +1551,33 @@ class ObjectFormComponent {
             this.#subscriptions = [];
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ObjectFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ObjectFormComponent, isStandalone: true, selector: "yuv-object-form", inputs: { formOptions: { classPropertyName: "formOptions", publicName: "formOptions", isSignal: true, isRequired: false, transformFunction: null }, inert: { classPropertyName: "inert", publicName: "inert", isSignal: true, isRequired: false, transformFunction: null }, elementExtensions: { classPropertyName: "elementExtensions", publicName: "elementExtensions", isSignal: true, isRequired: false, transformFunction: null }, isInnerTableForm: { classPropertyName: "isInnerTableForm", publicName: "isInnerTableForm", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { statusChanged: "statusChanged", onFormReady: "onFormReady" }, host: { properties: { "attr.inert": "inert() ? true : null" }, classAttribute: "yuv-object-form" }, providers: [ObjectFormService, ObjectFormScriptService, FormScriptingApiService], ngImport: i0, template: "@let fo = formOptions();\n@if (fo && form) {\n  <div class=\"yuv-object-form\" [formGroup]=\"form\">\n    <div class=\"form-element-wrap core\">\n      <yuv-object-form-group [group]=\"getGroup('core')\" [situation]=\"fo.formModel.situation\"></yuv-object-form-group>\n    </div>\n    <div class=\"form-element-wrap data\">\n      <yuv-object-form-group [group]=\"getGroup('data')\" [situation]=\"fo.formModel.situation\"></yuv-object-form-group>\n    </div>\n  </div>\n}\n", styles: [".yuv-object-form>.core{padding:calc(var(--app-pane-padding) / 2)}.yuv-object-form>.data>yuv-object-form-group>.form-element.o2mGroupStack{background:transparent;border:0}.yuv-object-form>.data>yuv-object-form-group>.form-element.o2mGroupStack>yuv-object-form-group>.o2mGroup{background-color:var(--panel-background-lightgrey);border-top:1px solid rgba(0,0,0,.1);padding:var(--app-pane-padding)}.yuv-object-form>.data>yuv-object-form-group>.form-element.o2mGroupStack>p-tabview>.p-tabview>.p-tabview-panels{background-color:var(--panel-background-lightgrey)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: ObjectFormGroupComponent, selector: "yuv-object-form-group", inputs: ["situation", "group", "noGroupLabels"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: ObjectFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: ObjectFormComponent, isStandalone: true, selector: "yuv-object-form", inputs: { formOptions: { classPropertyName: "formOptions", publicName: "formOptions", isSignal: true, isRequired: false, transformFunction: null }, inert: { classPropertyName: "inert", publicName: "inert", isSignal: true, isRequired: false, transformFunction: null }, elementExtensions: { classPropertyName: "elementExtensions", publicName: "elementExtensions", isSignal: true, isRequired: false, transformFunction: null }, isInnerTableForm: { classPropertyName: "isInnerTableForm", publicName: "isInnerTableForm", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { statusChanged: "statusChanged", onFormReady: "onFormReady" }, host: { properties: { "attr.inert": "inert() ? true : null" }, classAttribute: "yuv-object-form" }, providers: [ObjectFormService, ObjectFormScriptService, FormScriptingApiService], ngImport: i0, template: "@let fo = formOptions();\n@if (fo && form) {\n  <div class=\"yuv-object-form\" [formGroup]=\"form\">\n    <div class=\"form-element-wrap core\">\n      <yuv-object-form-group [group]=\"getGroup('core')\" [situation]=\"fo.formModel.situation\"></yuv-object-form-group>\n    </div>\n    <div class=\"form-element-wrap data\">\n      <yuv-object-form-group [group]=\"getGroup('data')\" [situation]=\"fo.formModel.situation\"></yuv-object-form-group>\n    </div>\n  </div>\n}\n", styles: [".yuv-object-form>.core{padding:var(--ymt-spacing-xs)}.yuv-object-form>.data>yuv-object-form-group>.form-element.o2mGroupStack{background:transparent;border:0}.yuv-object-form>.data>yuv-object-form-group>.form-element.o2mGroupStack>yuv-object-form-group>.o2mGroup{background-color:var(--ymt-surface-panel);border-top:1px solid rgba(0,0,0,.1);padding:var(--ymt-spacing-m)}.yuv-object-form>.data>yuv-object-form-group>.form-element.o2mGroupStack>p-tabview>.p-tabview>.p-tabview-panels{background-color:var(--ymt-surface-panel)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: ObjectFormGroupComponent, selector: "yuv-object-form-group", inputs: ["situation", "group", "noGroupLabels"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ObjectFormComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: ObjectFormComponent, decorators: [{
             type: Component,
             args: [{ selector: 'yuv-object-form', standalone: true, imports: [CommonModule, ReactiveFormsModule, ObjectFormGroupComponent], providers: [ObjectFormService, ObjectFormScriptService, FormScriptingApiService], encapsulation: ViewEncapsulation.None, host: {
                         class: 'yuv-object-form',
                         '[attr.inert]': 'inert() ? true : null'
-                    }, template: "@let fo = formOptions();\n@if (fo && form) {\n  <div class=\"yuv-object-form\" [formGroup]=\"form\">\n    <div class=\"form-element-wrap core\">\n      <yuv-object-form-group [group]=\"getGroup('core')\" [situation]=\"fo.formModel.situation\"></yuv-object-form-group>\n    </div>\n    <div class=\"form-element-wrap data\">\n      <yuv-object-form-group [group]=\"getGroup('data')\" [situation]=\"fo.formModel.situation\"></yuv-object-form-group>\n    </div>\n  </div>\n}\n", styles: [".yuv-object-form>.core{padding:calc(var(--app-pane-padding) / 2)}.yuv-object-form>.data>yuv-object-form-group>.form-element.o2mGroupStack{background:transparent;border:0}.yuv-object-form>.data>yuv-object-form-group>.form-element.o2mGroupStack>yuv-object-form-group>.o2mGroup{background-color:var(--panel-background-lightgrey);border-top:1px solid rgba(0,0,0,.1);padding:var(--app-pane-padding)}.yuv-object-form>.data>yuv-object-form-group>.form-element.o2mGroupStack>p-tabview>.p-tabview>.p-tabview-panels{background-color:var(--panel-background-lightgrey)}\n"] }]
+                    }, template: "@let fo = formOptions();\n@if (fo && form) {\n  <div class=\"yuv-object-form\" [formGroup]=\"form\">\n    <div class=\"form-element-wrap core\">\n      <yuv-object-form-group [group]=\"getGroup('core')\" [situation]=\"fo.formModel.situation\"></yuv-object-form-group>\n    </div>\n    <div class=\"form-element-wrap data\">\n      <yuv-object-form-group [group]=\"getGroup('data')\" [situation]=\"fo.formModel.situation\"></yuv-object-form-group>\n    </div>\n  </div>\n}\n", styles: [".yuv-object-form>.core{padding:var(--ymt-spacing-xs)}.yuv-object-form>.data>yuv-object-form-group>.form-element.o2mGroupStack{background:transparent;border:0}.yuv-object-form>.data>yuv-object-form-group>.form-element.o2mGroupStack>yuv-object-form-group>.o2mGroup{background-color:var(--ymt-surface-panel);border-top:1px solid rgba(0,0,0,.1);padding:var(--ymt-spacing-m)}.yuv-object-form>.data>yuv-object-form-group>.form-element.o2mGroupStack>p-tabview>.p-tabview>.p-tabview-panels{background-color:var(--ymt-surface-panel)}\n"] }]
         }], ctorParameters: () => [] });
 
+class YuvObjectFormModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: YuvObjectFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.1", ngImport: i0, type: YuvObjectFormModule, imports: [ObjectFormComponent], exports: [ObjectFormComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: YuvObjectFormModule, imports: [ObjectFormComponent] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: YuvObjectFormModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [ObjectFormComponent],
+                    exports: [ObjectFormComponent],
+                }]
+        }] });
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ObjectFormComponent, ObjectFormControlWrapper, ObjectFormElementExtension, ObjectFormTranslateService };
+export { ObjectFormComponent, ObjectFormElementExtension, YuvObjectFormModule };
 //# sourceMappingURL=yuuvis-client-framework-object-form.mjs.map