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

package/fesm2022/yuuvis-client-framework-master-details.mjs

@@ -0,0 +1,112 @@
+import * as i0 from '@angular/core';
+import { contentChild, model, input, Input, HostBinding, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i3 from '@yuuvis/client-framework/popout';
+import { YuvPopoutModule } from '@yuuvis/client-framework/popout';
+import * as i2 from '@yuuvis/client-framework/split-view';
+import { YuvSplitViewModule } from '@yuuvis/client-framework/split-view';
+
+/**
+ * Component rendering a master/details view.
+ *
+ * @example
+ * <yuv-master-details [(detailsActive)]="detailsActive">
+ *   <ng-template #yuvMasterPane>Main Pane</ng-template>
+ *   <ng-template #yuvDetailsPane>Details Pane</ng-template>
+ * </yuv-master-details>
+ */
+class YuvMasterDetailsComponent {
+    /**
+     * Layout options to be applied.
+     */
+    set layoutOptions(lo) {
+        this._layoutOptions = lo ? { ...this._defaultLayoutOptions, ...lo } : this._defaultLayoutOptions;
+    }
+    get layoutOptions() {
+        return this._layoutOptions;
+    }
+    constructor(elRef, cd) {
+        this.elRef = elRef;
+        this.cd = cd;
+        this.masterPane = contentChild.required('yuvMasterPane');
+        this.detailsPane = contentChild.required('yuvDetailsPane');
+        this._defaultLayoutOptions = {
+            masterSize: 80,
+            masterMinSize: undefined,
+            detailsSize: 20,
+            detailsMinSize: undefined,
+            resizable: true
+        };
+        /**
+         * Enable/disable details pane (also use as two-way-bound variable: [(detailsActive)])
+         */
+        this.detailsActive = model(false);
+        this._layoutOptions = this._defaultLayoutOptions;
+        this.undockableDetails = input(false);
+        /**
+         * Styles tp be applied to the panels
+         */
+        this.panelStyle = input(undefined);
+        /**
+         * Size of the gutter in Pixel.
+         */
+        this.gutterSize = input(undefined);
+        /**
+         * The mode od how to render the details pane. By default it will be rendered next to the master
+         * pane (resizable by split view). Choosing 'ontop' mode will overlay the details over the master pane
+         * which may be a good choice for smaller screens.
+         */
+        this.mode = 'aside';
+    }
+    // onLayoutSettingsChanged(ls: SplitViewLayoutSettings) {
+    //   // if (this.layoutSettingsID) {
+    //   // }
+    // }
+    onPopIn() {
+        this.detailsActive.set(true);
+        this.cd.detectChanges();
+    }
+    ngAfterViewInit() {
+        if (!this.masterPane() || !this.detailsPane()) {
+            console.error('MasterDetailsComponent is supposed to contain a master and a details pane.');
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: YuvMasterDetailsComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: YuvMasterDetailsComponent, isStandalone: true, selector: "yuv-master-details", inputs: { detailsActive: { classPropertyName: "detailsActive", publicName: "detailsActive", isSignal: true, isRequired: false, transformFunction: null }, layoutSettingsID: { classPropertyName: "layoutSettingsID", publicName: "layoutSettingsID", isSignal: false, isRequired: false, transformFunction: null }, layoutOptions: { classPropertyName: "layoutOptions", publicName: "layoutOptions", isSignal: false, isRequired: false, transformFunction: null }, undockableDetails: { classPropertyName: "undockableDetails", publicName: "undockableDetails", isSignal: true, isRequired: false, transformFunction: null }, panelStyle: { classPropertyName: "panelStyle", publicName: "panelStyle", isSignal: true, isRequired: false, transformFunction: null }, gutterSize: { classPropertyName: "gutterSize", publicName: "gutterSize", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { detailsActive: "detailsActiveChange" }, host: { attributes: { "class.detailsActive": "detailsActive()" }, properties: { "attr.data-mode": "this.mode" } }, queries: [{ propertyName: "masterPane", first: true, predicate: ["yuvMasterPane"], descendants: true, isSignal: true }, { propertyName: "detailsPane", first: true, predicate: ["yuvDetailsPane"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (mode === 'aside') {\n  <yuv-split-view [disabled]=\"!layoutOptions.resizable\" [gutterSize]=\"gutterSize() || 1\"\n    [layoutSettingsID]=\"layoutSettingsID\">\n    <ng-template yuvSplitArea [size]=\"layoutOptions.masterSize\" [minSize]=\"layoutOptions.masterMinSize\">\n      <div class=\"yuv-md-panel master\" [ngStyle]=\"panelStyle()\">\n        <ng-container *ngTemplateOutlet=\"masterPane()\"></ng-container>\n      </div>\n    </ng-template>\n    <ng-template yuvSplitArea [size]=\"layoutOptions.detailsSize\" [minSize]=\"layoutOptions.detailsMinSize\"\n      [visible]=\"detailsActive()\">\n      <div class=\"yuv-md-panel details\" [ngStyle]=\"panelStyle()\">\n        @if (undockableDetails()) {\n          <yuv-popout (popIn)=\"onPopIn()\" (popOut)=\"detailsActive.set(false)\"><ng-container\n          *ngTemplateOutlet=\"tplDetailsPanel\"></ng-container></yuv-popout>\n        } @else {\n          <ng-container *ngTemplateOutlet=\"tplDetailsPanel\"></ng-container>\n        }\n      </div>\n    </ng-template>\n  </yuv-split-view>\n} @else {\n  <div class=\"yuvMasterPane\"><ng-container *ngTemplateOutlet=\"masterPane()\"></ng-container></div>\n  <div class=\"yuvDetailsPane\" [hidden]=\"!detailsActive()\"><ng-container *ngTemplateOutlet=\"detailsPane()\"></ng-container>\n</div>\n}\n\n\n<ng-template #tplDetailsPanel>\n  <ng-container *ngTemplateOutlet=\"detailsPane()\"></ng-container>\n</ng-template>\n\n", styles: [":host{display:grid;grid-template-rows:1fr;grid-template-columns:1fr}:host ::ng-deep .yuv-md-panel{height:100%;box-sizing:border-box;overflow:auto}:host ::ng-deep .yuv-md-panel>yuv-popout .popoutWrapper,:host ::ng-deep .yuv-md-panel>yuv-popout .innerWrapper{height:100%}:host[data-mode=ontop].detailsActive .yuvMasterPane{display:none}:host[data-mode=ontop] .yuvMasterPane,:host[data-mode=ontop] .yuvDetailsPane{grid-row:1;grid-column:1;overflow:hidden;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: YuvSplitViewModule }, { kind: "directive", type: i2.SplitAreaDirective, selector: "[yuvSplitArea]", inputs: ["size", "minSize", "maxSize", "panelClass", "visible"] }, { kind: "component", type: i2.SplitViewComponent, selector: "yuv-split-view", inputs: ["direction", "gutterSize", "restrictMove", "disabled", "layoutSettingsID"], outputs: ["layoutSettingsChange", "dragStart", "dragEnd", "gutterClick", "gutterDblClick"] }, { kind: "ngmodule", type: YuvPopoutModule }, { kind: "component", type: i3.PopoutComponent, selector: "yuv-popout", inputs: ["triggerPosition", "triggerIcon", "triggerTooltip", "popoutWindowConfig", "disabled"], outputs: ["popOut", "popIn"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: YuvMasterDetailsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'yuv-master-details', standalone: true, imports: [CommonModule, YuvSplitViewModule, YuvPopoutModule], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        'class.detailsActive': 'detailsActive()'
+                    }, template: "@if (mode === 'aside') {\n  <yuv-split-view [disabled]=\"!layoutOptions.resizable\" [gutterSize]=\"gutterSize() || 1\"\n    [layoutSettingsID]=\"layoutSettingsID\">\n    <ng-template yuvSplitArea [size]=\"layoutOptions.masterSize\" [minSize]=\"layoutOptions.masterMinSize\">\n      <div class=\"yuv-md-panel master\" [ngStyle]=\"panelStyle()\">\n        <ng-container *ngTemplateOutlet=\"masterPane()\"></ng-container>\n      </div>\n    </ng-template>\n    <ng-template yuvSplitArea [size]=\"layoutOptions.detailsSize\" [minSize]=\"layoutOptions.detailsMinSize\"\n      [visible]=\"detailsActive()\">\n      <div class=\"yuv-md-panel details\" [ngStyle]=\"panelStyle()\">\n        @if (undockableDetails()) {\n          <yuv-popout (popIn)=\"onPopIn()\" (popOut)=\"detailsActive.set(false)\"><ng-container\n          *ngTemplateOutlet=\"tplDetailsPanel\"></ng-container></yuv-popout>\n        } @else {\n          <ng-container *ngTemplateOutlet=\"tplDetailsPanel\"></ng-container>\n        }\n      </div>\n    </ng-template>\n  </yuv-split-view>\n} @else {\n  <div class=\"yuvMasterPane\"><ng-container *ngTemplateOutlet=\"masterPane()\"></ng-container></div>\n  <div class=\"yuvDetailsPane\" [hidden]=\"!detailsActive()\"><ng-container *ngTemplateOutlet=\"detailsPane()\"></ng-container>\n</div>\n}\n\n\n<ng-template #tplDetailsPanel>\n  <ng-container *ngTemplateOutlet=\"detailsPane()\"></ng-container>\n</ng-template>\n\n", styles: [":host{display:grid;grid-template-rows:1fr;grid-template-columns:1fr}:host ::ng-deep .yuv-md-panel{height:100%;box-sizing:border-box;overflow:auto}:host ::ng-deep .yuv-md-panel>yuv-popout .popoutWrapper,:host ::ng-deep .yuv-md-panel>yuv-popout .innerWrapper{height:100%}:host[data-mode=ontop].detailsActive .yuvMasterPane{display:none}:host[data-mode=ontop] .yuvMasterPane,:host[data-mode=ontop] .yuvDetailsPane{grid-row:1;grid-column:1;overflow:hidden;height:100%}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { layoutSettingsID: [{
+                type: Input
+            }], layoutOptions: [{
+                type: Input
+            }], mode: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['attr.data-mode']
+            }] } });
+
+class YuvMasterDetailsModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: YuvMasterDetailsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.1", ngImport: i0, type: YuvMasterDetailsModule, imports: [YuvMasterDetailsComponent], exports: [YuvMasterDetailsComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: YuvMasterDetailsModule, imports: [YuvMasterDetailsComponent] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: YuvMasterDetailsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [YuvMasterDetailsComponent],
+                    exports: [YuvMasterDetailsComponent]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { YuvMasterDetailsComponent, YuvMasterDetailsModule };
+//# sourceMappingURL=yuuvis-client-framework-master-details.mjs.map

package/fesm2022/yuuvis-client-framework-master-details.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"yuuvis-client-framework-master-details.mjs","sources":["../../../../../libs/yuuvis/client-framework/master-details/src/lib/master-details.component.ts","../../../../../libs/yuuvis/client-framework/master-details/src/lib/master-details.component.html","../../../../../libs/yuuvis/client-framework/master-details/src/lib/master-details.module.ts","../../../../../libs/yuuvis/client-framework/master-details/src/yuuvis-client-framework-master-details.ts"],"sourcesContent":["import {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  contentChild,\n  ElementRef,\n  HostBinding,\n  input,\n  Input,\n  model,\n  TemplateRef\n} from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\nimport { YuvPopoutModule } from '@yuuvis/client-framework/popout';\nimport { YuvSplitViewModule } from '@yuuvis/client-framework/split-view';\nimport { MasterDetailsLayoutOptions } from './master-details.interface';\n\n/**\n * Component rendering a master/details view.\n *\n * @example\n * <yuv-master-details [(detailsActive)]=\"detailsActive\">\n *   <ng-template #yuvMasterPane>Main Pane</ng-template>\n *   <ng-template #yuvDetailsPane>Details Pane</ng-template>\n * </yuv-master-details>\n */\n@Component({\n  selector: 'yuv-master-details',\n  templateUrl: './master-details.component.html',\n  styleUrls: ['./master-details.component.scss'],\n  standalone: true,\n  imports: [CommonModule, YuvSplitViewModule, YuvPopoutModule],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    'class.detailsActive': 'detailsActive()'\n  }\n})\nexport class YuvMasterDetailsComponent implements AfterViewInit {\n  masterPane = contentChild.required<TemplateRef<any>>('yuvMasterPane');\n  detailsPane = contentChild.required<TemplateRef<any>>('yuvDetailsPane');\n\n  private _defaultLayoutOptions: MasterDetailsLayoutOptions = {\n    masterSize: 80,\n    masterMinSize: undefined,\n    detailsSize: 20,\n    detailsMinSize: undefined,\n    resizable: true\n  };\n  /**\n   * Enable/disable details pane (also use as two-way-bound variable: [(detailsActive)])\n   */\n  detailsActive = model<boolean>(false);\n  /**\n   * Layout settings is the state of the master details that could be persisted.\n   * Setting a `layoutSettingsID` will save the current state (details area visibilkity and\n   * split area sizes etc.) to the local storage. If the component is created, it will load\n   * those settings and re-apply them.\n   */\n  @Input() layoutSettingsID?: string;\n  private _layoutOptions: MasterDetailsLayoutOptions = this._defaultLayoutOptions;\n  /**\n   * Layout options to be applied.\n   */\n  @Input() set layoutOptions(lo: Partial<MasterDetailsLayoutOptions>) {\n    this._layoutOptions = lo ? { ...this._defaultLayoutOptions, ...lo } : this._defaultLayoutOptions;\n  }\n  get layoutOptions(): MasterDetailsLayoutOptions {\n    return this._layoutOptions;\n  }\n  undockableDetails = input<boolean>(false);\n  /**\n   * Styles tp be applied to the panels\n   */\n  panelStyle = input<{ [key: string]: string } | undefined>(undefined);\n  /**\n   * Size of the gutter in Pixel.\n   */\n  gutterSize = input<number | undefined>(undefined);\n\n  /**\n   * The mode od how to render the details pane. By default it will be rendered next to the master\n   * pane (resizable by split view). Choosing 'ontop' mode will overlay the details over the master pane\n   * which may be a good choice for smaller screens.\n   */\n  @Input() @HostBinding('attr.data-mode') mode: 'aside' | 'ontop' = 'aside';\n\n  constructor(\n    private elRef: ElementRef,\n    private cd: ChangeDetectorRef\n  ) {}\n\n  // onLayoutSettingsChanged(ls: SplitViewLayoutSettings) {\n  //   // if (this.layoutSettingsID) {\n  //   // }\n  // }\n\n  onPopIn() {\n    this.detailsActive.set(true);\n    this.cd.detectChanges();\n  }\n\n  ngAfterViewInit() {\n    if (!this.masterPane() || !this.detailsPane()) {\n      console.error('MasterDetailsComponent is supposed to contain a master and a details pane.');\n    }\n  }\n}\n","@if (mode === 'aside') {\n  <yuv-split-view [disabled]=\"!layoutOptions.resizable\" [gutterSize]=\"gutterSize() || 1\"\n    [layoutSettingsID]=\"layoutSettingsID\">\n    <ng-template yuvSplitArea [size]=\"layoutOptions.masterSize\" [minSize]=\"layoutOptions.masterMinSize\">\n      <div class=\"yuv-md-panel master\" [ngStyle]=\"panelStyle()\">\n        <ng-container *ngTemplateOutlet=\"masterPane()\"></ng-container>\n      </div>\n    </ng-template>\n    <ng-template yuvSplitArea [size]=\"layoutOptions.detailsSize\" [minSize]=\"layoutOptions.detailsMinSize\"\n      [visible]=\"detailsActive()\">\n      <div class=\"yuv-md-panel details\" [ngStyle]=\"panelStyle()\">\n        @if (undockableDetails()) {\n          <yuv-popout (popIn)=\"onPopIn()\" (popOut)=\"detailsActive.set(false)\"><ng-container\n          *ngTemplateOutlet=\"tplDetailsPanel\"></ng-container></yuv-popout>\n        } @else {\n          <ng-container *ngTemplateOutlet=\"tplDetailsPanel\"></ng-container>\n        }\n      </div>\n    </ng-template>\n  </yuv-split-view>\n} @else {\n  <div class=\"yuvMasterPane\"><ng-container *ngTemplateOutlet=\"masterPane()\"></ng-container></div>\n  <div class=\"yuvDetailsPane\" [hidden]=\"!detailsActive()\"><ng-container *ngTemplateOutlet=\"detailsPane()\"></ng-container>\n</div>\n}\n\n\n<ng-template #tplDetailsPanel>\n  <ng-container *ngTemplateOutlet=\"detailsPane()\"></ng-container>\n</ng-template>\n\n","import { NgModule } from '@angular/core';\nimport { YuvMasterDetailsComponent } from './master-details.component';\n\n@NgModule({\n  imports: [YuvMasterDetailsComponent],\n  exports: [YuvMasterDetailsComponent]\n})\nexport class YuvMasterDetailsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,60 @@
+import * as i0 from '@angular/core';
+import { Component, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i1 from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
+import * as i2 from '@angular/material/checkbox';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import * as i3 from '@angular/material/form-field';
+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, CatalogComponent, NumberComponent, NumberRangeComponent, DatetimeComponent, DatetimeRangeComponent } from '@yuuvis/client-framework/forms';
+import { ObjectMetadataElementTemplateDirective, ObjectMetadataElementLabelDirective, ObjectMetadataElementErrorDirective } from '@yuuvis/client-framework/metadata-form';
+
+class MetadataDefaultTemplatesComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: MetadataDefaultTemplatesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", 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.ctrl\">{{ 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    </yuv-string>\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\"></mat-error>\n  </mat-form-field>\n</ng-template>\n\n<!-- STRING CATALOG -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"string:catalog\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx.ctrl\">{{ 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    </yuv-catalog>\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\"></mat-error>\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.ctrl\">{{ 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    </yuv-organization>\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\"></mat-error>\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.ctrl\">{{ 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      </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]=\"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      ></yuv-number-range>\n    }\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\"></mat-error>\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.ctrl\">{{ 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      ></yuv-number-range>\n    }\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\"></mat-error>\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]=\"ctx.field.tristate === false ? false : true\"\n  >\n  </mat-checkbox>\n  <label [yuvObjectMetadataElementLabel]=\"ctx.ctrl\">{{ ctx.label }}</label>\n</ng-template>\n\n<!-- BOOLEAN SWITCH -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"boolean:switch\" let-ctx>\n  <mat-slide-toggle [formControl]=\"ctx.ctrl\" switch=\"true\" [attr.data-name]=\"ctx.field.name\" [disabled]=\"ctx.field.readonly\"></mat-slide-toggle>\n  <label [yuvObjectMetadataElementLabel]=\"ctx.ctrl\">{{ 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.ctrl\">{{ 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      ></yuv-datetime>\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      ></yuv-datetime-range>\n    }\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\"></mat-error>\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  >\n  </yuv-data-grid>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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", "size"] }, { kind: "component", type: OrganizationComponent, selector: "yuv-organization", inputs: ["situation", "multiselect", "classifications", "readonly", "excludeMe", "withMetadata"] }, { kind: "component", type: CatalogComponent, selector: "yuv-catalog", inputs: ["readonly", "multiple", "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"] }, { 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", "propertyType", "situation"] }, { 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: "19.2.1", ngImport: i0, type: MetadataDefaultTemplatesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'yuv-metadata-default-templates', standalone: true, imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        StringComponent,
+                        DataGridComponent,
+                        OrganizationComponent,
+                        CatalogComponent,
+                        NumberComponent,
+                        NumberRangeComponent,
+                        DatetimeComponent,
+                        DatetimeRangeComponent,
+                        ObjectMetadataElementTemplateDirective,
+                        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.ctrl\">{{ 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    </yuv-string>\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\"></mat-error>\n  </mat-form-field>\n</ng-template>\n\n<!-- STRING CATALOG -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"string:catalog\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx.ctrl\">{{ 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    </yuv-catalog>\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\"></mat-error>\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.ctrl\">{{ 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    </yuv-organization>\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\"></mat-error>\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.ctrl\">{{ 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      </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]=\"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      ></yuv-number-range>\n    }\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\"></mat-error>\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.ctrl\">{{ 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      ></yuv-number-range>\n    }\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\"></mat-error>\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]=\"ctx.field.tristate === false ? false : true\"\n  >\n  </mat-checkbox>\n  <label [yuvObjectMetadataElementLabel]=\"ctx.ctrl\">{{ ctx.label }}</label>\n</ng-template>\n\n<!-- BOOLEAN SWITCH -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"boolean:switch\" let-ctx>\n  <mat-slide-toggle [formControl]=\"ctx.ctrl\" switch=\"true\" [attr.data-name]=\"ctx.field.name\" [disabled]=\"ctx.field.readonly\"></mat-slide-toggle>\n  <label [yuvObjectMetadataElementLabel]=\"ctx.ctrl\">{{ 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.ctrl\">{{ 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      ></yuv-datetime>\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      ></yuv-datetime-range>\n    }\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\"></mat-error>\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  >\n  </yuv-data-grid>\n</ng-template>\n" }]
+        }] });
+
+class YuvMetadataFormDefaultsModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: YuvMetadataFormDefaultsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.1", ngImport: i0, type: YuvMetadataFormDefaultsModule, imports: [MetadataDefaultTemplatesComponent], exports: [MetadataDefaultTemplatesComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: YuvMetadataFormDefaultsModule, imports: [MetadataDefaultTemplatesComponent] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: YuvMetadataFormDefaultsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [MetadataDefaultTemplatesComponent],
+                    exports: [MetadataDefaultTemplatesComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MetadataDefaultTemplatesComponent, YuvMetadataFormDefaultsModule };
+//# sourceMappingURL=yuuvis-client-framework-metadata-form-defaults.mjs.map

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

