@yuuvis/client-framework 1.0.3 → 2.0.0-beta.2

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

@@ -1,14 +1,11 @@
 import * as i0 from '@angular/core';
-import { Injectable, inject, signal, input, effect, untracked, Component, ViewEncapsulation, TemplateRef, Directive, Input } from '@angular/core';
-import { Situation, SystemService, TranslateService, Utils } from '@yuuvis/client-core';
-import { NgClass, NgTemplateOutlet, CommonModule } from '@angular/common';
+import { Injectable, inject, ElementRef, DestroyRef, input, Directive, TemplateRef, Input, signal, effect, untracked, computed, ViewEncapsulation, Component } from '@angular/core';
+import { Situation, ObjectFormTranslateService, SystemService } from '@yuuvis/client-core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { NgClass, NgTemplateOutlet } from '@angular/common';
+import { MatFormFieldModule } from '@angular/material/form-field';
 import * as i1 from '@yuuvis/client-framework/common';
-import { ErrorMessagesService, injectNgControl, NoopValueAccessorDirective } from '@yuuvis/client-framework/common';
-import { FormInputComponent, StringComponent, DataGridComponent, OrganizationComponent, NumberComponent, NumberRangeComponent, DatetimeComponent, DatetimeRangeComponent, CatalogComponent } from '@yuuvis/client-framework/forms';
-import * as i1$1 from '@angular/forms';
-import { ReactiveFormsModule } from '@angular/forms';
-import * as i2 from '@yuuvis/components/checkbox';
-import { YvcCheckboxModule } from '@yuuvis/components/checkbox';
+import { injectNgControl, NoopValueAccessorDirective } from '@yuuvis/client-framework/common';
 
 /**
  * Registration service for form elements rendered within an object form.
@@ -96,88 +93,91 @@ class MetadataFormElementRegistry {
     _removeDefaultElementTemplate(propertyType) {
         delete this._defaults[propertyType];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MetadataFormElementRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MetadataFormElementRegistry, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: MetadataFormElementRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: MetadataFormElementRegistry, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MetadataFormElementRegistry, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: MetadataFormElementRegistry, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
         }] });
 
-class MetadataFormFieldComponent {
+class ObjectMetadataElementLabelDirective {
     constructor() {
-        this.#registry = inject(MetadataFormElementRegistry);
-        this.#system = inject(SystemService);
-        this.translate = inject(TranslateService);
-        this.#errorMassge = inject(ErrorMessagesService);
-        this._subs = [];
-        this.ngControl = injectNgControl();
-        this.elementTemplate = signal(undefined);
-        this.errors = null;
-        this.label = '';
-        this.readonly = false;
-        this.required = false;
-        this.formField = input.required({ alias: 'field' });
-        this.#fieldEffect = effect(() => {
-            const field = this.formField();
-            untracked(() => {
-                this.elementTemplate.set(this.#registry.getElementTemplate(field._internalType, this.situation()));
-                this.label = this.#system.getLocalizedLabel(field.name) || field.name;
-                // TODO: set readonly state based on ...????... schema?
-                this.readonly = false;
-                this.required = this.situation() !== Situation.SEARCH ? field.required : false;
-                this.ngControl.statusChanges;
-                this.fetchTags();
+        this.#elRef = inject(ElementRef);
+        this.#dRef = inject(DestroyRef);
+        this.yuvObjectMetadataElementLabel = input();
+    }
+    #elRef;
+    #dRef;
+    ngOnInit() {
+        const ctrl = this.yuvObjectMetadataElementLabel();
+        if (ctrl) {
+            ctrl.statusChanges.pipe(takeUntilDestroyed(this.#dRef)).subscribe((s) => {
+                this.#elRef.nativeElement.classList.toggle('yuv-label-invalid', s === 'INVALID');
             });
-        });
-        /**
-         * Form situation, if not set default will be 'EDIT'
-         */
-        this.situation = input(Situation.EDIT);
+            ctrl.valueChanges.pipe(takeUntilDestroyed(this.#dRef)).subscribe(() => {
+                this.#elRef.nativeElement.classList.toggle('yuv-label-dirty', ctrl.dirty);
+            });
+        }
     }
