@yuuvis/client-framework 2.20.1 → 3.0.0-beta.20.1

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

@@ -1,21 +1,21 @@
 import * as i0 from '@angular/core';
 import { inject, input, computed, ChangeDetectionStrategy, Component, signal, Injectable, effect, viewChild, linkedSignal, untracked, output, viewChildren, NgModule, Pipe } from '@angular/core';
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
 import { takeUntilDestroyed, toSignal, rxResource } from '@angular/core/rxjs-interop';
 import * as i3 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
 import * as i1$1 from '@yuuvis/client-core';
-import { ObjectConfigService, EventService, YuvEventType, Utils, DmsService, TranslateService, LocaleDatePipe, TranslateModule, SystemService, Situation, PendingChangesService, NotificationService, UserService, TabGuardDirective } from '@yuuvis/client-core';
+import { ObjectConfigService, EventService, YuvEventType, Utils, DmsService, TranslateService, LocaleDatePipe, TranslatePipe, SystemService, Situation, PendingChangesService, NotificationService, UserService, TabGuardDirective } from '@yuuvis/client-core';
 import { RendererDirective } from '@yuuvis/client-framework/renderer';
 import * as i1 from '@yuuvis/material/panes';
 import { YmtPanesModule } from '@yuuvis/material/panes';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { BusyOverlayDirective, RetentionBadgeComponent } from '@yuuvis/client-framework/common';
 import { finalize, of, map } from 'rxjs';
-import * as i2$2 from '@angular/material/tabs';
+import * as i1$2 from '@angular/material/tabs';
 import { MatTabsModule } from '@angular/material/tabs';
 import { ObjectPreviewComponent } from '@yuuvis/client-framework/object-preview';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
 import { ReactiveFormsModule } from '@angular/forms';
 import { YUV_ICONS } from '@yuuvis/client-framework/icons';
 import { YmtIconButtonDirective, YmtButtonDirective } from '@yuuvis/material';
@@ -44,24 +44,24 @@ class ObjectDetailsHeaderComponent {
     constructor() {
         this.#objectConfig = inject(ObjectConfigService);
         this.#eventService = inject(EventService);
-        this.dmsObject = input(undefined);
+        this.dmsObject = input(undefined, ...(ngDevMode ? [{ debugName: "dmsObject" }] : []));
         /**
          * Virtual object type to use for retrieving header data
          */
-        this.type = input.required();
+        this.type = input.required(...(ngDevMode ? [{ debugName: "type" }] : []));
         /**
          * Bucket of the object config to retrieve header data from
          */
-        this.bucket = input(undefined);
+        this.bucket = input(undefined, ...(ngDevMode ? [{ debugName: "bucket" }] : []));
         /** Template rendered in the actions area, aligned to the right of the title row. */
-        this.actions = input(undefined);
+        this.actions = input(undefined, ...(ngDevMode ? [{ debugName: "actions" }] : []));
         /** Template rendered in the badges area, aligned to the right of the subtitle row. */
-        this.badges = input();
+        this.badges = input(...(ngDevMode ? [undefined, { debugName: "badges" }] : []));
         this.headerData = computed(() => {
             const object = this.dmsObject();
             const type = this.type();
             return object && type ? this.#setHeaderData() : undefined;
-        });
+        }, ...(ngDevMode ? [{ debugName: "headerData" }] : []));
         this.#eventService
             .on(YuvEventType.DMS_OBJECT_UPDATED)
             .pipe(takeUntilDestroyed())