@@ -0,0 +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 { CommonModule } 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  NumberComponent,\n  NumberRangeComponent,\n  OrganizationComponent,\n  StringComponent\n} from '@yuuvis/client-framework/forms';\nimport { ObjectMetadataElementErrorDirective, ObjectMetadataElementLabelDirective, ObjectMetadataElementTemplateDirective } from '@yuuvis/client-framework/metadata-form';\n@Component({\n  selector: 'yuv-metadata-default-templates',\n  standalone: true,\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    StringComponent,\n    DataGridComponent,\n    OrganizationComponent,\n    CatalogComponent,\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.ctrl\">{{ 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    </yuv-string>\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\"></mat-error>\n  </mat-form-field>\n</ng-template>\n\n<!-- STRING CATALOG -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"string:catalog\" let-ctx>\n  <mat-form-field>\n    <mat-label [yuvObjectMetadataElementLabel]=\"ctx.ctrl\">{{ 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    </yuv-catalog>\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\"></mat-error>\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.ctrl\">{{ 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    </yuv-organization>\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\"></mat-error>\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.ctrl\">{{ 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      </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]=\"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      ></yuv-number-range>\n    }\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\"></mat-error>\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.ctrl\">{{ 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      ></yuv-number-range>\n    }\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\"></mat-error>\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]=\"ctx.field.tristate === false ? false : true\"\n  >\n  </mat-checkbox>\n  <label [yuvObjectMetadataElementLabel]=\"ctx.ctrl\">{{ ctx.label }}</label>\n</ng-template>\n\n<!-- BOOLEAN SWITCH -->\n<ng-template yuvMetadataElementTemplate=\"default\" propertyType=\"boolean:switch\" let-ctx>\n  <mat-slide-toggle [formControl]=\"ctx.ctrl\" switch=\"true\" [attr.data-name]=\"ctx.field.name\" [disabled]=\"ctx.field.readonly\"></mat-slide-toggle>\n  <label [yuvObjectMetadataElementLabel]=\"ctx.ctrl\">{{ 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.ctrl\">{{ 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      ></yuv-datetime>\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      ></yuv-datetime-range>\n    }\n    <mat-hint>{{ ctx.description }}</mat-hint>\n    <mat-error [yuvObjectMetadataElementError]=\"ctx.ctrl\"></mat-error>\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  >\n  </yuv-data-grid>\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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"}