-    #registry;
-    #system;
-    #errorMassge;
-    #fieldEffect;
-    fetchTags() {
-        this.tag = undefined;
-        if (this.situation() === Situation.CREATE &&
-            (Utils.hasProperty(this.formField(), 'defaultvaluefunction') || Utils.hasProperty(this.formField(), 'defaultvalue'))) {
-            this.tag =
-                this.formField().defaultvaluefunction === 'EXTRACTION'
-                    ? {
-                        label: 'ex',
-                        title: this.translate.instant('yuv.object-form-element.tag.ex')
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: ObjectMetadataElementLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.1", type: ObjectMetadataElementLabelDirective, isStandalone: true, selector: "[yuvObjectMetadataElementLabel]", inputs: { yuvObjectMetadataElementLabel: { classPropertyName: "yuvObjectMetadataElementLabel", publicName: "yuvObjectMetadataElementLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.dirty": "yuvObjectMetadataElementLabel().dirty", "class.error": "yuvObjectMetadataElementLabel().error" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: ObjectMetadataElementLabelDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[yuvObjectMetadataElementLabel]',
+                    standalone: true,
+                    host: {
+                        '[class.dirty]': 'yuvObjectMetadataElementLabel().dirty',
+                        '[class.error]': 'yuvObjectMetadataElementLabel().error'
                     }
-                    : {
-                        label: 'df',
-                        title: this.translate.instant('yuv.object-form-element.tag.df')
-                    };
-        }
+                }]
+        }] });
+
+/**
+ * Directive to apply an object-form related error to a mat-label element.
+ */
+class ObjectMetadataElementErrorDirective {
+    constructor() {
+        this.#elRef = inject(ElementRef);
+        this.#dRef = inject(DestroyRef);
+        this.#fts = inject(ObjectFormTranslateService);
+        this.yuvObjectMetadataElementError = input();
     }
-    ngOnInit() {
-        if (this.ngControl.statusChanges)
-            this._subs.push(this.ngControl.statusChanges.subscribe(() => {
-                this.errors = this.ngControl.control.errors
-                    ? Object.keys(this.ngControl.control.errors).map((key) => {
-                        return this.ngControl.control.errors ? this.#errorMassge.getErrorLabel(key, this.ngControl.control.errors[key].params) : null;
-                    })
-                    : null;
-            }));
+    #elRef;
+    #dRef;
+    #fts;
+    #getErrors() {
+        const ctrl = this.yuvObjectMetadataElementError();
+        return ctrl && ctrl.errors
+            ? Object.keys(ctrl.errors).map((key) => {
+                return key === 'eoformScript' ? ctrl._eoFormElement.error.msg : this.#fts.getErrorLabel(key, ctrl.errors[key].params);
+            })
+            : [];
     }
-    ngOnDestroy() {
-        this._subs.forEach((s) => s.unsubscribe());
+    ngOnInit() {
+        const ctrl = this.yuvObjectMetadataElementError();
+        if (ctrl) {
+            ctrl.statusChanges.pipe(takeUntilDestroyed(this.#dRef)).subscribe((s) => {
+                if (s === 'INVALID') {
+                    const err = this.#getErrors();
+                    this.#elRef.nativeElement.innerText = err.length > 0 ? err[0] : '';
+                }
+            });
+        }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MetadataFormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: MetadataFormFieldComponent, isStandalone: true, selector: "yuv-metadata-form-field", inputs: { formField: { classPropertyName: "formField", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, situation: { classPropertyName: "situation", publicName: "situation", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "yuv-metadata-form-field" }, hostDirectives: [{ directive: i1.NoopValueAccessorDirective }], ngImport: i0, template: "@let field = formField();\n\n@if (field) {\n  @let et = elementTemplate();\n\n  <div class=\"form-field t-{{ field._internalType }}\" #formField [attr.data-name]=\"field.name\" [ngClass]=\"{ disabled: !!readonly }\">\n    @if (et) {\n      @if (field._internalType === 'table') {\n        <ng-container *ngTemplateOutlet=\"et; context: { $implicit: { situation: situation(), ngControl: ngControl.control, field } }\"></ng-container>\n      } @else {\n        <yuv-form-input\n          [ngClass]=\"{ checkbox: field._internalType === 'boolean' }\"\n          [tag]=\"tag\"\n          [label]=\"label\"\n          [required]=\"required\"\n          [invalid]=\"!!errors\"\n          [disabled]=\"readonly\"\n        >\n          <ng-container *ngTemplateOutlet=\"et; context: { $implicit: { situation: situation(), ngControl: ngControl.control, field } }\"></ng-container>\n        </yuv-form-input>\n      }\n    } @else {\n      <em>\n        <strong>{{ field._internalType }}</strong>\n      </em>\n    }\n\n    <!-- the fields description -->\n    @if (field.description) {\n      <div class=\"description\">\n        {{ field.description }}\n      </div>\n    }\n\n    <!-- error/validation messages -->\n    @if (errors) {\n      <div class=\"err-msg\">\n        <div>{{ errors[errors['length'] - 1] }}</div>\n      </div>\n    }\n  </div>\n}\n", styles: [".yuv-metadata-form-field{display:inline-block}.yuv-metadata-form-field .form-field{margin-block-end:1px;border-radius:.25em}.yuv-metadata-form-field .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-metadata-form-field .form-field .err-msg{font-size:var(--font-hint);color:var(--color-error);padding:calc(var(--app-pane-padding) / 4) 0;border:0}.yuv-metadata-form-field .form-field .table{flex-flow:column;align-items:flex-start;border:1px solid var(--panel-divider-color)}.yuv-metadata-form-field .form-field .table .label{padding-bottom:calc(var(--app-pane-padding) / 4)}.yuv-metadata-form-field .form-field .table.invalid{border:1px solid var(--color-error)}.yuv-metadata-form-field .form-field.inlineError .err-msg{display:none}.yuv-metadata-form-field.ng-dirty:not(.ng-invalid)>.form-field:not(.focused) .fe-wrapper>label{background-color:var(--color-dirty-background);color:var(--color-dirty-font)!important}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: FormInputComponent, selector: "yuv-form-input", inputs: ["label", "tag", "description", "invalid", "disabled", "required"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: ObjectMetadataElementErrorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.1", type: ObjectMetadataElementErrorDirective, isStandalone: true, selector: "[yuvObjectMetadataElementError]", inputs: { yuvObjectMetadataElementError: { classPropertyName: "yuvObjectMetadataElementError", publicName: "yuvObjectMetadataElementError", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MetadataFormFieldComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'yuv-metadata-form-field', standalone: true, imports: [NgClass, NgTemplateOutlet, FormInputComponent], hostDirectives: [NoopValueAccessorDirective], encapsulation: ViewEncapsulation.None, host: {
-                        class: 'yuv-metadata-form-field'
-                    }, template: "@let field = formField();\n\n@if (field) {\n  @let et = elementTemplate();\n\n  <div class=\"form-field t-{{ field._internalType }}\" #formField [attr.data-name]=\"field.name\" [ngClass]=\"{ disabled: !!readonly }\">\n    @if (et) {\n      @if (field._internalType === 'table') {\n        <ng-container *ngTemplateOutlet=\"et; context: { $implicit: { situation: situation(), ngControl: ngControl.control, field } }\"></ng-container>\n      } @else {\n        <yuv-form-input\n          [ngClass]=\"{ checkbox: field._internalType === 'boolean' }\"\n          [tag]=\"tag\"\n          [label]=\"label\"\n          [required]=\"required\"\n          [invalid]=\"!!errors\"\n          [disabled]=\"readonly\"\n        >\n          <ng-container *ngTemplateOutlet=\"et; context: { $implicit: { situation: situation(), ngControl: ngControl.control, field } }\"></ng-container>\n        </yuv-form-input>\n      }\n    } @else {\n      <em>\n        <strong>{{ field._internalType }}</strong>\n      </em>\n    }\n\n    <!-- the fields description -->\n    @if (field.description) {\n      <div class=\"description\">\n        {{ field.description }}\n      </div>\n    }\n\n    <!-- error/validation messages -->\n    @if (errors) {\n      <div class=\"err-msg\">\n        <div>{{ errors[errors['length'] - 1] }}</div>\n      </div>\n    }\n  </div>\n}\n", styles: [".yuv-metadata-form-field{display:inline-block}.yuv-metadata-form-field .form-field{margin-block-end:1px;border-radius:.25em}.yuv-metadata-form-field .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-metadata-form-field .form-field .err-msg{font-size:var(--font-hint);color:var(--color-error);padding:calc(var(--app-pane-padding) / 4) 0;border:0}.yuv-metadata-form-field .form-field .table{flex-flow:column;align-items:flex-start;border:1px solid var(--panel-divider-color)}.yuv-metadata-form-field .form-field .table .label{padding-bottom:calc(var(--app-pane-padding) / 4)}.yuv-metadata-form-field .form-field .table.invalid{border:1px solid var(--color-error)}.yuv-metadata-form-field .form-field.inlineError .err-msg{display:none}.yuv-metadata-form-field.ng-dirty:not(.ng-invalid)>.form-field:not(.focused) .fe-wrapper>label{background-color:var(--color-dirty-background);color:var(--color-dirty-font)!important}\n"] }]
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: ObjectMetadataElementErrorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[yuvObjectMetadataElementError]',
+                    standalone: true
+                }]
         }] });
 
 /**
@@ -193,7 +193,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * <ng-template yuvMetadataElementTemplate propertyType="boolean:switch" let-ctx>...</ng-template>
  *
  */
-class MetadataElementTemplateDirective {
+class ObjectMetadataElementTemplateDirective {
     constructor() {
         this.registry = inject(MetadataFormElementRegistry);
         this.template = inject((TemplateRef));
@@ -211,10 +211,10 @@ class MetadataElementTemplateDirective {
         else
             this.registry.removeElementTemplate(this.propertyType, this.situation);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MetadataElementTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: MetadataElementTemplateDirective, isStandalone: true, selector: "[yuvMetadataElementTemplate]", inputs: { yuvMetadataElementTemplate: "yuvMetadataElementTemplate", propertyType: "propertyType", situation: "situation" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: ObjectMetadataElementTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.1", type: ObjectMetadataElementTemplateDirective, isStandalone: true, selector: "[yuvMetadataElementTemplate]", inputs: { yuvMetadataElementTemplate: "yuvMetadataElementTemplate", propertyType: "propertyType", situation: "situation" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MetadataElementTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: ObjectMetadataElementTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[yuvMetadataElementTemplate]',
@@ -228,32 +228,57 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }] } });
 
-class MetadataDefaultTemplatesComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MetadataDefaultTemplatesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: MetadataDefaultTemplatesComponent, isStandalone: true, selector: "yuv-metadata-default-templates", ngImport: i0, template: "<!-- form element templates -->\n<!-- STRING -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"string\" let-ctx>\n  <yuv-string\n    [situation]=\"ctx.situation\"\n    [formControl]=\"ctx.ngControl\"\n    [attr.data-name]=\"ctx.field.name\"\n    [multiselect]=\"ctx.field.cardinality === 'multi' || ctx.situation === 'SEARCH'\"\n    [rows]=\"ctx.field.rows\"\n    [classifications]=\"ctx.field.classifications\"\n    [regex]=\"ctx.field.regex\"\n    [readonly]=\"ctx.field.readonly\"\n    [minLength]=\"ctx.field.minLength\"\n    [maxLength]=\"ctx.field.maxLength\"\n  >\n  </yuv-string>\n</ng-template>\n\n<!-- ORGANIZATION -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"string:organization\" let-ctx>\n  <yuv-organization\n    [situation]=\"ctx.situation\"\n    [multiselect]=\"ctx.field.cardinality === 'multi' || ctx.situation === 'SEARCH'\"\n    (userSelect)=\"ctx.field.dataMeta = $event\"\n    [formControl]=\"ctx.ngControl\"\n    [attr.data-name]=\"ctx.field.name\"\n    [classifications]=\"ctx.field.classifications\"\n    [readonly]=\"ctx.field.readonly\"\n  >\n  </yuv-organization>\n</ng-template>\n\n<!-- INTEGER -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"integer\" let-ctx>\n  @if (ctx.situation !== 'SEARCH') {\n    <yuv-number\n      [readonly]=\"ctx.field.readonly\"\n      [precision]=\"ctx.field.precision\"\n      [scale]=\"0\"\n      [grouping]=\"ctx.field.grouping\"\n      [minValue]=\"ctx.field.minValue\"\n      [maxValue]=\"ctx.field.maxValue\"\n      [formControl]=\"ctx.ngControl\"\n      [attr.data-name]=\"ctx.field.name\"\n      [classifications]=\"ctx.field.classifications\"\n    >\n    </yuv-number>\n  } @else {\n    <yuv-number-range\n      [readonly]=\"ctx.field.readonly\"\n      [precision]=\"ctx.field.precision\"\n      [scale]=\"0\"\n      [grouping]=\"ctx.field.grouping\"\n      [minValue]=\"ctx.field.minValue\"\n      [maxValue]=\"ctx.field.maxValue\"\n      [pattern]=\"ctx.field.pattern\"\n      [formControl]=\"ctx.ngControl\"\n      [attr.data-name]=\"ctx.field.name\"\n      [classifications]=\"ctx.field.classifications\"\n    ></yuv-number-range>\n  }\n</ng-template>\n\n<!-- DECIMAL -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"decimal\" let-ctx>\n  @if (ctx.situation !== 'SEARCH') {\n    <yuv-number\n      [readonly]=\"ctx.field.readonly\"\n      [precision]=\"ctx.field.precision\"\n      [scale]=\"ctx.field.scale\"\n      [grouping]=\"ctx.field.grouping\"\n      [pattern]=\"ctx.field.pattern\"\n      [minValue]=\"ctx.field.minValue\"\n      [maxValue]=\"ctx.field.maxValue\"\n      [formControl]=\"ctx.ngControl\"\n      [attr.data-name]=\"ctx.field.name\"\n    >\n      >\n    </yuv-number>\n  } @else {\n    <yuv-number-range\n      [readonly]=\"ctx.field.readonly\"\n      [precision]=\"ctx.field.precision\"\n      [scale]=\"ctx.field.scale\"\n      [pattern]=\"ctx.field.pattern\"\n      [grouping]=\"ctx.field.grouping\"\n      [minValue]=\"ctx.field.minValue\"\n      [maxValue]=\"ctx.field.maxValue\"\n      [formControl]=\"ctx.ngControl\"\n      [attr.data-name]=\"ctx.field.name\"\n    ></yuv-number-range>\n  }\n</ng-template>\n\n<!-- BOOLEAN -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"boolean\" let-ctx>\n  <yvc-checkbox\n    [formControl]=\"ctx.ngControl\"\n    [attr.data-name]=\"ctx.field.name\"\n    [readonly]=\"ctx.field.readonly\"\n    [tristate]=\"ctx.field.tristate === false ? false : true\"\n  ></yvc-checkbox>\n</ng-template>\n\n<!-- BOOLEAN SWITCH -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"boolean:switch\" let-ctx>\n  <yvc-checkbox\n    [formControl]=\"ctx.ngControl\"\n    switch=\"true\"\n    [attr.data-name]=\"ctx.field.name\"\n    [readonly]=\"ctx.field.readonly\"\n    [tristate]=\"ctx.field.tristate === false ? false : true\"\n  ></yvc-checkbox>\n</ng-template>\n\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"datetime\" let-ctx>\n  @if (ctx.situation !== 'SEARCH') {\n    <yuv-datetime\n      [readonly]=\"ctx.field.readonly\"\n      [withTime]=\"ctx.field.resolution !== 'date'\"\n      [formControl]=\"ctx.ngControl\"\n      [attr.data-name]=\"ctx.field.name\"\n    ></yuv-datetime>\n  } @else {\n    <yuv-datetime-range\n      [situation]=\"ctx.situation\"\n      [readonly]=\"ctx.field.readonly\"\n      [withTime]=\"ctx.field.resolution !== 'date'\"\n      [formControl]=\"ctx.ngControl\"\n      [attr.data-name]=\"ctx.field.name\"\n    ></yuv-datetime-range>\n  }\n</ng-template>\n\n<!-- TABLE -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"table\" let-ctx>\n  <yuv-data-grid\n    [situation]=\"ctx.situation\"\n    [formControl]=\"ctx.ngControl\"\n    [formElement]=\"ctx.field\"\n    [attr.data-name]=\"ctx.field.name\"\n    [classifications]=\"ctx.field.classifications\"\n    [readonly]=\"ctx.field.readonly\"\n  >\n  </yuv-data-grid>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: StringComponent, selector: "yuv-string", inputs: ["multiselect", "rows", "readonly", "autofocus", "classifications", "situation", "regex", "minLength", "maxLength"] }, { kind: "component", type: DataGridComponent, selector: "yuv-data-grid", inputs: ["situation", "formElement", "formControl", "classifications", "readonly", "size"] }, { kind: "component", type: OrganizationComponent, selector: "yuv-organization", inputs: ["placeholder", "situation", "multiselect", "classifications", "readonly", "autofocus", "appendTo", "excludeMe", "withMetadata"], outputs: ["userSelect"] }, { kind: "component", type: NumberComponent, selector: "yuv-number", inputs: ["scale", "precision", "grouping", "groupPattern", "readonly", "minValue", "maxValue", "classifications"] }, { kind: "component", type: NumberRangeComponent, selector: "yuv-number-range", inputs: ["scale", "precision", "grouping", "pattern", "readonly", "classifications", "minValue", "maxValue"] }, { kind: "component", type: DatetimeComponent, selector: "yuv-datetime", inputs: ["onlyFutureDates", "readonly", "withTime"] }, { kind: "component", type: DatetimeRangeComponent, selector: "yuv-datetime-range", inputs: ["withTime", "readonly", "operator", "situation"] }, { kind: "directive", type: MetadataElementTemplateDirective, selector: "[yuvMetadataElementTemplate]", inputs: ["yuvMetadataElementTemplate", "propertyType", "situation"] }, { kind: "ngmodule", type: YvcCheckboxModule }, { kind: "component", type: i2.CheckboxComponent, selector: "yvc-checkbox", inputs: ["tristate", "readonly"] }] }); }
+class MetadataFormFieldComponent {
+    constructor() {
+        this.#registry = inject(MetadataFormElementRegistry);
+        this.#system = inject(SystemService);
+        this.#ngControl = injectNgControl();
+        this.elementTemplate = signal(undefined);
+        this.readonly = false;
+        this.formField = input.required({ alias: 'field' });
+        this.#fieldEffect = effect(() => {
+            const field = this.formField();
+            untracked(() => {
+                if (!field._internalType)
+                    field._internalType = this.#system.getInternalFormElementType(field.propertyType);
+                this.elementTemplate.set(this.#registry.getElementTemplate(field._internalType, this.situation()));
+                // TODO: set readonly state based on ...????... schema?
+                this.readonly = false;
+            });
+        });
+        this.context = computed(() => {
+            const field = this.formField();
+            field.required = this.situation() !== Situation.SEARCH ? field.required : false;
+            return {
+                label: field.label || field.name,
+                description: field.description,
+                situation: this.situation() || Situation.EDIT,
+                field,
+                ctrl: this.#ngControl?.control || undefined
+            };
+        });
+        /**
+         * Form situation, if not set default will be 'EDIT'
+         */
+        this.situation = input(Situation.EDIT);
+    }
+    #registry;
+    #system;
+    #ngControl;
+    #fieldEffect;
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: MetadataFormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: MetadataFormFieldComponent, isStandalone: true, selector: "yuv-metadata-form-field", inputs: { formField: { classPropertyName: "formField", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, situation: { classPropertyName: "situation", publicName: "situation", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "yuv-metadata-form-field" }, hostDirectives: [{ directive: i1.NoopValueAccessorDirective }], ngImport: i0, template: "@let field = formField();\n@let et = elementTemplate();\n\n@if (field) {\n  <div class=\"form-field t-{{ field._internalType }}\" #formField [attr.data-name]=\"field.name\" [ngClass]=\"{ disabled: !!readonly }\">\n    @if (et) {\n      <ng-container *ngTemplateOutlet=\"et; context: { $implicit: context() }\"></ng-container>\n    } @else {\n      <em>\n        <strong>{{ field._internalType }}</strong>\n      </em>\n    }\n  </div>\n}\n", styles: [".yuv-metadata-form-field .form-field{margin-block-end:1px;border-radius:.25em;display:flex;align-items:center}.yuv-metadata-form-field .form-field mat-form-field{flex:1}.yuv-metadata-form-field .form-field .yuv-label-invalid{color:var(--ymt-on-danger-container)}.yuv-metadata-form-field .form-field .yuv-label-dirty{--marker-bg-color: limegreen}.yuv-metadata-form-field .form-field .yuv-label-dirty:after{content:\"\";display:inline-block;background-color:var(--marker-bg-color);border-radius:50%;width:.5em;height:.5em;margin-inline-start:.5em;margin-inline-end:.25em}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatFormFieldModule }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MetadataDefaultTemplatesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: MetadataFormFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'yuv-metadata-default-templates', standalone: true, imports: [
-                        CommonModule,
-                        ReactiveFormsModule,
-                        FormInputComponent,
-                        CatalogComponent,
-                        StringComponent,
-                        DataGridComponent,
-                        OrganizationComponent,
-                        NumberComponent,
-                        NumberRangeComponent,
-                        DatetimeComponent,
-                        DatetimeRangeComponent,
-                        MetadataElementTemplateDirective,
-                        YvcCheckboxModule
-                    ], template: "<!-- form element templates -->\n<!-- STRING -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"string\" let-ctx>\n  <yuv-string\n    [situation]=\"ctx.situation\"\n    [formControl]=\"ctx.ngControl\"\n    [attr.data-name]=\"ctx.field.name\"\n    [multiselect]=\"ctx.field.cardinality === 'multi' || ctx.situation === 'SEARCH'\"\n    [rows]=\"ctx.field.rows\"\n    [classifications]=\"ctx.field.classifications\"\n    [regex]=\"ctx.field.regex\"\n    [readonly]=\"ctx.field.readonly\"\n    [minLength]=\"ctx.field.minLength\"\n    [maxLength]=\"ctx.field.maxLength\"\n  >\n  </yuv-string>\n</ng-template>\n\n<!-- ORGANIZATION -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"string:organization\" let-ctx>\n  <yuv-organization\n    [situation]=\"ctx.situation\"\n    [multiselect]=\"ctx.field.cardinality === 'multi' || ctx.situation === 'SEARCH'\"\n    (userSelect)=\"ctx.field.dataMeta = $event\"\n    [formControl]=\"ctx.ngControl\"\n    [attr.data-name]=\"ctx.field.name\"\n    [classifications]=\"ctx.field.classifications\"\n    [readonly]=\"ctx.field.readonly\"\n  >\n  </yuv-organization>\n</ng-template>\n\n<!-- INTEGER -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"integer\" let-ctx>\n  @if (ctx.situation !== 'SEARCH') {\n    <yuv-number\n      [readonly]=\"ctx.field.readonly\"\n      [precision]=\"ctx.field.precision\"\n      [scale]=\"0\"\n      [grouping]=\"ctx.field.grouping\"\n      [minValue]=\"ctx.field.minValue\"\n      [maxValue]=\"ctx.field.maxValue\"\n      [formControl]=\"ctx.ngControl\"\n      [attr.data-name]=\"ctx.field.name\"\n      [classifications]=\"ctx.field.classifications\"\n    >\n    </yuv-number>\n  } @else {\n    <yuv-number-range\n      [readonly]=\"ctx.field.readonly\"\n      [precision]=\"ctx.field.precision\"\n      [scale]=\"0\"\n      [grouping]=\"ctx.field.grouping\"\n      [minValue]=\"ctx.field.minValue\"\n      [maxValue]=\"ctx.field.maxValue\"\n      [pattern]=\"ctx.field.pattern\"\n      [formControl]=\"ctx.ngControl\"\n      [attr.data-name]=\"ctx.field.name\"\n      [classifications]=\"ctx.field.classifications\"\n    ></yuv-number-range>\n  }\n</ng-template>\n\n<!-- DECIMAL -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"decimal\" let-ctx>\n  @if (ctx.situation !== 'SEARCH') {\n    <yuv-number\n      [readonly]=\"ctx.field.readonly\"\n      [precision]=\"ctx.field.precision\"\n      [scale]=\"ctx.field.scale\"\n      [grouping]=\"ctx.field.grouping\"\n      [pattern]=\"ctx.field.pattern\"\n      [minValue]=\"ctx.field.minValue\"\n      [maxValue]=\"ctx.field.maxValue\"\n      [formControl]=\"ctx.ngControl\"\n      [attr.data-name]=\"ctx.field.name\"\n    >\n      >\n    </yuv-number>\n  } @else {\n    <yuv-number-range\n      [readonly]=\"ctx.field.readonly\"\n      [precision]=\"ctx.field.precision\"\n      [scale]=\"ctx.field.scale\"\n      [pattern]=\"ctx.field.pattern\"\n      [grouping]=\"ctx.field.grouping\"\n      [minValue]=\"ctx.field.minValue\"\n      [maxValue]=\"ctx.field.maxValue\"\n      [formControl]=\"ctx.ngControl\"\n      [attr.data-name]=\"ctx.field.name\"\n    ></yuv-number-range>\n  }\n</ng-template>\n\n<!-- BOOLEAN -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"boolean\" let-ctx>\n  <yvc-checkbox\n    [formControl]=\"ctx.ngControl\"\n    [attr.data-name]=\"ctx.field.name\"\n    [readonly]=\"ctx.field.readonly\"\n    [tristate]=\"ctx.field.tristate === false ? false : true\"\n  ></yvc-checkbox>\n</ng-template>\n\n<!-- BOOLEAN SWITCH -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"boolean:switch\" let-ctx>\n  <yvc-checkbox\n    [formControl]=\"ctx.ngControl\"\n    switch=\"true\"\n    [attr.data-name]=\"ctx.field.name\"\n    [readonly]=\"ctx.field.readonly\"\n    [tristate]=\"ctx.field.tristate === false ? false : true\"\n  ></yvc-checkbox>\n</ng-template>\n\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"datetime\" let-ctx>\n  @if (ctx.situation !== 'SEARCH') {\n    <yuv-datetime\n      [readonly]=\"ctx.field.readonly\"\n      [withTime]=\"ctx.field.resolution !== 'date'\"\n      [formControl]=\"ctx.ngControl\"\n      [attr.data-name]=\"ctx.field.name\"\n    ></yuv-datetime>\n  } @else {\n    <yuv-datetime-range\n      [situation]=\"ctx.situation\"\n      [readonly]=\"ctx.field.readonly\"\n      [withTime]=\"ctx.field.resolution !== 'date'\"\n      [formControl]=\"ctx.ngControl\"\n      [attr.data-name]=\"ctx.field.name\"\n    ></yuv-datetime-range>\n  }\n</ng-template>\n\n<!-- TABLE -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"table\" let-ctx>\n  <yuv-data-grid\n    [situation]=\"ctx.situation\"\n    [formControl]=\"ctx.ngControl\"\n    [formElement]=\"ctx.field\"\n    [attr.data-name]=\"ctx.field.name\"\n    [classifications]=\"ctx.field.classifications\"\n    [readonly]=\"ctx.field.readonly\"\n  >\n  </yuv-data-grid>\n</ng-template>\n" }]
+            args: [{ selector: 'yuv-metadata-form-field', standalone: true, imports: [NgClass, NgTemplateOutlet, MatFormFieldModule], hostDirectives: [NoopValueAccessorDirective], encapsulation: ViewEncapsulation.None, host: {
+                        class: 'yuv-metadata-form-field'
+                    }, template: "@let field = formField();\n@let et = elementTemplate();\n\n@if (field) {\n  <div class=\"form-field t-{{ field._internalType }}\" #formField [attr.data-name]=\"field.name\" [ngClass]=\"{ disabled: !!readonly }\">\n    @if (et) {\n      <ng-container *ngTemplateOutlet=\"et; context: { $implicit: context() }\"></ng-container>\n    } @else {\n      <em>\n        <strong>{{ field._internalType }}</strong>\n      </em>\n    }\n  </div>\n}\n", styles: [".yuv-metadata-form-field .form-field{margin-block-end:1px;border-radius:.25em;display:flex;align-items:center}.yuv-metadata-form-field .form-field mat-form-field{flex:1}.yuv-metadata-form-field .form-field .yuv-label-invalid{color:var(--ymt-on-danger-container)}.yuv-metadata-form-field .form-field .yuv-label-dirty{--marker-bg-color: limegreen}.yuv-metadata-form-field .form-field .yuv-label-dirty:after{content:\"\";display:inline-block;background-color:var(--marker-bg-color);border-radius:50%;width:.5em;height:.5em;margin-inline-start:.5em;margin-inline-end:.25em}\n"] }]
         }] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { MetadataDefaultTemplatesComponent, MetadataFormElementRegistry, MetadataFormFieldComponent };