@@ -81,23 +81,23 @@ class ObjectDetailsHeaderComponent {
             };
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ObjectDetailsHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ObjectDetailsHeaderComponent, isStandalone: true, selector: "yuv-object-details-header", inputs: { dmsObject: { classPropertyName: "dmsObject", publicName: "dmsObject", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: true, transformFunction: null }, bucket: { classPropertyName: "bucket", publicName: "bucket", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, badges: { classPropertyName: "badges", publicName: "badges", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@let dmsObj = dmsObject();\n@let headerD = headerData();\n@if (dmsObj && headerD) {\n  <ymt-pane-header [icon]=\"headerD.icon\" [actions]=\"actions()\" [badges]=\"badges()\">\n    <ng-template #yuvPaneHeaderTitle>\n      <ng-container *yuvRenderer=\"headerD.title\" />\n    </ng-template>\n    <ng-template #yuvPaneHeaderSubtitle>\n      <ng-container *yuvRenderer=\"headerD.description\" />\n    </ng-template>\n  </ymt-pane-header>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: YmtPanesModule }, { kind: "component", type: i1.YmtPaneHeaderComponent, selector: "ymt-pane-header", inputs: ["title", "icon", "subtitle", "actions", "badges"] }, { kind: "directive", type: RendererDirective, selector: "[yuvRenderer]", inputs: ["yuvRenderer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ObjectDetailsHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: ObjectDetailsHeaderComponent, isStandalone: true, selector: "yuv-object-details-header", inputs: { dmsObject: { classPropertyName: "dmsObject", publicName: "dmsObject", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: true, transformFunction: null }, bucket: { classPropertyName: "bucket", publicName: "bucket", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, badges: { classPropertyName: "badges", publicName: "badges", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@let dmsObj = dmsObject();\n@let headerD = headerData();\n@if (dmsObj && headerD) {\n  <ymt-pane-header [icon]=\"headerD.icon\" [actions]=\"actions()\" [badges]=\"badges()\">\n    <ng-template #yuvPaneHeaderTitle>\n      <ng-container *yuvRenderer=\"headerD.title\" />\n    </ng-template>\n    <ng-template #yuvPaneHeaderSubtitle>\n      <ng-container *yuvRenderer=\"headerD.description\" />\n    </ng-template>\n  </ymt-pane-header>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: YmtPanesModule }, { kind: "component", type: i1.YmtPaneHeaderComponent, selector: "ymt-pane-header", inputs: ["title", "icon", "subtitle", "actions", "badges"] }, { kind: "directive", type: RendererDirective, selector: "[yuvRenderer]", inputs: ["yuvRenderer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ObjectDetailsHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ObjectDetailsHeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'yuv-object-details-header', imports: [CommonModule, MatIconModule, YmtPanesModule, RendererDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let dmsObj = dmsObject();\n@let headerD = headerData();\n@if (dmsObj && headerD) {\n  <ymt-pane-header [icon]=\"headerD.icon\" [actions]=\"actions()\" [badges]=\"badges()\">\n    <ng-template #yuvPaneHeaderTitle>\n      <ng-container *yuvRenderer=\"headerD.title\" />\n    </ng-template>\n    <ng-template #yuvPaneHeaderSubtitle>\n      <ng-container *yuvRenderer=\"headerD.description\" />\n    </ng-template>\n  </ymt-pane-header>\n}\n" }]
-        }], ctorParameters: () => [] });
+            args: [{ selector: 'yuv-object-details-header', imports: [MatIconModule, YmtPanesModule, RendererDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let dmsObj = dmsObject();\n@let headerD = headerData();\n@if (dmsObj && headerD) {\n  <ymt-pane-header [icon]=\"headerD.icon\" [actions]=\"actions()\" [badges]=\"badges()\">\n    <ng-template #yuvPaneHeaderTitle>\n      <ng-container *yuvRenderer=\"headerD.title\" />\n    </ng-template>\n    <ng-template #yuvPaneHeaderSubtitle>\n      <ng-container *yuvRenderer=\"headerD.description\" />\n    </ng-template>\n  </ymt-pane-header>\n}\n" }]
+        }], ctorParameters: () => [], propDecorators: { dmsObject: [{ type: i0.Input, args: [{ isSignal: true, alias: "dmsObject", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: true }] }], bucket: [{ type: i0.Input, args: [{ isSignal: true, alias: "bucket", required: false }] }], actions: [{ type: i0.Input, args: [{ isSignal: true, alias: "actions", required: false }] }], badges: [{ type: i0.Input, args: [{ isSignal: true, alias: "badges", required: false }] }] } });
 
 class ObjectDetailsShellService {
     constructor() {
         this.id = Utils.uuid();
         this.#dmsService = inject(DmsService);
         this.translate = inject(TranslateService);
-        this.#dmsObject = signal(undefined);
+        this.#dmsObject = signal(undefined, ...(ngDevMode ? [{ debugName: "#dmsObject" }] : []));
         this.dmsObject = this.#dmsObject.asReadonly();
-        this.contextError = signal(undefined);
-        this.busy = signal(false);
+        this.contextError = signal(undefined, ...(ngDevMode ? [{ debugName: "contextError" }] : []));
+        this.busy = signal(false, ...(ngDevMode ? [{ debugName: "busy" }] : []));
     }
     #dmsService;
     #dmsObject;
@@ -118,10 +118,10 @@ class ObjectDetailsShellService {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ObjectDetailsShellService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ObjectDetailsShellService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ObjectDetailsShellService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ObjectDetailsShellService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ObjectDetailsShellService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ObjectDetailsShellService, decorators: [{
             type: Injectable
         }] });
 
@@ -136,26 +136,26 @@ class ObjectDetailsShellComponent {
     constructor() {
         this.#eventService = inject(EventService);
         this.#odShellService = inject(ObjectDetailsShellService);
-        this.retentionState = signal(undefined);
+        this.retentionState = signal(undefined, ...(ngDevMode ? [{ debugName: "retentionState" }] : []));
         this.contextError = this.#odShellService.contextError;
         this.dmsObject = this.#odShellService.dmsObject;
         this.busy = this.#odShellService.busy;
         /** Template rendered in the actions area, aligned to the right of the title row. */
-        this.actions = input(undefined);
+        this.actions = input(undefined, ...(ngDevMode ? [{ debugName: "actions" }] : []));
         /** Template rendered in the badges area, aligned to the right of the subtitle row. */
-        this.badges = input();
+        this.badges = input(...(ngDevMode ? [undefined, { debugName: "badges" }] : []));
         /**
          * Virtual object type to use for retrieving header data
          */
-        this.type = input.required();
+        this.type = input.required(...(ngDevMode ? [{ debugName: "type" }] : []));
         /**
          * Bucket of the object config to retrieve header data from
          */
-        this.bucket = input(undefined);
+        this.bucket = input(undefined, ...(ngDevMode ? [{ debugName: "bucket" }] : []));
         /**
          * Whether to hide the header
          */
-        this.hideHeader = input(false);
+        this.hideHeader = input(false, ...(ngDevMode ? [{ debugName: "hideHeader" }] : []));
         this.#eventService
             .on(YuvEventType.DMS_OBJECT_UPDATED, YuvEventType.DMS_OBJECT_DELETED)
             .pipe(takeUntilDestroyed())
@@ -176,13 +176,13 @@ class ObjectDetailsShellComponent {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ObjectDetailsShellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ObjectDetailsShellComponent, isStandalone: true, selector: "yuv-object-details-shell", inputs: { actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, badges: { classPropertyName: "badges", publicName: "badges", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: true, transformFunction: null }, bucket: { classPropertyName: "bucket", publicName: "bucket", isSignal: true, isRequired: false, transformFunction: null }, hideHeader: { classPropertyName: "hideHeader", publicName: "hideHeader", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@let dmsObj = dmsObject();\n@if (dmsObj) {\n  @if (!hideHeader()) {\n    <yuv-object-details-header\n      [dmsObject]=\"dmsObj\"\n      [type]=\"type()\"\n      [bucket]=\"bucket()\"\n      [badges]=\"badges()\"\n      [actions]=\"actions()\"\n    />\n  }\n  <div class=\"content\" [yuvBusyOverlay]=\"busy()\">\n    <ng-content />\n  </div>\n} @else {\n  <div class=\"empty\">\n    @if (contextError()) {\n      <div class=\"error\">{{ contextError() }}</div>\n    } @else {\n      <!-- EMPTY -->\n    }\n  </div>\n}\n", styles: [":host{display:flex;flex-direction:column;position:relative;background-color:var(--ymt-surface)}:host .content{flex:1;overflow:hidden}:host .empty{height:100%;display:grid;align-items:center;justify-content:center}:host .empty .error{max-width:40ch;margin:var(--ymt-spacing-m);color:var(--ymt-text-color-subtle);padding:var(--ymt-spacing-s);border-radius:.5em;line-height:1.5em;border:1px solid var(--ymt-outline-variant)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ObjectDetailsHeaderComponent, selector: "yuv-object-details-header", inputs: ["dmsObject", "type", "bucket", "actions", "badges"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: BusyOverlayDirective, selector: "[yuvBusyOverlay]", inputs: ["yuvBusyOverlay", "yuvBusyOverlayConfig", "yuvBusyError"], outputs: ["yuvBusyErrorDismiss"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ObjectDetailsShellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: ObjectDetailsShellComponent, isStandalone: true, selector: "yuv-object-details-shell", inputs: { actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, badges: { classPropertyName: "badges", publicName: "badges", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: true, transformFunction: null }, bucket: { classPropertyName: "bucket", publicName: "bucket", isSignal: true, isRequired: false, transformFunction: null }, hideHeader: { classPropertyName: "hideHeader", publicName: "hideHeader", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@let dmsObj = dmsObject();\n@if (dmsObj) {\n  @if (!hideHeader()) {\n    <yuv-object-details-header\n      [dmsObject]=\"dmsObj\"\n      [type]=\"type()\"\n      [bucket]=\"bucket()\"\n      [badges]=\"badges()\"\n      [actions]=\"actions()\"\n    />\n  }\n  <div class=\"content\" [yuvBusyOverlay]=\"busy()\">\n    <ng-content />\n  </div>\n} @else {\n  <div class=\"empty\">\n    @if (contextError()) {\n      <div class=\"error\">{{ contextError() }}</div>\n    } @else {\n      <!-- EMPTY -->\n    }\n  </div>\n}\n", styles: [":host{display:flex;flex-direction:column;position:relative;background-color:var(--ymt-surface)}:host .content{flex:1;overflow:hidden}:host .empty{height:100%;display:grid;align-items:center;justify-content:center}:host .empty .error{max-width:40ch;margin:var(--ymt-spacing-m);color:var(--ymt-text-color-subtle);padding:var(--ymt-spacing-s);border-radius:.5em;line-height:1.5em;border:1px solid var(--ymt-outline-variant)}\n"], dependencies: [{ kind: "component", type: ObjectDetailsHeaderComponent, selector: "yuv-object-details-header", inputs: ["dmsObject", "type", "bucket", "actions", "badges"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: BusyOverlayDirective, selector: "[yuvBusyOverlay]", inputs: ["yuvBusyOverlay", "yuvBusyOverlayConfig", "yuvBusyError"], outputs: ["yuvBusyErrorDismiss"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ObjectDetailsShellComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ObjectDetailsShellComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'yuv-object-details-shell', standalone: true, imports: [CommonModule, ObjectDetailsHeaderComponent, MatTooltipModule, BusyOverlayDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let dmsObj = dmsObject();\n@if (dmsObj) {\n  @if (!hideHeader()) {\n    <yuv-object-details-header\n      [dmsObject]=\"dmsObj\"\n      [type]=\"type()\"\n      [bucket]=\"bucket()\"\n      [badges]=\"badges()\"\n      [actions]=\"actions()\"\n    />\n  }\n  <div class=\"content\" [yuvBusyOverlay]=\"busy()\">\n    <ng-content />\n  </div>\n} @else {\n  <div class=\"empty\">\n    @if (contextError()) {\n      <div class=\"error\">{{ contextError() }}</div>\n    } @else {\n      <!-- EMPTY -->\n    }\n  </div>\n}\n", styles: [":host{display:flex;flex-direction:column;position:relative;background-color:var(--ymt-surface)}:host .content{flex:1;overflow:hidden}:host .empty{height:100%;display:grid;align-items:center;justify-content:center}:host .empty .error{max-width:40ch;margin:var(--ymt-spacing-m);color:var(--ymt-text-color-subtle);padding:var(--ymt-spacing-s);border-radius:.5em;line-height:1.5em;border:1px solid var(--ymt-outline-variant)}\n"] }]
-        }], ctorParameters: () => [] });
+            args: [{ selector: 'yuv-object-details-shell', standalone: true, imports: [ObjectDetailsHeaderComponent, MatTooltipModule, BusyOverlayDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let dmsObj = dmsObject();\n@if (dmsObj) {\n  @if (!hideHeader()) {\n    <yuv-object-details-header\n      [dmsObject]=\"dmsObj\"\n      [type]=\"type()\"\n      [bucket]=\"bucket()\"\n      [badges]=\"badges()\"\n      [actions]=\"actions()\"\n    />\n  }\n  <div class=\"content\" [yuvBusyOverlay]=\"busy()\">\n    <ng-content />\n  </div>\n} @else {\n  <div class=\"empty\">\n    @if (contextError()) {\n      <div class=\"error\">{{ contextError() }}</div>\n    } @else {\n      <!-- EMPTY -->\n    }\n  </div>\n}\n", styles: [":host{display:flex;flex-direction:column;position:relative;background-color:var(--ymt-surface)}:host .content{flex:1;overflow:hidden}:host .empty{height:100%;display:grid;align-items:center;justify-content:center}:host .empty .error{max-width:40ch;margin:var(--ymt-spacing-m);color:var(--ymt-text-color-subtle);padding:var(--ymt-spacing-s);border-radius:.5em;line-height:1.5em;border:1px solid var(--ymt-outline-variant)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { actions: [{ type: i0.Input, args: [{ isSignal: true, alias: "actions", required: false }] }], badges: [{ type: i0.Input, args: [{ isSignal: true, alias: "badges", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: true }] }], bucket: [{ type: i0.Input, args: [{ isSignal: true, alias: "bucket", required: false }] }], hideHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideHeader", required: false }] }] } });
 
 class ObjectAuditComponent {
     #dmsObjectEffect;
@@ -199,13 +199,13 @@ class ObjectAuditComponent {
             filter: YUV_ICONS.filter,
             arrowNext: YUV_ICONS.arrowNext
         };
-        this.auditsRes = signal(undefined);
-        this.resolvedItems = signal([]);
-        this.error = signal(false);
-        this.busy = signal(false);
+        this.auditsRes = signal(undefined, ...(ngDevMode ? [{ debugName: "auditsRes" }] : []));
+        this.resolvedItems = signal([], ...(ngDevMode ? [{ debugName: "resolvedItems" }] : []));
+        this.error = signal(false, ...(ngDevMode ? [{ debugName: "error" }] : []));
+        this.busy = signal(false, ...(ngDevMode ? [{ debugName: "busy" }] : []));
         this.searchActions = [];
         this.auditLabels = {};
-        this.dmsObject = input(undefined);
+        this.dmsObject = input(undefined, ...(ngDevMode ? [{ debugName: "dmsObject" }] : []));
         this.#dmsObjectEffect = effect(() => {
             const o = this.dmsObject();
             if (!o) {
@@ -221,16 +221,16 @@ class ObjectAuditComponent {
             else {
                 this.query();
             }
-        });
+        }, ...(ngDevMode ? [{ debugName: "#dmsObjectEffect" }] : []));
         /**
          * A list of audits that should not be shown. Use the audit codes (like 100, 301, etc.).
          * This will also disable the corresponding filters.
          */
-        this.skipActions = input([]);
+        this.skipActions = input([], ...(ngDevMode ? [{ debugName: "skipActions" }] : []));
         /**
          * Whether or not to ignore admin and user separation of audit entries
          */
-        this.allActions = input(false);
+        this.allActions = input(false, ...(ngDevMode ? [{ debugName: "allActions" }] : []));
         this.auditLabels = {
             a100: this.translate.instant('yuv.audit.label.create.metadata'),
             a101: this.translate.instant('yuv.audit.label.create.metadata.withcontent'),
@@ -341,32 +341,41 @@ class ObjectAuditComponent {
         this.auditsRes.set(undefined);
         this.error.set(true);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ObjectAuditComponent, deps: [{ token: i1$1.AuditService }, { token: i1$1.EventService }, { token: i1$1.SystemService }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ObjectAuditComponent, isStandalone: true, selector: "yuv-object-audit", inputs: { dmsObject: { classPropertyName: "dmsObject", publicName: "dmsObject", isSignal: true, isRequired: false, transformFunction: null }, skipActions: { classPropertyName: "skipActions", publicName: "skipActions", isSignal: true, isRequired: false, transformFunction: null }, allActions: { classPropertyName: "allActions", publicName: "allActions", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@let auditsResult = auditsRes();\n\n<div\n  class=\"yuv-audit\"\n  [ngClass]=\"{ singleEntry: auditsResult?.items?.length === 1, onPage: auditsResult && auditsResult.page > 1 }\"\n  [yuvBusyOverlay]=\"busy()\"\n>\n  @if (error()) {\n    <div class=\"error\">\n      <div translate>yuv.audit.fetch.error</div>\n    </div>\n  }\n\n  @if (auditsResult) {\n    <!-- list of audits -->\n    @let resItems = resolvedItems();\n    @if (resItems.length) {\n      <ul class=\"timeline\" [attr.aria-label]=\"'yuv.audit.timeline' | translate\">\n        @for (item of resItems; track $index) {\n          <li class=\"audit\" attr.aria-labelledby=\"'title-{{ $index }} creator-{{ $index }} date-{{ $index }}'\">\n            <time [attr.datetime]=\"item.creationDate\" class=\"date\">{{ item.creationDate | localeDate }}</time>\n            <div class=\"node\">\n              <div class=\"label\">\n                <span class=\"title\" id=\"title-{{ $index }}\">{{ item.label }}</span>\n                <span class=\"version\">{{ 'yuv.audit.label.version' | translate: ({version: item.version}) }}</span>\n              </div>\n              <div class=\"more meta\">{{ item.more }}</div>\n              <div class=\"creator meta\" id=\"creator-{{ $index }}\">{{ item.createdBy.title }}</div>\n            </div>\n          </li>\n        }\n      </ul>\n    } @else {\n      <div class=\"empty\" translate>yuv.audit.result.empty</div>\n    }\n\n    <!-- controls -->\n    @if (auditsResult.hasMoreItems || auditsResult.page > 1) {\n      <div class=\"footer\" yuvOfflineDisabled>\n        <div class=\"paging\">\n          <button\n            ymtIconButton\n            [attr.aria-label]=\"'yuv.audit.label.paging.prev' | translate\"\n            [disabled]=\"auditsResult.page === 1\"\n            (click)=\"goToPage(auditsResult.page - 1)\"\n          >\n            <mat-icon>chevron_left</mat-icon>\n          </button>\n          <div class=\"page\">\n            {{ auditsResult.page }}\n          </div>\n          <button\n            ymtIconButton\n            [attr.aria-label]=\"'yuv.audit.label.paging.next' | translate\"\n            [disabled]=\"!auditsResult.hasMoreItems\"\n            (click)=\"goToPage(auditsResult.page + 1)\"\n          >\n            <mat-icon>chevron_right</mat-icon>\n          </button>\n        </div>\n      </div>\n    }\n  }\n</div>\n", styles: [":host{--_object-audit-panel-background: var(--object-audit-panel-background, var(--ymt-surface))}:host .yuv-audit{position:relative;height:100%;width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto;grid-template-areas:\"items\" \"footer\";background-color:var(--_object-audit-panel-background);container-type:inline-size;container-name:cmp}:host .yuv-audit .error{grid-area:items;display:flex;flex-flow:column;align-items:center;justify-content:center}:host .yuv-audit .error>div{background-color:var(--ymt-danger-container);color:var(--ymt-on-danger-container);margin:var(--ymt-spacing-m);padding:var(--ymt-spacing-m);border-radius:var(--ymt-spacing-xs)}:host .yuv-audit .audits{grid-area:items}:host .yuv-audit .empty{grid-area:items;display:flex;flex-flow:column;align-items:center;justify-content:center;color:var(--ymt-text-color-subtle)}:host .yuv-audit .footer{grid-area:footer;background-color:var(--ymt-surface);border-top:1px solid var(--ymt-outline-variant);display:flex}:host .yuv-audit .footer .paging{flex:1;display:flex;align-items:center;justify-content:flex-end;padding:var(--ymt-spacing-xs)}:host .yuv-audit .footer .paging .page{padding:0 var(--ymt-spacing-xs)}:host .timeline{--track-color: var(--ymt-outline-variant);--track-size: var(--ymt-spacing-4xl);margin-block-start:0;margin-block-end:0;overflow-y:auto;padding:var(--ymt-spacing-3xl) var(--ymt-spacing-2xs) var(--ymt-spacing-3xl) var(--ymt-spacing-l)}@container (max-width: 450px){:host .timeline .audit{grid-template-columns:var(--track-size) auto;grid-template-rows:var(--track-size) auto;grid-template-areas:\"line date\" \"node node\"}:host .timeline .audit .date{justify-self:start}:host .timeline .audit .date,:host .timeline .audit:after{translate:0 .5em}:host .timeline .audit .node{margin:0;width:100%}:host .timeline .audit:last-child:before{height:100%}}:host .timeline :where(.audit){display:grid;grid-template-columns:1fr var(--track-size) 6fr;grid-template-areas:\"date line node\"}:host .timeline :where(.audit) .date{grid-area:date;justify-self:end;align-self:center}:host .timeline :where(.audit) .node{grid-area:node;justify-self:start;background-color:var(--ymt-surface-panel);border:1px solid var(--ymt-outline-variant);border-radius:.25em;margin:var(--ymt-spacing-xs) 0;padding:var(--ymt-spacing-m);box-sizing:border-box;display:grid;gap:var(--ymt-spacing-3xs)}:host .timeline :where(.audit) .node .label{display:flex;align-items:center}:host .timeline :where(.audit) .node .label .title{flex:1;word-break:break-word;font-weight:700;color:var(--ymt-text-color)}:host .timeline :where(.audit) .node .label .version{line-height:1em;border-radius:2px;background-color:rgb(from var(--ymt-primary) r g b/.15);color:var(--ymt-primary);font:var(--ymt-font-body-subtle);font-family:monospace;align-self:center;margin-left:var(--ymt-spacing-m);padding:2px 4px;display:block}:host .timeline :where(.audit) .node .meta{color:var(--ymt-text-color-subtle)}:host .timeline :where(.audit):before{grid-area:line;content:\"\";width:calc(50% + 1px);height:100%;border-inline-end:2px solid var(--track-color)}:host .timeline :where(.audit):after{grid-area:line;content:\"\";width:14px;height:14px;border-radius:50%;border:2px solid var(--track-color);background-color:var(--ymt-surface-panel);box-sizing:border-box;align-self:center;justify-self:center}:host .timeline :where(.audit):first-child:before{height:50%;align-self:end}:host .timeline :where(.audit):last-child:before{height:50%;align-self:start}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "pipe", type: LocaleDatePipe, name: "localeDate" }, { kind: "directive", type: BusyOverlayDirective, selector: "[yuvBusyOverlay]", inputs: ["yuvBusyOverlay", "yuvBusyOverlayConfig", "yuvBusyError"], outputs: ["yuvBusyErrorDismiss"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: i1$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: YmtIconButtonDirective, selector: "button[ymtIconButton],button[ymt-icon-button],a[ymtIconButton],a[ymt-icon-button]", inputs: ["disabled", "disableRipple", "aria-disabled", "disabledInteractive", "icon-button-size"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ObjectAuditComponent, deps: [{ token: i1$1.AuditService }, { token: i1$1.EventService }, { token: i1$1.SystemService }, { token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: ObjectAuditComponent, isStandalone: true, selector: "yuv-object-audit", inputs: { dmsObject: { classPropertyName: "dmsObject", publicName: "dmsObject", isSignal: true, isRequired: false, transformFunction: null }, skipActions: { classPropertyName: "skipActions", publicName: "skipActions", isSignal: true, isRequired: false, transformFunction: null }, allActions: { classPropertyName: "allActions", publicName: "allActions", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@let auditsResult = auditsRes();\n\n<div\n  class=\"yuv-audit\"\n  [ngClass]=\"{ singleEntry: auditsResult?.items?.length === 1, onPage: auditsResult && auditsResult.page > 1 }\"\n  [yuvBusyOverlay]=\"busy()\"\n>\n  @if (error()) {\n    <div class=\"error\">\n      <div translate>yuv.audit.fetch.error</div>\n    </div>\n  }\n\n  @if (auditsResult) {\n    <!-- list of audits -->\n    @let resItems = resolvedItems();\n    @if (resItems.length) {\n      <ul class=\"timeline\" [attr.aria-label]=\"'yuv.audit.timeline' | translate\">\n        @for (item of resItems; track $index) {\n          <li class=\"audit\" attr.aria-labelledby=\"'title-{{ $index }} creator-{{ $index }} date-{{ $index }}'\">\n            <time [attr.datetime]=\"item.creationDate\" class=\"date\">{{ item.creationDate | localeDate }}</time>\n            <div class=\"node\">\n              <div class=\"label\">\n                <span class=\"title\" id=\"title-{{ $index }}\">{{ item.label }}</span>\n                <span class=\"version\">{{ 'yuv.audit.label.version' | translate: ({version: item.version}) }}</span>\n              </div>\n              <div class=\"more meta\">{{ item.more }}</div>\n              <div class=\"creator meta\" id=\"creator-{{ $index }}\">{{ item.createdBy.title }}</div>\n            </div>\n          </li>\n        }\n      </ul>\n    } @else {\n      <div class=\"empty\" translate>yuv.audit.result.empty</div>\n    }\n\n    <!-- controls -->\n    @if (auditsResult.hasMoreItems || auditsResult.page > 1) {\n      <div class=\"footer\" yuvOfflineDisabled>\n        <div class=\"paging\">\n          <button\n            ymtIconButton\n            [attr.aria-label]=\"'yuv.audit.label.paging.prev' | translate\"\n            [disabled]=\"auditsResult.page === 1\"\n            (click)=\"goToPage(auditsResult.page - 1)\"\n          >\n            <mat-icon>chevron_left</mat-icon>\n          </button>\n          <div class=\"page\">\n            {{ auditsResult.page }}\n          </div>\n          <button\n            ymtIconButton\n            [attr.aria-label]=\"'yuv.audit.label.paging.next' | translate\"\n            [disabled]=\"!auditsResult.hasMoreItems\"\n            (click)=\"goToPage(auditsResult.page + 1)\"\n          >\n            <mat-icon>chevron_right</mat-icon>\n          </button>\n        </div>\n      </div>\n    }\n  }\n</div>\n", styles: [":host{--_object-audit-panel-background: var(--object-audit-panel-background, var(--ymt-surface))}:host .yuv-audit{position:relative;height:100%;width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto;grid-template-areas:\"items\" \"footer\";background-color:var(--_object-audit-panel-background);container-type:inline-size;container-name:cmp}:host .yuv-audit .error{grid-area:items;display:flex;flex-flow:column;align-items:center;justify-content:center}:host .yuv-audit .error>div{background-color:var(--ymt-danger-container);color:var(--ymt-on-danger-container);margin:var(--ymt-spacing-m);padding:var(--ymt-spacing-m);border-radius:var(--ymt-spacing-xs)}:host .yuv-audit .audits{grid-area:items}:host .yuv-audit .empty{grid-area:items;display:flex;flex-flow:column;align-items:center;justify-content:center;color:var(--ymt-text-color-subtle)}:host .yuv-audit .footer{grid-area:footer;background-color:var(--ymt-surface);border-top:1px solid var(--ymt-outline-variant);display:flex}:host .yuv-audit .footer .paging{flex:1;display:flex;align-items:center;justify-content:flex-end;padding:var(--ymt-spacing-xs)}:host .yuv-audit .footer .paging .page{padding:0 var(--ymt-spacing-xs)}:host .timeline{--track-color: var(--ymt-outline-variant);--track-size: var(--ymt-spacing-4xl);margin-block-start:0;margin-block-end:0;overflow-y:auto;padding:var(--ymt-spacing-3xl) var(--ymt-spacing-2xs) var(--ymt-spacing-3xl) var(--ymt-spacing-l)}@container (max-width: 450px){:host .timeline .audit{grid-template-columns:var(--track-size) auto;grid-template-rows:var(--track-size) auto;grid-template-areas:\"line date\" \"node node\"}:host .timeline .audit .date{justify-self:start}:host .timeline .audit .date,:host .timeline .audit:after{translate:0 .5em}:host .timeline .audit .node{margin:0;width:100%}:host .timeline .audit:last-child:before{height:100%}}:host .timeline :where(.audit){display:grid;grid-template-columns:1fr var(--track-size) 6fr;grid-template-areas:\"date line node\"}:host .timeline :where(.audit) .date{grid-area:date;justify-self:end;align-self:center}:host .timeline :where(.audit) .node{grid-area:node;justify-self:start;background-color:var(--ymt-surface-panel);border:1px solid var(--ymt-outline-variant);border-radius:.25em;margin:var(--ymt-spacing-xs) 0;padding:var(--ymt-spacing-m);box-sizing:border-box;display:grid;gap:var(--ymt-spacing-3xs)}:host .timeline :where(.audit) .node .label{display:flex;align-items:center}:host .timeline :where(.audit) .node .label .title{flex:1;word-break:break-word;font-weight:700;color:var(--ymt-text-color)}:host .timeline :where(.audit) .node .label .version{line-height:1em;border-radius:2px;background-color:rgb(from var(--ymt-primary) r g b/.15);color:var(--ymt-primary);font:var(--ymt-font-body-subtle);font-family:monospace;align-self:center;margin-left:var(--ymt-spacing-m);padding:2px 4px;display:block}:host .timeline :where(.audit) .node .meta{color:var(--ymt-text-color-subtle)}:host .timeline :where(.audit):before{grid-area:line;content:\"\";width:calc(50% + 1px);height:100%;border-inline-end:2px solid var(--track-color)}:host .timeline :where(.audit):after{grid-area:line;content:\"\";width:14px;height:14px;border-radius:50%;border:2px solid var(--track-color);background-color:var(--ymt-surface-panel);box-sizing:border-box;align-self:center;justify-self:center}:host .timeline :where(.audit):first-child:before{height:50%;align-self:end}:host .timeline :where(.audit):last-child:before{height:50%;align-self:start}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: BusyOverlayDirective, selector: "[yuvBusyOverlay]", inputs: ["yuvBusyOverlay", "yuvBusyOverlayConfig", "yuvBusyError"], outputs: ["yuvBusyErrorDismiss"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: YmtIconButtonDirective, selector: "button[ymtIconButton],button[ymt-icon-button],a[ymtIconButton],a[ymt-icon-button]", inputs: ["disabled", "disableRipple", "aria-disabled", "disabledInteractive", "icon-button-size"] }, { kind: "pipe", type: LocaleDatePipe, name: "localeDate" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ObjectAuditComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ObjectAuditComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'yuv-object-audit', standalone: true, imports: [CommonModule, ReactiveFormsModule, LocaleDatePipe, BusyOverlayDirective, TranslateModule, MatIconModule, YmtIconButtonDirective], template: "@let auditsResult = auditsRes();\n\n<div\n  class=\"yuv-audit\"\n  [ngClass]=\"{ singleEntry: auditsResult?.items?.length === 1, onPage: auditsResult && auditsResult.page > 1 }\"\n  [yuvBusyOverlay]=\"busy()\"\n>\n  @if (error()) {\n    <div class=\"error\">\n      <div translate>yuv.audit.fetch.error</div>\n    </div>\n  }\n\n  @if (auditsResult) {\n    <!-- list of audits -->\n    @let resItems = resolvedItems();\n    @if (resItems.length) {\n      <ul class=\"timeline\" [attr.aria-label]=\"'yuv.audit.timeline' | translate\">\n        @for (item of resItems; track $index) {\n          <li class=\"audit\" attr.aria-labelledby=\"'title-{{ $index }} creator-{{ $index }} date-{{ $index }}'\">\n            <time [attr.datetime]=\"item.creationDate\" class=\"date\">{{ item.creationDate | localeDate }}</time>\n            <div class=\"node\">\n              <div class=\"label\">\n                <span class=\"title\" id=\"title-{{ $index }}\">{{ item.label }}</span>\n                <span class=\"version\">{{ 'yuv.audit.label.version' | translate: ({version: item.version}) }}</span>\n              </div>\n              <div class=\"more meta\">{{ item.more }}</div>\n              <div class=\"creator meta\" id=\"creator-{{ $index }}\">{{ item.createdBy.title }}</div>\n            </div>\n          </li>\n        }\n      </ul>\n    } @else {\n      <div class=\"empty\" translate>yuv.audit.result.empty</div>\n    }\n\n    <!-- controls -->\n    @if (auditsResult.hasMoreItems || auditsResult.page > 1) {\n      <div class=\"footer\" yuvOfflineDisabled>\n        <div class=\"paging\">\n          <button\n            ymtIconButton\n            [attr.aria-label]=\"'yuv.audit.label.paging.prev' | translate\"\n            [disabled]=\"auditsResult.page === 1\"\n            (click)=\"goToPage(auditsResult.page - 1)\"\n          >\n            <mat-icon>chevron_left</mat-icon>\n          </button>\n          <div class=\"page\">\n            {{ auditsResult.page }}\n          </div>\n          <button\n            ymtIconButton\n            [attr.aria-label]=\"'yuv.audit.label.paging.next' | translate\"\n            [disabled]=\"!auditsResult.hasMoreItems\"\n            (click)=\"goToPage(auditsResult.page + 1)\"\n          >\n            <mat-icon>chevron_right</mat-icon>\n          </button>\n        </div>\n      </div>\n    }\n  }\n</div>\n", styles: [":host{--_object-audit-panel-background: var(--object-audit-panel-background, var(--ymt-surface))}:host .yuv-audit{position:relative;height:100%;width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto;grid-template-areas:\"items\" \"footer\";background-color:var(--_object-audit-panel-background);container-type:inline-size;container-name:cmp}:host .yuv-audit .error{grid-area:items;display:flex;flex-flow:column;align-items:center;justify-content:center}:host .yuv-audit .error>div{background-color:var(--ymt-danger-container);color:var(--ymt-on-danger-container);margin:var(--ymt-spacing-m);padding:var(--ymt-spacing-m);border-radius:var(--ymt-spacing-xs)}:host .yuv-audit .audits{grid-area:items}:host .yuv-audit .empty{grid-area:items;display:flex;flex-flow:column;align-items:center;justify-content:center;color:var(--ymt-text-color-subtle)}:host .yuv-audit .footer{grid-area:footer;background-color:var(--ymt-surface);border-top:1px solid var(--ymt-outline-variant);display:flex}:host .yuv-audit .footer .paging{flex:1;display:flex;align-items:center;justify-content:flex-end;padding:var(--ymt-spacing-xs)}:host .yuv-audit .footer .paging .page{padding:0 var(--ymt-spacing-xs)}:host .timeline{--track-color: var(--ymt-outline-variant);--track-size: var(--ymt-spacing-4xl);margin-block-start:0;margin-block-end:0;overflow-y:auto;padding:var(--ymt-spacing-3xl) var(--ymt-spacing-2xs) var(--ymt-spacing-3xl) var(--ymt-spacing-l)}@container (max-width: 450px){:host .timeline .audit{grid-template-columns:var(--track-size) auto;grid-template-rows:var(--track-size) auto;grid-template-areas:\"line date\" \"node node\"}:host .timeline .audit .date{justify-self:start}:host .timeline .audit .date,:host .timeline .audit:after{translate:0 .5em}:host .timeline .audit .node{margin:0;width:100%}:host .timeline .audit:last-child:before{height:100%}}:host .timeline :where(.audit){display:grid;grid-template-columns:1fr var(--track-size) 6fr;grid-template-areas:\"date line node\"}:host .timeline :where(.audit) .date{grid-area:date;justify-self:end;align-self:center}:host .timeline :where(.audit) .node{grid-area:node;justify-self:start;background-color:var(--ymt-surface-panel);border:1px solid var(--ymt-outline-variant);border-radius:.25em;margin:var(--ymt-spacing-xs) 0;padding:var(--ymt-spacing-m);box-sizing:border-box;display:grid;gap:var(--ymt-spacing-3xs)}:host .timeline :where(.audit) .node .label{display:flex;align-items:center}:host .timeline :where(.audit) .node .label .title{flex:1;word-break:break-word;font-weight:700;color:var(--ymt-text-color)}:host .timeline :where(.audit) .node .label .version{line-height:1em;border-radius:2px;background-color:rgb(from var(--ymt-primary) r g b/.15);color:var(--ymt-primary);font:var(--ymt-font-body-subtle);font-family:monospace;align-self:center;margin-left:var(--ymt-spacing-m);padding:2px 4px;display:block}:host .timeline :where(.audit) .node .meta{color:var(--ymt-text-color-subtle)}:host .timeline :where(.audit):before{grid-area:line;content:\"\";width:calc(50% + 1px);height:100%;border-inline-end:2px solid var(--track-color)}:host .timeline :where(.audit):after{grid-area:line;content:\"\";width:14px;height:14px;border-radius:50%;border:2px solid var(--track-color);background-color:var(--ymt-surface-panel);box-sizing:border-box;align-self:center;justify-self:center}:host .timeline :where(.audit):first-child:before{height:50%;align-self:end}:host .timeline :where(.audit):last-child:before{height:50%;align-self:start}\n"] }]
-        }], ctorParameters: () => [{ type: i1$1.AuditService }, { type: i1$1.EventService }, { type: i1$1.SystemService }, { type: i1$1.TranslateService }] });
+            args: [{ selector: 'yuv-object-audit', standalone: true, imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        LocaleDatePipe,
+                        BusyOverlayDirective,
+                        TranslatePipe,
+                        MatIconModule,
+                        YmtIconButtonDirective
+                    ], template: "@let auditsResult = auditsRes();\n\n<div\n  class=\"yuv-audit\"\n  [ngClass]=\"{ singleEntry: auditsResult?.items?.length === 1, onPage: auditsResult && auditsResult.page > 1 }\"\n  [yuvBusyOverlay]=\"busy()\"\n>\n  @if (error()) {\n    <div class=\"error\">\n      <div translate>yuv.audit.fetch.error</div>\n    </div>\n  }\n\n  @if (auditsResult) {\n    <!-- list of audits -->\n    @let resItems = resolvedItems();\n    @if (resItems.length) {\n      <ul class=\"timeline\" [attr.aria-label]=\"'yuv.audit.timeline' | translate\">\n        @for (item of resItems; track $index) {\n          <li class=\"audit\" attr.aria-labelledby=\"'title-{{ $index }} creator-{{ $index }} date-{{ $index }}'\">\n            <time [attr.datetime]=\"item.creationDate\" class=\"date\">{{ item.creationDate | localeDate }}</time>\n            <div class=\"node\">\n              <div class=\"label\">\n                <span class=\"title\" id=\"title-{{ $index }}\">{{ item.label }}</span>\n                <span class=\"version\">{{ 'yuv.audit.label.version' | translate: ({version: item.version}) }}</span>\n              </div>\n              <div class=\"more meta\">{{ item.more }}</div>\n              <div class=\"creator meta\" id=\"creator-{{ $index }}\">{{ item.createdBy.title }}</div>\n            </div>\n          </li>\n        }\n      </ul>\n    } @else {\n      <div class=\"empty\" translate>yuv.audit.result.empty</div>\n    }\n\n    <!-- controls -->\n    @if (auditsResult.hasMoreItems || auditsResult.page > 1) {\n      <div class=\"footer\" yuvOfflineDisabled>\n        <div class=\"paging\">\n          <button\n            ymtIconButton\n            [attr.aria-label]=\"'yuv.audit.label.paging.prev' | translate\"\n            [disabled]=\"auditsResult.page === 1\"\n            (click)=\"goToPage(auditsResult.page - 1)\"\n          >\n            <mat-icon>chevron_left</mat-icon>\n          </button>\n          <div class=\"page\">\n            {{ auditsResult.page }}\n          </div>\n          <button\n            ymtIconButton\n            [attr.aria-label]=\"'yuv.audit.label.paging.next' | translate\"\n            [disabled]=\"!auditsResult.hasMoreItems\"\n            (click)=\"goToPage(auditsResult.page + 1)\"\n          >\n            <mat-icon>chevron_right</mat-icon>\n          </button>\n        </div>\n      </div>\n    }\n  }\n</div>\n", styles: [":host{--_object-audit-panel-background: var(--object-audit-panel-background, var(--ymt-surface))}:host .yuv-audit{position:relative;height:100%;width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto;grid-template-areas:\"items\" \"footer\";background-color:var(--_object-audit-panel-background);container-type:inline-size;container-name:cmp}:host .yuv-audit .error{grid-area:items;display:flex;flex-flow:column;align-items:center;justify-content:center}:host .yuv-audit .error>div{background-color:var(--ymt-danger-container);color:var(--ymt-on-danger-container);margin:var(--ymt-spacing-m);padding:var(--ymt-spacing-m);border-radius:var(--ymt-spacing-xs)}:host .yuv-audit .audits{grid-area:items}:host .yuv-audit .empty{grid-area:items;display:flex;flex-flow:column;align-items:center;justify-content:center;color:var(--ymt-text-color-subtle)}:host .yuv-audit .footer{grid-area:footer;background-color:var(--ymt-surface);border-top:1px solid var(--ymt-outline-variant);display:flex}:host .yuv-audit .footer .paging{flex:1;display:flex;align-items:center;justify-content:flex-end;padding:var(--ymt-spacing-xs)}:host .yuv-audit .footer .paging .page{padding:0 var(--ymt-spacing-xs)}:host .timeline{--track-color: var(--ymt-outline-variant);--track-size: var(--ymt-spacing-4xl);margin-block-start:0;margin-block-end:0;overflow-y:auto;padding:var(--ymt-spacing-3xl) var(--ymt-spacing-2xs) var(--ymt-spacing-3xl) var(--ymt-spacing-l)}@container (max-width: 450px){:host .timeline .audit{grid-template-columns:var(--track-size) auto;grid-template-rows:var(--track-size) auto;grid-template-areas:\"line date\" \"node node\"}:host .timeline .audit .date{justify-self:start}:host .timeline .audit .date,:host .timeline .audit:after{translate:0 .5em}:host .timeline .audit .node{margin:0;width:100%}:host .timeline .audit:last-child:before{height:100%}}:host .timeline :where(.audit){display:grid;grid-template-columns:1fr var(--track-size) 6fr;grid-template-areas:\"date line node\"}:host .timeline :where(.audit) .date{grid-area:date;justify-self:end;align-self:center}:host .timeline :where(.audit) .node{grid-area:node;justify-self:start;background-color:var(--ymt-surface-panel);border:1px solid var(--ymt-outline-variant);border-radius:.25em;margin:var(--ymt-spacing-xs) 0;padding:var(--ymt-spacing-m);box-sizing:border-box;display:grid;gap:var(--ymt-spacing-3xs)}:host .timeline :where(.audit) .node .label{display:flex;align-items:center}:host .timeline :where(.audit) .node .label .title{flex:1;word-break:break-word;font-weight:700;color:var(--ymt-text-color)}:host .timeline :where(.audit) .node .label .version{line-height:1em;border-radius:2px;background-color:rgb(from var(--ymt-primary) r g b/.15);color:var(--ymt-primary);font:var(--ymt-font-body-subtle);font-family:monospace;align-self:center;margin-left:var(--ymt-spacing-m);padding:2px 4px;display:block}:host .timeline :where(.audit) .node .meta{color:var(--ymt-text-color-subtle)}:host .timeline :where(.audit):before{grid-area:line;content:\"\";width:calc(50% + 1px);height:100%;border-inline-end:2px solid var(--track-color)}:host .timeline :where(.audit):after{grid-area:line;content:\"\";width:14px;height:14px;border-radius:50%;border:2px solid var(--track-color);background-color:var(--ymt-surface-panel);box-sizing:border-box;align-self:center;justify-self:center}:host .timeline :where(.audit):first-child:before{height:50%;align-self:end}:host .timeline :where(.audit):last-child:before{height:50%;align-self:start}\n"] }]
+        }], ctorParameters: () => [{ type: i1$1.AuditService }, { type: i1$1.EventService }, { type: i1$1.SystemService }, { type: i1$1.TranslateService }], propDecorators: { dmsObject: [{ type: i0.Input, args: [{ isSignal: true, alias: "dmsObject", required: false }] }], skipActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "skipActions", required: false }] }], allActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "allActions", required: false }] }] } });
 
 class ObjectMetadataSectionComponent {
     constructor() {
         this.#system = inject(SystemService);
-        this.objectForm = viewChild(ObjectFormComponent);
-        this.section = input.required();
-        this.expandedInput = input(false, { alias: 'expanded' });
-        this.elementExtensions = input([]);
-        this.readonly = input();
-        this.expanded = linkedSignal(this.expandedInput);
-        this.busy = signal(false);
+        this.objectForm = viewChild(ObjectFormComponent, ...(ngDevMode ? [{ debugName: "objectForm" }] : []));
+        this.section = input.required(...(ngDevMode ? [{ debugName: "section" }] : []));
+        this.expandedInput = input(false, ...(ngDevMode ? [{ debugName: "expandedInput", alias: 'expanded' }] : [{ alias: 'expanded' }]));
+        this.elementExtensions = input([], ...(ngDevMode ? [{ debugName: "elementExtensions" }] : []));
+        this.readonly = input(...(ngDevMode ? [undefined, { debugName: "readonly" }] : []));
+        this.expanded = linkedSignal(this.expandedInput, ...(ngDevMode ? [{ debugName: "expanded" }] : []));
+        this.busy = signal(false, ...(ngDevMode ? [{ debugName: "busy" }] : []));
         // linkedSignal instead of plain signal so that formOptions resets to undefined whenever
         // the section input changes (e.g. a different object is loaded). This ensures the form
         // is reloaded with fresh data for the new section while still allowing .set() mutations
         // (user edits) to persist across collapse/expand cycles within the same section.
-        this.formOptions = linkedSignal({
-            source: this.section,
-            computation: () => undefined
-        });
+        this.formOptions = linkedSignal(...(ngDevMode ? [{ debugName: "formOptions", source: this.section,
+                computation: () => undefined }] : [{
+                source: this.section,
+                computation: () => undefined
+            }]));
         this.#formOptionsEffect = effect(() => {
             // Load the object form when the section is first expanded.
             // Don't use rxResource here because it messes with the state of the formOptions.
@@ -390,7 +399,7 @@ class ObjectMetadataSectionComponent {
                     }
                 });
             }
