@yuuvis/client-framework 0.6.5

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

@@ -0,0 +1,583 @@
+import * as i1$1 from '@angular/common';
+import { CommonModule, JsonPipe } from '@angular/common';
+import * as i0 from '@angular/core';
+import { signal, input, effect, computed, Component, inject, EventEmitter, Input, Output, viewChildren, output, Pipe } from '@angular/core';
+import * as i1 from '@yuuvis/client-core';
+import { YuvEventType, LocaleDatePipe, TranslateModule, RetentionField, TranslateService, ObjectConfigService, EventService, DmsService, SystemService, UserService, PendingChangesService, NotificationService, Situation, ConfigService } from '@yuuvis/client-core';
+import * as i1$2 from '@yuuvis/components/split-tabs';
+import { YvcSplitTabsModule } from '@yuuvis/components/split-tabs';
+import { YuvMediaViewerComponent } from '@yuuvis/media-viewer';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import * as i2 from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
+import { RouterLink } from '@angular/router';
+import { BusyOverlayDirective } from '@yuuvis/client-framework/common';
+import { YUV_ICONS } from '@yuuvis/client-framework/icons';
+import * as i4 from '@yuuvis/components/icon';
+import { YvcIconModule, ICONS } from '@yuuvis/components/icon';
+import { finalize } from 'rxjs';
+import { PanelComponent } from '@yuuvis/client-framework/panel';
+import { ObjectFormComponent } from '@yuuvis/client-framework/object-form';
+
+class ObjectAuditComponent {
+    #dmsObjectEffect;
+    get objectID() {
+        return this._objectID;
+    }
+    constructor(auditService, backend, appCache, eventService, system, fb, translate
+    // private iconRegistry: IconRegistryService,
+    // @Inject(ROUTES) private routes: YuvRoutes
+    ) {
+        this.auditService = auditService;
+        this.backend = backend;
+        this.appCache = appCache;
+        this.eventService = eventService;
+        this.system = system;
+        this.fb = fb;
+        this.translate = translate;
+        this.FILTER_CACHE_KEY = 'yuv.audit.filters';
+        this.icons = {
+            filter: YUV_ICONS.filter,
+            arrowNext: YUV_ICONS.arrowNext
+        };
+        this.resolvedItems = signal([]);
+        this.searchPanelShow = false;
+        this.error = false;
+        this.busy = false;
+        this.searchActions = [];
+        this.auditLabels = {};
+        this.dmsObject = input(undefined);
+        this.#dmsObjectEffect = effect(() => {
+            const o = this.dmsObject();
+            if (!o) {
+                this._objectID = undefined;
+                this._objectTypeID = undefined;
+                this.auditsRes = undefined;
+            }
+            else if (!this._objectID || this._objectID !== o.id) {
+                this._objectID = o.id;
+                this._objectTypeID = o.objectTypeId;
+                this.query();
+            }
+            else {
+                this.query();
+            }
+        });
+        /**
+         * 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([]);
+        /**
+         * Whether or not to ignore admin and user separation of audit entries
+         */
+        this.allActions = input(false);
+        this.link = input(undefined, { alias: 'versionsLink' });
+        this.versionsLink = computed(() => {
+            const link = this.link();
+            return link ? `${link}` : undefined;
+        });
+        // this.versionStatePath = this.routes && this.routes.versions ? this.routes.versions.path : null;
+        // this.versionStateQueryParam = this.routes && this.routes.versions ? this.routes.versions.queryParams.version : null;
+        // this.iconRegistry.registerIcons([filter, arrowNext, arrowNext]);
+        this.auditLabels = {
+            a100: this.translate.instant('yuv.audit.label.create.metadata'),
+            a101: this.translate.instant('yuv.audit.label.create.metadata.withcontent'),
+            a110: this.translate.instant('yuv.audit.label.create.tag'),
+            a200: this.translate.instant('yuv.audit.label.delete'),
+            a201: this.translate.instant('yuv.audit.label.delete.content'), // #v
+            a202: this.translate.instant('yuv.audit.label.delete.marked'),
+            a210: this.translate.instant('yuv.audit.label.delete.tag'), // #v
+            a220: this.translate.instant('yuv.audit.label.delete.version'), // #v
+            a300: this.translate.instant('yuv.audit.label.update.metadata'),
+            a301: this.translate.instant('yuv.audit.label.update.content'),
+            a302: this.translate.instant('yuv.audit.label.update.metadata.withcontent'),
+            a303: this.translate.instant('yuv.audit.label.update.move.content'),
+            a310: this.translate.instant('yuv.audit.label.update.tag'),
+            a325: this.translate.instant('yuv.audit.label.update.restore'),
+            a340: this.translate.instant('yuv.audit.label.update.move'),
+            a400: this.translate.instant('yuv.audit.label.get.content'),
+            a401: this.translate.instant('yuv.audit.label.get.metadata'),
+            a402: this.translate.instant('yuv.audit.label.get.rendition.text'),
+            a403: this.translate.instant('yuv.audit.label.get.rendition.pdf'),
+            a404: this.translate.instant('yuv.audit.label.get.rendition.thumbnail'),
+            a10000: this.translate.instant('yuv.audit.label.get.custom')
+        };
+        this.eventService
+            .on(YuvEventType.DMS_OBJECT_UPDATED)
+            .pipe(takeUntilDestroyed())
+            .subscribe((e) => {
+            const dmsObject = e.data;
+            // reload audit entries when update belongs to the current dms object
+            if (dmsObject.id === this.objectID) {
+                this.query();
+            }
+        });
+    }
+    fetchAuditEntries() {
+        if (!this._objectID || !this._objectTypeID)
+            return;
+        this.error = false;
+        this.busy = true;
+        this.auditService
+            .getAuditEntries(this._objectID, { skipActions: this.skipActions() })
+            .pipe(finalize(() => (this.busy = false)))
+            .subscribe({
+            next: (res) => {
+                this.auditsRes = res;
+                this.resolvedItems.set(this.mapResult(res));
+            },
+            error: () => {
+                this.onError();
+            }
+        });
+    }
+    mapResult(res) {
+        return (res.items
+            // TODO: Remove this filter once the system:ren:text audit lifecycle planning is complete and the tag's purpose is fully defined.
+            // https://help.optimal-systems.com/yuuvis/Momentum/latest/index.html#_content_renditions_asynchronous_full_text_indexing.html
+            .filter((i) => !i.detail.includes('[system:ren:text, 1]'))
+            .map((i) => {
+            const r = { ...i, label: this.auditLabels['a' + i.action] };
+            // tag related audits
+            if ([110, 210, 310].includes(i.action)) {
+                const params = this.getAuditEntryParams(i);
+                if (params) {
+                    r.more = `
+          ${this.system.getLocalizedLabel(params[0])}: ${this.system.getLocalizedLabel(`${params[0]}:${params[1]}`)}
+          `;
+                }
+            }
+            // restore audit
+            else if (i.action === 325) {
+                const params = this.getAuditEntryParams(i);
+                r.more = this.translate.instant('yuv.audit.label.update.restore.more', { version: params[0] || '[?]' });
+            }
+            // custom audits
+            else if (i.action === 10000) {
+                r.label = this.system.getLocalizedLabel(`audit:custom:${i.subaction}`) || `${i.subaction}`;
+            }
+            return r;
+        }));
+    }
+    getAuditEntryParams(auditItem) {
+        const m = auditItem.detail.match(/\[(.*?)\]/);
+        return m && m[1] ? m[1].split(',').map((i) => i.trim()) : [];
+    }
+    /**
+     * Execute a query from the search panel.
+     */
+    query() {
+        this.fetchAuditEntries();
+    }
+    goToPage(page) {
+        if (this.auditsRes) {
+            this.busy = true;
+            this.auditService
+                .getPage(this.auditsRes, page)
+                .pipe(finalize(() => (this.busy = false)))
+                .subscribe({
+                next: (res) => {
+                    this.auditsRes = res;
+                    this.resolvedItems.set(this.mapResult(res));
+                },
+                error: () => {
+                    this.onError();
+                }
+            });
+        }
+    }
+    onError() {
+        this.auditsRes = undefined;
+        this.error = true;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ObjectAuditComponent, deps: [{ token: i1.AuditService }, { token: i1.BackendService }, { token: i1.AppCacheService }, { token: i1.EventService }, { token: i1.SystemService }, { token: i2.UntypedFormBuilder }, { token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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 }, link: { classPropertyName: "link", publicName: "versionsLink", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"yuv-audit\" [ngClass]=\"{ singleEntry: auditsRes?.items?.length === 1, onPage: auditsRes && auditsRes.page > 1 }\" [yuvBusyOverlay]=\"busy\">\n  @if (error) {\n    <div class=\"error\">\n      <div translate>yuv.audit.fetch.error</div>\n    </div>\n  }\n\n  @if (auditsRes) {\n    <!-- list of audits -->\n    @let resItems = resolvedItems();\n    @if (resItems.length) {\n      <div class=\"timeline\">\n        @for (item of resItems; track $index) {\n          <div class=\"audit\">\n            <div class=\"date\">{{ item.creationDate | localeDate }}</div>\n            <div class=\"node\">\n              <div class=\"label\">\n                <span class=\"title\">{{ item.label }}</span>\n                @if (item.detail === 'OBJECT_DOCUMENT_CHANGED') {\n                  @if (link()) {\n                    <a class=\"version\" [routerLink]=\"link()\" [queryParams]=\"{ version: item.version }\">{{ item.version }}</a>\n                  } @else {\n                    <span class=\"version\">{{ item.version }}</span>\n                  }\n                }\n              </div>\n              <div class=\"more meta\">{{ item.more }}</div>\n              <div class=\"creator meta\">{{ item.createdBy.title }}</div>\n            </div>\n          </div>\n        }\n      </div>\n    } @else {\n      <div class=\"empty\" translate>yuv.audit.result.empty</div>\n    }\n\n    <!-- controls -->\n    @if (auditsRes.hasMoreItems || auditsRes.page > 1) {\n      <div class=\"footer\" yuvOfflineDisabled>\n        <div class=\"paging\">\n          <button [attr.aria-label]=\"'yuv.audit.label.paging.prev' | translate\" [disabled]=\"auditsRes.page === 1\" (click)=\"goToPage(auditsRes.page - 1)\">\n            <yvc-icon class=\"prev\" [svg]=\"icons.arrowNext\"></yvc-icon>\n          </button>\n          <div class=\"page\">\n            {{ auditsRes.page }}\n          </div>\n          <button [attr.aria-label]=\"'yuv.audit.label.paging.next' | translate\" [disabled]=\"!auditsRes.hasMoreItems\" (click)=\"goToPage(auditsRes.page + 1)\">\n            <yvc-icon class=\"next\" [svg]=\"icons.arrowNext\"></yvc-icon>\n          </button>\n        </div>\n      </div>\n    }\n  }\n</div>\n", styles: [":host .yuv-audit{position:relative;height:100%;display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto;grid-template-areas:\"items\" \"footer\";background-color:var(--panel-background-grey);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(--color-error);color:#fff;margin:var(--app-pane-padding);padding:var(--app-pane-padding);border-radius:calc(var(--app-pane-padding) / 2)}:host .yuv-audit .search{position:absolute;left:0;top:0;bottom:0;max-width:90%;background-color:var(--panel-background);border-right:1px solid var(--panel-divider-color);animation:yuvFadeInLeft var(--app-default-transition-duration);padding:var(--app-pane-padding);display:flex;z-index:3;flex-flow:column}:host .yuv-audit .search h3{color:var(--text-color-caption);margin:0 0 var(--app-pane-padding) 0;font-size:var(--font-title);font-weight:var(--font-weight-light)}:host .yuv-audit .search button.group{color:var(--text-color-caption);margin:0 0 var(--app-pane-padding) 0;font-size:var(--font-subhead);font-weight:var(--font-weight-normal);padding:0;cursor:pointer}:host .yuv-audit .search button.group:focus{color:var(--color-accent);outline:0;background-color:transparent;border-color:transparent}:host .yuv-audit .search .controls{flex:1;overflow-y:auto}:host .yuv-audit .search .controls .form-control{margin-top:var(--app-pane-padding)}:host .yuv-audit .search .buttons{display:flex;justify-content:flex-end}:host .yuv-audit .btn-search{position:absolute;top:var(--app-pane-padding);left:var(--app-pane-padding);background-color:var(--panel-background);padding:calc(var(--app-pane-padding) / 2);border:1px solid var(--panel-divider-color);z-index:1;box-shadow:0 0 10px 10px var(--panel-background-grey)}:host .yuv-audit .btn-search.badge{color:var(--color-accent)}:host .yuv-audit .btn-search yvc-icon{display:block}: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(--text-color-caption)}:host .yuv-audit .footer{grid-area:footer;background-color:var(--panel-background);border-top:1px solid var(--panel-divider-color);display:flex}:host .yuv-audit .footer .paging{flex:1;display:flex;align-items:center;justify-content:flex-end;color:var(--text-color-caption)}:host .yuv-audit .footer .paging .page{padding:0 calc(var(--app-pane-padding) / 2)}:host .yuv-audit .footer .paging .prev{transform:rotate(180deg)}:host .yuv-audit .footer button{padding:0}:host .timeline{--track-color: var(--panel-divider-color);--track-size: calc(var(--app-pane-padding) * 3);overflow-y:auto;padding:var(--app-pane-padding) var(--app-pane-padding) calc(var(--app-pane-padding) * 2) var(--app-pane-padding)}@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) 1fr;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(--panel-background);border:1px solid var(--panel-divider-color);border-radius:.25em;margin:calc(var(--app-pane-padding) / 2) 0;padding:var(--app-pane-padding);box-sizing:border-box;display:grid;gap:calc(var(--app-pane-padding) / 8)}:host .timeline :where(.audit) .node .label{display:flex;align-items:end}:host .timeline :where(.audit) .node .label .title{flex:1;word-break:break-all;font-weight:700;color:var(--text-color-body)}:host .timeline :where(.audit) .node .label .version{line-height:1em;border-radius:2px;background-color:rgba(var(--color-accent-rgb),.15);color:var(--color-accent);font-size:var(--font-hint);font-family:monospace;align-self:center;margin-left:var(--app-pane-padding);padding:4px 6px;display:block}:host .timeline :where(.audit) .node .meta{color:var(--text-color-caption)}:host .timeline :where(.audit):before{grid-area:line;content:\"\";width:calc(50% - 1px);height:100%;border-inline-end:1px solid var(--track-color)}:host .timeline :where(.audit):after{grid-area:line;content:\"\";width:11px;height:11px;border-radius:50%;border:2px solid var(--track-color);background-color:var(--panel-background-grey);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: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: BusyOverlayDirective, selector: "[yuvBusyOverlay]", inputs: ["yuvBusyOverlay"] }, { kind: "pipe", type: LocaleDatePipe, name: "localeDate" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "directive", type: i1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "ngmodule", type: YvcIconModule }, { kind: "component", type: i4.Icon, selector: "yvc-icon", inputs: ["label", "svg", "svgSrc"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ObjectAuditComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'yuv-object-audit', standalone: true, imports: [CommonModule, RouterLink, ReactiveFormsModule, BusyOverlayDirective, LocaleDatePipe, TranslateModule, YvcIconModule], template: "<div class=\"yuv-audit\" [ngClass]=\"{ singleEntry: auditsRes?.items?.length === 1, onPage: auditsRes && auditsRes.page > 1 }\" [yuvBusyOverlay]=\"busy\">\n  @if (error) {\n    <div class=\"error\">\n      <div translate>yuv.audit.fetch.error</div>\n    </div>\n  }\n\n  @if (auditsRes) {\n    <!-- list of audits -->\n    @let resItems = resolvedItems();\n    @if (resItems.length) {\n      <div class=\"timeline\">\n        @for (item of resItems; track $index) {\n          <div class=\"audit\">\n            <div class=\"date\">{{ item.creationDate | localeDate }}</div>\n            <div class=\"node\">\n              <div class=\"label\">\n                <span class=\"title\">{{ item.label }}</span>\n                @if (item.detail === 'OBJECT_DOCUMENT_CHANGED') {\n                  @if (link()) {\n                    <a class=\"version\" [routerLink]=\"link()\" [queryParams]=\"{ version: item.version }\">{{ item.version }}</a>\n                  } @else {\n                    <span class=\"version\">{{ item.version }}</span>\n                  }\n                }\n              </div>\n              <div class=\"more meta\">{{ item.more }}</div>\n              <div class=\"creator meta\">{{ item.createdBy.title }}</div>\n            </div>\n          </div>\n        }\n      </div>\n    } @else {\n      <div class=\"empty\" translate>yuv.audit.result.empty</div>\n    }\n\n    <!-- controls -->\n    @if (auditsRes.hasMoreItems || auditsRes.page > 1) {\n      <div class=\"footer\" yuvOfflineDisabled>\n        <div class=\"paging\">\n          <button [attr.aria-label]=\"'yuv.audit.label.paging.prev' | translate\" [disabled]=\"auditsRes.page === 1\" (click)=\"goToPage(auditsRes.page - 1)\">\n            <yvc-icon class=\"prev\" [svg]=\"icons.arrowNext\"></yvc-icon>\n          </button>\n          <div class=\"page\">\n            {{ auditsRes.page }}\n          </div>\n          <button [attr.aria-label]=\"'yuv.audit.label.paging.next' | translate\" [disabled]=\"!auditsRes.hasMoreItems\" (click)=\"goToPage(auditsRes.page + 1)\">\n            <yvc-icon class=\"next\" [svg]=\"icons.arrowNext\"></yvc-icon>\n          </button>\n        </div>\n      </div>\n    }\n  }\n</div>\n", styles: [":host .yuv-audit{position:relative;height:100%;display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto;grid-template-areas:\"items\" \"footer\";background-color:var(--panel-background-grey);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(--color-error);color:#fff;margin:var(--app-pane-padding);padding:var(--app-pane-padding);border-radius:calc(var(--app-pane-padding) / 2)}:host .yuv-audit .search{position:absolute;left:0;top:0;bottom:0;max-width:90%;background-color:var(--panel-background);border-right:1px solid var(--panel-divider-color);animation:yuvFadeInLeft var(--app-default-transition-duration);padding:var(--app-pane-padding);display:flex;z-index:3;flex-flow:column}:host .yuv-audit .search h3{color:var(--text-color-caption);margin:0 0 var(--app-pane-padding) 0;font-size:var(--font-title);font-weight:var(--font-weight-light)}:host .yuv-audit .search button.group{color:var(--text-color-caption);margin:0 0 var(--app-pane-padding) 0;font-size:var(--font-subhead);font-weight:var(--font-weight-normal);padding:0;cursor:pointer}:host .yuv-audit .search button.group:focus{color:var(--color-accent);outline:0;background-color:transparent;border-color:transparent}:host .yuv-audit .search .controls{flex:1;overflow-y:auto}:host .yuv-audit .search .controls .form-control{margin-top:var(--app-pane-padding)}:host .yuv-audit .search .buttons{display:flex;justify-content:flex-end}:host .yuv-audit .btn-search{position:absolute;top:var(--app-pane-padding);left:var(--app-pane-padding);background-color:var(--panel-background);padding:calc(var(--app-pane-padding) / 2);border:1px solid var(--panel-divider-color);z-index:1;box-shadow:0 0 10px 10px var(--panel-background-grey)}:host .yuv-audit .btn-search.badge{color:var(--color-accent)}:host .yuv-audit .btn-search yvc-icon{display:block}: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(--text-color-caption)}:host .yuv-audit .footer{grid-area:footer;background-color:var(--panel-background);border-top:1px solid var(--panel-divider-color);display:flex}:host .yuv-audit .footer .paging{flex:1;display:flex;align-items:center;justify-content:flex-end;color:var(--text-color-caption)}:host .yuv-audit .footer .paging .page{padding:0 calc(var(--app-pane-padding) / 2)}:host .yuv-audit .footer .paging .prev{transform:rotate(180deg)}:host .yuv-audit .footer button{padding:0}:host .timeline{--track-color: var(--panel-divider-color);--track-size: calc(var(--app-pane-padding) * 3);overflow-y:auto;padding:var(--app-pane-padding) var(--app-pane-padding) calc(var(--app-pane-padding) * 2) var(--app-pane-padding)}@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) 1fr;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(--panel-background);border:1px solid var(--panel-divider-color);border-radius:.25em;margin:calc(var(--app-pane-padding) / 2) 0;padding:var(--app-pane-padding);box-sizing:border-box;display:grid;gap:calc(var(--app-pane-padding) / 8)}:host .timeline :where(.audit) .node .label{display:flex;align-items:end}:host .timeline :where(.audit) .node .label .title{flex:1;word-break:break-all;font-weight:700;color:var(--text-color-body)}:host .timeline :where(.audit) .node .label .version{line-height:1em;border-radius:2px;background-color:rgba(var(--color-accent-rgb),.15);color:var(--color-accent);font-size:var(--font-hint);font-family:monospace;align-self:center;margin-left:var(--app-pane-padding);padding:4px 6px;display:block}:host .timeline :where(.audit) .node .meta{color:var(--text-color-caption)}:host .timeline :where(.audit):before{grid-area:line;content:\"\";width:calc(50% - 1px);height:100%;border-inline-end:1px solid var(--track-color)}:host .timeline :where(.audit):after{grid-area:line;content:\"\";width:11px;height:11px;border-radius:50%;border:2px solid var(--track-color);background-color:var(--panel-background-grey);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.AuditService }, { type: i1.BackendService }, { type: i1.AppCacheService }, { type: i1.EventService }, { type: i1.SystemService }, { type: i2.UntypedFormBuilder }, { type: i1.TranslateService }] });
+
+class ObjectDetailsShellComponent {
+    /**
+     * DmsObject to show the details for.
+     */
+    set dmsObject(o) {
+        this._dmsObject = o;
+        // this.objectTypeId = o ? this.systemService.getLeadingObjectTypeID(o.objectTypeId, o.data[BaseObjectTypeField.SECONDARY_OBJECT_TYPE_IDS] as string) : undefined;
+        if (this._dmsObject) {
+            this._getHeaderData();
+            this.retentionEndDate = this._dmsObject.data[RetentionField.RETENTION_END]
+                ? new Date(this._dmsObject.data[RetentionField.RETENTION_END])
+                : undefined;
+            const today = new Date();
+            this.retentionEnded = this.retentionEndDate && today > this.retentionEndDate;
+        }
+    }
+    get dmsObject() {
+        return this._dmsObject;
+    }
+    /**
+     * ID of a DmsObject. The object will be fetched from the backend upfront.
+     */
+    set objectId(id) {
+        if (id) {
+            this._getDmsObject(id);
+        }
+        else {
+            this.dmsObject = undefined;
+        }
+    }
+    constructor() {
+        this.translate = inject(TranslateService);
+        this.objectConfigService = inject(ObjectConfigService);
+        this.eventService = inject(EventService);
+        this.dmsService = inject(DmsService);
+        this.systemService = inject(SystemService);
+        this.userService = inject(UserService);
+        this._subs = [];
+        this.busy = false;
+        this.isAdvancedUser = this.userService.isAdvancedUser;
+        this.dmsObjectChange = new EventEmitter();
+        this.objectConfigService
+            .getObjectConfigs$()
+            // this.objectConfigService.getObjectConfigs$(this.bucket || '')
+            .pipe(takeUntilDestroyed())
+            .subscribe((res) => {
+            this.oc = res;
+            if (this._dmsObject)
+                this._getHeaderData();
+        });
+        this.eventService
+            .on(YuvEventType.DMS_OBJECT_UPDATED)
+            .pipe(takeUntilDestroyed())
+            .subscribe((e) => {
+            const o = e.data;
+            if (this._dmsObject && this._dmsObject.id === o.id)
+                this.dmsObject = o;
+        });
+    }
+    _getHeaderData() {
+        if (this._dmsObject) {
+            const oc = this.oc[this._dmsObject.objectTypeId];
+            // const ic = oc.icon ? (this._dmsObject.data[oc.icon.propertyName] as string) : this._dmsObject.objectTypeId;
+            const icon = {
+                title: this.systemService.getLocalizedLabel(this._dmsObject.objectTypeId)
+            };
+            if (oc.icon)
+                icon.svg = oc.icon.svg;
+            else
+                icon.src = this.systemService.getObjectTypeIconUri(this._dmsObject.objectTypeId);
+            this.headerData = {
+                icon,
+                title: oc.title ? this.dmsObject?.data[oc.title.propertyName] : undefined,
+                description: oc.description ? this.dmsObject?.data[oc.description.propertyName] : undefined
+            };
+        }
+        else
+            this.headerData = undefined;
+    }
+    _getDmsObject(id) {
+        this.busy = true;
+        this.dmsService.getDmsObject(id).subscribe({
+            next: (dmsObject) => (this.dmsObject = dmsObject),
+            error: () => {
+                this.dmsObject = undefined;
+                this.contextError = this.translate.instant('yuv.object-metadata.context.load.error');
+            },
+            complete: () => {
+                this.busy = false;
+                this.dmsObjectChange.emit(this.dmsObject);
+            }
+        });
+    }
+    ngOnInit() {
+        this._subs.push(this.eventService.on(YuvEventType.DMS_OBJECT_DELETED).subscribe((event) => {
+            if (event.data?.id === this._dmsObject?.id) {
+                this._dmsObject = undefined;
+            }
+        }));
+    }
+    ngOnDestroy() {
+        this._subs.forEach((s) => s.unsubscribe());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ObjectDetailsShellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ObjectDetailsShellComponent, isStandalone: true, selector: "yuv-object-details-shell", inputs: { layoutSettingsID: "layoutSettingsID", dmsObject: "dmsObject", objectId: "objectId" }, outputs: { dmsObjectChange: "dmsObjectChange" }, ngImport: i0, template: "<yuv-panel\n  *ngIf=\"dmsObject; else tplEmpty\"\n  [yuvBusyOverlay]=\"busy\"\n  [icon]=\"headerData?.icon\"\n  [title]=\"headerData?.title\"\n  [description]=\"headerData?.description\"\n>\n  <div class=\"content\">\n    <ng-content></ng-content>\n  </div>\n</yuv-panel>\n\n<ng-template #tplEmpty>\n  <div class=\"empty\">\n    <div class=\"error\" *ngIf=\"contextError; else tplEmptyNoError\">{{ contextError }}</div>\n  </div>\n</ng-template>\n\n<ng-template #tplEmptyNoError> EMPTY </ng-template>\n\n\n", styles: [":host{display:block}:host yuv-panel{height:100%}:host .content{height:100%}:host .empty{height:100%;display:grid;align-items:center;justify-content:center}:host .empty .error{max-width:40ch;margin:var(--app-pane-padding);color:var(--text-color-caption);padding:calc(var(--app-pane-padding) * .75);border-radius:.5em;line-height:1.5em;border:1px solid var(--panel-divider-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PanelComponent, selector: "yuv-panel", inputs: ["icon", "title", "description"] }, { kind: "directive", type: BusyOverlayDirective, selector: "[yuvBusyOverlay]", inputs: ["yuvBusyOverlay"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ObjectDetailsShellComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'yuv-object-details-shell', standalone: true, imports: [CommonModule, PanelComponent, BusyOverlayDirective], template: "<yuv-panel\n  *ngIf=\"dmsObject; else tplEmpty\"\n  [yuvBusyOverlay]=\"busy\"\n  [icon]=\"headerData?.icon\"\n  [title]=\"headerData?.title\"\n  [description]=\"headerData?.description\"\n>\n  <div class=\"content\">\n    <ng-content></ng-content>\n  </div>\n</yuv-panel>\n\n<ng-template #tplEmpty>\n  <div class=\"empty\">\n    <div class=\"error\" *ngIf=\"contextError; else tplEmptyNoError\">{{ contextError }}</div>\n  </div>\n</ng-template>\n\n<ng-template #tplEmptyNoError> EMPTY </ng-template>\n\n\n", styles: [":host{display:block}:host yuv-panel{height:100%}:host .content{height:100%}:host .empty{height:100%;display:grid;align-items:center;justify-content:center}:host .empty .error{max-width:40ch;margin:var(--app-pane-padding);color:var(--text-color-caption);padding:calc(var(--app-pane-padding) * .75);border-radius:.5em;line-height:1.5em;border:1px solid var(--panel-divider-color)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { layoutSettingsID: [{
+                type: Input
+            }], dmsObject: [{
+                type: Input
+            }], dmsObjectChange: [{
+                type: Output
+            }], objectId: [{
+                type: Input
+            }] } });
+
+class ObjectMetadataComponent {
+    constructor() {
+        this.#pendingChanges = inject(PendingChangesService);
+        this.#notificationService = inject(NotificationService);
+        this.translate = inject(TranslateService);
+        this.#system = inject(SystemService);
+        this.#dmsService = inject(DmsService);
+        this.objectForms = viewChildren(ObjectFormComponent);
+        this.#formSubscriptions = [];
+        this.#initialData = {};
+        this.arrow = ICONS.arrowDown;
+        this.busy = signal(false);
+        this.empty = signal(false);
+        this.controlsVisible = signal(false);
+        // form of the dms object itself
+        this.mainFormOptions = signal(undefined);
+        // forms off allpied flavors
+        this.flavorFormOptions = signal([]);
+        // state of all individual forms
+        this.#formStates = new Map();
+        /**
+         * Form situation, if not set default will be 'EDIT'
+         */
+        this.situation = Situation.EDIT;
+        /**
+         * Set to 'true' to prevent all metadata from being edited
+         */
+        this.formDisabled = false;
+        this.dmsObject = input();
+        this.#dmsObjectEffect = effect(() => {
+            this.#init(this.dmsObject());
+        });
+        this.flavoredDmsObject = input();
+        this.#flavoredDmsObjectEffect = effect(() => {
+            const flavoredDmsObject = this.flavoredDmsObject();
+            this.#init(flavoredDmsObject?.object, flavoredDmsObject?.flavors);
+        });
+        /**
+         * Emits the updated `DmsObject` when metadata have been saved.
+         */
+        this.indexDataSaved = output();
+        /**
+         * Emits the current state of the metadata form.
+         */
+        this.statusChanged = output();
+    }
+    #pendingChanges;
+    #notificationService;
+    #system;
+    #dmsService;
+    #pendingTaskId;
+    #dmsObject;
+    #formSubscriptions;
+    #initialData;
+    // state of all individual forms
+    #formStates;
+    #dmsObjectEffect;
+    #flavoredDmsObjectEffect;
+    #init(object, flavors) {
+        if (object && (!this.#dmsObject || this.#dmsObject !== object)) {
+            this.#initialData = structuredClone(object.data);
+            this.#objectToForm(object, flavors);
+        }
+        this.#dmsObject = object;
+    }
+    #objectToForm(object, flavors) {
+        if (object) {
+            const mappedFlavors = (flavors || []).reduce((acc, curr) => ({ ...acc, [curr.sot]: curr }), {});
+            this.#system.getObjectTypeForms([object.objectTypeId, ...(flavors || []).map((f) => f.sot)], this.situation).subscribe({
+                next: (res) => {
+                    this.mainFormOptions.set(res[object.objectTypeId]
+                        ? {
+                            formModel: res[object.objectTypeId],
+                            data: object.data,
+                            disabled: this.formDisabled || !object.permissions?.writeIndexData,
+                        }
+                        : undefined);
+                    this.flavorFormOptions.set(Object.keys(res)
+                        .filter((id) => id !== object.objectTypeId)
+                        .map((id) => ({
+                        id,
+                        label: res[id].label,
+                        icon: mappedFlavors[id]?.icon,
+                        formOptions: {
+                            formModel: res[id],
+                            data: object.data
+                        }
+                    })));
+                    this.empty.set(!this.mainFormOptions() && !this.flavorFormOptions().length);
+                }
+            });
+        }
+    }
+    onFormStatusChanged(formId, evt) {
+        this.#formStates.set(formId, evt);
+        this.#getCombinedFormState();
+        if (this.combinedFormState?.dirty)
+            this.#startPending();
+        else
+            this.#finishPending();
+        this.controlsVisible.set(!!this.combinedFormState?.dirty);
+        if (this.combinedFormState)
+            this.statusChanged.emit(this.combinedFormState);
+    }
+    #getCombinedFormState() {
+        const combinedFormState = {
+            dirty: false,
+            indexdataChanged: false,
+            invalid: false,
+            data: {}
+        };
+        this.#formStates.forEach((s) => {
+            if (s.dirty) {
+                combinedFormState.dirty = s.dirty;
+            }
+            if (s.indexdataChanged) {
+                combinedFormState.indexdataChanged = s.indexdataChanged;
+            }
+            if (s.invalid) {
+                combinedFormState.invalid = s.invalid;
+            }
+            combinedFormState.data = { ...combinedFormState.data, ...s.data };
+        });
+        this.combinedFormState = combinedFormState;
+        return this.combinedFormState;
+    }
+    #setCombinedFormPristine() {
+        this.objectForms().forEach((f) => {
+            f.setFormPristine();
+        });
+    }
+    save() {
+        if (this.#dmsObject && this.combinedFormState) {
+            this.busy.set(true);
+            this.#dmsService.updateDmsObject(this.#dmsObject.id, this.combinedFormState.data).subscribe({
+                next: () => {
+                    this.#setCombinedFormPristine();
+                    this.indexDataSaved.emit(this.#dmsObject);
+                    this.#finishPending();
+                },
+                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'));
+                },
+                complete: () => {
+                    this.controlsVisible.set(false);
+                    this.busy.set(false);
+                }
+            });
+        }
+    }
+    /**
+     * Reset te form to its initial state
+     */
+    resetForm() {
+        if (this.objectForms()?.length) {
+            this.objectForms().forEach((f) => {
+                f.resetForm();
+            });
+            this.#formStates.clear();
+        }
+    }
+    #startPending() {
+        // because this method will be called every time the form status changes,
+        // pending task will only be started once until it was finished
+        if (!this.#pendingChanges.hasPendingTask(this.#pendingTaskId || ' ')) {
+            this.#pendingTaskId = this.#pendingChanges.startTask(this.translate.instant('yuv.object-metadata.pending-changes.alert'));
+        }
+    }
+    #finishPending() {
+        if (this.#pendingTaskId)
+            this.#pendingChanges.finishTask(this.#pendingTaskId);
+    }
+    ngOnDestroy() {
+        this.#formSubscriptions.forEach((s) => s.unsubscribe());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ObjectMetadataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ObjectMetadataComponent, isStandalone: true, selector: "yuv-object-metadata", inputs: { situation: { classPropertyName: "situation", publicName: "situation", isSignal: false, isRequired: false, transformFunction: null }, formDisabled: { classPropertyName: "formDisabled", publicName: "formDisabled", isSignal: false, 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 } }, outputs: { indexDataSaved: "indexDataSaved", statusChanged: "statusChanged" }, host: { properties: { "class.empty": "empty()" } }, viewQueries: [{ propertyName: "objectForms", predicate: ObjectFormComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<main>\n  @if (empty()) {\n    <div class=\"empty\">\n      <p>{{ 'yuv.object-metadata.empty.message' | translate }}</p>\n    </div>\n  } @else {\n    <yuv-object-form  [formOptions]=\"mainFormOptions()\" (statusChanged)=\"onFormStatusChanged('main', $event)\"></yuv-object-form>\n\n    @for (fo of flavorFormOptions(); track $index) {\n      <details [attr.open]=\"$index === 0\">\n        <summary><yvc-icon [svg]=\"fo.icon\"></yvc-icon> {{ fo.label }}<yvc-icon class=\"arr\" [svg]=\"arrow\"></yvc-icon></summary>\n        <yuv-object-form [formOptions]=\"fo.formOptions\" (statusChanged)=\"onFormStatusChanged(fo.id, $event)\"></yuv-object-form>\n      </details>\n    }\n  }\n</main>\n<footer [ngClass]=\"{ visible: controlsVisible() }\">\n  <button class=\"secondary\" (click)=\"resetForm()\" [hidden]=\"!combinedFormState?.dirty\" [disabled]=\"!combinedFormState?.dirty\">\n    {{ 'yuv.object-metadata.button.reset' | translate }}\n  </button>\n  <button class=\"primary\" [ngClass]=\"{ spinning: busy() }\" (click)=\"save()\" [disabled]=\"!combinedFormState?.dirty || combinedFormState?.invalid\">\n    {{ 'yuv.object-metadata.button.save' | translate }}\n  </button>\n</footer>\n", styles: [":host{--om-footer-background: var(--panel-background);--om-footer-border-color: var(--panel-divider-color);--om-section-max-width: 70ch;display:flex;height:100%;overflow:hidden;position:relative;background-color:var(--panel-background-grey)}:host.empty main{justify-content:center;align-items:center}:host main{overflow-y:auto;width:100%;display:flex;flex-flow:column}:host footer{position:absolute;bottom:0;left:0;right:0;grid-area:footer;background:var(--om-footer-background);border-top:1px solid var(--om-footer-border-color);opacity:0;display:flex;align-items:center;justify-content:end;gap:calc(var(--app-pane-padding) / 4);padding:calc(var(--app-pane-padding) / 2)}:host footer.visible{animation:controlsAppear .2s ease-in-out forwards}:host main{padding:var(--app-pane-padding)}:host main details{background-color:var(--panel-background);border:1px solid var(--panel-divider-color);width:var(--om-section-max-width);max-width:100%;margin-inline:auto;box-sizing:border-box}:host main details:not(:last-child){margin-block-end:var(--app-pane-padding)}:host main details[open] yvc-icon.arr{transform:rotate(180deg)}:host main details summary{padding:calc(var(--app-pane-padding) / 2);cursor:pointer;display:flex;align-items:center;font-weight:700;color:var(--text-color-caption);position:relative}:host main details summary::marker{display:none}:host main details summary yvc-icon{--icon-size: 18px;margin-inline-end:calc(var(--app-pane-padding) / 2)}:host main details summary yvc-icon.arr{position:absolute;inset-inline-end:0}@keyframes controlsAppear{0%{opacity:0;translate:0 var(--app-pane-padding)}to{opacity:1;translate:0 0}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ObjectFormComponent, selector: "yuv-object-form", inputs: ["formOptions", "inert", "elementExtensions", "isInnerTableForm"], outputs: ["statusChanged", "onFormReady"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: YvcIconModule }, { kind: "component", type: i4.Icon, selector: "yvc-icon", inputs: ["label", "svg", "svgSrc"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ObjectMetadataComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'yuv-object-metadata', standalone: true, imports: [CommonModule, ObjectFormComponent, TranslateModule, ReactiveFormsModule, YvcIconModule], host: {
+                        '[class.empty]': 'empty()'
+                    }, template: "<main>\n  @if (empty()) {\n    <div class=\"empty\">\n      <p>{{ 'yuv.object-metadata.empty.message' | translate }}</p>\n    </div>\n  } @else {\n    <yuv-object-form  [formOptions]=\"mainFormOptions()\" (statusChanged)=\"onFormStatusChanged('main', $event)\"></yuv-object-form>\n\n    @for (fo of flavorFormOptions(); track $index) {\n      <details [attr.open]=\"$index === 0\">\n        <summary><yvc-icon [svg]=\"fo.icon\"></yvc-icon> {{ fo.label }}<yvc-icon class=\"arr\" [svg]=\"arrow\"></yvc-icon></summary>\n        <yuv-object-form [formOptions]=\"fo.formOptions\" (statusChanged)=\"onFormStatusChanged(fo.id, $event)\"></yuv-object-form>\n      </details>\n    }\n  }\n</main>\n<footer [ngClass]=\"{ visible: controlsVisible() }\">\n  <button class=\"secondary\" (click)=\"resetForm()\" [hidden]=\"!combinedFormState?.dirty\" [disabled]=\"!combinedFormState?.dirty\">\n    {{ 'yuv.object-metadata.button.reset' | translate }}\n  </button>\n  <button class=\"primary\" [ngClass]=\"{ spinning: busy() }\" (click)=\"save()\" [disabled]=\"!combinedFormState?.dirty || combinedFormState?.invalid\">\n    {{ 'yuv.object-metadata.button.save' | translate }}\n  </button>\n</footer>\n", styles: [":host{--om-footer-background: var(--panel-background);--om-footer-border-color: var(--panel-divider-color);--om-section-max-width: 70ch;display:flex;height:100%;overflow:hidden;position:relative;background-color:var(--panel-background-grey)}:host.empty main{justify-content:center;align-items:center}:host main{overflow-y:auto;width:100%;display:flex;flex-flow:column}:host footer{position:absolute;bottom:0;left:0;right:0;grid-area:footer;background:var(--om-footer-background);border-top:1px solid var(--om-footer-border-color);opacity:0;display:flex;align-items:center;justify-content:end;gap:calc(var(--app-pane-padding) / 4);padding:calc(var(--app-pane-padding) / 2)}:host footer.visible{animation:controlsAppear .2s ease-in-out forwards}:host main{padding:var(--app-pane-padding)}:host main details{background-color:var(--panel-background);border:1px solid var(--panel-divider-color);width:var(--om-section-max-width);max-width:100%;margin-inline:auto;box-sizing:border-box}:host main details:not(:last-child){margin-block-end:var(--app-pane-padding)}:host main details[open] yvc-icon.arr{transform:rotate(180deg)}:host main details summary{padding:calc(var(--app-pane-padding) / 2);cursor:pointer;display:flex;align-items:center;font-weight:700;color:var(--text-color-caption);position:relative}:host main details summary::marker{display:none}:host main details summary yvc-icon{--icon-size: 18px;margin-inline-end:calc(var(--app-pane-padding) / 2)}:host main details summary yvc-icon.arr{position:absolute;inset-inline-end:0}@keyframes controlsAppear{0%{opacity:0;translate:0 var(--app-pane-padding)}to{opacity:1;translate:0 0}}\n"] }]
+        }], propDecorators: { situation: [{
+                type: Input
+            }], formDisabled: [{
+                type: Input
+            }] } });
+
+class ObjectDetailsComponent {
+    #configService;
+    #userService;
+    /**
+     * If you want to set the order of the tabs within object details, you can use
+     * this input property. The tab order will be defined by the index of the
+     * input array containing the following values in the desired order:
+     *
+     * - `summary`: Object summary tab
+     * - `indexdata`: Indexdata edit form tab
+     * - `preview`: Content preview tab
+     * - `history: Object history tab (audits)
+     */
+    set panelOrder(po) {
+        const def = ['summary', 'indexdata', 'preview', 'history'];
+        po = po || def;
+        this._splitTabConfig = {
+            primary: {
+                tabs: po,
+                active: po[0]
+            }
+        };
+    }
+    constructor() {
+        this.#configService = inject(ConfigService);
+        this.#userService = inject(UserService);
+        this.isAdvancedUser = this.#userService.isAdvancedUser;
+        this._splitTabConfig = {};
+        this.currentUser = signal(this.#userService.getCurrentUser());
+        if (this.#configService.get('client.objectDetailsTabs'))
+            this.panelOrder = this.#configService.get('client.objectDetailsTabs');
+    }
+    onIndexdataSaved(updatedObject) {
+        this.dmsObject = updatedObject;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ObjectDetailsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ObjectDetailsComponent, isStandalone: true, selector: "yuv-object-details", inputs: { panelOrder: "panelOrder", layoutSettingsID: "layoutSettingsID", dmsObject: "dmsObject", objectId: "objectId" }, ngImport: i0, template: "<yuv-object-details-shell [objectId]=\"objectId\" [(dmsObject)]=\"dmsObject\" [layoutSettingsID]=\"layoutSettingsID\">\n  <yvc-split-tabs class=\"content\" [config]=\"_splitTabConfig\" [layoutSettingsID]=\"layoutSettingsID\">\n    <!-- content -->\n    <ng-template [yvcTab]=\"{ id: 'content', label: 'yuv.object-details.tabs.content.title' | translate }\">\n      @if (dmsObject && dmsObject.content) {\n        <yuv-media-viewer\n          [id]=\"dmsObject.id\"\n          [metadata]=\"{ data: dmsObject.data, editable: true, user: currentUser() }\"\n          [type]=\"dmsObject.content.mimeType\"\n        ></yuv-media-viewer>\n      }\n\n      <span>{{ currentUser() | json }}</span>\n    </ng-template>\n    <!-- indexdata -->\n    <ng-template [yvcTab]=\"{ id: 'indexdata', label: 'yuv.object-metadata.tabs.indexdata.title' | translate }\">\n      <yuv-object-metadata [dmsObject]=\"dmsObject\" (indexDataSaved)=\"onIndexdataSaved($event)\"> </yuv-object-metadata>\n    </ng-template>\n    <!-- history -->\n    <ng-template [yvcTab]=\"{ id: 'history', label: 'yuv.object-metadata.tabs.history.title' | translate }\">\n      <yuv-object-audit [dmsObject]=\"dmsObject\"></yuv-object-audit>\n    </ng-template>\n  </yvc-split-tabs>\n</yuv-object-details-shell>\n", styles: [":host{display:block}:host yuv-object-details-shell,:host yvc-split-tabs,:host yuv-object-form-edit{height:100%}\n"], dependencies: [{ kind: "pipe", type: JsonPipe, name: "json" }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: YvcSplitTabsModule }, { kind: "component", type: i1$2.SplitTabsComponent, selector: "yvc-split-tabs", inputs: ["layoutSettingsID", "config", "panelOrder"], outputs: ["layoutSettingsChange"] }, { kind: "component", type: ObjectDetailsShellComponent, selector: "yuv-object-details-shell", inputs: ["layoutSettingsID", "dmsObject", "objectId"], outputs: ["dmsObjectChange"] }, { kind: "component", type: YuvMediaViewerComponent, selector: "yuv-media-viewer", inputs: ["id", "type", "metadata", "src"] }, { kind: "component", type: ObjectMetadataComponent, selector: "yuv-object-metadata", inputs: ["situation", "formDisabled", "dmsObject", "flavoredDmsObject"], outputs: ["indexDataSaved", "statusChanged"] }, { kind: "component", type: ObjectAuditComponent, selector: "yuv-object-audit", inputs: ["dmsObject", "skipActions", "allActions", "versionsLink"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ObjectDetailsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'yuv-object-details', standalone: true, imports: [JsonPipe, CommonModule, YvcSplitTabsModule, ObjectDetailsShellComponent, YuvMediaViewerComponent, ObjectMetadataComponent, ObjectAuditComponent], template: "<yuv-object-details-shell [objectId]=\"objectId\" [(dmsObject)]=\"dmsObject\" [layoutSettingsID]=\"layoutSettingsID\">\n  <yvc-split-tabs class=\"content\" [config]=\"_splitTabConfig\" [layoutSettingsID]=\"layoutSettingsID\">\n    <!-- content -->\n    <ng-template [yvcTab]=\"{ id: 'content', label: 'yuv.object-details.tabs.content.title' | translate }\">\n      @if (dmsObject && dmsObject.content) {\n        <yuv-media-viewer\n          [id]=\"dmsObject.id\"\n          [metadata]=\"{ data: dmsObject.data, editable: true, user: currentUser() }\"\n          [type]=\"dmsObject.content.mimeType\"\n        ></yuv-media-viewer>\n      }\n\n      <span>{{ currentUser() | json }}</span>\n    </ng-template>\n    <!-- indexdata -->\n    <ng-template [yvcTab]=\"{ id: 'indexdata', label: 'yuv.object-metadata.tabs.indexdata.title' | translate }\">\n      <yuv-object-metadata [dmsObject]=\"dmsObject\" (indexDataSaved)=\"onIndexdataSaved($event)\"> </yuv-object-metadata>\n    </ng-template>\n    <!-- history -->\n    <ng-template [yvcTab]=\"{ id: 'history', label: 'yuv.object-metadata.tabs.history.title' | translate }\">\n      <yuv-object-audit [dmsObject]=\"dmsObject\"></yuv-object-audit>\n    </ng-template>\n  </yvc-split-tabs>\n</yuv-object-details-shell>\n", styles: [":host{display:block}:host yuv-object-details-shell,:host yvc-split-tabs,:host yuv-object-form-edit{height:100%}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { panelOrder: [{
+                type: Input
+            }], layoutSettingsID: [{
+                type: Input
+            }], dmsObject: [{
+                type: Input
+            }], objectId: [{
+                type: Input
+            }] } });
+
+class FormSectionGroupPipe {
+    transform(form, id) {
+        return form.get(id);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormSectionGroupPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: FormSectionGroupPipe, isStandalone: true, name: "formSectionGroup" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormSectionGroupPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'formSectionGroup',
+                    standalone: true
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FormSectionGroupPipe, ObjectAuditComponent, ObjectDetailsComponent, ObjectDetailsShellComponent, ObjectMetadataComponent };
+//# sourceMappingURL=yuuvis-client-framework-object-details.mjs.map