+export { MetadataFormElementRegistry, MetadataFormFieldComponent, ObjectMetadataElementErrorDirective, ObjectMetadataElementLabelDirective, ObjectMetadataElementTemplateDirective };
 //# sourceMappingURL=yuuvis-client-framework-metadata-form.mjs.map

package/fesm2022/yuuvis-client-framework-metadata-form.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"yuuvis-client-framework-metadata-form.mjs","sources":["../../../../../libs/yuuvis/client-framework/metadata-form/src/lib/metadata-form-element-registry.service.ts","../../../../../libs/yuuvis/client-framework/metadata-form/src/lib/metadata-form-field/metadata-form-field.component.ts","../../../../../libs/yuuvis/client-framework/metadata-form/src/lib/metadata-form-field/metadata-form-field.component.html","../../../../../libs/yuuvis/client-framework/metadata-form/src/lib/object-metadata-element-template.directive.ts","../../../../../libs/yuuvis/client-framework/metadata-form/src/lib/metadata-default-templates/metadata-default-templates.component.ts","../../../../../libs/yuuvis/client-framework/metadata-form/src/lib/metadata-default-templates/metadata-default-templates.component.html","../../../../../libs/yuuvis/client-framework/metadata-form/src/yuuvis-client-framework-metadata-form.ts"],"sourcesContent":["import { Injectable, TemplateRef } from '@angular/core';\nimport { Situation } from '@yuuvis/client-core';\n\n/**\n * Registration service for form elements rendered within an object form.\n */\n@Injectable({\n  providedIn: 'root'\n})\nexport class MetadataFormElementRegistry {\n  private _defaults: { [propertyType: string]: TemplateRef<any> } = {};\n\n  private _edit: { [propertyType: string]: TemplateRef<any> } = {};\n  private _search: { [propertyType: string]: TemplateRef<any> } = {};\n  private _create: { [propertyType: string]: TemplateRef<any> } = {};\n\n  /**\n   * Get a template to render a certain form element\n   * @param propertyType The internal type to get the template for\n   * @param situation Form situation\n   * @returns TemplateRef or undefined\n   */\n  getElementTemplate(propertyType: string, situation: string = Situation.EDIT): TemplateRef<any> | undefined {\n    let cmps = { ...this._defaults, ...this._edit };\n    if (situation === Situation.SEARCH) cmps = { ...this._defaults, ...this._edit, ...this._search };\n    else if (situation === Situation.CREATE) cmps = { ...this._defaults, ...this._edit, ...this._create };\n\n    return cmps[propertyType];\n  }\n\n  /**\n   * Register an object form element for a certain internal type. You might add a new component\n   * or overwrite an existung one.\n   * @param propertyType The internal type to provide the component for\n   * @param component The component\n   * @param situation Form situation to provide thew form element for (defaults to EDIT)\n   */\n  addElementTemplate(propertyType: string, templateRef: TemplateRef<any>, situation: Situation = Situation.EDIT): void {\n    if (propertyType && templateRef) {\n      switch (situation) {\n        case Situation.SEARCH: {\n          this._search[propertyType] = templateRef;\n          break;\n        }\n        case Situation.CREATE: {\n          this._create[propertyType] = templateRef;\n          break;\n        }\n        default: {\n          this._edit[propertyType] = templateRef;\n        }\n      }\n    }\n  }\n\n  /**\n   * Remove a registered form element.\n   * @param propertyType The internal type to remove the component for\n   * @param situation Form situation to provide thew form element for (defaults to EDIT)\n   */\n  removeElementTemplate(propertyType: string, situation: Situation = Situation.EDIT) {\n    switch (situation) {\n      case Situation.SEARCH: {\n        delete this._search[propertyType];\n        break;\n      }\n      case Situation.CREATE: {\n        delete this._create[propertyType];\n        break;\n      }\n      default: {\n        delete this._edit[propertyType];\n      }\n    }\n  }\n\n  /**\n   * Register default form element component. Usually this will be done by the object\n   * form component itself.\n   * @param propertyType The internal type to provide the component for\n   * @param component The default component\n   */\n  _addDefaultElementTemplate(propertyType: string, templateRef: TemplateRef<any>): void {\n    if (propertyType && templateRef) {\n      this._defaults[propertyType] = templateRef;\n    }\n  }\n\n  /**\n   * Remove a registered default form element.\n   * @param propertyType The internal type to remove the component for\n   */\n  _removeDefaultElementTemplate(propertyType: string) {\n    delete this._defaults[propertyType];\n  }\n}\n","import { NgClass, NgTemplateOutlet } from '@angular/common';\nimport { Component, effect, inject, input, OnDestroy, OnInit, signal, TemplateRef, untracked, ViewEncapsulation } from '@angular/core';\nimport { ValidationErrors } from '@angular/forms';\nimport { ObjectTypeField, Situation, SystemService, TranslateService, Utils } from '@yuuvis/client-core';\nimport { injectNgControl, NoopValueAccessorDirective } from '@yuuvis/client-framework/common';\nimport { FormInputComponent } from '@yuuvis/client-framework/forms';\nimport { Subscription } from 'rxjs';\nimport { MetadataFormElementRegistry } from '../metadata-form-element-registry.service';\nimport { ErrorMessagesService } from '@yuuvis/client-framework/common';\n\n@Component({\n  selector: 'yuv-metadata-form-field',\n  standalone: true,\n  imports: [NgClass, NgTemplateOutlet, FormInputComponent],\n  templateUrl: './metadata-form-field.component.html',\n  styleUrl: './metadata-form-field.component.scss',\n  hostDirectives: [NoopValueAccessorDirective],\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'yuv-metadata-form-field'\n  }\n})\nexport class MetadataFormFieldComponent implements OnInit, OnDestroy {\n  readonly #registry = inject(MetadataFormElementRegistry);\n  readonly #system = inject(SystemService);\n  private readonly translate = inject(TranslateService);\n  readonly #errorMassge = inject(ErrorMessagesService);\n\n  private _subs: Subscription[] = [];\n  ngControl = injectNgControl();\n  elementTemplate = signal<TemplateRef<any> | undefined>(undefined);\n  errors: ValidationErrors | null = null;\n  label = '';\n  readonly = false;\n  required = false;\n  tag:\n    | {\n        label: string;\n        title: string;\n      }\n    | undefined;\n  private _field!: ObjectTypeField;\n\n  formField = input.required<ObjectTypeField>({ alias: 'field' });\n\n  #fieldEffect = effect(() => {\n    const field = this.formField();\n\n    untracked(() => {\n      this.elementTemplate.set(this.#registry.getElementTemplate(field._internalType, this.situation()));\n      this.label = this.#system.getLocalizedLabel(field.name) || field.name;\n\n      // TODO: set readonly state based on ...????... schema?\n      this.readonly = false;\n      this.required = this.situation() !== Situation.SEARCH ? field.required : false;\n      this.ngControl.statusChanges;\n      this.fetchTags();\n    });\n  });\n\n  /**\n   * Form situation, if not set default will be 'EDIT'\n   */\n  situation = input<string | undefined>(Situation.EDIT);\n\n  fetchTags() {\n    this.tag = undefined;\n    if (\n      this.situation() === Situation.CREATE &&\n      (Utils.hasProperty(this.formField(), 'defaultvaluefunction') || Utils.hasProperty(this.formField(), 'defaultvalue'))\n    ) {\n      this.tag =\n        (this.formField() as any).defaultvaluefunction === 'EXTRACTION'\n          ? {\n              label: 'ex',\n              title: this.translate.instant('yuv.object-form-element.tag.ex')\n            }\n          : {\n              label: 'df',\n              title: this.translate.instant('yuv.object-form-element.tag.df')\n            };\n    }\n  }\n\n  ngOnInit(): void {\n    if (this.ngControl.statusChanges)\n      this._subs.push(\n        this.ngControl.statusChanges.subscribe(() => {\n          this.errors = this.ngControl.control.errors\n            ? Object.keys(this.ngControl.control.errors).map((key) => {\n                return this.ngControl.control.errors ? this.#errorMassge.getErrorLabel(key, this.ngControl.control.errors[key].params) : null;\n              })\n            : null;\n        })\n      );\n  }\n\n  ngOnDestroy(): void {\n    this._subs.forEach((s) => s.unsubscribe());\n  }\n}\n","@let field = formField();\n\n@if (field) {\n  @let et = elementTemplate();\n\n  <div class=\"form-field t-{{ field._internalType }}\" #formField [attr.data-name]=\"field.name\" [ngClass]=\"{ disabled: !!readonly }\">\n    @if (et) {\n      @if (field._internalType === 'table') {\n        <ng-container *ngTemplateOutlet=\"et; context: { $implicit: { situation: situation(), ngControl: ngControl.control, field } }\"></ng-container>\n      } @else {\n        <yuv-form-input\n          [ngClass]=\"{ checkbox: field._internalType === 'boolean' }\"\n          [tag]=\"tag\"\n          [label]=\"label\"\n          [required]=\"required\"\n          [invalid]=\"!!errors\"\n          [disabled]=\"readonly\"\n        >\n          <ng-container *ngTemplateOutlet=\"et; context: { $implicit: { situation: situation(), ngControl: ngControl.control, field } }\"></ng-container>\n        </yuv-form-input>\n      }\n    } @else {\n      <em>\n        <strong>{{ field._internalType }}</strong>\n      </em>\n    }\n\n    <!-- the fields description -->\n    @if (field.description) {\n      <div class=\"description\">\n        {{ field.description }}\n      </div>\n    }\n\n    <!-- error/validation messages -->\n    @if (errors) {\n      <div class=\"err-msg\">\n        <div>{{ errors[errors['length'] - 1] }}</div>\n      </div>\n    }\n  </div>\n}\n","import { Directive, Input, OnDestroy, OnInit, TemplateRef, inject } from '@angular/core';\nimport { Situation } from '@yuuvis/client-core';\nimport { MetadataFormElementRegistry } from './metadata-form-element-registry.service';\n\n/**\n * Directive to be applied to a `ng-template`. It will register the template as a\n * form element used by object-form component.\n *\n * Context is provided with the following fields:\n * - situation: form situation 'EDIT', 'CREATE', 'SEARCH'\n * - field: ObjectTypeField\n * - ngControl: Reactive FormControl\n *\n * @example\n * <ng-template yuvMetadataElementTemplate propertyType=\"boolean:switch\" let-ctx>...</ng-template>\n *\n */\n@Directive({\n  selector: '[yuvMetadataElementTemplate]',\n  standalone: true,\n})\nexport class MetadataElementTemplateDirective implements OnInit, OnDestroy {\n  private registry = inject(MetadataFormElementRegistry);\n  private template = inject(TemplateRef<any>);\n\n  @Input() yuvMetadataElementTemplate?: string;\n  @Input() propertyType!: string;\n  @Input() situation: Situation = Situation.EDIT;\n\n  ngOnInit(): void {\n    if (this.yuvMetadataElementTemplate === 'default') this.registry._addDefaultElementTemplate(this.propertyType, this.template);\n    else this.registry.addElementTemplate(this.propertyType, this.template, this.situation);\n  }\n\n  ngOnDestroy(): void {\n    if (this.yuvMetadataElementTemplate === 'default') this.registry._removeDefaultElementTemplate(this.propertyType);\n    else this.registry.removeElementTemplate(this.propertyType, this.situation);\n  }\n}\n","import { Component } from '@angular/core';\nimport {\n  CatalogComponent,\n  DataGridComponent,\n  DatetimeComponent,\n  DatetimeRangeComponent,\n  FormInputComponent,\n  NumberComponent,\n  NumberRangeComponent,\n  OrganizationComponent,\n  StringComponent\n} from '@yuuvis/client-framework/forms';\nimport { MetadataElementTemplateDirective } from '../object-metadata-element-template.directive';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { YvcCheckboxModule } from '@yuuvis/components/checkbox';\n\n@Component({\n  selector: 'yuv-metadata-default-templates',\n  standalone: true,\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    FormInputComponent,\n    CatalogComponent,\n    StringComponent,\n    DataGridComponent,\n    OrganizationComponent,\n    NumberComponent,\n    NumberRangeComponent,\n    DatetimeComponent,\n    DatetimeRangeComponent,\n    MetadataElementTemplateDirective,\n    YvcCheckboxModule\n  ],\n  templateUrl: './metadata-default-templates.component.html',\n  styleUrl: './metadata-default-templates.component.scss'\n})\nexport class MetadataDefaultTemplatesComponent {}\n","<!-- form element templates -->\n<!-- STRING -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"string\" let-ctx>\n  <yuv-string\n    [situation]=\"ctx.situation\"\n    [formControl]=\"ctx.ngControl\"\n    [attr.data-name]=\"ctx.field.name\"\n    [multiselect]=\"ctx.field.cardinality === 'multi' || ctx.situation === 'SEARCH'\"\n    [rows]=\"ctx.field.rows\"\n    [classifications]=\"ctx.field.classifications\"\n    [regex]=\"ctx.field.regex\"\n    [readonly]=\"ctx.field.readonly\"\n    [minLength]=\"ctx.field.minLength\"\n    [maxLength]=\"ctx.field.maxLength\"\n  >\n  </yuv-string>\n</ng-template>\n\n<!-- ORGANIZATION -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"string:organization\" let-ctx>\n  <yuv-organization\n    [situation]=\"ctx.situation\"\n    [multiselect]=\"ctx.field.cardinality === 'multi' || ctx.situation === 'SEARCH'\"\n    (userSelect)=\"ctx.field.dataMeta = $event\"\n    [formControl]=\"ctx.ngControl\"\n    [attr.data-name]=\"ctx.field.name\"\n    [classifications]=\"ctx.field.classifications\"\n    [readonly]=\"ctx.field.readonly\"\n  >\n  </yuv-organization>\n</ng-template>\n\n<!-- INTEGER -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"integer\" let-ctx>\n  @if (ctx.situation !== 'SEARCH') {\n    <yuv-number\n      [readonly]=\"ctx.field.readonly\"\n      [precision]=\"ctx.field.precision\"\n      [scale]=\"0\"\n      [grouping]=\"ctx.field.grouping\"\n      [minValue]=\"ctx.field.minValue\"\n      [maxValue]=\"ctx.field.maxValue\"\n      [formControl]=\"ctx.ngControl\"\n      [attr.data-name]=\"ctx.field.name\"\n      [classifications]=\"ctx.field.classifications\"\n    >\n    </yuv-number>\n  } @else {\n    <yuv-number-range\n      [readonly]=\"ctx.field.readonly\"\n      [precision]=\"ctx.field.precision\"\n      [scale]=\"0\"\n      [grouping]=\"ctx.field.grouping\"\n      [minValue]=\"ctx.field.minValue\"\n      [maxValue]=\"ctx.field.maxValue\"\n      [pattern]=\"ctx.field.pattern\"\n      [formControl]=\"ctx.ngControl\"\n      [attr.data-name]=\"ctx.field.name\"\n      [classifications]=\"ctx.field.classifications\"\n    ></yuv-number-range>\n  }\n</ng-template>\n\n<!-- DECIMAL -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"decimal\" let-ctx>\n  @if (ctx.situation !== 'SEARCH') {\n    <yuv-number\n      [readonly]=\"ctx.field.readonly\"\n      [precision]=\"ctx.field.precision\"\n      [scale]=\"ctx.field.scale\"\n      [grouping]=\"ctx.field.grouping\"\n      [pattern]=\"ctx.field.pattern\"\n      [minValue]=\"ctx.field.minValue\"\n      [maxValue]=\"ctx.field.maxValue\"\n      [formControl]=\"ctx.ngControl\"\n      [attr.data-name]=\"ctx.field.name\"\n    >\n      >\n    </yuv-number>\n  } @else {\n    <yuv-number-range\n      [readonly]=\"ctx.field.readonly\"\n      [precision]=\"ctx.field.precision\"\n      [scale]=\"ctx.field.scale\"\n      [pattern]=\"ctx.field.pattern\"\n      [grouping]=\"ctx.field.grouping\"\n      [minValue]=\"ctx.field.minValue\"\n      [maxValue]=\"ctx.field.maxValue\"\n      [formControl]=\"ctx.ngControl\"\n      [attr.data-name]=\"ctx.field.name\"\n    ></yuv-number-range>\n  }\n</ng-template>\n\n<!-- BOOLEAN -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"boolean\" let-ctx>\n  <yvc-checkbox\n    [formControl]=\"ctx.ngControl\"\n    [attr.data-name]=\"ctx.field.name\"\n    [readonly]=\"ctx.field.readonly\"\n    [tristate]=\"ctx.field.tristate === false ? false : true\"\n  ></yvc-checkbox>\n</ng-template>\n\n<!-- BOOLEAN SWITCH -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"boolean:switch\" let-ctx>\n  <yvc-checkbox\n    [formControl]=\"ctx.ngControl\"\n    switch=\"true\"\n    [attr.data-name]=\"ctx.field.name\"\n    [readonly]=\"ctx.field.readonly\"\n    [tristate]=\"ctx.field.tristate === false ? false : true\"\n  ></yvc-checkbox>\n</ng-template>\n\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"datetime\" let-ctx>\n  @if (ctx.situation !== 'SEARCH') {\n    <yuv-datetime\n      [readonly]=\"ctx.field.readonly\"\n      [withTime]=\"ctx.field.resolution !== 'date'\"\n      [formControl]=\"ctx.ngControl\"\n      [attr.data-name]=\"ctx.field.name\"\n    ></yuv-datetime>\n  } @else {\n    <yuv-datetime-range\n      [situation]=\"ctx.situation\"\n      [readonly]=\"ctx.field.readonly\"\n      [withTime]=\"ctx.field.resolution !== 'date'\"\n      [formControl]=\"ctx.ngControl\"\n      [attr.data-name]=\"ctx.field.name\"\n    ></yuv-datetime-range>\n  }\n</ng-template>\n\n<!-- TABLE -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"table\" let-ctx>\n  <yuv-data-grid\n    [situation]=\"ctx.situation\"\n    [formControl]=\"ctx.ngControl\"\n    [formElement]=\"ctx.field\"\n    [attr.data-name]=\"ctx.field.name\"\n    [classifications]=\"ctx.field.classifications\"\n    [readonly]=\"ctx.field.readonly\"\n  >\n  </yuv-data-grid>\n</ng-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}
+{"version":3,"file":"yuuvis-client-framework-metadata-form.mjs","sources":["../../../../../libs/yuuvis/client-framework/metadata-form/src/lib/metadata-form-element-registry.service.ts","../../../../../libs/yuuvis/client-framework/metadata-form/src/lib/object-metadata-element-label.directive.ts","../../../../../libs/yuuvis/client-framework/metadata-form/src/lib/object-metadata-element-error.directive.ts","../../../../../libs/yuuvis/client-framework/metadata-form/src/lib/object-metadata-element-template.directive.ts","../../../../../libs/yuuvis/client-framework/metadata-form/src/lib/metadata-form-field/metadata-form-field.component.ts","../../../../../libs/yuuvis/client-framework/metadata-form/src/lib/metadata-form-field/metadata-form-field.component.html","../../../../../libs/yuuvis/client-framework/metadata-form/src/yuuvis-client-framework-metadata-form.ts"],"sourcesContent":["import { Injectable, TemplateRef } from '@angular/core';\nimport { Situation } from '@yuuvis/client-core';\n\n/**\n * Registration service for form elements rendered within an object form.\n */\n@Injectable({\n  providedIn: 'root'\n})\nexport class MetadataFormElementRegistry {\n  private _defaults: { [propertyType: string]: TemplateRef<any> } = {};\n\n  private _edit: { [propertyType: string]: TemplateRef<any> } = {};\n  private _search: { [propertyType: string]: TemplateRef<any> } = {};\n  private _create: { [propertyType: string]: TemplateRef<any> } = {};\n\n  /**\n   * Get a template to render a certain form element\n   * @param propertyType The internal type to get the template for\n   * @param situation Form situation\n   * @returns TemplateRef or undefined\n   */\n  getElementTemplate(propertyType: string, situation: string = Situation.EDIT): TemplateRef<any> | undefined {\n    let cmps = { ...this._defaults, ...this._edit };\n    if (situation === Situation.SEARCH) cmps = { ...this._defaults, ...this._edit, ...this._search };\n    else if (situation === Situation.CREATE) cmps = { ...this._defaults, ...this._edit, ...this._create };\n\n    return cmps[propertyType];\n  }\n\n  /**\n   * Register an object form element for a certain internal type. You might add a new component\n   * or overwrite an existung one.\n   * @param propertyType The internal type to provide the component for\n   * @param component The component\n   * @param situation Form situation to provide thew form element for (defaults to EDIT)\n   */\n  addElementTemplate(propertyType: string, templateRef: TemplateRef<any>, situation: Situation = Situation.EDIT): void {\n    if (propertyType && templateRef) {\n      switch (situation) {\n        case Situation.SEARCH: {\n          this._search[propertyType] = templateRef;\n          break;\n        }\n        case Situation.CREATE: {\n          this._create[propertyType] = templateRef;\n          break;\n        }\n        default: {\n          this._edit[propertyType] = templateRef;\n        }\n      }\n    }\n  }\n\n  /**\n   * Remove a registered form element.\n   * @param propertyType The internal type to remove the component for\n   * @param situation Form situation to provide thew form element for (defaults to EDIT)\n   */\n  removeElementTemplate(propertyType: string, situation: Situation = Situation.EDIT) {\n    switch (situation) {\n      case Situation.SEARCH: {\n        delete this._search[propertyType];\n        break;\n      }\n      case Situation.CREATE: {\n        delete this._create[propertyType];\n        break;\n      }\n      default: {\n        delete this._edit[propertyType];\n      }\n    }\n  }\n\n  /**\n   * Register default form element component. Usually this will be done by the object\n   * form component itself.\n   * @param propertyType The internal type to provide the component for\n   * @param component The default component\n   */\n  _addDefaultElementTemplate(propertyType: string, templateRef: TemplateRef<any>): void {\n    if (propertyType && templateRef) {\n      this._defaults[propertyType] = templateRef;\n    }\n  }\n\n  /**\n   * Remove a registered default form element.\n   * @param propertyType The internal type to remove the component for\n   */\n  _removeDefaultElementTemplate(propertyType: string) {\n    delete this._defaults[propertyType];\n  }\n}\n","import { DestroyRef, Directive, ElementRef, inject, input, OnInit } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { AbstractControl, FormControlStatus } from '@angular/forms';\n\n@Directive({\n  selector: '[yuvObjectMetadataElementLabel]',\n  standalone: true,\n  host: {\n    '[class.dirty]': 'yuvObjectMetadataElementLabel().dirty',\n    '[class.error]': 'yuvObjectMetadataElementLabel().error'\n  }\n})\nexport class ObjectMetadataElementLabelDirective implements OnInit {\n  #elRef = inject(ElementRef);\n  #dRef = inject(DestroyRef);\n\n  yuvObjectMetadataElementLabel = input<AbstractControl<any, any>>();\n\n  ngOnInit() {\n    const ctrl = this.yuvObjectMetadataElementLabel();\n    if (ctrl) {\n      ctrl.statusChanges.pipe(takeUntilDestroyed(this.#dRef)).subscribe((s: FormControlStatus) => {\n        this.#elRef.nativeElement.classList.toggle('yuv-label-invalid', s === 'INVALID');\n      });\n      ctrl.valueChanges.pipe(takeUntilDestroyed(this.#dRef)).subscribe(() => {\n        this.#elRef.nativeElement.classList.toggle('yuv-label-dirty', ctrl.dirty);\n      });\n    }\n  }\n}\n","import { DestroyRef, Directive, ElementRef, inject, input, OnInit } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { FormControlStatus } from '@angular/forms';\nimport { ObjectFormControl, ObjectFormTranslateService } from '@yuuvis/client-core';\n\n/**\n * Directive to apply an object-form related error to a mat-label element.\n */\n@Directive({\n  selector: '[yuvObjectMetadataElementError]',\n  standalone: true\n})\nexport class ObjectMetadataElementErrorDirective implements OnInit {\n  #elRef = inject(ElementRef);\n  #dRef = inject(DestroyRef);\n  #fts = inject(ObjectFormTranslateService);\n\n  yuvObjectMetadataElementError = input<ObjectFormControl>();\n\n  #getErrors(): string[] {\n    const ctrl = this.yuvObjectMetadataElementError();\n\n    \n\n\n    return ctrl && ctrl.errors\n      ? Object.keys(ctrl.errors).map((key) => {\n          return key === 'eoformScript' ? ctrl._eoFormElement.error.msg : this.#fts.getErrorLabel(key, ctrl.errors![key].params);\n        })\n      : [];\n  }\n\n  ngOnInit() {\n    const ctrl = this.yuvObjectMetadataElementError();\n    if (ctrl) {\n      ctrl.statusChanges.pipe(takeUntilDestroyed(this.#dRef)).subscribe((s: FormControlStatus) => {\n        if (s === 'INVALID') {\n          const err = this.#getErrors();\n          this.#elRef.nativeElement.innerText = err.length > 0 ? err[0] : '';\n        }\n      });\n    }\n  }\n}\n","import { Directive, Input, OnDestroy, OnInit, TemplateRef, inject } from '@angular/core';\nimport { Situation } from '@yuuvis/client-core';\nimport { MetadataFormElementRegistry } from './metadata-form-element-registry.service';\n\n/**\n * Directive to be applied to a `ng-template`. It will register the template as a\n * form element used by object-form component.\n *\n * Context is provided with the following fields:\n * - situation: form situation 'EDIT', 'CREATE', 'SEARCH'\n * - field: ObjectTypeField\n * - ngControl: Reactive FormControl\n *\n * @example\n * <ng-template yuvMetadataElementTemplate propertyType=\"boolean:switch\" let-ctx>...</ng-template>\n *\n */\n@Directive({\n  selector: '[yuvMetadataElementTemplate]',\n  standalone: true,\n})\nexport class ObjectMetadataElementTemplateDirective implements OnInit, OnDestroy {\n  private registry = inject(MetadataFormElementRegistry);\n  private template = inject(TemplateRef<any>);\n\n  @Input() yuvMetadataElementTemplate?: string;\n  @Input() propertyType!: string;\n  @Input() situation: Situation = Situation.EDIT;\n\n  ngOnInit(): void {\n    if (this.yuvMetadataElementTemplate === 'default') this.registry._addDefaultElementTemplate(this.propertyType, this.template);\n    else this.registry.addElementTemplate(this.propertyType, this.template, this.situation);\n  }\n\n  ngOnDestroy(): void {\n    if (this.yuvMetadataElementTemplate === 'default') this.registry._removeDefaultElementTemplate(this.propertyType);\n    else this.registry.removeElementTemplate(this.propertyType, this.situation);\n  }\n}\n","import { NgClass, NgTemplateOutlet } from '@angular/common';\nimport { Component, computed, effect, inject, input, signal, TemplateRef, untracked, ViewEncapsulation } from '@angular/core';\n\nimport { MatFormFieldModule } from '@angular/material/form-field';\n\nimport { ObjectTypeField, Situation, SystemService } from '@yuuvis/client-core';\nimport { injectNgControl, NoopValueAccessorDirective } from '@yuuvis/client-framework/common';\nimport { MetadataFormElementRegistry } from '../metadata-form-element-registry.service';\nimport { MetadataFormFieldContext } from './metadata-form-field.interface';\n@Component({\n  selector: 'yuv-metadata-form-field',\n  standalone: true,\n  imports: [NgClass, NgTemplateOutlet, MatFormFieldModule],\n  templateUrl: './metadata-form-field.component.html',\n  styleUrl: './metadata-form-field.component.scss',\n  hostDirectives: [NoopValueAccessorDirective],\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'yuv-metadata-form-field'\n  }\n})\nexport class MetadataFormFieldComponent {\n  #registry = inject(MetadataFormElementRegistry);\n  #system = inject(SystemService);\n\n  #ngControl = injectNgControl();\n  elementTemplate = signal<TemplateRef<any> | undefined>(undefined);\n  readonly = false;\n\n  formField = input.required<ObjectTypeField>({ alias: 'field' });\n  #fieldEffect = effect(() => {\n    const field = this.formField();\n\n    untracked(() => {\n      if (!field._internalType) field._internalType = this.#system.getInternalFormElementType(field.propertyType);\n      this.elementTemplate.set(this.#registry.getElementTemplate(field._internalType, this.situation()));\n      // TODO: set readonly state based on ...????... schema?\n      this.readonly = false;\n    });\n  });\n  context = computed<MetadataFormFieldContext>(() => {\n    const field = this.formField();\n    field.required = this.situation() !== Situation.SEARCH ? field.required : false;\n    return {\n      label: field.label || field.name,\n      description: field.description,\n      situation: this.situation() || Situation.EDIT,\n      field,\n      ctrl: this.#ngControl?.control || undefined\n    };\n  });\n\n  /**\n   * Form situation, if not set default will be 'EDIT'\n   */\n  situation = input<string | undefined>(Situation.EDIT);\n}\n","@let field = formField();\n@let et = elementTemplate();\n\n@if (field) {\n  <div class=\"form-field t-{{ field._internalType }}\" #formField [attr.data-name]=\"field.name\" [ngClass]=\"{ disabled: !!readonly }\">\n    @if (et) {\n      <ng-container *ngTemplateOutlet=\"et; context: { $implicit: context() }\"></ng-container>\n    } @else {\n      <em>\n        <strong>{{ field._internalType }}</strong>\n      </em>\n    }\n  </div>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}