-        });
+        }, ...(ngDevMode ? [{ debugName: "#formOptionsEffect" }] : []));
         this.statusChanged = output();
     }
     #system;
@@ -401,16 +410,16 @@ class ObjectMetadataSectionComponent {
     setFormPristine() {
         this.objectForm()?.setFormPristine();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ObjectMetadataSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ObjectMetadataSectionComponent, isStandalone: true, selector: "yuv-object-metadata-section", inputs: { section: { classPropertyName: "section", publicName: "section", isSignal: true, isRequired: true, transformFunction: null }, expandedInput: { classPropertyName: "expandedInput", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, elementExtensions: { classPropertyName: "elementExtensions", publicName: "elementExtensions", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { statusChanged: "statusChanged" }, host: { properties: { "class.invalid": "objectForm()?.form?.invalid", "class.dirty": "objectForm()?.form?.dirty" } }, viewQueries: [{ propertyName: "objectForm", first: true, predicate: ObjectFormComponent, descendants: true, isSignal: true }], ngImport: i0, template: "@let _section = section();\n@let fo = formOptions();\n\n<h3>\n  <button\n    type=\"button\"\n    [attr.aria-expanded]=\"expanded()\"\n    class=\"accordion-trigger\"\n    [attr.aria-controls]=\"'sect_' + _section.id\"\n    [id]=\"'accordion_' + _section.id\"\n    (click)=\"expanded.set(!expanded())\"\n    [attr.aria-busy]=\"busy()\"\n  >\n    @if (_section.icon) {\n      @if (_section.svgIcon) {\n        <mat-icon [svgIcon]=\"_section.icon\"></mat-icon>\n      } @else {\n        <mat-icon>{{ _section.icon }}</mat-icon>\n      }\n    }\n    <span >{{ _section.label }}</span>\n    @if (busy()) {\n      <mat-spinner diameter=\"24\"></mat-spinner>\n    }\n    <mat-icon class=\"arr\">keyboard_arrow_down</mat-icon>\n  </button>\n</h3>\n<div [id]=\"'sect_' + _section.id\" role=\"region\" [attr.aria-labelledby]=\"'accordion_' + _section.id\" class=\"accordion-panel\">\n  @if (fo) {\n    <yuv-object-form\n      #objectForm\n      [hidden]=\"!expanded()\"\n      [readonly]=\"readonly()\"\n      [formOptions]=\"fo\"\n      [elementExtensions]=\"elementExtensions()\"\n      (statusChanged)=\"statusChanged.emit($event)\"\n    ></yuv-object-form>\n  }\n</div>\n", styles: [":host{--section-state-border-color: var(--ymt-outline-variant);--section-state-outline-color: transparent;background-color:var(--_object-metadata-section-background);border:1px solid var(--section-state-border-color);border-radius:var(--_object-metadata-section-corner);outline:3px solid var(--section-state-outline-color)}:host.invalid{--section-state-border-color: var(--ymt-danger);--section-state-outline-color: rgb(from var(--ymt-danger) r g b /.2)}:host.dirty:not(.invalid){--section-state-border-color: var(--ymt-success);--section-state-outline-color: rgb(from var(--ymt-success) r g b /.2)}:host h3{margin:0;padding:0;display:flex}:host h3 button{margin:var(--ymt-spacing-2xs);border-radius:calc(var(--_object-metadata-section-corner) * .5);flex:1;padding:var(--ymt-spacing-xs);cursor:pointer;display:flex;gap:var(--ymt-spacing-xs);align-items:center;font-weight:700;color:var(--ymt-text-color-subtle);background-color:transparent;border:none}:host h3 button:hover{background-color:var(--ymt-hover-background)}:host h3 button:focus-visible{background-color:var(--ymt-hover-background);outline:2px solid var(--ymt-outline);outline-offset:-2px}:host h3 button[aria-expanded=true] mat-icon.arr{transform:rotate(180deg)}:host h3 button span{flex:1;text-align:start}:host h3 button mat-icon{margin-inline-end:var(--ymt-spacing-xs);transition:transform .3s ease}:host details{background-color:var(--_object-metadata-section-background);border:1px solid var(--ymt-outline-variant);border-radius:var(--_object-metadata-section-corner)}:host details:not(:last-child){margin-block-end:var(--ymt-spacing-m)}:host details[open] yuv-icon.arr{transform:rotate(180deg)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i2$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: ObjectFormComponent, selector: "yuv-object-form", inputs: ["formOptions", "inert", "readonly", "elementExtensions", "isInnerTableForm"], outputs: ["statusChanged", "onFormReady"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ObjectMetadataSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: ObjectMetadataSectionComponent, isStandalone: true, selector: "yuv-object-metadata-section", inputs: { section: { classPropertyName: "section", publicName: "section", isSignal: true, isRequired: true, transformFunction: null }, expandedInput: { classPropertyName: "expandedInput", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, elementExtensions: { classPropertyName: "elementExtensions", publicName: "elementExtensions", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { statusChanged: "statusChanged" }, host: { properties: { "class.invalid": "objectForm()?.form?.invalid", "class.dirty": "objectForm()?.form?.dirty" } }, viewQueries: [{ propertyName: "objectForm", first: true, predicate: ObjectFormComponent, descendants: true, isSignal: true }], ngImport: i0, template: "@let _section = section();\n@let fo = formOptions();\n\n<h3>\n  <button\n    type=\"button\"\n    [attr.aria-expanded]=\"expanded()\"\n    class=\"accordion-trigger\"\n    [attr.aria-controls]=\"'sect_' + _section.id\"\n    [id]=\"'accordion_' + _section.id\"\n    (click)=\"expanded.set(!expanded())\"\n    [attr.aria-busy]=\"busy()\"\n  >\n    @if (_section.icon) {\n      @if (_section.svgIcon) {\n        <mat-icon [svgIcon]=\"_section.icon\"></mat-icon>\n      } @else {\n        <mat-icon>{{ _section.icon }}</mat-icon>\n      }\n    }\n    <span >{{ _section.label }}</span>\n    @if (busy()) {\n      <mat-spinner diameter=\"24\"></mat-spinner>\n    }\n    <mat-icon class=\"arr\">keyboard_arrow_down</mat-icon>\n  </button>\n</h3>\n<div [id]=\"'sect_' + _section.id\" role=\"region\" [attr.aria-labelledby]=\"'accordion_' + _section.id\" class=\"accordion-panel\">\n  @if (fo) {\n    <yuv-object-form\n      #objectForm\n      [hidden]=\"!expanded()\"\n      [readonly]=\"readonly()\"\n      [formOptions]=\"fo\"\n      [elementExtensions]=\"elementExtensions()\"\n      (statusChanged)=\"statusChanged.emit($event)\"\n    ></yuv-object-form>\n  }\n</div>\n", styles: [":host{--section-state-border-color: var(--ymt-outline-variant);--section-state-outline-color: transparent;background-color:var(--_object-metadata-section-background);border:1px solid var(--section-state-border-color);border-radius:var(--_object-metadata-section-corner);outline:3px solid var(--section-state-outline-color)}:host.invalid{--section-state-border-color: var(--ymt-danger);--section-state-outline-color: rgb(from var(--ymt-danger) r g b /.2)}:host.dirty:not(.invalid){--section-state-border-color: var(--ymt-success);--section-state-outline-color: rgb(from var(--ymt-success) r g b /.2)}:host h3{margin:0;padding:0;display:flex}:host h3 button{margin:var(--ymt-spacing-2xs);border-radius:calc(var(--_object-metadata-section-corner) * .5);flex:1;padding:var(--ymt-spacing-xs);cursor:pointer;display:flex;gap:var(--ymt-spacing-xs);align-items:center;font-weight:700;color:var(--ymt-text-color-subtle);background-color:transparent;border:none}:host h3 button:hover{background-color:var(--ymt-hover-background)}:host h3 button:focus-visible{background-color:var(--ymt-hover-background);outline:2px solid var(--ymt-outline);outline-offset:-2px}:host h3 button[aria-expanded=true] mat-icon.arr{transform:rotate(180deg)}:host h3 button span{flex:1;text-align:start}:host h3 button mat-icon{margin-inline-end:var(--ymt-spacing-xs);transition:transform .3s ease}:host details{background-color:var(--_object-metadata-section-background);border:1px solid var(--ymt-outline-variant);border-radius:var(--_object-metadata-section-corner)}:host details:not(:last-child){margin-block-end:var(--ymt-spacing-m)}:host details[open] yuv-icon.arr{transform:rotate(180deg)}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i2$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: ObjectFormComponent, selector: "yuv-object-form", inputs: ["formOptions", "inert", "readonly", "elementExtensions", "isInnerTableForm"], outputs: ["statusChanged", "onFormReady"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ObjectMetadataSectionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ObjectMetadataSectionComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'yuv-object-metadata-section', imports: [CommonModule, MatIconModule, MatProgressSpinnerModule, ObjectFormComponent], host: {
+            args: [{ selector: 'yuv-object-metadata-section', imports: [MatIconModule, MatProgressSpinnerModule, ObjectFormComponent], host: {
                         '[class.invalid]': 'objectForm()?.form?.invalid',
                         '[class.dirty]': 'objectForm()?.form?.dirty'
                     }, template: "@let _section = section();\n@let fo = formOptions();\n\n<h3>\n  <button\n    type=\"button\"\n    [attr.aria-expanded]=\"expanded()\"\n    class=\"accordion-trigger\"\n    [attr.aria-controls]=\"'sect_' + _section.id\"\n    [id]=\"'accordion_' + _section.id\"\n    (click)=\"expanded.set(!expanded())\"\n    [attr.aria-busy]=\"busy()\"\n  >\n    @if (_section.icon) {\n      @if (_section.svgIcon) {\n        <mat-icon [svgIcon]=\"_section.icon\"></mat-icon>\n      } @else {\n        <mat-icon>{{ _section.icon }}</mat-icon>\n      }\n    }\n    <span >{{ _section.label }}</span>\n    @if (busy()) {\n      <mat-spinner diameter=\"24\"></mat-spinner>\n    }\n    <mat-icon class=\"arr\">keyboard_arrow_down</mat-icon>\n  </button>\n</h3>\n<div [id]=\"'sect_' + _section.id\" role=\"region\" [attr.aria-labelledby]=\"'accordion_' + _section.id\" class=\"accordion-panel\">\n  @if (fo) {\n    <yuv-object-form\n      #objectForm\n      [hidden]=\"!expanded()\"\n      [readonly]=\"readonly()\"\n      [formOptions]=\"fo\"\n      [elementExtensions]=\"elementExtensions()\"\n      (statusChanged)=\"statusChanged.emit($event)\"\n    ></yuv-object-form>\n  }\n</div>\n", styles: [":host{--section-state-border-color: var(--ymt-outline-variant);--section-state-outline-color: transparent;background-color:var(--_object-metadata-section-background);border:1px solid var(--section-state-border-color);border-radius:var(--_object-metadata-section-corner);outline:3px solid var(--section-state-outline-color)}:host.invalid{--section-state-border-color: var(--ymt-danger);--section-state-outline-color: rgb(from var(--ymt-danger) r g b /.2)}:host.dirty:not(.invalid){--section-state-border-color: var(--ymt-success);--section-state-outline-color: rgb(from var(--ymt-success) r g b /.2)}:host h3{margin:0;padding:0;display:flex}:host h3 button{margin:var(--ymt-spacing-2xs);border-radius:calc(var(--_object-metadata-section-corner) * .5);flex:1;padding:var(--ymt-spacing-xs);cursor:pointer;display:flex;gap:var(--ymt-spacing-xs);align-items:center;font-weight:700;color:var(--ymt-text-color-subtle);background-color:transparent;border:none}:host h3 button:hover{background-color:var(--ymt-hover-background)}:host h3 button:focus-visible{background-color:var(--ymt-hover-background);outline:2px solid var(--ymt-outline);outline-offset:-2px}:host h3 button[aria-expanded=true] mat-icon.arr{transform:rotate(180deg)}:host h3 button span{flex:1;text-align:start}:host h3 button mat-icon{margin-inline-end:var(--ymt-spacing-xs);transition:transform .3s ease}:host details{background-color:var(--_object-metadata-section-background);border:1px solid var(--ymt-outline-variant);border-radius:var(--_object-metadata-section-corner)}:host details:not(:last-child){margin-block-end:var(--ymt-spacing-m)}:host details[open] yuv-icon.arr{transform:rotate(180deg)}\n"] }]
-        }] });
+        }], propDecorators: { objectForm: [{ type: i0.ViewChild, args: [i0.forwardRef(() => ObjectFormComponent), { isSignal: true }] }], section: [{ type: i0.Input, args: [{ isSignal: true, alias: "section", required: true }] }], expandedInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }], elementExtensions: [{ type: i0.Input, args: [{ isSignal: true, alias: "elementExtensions", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], statusChanged: [{ type: i0.Output, args: ["statusChanged"] }] } });
 
 class ObjectMetadataComponent {
     constructor() {
@@ -426,44 +435,44 @@ class ObjectMetadataComponent {
             const object = this._dmsObject();
             const o = flavoredDmsObject ? flavoredDmsObject.object : object;
             return o?.permissions?.writeIndexData || false;
-        });
-        this.objectForms = viewChildren(ObjectFormComponent);
-        this.objectMetadataSectionForms = viewChildren(ObjectMetadataSectionComponent);
+        }, ...(ngDevMode ? [{ debugName: "hasWritePermission" }] : []));
+        this.objectForms = viewChildren(ObjectFormComponent, ...(ngDevMode ? [{ debugName: "objectForms" }] : []));
+        this.objectMetadataSectionForms = viewChildren(ObjectMetadataSectionComponent, ...(ngDevMode ? [{ debugName: "objectMetadataSectionForms" }] : []));
         this.#formSubscriptions = [];
