@yuuvis/client-framework 3.7.1 → 3.8.0

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

@@ -1,5 +1,6 @@
 import * as i0 from '@angular/core';
 import { Component, NgModule } from '@angular/core';
+import { NgTemplateOutlet } from '@angular/common';
 import * as i1 from '@angular/forms';
 import { ReactiveFormsModule } from '@angular/forms';
 import * as i2 from '@angular/material/checkbox';
@@ -9,15 +10,16 @@ import { MatFormFieldModule } from '@angular/material/form-field';
 import * as i4 from '@angular/material/slide-toggle';
 import { MatSlideToggleModule } from '@angular/material/slide-toggle';
 import { StringComponent, DataGridComponent, OrganizationComponent, OrganizationSetComponent, CatalogComponent, DynamicCatalogComponent, I18nCatalogComponent, NumberComponent, NumberRangeComponent, DatetimeComponent, DatetimeRangeComponent } from '@yuuvis/client-framework/forms';
-import { ObjectMetadataElementTemplateDirective, ObjectMetadataElementLabelDirective, ObjectMetadataElementErrorDirective } from '@yuuvis/client-framework/metadata-form';
+import { ObjectMetadataElementTemplateDirective, ObjectMetadataElementRawDirective, ObjectMetadataElementLabelDirective, ObjectMetadataElementErrorDirective } from '@yuuvis/client-framework/metadata-form';
 
 class MetadataDefaultTemplatesComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: MetadataDefaultTemplatesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: MetadataDefaultTemplatesComponent, isStandalone: true, selector: "yuv-metadata-default-templates", ngImport: i0, template: "<!-- form element templates -->\n\n<!-- STRING -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"string\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</mat-label>\n    <yuv-string\n      [required]=\"ctx.field.required\"\n      [situation]=\"ctx.situation\"\n      [formControl]=\"ctx.ctrl\"\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    <mat-hint>{{ ctx.description }}</mat-hint>\n\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\" />\n  </mat-form-field>\n</ng-template>\n\n<!-- STRING CATALOG (STATIC) -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"string:catalog\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</mat-label>\n    <yuv-catalog\n      [required]=\"ctx.field.required\"\n      [situation]=\"ctx.situation\"\n      [formControl]=\"ctx.ctrl\"\n      [attr.data-name]=\"ctx.field.name\"\n      [multiple]=\"ctx.field.cardinality === 'multi' || ctx.situation === 'SEARCH'\"\n      [classifications]=\"ctx.field.classifications\"\n      [readonly]=\"ctx.field.readonly\"\n    />\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\" />\n  </mat-form-field>\n</ng-template>\n\n<!-- STRING CATALOG (STATIC TRANSLATED)  -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"string:catalog:i18n\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</mat-label>\n    <yuv-i18n-catalog\n      [required]=\"ctx.field.required\"\n      [situation]=\"ctx.situation\"\n      [formControl]=\"ctx.ctrl\"\n      [propertyName]=\"ctx.field.name\"\n      [attr.data-name]=\"ctx.field.name\"\n      [multiple]=\"ctx.field.cardinality === 'multi' || ctx.situation === 'SEARCH'\"\n      [classifications]=\"ctx.field.classifications\"\n      [readonly]=\"ctx.field.readonly\"\n    />\n\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\" />\n  </mat-form-field>\n</ng-template>\n\n<!-- STRING CATALOG (DYNAMIC)  -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"string:catalog:dynamic\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</mat-label>\n    <yuv-dynamic-catalog\n      [required]=\"ctx.field.required\"\n      [situation]=\"ctx.situation\"\n      [formControl]=\"ctx.ctrl\"\n      [catalog]=\"ctx.field.catalog\"\n      [attr.data-name]=\"ctx.field.name\"\n      [multiple]=\"ctx.field.cardinality === 'multi' || ctx.situation === 'SEARCH'\"\n      [readonly]=\"ctx.field.readonly\"\n    />\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\" />\n  </mat-form-field>\n</ng-template>\n\n<!-- ORGANIZATION -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"string:organization\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</mat-label>\n    <yuv-organization\n      [required]=\"ctx.field.required\"\n      [situation]=\"ctx.situation\"\n      [multiselect]=\"ctx.field.cardinality === 'multi' || ctx.situation === 'SEARCH'\"\n      (userSelect)=\"ctx.field.dataMeta = $event\"\n      [formControl]=\"ctx.ctrl\"\n      [attr.data-name]=\"ctx.field.name\"\n      [classifications]=\"ctx.field.classifications\"\n      [readonly]=\"ctx.field.readonly\"\n    />\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\" />\n  </mat-form-field>\n</ng-template>\n\n<!-- ORGANIZATION SET -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"string:organization:set\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</mat-label>\n    <yuv-organization-set\n      [required]=\"ctx.field.required\"\n      [situation]=\"ctx.situation\"\n      [multiselect]=\"ctx.field.cardinality === 'multi' || ctx.situation === 'SEARCH'\"\n      [formControl]=\"ctx.ctrl\"\n      [attr.data-name]=\"ctx.field.name\"\n      [classifications]=\"ctx.field.classifications\"\n      [readonly]=\"ctx.field.readonly\"\n    />\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\" />\n  </mat-form-field>\n</ng-template>\n\n<!-- INTEGER -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"integer\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</mat-label>\n    @if (ctx.situation !== 'SEARCH') {\n      <yuv-number\n        [required]=\"ctx.field.required\"\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.ctrl\"\n        [attr.data-name]=\"ctx.field.name\"\n        [classifications]=\"ctx.field.classifications\"\n      />\n    } @else {\n      <yuv-number-range\n        [required]=\"ctx.field.required\"\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.ctrl\"\n        [attr.data-name]=\"ctx.field.name\"\n        [classifications]=\"ctx.field.classifications\"\n      />\n    }\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\" />\n  </mat-form-field>\n</ng-template>\n\n<!-- DECIMAL -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"decimal\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</mat-label>\n    @if (ctx.situation !== 'SEARCH') {\n      <yuv-number\n        [required]=\"ctx.field.required\"\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.ctrl\"\n        [attr.data-name]=\"ctx.field.name\"\n      >\n        >\n      </yuv-number>\n    } @else {\n      <yuv-number-range\n        [required]=\"ctx.field.required\"\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.ctrl\"\n        [attr.data-name]=\"ctx.field.name\"\n      />\n    }\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\" />\n  </mat-form-field>\n</ng-template>\n\n<!-- BOOLEAN -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"boolean\" let-ctx>\n  <mat-checkbox\n    [formControl]=\"ctx.ctrl\"\n    [attr.data-name]=\"ctx.field.name\"\n    [disabled]=\"ctx.field.readonly\"\n    [indeterminate]=\"\n      ctx.field.tristate === false ? false : ctx.ctrl.value !== true && ctx.ctrl.value !== false ? true : false\n    \"\n  />\n  <label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</label>\n</ng-template>\n\n<!-- BOOLEAN SWITCH -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"boolean:switch\" let-ctx>\n  <mat-slide-toggle\n    [formControl]=\"ctx.ctrl\"\n    switch=\"true\"\n    [attr.data-name]=\"ctx.field.name\"\n    [disabled]=\"ctx.field.readonly\"\n  ></mat-slide-toggle>\n  <label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</label>\n</ng-template>\n\n<!-- DATETIME -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"datetime\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</mat-label>\n    @if (ctx.situation !== 'SEARCH') {\n      <yuv-datetime\n        [required]=\"ctx.field.required\"\n        [readonly]=\"ctx.field.readonly\"\n        [withTime]=\"ctx.field.resolution !== 'date'\"\n        [formControl]=\"ctx.ctrl\"\n        [attr.data-name]=\"ctx.field.name\"\n      />\n    } @else {\n      <yuv-datetime-range\n        [required]=\"ctx.field.required\"\n        [situation]=\"ctx.situation\"\n        [readonly]=\"ctx.field.readonly\"\n        [withTime]=\"ctx.field.resolution !== 'date'\"\n        [formControl]=\"ctx.ctrl\"\n        [attr.data-name]=\"ctx.field.name\"\n      />\n    }\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\" />\n  </mat-form-field>\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.ctrl\"\n    [formElement]=\"ctx.field\"\n    [attr.data-name]=\"ctx.field.name\"\n    [classifications]=\"ctx.field.classifications\"\n    [readonly]=\"ctx.field.readonly\"\n    [formFieldContext]=\"ctx\"\n  />\n</ng-template>\n", styles: ["mat-hint:not(:empty){padding-bottom:var(--ymt-spacing-xs)}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i1.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", "formFieldContext", "size"] }, { kind: "component", type: OrganizationComponent, selector: "yuv-organization", inputs: ["situation", "multiselect", "classifications", "readonly", "excludeMe", "withMetadata"] }, { kind: "component", type: OrganizationSetComponent, selector: "yuv-organization-set", inputs: ["situation", "multiselect", "readonly", "withMetadata", "autocompleteMinLength", "classifications", "types"] }, { kind: "component", type: CatalogComponent, selector: "yuv-catalog", inputs: ["readonly", "multiple", "options", "classifications", "situation"] }, { kind: "component", type: DynamicCatalogComponent, selector: "yuv-dynamic-catalog", inputs: ["catalog", "readonly", "multiple", "situation"] }, { kind: "component", type: I18nCatalogComponent, selector: "yuv-i18n-catalog", inputs: ["readonly", "multiple", "propertyName", "options", "classifications", "situation"] }, { 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", "situation"] }, { kind: "component", type: DatetimeComponent, selector: "yuv-datetime", inputs: ["locale", "onlyFutureDates", "readonly", "calendar", "withTime"] }, { kind: "component", type: DatetimeRangeComponent, selector: "yuv-datetime-range", inputs: ["withTime", "readonly", "operator", "situation"] }, { kind: "directive", type: ObjectMetadataElementTemplateDirective, selector: "[yuvMetadataElementTemplate]", inputs: ["yuvMetadataElementTemplate", "situation", "propertyType", "propertyName"] }, { kind: "directive", type: ObjectMetadataElementLabelDirective, selector: "[yuvObjectMetadataElementLabel]", inputs: ["yuvObjectMetadataElementLabel"] }, { kind: "directive", type: ObjectMetadataElementErrorDirective, selector: "[yuvObjectMetadataElementError]", inputs: ["yuvObjectMetadataElementError"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i2.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i4.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: MetadataDefaultTemplatesComponent, isStandalone: true, selector: "yuv-metadata-default-templates", ngImport: i0, template: "<!-- form element templates -->\n\n<!-- STRING -->\n<ng-template #rawString yuvMetadataElementRaw=\"default\" propertyType=\"string\" let-ctx>\n  <yuv-string\n    [required]=\"ctx.field.required\"\n    [situation]=\"ctx.situation\"\n    [formControl]=\"ctx.ctrl\"\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</ng-template>\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"string\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</mat-label>\n    <ng-container *ngTemplateOutlet=\"rawString; context: { $implicit: ctx }\" />\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\" />\n  </mat-form-field>\n</ng-template>\n\n<!-- STRING CATALOG (STATIC) -->\n<ng-template #rawCatalog yuvMetadataElementRaw=\"default\" propertyType=\"string:catalog\" let-ctx>\n  <yuv-catalog\n    [required]=\"ctx.field.required\"\n    [situation]=\"ctx.situation\"\n    [formControl]=\"ctx.ctrl\"\n    [attr.data-name]=\"ctx.field.name\"\n    [multiple]=\"ctx.field.cardinality === 'multi' || ctx.situation === 'SEARCH'\"\n    [classifications]=\"ctx.field.classifications\"\n    [readonly]=\"ctx.field.readonly\"\n  />\n</ng-template>\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"string:catalog\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</mat-label>\n    <ng-container *ngTemplateOutlet=\"rawCatalog; context: { $implicit: ctx }\" />\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\" />\n  </mat-form-field>\n</ng-template>\n\n<!-- STRING CATALOG (STATIC TRANSLATED)  -->\n<ng-template #rawI18nCatalog yuvMetadataElementRaw=\"default\" propertyType=\"string:catalog:i18n\" let-ctx>\n  <yuv-i18n-catalog\n    [required]=\"ctx.field.required\"\n    [situation]=\"ctx.situation\"\n    [formControl]=\"ctx.ctrl\"\n    [propertyName]=\"ctx.field.name\"\n    [attr.data-name]=\"ctx.field.name\"\n    [multiple]=\"ctx.field.cardinality === 'multi' || ctx.situation === 'SEARCH'\"\n    [classifications]=\"ctx.field.classifications\"\n    [readonly]=\"ctx.field.readonly\"\n  />\n</ng-template>\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"string:catalog:i18n\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</mat-label>\n    <ng-container *ngTemplateOutlet=\"rawI18nCatalog; context: { $implicit: ctx }\" />\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\" />\n  </mat-form-field>\n</ng-template>\n\n<!-- STRING CATALOG (DYNAMIC)  -->\n<ng-template #rawDynamicCatalog yuvMetadataElementRaw=\"default\" propertyType=\"string:catalog:dynamic\" let-ctx>\n  <yuv-dynamic-catalog\n    [required]=\"ctx.field.required\"\n    [situation]=\"ctx.situation\"\n    [formControl]=\"ctx.ctrl\"\n    [catalog]=\"ctx.field.catalog\"\n    [attr.data-name]=\"ctx.field.name\"\n    [multiple]=\"ctx.field.cardinality === 'multi' || ctx.situation === 'SEARCH'\"\n    [readonly]=\"ctx.field.readonly\"\n  />\n</ng-template>\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"string:catalog:dynamic\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</mat-label>\n    <ng-container *ngTemplateOutlet=\"rawDynamicCatalog; context: { $implicit: ctx }\" />\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\" />\n  </mat-form-field>\n</ng-template>\n\n<!-- ORGANIZATION -->\n<ng-template #rawOrganization yuvMetadataElementRaw=\"default\" propertyType=\"string:organization\" let-ctx>\n  <yuv-organization\n    [required]=\"ctx.field.required\"\n    [situation]=\"ctx.situation\"\n    [multiselect]=\"ctx.field.cardinality === 'multi' || ctx.situation === 'SEARCH'\"\n    (userSelect)=\"ctx.field.dataMeta = $event\"\n    [formControl]=\"ctx.ctrl\"\n    [attr.data-name]=\"ctx.field.name\"\n    [classifications]=\"ctx.field.classifications\"\n    [readonly]=\"ctx.field.readonly\"\n  />\n</ng-template>\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"string:organization\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</mat-label>\n    <ng-container *ngTemplateOutlet=\"rawOrganization; context: { $implicit: ctx }\" />\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\" />\n  </mat-form-field>\n</ng-template>\n\n<!-- ORGANIZATION SET -->\n<ng-template #rawOrganizationSet yuvMetadataElementRaw=\"default\" propertyType=\"string:organization:set\" let-ctx>\n  <yuv-organization-set\n    [required]=\"ctx.field.required\"\n    [situation]=\"ctx.situation\"\n    [multiselect]=\"ctx.field.cardinality === 'multi' || ctx.situation === 'SEARCH'\"\n    [formControl]=\"ctx.ctrl\"\n    [attr.data-name]=\"ctx.field.name\"\n    [classifications]=\"ctx.field.classifications\"\n    [readonly]=\"ctx.field.readonly\"\n  />\n</ng-template>\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"string:organization:set\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</mat-label>\n    <ng-container *ngTemplateOutlet=\"rawOrganizationSet; context: { $implicit: ctx }\" />\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\" />\n  </mat-form-field>\n</ng-template>\n\n<!-- INTEGER -->\n<ng-template #rawInteger yuvMetadataElementRaw=\"default\" propertyType=\"integer\" let-ctx>\n  @if (ctx.situation !== 'SEARCH') {\n    <yuv-number\n      [required]=\"ctx.field.required\"\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.ctrl\"\n      [attr.data-name]=\"ctx.field.name\"\n      [classifications]=\"ctx.field.classifications\"\n    />\n  } @else {\n    <yuv-number-range\n      [required]=\"ctx.field.required\"\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.ctrl\"\n      [attr.data-name]=\"ctx.field.name\"\n      [classifications]=\"ctx.field.classifications\"\n    />\n  }\n</ng-template>\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"integer\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</mat-label>\n    <ng-container *ngTemplateOutlet=\"rawInteger; context: { $implicit: ctx }\" />\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\" />\n  </mat-form-field>\n</ng-template>\n\n<!-- DECIMAL -->\n<ng-template #rawDecimal yuvMetadataElementRaw=\"default\" propertyType=\"decimal\" let-ctx>\n  @if (ctx.situation !== 'SEARCH') {\n    <yuv-number\n      [required]=\"ctx.field.required\"\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.ctrl\"\n      [attr.data-name]=\"ctx.field.name\"\n    />\n  } @else {\n    <yuv-number-range\n      [required]=\"ctx.field.required\"\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.ctrl\"\n      [attr.data-name]=\"ctx.field.name\"\n    />\n  }\n</ng-template>\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"decimal\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</mat-label>\n    <ng-container *ngTemplateOutlet=\"rawDecimal; context: { $implicit: ctx }\" />\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\" />\n  </mat-form-field>\n</ng-template>\n\n<!-- BOOLEAN -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"boolean\" let-ctx>\n  <mat-checkbox\n    [formControl]=\"ctx.ctrl\"\n    [attr.data-name]=\"ctx.field.name\"\n    [disabled]=\"ctx.field.readonly\"\n    [indeterminate]=\"\n      ctx.field.tristate === false ? false : ctx.ctrl.value !== true && ctx.ctrl.value !== false ? true : false\n    \"\n  />\n  <label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</label>\n</ng-template>\n\n<!-- BOOLEAN SWITCH -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"boolean:switch\" let-ctx>\n  <mat-slide-toggle\n    [formControl]=\"ctx.ctrl\"\n    switch=\"true\"\n    [attr.data-name]=\"ctx.field.name\"\n    [disabled]=\"ctx.field.readonly\"\n  ></mat-slide-toggle>\n  <label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</label>\n</ng-template>\n\n<!-- DATETIME -->\n<ng-template #rawDatetime yuvMetadataElementRaw=\"default\" propertyType=\"datetime\" let-ctx>\n  @if (ctx.situation !== 'SEARCH') {\n    <yuv-datetime\n      [required]=\"ctx.field.required\"\n      [readonly]=\"ctx.field.readonly\"\n      [withTime]=\"ctx.field.resolution !== 'date'\"\n      [formControl]=\"ctx.ctrl\"\n      [attr.data-name]=\"ctx.field.name\"\n    />\n  } @else {\n    <yuv-datetime-range\n      [required]=\"ctx.field.required\"\n      [situation]=\"ctx.situation\"\n      [readonly]=\"ctx.field.readonly\"\n      [withTime]=\"ctx.field.resolution !== 'date'\"\n      [formControl]=\"ctx.ctrl\"\n      [attr.data-name]=\"ctx.field.name\"\n    />\n  }\n</ng-template>\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"datetime\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</mat-label>\n    <ng-container *ngTemplateOutlet=\"rawDatetime; context: { $implicit: ctx }\" />\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\" />\n  </mat-form-field>\n</ng-template>\n\n<!-- TABLE -->\n<ng-template #rawTable yuvMetadataElementRaw=\"default\" propertyType=\"table\" let-ctx>\n  <yuv-data-grid\n    [situation]=\"ctx.situation\"\n    [formControl]=\"ctx.ctrl\"\n    [formElement]=\"ctx.field\"\n    [attr.data-name]=\"ctx.field.name\"\n    [classifications]=\"ctx.field.classifications\"\n    [readonly]=\"ctx.field.readonly\"\n    [formFieldContext]=\"ctx\"\n  />\n</ng-template>\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"table\" let-ctx>\n  <ng-container *ngTemplateOutlet=\"rawTable; context: { $implicit: ctx }\" />\n</ng-template>\n", styles: ["mat-hint:not(:empty){padding-bottom:var(--ymt-spacing-xs)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i1.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", "formFieldContext", "size"] }, { kind: "component", type: OrganizationComponent, selector: "yuv-organization", inputs: ["situation", "multiselect", "classifications", "readonly", "excludeMe", "withMetadata"] }, { kind: "component", type: OrganizationSetComponent, selector: "yuv-organization-set", inputs: ["situation", "multiselect", "readonly", "withMetadata", "autocompleteMinLength", "classifications", "types"] }, { kind: "component", type: CatalogComponent, selector: "yuv-catalog", inputs: ["readonly", "multiple", "options", "classifications", "situation"] }, { kind: "component", type: DynamicCatalogComponent, selector: "yuv-dynamic-catalog", inputs: ["catalog", "readonly", "multiple", "situation"] }, { kind: "component", type: I18nCatalogComponent, selector: "yuv-i18n-catalog", inputs: ["readonly", "multiple", "propertyName", "options", "classifications", "situation"] }, { 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", "situation"] }, { kind: "component", type: DatetimeComponent, selector: "yuv-datetime", inputs: ["locale", "onlyFutureDates", "readonly", "calendar", "withTime"] }, { kind: "component", type: DatetimeRangeComponent, selector: "yuv-datetime-range", inputs: ["withTime", "readonly", "operator", "situation"] }, { kind: "directive", type: ObjectMetadataElementTemplateDirective, selector: "[yuvMetadataElementTemplate]", inputs: ["yuvMetadataElementTemplate", "situation", "propertyType", "propertyName"] }, { kind: "directive", type: ObjectMetadataElementRawDirective, selector: "[yuvMetadataElementRaw]", inputs: ["yuvMetadataElementRaw", "situation", "propertyType", "propertyName"] }, { kind: "directive", type: ObjectMetadataElementLabelDirective, selector: "[yuvObjectMetadataElementLabel]", inputs: ["yuvObjectMetadataElementLabel"] }, { kind: "directive", type: ObjectMetadataElementErrorDirective, selector: "[yuvObjectMetadataElementError]", inputs: ["yuvObjectMetadataElementError"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i2.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i4.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: MetadataDefaultTemplatesComponent, decorators: [{
             type: Component,
             args: [{ selector: 'yuv-metadata-default-templates', standalone: true, imports: [
+                        NgTemplateOutlet,
                         ReactiveFormsModule,
                         StringComponent,
                         DataGridComponent,
@@ -31,13 +33,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
                         DatetimeComponent,
                         DatetimeRangeComponent,
                         ObjectMetadataElementTemplateDirective,
+                        ObjectMetadataElementRawDirective,
                         ObjectMetadataElementLabelDirective,
                         ObjectMetadataElementErrorDirective,
                         MatCheckboxModule,
                         MatFormFieldModule,
-                        MatSlideToggleModule,
-                        MatFormFieldModule
-                    ], template: "<!-- form element templates -->\n\n<!-- STRING -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"string\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</mat-label>\n    <yuv-string\n      [required]=\"ctx.field.required\"\n      [situation]=\"ctx.situation\"\n      [formControl]=\"ctx.ctrl\"\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    <mat-hint>{{ ctx.description }}</mat-hint>\n\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\" />\n  </mat-form-field>\n</ng-template>\n\n<!-- STRING CATALOG (STATIC) -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"string:catalog\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</mat-label>\n    <yuv-catalog\n      [required]=\"ctx.field.required\"\n      [situation]=\"ctx.situation\"\n      [formControl]=\"ctx.ctrl\"\n      [attr.data-name]=\"ctx.field.name\"\n      [multiple]=\"ctx.field.cardinality === 'multi' || ctx.situation === 'SEARCH'\"\n      [classifications]=\"ctx.field.classifications\"\n      [readonly]=\"ctx.field.readonly\"\n    />\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\" />\n  </mat-form-field>\n</ng-template>\n\n<!-- STRING CATALOG (STATIC TRANSLATED)  -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"string:catalog:i18n\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</mat-label>\n    <yuv-i18n-catalog\n      [required]=\"ctx.field.required\"\n      [situation]=\"ctx.situation\"\n      [formControl]=\"ctx.ctrl\"\n      [propertyName]=\"ctx.field.name\"\n      [attr.data-name]=\"ctx.field.name\"\n      [multiple]=\"ctx.field.cardinality === 'multi' || ctx.situation === 'SEARCH'\"\n      [classifications]=\"ctx.field.classifications\"\n      [readonly]=\"ctx.field.readonly\"\n    />\n\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\" />\n  </mat-form-field>\n</ng-template>\n\n<!-- STRING CATALOG (DYNAMIC)  -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"string:catalog:dynamic\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</mat-label>\n    <yuv-dynamic-catalog\n      [required]=\"ctx.field.required\"\n      [situation]=\"ctx.situation\"\n      [formControl]=\"ctx.ctrl\"\n      [catalog]=\"ctx.field.catalog\"\n      [attr.data-name]=\"ctx.field.name\"\n      [multiple]=\"ctx.field.cardinality === 'multi' || ctx.situation === 'SEARCH'\"\n      [readonly]=\"ctx.field.readonly\"\n    />\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\" />\n  </mat-form-field>\n</ng-template>\n\n<!-- ORGANIZATION -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"string:organization\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</mat-label>\n    <yuv-organization\n      [required]=\"ctx.field.required\"\n      [situation]=\"ctx.situation\"\n      [multiselect]=\"ctx.field.cardinality === 'multi' || ctx.situation === 'SEARCH'\"\n      (userSelect)=\"ctx.field.dataMeta = $event\"\n      [formControl]=\"ctx.ctrl\"\n      [attr.data-name]=\"ctx.field.name\"\n      [classifications]=\"ctx.field.classifications\"\n      [readonly]=\"ctx.field.readonly\"\n    />\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\" />\n  </mat-form-field>\n</ng-template>\n\n<!-- ORGANIZATION SET -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"string:organization:set\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</mat-label>\n    <yuv-organization-set\n      [required]=\"ctx.field.required\"\n      [situation]=\"ctx.situation\"\n      [multiselect]=\"ctx.field.cardinality === 'multi' || ctx.situation === 'SEARCH'\"\n      [formControl]=\"ctx.ctrl\"\n      [attr.data-name]=\"ctx.field.name\"\n      [classifications]=\"ctx.field.classifications\"\n      [readonly]=\"ctx.field.readonly\"\n    />\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\" />\n  </mat-form-field>\n</ng-template>\n\n<!-- INTEGER -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"integer\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</mat-label>\n    @if (ctx.situation !== 'SEARCH') {\n      <yuv-number\n        [required]=\"ctx.field.required\"\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.ctrl\"\n        [attr.data-name]=\"ctx.field.name\"\n        [classifications]=\"ctx.field.classifications\"\n      />\n    } @else {\n      <yuv-number-range\n        [required]=\"ctx.field.required\"\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.ctrl\"\n        [attr.data-name]=\"ctx.field.name\"\n        [classifications]=\"ctx.field.classifications\"\n      />\n    }\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\" />\n  </mat-form-field>\n</ng-template>\n\n<!-- DECIMAL -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"decimal\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</mat-label>\n    @if (ctx.situation !== 'SEARCH') {\n      <yuv-number\n        [required]=\"ctx.field.required\"\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.ctrl\"\n        [attr.data-name]=\"ctx.field.name\"\n      >\n        >\n      </yuv-number>\n    } @else {\n      <yuv-number-range\n        [required]=\"ctx.field.required\"\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.ctrl\"\n        [attr.data-name]=\"ctx.field.name\"\n      />\n    }\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\" />\n  </mat-form-field>\n</ng-template>\n\n<!-- BOOLEAN -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"boolean\" let-ctx>\n  <mat-checkbox\n    [formControl]=\"ctx.ctrl\"\n    [attr.data-name]=\"ctx.field.name\"\n    [disabled]=\"ctx.field.readonly\"\n    [indeterminate]=\"\n      ctx.field.tristate === false ? false : ctx.ctrl.value !== true && ctx.ctrl.value !== false ? true : false\n    \"\n  />\n  <label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</label>\n</ng-template>\n\n<!-- BOOLEAN SWITCH -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"boolean:switch\" let-ctx>\n  <mat-slide-toggle\n    [formControl]=\"ctx.ctrl\"\n    switch=\"true\"\n    [attr.data-name]=\"ctx.field.name\"\n    [disabled]=\"ctx.field.readonly\"\n  ></mat-slide-toggle>\n  <label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</label>\n</ng-template>\n\n<!-- DATETIME -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"datetime\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</mat-label>\n    @if (ctx.situation !== 'SEARCH') {\n      <yuv-datetime\n        [required]=\"ctx.field.required\"\n        [readonly]=\"ctx.field.readonly\"\n        [withTime]=\"ctx.field.resolution !== 'date'\"\n        [formControl]=\"ctx.ctrl\"\n        [attr.data-name]=\"ctx.field.name\"\n      />\n    } @else {\n      <yuv-datetime-range\n        [required]=\"ctx.field.required\"\n        [situation]=\"ctx.situation\"\n        [readonly]=\"ctx.field.readonly\"\n        [withTime]=\"ctx.field.resolution !== 'date'\"\n        [formControl]=\"ctx.ctrl\"\n        [attr.data-name]=\"ctx.field.name\"\n      />\n    }\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\" />\n  </mat-form-field>\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.ctrl\"\n    [formElement]=\"ctx.field\"\n    [attr.data-name]=\"ctx.field.name\"\n    [classifications]=\"ctx.field.classifications\"\n    [readonly]=\"ctx.field.readonly\"\n    [formFieldContext]=\"ctx\"\n  />\n</ng-template>\n", styles: ["mat-hint:not(:empty){padding-bottom:var(--ymt-spacing-xs)}\n"] }]
+                        MatSlideToggleModule
+                    ], template: "<!-- form element templates -->\n\n<!-- STRING -->\n<ng-template #rawString yuvMetadataElementRaw=\"default\" propertyType=\"string\" let-ctx>\n  <yuv-string\n    [required]=\"ctx.field.required\"\n    [situation]=\"ctx.situation\"\n    [formControl]=\"ctx.ctrl\"\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</ng-template>\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"string\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</mat-label>\n    <ng-container *ngTemplateOutlet=\"rawString; context: { $implicit: ctx }\" />\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\" />\n  </mat-form-field>\n</ng-template>\n\n<!-- STRING CATALOG (STATIC) -->\n<ng-template #rawCatalog yuvMetadataElementRaw=\"default\" propertyType=\"string:catalog\" let-ctx>\n  <yuv-catalog\n    [required]=\"ctx.field.required\"\n    [situation]=\"ctx.situation\"\n    [formControl]=\"ctx.ctrl\"\n    [attr.data-name]=\"ctx.field.name\"\n    [multiple]=\"ctx.field.cardinality === 'multi' || ctx.situation === 'SEARCH'\"\n    [classifications]=\"ctx.field.classifications\"\n    [readonly]=\"ctx.field.readonly\"\n  />\n</ng-template>\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"string:catalog\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</mat-label>\n    <ng-container *ngTemplateOutlet=\"rawCatalog; context: { $implicit: ctx }\" />\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\" />\n  </mat-form-field>\n</ng-template>\n\n<!-- STRING CATALOG (STATIC TRANSLATED)  -->\n<ng-template #rawI18nCatalog yuvMetadataElementRaw=\"default\" propertyType=\"string:catalog:i18n\" let-ctx>\n  <yuv-i18n-catalog\n    [required]=\"ctx.field.required\"\n    [situation]=\"ctx.situation\"\n    [formControl]=\"ctx.ctrl\"\n    [propertyName]=\"ctx.field.name\"\n    [attr.data-name]=\"ctx.field.name\"\n    [multiple]=\"ctx.field.cardinality === 'multi' || ctx.situation === 'SEARCH'\"\n    [classifications]=\"ctx.field.classifications\"\n    [readonly]=\"ctx.field.readonly\"\n  />\n</ng-template>\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"string:catalog:i18n\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</mat-label>\n    <ng-container *ngTemplateOutlet=\"rawI18nCatalog; context: { $implicit: ctx }\" />\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\" />\n  </mat-form-field>\n</ng-template>\n\n<!-- STRING CATALOG (DYNAMIC)  -->\n<ng-template #rawDynamicCatalog yuvMetadataElementRaw=\"default\" propertyType=\"string:catalog:dynamic\" let-ctx>\n  <yuv-dynamic-catalog\n    [required]=\"ctx.field.required\"\n    [situation]=\"ctx.situation\"\n    [formControl]=\"ctx.ctrl\"\n    [catalog]=\"ctx.field.catalog\"\n    [attr.data-name]=\"ctx.field.name\"\n    [multiple]=\"ctx.field.cardinality === 'multi' || ctx.situation === 'SEARCH'\"\n    [readonly]=\"ctx.field.readonly\"\n  />\n</ng-template>\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"string:catalog:dynamic\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</mat-label>\n    <ng-container *ngTemplateOutlet=\"rawDynamicCatalog; context: { $implicit: ctx }\" />\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\" />\n  </mat-form-field>\n</ng-template>\n\n<!-- ORGANIZATION -->\n<ng-template #rawOrganization yuvMetadataElementRaw=\"default\" propertyType=\"string:organization\" let-ctx>\n  <yuv-organization\n    [required]=\"ctx.field.required\"\n    [situation]=\"ctx.situation\"\n    [multiselect]=\"ctx.field.cardinality === 'multi' || ctx.situation === 'SEARCH'\"\n    (userSelect)=\"ctx.field.dataMeta = $event\"\n    [formControl]=\"ctx.ctrl\"\n    [attr.data-name]=\"ctx.field.name\"\n    [classifications]=\"ctx.field.classifications\"\n    [readonly]=\"ctx.field.readonly\"\n  />\n</ng-template>\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"string:organization\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</mat-label>\n    <ng-container *ngTemplateOutlet=\"rawOrganization; context: { $implicit: ctx }\" />\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\" />\n  </mat-form-field>\n</ng-template>\n\n<!-- ORGANIZATION SET -->\n<ng-template #rawOrganizationSet yuvMetadataElementRaw=\"default\" propertyType=\"string:organization:set\" let-ctx>\n  <yuv-organization-set\n    [required]=\"ctx.field.required\"\n    [situation]=\"ctx.situation\"\n    [multiselect]=\"ctx.field.cardinality === 'multi' || ctx.situation === 'SEARCH'\"\n    [formControl]=\"ctx.ctrl\"\n    [attr.data-name]=\"ctx.field.name\"\n    [classifications]=\"ctx.field.classifications\"\n    [readonly]=\"ctx.field.readonly\"\n  />\n</ng-template>\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"string:organization:set\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</mat-label>\n    <ng-container *ngTemplateOutlet=\"rawOrganizationSet; context: { $implicit: ctx }\" />\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\" />\n  </mat-form-field>\n</ng-template>\n\n<!-- INTEGER -->\n<ng-template #rawInteger yuvMetadataElementRaw=\"default\" propertyType=\"integer\" let-ctx>\n  @if (ctx.situation !== 'SEARCH') {\n    <yuv-number\n      [required]=\"ctx.field.required\"\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.ctrl\"\n      [attr.data-name]=\"ctx.field.name\"\n      [classifications]=\"ctx.field.classifications\"\n    />\n  } @else {\n    <yuv-number-range\n      [required]=\"ctx.field.required\"\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.ctrl\"\n      [attr.data-name]=\"ctx.field.name\"\n      [classifications]=\"ctx.field.classifications\"\n    />\n  }\n</ng-template>\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"integer\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</mat-label>\n    <ng-container *ngTemplateOutlet=\"rawInteger; context: { $implicit: ctx }\" />\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\" />\n  </mat-form-field>\n</ng-template>\n\n<!-- DECIMAL -->\n<ng-template #rawDecimal yuvMetadataElementRaw=\"default\" propertyType=\"decimal\" let-ctx>\n  @if (ctx.situation !== 'SEARCH') {\n    <yuv-number\n      [required]=\"ctx.field.required\"\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.ctrl\"\n      [attr.data-name]=\"ctx.field.name\"\n    />\n  } @else {\n    <yuv-number-range\n      [required]=\"ctx.field.required\"\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.ctrl\"\n      [attr.data-name]=\"ctx.field.name\"\n    />\n  }\n</ng-template>\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"decimal\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</mat-label>\n    <ng-container *ngTemplateOutlet=\"rawDecimal; context: { $implicit: ctx }\" />\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\" />\n  </mat-form-field>\n</ng-template>\n\n<!-- BOOLEAN -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"boolean\" let-ctx>\n  <mat-checkbox\n    [formControl]=\"ctx.ctrl\"\n    [attr.data-name]=\"ctx.field.name\"\n    [disabled]=\"ctx.field.readonly\"\n    [indeterminate]=\"\n      ctx.field.tristate === false ? false : ctx.ctrl.value !== true && ctx.ctrl.value !== false ? true : false\n    \"\n  />\n  <label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</label>\n</ng-template>\n\n<!-- BOOLEAN SWITCH -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"boolean:switch\" let-ctx>\n  <mat-slide-toggle\n    [formControl]=\"ctx.ctrl\"\n    switch=\"true\"\n    [attr.data-name]=\"ctx.field.name\"\n    [disabled]=\"ctx.field.readonly\"\n  ></mat-slide-toggle>\n  <label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</label>\n</ng-template>\n\n<!-- DATETIME -->\n<ng-template #rawDatetime yuvMetadataElementRaw=\"default\" propertyType=\"datetime\" let-ctx>\n  @if (ctx.situation !== 'SEARCH') {\n    <yuv-datetime\n      [required]=\"ctx.field.required\"\n      [readonly]=\"ctx.field.readonly\"\n      [withTime]=\"ctx.field.resolution !== 'date'\"\n      [formControl]=\"ctx.ctrl\"\n      [attr.data-name]=\"ctx.field.name\"\n    />\n  } @else {\n    <yuv-datetime-range\n      [required]=\"ctx.field.required\"\n      [situation]=\"ctx.situation\"\n      [readonly]=\"ctx.field.readonly\"\n      [withTime]=\"ctx.field.resolution !== 'date'\"\n      [formControl]=\"ctx.ctrl\"\n      [attr.data-name]=\"ctx.field.name\"\n    />\n  }\n</ng-template>\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"datetime\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</mat-label>\n    <ng-container *ngTemplateOutlet=\"rawDatetime; context: { $implicit: ctx }\" />\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\" />\n  </mat-form-field>\n</ng-template>\n\n<!-- TABLE -->\n<ng-template #rawTable yuvMetadataElementRaw=\"default\" propertyType=\"table\" let-ctx>\n  <yuv-data-grid\n    [situation]=\"ctx.situation\"\n    [formControl]=\"ctx.ctrl\"\n    [formElement]=\"ctx.field\"\n    [attr.data-name]=\"ctx.field.name\"\n    [classifications]=\"ctx.field.classifications\"\n    [readonly]=\"ctx.field.readonly\"\n    [formFieldContext]=\"ctx\"\n  />\n</ng-template>\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"table\" let-ctx>\n  <ng-container *ngTemplateOutlet=\"rawTable; context: { $implicit: ctx }\" />\n</ng-template>\n", styles: ["mat-hint:not(:empty){padding-bottom:var(--ymt-spacing-xs)}\n"] }]
         }] });
 
 class YuvMetadataFormDefaultsModule {

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

@@ -1 +1 @@
-{"version":3,"file":"yuuvis-client-framework-metadata-form-defaults.mjs","sources":["../../../../../libs/yuuvis/client-framework/metadata-form-defaults/src/lib/metadata-default-templates/metadata-default-templates.component.ts","../../../../../libs/yuuvis/client-framework/metadata-form-defaults/src/lib/metadata-default-templates/metadata-default-templates.component.html","../../../../../libs/yuuvis/client-framework/metadata-form-defaults/src/lib/metadata-form-defaults.module.ts","../../../../../libs/yuuvis/client-framework/metadata-form-defaults/src/yuuvis-client-framework-metadata-form-defaults.ts"],"sourcesContent":["import { Component } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatSlideToggleModule } from '@angular/material/slide-toggle';\nimport {\n  CatalogComponent,\n  DataGridComponent,\n  DatetimeComponent,\n  DatetimeRangeComponent,\n  DynamicCatalogComponent,\n  I18nCatalogComponent,\n  NumberComponent,\n  NumberRangeComponent,\n  OrganizationComponent,\n  OrganizationSetComponent,\n  StringComponent\n} from '@yuuvis/client-framework/forms';\nimport {\n  ObjectMetadataElementErrorDirective,\n  ObjectMetadataElementLabelDirective,\n  ObjectMetadataElementTemplateDirective\n} from '@yuuvis/client-framework/metadata-form';\n\n@Component({\n  selector: 'yuv-metadata-default-templates',\n  standalone: true,\n  imports: [\n    ReactiveFormsModule,\n    StringComponent,\n    DataGridComponent,\n    OrganizationComponent,\n    OrganizationSetComponent,\n    CatalogComponent,\n    DynamicCatalogComponent,\n    I18nCatalogComponent,\n    NumberComponent,\n    NumberRangeComponent,\n    DatetimeComponent,\n    DatetimeRangeComponent,\n    ObjectMetadataElementTemplateDirective,\n    ObjectMetadataElementLabelDirective,\n    ObjectMetadataElementErrorDirective,\n    MatCheckboxModule,\n    MatFormFieldModule,\n    MatSlideToggleModule,\n    MatFormFieldModule\n  ],\n  templateUrl: './metadata-default-templates.component.html',\n  styleUrl: './metadata-default-templates.component.scss'\n})\nexport class MetadataDefaultTemplatesComponent {}\n","<!-- form element templates -->\n\n<!-- STRING -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"string\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</mat-label>\n    <yuv-string\n      [required]=\"ctx.field.required\"\n      [situation]=\"ctx.situation\"\n      [formControl]=\"ctx.ctrl\"\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    <mat-hint>{{ ctx.description }}</mat-hint>\n\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\" />\n  </mat-form-field>\n</ng-template>\n\n<!-- STRING CATALOG (STATIC) -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"string:catalog\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</mat-label>\n    <yuv-catalog\n      [required]=\"ctx.field.required\"\n      [situation]=\"ctx.situation\"\n      [formControl]=\"ctx.ctrl\"\n      [attr.data-name]=\"ctx.field.name\"\n      [multiple]=\"ctx.field.cardinality === 'multi' || ctx.situation === 'SEARCH'\"\n      [classifications]=\"ctx.field.classifications\"\n      [readonly]=\"ctx.field.readonly\"\n    />\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\" />\n  </mat-form-field>\n</ng-template>\n\n<!-- STRING CATALOG (STATIC TRANSLATED)  -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"string:catalog:i18n\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</mat-label>\n    <yuv-i18n-catalog\n      [required]=\"ctx.field.required\"\n      [situation]=\"ctx.situation\"\n      [formControl]=\"ctx.ctrl\"\n      [propertyName]=\"ctx.field.name\"\n      [attr.data-name]=\"ctx.field.name\"\n      [multiple]=\"ctx.field.cardinality === 'multi' || ctx.situation === 'SEARCH'\"\n      [classifications]=\"ctx.field.classifications\"\n      [readonly]=\"ctx.field.readonly\"\n    />\n\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\" />\n  </mat-form-field>\n</ng-template>\n\n<!-- STRING CATALOG (DYNAMIC)  -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"string:catalog:dynamic\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</mat-label>\n    <yuv-dynamic-catalog\n      [required]=\"ctx.field.required\"\n      [situation]=\"ctx.situation\"\n      [formControl]=\"ctx.ctrl\"\n      [catalog]=\"ctx.field.catalog\"\n      [attr.data-name]=\"ctx.field.name\"\n      [multiple]=\"ctx.field.cardinality === 'multi' || ctx.situation === 'SEARCH'\"\n      [readonly]=\"ctx.field.readonly\"\n    />\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\" />\n  </mat-form-field>\n</ng-template>\n\n<!-- ORGANIZATION -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"string:organization\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</mat-label>\n    <yuv-organization\n      [required]=\"ctx.field.required\"\n      [situation]=\"ctx.situation\"\n      [multiselect]=\"ctx.field.cardinality === 'multi' || ctx.situation === 'SEARCH'\"\n      (userSelect)=\"ctx.field.dataMeta = $event\"\n      [formControl]=\"ctx.ctrl\"\n      [attr.data-name]=\"ctx.field.name\"\n      [classifications]=\"ctx.field.classifications\"\n      [readonly]=\"ctx.field.readonly\"\n    />\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\" />\n  </mat-form-field>\n</ng-template>\n\n<!-- ORGANIZATION SET -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"string:organization:set\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</mat-label>\n    <yuv-organization-set\n      [required]=\"ctx.field.required\"\n      [situation]=\"ctx.situation\"\n      [multiselect]=\"ctx.field.cardinality === 'multi' || ctx.situation === 'SEARCH'\"\n      [formControl]=\"ctx.ctrl\"\n      [attr.data-name]=\"ctx.field.name\"\n      [classifications]=\"ctx.field.classifications\"\n      [readonly]=\"ctx.field.readonly\"\n    />\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\" />\n  </mat-form-field>\n</ng-template>\n\n<!-- INTEGER -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"integer\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</mat-label>\n    @if (ctx.situation !== 'SEARCH') {\n      <yuv-number\n        [required]=\"ctx.field.required\"\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.ctrl\"\n        [attr.data-name]=\"ctx.field.name\"\n        [classifications]=\"ctx.field.classifications\"\n      />\n    } @else {\n      <yuv-number-range\n        [required]=\"ctx.field.required\"\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.ctrl\"\n        [attr.data-name]=\"ctx.field.name\"\n        [classifications]=\"ctx.field.classifications\"\n      />\n    }\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\" />\n  </mat-form-field>\n</ng-template>\n\n<!-- DECIMAL -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"decimal\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</mat-label>\n    @if (ctx.situation !== 'SEARCH') {\n      <yuv-number\n        [required]=\"ctx.field.required\"\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.ctrl\"\n        [attr.data-name]=\"ctx.field.name\"\n      >\n        >\n      </yuv-number>\n    } @else {\n      <yuv-number-range\n        [required]=\"ctx.field.required\"\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.ctrl\"\n        [attr.data-name]=\"ctx.field.name\"\n      />\n    }\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\" />\n  </mat-form-field>\n</ng-template>\n\n<!-- BOOLEAN -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"boolean\" let-ctx>\n  <mat-checkbox\n    [formControl]=\"ctx.ctrl\"\n    [attr.data-name]=\"ctx.field.name\"\n    [disabled]=\"ctx.field.readonly\"\n    [indeterminate]=\"\n      ctx.field.tristate === false ? false : ctx.ctrl.value !== true && ctx.ctrl.value !== false ? true : false\n    \"\n  />\n  <label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</label>\n</ng-template>\n\n<!-- BOOLEAN SWITCH -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"boolean:switch\" let-ctx>\n  <mat-slide-toggle\n    [formControl]=\"ctx.ctrl\"\n    switch=\"true\"\n    [attr.data-name]=\"ctx.field.name\"\n    [disabled]=\"ctx.field.readonly\"\n  ></mat-slide-toggle>\n  <label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</label>\n</ng-template>\n\n<!-- DATETIME -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"datetime\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</mat-label>\n    @if (ctx.situation !== 'SEARCH') {\n      <yuv-datetime\n        [required]=\"ctx.field.required\"\n        [readonly]=\"ctx.field.readonly\"\n        [withTime]=\"ctx.field.resolution !== 'date'\"\n        [formControl]=\"ctx.ctrl\"\n        [attr.data-name]=\"ctx.field.name\"\n      />\n    } @else {\n      <yuv-datetime-range\n        [required]=\"ctx.field.required\"\n        [situation]=\"ctx.situation\"\n        [readonly]=\"ctx.field.readonly\"\n        [withTime]=\"ctx.field.resolution !== 'date'\"\n        [formControl]=\"ctx.ctrl\"\n        [attr.data-name]=\"ctx.field.name\"\n      />\n    }\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\" />\n  </mat-form-field>\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.ctrl\"\n    [formElement]=\"ctx.field\"\n    [attr.data-name]=\"ctx.field.name\"\n    [classifications]=\"ctx.field.classifications\"\n    [readonly]=\"ctx.field.readonly\"\n    [formFieldContext]=\"ctx\"\n  />\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { MetadataDefaultTemplatesComponent } from './metadata-default-templates/metadata-default-templates.component';\n\n@NgModule({\n  imports: [MetadataDefaultTemplatesComponent],\n  exports: [MetadataDefaultTemplatesComponent],\n})\nexport class YuvMetadataFormDefaultsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"yuuvis-client-framework-metadata-form-defaults.mjs","sources":["../../../../../libs/yuuvis/client-framework/metadata-form-defaults/src/lib/metadata-default-templates/metadata-default-templates.component.ts","../../../../../libs/yuuvis/client-framework/metadata-form-defaults/src/lib/metadata-default-templates/metadata-default-templates.component.html","../../../../../libs/yuuvis/client-framework/metadata-form-defaults/src/lib/metadata-form-defaults.module.ts","../../../../../libs/yuuvis/client-framework/metadata-form-defaults/src/yuuvis-client-framework-metadata-form-defaults.ts"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport { Component } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatSlideToggleModule } from '@angular/material/slide-toggle';\nimport {\n  CatalogComponent,\n  DataGridComponent,\n  DatetimeComponent,\n  DatetimeRangeComponent,\n  DynamicCatalogComponent,\n  I18nCatalogComponent,\n  NumberComponent,\n  NumberRangeComponent,\n  OrganizationComponent,\n  OrganizationSetComponent,\n  StringComponent\n} from '@yuuvis/client-framework/forms';\nimport {\n  ObjectMetadataElementErrorDirective,\n  ObjectMetadataElementLabelDirective,\n  ObjectMetadataElementRawDirective,\n  ObjectMetadataElementTemplateDirective\n} from '@yuuvis/client-framework/metadata-form';\n\n@Component({\n  selector: 'yuv-metadata-default-templates',\n  standalone: true,\n  imports: [\n    NgTemplateOutlet,\n    ReactiveFormsModule,\n    StringComponent,\n    DataGridComponent,\n    OrganizationComponent,\n    OrganizationSetComponent,\n    CatalogComponent,\n    DynamicCatalogComponent,\n    I18nCatalogComponent,\n    NumberComponent,\n    NumberRangeComponent,\n    DatetimeComponent,\n    DatetimeRangeComponent,\n    ObjectMetadataElementTemplateDirective,\n    ObjectMetadataElementRawDirective,\n    ObjectMetadataElementLabelDirective,\n    ObjectMetadataElementErrorDirective,\n    MatCheckboxModule,\n    MatFormFieldModule,\n    MatSlideToggleModule\n  ],\n  templateUrl: './metadata-default-templates.component.html',\n  styleUrl: './metadata-default-templates.component.scss'\n})\nexport class MetadataDefaultTemplatesComponent {}\n","<!-- form element templates -->\n\n<!-- STRING -->\n<ng-template #rawString yuvMetadataElementRaw=\"default\" propertyType=\"string\" let-ctx>\n  <yuv-string\n    [required]=\"ctx.field.required\"\n    [situation]=\"ctx.situation\"\n    [formControl]=\"ctx.ctrl\"\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</ng-template>\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"string\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</mat-label>\n    <ng-container *ngTemplateOutlet=\"rawString; context: { $implicit: ctx }\" />\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\" />\n  </mat-form-field>\n</ng-template>\n\n<!-- STRING CATALOG (STATIC) -->\n<ng-template #rawCatalog yuvMetadataElementRaw=\"default\" propertyType=\"string:catalog\" let-ctx>\n  <yuv-catalog\n    [required]=\"ctx.field.required\"\n    [situation]=\"ctx.situation\"\n    [formControl]=\"ctx.ctrl\"\n    [attr.data-name]=\"ctx.field.name\"\n    [multiple]=\"ctx.field.cardinality === 'multi' || ctx.situation === 'SEARCH'\"\n    [classifications]=\"ctx.field.classifications\"\n    [readonly]=\"ctx.field.readonly\"\n  />\n</ng-template>\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"string:catalog\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</mat-label>\n    <ng-container *ngTemplateOutlet=\"rawCatalog; context: { $implicit: ctx }\" />\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\" />\n  </mat-form-field>\n</ng-template>\n\n<!-- STRING CATALOG (STATIC TRANSLATED)  -->\n<ng-template #rawI18nCatalog yuvMetadataElementRaw=\"default\" propertyType=\"string:catalog:i18n\" let-ctx>\n  <yuv-i18n-catalog\n    [required]=\"ctx.field.required\"\n    [situation]=\"ctx.situation\"\n    [formControl]=\"ctx.ctrl\"\n    [propertyName]=\"ctx.field.name\"\n    [attr.data-name]=\"ctx.field.name\"\n    [multiple]=\"ctx.field.cardinality === 'multi' || ctx.situation === 'SEARCH'\"\n    [classifications]=\"ctx.field.classifications\"\n    [readonly]=\"ctx.field.readonly\"\n  />\n</ng-template>\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"string:catalog:i18n\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</mat-label>\n    <ng-container *ngTemplateOutlet=\"rawI18nCatalog; context: { $implicit: ctx }\" />\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\" />\n  </mat-form-field>\n</ng-template>\n\n<!-- STRING CATALOG (DYNAMIC)  -->\n<ng-template #rawDynamicCatalog yuvMetadataElementRaw=\"default\" propertyType=\"string:catalog:dynamic\" let-ctx>\n  <yuv-dynamic-catalog\n    [required]=\"ctx.field.required\"\n    [situation]=\"ctx.situation\"\n    [formControl]=\"ctx.ctrl\"\n    [catalog]=\"ctx.field.catalog\"\n    [attr.data-name]=\"ctx.field.name\"\n    [multiple]=\"ctx.field.cardinality === 'multi' || ctx.situation === 'SEARCH'\"\n    [readonly]=\"ctx.field.readonly\"\n  />\n</ng-template>\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"string:catalog:dynamic\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</mat-label>\n    <ng-container *ngTemplateOutlet=\"rawDynamicCatalog; context: { $implicit: ctx }\" />\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\" />\n  </mat-form-field>\n</ng-template>\n\n<!-- ORGANIZATION -->\n<ng-template #rawOrganization yuvMetadataElementRaw=\"default\" propertyType=\"string:organization\" let-ctx>\n  <yuv-organization\n    [required]=\"ctx.field.required\"\n    [situation]=\"ctx.situation\"\n    [multiselect]=\"ctx.field.cardinality === 'multi' || ctx.situation === 'SEARCH'\"\n    (userSelect)=\"ctx.field.dataMeta = $event\"\n    [formControl]=\"ctx.ctrl\"\n    [attr.data-name]=\"ctx.field.name\"\n    [classifications]=\"ctx.field.classifications\"\n    [readonly]=\"ctx.field.readonly\"\n  />\n</ng-template>\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"string:organization\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</mat-label>\n    <ng-container *ngTemplateOutlet=\"rawOrganization; context: { $implicit: ctx }\" />\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\" />\n  </mat-form-field>\n</ng-template>\n\n<!-- ORGANIZATION SET -->\n<ng-template #rawOrganizationSet yuvMetadataElementRaw=\"default\" propertyType=\"string:organization:set\" let-ctx>\n  <yuv-organization-set\n    [required]=\"ctx.field.required\"\n    [situation]=\"ctx.situation\"\n    [multiselect]=\"ctx.field.cardinality === 'multi' || ctx.situation === 'SEARCH'\"\n    [formControl]=\"ctx.ctrl\"\n    [attr.data-name]=\"ctx.field.name\"\n    [classifications]=\"ctx.field.classifications\"\n    [readonly]=\"ctx.field.readonly\"\n  />\n</ng-template>\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"string:organization:set\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</mat-label>\n    <ng-container *ngTemplateOutlet=\"rawOrganizationSet; context: { $implicit: ctx }\" />\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\" />\n  </mat-form-field>\n</ng-template>\n\n<!-- INTEGER -->\n<ng-template #rawInteger yuvMetadataElementRaw=\"default\" propertyType=\"integer\" let-ctx>\n  @if (ctx.situation !== 'SEARCH') {\n    <yuv-number\n      [required]=\"ctx.field.required\"\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.ctrl\"\n      [attr.data-name]=\"ctx.field.name\"\n      [classifications]=\"ctx.field.classifications\"\n    />\n  } @else {\n    <yuv-number-range\n      [required]=\"ctx.field.required\"\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.ctrl\"\n      [attr.data-name]=\"ctx.field.name\"\n      [classifications]=\"ctx.field.classifications\"\n    />\n  }\n</ng-template>\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"integer\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</mat-label>\n    <ng-container *ngTemplateOutlet=\"rawInteger; context: { $implicit: ctx }\" />\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\" />\n  </mat-form-field>\n</ng-template>\n\n<!-- DECIMAL -->\n<ng-template #rawDecimal yuvMetadataElementRaw=\"default\" propertyType=\"decimal\" let-ctx>\n  @if (ctx.situation !== 'SEARCH') {\n    <yuv-number\n      [required]=\"ctx.field.required\"\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.ctrl\"\n      [attr.data-name]=\"ctx.field.name\"\n    />\n  } @else {\n    <yuv-number-range\n      [required]=\"ctx.field.required\"\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.ctrl\"\n      [attr.data-name]=\"ctx.field.name\"\n    />\n  }\n</ng-template>\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"decimal\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</mat-label>\n    <ng-container *ngTemplateOutlet=\"rawDecimal; context: { $implicit: ctx }\" />\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\" />\n  </mat-form-field>\n</ng-template>\n\n<!-- BOOLEAN -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"boolean\" let-ctx>\n  <mat-checkbox\n    [formControl]=\"ctx.ctrl\"\n    [attr.data-name]=\"ctx.field.name\"\n    [disabled]=\"ctx.field.readonly\"\n    [indeterminate]=\"\n      ctx.field.tristate === false ? false : ctx.ctrl.value !== true && ctx.ctrl.value !== false ? true : false\n    \"\n  />\n  <label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</label>\n</ng-template>\n\n<!-- BOOLEAN SWITCH -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"boolean:switch\" let-ctx>\n  <mat-slide-toggle\n    [formControl]=\"ctx.ctrl\"\n    switch=\"true\"\n    [attr.data-name]=\"ctx.field.name\"\n    [disabled]=\"ctx.field.readonly\"\n  ></mat-slide-toggle>\n  <label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</label>\n</ng-template>\n\n<!-- DATETIME -->\n<ng-template #rawDatetime yuvMetadataElementRaw=\"default\" propertyType=\"datetime\" let-ctx>\n  @if (ctx.situation !== 'SEARCH') {\n    <yuv-datetime\n      [required]=\"ctx.field.required\"\n      [readonly]=\"ctx.field.readonly\"\n      [withTime]=\"ctx.field.resolution !== 'date'\"\n      [formControl]=\"ctx.ctrl\"\n      [attr.data-name]=\"ctx.field.name\"\n    />\n  } @else {\n    <yuv-datetime-range\n      [required]=\"ctx.field.required\"\n      [situation]=\"ctx.situation\"\n      [readonly]=\"ctx.field.readonly\"\n      [withTime]=\"ctx.field.resolution !== 'date'\"\n      [formControl]=\"ctx.ctrl\"\n      [attr.data-name]=\"ctx.field.name\"\n    />\n  }\n</ng-template>\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"datetime\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx\">{{ ctx.label }}</mat-label>\n    <ng-container *ngTemplateOutlet=\"rawDatetime; context: { $implicit: ctx }\" />\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\" />\n  </mat-form-field>\n</ng-template>\n\n<!-- TABLE -->\n<ng-template #rawTable yuvMetadataElementRaw=\"default\" propertyType=\"table\" let-ctx>\n  <yuv-data-grid\n    [situation]=\"ctx.situation\"\n    [formControl]=\"ctx.ctrl\"\n    [formElement]=\"ctx.field\"\n    [attr.data-name]=\"ctx.field.name\"\n    [classifications]=\"ctx.field.classifications\"\n    [readonly]=\"ctx.field.readonly\"\n    [formFieldContext]=\"ctx\"\n  />\n</ng-template>\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"table\" let-ctx>\n  <ng-container *ngTemplateOutlet=\"rawTable; context: { $implicit: ctx }\" />\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { MetadataDefaultTemplatesComponent } from './metadata-default-templates/metadata-default-templates.component';\n\n@NgModule({\n  imports: [MetadataDefaultTemplatesComponent],\n  exports: [MetadataDefaultTemplatesComponent],\n})\nexport class YuvMetadataFormDefaultsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;MAsDa,iCAAiC,CAAA;+GAAjC,iCAAiC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjC,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iCAAiC,0FCtD9C,uuWA0RA,EAAA,MAAA,EAAA,CAAA,8DAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,ED5PI,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAChB,mBAAmB,grBACnB,eAAe,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,MAAA,EAAA,UAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,OAAA,EAAA,WAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACf,iBAAiB,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,aAAA,EAAA,aAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACjB,qBAAqB,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,aAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,WAAA,EAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACrB,wBAAwB,wLACxB,gBAAgB,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAAA,SAAA,EAAA,iBAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAChB,uBAAuB,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,UAAA,EAAA,UAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACvB,oBAAoB,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAAA,cAAA,EAAA,SAAA,EAAA,iBAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACpB,eAAe,0KACf,oBAAoB,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,WAAA,EAAA,UAAA,EAAA,SAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACpB,iBAAiB,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACjB,sBAAsB,0HACtB,sCAAsC,EAAA,QAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,CAAA,4BAAA,EAAA,WAAA,EAAA,cAAA,EAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACtC,iCAAiC,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,CAAA,uBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACjC,mCAAmC,uHACnC,mCAAmC,EAAA,QAAA,EAAA,iCAAA,EAAA,MAAA,EAAA,CAAA,+BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACnC,iBAAiB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,eAAA,EAAA,WAAA,EAAA,IAAA,EAAA,UAAA,EAAA,eAAA,EAAA,MAAA,EAAA,OAAA,EAAA,eAAA,EAAA,UAAA,EAAA,OAAA,EAAA,qBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,eAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,qBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACjB,kBAAkB,+dAClB,oBAAoB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,IAAA,EAAA,eAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,OAAA,EAAA,UAAA,EAAA,eAAA,EAAA,UAAA,EAAA,SAAA,EAAA,UAAA,EAAA,qBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,cAAA,CAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAKX,iCAAiC,EAAA,UAAA,EAAA,CAAA;kBA5B7C,SAAS;+BACE,gCAAgC,EAAA,UAAA,EAC9B,IAAI,EAAA,OAAA,EACP;wBACP,gBAAgB;wBAChB,mBAAmB;wBACnB,eAAe;wBACf,iBAAiB;wBACjB,qBAAqB;wBACrB,wBAAwB;wBACxB,gBAAgB;wBAChB,uBAAuB;wBACvB,oBAAoB;wBACpB,eAAe;wBACf,oBAAoB;wBACpB,iBAAiB;wBACjB,sBAAsB;wBACtB,sCAAsC;wBACtC,iCAAiC;wBACjC,mCAAmC;wBACnC,mCAAmC;wBACnC,iBAAiB;wBACjB,kBAAkB;wBAClB;AACD,qBAAA,EAAA,QAAA,EAAA,uuWAAA,EAAA,MAAA,EAAA,CAAA,8DAAA,CAAA,EAAA;;;ME3CU,6BAA6B,CAAA;+GAA7B,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;gHAA7B,6BAA6B,EAAA,OAAA,EAAA,CAH9B,iCAAiC,CAAA,EAAA,OAAA,EAAA,CACjC,iCAAiC,CAAA,EAAA,CAAA,CAAA;AAEhC,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,6BAA6B,YAH9B,iCAAiC,CAAA,EAAA,CAAA,CAAA;;4FAGhC,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBAJzC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,iCAAiC,CAAC;oBAC5C,OAAO,EAAE,CAAC,iCAAiC,CAAC;AAC7C,iBAAA;;;ACND;;AAEG;;;;"}

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

@@ -28,6 +28,12 @@ class MetadataFormElementRegistry {
         this._edit = {};
         this._search = {};
         this._create = {};
+        // Parallel maps for raw (unwrapped) form element templates. Same keying and
+        // situation cascade as the wrapped maps above.
+        this._rawDefaults = {};
+        this._rawEdit = {};
+        this._rawSearch = {};
+        this._rawCreate = {};
         // registering a template by name will add this prefix to the given name
         this.NAME_PROPERTY_PREFIX = '@name:';
     }
@@ -107,6 +113,86 @@ class MetadataFormElementRegistry {
     _removeDefaultElementTemplate(propertyType) {
         delete this._defaults[propertyType];
     }
+    /**
+     * Get a raw (unwrapped) form element template — only the inner widget,
+     * without the surrounding `mat-form-field` / label / hint / error shell.
+     * Use this when composing the widget into a custom layout (e.g. smart-search).
+     * @param propertyType The internal type to get the template for
+     * @param situation Form situation
+     * @returns TemplateRef or undefined
+     */
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    getRawElementTemplate(propertyType, situation = Situation.EDIT) {
+        let map = { ...this._rawDefaults, ...this._rawEdit };
+        if (situation === Situation.SEARCH)
+            map = { ...this._rawDefaults, ...this._rawEdit, ...this._rawSearch };
+        else if (situation === Situation.CREATE)
+            map = { ...this._rawDefaults, ...this._rawEdit, ...this._rawCreate };
+        return map[propertyType];
+    }
+    /**
+     * Register a raw form element template for a certain internal type.
+     * @param propertyType The internal type to provide the template for
+     * @param templateRef The template
+     * @param situation Form situation to provide the form element for (defaults to EDIT)
+     */
+    addRawElementTemplate(propertyType, 
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    templateRef, situation = Situation.EDIT) {
+        if (propertyType && templateRef) {
+            switch (situation) {
+                case Situation.SEARCH: {
+                    this._rawSearch[propertyType] = templateRef;
+                    break;
+                }
+                case Situation.CREATE: {
+                    this._rawCreate[propertyType] = templateRef;
+                    break;
+                }
+                default: {
+                    this._rawEdit[propertyType] = templateRef;
+                }
+            }
+        }
+    }
+    /**
+     * Remove a registered raw form element template.
+     * @param propertyType The internal type to remove the template for
+     * @param situation Form situation
+     */
+    removeRawElementTemplate(propertyType, situation = Situation.EDIT) {
+        switch (situation) {
+            case Situation.SEARCH: {
+                delete this._rawSearch[propertyType];
+                break;
+            }
+            case Situation.CREATE: {
+                delete this._rawCreate[propertyType];
+                break;
+            }
+            default: {
+                delete this._rawEdit[propertyType];
+            }
+        }
+    }
+    /**
+     * Register a default raw form element template (used across all situations).
+     * @param propertyType The internal type to provide the template for
+     * @param templateRef The default template
+     */
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    _addDefaultRawElementTemplate(propertyType, templateRef) {
+        if (propertyType && templateRef) {
+            this._rawDefaults[propertyType] = templateRef;
+        }
+    }
+    /**
+     * Remove a registered default raw form element template.
+     * @param propertyType The internal type to remove the template for
+     */
+    _removeDefaultRawElementTemplate(propertyType) {
+        delete this._rawDefaults[propertyType];
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: MetadataFormElementRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: MetadataFormElementRegistry, providedIn: 'root' }); }
 }
@@ -321,6 +407,82 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
                 }]
         }], propDecorators: { yuvMetadataElementTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "yuvMetadataElementTemplate", required: false }] }], situation: [{ type: i0.Input, args: [{ isSignal: true, alias: "situation", required: false }] }], propertyType: [{ type: i0.Input, args: [{ isSignal: true, alias: "propertyType", required: false }] }], propertyName: [{ type: i0.Input, args: [{ isSignal: true, alias: "propertyName", required: false }] }] } });
 
