@yuuvis/client-framework 3.0.0-beta.20.0 → 3.0.0-beta.21.0

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

@@ -32,7 +32,7 @@ class FormScriptingApiService {
         this.#notifications = inject(NotificationService);
         this.#appCache = inject(AppCacheService);
         this.#activeFormComponents = new Map();
-        this.elementExtensions = signal({}, ...(ngDevMode ? [{ debugName: "elementExtensions" }] : []));
+        this.elementExtensions = signal({}, ...(ngDevMode ? [{ debugName: "elementExtensions" }] : /* istanbul ignore next */ []));
     }
     #ngZone;
     #router;
@@ -166,10 +166,10 @@ class FormScriptingApiService {
     #handleError(error) {
         return Promise.reject(error.message || error);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: FormScriptingApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: FormScriptingApiService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FormScriptingApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FormScriptingApiService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: FormScriptingApiService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FormScriptingApiService, decorators: [{
             type: Injectable
         }] });
 
@@ -180,7 +180,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
 class ObjectFormElementExtension {
     constructor() {
         this.#formScriptingApiService = inject(FormScriptingApiService);
-        this.input = input.required(...(ngDevMode ? [{ debugName: "input" }] : []));
+        this.input = input.required(...(ngDevMode ? [{ debugName: "input" }] : /* istanbul ignore next */ []));
     }
     #formScriptingApiService;
     getApi() {
@@ -195,10 +195,10 @@ class ObjectFormElementExtension {
         if (value !== this.getCurrentValue())
             this.getApi().form.setValue(this.input().formControlName, value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ObjectFormElementExtension, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.19", type: ObjectFormElementExtension, isStandalone: true, selector: "ng-component", inputs: { input: { classPropertyName: "input", publicName: "input", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: '', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ObjectFormElementExtension, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", 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: "20.3.19", ngImport: i0, type: ObjectFormElementExtension, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ObjectFormElementExtension, decorators: [{
             type: Component,
             args: [{
                     template: '',
@@ -209,16 +209,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
 class FormScriptingElementExtensionComponent extends ObjectFormElementExtension {
     constructor() {
         super(...arguments);
-        this.ext = input(...(ngDevMode ? [undefined, { debugName: "ext" }] : []));
+        this.ext = input(...(ngDevMode ? [undefined, { debugName: "ext" }] : /* istanbul ignore next */ []));
         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: "20.3.19", ngImport: i0, type: FormScriptingElementExtensionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", 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: "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"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FormScriptingElementExtensionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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: "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: "20.3.19", ngImport: i0, type: FormScriptingElementExtensionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FormScriptingElementExtensionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'yuv-form-scripting-element-extension', standalone: true, imports: [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"] }]
         }], propDecorators: { ext: [{ type: i0.Input, args: [{ isSignal: true, alias: "ext", required: false }] }] } });
@@ -444,10 +444,10 @@ class ObjectFormService {
             // }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ObjectFormService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ObjectFormService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ObjectFormService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ObjectFormService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ObjectFormService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ObjectFormService, decorators: [{
             type: Injectable
         }] });
 
@@ -455,21 +455,21 @@ class ObjectFormElementComponent {
     constructor() {
         this.#objectFormService = inject(ObjectFormService);
         this.#scriptingApi = inject(FormScriptingApiService);
-        this.createForm = signal(false, ...(ngDevMode ? [{ debugName: "createForm" }] : []));
+        this.createForm = signal(false, ...(ngDevMode ? [{ debugName: "createForm" }] : /* istanbul ignore next */ []));
         this.formChangedSubject = this.#objectFormService.formChanged;
         this.extensionComponents = [];
         this.#scriptingExtensions = this.#scriptingApi.elementExtensions;
-        this.scriptingExtensions = computed(() => Object.values(this.#scriptingExtensions()).filter((ext) => ext.propertyName === this.formControlName), ...(ngDevMode ? [{ debugName: "scriptingExtensions" }] : []));
+        this.scriptingExtensions = computed(() => Object.values(this.#scriptingExtensions()).filter((ext) => ext.propertyName === this.formControlName), ...(ngDevMode ? [{ debugName: "scriptingExtensions" }] : /* istanbul ignore next */ []));
         this.scriptExtensionCmp = FormScriptingElementExtensionComponent;
-        this.situation = input(...(ngDevMode ? [undefined, { debugName: "situation" }] : []));
-        this.element = input(...(ngDevMode ? [undefined, { debugName: "element" }] : []));
+        this.situation = input(...(ngDevMode ? [undefined, { debugName: "situation" }] : /* istanbul ignore next */ []));
+        this.element = input(...(ngDevMode ? [undefined, { debugName: "element" }] : /* istanbul ignore next */ []));
         this.#elementEffect = effect(() => {
             const element = this.element();
             untracked(() => {
                 this.createForm.set(true);
                 element && this.#setElement(element);
             });
-        }, ...(ngDevMode ? [{ debugName: "#elementEffect" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "#elementEffect" }] : /* istanbul ignore next */ []));
     }
     #objectFormService;
     #scriptingApi;
@@ -500,10 +500,10 @@ class ObjectFormElementComponent {
     onDataMetaChange(data) {
         this.formElementRef._eoFormElement.dataMeta = data;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ObjectFormElementComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", 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        [formChangedSubject]=\"formChangedSubject\"\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;align-items:start}.yuv-object-form-element .form-element .ext{display:flex;flex-flow:row nowrap;gap:2px;align-items:center;padding:var(--ymt-spacing-2xs) 0}.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.t-table{margin-block-end:var(--ymt-spacing-m)}.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", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "component", type: MetadataFormFieldComponent, selector: "yuv-metadata-form-field", inputs: ["formChangedSubject", "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: "21.2.9", ngImport: i0, type: ObjectFormElementComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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        [formChangedSubject]=\"formChangedSubject\"\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;align-items:start}.yuv-object-form-element .form-element .ext{display:flex;flex-flow:row nowrap;gap:2px;align-items:center;padding:var(--ymt-spacing-2xs) 0}.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.t-table{margin-block-end:var(--ymt-spacing-m)}.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", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "component", type: MetadataFormFieldComponent, selector: "yuv-metadata-form-field", inputs: ["formChangedSubject", "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],[formArray],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: "20.3.19", ngImport: i0, type: ObjectFormElementComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", 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        [formChangedSubject]=\"formChangedSubject\"\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;align-items:start}.yuv-object-form-element .form-element .ext{display:flex;flex-flow:row nowrap;gap:2px;align-items:center;padding:var(--ymt-spacing-2xs) 0}.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.t-table{margin-block-end:var(--ymt-spacing-m)}.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"] }]
         }], propDecorators: { situation: [{ type: i0.Input, args: [{ isSignal: true, alias: "situation", required: false }] }], element: [{ type: i0.Input, args: [{ isSignal: true, alias: "element", required: false }] }] } });
@@ -519,8 +519,8 @@ class ObjectFormGroupComponent {
         this.isData = false;
         // @ViewChild('tabView') tabView: TabView;
         // form situation, if not set default will be 'EDIT'
-        this.situation = input(Situation.EDIT, ...(ngDevMode ? [{ debugName: "situation" }] : []));
-        this.group = input(...(ngDevMode ? [undefined, { debugName: "group" }] : []));
+        this.situation = input(Situation.EDIT, ...(ngDevMode ? [{ debugName: "situation" }] : /* istanbul ignore next */ []));
+        this.group = input(...(ngDevMode ? [undefined, { debugName: "group" }] : /* istanbul ignore next */ []));
         this.#groupEffect = effect(() => {
             const g = this.group();
             if (g) {
@@ -528,8 +528,8 @@ class ObjectFormGroupComponent {
                 this.isData = !!g._eoFormGroup && g._eoFormGroup.label === 'data';
                 this.groupType = this.#getGroupType();
             }
-        }, ...(ngDevMode ? [{ debugName: "#groupEffect" }] : []));
-        this.noGroupLabels = input(...(ngDevMode ? [undefined, { debugName: "noGroupLabels" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "#groupEffect" }] : /* istanbul ignore next */ []));
+        this.noGroupLabels = input(...(ngDevMode ? [undefined, { debugName: "noGroupLabels" }] : /* istanbul ignore next */ []));
     }
     #groupEffect;
     getHeaderStyleClass(ctrl) {
@@ -573,10 +573,10 @@ class ObjectFormGroupComponent {
         const parentFormElement = group.parent && group.parent['_eoFormGroup'];
         return parentFormElement && parentFormElement.type === 'o2mGroupStack';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ObjectFormGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: ObjectFormGroupComponent, isStandalone: true, selector: "yuv-object-form-group", inputs: { situation: { classPropertyName: "situation", publicName: "situation", isSignal: true, 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])\" [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:rgb(from var(--ymt-text-color) r g b/.025);border:1px solid var(--ymt-outline-variant);border-radius:var(--ymt-corner-xs)}.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:var(--ymt-corner-xs);color:var(--ymt-on-inverse-surface);background-color:var(--ymt-inverse-surface);padding:var(--ymt-spacing-3xs) var(--ymt-spacing-2xs)}.form-element .fieldset yuv-object-form-group{flex:1}.form-element.o2mGroupStack{background:rgb(from var(--ymt-text-color) r g b/.02);border:1px solid var(--ymt-outline-variant);border-radius:var(--ymt-corner-xs)}.form-element.align-column{display:flex;flex-flow:column nowrap;justify-content:flex-start;align-content:stretch;align-items:stretch;gap:var(--ymt-spacing-s)}.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;gap:var(--ymt-spacing-s)}.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;gap:var(--ymt-spacing-s)}.form-element .stack:not(.stackBase){padding:var(--ymt-spacing-m) var(--ymt-spacing-xs)}.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: "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"] }, { kind: "pipe", type: KeysPipe, name: "keys" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ObjectFormGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: ObjectFormGroupComponent, isStandalone: true, selector: "yuv-object-form-group", inputs: { situation: { classPropertyName: "situation", publicName: "situation", isSignal: true, 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])\" [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:rgb(from var(--ymt-text-color) r g b/.025);border:1px solid var(--ymt-outline-variant);border-radius:var(--ymt-corner-xs)}.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:var(--ymt-corner-xs);color:var(--ymt-on-inverse-surface);background-color:var(--ymt-inverse-surface);padding:var(--ymt-spacing-3xs) var(--ymt-spacing-2xs)}.form-element .fieldset yuv-object-form-group{flex:1}.form-element.o2mGroupStack{background:rgb(from var(--ymt-text-color) r g b/.02);border:1px solid var(--ymt-outline-variant);border-radius:var(--ymt-corner-xs)}.form-element.align-column{display:flex;flex-flow:column nowrap;justify-content:flex-start;align-content:stretch;align-items:stretch;gap:var(--ymt-spacing-s)}.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;gap:var(--ymt-spacing-s)}.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;gap:var(--ymt-spacing-s)}.form-element .stack:not(.stackBase){padding:var(--ymt-spacing-m) var(--ymt-spacing-xs)}.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: "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],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "pipe", type: KeysPipe, name: "keys" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ObjectFormGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ObjectFormGroupComponent, decorators: [{
             type: Component,
             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])\" [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:rgb(from var(--ymt-text-color) r g b/.025);border:1px solid var(--ymt-outline-variant);border-radius:var(--ymt-corner-xs)}.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:var(--ymt-corner-xs);color:var(--ymt-on-inverse-surface);background-color:var(--ymt-inverse-surface);padding:var(--ymt-spacing-3xs) var(--ymt-spacing-2xs)}.form-element .fieldset yuv-object-form-group{flex:1}.form-element.o2mGroupStack{background:rgb(from var(--ymt-text-color) r g b/.02);border:1px solid var(--ymt-outline-variant);border-radius:var(--ymt-corner-xs)}.form-element.align-column{display:flex;flex-flow:column nowrap;justify-content:flex-start;align-content:stretch;align-items:stretch;gap:var(--ymt-spacing-s)}.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;gap:var(--ymt-spacing-s)}.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;gap:var(--ymt-spacing-s)}.form-element .stack:not(.stackBase){padding:var(--ymt-spacing-m) var(--ymt-spacing-xs)}.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: i0.Input, args: [{ isSignal: true, alias: "situation", required: false }] }], group: [{ type: i0.Input, args: [{ isSignal: true, alias: "group", required: false }] }], noGroupLabels: [{ type: i0.Input, args: [{ isSignal: true, alias: "noGroupLabels", required: false }] }] } });
@@ -682,10 +682,10 @@ class ObjectFormScriptService {
             return globalScript(scope);
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", 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: "20.3.19", ngImport: i0, type: ObjectFormScriptService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", 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: "21.2.9", ngImport: i0, type: ObjectFormScriptService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ObjectFormScriptService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ObjectFormScriptService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1$2.Logger }, { type: i1$2.BackendService }] });
 
@@ -970,22 +970,22 @@ class ObjectFormComponent {
         this.#namePrefix = 'fg_';
         this.gCount = 0;
         this.id = Utils.uuid();
-        this.formOptions = input(...(ngDevMode ? [undefined, { debugName: "formOptions" }] : []));
+        this.formOptions = input(...(ngDevMode ? [undefined, { debugName: "formOptions" }] : /* istanbul ignore next */ []));
         this.#formOptionsEffect = effect(() => {
             this.#init(this.formOptions());
-        }, ...(ngDevMode ? [{ debugName: "#formOptionsEffect" }] : []));
-        this.inert = input(...(ngDevMode ? [undefined, { debugName: "inert" }] : []));
-        this.readonly = input(...(ngDevMode ? [undefined, { debugName: "readonly" }] : []));
-        this.elementExtensions = input([], ...(ngDevMode ? [{ debugName: "elementExtensions" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "#formOptionsEffect" }] : /* istanbul ignore next */ []));
+        this.inert = input(...(ngDevMode ? [undefined, { debugName: "inert" }] : /* istanbul ignore next */ []));
+        this.readonly = input(...(ngDevMode ? [undefined, { debugName: "readonly" }] : /* istanbul ignore next */ []));
+        this.elementExtensions = input([], ...(ngDevMode ? [{ debugName: "elementExtensions" }] : /* istanbul ignore next */ []));
         this.#elementExtensionsEffect = effect(() => {
             this.#formHelperService.setElementExtensions(this.elementExtensions());