-        this.busySaving = signal(false);
-        this.busyLoading = signal(false);
-        this.disableControls = input(false);
+        this.busySaving = signal(false, ...(ngDevMode ? [{ debugName: "busySaving" }] : []));
+        this.busyLoading = signal(false, ...(ngDevMode ? [{ debugName: "busyLoading" }] : []));
+        this.disableControls = input(false, ...(ngDevMode ? [{ debugName: "disableControls" }] : []));
         /**
          * Set to 'true' to disable the basic metadata form. This will hide
          * the basic metadata section that shows common object proeperties like
          * creation date, creator, version, etc.
          */
-        this.disableBasicMetadata = input(false);
-        this.elementExtensions = input([]);
-        this.controlsVisible = signal(false);
-        this.empty = computed(() => !this.mainFormOptions() && this.flavorFormOptions().length === 0 && this.disableBasicMetadata());
+        this.disableBasicMetadata = input(false, ...(ngDevMode ? [{ debugName: "disableBasicMetadata" }] : []));
+        this.elementExtensions = input([], ...(ngDevMode ? [{ debugName: "elementExtensions" }] : []));
+        this.controlsVisible = signal(false, ...(ngDevMode ? [{ debugName: "controlsVisible" }] : []));
+        this.empty = computed(() => !this.mainFormOptions() && this.flavorFormOptions().length === 0 && this.disableBasicMetadata(), ...(ngDevMode ? [{ debugName: "empty" }] : []));
         // state of all individual forms
         this.#formStates = new Map();
         this.baseData = [];
         /**
          * Form situation, if not set default will be 'EDIT'
          */