+/**
+ * Directive to be applied to an `ng-template` that renders only the raw form
+ * widget for a metadata property (without the surrounding `mat-form-field`
+ * label/hint/error shell). The template is registered in the raw bucket of
+ * `MetadataFormElementRegistry`, parallel to the wrapped templates registered
+ * via `yuvMetadataElementTemplate`.
+ *
+ * Use this to expose a type-aware input that can be composed into custom
+ * layouts — for example smart-search, where conditions are built inline as
+ * a pill chain and a full form-field shell would be visually wrong.
+ *
+ * @example
+ * <ng-template #rawString yuvMetadataElementRaw="default" propertyType="string" let-ctx>
+ *   <yuv-string [formControl]="ctx.ctrl" [required]="ctx.field.required" />
+ * </ng-template>
+ */
+class ObjectMetadataElementRawDirective {
+    constructor() {
+        this.#registry = inject(MetadataFormElementRegistry);
+        this.#template = inject((TemplateRef));
+        /**
+         * Bucket to register the template. Use 'default' for templates that should be
+         * used across all situations.
+         */
+        this.yuvMetadataElementRaw = input(...(ngDevMode ? [undefined, { debugName: "yuvMetadataElementRaw" }] : /* istanbul ignore next */ []));
+        /**
+         * Situation to register the template for. Defaults to `EDIT`.
+         */
+        this.situation = input(Situation.EDIT, ...(ngDevMode ? [{ debugName: "situation" }] : /* istanbul ignore next */ []));
+        /**
+         * Internal property type to register the template under. You need to set
+         * either `propertyType` or `propertyName`. When both are set, `propertyName`
+         * wins because it is more precise.
+         */
+        this.propertyType = input(...(ngDevMode ? [undefined, { debugName: "propertyType" }] : /* istanbul ignore next */ []));
+        /**
+         * Register the raw template by metadata field name.
+         */
+        this.propertyName = input(...(ngDevMode ? [undefined, { debugName: "propertyName" }] : /* istanbul ignore next */ []));
+    }
+    #registry;
+    #template;
+    #registrationKey;
+    ngOnInit() {
+        const pn = this.propertyName();
+        this.#registrationKey = pn ? `${this.#registry.NAME_PROPERTY_PREFIX}${pn}` : this.propertyType();
+        if (!this.#registrationKey)
+            return;
+        if (this.yuvMetadataElementRaw() === 'default') {
+            this.#registry._addDefaultRawElementTemplate(this.#registrationKey, this.#template);
+        }
+        else {
+            this.#registry.addRawElementTemplate(this.#registrationKey, this.#template, this.situation());
+        }
+    }
+    ngOnDestroy() {
+        if (!this.#registrationKey)
+            return;
+        if (this.yuvMetadataElementRaw() === 'default') {
+            this.#registry._removeDefaultRawElementTemplate(this.#registrationKey);
+        }
+        else {
+            this.#registry.removeRawElementTemplate(this.#registrationKey, this.situation());
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: ObjectMetadataElementRawDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.12", type: ObjectMetadataElementRawDirective, isStandalone: true, selector: "[yuvMetadataElementRaw]", inputs: { yuvMetadataElementRaw: { classPropertyName: "yuvMetadataElementRaw", publicName: "yuvMetadataElementRaw", isSignal: true, isRequired: false, transformFunction: null }, situation: { classPropertyName: "situation", publicName: "situation", isSignal: true, isRequired: false, transformFunction: null }, propertyType: { classPropertyName: "propertyType", publicName: "propertyType", isSignal: true, isRequired: false, transformFunction: null }, propertyName: { classPropertyName: "propertyName", publicName: "propertyName", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: ObjectMetadataElementRawDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[yuvMetadataElementRaw]',
+                    standalone: true
+                }]
+        }], propDecorators: { yuvMetadataElementRaw: [{ type: i0.Input, args: [{ isSignal: true, alias: "yuvMetadataElementRaw", required: false }] }], situation: [{ type: i0.Input, args: [{ isSignal: true, alias: "situation", required: false }] }], propertyType: [{ type: i0.Input, args: [{ isSignal: true, alias: "propertyType", required: false }] }], propertyName: [{ type: i0.Input, args: [{ isSignal: true, alias: "propertyName", required: false }] }] } });
+
 /**
  * Component to render a metadata form field within an object form. These forms are
  * created to render and edit metadata of DMS objects. This component is used as a wrapper
@@ -335,12 +497,22 @@ class MetadataFormFieldComponent {
         this.readonly = false;
         this.formChangedSubject = input(...(ngDevMode ? [undefined, { debugName: "formChangedSubject" }] : /* istanbul ignore next */ []));
         this.formField = input.required({ ...(ngDevMode ? { debugName: "formField" } : /* istanbul ignore next */ {}), alias: 'field' });