-        }, ...(ngDevMode ? [{ debugName: "#elementExtensionsEffect" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "#elementExtensionsEffect" }] : /* istanbul ignore next */ []));
         /**
          * There are special scenarios where forms are within a form themselves.
          * Setting this property to true, will handle the current form in a
          * slightly different way when it comes to form scripting.
          */
-        this.isInnerTableForm = input(...(ngDevMode ? [undefined, { debugName: "isInnerTableForm" }] : []));
+        this.isInnerTableForm = input(...(ngDevMode ? [undefined, { debugName: "isInnerTableForm" }] : /* istanbul ignore next */ []));
         /**
          * triggered when the forms state has been changed
          */
@@ -1573,10 +1573,10 @@ class ObjectFormComponent {
             this.#subscriptions = [];
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ObjectFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", 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 }, readonly: { classPropertyName: "readonly", publicName: "readonly", 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: 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: "21.2.9", ngImport: i0, type: ObjectFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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 }, readonly: { classPropertyName: "readonly", publicName: "readonly", 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: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],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: "20.3.19", ngImport: i0, type: ObjectFormComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ObjectFormComponent, decorators: [{
             type: Component,
             args: [{ selector: 'yuv-object-form', standalone: true, imports: [ReactiveFormsModule, ObjectFormGroupComponent], providers: [ObjectFormService, ObjectFormScriptService, FormScriptingApiService], encapsulation: ViewEncapsulation.None, host: {
                         class: 'yuv-object-form',
@@ -1585,11 +1585,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
         }], ctorParameters: () => [], propDecorators: { formOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "formOptions", required: false }] }], inert: [{ type: i0.Input, args: [{ isSignal: true, alias: "inert", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], elementExtensions: [{ type: i0.Input, args: [{ isSignal: true, alias: "elementExtensions", required: false }] }], isInnerTableForm: [{ type: i0.Input, args: [{ isSignal: true, alias: "isInnerTableForm", required: false }] }], statusChanged: [{ type: i0.Output, args: ["statusChanged"] }], onFormReady: [{ type: i0.Output, args: ["onFormReady"] }] } });
 
 class YuvObjectFormModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: YuvObjectFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.19", ngImport: i0, type: YuvObjectFormModule, imports: [ObjectFormComponent], exports: [ObjectFormComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: YuvObjectFormModule, imports: [ObjectFormComponent] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: YuvObjectFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: YuvObjectFormModule, imports: [ObjectFormComponent], exports: [ObjectFormComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: YuvObjectFormModule, imports: [ObjectFormComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: YuvObjectFormModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: YuvObjectFormModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [ObjectFormComponent],