-        this.situation = input(Situation.EDIT);
+        this.situation = input(Situation.EDIT, ...(ngDevMode ? [{ debugName: "situation" }] : []));
         /**
          * Set to 'true' to prevent all metadata from being edited
          */
-        this.formDisabled = signal(false);
-        this.dmsObject = input();
-        this._dmsObject = linkedSignal(this.dmsObject);
+        this.formDisabled = signal(false, ...(ngDevMode ? [{ debugName: "formDisabled" }] : []));
+        this.dmsObject = input(...(ngDevMode ? [undefined, { debugName: "dmsObject" }] : []));
+        this._dmsObject = linkedSignal(this.dmsObject, ...(ngDevMode ? [{ debugName: "_dmsObject" }] : []));
         /**
          * @deprecated This input will be removed in the future.
          * Please migrate to using `dmsObject` and `flavors` inputs instead.
          */
-        this.flavoredDmsObject = input();
+        this.flavoredDmsObject = input(...(ngDevMode ? [undefined, { debugName: "flavoredDmsObject" }] : []));
         this.#flavoredDmsObjectEffect = effect(() => {
             const flavoredDmsObject = this.flavoredDmsObject();
             flavoredDmsObject && this.#init(flavoredDmsObject?.object, flavoredDmsObject?.flavors);