+        /**
+         * Which template variant to render. `default` renders the wrapped form field
+         * (mat-form-field with label, hint, error). `raw` renders only the inner
+         * widget — useful for composing into custom layouts such as smart-search.
+         */
+        this.variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
         // elementTemplate = signal<TemplateRef<any> | undefined>(undefined);
         this.elementTemplate = computed(() => {
             const field = this.formField();
             // TODO: set readonly state based on ...????... schema?
             this.readonly = false;
-            const templateByName = this.#registry.getElementTemplate(`${this.#registry.NAME_PROPERTY_PREFIX}${field.name}`, this.situation());
+            const isRaw = this.variant() === 'raw';
+            const lookup = isRaw
+                ? (key) => this.#registry.getRawElementTemplate(key, this.situation())
+                : (key) => this.#registry.getElementTemplate(key, this.situation());
+            const templateByName = lookup(`${this.#registry.NAME_PROPERTY_PREFIX}${field.name}`);
             if (templateByName) {
                 return templateByName;
             }
@@ -348,7 +520,7 @@ class MetadataFormFieldComponent {
                 if (!field._internalType) {
                     field._internalType = this.#system.getInternalFormElementType(field.propertyType);
                 }
-                return this.#registry.getElementTemplate(field._internalType, this.situation());
+                return lookup(field._internalType);
             }
         }, ...(ngDevMode ? [{ debugName: "elementTemplate" }] : /* istanbul ignore next */ []));
         this.context = computed(() => {
@@ -374,18 +546,18 @@ class MetadataFormFieldComponent {
     #localization;
     #ngControl;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: MetadataFormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: MetadataFormFieldComponent, isStandalone: true, selector: "yuv-metadata-form-field", inputs: { formChangedSubject: { classPropertyName: "formChangedSubject", publicName: "formChangedSubject", isSignal: true, isRequired: false, transformFunction: null }, 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{--label-background-color: transparent;--label-color: inherit}.yuv-metadata-form-field .form-field{margin-block-end:1px;border-radius:.25em;display:flex;align-items:center}.yuv-metadata-form-field .form-field .yuv-label-invalid,.yuv-metadata-form-field .form-field .yuv-formfield-invalid{--label-background-color: var(--ymt-danger-container);--label-color: var(--ymt-on-danger-container)}.yuv-metadata-form-field .form-field :not(.yuv-label-invalid,.yuv-formfield-invalid).yuv-label-required,.yuv-metadata-form-field .form-field :not(.yuv-label-invalid,.yuv-formfield-invalid).yuv-formfield-required{--label-background-color: var(--ymt-primary-container);--label-color: var(--ymt-on-primary-container)}.yuv-metadata-form-field .form-field :not(.yuv-label-invalid,.yuv-formfield-invalid).yuv-label-dirty,.yuv-metadata-form-field .form-field :not(.yuv-label-invalid,.yuv-formfield-invalid).yuv-formfield-dirty{--label-background-color: var(--ymt-success-container);--label-color: var(--ymt-on-success-container)}.yuv-metadata-form-field .form-field .label,.yuv-metadata-form-field .form-field label{--transition-duration: 2s;position:relative;background-color:var(--label-background-color)!important;color:var(--label-color)!important;border-radius:2px;box-shadow:0 0 0 3px var(--label-background-color)}.yuv-metadata-form-field .form-field mat-form-field{flex:1}.yuv-metadata-form-field .form-field .yuv-label-marker-dirty:after{content:\"\";display:inline-block;background-color:var(--ymt-warning-container);border:1px solid var(--ymt-on-warning-container);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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: MetadataFormFieldComponent, isStandalone: true, selector: "yuv-metadata-form-field", inputs: { formChangedSubject: { classPropertyName: "formChangedSubject", publicName: "formChangedSubject", isSignal: true, isRequired: false, transformFunction: null }, formField: { classPropertyName: "formField", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, 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\n    [class]=\"'form-field t-' + field._internalType\"\n    #formField\n    [attr.data-name]=\"field.name\"\n    [ngClass]=\"{ disabled: !!readonly, 'form-field--raw': variant() === 'raw' }\"\n  >\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{--label-background-color: transparent;--label-color: inherit}.yuv-metadata-form-field .form-field{margin-block-end:1px;border-radius:.25em;display:flex;align-items:center}.yuv-metadata-form-field .form-field .yuv-label-invalid,.yuv-metadata-form-field .form-field .yuv-formfield-invalid{--label-background-color: var(--ymt-danger-container);--label-color: var(--ymt-on-danger-container)}.yuv-metadata-form-field .form-field :not(.yuv-label-invalid,.yuv-formfield-invalid).yuv-label-required,.yuv-metadata-form-field .form-field :not(.yuv-label-invalid,.yuv-formfield-invalid).yuv-formfield-required{--label-background-color: var(--ymt-primary-container);--label-color: var(--ymt-on-primary-container)}.yuv-metadata-form-field .form-field :not(.yuv-label-invalid,.yuv-formfield-invalid).yuv-label-dirty,.yuv-metadata-form-field .form-field :not(.yuv-label-invalid,.yuv-formfield-invalid).yuv-formfield-dirty{--label-background-color: var(--ymt-success-container);--label-color: var(--ymt-on-success-container)}.yuv-metadata-form-field .form-field .label,.yuv-metadata-form-field .form-field label{--transition-duration: 2s;position:relative;background-color:var(--label-background-color)!important;color:var(--label-color)!important;border-radius:2px;box-shadow:0 0 0 3px var(--label-background-color)}.yuv-metadata-form-field .form-field>*{flex:1}.yuv-metadata-form-field .form-field .yuv-label-marker-dirty:after{content:\"\";display:inline-block;background-color:var(--ymt-warning-container);border:1px solid var(--ymt-on-warning-container);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: "21.2.12", ngImport: i0, type: MetadataFormFieldComponent, decorators: [{
             type: Component,
             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{--label-background-color: transparent;--label-color: inherit}.yuv-metadata-form-field .form-field{margin-block-end:1px;border-radius:.25em;display:flex;align-items:center}.yuv-metadata-form-field .form-field .yuv-label-invalid,.yuv-metadata-form-field .form-field .yuv-formfield-invalid{--label-background-color: var(--ymt-danger-container);--label-color: var(--ymt-on-danger-container)}.yuv-metadata-form-field .form-field :not(.yuv-label-invalid,.yuv-formfield-invalid).yuv-label-required,.yuv-metadata-form-field .form-field :not(.yuv-label-invalid,.yuv-formfield-invalid).yuv-formfield-required{--label-background-color: var(--ymt-primary-container);--label-color: var(--ymt-on-primary-container)}.yuv-metadata-form-field .form-field :not(.yuv-label-invalid,.yuv-formfield-invalid).yuv-label-dirty,.yuv-metadata-form-field .form-field :not(.yuv-label-invalid,.yuv-formfield-invalid).yuv-formfield-dirty{--label-background-color: var(--ymt-success-container);--label-color: var(--ymt-on-success-container)}.yuv-metadata-form-field .form-field .label,.yuv-metadata-form-field .form-field label{--transition-duration: 2s;position:relative;background-color:var(--label-background-color)!important;color:var(--label-color)!important;border-radius:2px;box-shadow:0 0 0 3px var(--label-background-color)}.yuv-metadata-form-field .form-field mat-form-field{flex:1}.yuv-metadata-form-field .form-field .yuv-label-marker-dirty:after{content:\"\";display:inline-block;background-color:var(--ymt-warning-container);border:1px solid var(--ymt-on-warning-container);border-radius:50%;width:.5em;height:.5em;margin-inline-start:.5em;margin-inline-end:.25em}\n"] }]
-        }], propDecorators: { formChangedSubject: [{ type: i0.Input, args: [{ isSignal: true, alias: "formChangedSubject", required: false }] }], formField: [{ type: i0.Input, args: [{ isSignal: true, alias: "field", required: true }] }], situation: [{ type: i0.Input, args: [{ isSignal: true, alias: "situation", required: false }] }] } });
+                    }, template: "@let field = formField();\n@let et = elementTemplate();\n\n@if (field) {\n  <div\n    [class]=\"'form-field t-' + field._internalType\"\n    #formField\n    [attr.data-name]=\"field.name\"\n    [ngClass]=\"{ disabled: !!readonly, 'form-field--raw': variant() === 'raw' }\"\n  >\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{--label-background-color: transparent;--label-color: inherit}.yuv-metadata-form-field .form-field{margin-block-end:1px;border-radius:.25em;display:flex;align-items:center}.yuv-metadata-form-field .form-field .yuv-label-invalid,.yuv-metadata-form-field .form-field .yuv-formfield-invalid{--label-background-color: var(--ymt-danger-container);--label-color: var(--ymt-on-danger-container)}.yuv-metadata-form-field .form-field :not(.yuv-label-invalid,.yuv-formfield-invalid).yuv-label-required,.yuv-metadata-form-field .form-field :not(.yuv-label-invalid,.yuv-formfield-invalid).yuv-formfield-required{--label-background-color: var(--ymt-primary-container);--label-color: var(--ymt-on-primary-container)}.yuv-metadata-form-field .form-field :not(.yuv-label-invalid,.yuv-formfield-invalid).yuv-label-dirty,.yuv-metadata-form-field .form-field :not(.yuv-label-invalid,.yuv-formfield-invalid).yuv-formfield-dirty{--label-background-color: var(--ymt-success-container);--label-color: var(--ymt-on-success-container)}.yuv-metadata-form-field .form-field .label,.yuv-metadata-form-field .form-field label{--transition-duration: 2s;position:relative;background-color:var(--label-background-color)!important;color:var(--label-color)!important;border-radius:2px;box-shadow:0 0 0 3px var(--label-background-color)}.yuv-metadata-form-field .form-field>*{flex:1}.yuv-metadata-form-field .form-field .yuv-label-marker-dirty:after{content:\"\";display:inline-block;background-color:var(--ymt-warning-container);border:1px solid var(--ymt-on-warning-container);border-radius:50%;width:.5em;height:.5em;margin-inline-start:.5em;margin-inline-end:.25em}\n"] }]
+        }], propDecorators: { formChangedSubject: [{ type: i0.Input, args: [{ isSignal: true, alias: "formChangedSubject", required: false }] }], formField: [{ type: i0.Input, args: [{ isSignal: true, alias: "field", required: true }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], situation: [{ type: i0.Input, args: [{ isSignal: true, alias: "situation", required: false }] }] } });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { MetadataFormElementRegistry, MetadataFormFieldComponent, ObjectMetadataElementErrorDirective, ObjectMetadataElementLabelDirective, ObjectMetadataElementTemplateDirective };
+export { MetadataFormElementRegistry, MetadataFormFieldComponent, ObjectMetadataElementErrorDirective, ObjectMetadataElementLabelDirective, ObjectMetadataElementRawDirective, ObjectMetadataElementTemplateDirective };
 //# sourceMappingURL=yuuvis-client-framework-metadata-form.mjs.map