-        });
+        }, ...(ngDevMode ? [{ debugName: "#flavoredDmsObjectEffect" }] : []));
         /**
          * Emits the updated `DmsObject` when metadata have been saved.
          */
@@ -477,17 +486,17 @@ class ObjectMetadataComponent {
          * this is not used anymore
          *
          */
-        this.#legacyFlavors = signal(undefined);
+        this.#legacyFlavors = signal(undefined, ...(ngDevMode ? [{ debugName: "#legacyFlavors" }] : []));
         this.#mainFormOptionsResource = rxResource({
-            request: this._dmsObject,
-            loader: ({ request }) => {
-                if (!request)
+            params: this._dmsObject,
+            stream: ({ params }) => {
+                if (!params)
                     return of(undefined);
-                return this.#system.getObjectTypeForms([request.objectTypeId], this.situation()).pipe(map((res) => res[request.objectTypeId]
+                return this.#system.getObjectTypeForms([params.objectTypeId], this.situation()).pipe(map((res) => res[params.objectTypeId]
                     ? {
-                        formModel: res[request.objectTypeId],
-                        data: request.data,
-                        disabled: this.formDisabled() || !request.permissions?.writeIndexData
+                        formModel: res[params.objectTypeId],
+                        data: params.data,
+                        disabled: this.formDisabled() || !params.permissions?.writeIndexData
                     }
                     : undefined));
             }
@@ -495,7 +504,7 @@ class ObjectMetadataComponent {
         // form of the dms object itself
         this.mainFormOptions = this.#mainFormOptionsResource.value;
         this.mainFormOptionsIsLoading = this.#mainFormOptionsResource.isLoading;
-        this.flavors = input(undefined);
+        this.flavors = input(undefined, ...(ngDevMode ? [{ debugName: "flavors" }] : []));
         // forms of applied flavors
         this.flavorFormOptions = computed(() => {
             const object = this._dmsObject();
@@ -512,7 +521,7 @@ class ObjectMetadataComponent {
                 svgIcon: mappedFlavors[id]?.svgIcon,
                 data: object.data
             }));
-        });
+        }, ...(ngDevMode ? [{ debugName: "flavorFormOptions" }] : []));
     }
     #pendingChanges;
     #notificationService;
@@ -620,7 +629,9 @@ class ObjectMetadataComponent {
                 error: (err) => {
                     this.#notificationService.error('', 
                     // this._dmsObject?.title || '',
-                    err.status === 404 ? this.translate.instant('yuv.object-metadata.context.load.error') : this.translate.instant('yuv.object-metadata.save.error'));
+                    err.status === 404
+                        ? this.translate.instant('yuv.object-metadata.context.load.error')
+                        : this.translate.instant('yuv.object-metadata.save.error'));
                     this.controlsVisible.set(false);
                     this.busySaving.set(false);
                 }
@@ -667,17 +678,16 @@ class ObjectMetadataComponent {
     ngOnDestroy() {
         this.#formSubscriptions.forEach((s) => s.unsubscribe());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ObjectMetadataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ObjectMetadataComponent, isStandalone: true, selector: "yuv-object-metadata", inputs: { disableControls: { classPropertyName: "disableControls", publicName: "disableControls", isSignal: true, isRequired: false, transformFunction: null }, disableBasicMetadata: { classPropertyName: "disableBasicMetadata", publicName: "disableBasicMetadata", isSignal: true, isRequired: false, transformFunction: null }, elementExtensions: { classPropertyName: "elementExtensions", publicName: "elementExtensions", isSignal: true, isRequired: false, transformFunction: null }, situation: { classPropertyName: "situation", publicName: "situation", isSignal: true, isRequired: false, transformFunction: null }, dmsObject: { classPropertyName: "dmsObject", publicName: "dmsObject", isSignal: true, isRequired: false, transformFunction: null }, flavoredDmsObject: { classPropertyName: "flavoredDmsObject", publicName: "flavoredDmsObject", isSignal: true, isRequired: false, transformFunction: null }, flavors: { classPropertyName: "flavors", publicName: "flavors", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { indexDataSaved: "indexDataSaved", statusChanged: "statusChanged" }, host: { properties: { "class.empty": "empty()", "class.loading": "busyLoading()" } }, viewQueries: [{ propertyName: "objectForms", predicate: ObjectFormComponent, descendants: true, isSignal: true }, { propertyName: "objectMetadataSectionForms", predicate: ObjectMetadataSectionComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<main [yuvBusyOverlay]=\"busySaving() || busyLoading() || mainFormOptionsIsLoading()\">\n  @if (empty()) {\n    <p>{{ 'yuv.object-metadata.empty.message' | translate }}</p>\n  }\n  @if (!mainFormOptions()) {\n    <yuv-object-form\n      [readonly]=\"!hasWritePermission()\"\n      [formOptions]=\"mainFormOptions()\"\n      [elementExtensions]=\"elementExtensions()\"\n      (statusChanged)=\"onFormStatusChanged('main', $event)\"\n    ></yuv-object-form>\n  }\n  @for (fo of flavorFormOptions(); track $index) {\n    <yuv-object-metadata-section\n      [readonly]=\"!hasWritePermission()\"\n      [section]=\"fo\"\n      [elementExtensions]=\"elementExtensions()\"\n      [expanded]=\"$index === 0\"\n      (statusChanged)=\"onFormStatusChanged(fo.id, $event)\"\n    ></yuv-object-metadata-section>\n  }\n\n  <!-- base data -->\n  @let object = dmsObject() ?? _dmsObject();\n  @if (object && !disableBasicMetadata()) {\n    <yuv-object-summary-data [dmsObject]=\"object\"></yuv-object-summary-data>\n  }\n</main>\n\n<footer [attr.inert]=\"disableControls() || !controlsVisible() || null\">\n  <div class=\"container\">\n    <button\n      ymtButton=\"secondary\"\n      button-size=\"small\"\n      [disabled]=\"busySaving() || busyLoading()\"\n      (click)=\"resetForm()\"\n      [hidden]=\"!combinedFormState?.dirty\"\n      [disabled]=\"!combinedFormState?.dirty\"\n    >\n      {{ 'yuv.object-metadata.button.reset' | translate }}\n    </button>\n    <button\n      ymtButton=\"primary\"\n      button-size=\"small\"\n      (click)=\"save()\"\n      [disabled]=\"!combinedFormState?.dirty || combinedFormState?.invalid || busySaving() || busyLoading()\"\n    >\n      {{ 'yuv.object-metadata.button.save' | translate }}\n    </button>\n  </div>\n</footer>\n", styles: [":host{--_object-metadata-panel-background: var(--object-metadata-panel-background, var(--ymt-surface-container-low));--_object-metadata-section-background: var(--object-metadata-section-background, var(--ymt-surface));--_object-metadata-section-corner: var(--object-metadata-section-corner, var(--ymt-corner-m));--_object-metadata-footer-background: var(--object-metadata-footer-background, var(--ymt-surface-container));--_object-metadata-footer-border: 1px solid var(--object-metadata-footer-border, var(--ymt-outline-variant));--_object-metadata-footer-indent: var(--object-metadata-footer-indent, var(--ymt-spacing-xs));--_object-metadata-footer-height: 4rem;--_object-metadata-footer-corner: var(--object-metadata-footer-corner, var(--ymt-corner-s));display:grid;grid-template-rows:1fr auto;grid-template-columns:1fr;height:100%;overflow:hidden;position:relative;background-color:var(--_object-metadata-panel-background)}:host.empty main{justify-content:center;align-items:center}:host.loading main>*{opacity:0}:host main{grid-row:1/span 3;grid-column:1;overflow-y:auto;width:100%;display:flex;flex-flow:column;padding:var(--ymt-spacing-3xl) var(--ymt-spacing-l) var(--_object-metadata-footer-height) var(--ymt-spacing-l)}:host footer{grid-row:-1;grid-column:1;padding:var(--_object-metadata-footer-indent);opacity:0;z-index:101}:host footer .container{background:var(--_object-metadata-footer-background);padding:var(--ymt-spacing-s);display:flex;align-items:center;justify-content:end;gap:var(--ymt-spacing-s);border-radius:var(--_object-metadata-footer-corner);border:var(--_object-metadata-footer-border)}:host footer:not([inert]){animation:controlsAppear .2s ease-in-out forwards}:host main yuv-object-metadata-section{margin-block-end:var(--ymt-spacing-m)}:host main yuv-object-summary-data{background-color:var(--_object-metadata-section-background);border:1px solid var(--ymt-outline-variant);border-radius:var(--_object-metadata-section-corner);padding:var(--ymt-spacing-m)}@keyframes controlsAppear{0%{opacity:0;translate:0 var(--ymt-spacing-m)}to{opacity:1;translate:0 0}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ObjectFormComponent, selector: "yuv-object-form", inputs: ["formOptions", "inert", "readonly", "elementExtensions", "isInnerTableForm"], outputs: ["statusChanged", "onFormReady"] }, { kind: "component", type: ObjectSummaryDataComponent, selector: "yuv-object-summary-data", inputs: ["dmsObject", "flavors", "showAppliedFlavors"] }, { kind: "directive", type: BusyOverlayDirective, selector: "[yuvBusyOverlay]", inputs: ["yuvBusyOverlay", "yuvBusyOverlayConfig", "yuvBusyError"], outputs: ["yuvBusyErrorDismiss"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: ObjectMetadataSectionComponent, selector: "yuv-object-metadata-section", inputs: ["section", "expanded", "elementExtensions", "readonly"], outputs: ["statusChanged"] }, { kind: "directive", type: YmtButtonDirective, selector: "button[ymtButton], a[ymtButton]", inputs: ["ymtButton", "disabled", "aria-disabled", "disableRipple", "disabledInteractive", "button-size"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ObjectMetadataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: ObjectMetadataComponent, isStandalone: true, selector: "yuv-object-metadata", inputs: { disableControls: { classPropertyName: "disableControls", publicName: "disableControls", isSignal: true, isRequired: false, transformFunction: null }, disableBasicMetadata: { classPropertyName: "disableBasicMetadata", publicName: "disableBasicMetadata", isSignal: true, isRequired: false, transformFunction: null }, elementExtensions: { classPropertyName: "elementExtensions", publicName: "elementExtensions", isSignal: true, isRequired: false, transformFunction: null }, situation: { classPropertyName: "situation", publicName: "situation", isSignal: true, isRequired: false, transformFunction: null }, dmsObject: { classPropertyName: "dmsObject", publicName: "dmsObject", isSignal: true, isRequired: false, transformFunction: null }, flavoredDmsObject: { classPropertyName: "flavoredDmsObject", publicName: "flavoredDmsObject", isSignal: true, isRequired: false, transformFunction: null }, flavors: { classPropertyName: "flavors", publicName: "flavors", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { indexDataSaved: "indexDataSaved", statusChanged: "statusChanged" }, host: { properties: { "class.empty": "empty()", "class.loading": "busyLoading()" } }, viewQueries: [{ propertyName: "objectForms", predicate: ObjectFormComponent, descendants: true, isSignal: true }, { propertyName: "objectMetadataSectionForms", predicate: ObjectMetadataSectionComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<main [yuvBusyOverlay]=\"busySaving() || busyLoading() || mainFormOptionsIsLoading()\">\n  @if (empty()) {\n    <p>{{ 'yuv.object-metadata.empty.message' | translate }}</p>\n  }\n  @if (!mainFormOptions()) {\n    <yuv-object-form\n      [readonly]=\"!hasWritePermission()\"\n      [formOptions]=\"mainFormOptions()\"\n      [elementExtensions]=\"elementExtensions()\"\n      (statusChanged)=\"onFormStatusChanged('main', $event)\"\n    ></yuv-object-form>\n  }\n  @for (fo of flavorFormOptions(); track $index) {\n    <yuv-object-metadata-section\n      [readonly]=\"!hasWritePermission()\"\n      [section]=\"fo\"\n      [elementExtensions]=\"elementExtensions()\"\n      [expanded]=\"$index === 0\"\n      (statusChanged)=\"onFormStatusChanged(fo.id, $event)\"\n    ></yuv-object-metadata-section>\n  }\n\n  <!-- base data -->\n  @let object = dmsObject() ?? _dmsObject();\n  @if (object && !disableBasicMetadata()) {\n    <yuv-object-summary-data [dmsObject]=\"object\"></yuv-object-summary-data>\n  }\n</main>\n\n<footer [attr.inert]=\"disableControls() || !controlsVisible() || null\">\n  <div class=\"container\">\n    <button\n      ymtButton=\"secondary\"\n      button-size=\"small\"\n      [disabled]=\"busySaving() || busyLoading()\"\n      (click)=\"resetForm()\"\n      [hidden]=\"!combinedFormState?.dirty\"\n      [disabled]=\"!combinedFormState?.dirty\"\n    >\n      {{ 'yuv.object-metadata.button.reset' | translate }}\n    </button>\n    <button\n      ymtButton=\"primary\"\n      button-size=\"small\"\n      (click)=\"save()\"\n      [disabled]=\"!combinedFormState?.dirty || combinedFormState?.invalid || busySaving() || busyLoading()\"\n    >\n      {{ 'yuv.object-metadata.button.save' | translate }}\n    </button>\n  </div>\n</footer>\n", styles: [":host{--_object-metadata-panel-background: var(--object-metadata-panel-background, var(--ymt-surface-container-low));--_object-metadata-section-background: var(--object-metadata-section-background, var(--ymt-surface));--_object-metadata-section-corner: var(--object-metadata-section-corner, var(--ymt-corner-m));--_object-metadata-footer-background: var(--object-metadata-footer-background, var(--ymt-surface-container));--_object-metadata-footer-border: 1px solid var(--object-metadata-footer-border, var(--ymt-outline-variant));--_object-metadata-footer-indent: var(--object-metadata-footer-indent, var(--ymt-spacing-xs));--_object-metadata-footer-height: 4rem;--_object-metadata-footer-corner: var(--object-metadata-footer-corner, var(--ymt-corner-s));display:grid;grid-template-rows:1fr auto;grid-template-columns:1fr;height:100%;overflow:hidden;position:relative;background-color:var(--_object-metadata-panel-background)}:host.empty main{justify-content:center;align-items:center}:host.loading main>*{opacity:0}:host main{grid-row:1/span 3;grid-column:1;overflow-y:auto;width:100%;display:flex;flex-flow:column;padding:var(--ymt-spacing-3xl) var(--ymt-spacing-l) var(--_object-metadata-footer-height) var(--ymt-spacing-l)}:host footer{grid-row:-1;grid-column:1;padding:var(--_object-metadata-footer-indent);opacity:0;z-index:101}:host footer .container{background:var(--_object-metadata-footer-background);padding:var(--ymt-spacing-s);display:flex;align-items:center;justify-content:end;gap:var(--ymt-spacing-s);border-radius:var(--_object-metadata-footer-corner);border:var(--_object-metadata-footer-border)}:host footer:not([inert]){animation:controlsAppear .2s ease-in-out forwards}:host main yuv-object-metadata-section{margin-block-end:var(--ymt-spacing-m)}:host main yuv-object-summary-data{background-color:var(--_object-metadata-section-background);border:1px solid var(--ymt-outline-variant);border-radius:var(--_object-metadata-section-corner);padding:var(--ymt-spacing-m)}@keyframes controlsAppear{0%{opacity:0;translate:0 var(--ymt-spacing-m)}to{opacity:1;translate:0 0}}\n"], dependencies: [{ kind: "component", type: ObjectFormComponent, selector: "yuv-object-form", inputs: ["formOptions", "inert", "readonly", "elementExtensions", "isInnerTableForm"], outputs: ["statusChanged", "onFormReady"] }, { kind: "component", type: ObjectSummaryDataComponent, selector: "yuv-object-summary-data", inputs: ["dmsObject", "flavors", "showAppliedFlavors"] }, { kind: "directive", type: BusyOverlayDirective, selector: "[yuvBusyOverlay]", inputs: ["yuvBusyOverlay", "yuvBusyOverlayConfig", "yuvBusyError"], outputs: ["yuvBusyErrorDismiss"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: ObjectMetadataSectionComponent, selector: "yuv-object-metadata-section", inputs: ["section", "expanded", "elementExtensions", "readonly"], outputs: ["statusChanged"] }, { kind: "directive", type: YmtButtonDirective, selector: "button[ymtButton], a[ymtButton]", inputs: ["ymtButton", "disabled", "aria-disabled", "disableRipple", "disabledInteractive", "button-size"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ObjectMetadataComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ObjectMetadataComponent, decorators: [{
             type: Component,
             args: [{ selector: 'yuv-object-metadata', standalone: true, imports: [
-                        CommonModule,
                         ObjectFormComponent,
                         ObjectSummaryDataComponent,
                         BusyOverlayDirective,
-                        TranslateModule,
+                        TranslatePipe,
                         MatButtonModule,
                         MatIconModule,
                         ReactiveFormsModule,
@@ -687,59 +697,59 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                         '[class.empty]': 'empty()',
                         '[class.loading]': 'busyLoading()'
                     }, template: "<main [yuvBusyOverlay]=\"busySaving() || busyLoading() || mainFormOptionsIsLoading()\">\n  @if (empty()) {\n    <p>{{ 'yuv.object-metadata.empty.message' | translate }}</p>\n  }\n  @if (!mainFormOptions()) {\n    <yuv-object-form\n      [readonly]=\"!hasWritePermission()\"\n      [formOptions]=\"mainFormOptions()\"\n      [elementExtensions]=\"elementExtensions()\"\n      (statusChanged)=\"onFormStatusChanged('main', $event)\"\n    ></yuv-object-form>\n  }\n  @for (fo of flavorFormOptions(); track $index) {\n    <yuv-object-metadata-section\n      [readonly]=\"!hasWritePermission()\"\n      [section]=\"fo\"\n      [elementExtensions]=\"elementExtensions()\"\n      [expanded]=\"$index === 0\"\n      (statusChanged)=\"onFormStatusChanged(fo.id, $event)\"\n    ></yuv-object-metadata-section>\n  }\n\n  <!-- base data -->\n  @let object = dmsObject() ?? _dmsObject();\n  @if (object && !disableBasicMetadata()) {\n    <yuv-object-summary-data [dmsObject]=\"object\"></yuv-object-summary-data>\n  }\n</main>\n\n<footer [attr.inert]=\"disableControls() || !controlsVisible() || null\">\n  <div class=\"container\">\n    <button\n      ymtButton=\"secondary\"\n      button-size=\"small\"\n      [disabled]=\"busySaving() || busyLoading()\"\n      (click)=\"resetForm()\"\n      [hidden]=\"!combinedFormState?.dirty\"\n      [disabled]=\"!combinedFormState?.dirty\"\n    >\n      {{ 'yuv.object-metadata.button.reset' | translate }}\n    </button>\n    <button\n      ymtButton=\"primary\"\n      button-size=\"small\"\n      (click)=\"save()\"\n      [disabled]=\"!combinedFormState?.dirty || combinedFormState?.invalid || busySaving() || busyLoading()\"\n    >\n      {{ 'yuv.object-metadata.button.save' | translate }}\n    </button>\n  </div>\n</footer>\n", styles: [":host{--_object-metadata-panel-background: var(--object-metadata-panel-background, var(--ymt-surface-container-low));--_object-metadata-section-background: var(--object-metadata-section-background, var(--ymt-surface));--_object-metadata-section-corner: var(--object-metadata-section-corner, var(--ymt-corner-m));--_object-metadata-footer-background: var(--object-metadata-footer-background, var(--ymt-surface-container));--_object-metadata-footer-border: 1px solid var(--object-metadata-footer-border, var(--ymt-outline-variant));--_object-metadata-footer-indent: var(--object-metadata-footer-indent, var(--ymt-spacing-xs));--_object-metadata-footer-height: 4rem;--_object-metadata-footer-corner: var(--object-metadata-footer-corner, var(--ymt-corner-s));display:grid;grid-template-rows:1fr auto;grid-template-columns:1fr;height:100%;overflow:hidden;position:relative;background-color:var(--_object-metadata-panel-background)}:host.empty main{justify-content:center;align-items:center}:host.loading main>*{opacity:0}:host main{grid-row:1/span 3;grid-column:1;overflow-y:auto;width:100%;display:flex;flex-flow:column;padding:var(--ymt-spacing-3xl) var(--ymt-spacing-l) var(--_object-metadata-footer-height) var(--ymt-spacing-l)}:host footer{grid-row:-1;grid-column:1;padding:var(--_object-metadata-footer-indent);opacity:0;z-index:101}:host footer .container{background:var(--_object-metadata-footer-background);padding:var(--ymt-spacing-s);display:flex;align-items:center;justify-content:end;gap:var(--ymt-spacing-s);border-radius:var(--_object-metadata-footer-corner);border:var(--_object-metadata-footer-border)}:host footer:not([inert]){animation:controlsAppear .2s ease-in-out forwards}:host main yuv-object-metadata-section{margin-block-end:var(--ymt-spacing-m)}:host main yuv-object-summary-data{background-color:var(--_object-metadata-section-background);border:1px solid var(--ymt-outline-variant);border-radius:var(--_object-metadata-section-corner);padding:var(--ymt-spacing-m)}@keyframes controlsAppear{0%{opacity:0;translate:0 var(--ymt-spacing-m)}to{opacity:1;translate:0 0}}\n"] }]
-        }] });
+        }], propDecorators: { objectForms: [{ type: i0.ViewChildren, args: [i0.forwardRef(() => ObjectFormComponent), { isSignal: true }] }], objectMetadataSectionForms: [{ type: i0.ViewChildren, args: [i0.forwardRef(() => ObjectMetadataSectionComponent), { isSignal: true }] }], disableControls: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableControls", required: false }] }], disableBasicMetadata: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableBasicMetadata", required: false }] }], elementExtensions: [{ type: i0.Input, args: [{ isSignal: true, alias: "elementExtensions", required: false }] }], situation: [{ type: i0.Input, args: [{ isSignal: true, alias: "situation", required: false }] }], dmsObject: [{ type: i0.Input, args: [{ isSignal: true, alias: "dmsObject", required: false }] }], flavoredDmsObject: [{ type: i0.Input, args: [{ isSignal: true, alias: "flavoredDmsObject", required: false }] }], indexDataSaved: [{ type: i0.Output, args: ["indexDataSaved"] }], statusChanged: [{ type: i0.Output, args: ["statusChanged"] }], flavors: [{ type: i0.Input, args: [{ isSignal: true, alias: "flavors", required: false }] }] } });
 
 class ObjectDetailsComponent {
     constructor() {
         this.#userService = inject(UserService);
         this.#odShellService = inject(ObjectDetailsShellService);
         this.isAdvancedUser = this.#userService.isAdvancedUser;
-        this.currentUser = signal(this.#userService.getCurrentUser());
+        this.currentUser = signal(this.#userService.getCurrentUser(), ...(ngDevMode ? [{ debugName: "currentUser" }] : []));
         /**
          * ID to store the components layout state (splitted tabs, gutter position)
          */
-        this.layoutSettingsID = signal(undefined);
+        this.layoutSettingsID = signal(undefined, ...(ngDevMode ? [{ debugName: "layoutSettingsID" }] : []));
         /**
          * DmsObject to show the details for.
          */
-        this.dmsObjectInput = input(undefined, { alias: 'dmsObject' });
+        this.dmsObjectInput = input(undefined, ...(ngDevMode ? [{ debugName: "dmsObjectInput", alias: 'dmsObject' }] : [{ alias: 'dmsObject' }]));
         this.dmsObjectInputEffect = effect(() => {
             const o = this.dmsObjectInput();
             if (o)
                 untracked(() => this.#odShellService.setDmsObject(o));
-        });
+        }, ...(ngDevMode ? [{ debugName: "dmsObjectInputEffect" }] : []));
         this.dmsObject = this.#odShellService.dmsObject;
         /**
          * Flavors to take into account. These flavors define for example the metadata
          * of an object.
          */
-        this.flavors = input([]);
+        this.flavors = input([], ...(ngDevMode ? [{ debugName: "flavors" }] : []));
         /**
          * Virtual object type to use for retrieving header data
          */
-        this.type = input.required();
+        this.type = input.required(...(ngDevMode ? [{ debugName: "type" }] : []));
         /**
          * If the object config for the given type has been stored in a certain bucket, this
          * bucket can be provided here. If no bucket is set, the config will be retrieved
          * from the main object config
          */
-        this.objectConfigBucket = input(undefined);
+        this.objectConfigBucket = input(undefined, ...(ngDevMode ? [{ debugName: "objectConfigBucket" }] : []));
         /**
          * ID of a DmsObject. The object will be fetched from the backend upfront.
          */
-        this.objectId = input(undefined);
+        this.objectId = input(undefined, ...(ngDevMode ? [{ debugName: "objectId" }] : []));
         this.#objectIdEffect = effect(() => {
             const oid = this.objectId();
             if (oid)
                 this.#odShellService.fetchDmsObject(oid);
-        });
+        }, ...(ngDevMode ? [{ debugName: "#objectIdEffect" }] : []));
         /**
          * Whether to hide the header
          */
-        this.hideHeader = input(false);
-        this.actions = input(undefined);
+        this.hideHeader = input(false, ...(ngDevMode ? [{ debugName: "hideHeader" }] : []));
+        this.actions = input(undefined, ...(ngDevMode ? [{ debugName: "actions" }] : []));
         /** Template rendered in the badges area, aligned to the right of the subtitle row. */
-        this.badges = input();
+        this.badges = input(...(ngDevMode ? [undefined, { debugName: "badges" }] : []));
     }
     #userService;
     #odShellService;
@@ -747,14 +757,13 @@ class ObjectDetailsComponent {
     onIndexdataSaved(updatedObject) {
         this.#odShellService.setDmsObject(updatedObject);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ObjectDetailsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ObjectDetailsComponent, isStandalone: true, selector: "yuv-object-details", inputs: { dmsObjectInput: { classPropertyName: "dmsObjectInput", publicName: "dmsObject", isSignal: true, isRequired: false, transformFunction: null }, flavors: { classPropertyName: "flavors", publicName: "flavors", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: true, transformFunction: null }, objectConfigBucket: { classPropertyName: "objectConfigBucket", publicName: "objectConfigBucket", isSignal: true, isRequired: false, transformFunction: null }, objectId: { classPropertyName: "objectId", publicName: "objectId", isSignal: true, isRequired: false, transformFunction: null }, hideHeader: { classPropertyName: "hideHeader", publicName: "hideHeader", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, badges: { classPropertyName: "badges", publicName: "badges", isSignal: true, isRequired: false, transformFunction: null } }, providers: [ObjectDetailsShellService], ngImport: i0, template: "<yuv-object-details-shell [type]=\"type()\" [hideHeader]=\"hideHeader()\" [bucket]=\"objectConfigBucket()\" [actions]=\"actions()\" [badges]=\"badges()\">\n  @let dmsObj = dmsObject();\n  <mat-tab-group yuvTabGuardDisable>\n    <!-- content -->\n    @if (dmsObj && dmsObj.content) {\n      <mat-tab [label]=\"'yuv.object-details.tabs.content.title' | translate\">\n        <ng-template matTabContent>\n          <yuv-object-preview [dmsObject]=\"dmsObj\"></yuv-object-preview>\n        </ng-template>\n      </mat-tab>\n    }\n\n    <!-- indexdata -->\n    <mat-tab [label]=\"'yuv.object-metadata.tabs.indexdata.title' | translate\">\n      <ng-template matTabContent>\n        <yuv-object-metadata [dmsObject]=\"dmsObject()\" [flavors]=\"flavors()\" (indexDataSaved)=\"onIndexdataSaved($event)\"> </yuv-object-metadata>\n      </ng-template>\n    </mat-tab>\n    <!-- history -->\n    <mat-tab [label]=\"'yuv.object-metadata.tabs.history.title' | translate\">\n      <ng-template matTabContent> <yuv-object-audit [dmsObject]=\"dmsObj\"></yuv-object-audit> </ng-template\n    ></mat-tab>\n  </mat-tab-group>\n</yuv-object-details-shell>\n", styles: [":host{display:block;overflow:hidden}:host yuv-object-details-shell{height:100%}:host mat-tab-group{overflow:hidden;height:100%}:host mat-tab-group ::ng-deep .mat-mdc-tab-body-wrapper{height:100%}:host yuv-object-preview{background-color:var(--ymt-surface-container-low)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatTabsModule }, { kind: "directive", type: i2$2.MatTabContent, selector: "[matTabContent]" }, { kind: "component", type: i2$2.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i2$2.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "directive", type: TabGuardDirective, selector: "mat-tab-group[yuvTabGuardDisable]" }, { kind: "component", type: ObjectDetailsShellComponent, selector: "yuv-object-details-shell", inputs: ["actions", "badges", "type", "bucket", "hideHeader"] }, { kind: "component", type: ObjectPreviewComponent, selector: "yuv-object-preview", inputs: ["objectId", "dmsObject", "version", "metadata"] }, { kind: "component", type: ObjectMetadataComponent, selector: "yuv-object-metadata", inputs: ["disableControls", "disableBasicMetadata", "elementExtensions", "situation", "dmsObject", "flavoredDmsObject", "flavors"], outputs: ["indexDataSaved", "statusChanged"] }, { kind: "component", type: ObjectAuditComponent, selector: "yuv-object-audit", inputs: ["dmsObject", "skipActions", "allActions"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ObjectDetailsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: ObjectDetailsComponent, isStandalone: true, selector: "yuv-object-details", inputs: { dmsObjectInput: { classPropertyName: "dmsObjectInput", publicName: "dmsObject", isSignal: true, isRequired: false, transformFunction: null }, flavors: { classPropertyName: "flavors", publicName: "flavors", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: true, transformFunction: null }, objectConfigBucket: { classPropertyName: "objectConfigBucket", publicName: "objectConfigBucket", isSignal: true, isRequired: false, transformFunction: null }, objectId: { classPropertyName: "objectId", publicName: "objectId", isSignal: true, isRequired: false, transformFunction: null }, hideHeader: { classPropertyName: "hideHeader", publicName: "hideHeader", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, badges: { classPropertyName: "badges", publicName: "badges", isSignal: true, isRequired: false, transformFunction: null } }, providers: [ObjectDetailsShellService], ngImport: i0, template: "<yuv-object-details-shell [type]=\"type()\" [hideHeader]=\"hideHeader()\" [bucket]=\"objectConfigBucket()\" [actions]=\"actions()\" [badges]=\"badges()\">\n  @let dmsObj = dmsObject();\n  <mat-tab-group yuvTabGuardDisable>\n    <!-- content -->\n    @if (dmsObj && dmsObj.content) {\n      <mat-tab [label]=\"'yuv.object-details.tabs.content.title' | translate\">\n        <ng-template matTabContent>\n          <yuv-object-preview [dmsObject]=\"dmsObj\"></yuv-object-preview>\n        </ng-template>\n      </mat-tab>\n    }\n\n    <!-- indexdata -->\n    <mat-tab [label]=\"'yuv.object-metadata.tabs.indexdata.title' | translate\">\n      <ng-template matTabContent>\n        <yuv-object-metadata [dmsObject]=\"dmsObject()\" [flavors]=\"flavors()\" (indexDataSaved)=\"onIndexdataSaved($event)\"> </yuv-object-metadata>\n      </ng-template>\n    </mat-tab>\n    <!-- history -->\n    <mat-tab [label]=\"'yuv.object-metadata.tabs.history.title' | translate\">\n      <ng-template matTabContent> <yuv-object-audit [dmsObject]=\"dmsObj\"></yuv-object-audit> </ng-template\n    ></mat-tab>\n  </mat-tab-group>\n</yuv-object-details-shell>\n", styles: [":host{display:block;overflow:hidden}:host yuv-object-details-shell{height:100%}:host mat-tab-group{overflow:hidden;height:100%}:host mat-tab-group ::ng-deep .mat-mdc-tab-body-wrapper{height:100%}:host yuv-object-preview{background-color:var(--ymt-surface-container-low)}\n"], dependencies: [{ kind: "ngmodule", type: MatTabsModule }, { kind: "directive", type: i1$2.MatTabContent, selector: "[matTabContent]" }, { kind: "component", type: i1$2.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i1$2.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "directive", type: TabGuardDirective, selector: "mat-tab-group[yuvTabGuardDisable]" }, { kind: "component", type: ObjectDetailsShellComponent, selector: "yuv-object-details-shell", inputs: ["actions", "badges", "type", "bucket", "hideHeader"] }, { kind: "component", type: ObjectPreviewComponent, selector: "yuv-object-preview", inputs: ["objectId", "dmsObject", "version", "metadata"] }, { kind: "component", type: ObjectMetadataComponent, selector: "yuv-object-metadata", inputs: ["disableControls", "disableBasicMetadata", "elementExtensions", "situation", "dmsObject", "flavoredDmsObject", "flavors"], outputs: ["indexDataSaved", "statusChanged"] }, { kind: "component", type: ObjectAuditComponent, selector: "yuv-object-audit", inputs: ["dmsObject", "skipActions", "allActions"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ObjectDetailsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: ObjectDetailsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'yuv-object-details', standalone: true, imports: [
-                        CommonModule,
-                        TranslateModule,
+                        TranslatePipe,
                         MatTabsModule,
                         TabGuardDirective,
                         ObjectDetailsShellComponent,
@@ -762,7 +771,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                         ObjectMetadataComponent,
                         ObjectAuditComponent
                     ], providers: [ObjectDetailsShellService], template: "<yuv-object-details-shell [type]=\"type()\" [hideHeader]=\"hideHeader()\" [bucket]=\"objectConfigBucket()\" [actions]=\"actions()\" [badges]=\"badges()\">\n  @let dmsObj = dmsObject();\n  <mat-tab-group yuvTabGuardDisable>\n    <!-- content -->\n    @if (dmsObj && dmsObj.content) {\n      <mat-tab [label]=\"'yuv.object-details.tabs.content.title' | translate\">\n        <ng-template matTabContent>\n          <yuv-object-preview [dmsObject]=\"dmsObj\"></yuv-object-preview>\n        </ng-template>\n      </mat-tab>\n    }\n\n    <!-- indexdata -->\n    <mat-tab [label]=\"'yuv.object-metadata.tabs.indexdata.title' | translate\">\n      <ng-template matTabContent>\n        <yuv-object-metadata [dmsObject]=\"dmsObject()\" [flavors]=\"flavors()\" (indexDataSaved)=\"onIndexdataSaved($event)\"> </yuv-object-metadata>\n      </ng-template>\n    </mat-tab>\n    <!-- history -->\n    <mat-tab [label]=\"'yuv.object-metadata.tabs.history.title' | translate\">\n      <ng-template matTabContent> <yuv-object-audit [dmsObject]=\"dmsObj\"></yuv-object-audit> </ng-template\n    ></mat-tab>\n  </mat-tab-group>\n</yuv-object-details-shell>\n", styles: [":host{display:block;overflow:hidden}:host yuv-object-details-shell{height:100%}:host mat-tab-group{overflow:hidden;height:100%}:host mat-tab-group ::ng-deep .mat-mdc-tab-body-wrapper{height:100%}:host yuv-object-preview{background-color:var(--ymt-surface-container-low)}\n"] }]
-        }] });
+        }], propDecorators: { dmsObjectInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "dmsObject", required: false }] }], flavors: [{ type: i0.Input, args: [{ isSignal: true, alias: "flavors", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: true }] }], objectConfigBucket: [{ type: i0.Input, args: [{ isSignal: true, alias: "objectConfigBucket", required: false }] }], objectId: [{ type: i0.Input, args: [{ isSignal: true, alias: "objectId", required: false }] }], hideHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideHeader", required: false }] }], actions: [{ type: i0.Input, args: [{ isSignal: true, alias: "actions", required: false }] }], badges: [{ type: i0.Input, args: [{ isSignal: true, alias: "badges", required: false }] }] } });
 
 const cmp = [
     ObjectDetailsComponent,
@@ -773,8 +782,8 @@ const cmp = [
     RetentionBadgeComponent
 ];
 class YuvObjectDetailsModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: YuvObjectDetailsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: YuvObjectDetailsModule, imports: [ObjectDetailsComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: YuvObjectDetailsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.19", ngImport: i0, type: YuvObjectDetailsModule, imports: [ObjectDetailsComponent,
             ObjectDetailsHeaderComponent,
             ObjectDetailsShellComponent,
             ObjectMetadataComponent,
@@ -785,9 +794,9 @@ class YuvObjectDetailsModule {
             ObjectMetadataComponent,
             ObjectAuditComponent,
             RetentionBadgeComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: YuvObjectDetailsModule, imports: [cmp] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: YuvObjectDetailsModule, imports: [cmp] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: YuvObjectDetailsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: YuvObjectDetailsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: cmp,
@@ -799,10 +808,10 @@ class FormSectionGroupPipe {
     transform(form, id) {
         return form.get(id);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: FormSectionGroupPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: FormSectionGroupPipe, isStandalone: true, name: "formSectionGroup" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: FormSectionGroupPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.19", ngImport: i0, type: FormSectionGroupPipe, isStandalone: true, name: "formSectionGroup" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: FormSectionGroupPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: FormSectionGroupPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'formSectionGroup',