@yuuvis/app-drive 2.1.26 → 2.2.0

package/fesm2022/yuuvis-app-drive.mjs

@@ -8,14 +8,14 @@ import { FormBuilder, Validators, ReactiveFormsModule } from '@angular/forms';
 import * as i1$3 from '@angular/router';
 import { Router, NavigationStart, ActivatedRoute, RouterModule, NavigationEnd } from '@angular/router';
 import * as i2 from '@yuuvis/client-core';
-import { SystemType, ClipboardService, TranslateService, TranslateModule, BaseObjectTypeField, EventService, DmsService, SearchService, BackendService, YuvEventType, ContentStreamField, NotificationService, Utils, RetentionService, UserService, SystemService, Situation, Operator, SearchUtils, ObjectConfigService, DeviceService, AppCacheService } from '@yuuvis/client-core';
+import { SystemType, ClipboardService, TranslateService, TranslateModule, BaseObjectTypeField, EventService, DmsService, SearchService, BackendService, YuvEventType, ContentStreamField, NotificationService, Utils, RetentionService, SystemService, Situation, Operator, SearchUtils, UserService, ObjectConfigService, DeviceService, AppCacheService } from '@yuuvis/client-core';
 import { ActionsService, BASE_ACTION, AbstractContextAction, SelectionRange, ContextmenuComponent, YuvContextMenuTriggerDirective } from '@yuuvis/client-framework/actions';
 import { UploadProgressComponent } from '@yuuvis/client-framework/upload-progress';
 import * as i2$5 from '@yuuvis/client-shell';
 import { YuvClientShellModule } from '@yuuvis/client-shell';
 import { OverflowMenuComponent } from '@yuuvis/client-framework/overflow-menu';
 import { switchMap as switchMap$1, map as map$1, finalize as finalize$1, filter as filter$1 } from 'rxjs/operators';
-import { tap, Subject, filter, switchMap, of, forkJoin, map, catchError, finalize, timer, from } from 'rxjs';
+import { tap, Subject, filter, switchMap, of, forkJoin, map, catchError, finalize, timer, from, debounceTime } from 'rxjs';
 import { MAT_DIALOG_DATA, MatDialogRef, MatDialog, MatDialogContent, MatDialogActions, MatDialogTitle, MatDialogClose, MatDialogConfig } from '@angular/material/dialog';
 import { signalState, patchState } from '@ngrx/signals';
 import { marker } from '@colsen1991/ngx-translate-extract-marker';
@@ -177,27 +177,21 @@ var DRIVE_ACTION_MODE;
  * copied or moved.
  */
 class ResolveNameConflictsComponent {
-    constructor() {
-        this.#dialogData = inject(MAT_DIALOG_DATA);
-        this.#dialogRef = inject((MatDialogRef));
-        this.#drive = inject(DriveService);
-        this.#clipboard = inject(ClipboardService);
-        this.translate = inject(TranslateService);
-        this.payload = this.#dialogData;
-        this.validItems = [];
-        this.existingFileNames = this.payload?.existingFileNames || [];
-        this.invalidFileNames = this.payload?.invalidFileNames || [];
-        this.content = {
-            headline: '',
-            message: '',
-            messageValid: '',
-            proceed: ''
-        };
-    }
-    #dialogData;
-    #dialogRef;
-    #drive;
-    #clipboard;
+    #dialogData = inject(MAT_DIALOG_DATA);
+    #dialogRef = inject((MatDialogRef));
+    #drive = inject(DriveService);
+    #clipboard = inject(ClipboardService);
+    translate = inject(TranslateService);
+    payload = this.#dialogData;
+    validItems = [];
+    existingFileNames = this.payload?.existingFileNames || [];
+    invalidFileNames = this.payload?.invalidFileNames || [];
+    content = {
+        headline: '',
+        message: '',
+        messageValid: '',
+        proceed: ''
+    };
     proceed() {
         if (!this.payload)
             return;
@@ -311,10 +305,10 @@ class ResolveNameConflictsComponent {
         this.#setupValidItems();
         this.#setupContent();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ResolveNameConflictsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.12", type: ResolveNameConflictsComponent, isStandalone: true, selector: "ymd-resolve-name-conflicts", ngImport: i0, template: "<yuv-dialog [headertitel]=\"content.headline\">\n  <main>\n    <p>{{ content.message }}</p>\n\n    <ul>\n      @for (ef of existingFileNames; track $index) {\n        <li>{{ ef }}</li>\n      }\n    </ul>\n\n    @if (validItems.length) {\n      <p>{{ content.messageValid }}</p>\n      <ul>\n        @for (f of validItems; track $index) {\n          <li>{{ f.name }}</li>\n        }\n      </ul>\n    }\n  </main>\n  <footer>\n    @if (validItems.length) {\n      <button ymtButton=\"primary\" (click)=\"proceed()\">{{ content.proceed }}</button>\n    }\n    <button ymtButton=\"secondary\" (click)=\"cancel()\">{{ 'yuv.app.drive.name.conflict.cancel' | translate }}</button>\n  </footer>\n</yuv-dialog>\n", styles: ["@charset \"UTF-8\";:host main{padding:var(--ymt-spacing-m)}:host ul{font-weight:700;list-style:none;padding:0 1em}:host ul li{padding:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ul li:before{content:\"\\2022\";margin-inline-end:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: DialogComponent, selector: "yuv-dialog", inputs: ["headertitel"] }, { kind: "directive", type: YmtButtonDirective, selector: "button[ymtButton], a[ymtButton]", inputs: ["ymtButton", "disabled", "aria-disabled", "disableRipple", "disabledInteractive", "button-size"] }] }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ResolveNameConflictsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: ResolveNameConflictsComponent, isStandalone: true, selector: "ymd-resolve-name-conflicts", ngImport: i0, template: "<yuv-dialog [headertitel]=\"content.headline\">\n  <main>\n    <p>{{ content.message }}</p>\n\n    <ul>\n      @for (ef of existingFileNames; track $index) {\n        <li>{{ ef }}</li>\n      }\n    </ul>\n\n    @if (validItems.length) {\n      <p>{{ content.messageValid }}</p>\n      <ul>\n        @for (f of validItems; track $index) {\n          <li>{{ f.name }}</li>\n        }\n      </ul>\n    }\n  </main>\n  <footer>\n    @if (validItems.length) {\n      <button ymtButton=\"primary\" (click)=\"proceed()\">{{ content.proceed }}</button>\n    }\n    <button ymtButton=\"secondary\" (click)=\"cancel()\">{{ 'yuv.app.drive.name.conflict.cancel' | translate }}</button>\n  </footer>\n</yuv-dialog>\n", styles: ["@charset \"UTF-8\";:host main{padding:var(--ymt-spacing-m)}:host ul{font-weight:700;list-style:none;padding:0 1em}:host ul li{padding:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ul li:before{content:\"\\2022\";margin-inline-end:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: DialogComponent, selector: "yuv-dialog", inputs: ["headertitel"] }, { kind: "directive", type: YmtButtonDirective, selector: "button[ymtButton], a[ymtButton]", inputs: ["ymtButton", "disabled", "aria-disabled", "disableRipple", "disabledInteractive", "button-size"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ResolveNameConflictsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ResolveNameConflictsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ymd-resolve-name-conflicts', standalone: true, imports: [CommonModule, TranslateModule, DialogComponent, YmtButtonDirective], template: "<yuv-dialog [headertitel]=\"content.headline\">\n  <main>\n    <p>{{ content.message }}</p>\n\n    <ul>\n      @for (ef of existingFileNames; track $index) {\n        <li>{{ ef }}</li>\n      }\n    </ul>\n\n    @if (validItems.length) {\n      <p>{{ content.messageValid }}</p>\n      <ul>\n        @for (f of validItems; track $index) {\n          <li>{{ f.name }}</li>\n        }\n      </ul>\n    }\n  </main>\n  <footer>\n    @if (validItems.length) {\n      <button ymtButton=\"primary\" (click)=\"proceed()\">{{ content.proceed }}</button>\n    }\n    <button ymtButton=\"secondary\" (click)=\"cancel()\">{{ 'yuv.app.drive.name.conflict.cancel' | translate }}</button>\n  </footer>\n</yuv-dialog>\n", styles: ["@charset \"UTF-8\";:host main{padding:var(--ymt-spacing-m)}:host ul{font-weight:700;list-style:none;padding:0 1em}:host ul li{padding:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ul li:before{content:\"\\2022\";margin-inline-end:.5rem}\n"] }]
         }] });
@@ -360,58 +354,49 @@ const mapSearchResult = (res) => {
 };
 
 class DriveService {
-    #actionsService;
-    #eventService;
-    #router;
-    #dmsService;
-    #searchService;
-    #dialog;
-    #backend;
-    #clipboardService;
-    #eventSource;
-    #defaultSort;
+    #actionsService = inject(ActionsService);
+    #eventService = inject(EventService);
+    #router = inject(Router);
+    #dmsService = inject(DmsService);
+    #searchService = inject(SearchService);
+    #dialog = inject(MatDialog);
+    #backend = inject(BackendService);
+    #clipboardService = inject(ClipboardService);
+    MAX_DEPTH = inject(DRIVE_APP_BREADCRUMB_MAX_DEPTH);
+    breadcrumbCache = new Map();
+    #eventSource = new Subject();
+    events$ = this.#eventSource.asObservable();
+    #defaultSort = {
+        property: FS_PROPERTIES.name,
+        order: 'asc'
+    };
+    initialState = {
+        currentFolder: null,
+        query: null,
+        queryTitle: null,
+        extendedQuery: false,
+        selection: [],
+        actions: [],
+        busy: false,
+        sort: this.#defaultSort,
+        breadcrumb: {
+            loading: false,
+            partial: false,
+            items: [],
+            folder: null
+        },
+        versions: {
+            versionsList: [],
+            selectedVersion: null
+        },
+        selectedDmsObject: null
+    };
+    state$ = signalState(this.initialState);
+    breadcrumbFolderPreview = this.state$.breadcrumb.folder;
+    _busyTaskCount = 0;
+    _defaultRibbonActions = [];
+    lastRouteURL;
     constructor() {
-        this.#actionsService = inject(ActionsService);
-        this.#eventService = inject(EventService);
-        this.#router = inject(Router);
-        this.#dmsService = inject(DmsService);
-        this.#searchService = inject(SearchService);
-        this.#dialog = inject(MatDialog);
-        this.#backend = inject(BackendService);
-        this.#clipboardService = inject(ClipboardService);
-        this.MAX_DEPTH = inject(DRIVE_APP_BREADCRUMB_MAX_DEPTH);
-        this.breadcrumbCache = new Map();
-        this.#eventSource = new Subject();
-        this.events$ = this.#eventSource.asObservable();
-        this.#defaultSort = {
-            property: FS_PROPERTIES.name,
-            order: 'asc'
-        };
-        this.initialState = {
-            currentFolder: null,
-            query: null,
-            queryTitle: null,
-            extendedQuery: false,
-            selection: [],
-            actions: [],
-            busy: false,
-            sort: this.#defaultSort,
-            breadcrumb: {
-                loading: false,
-                partial: false,
-                items: [],
-                folder: null
-            },
-            versions: {
-                versionsList: [],
-                selectedVersion: null
-            },
-            selectedDmsObject: null
-        };
-        this.state$ = signalState(this.initialState);
-        this.breadcrumbFolderPreview = this.state$.breadcrumb.folder;
-        this._busyTaskCount = 0;
-        this._defaultRibbonActions = [];
         this.#router.events
             .pipe(takeUntilDestroyed(), filter((e) => this.state$.selection().length > 0 && e instanceof NavigationStart))
             // clear selection on route chnages
@@ -778,10 +763,10 @@ class DriveService {
     clearVersions() {
         patchState(this.state$, { versions: this.initialState.versions });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: DriveService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: DriveService, providedIn: 'root' }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DriveService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DriveService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: DriveService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DriveService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -798,24 +783,18 @@ const provideDrive = (breadkrumbMaxDepth = 3) => {
 };
 
 class PasteAction extends AbstractContextAction {
-    constructor() {
-        super(...arguments);
-        this.translate = inject(TranslateService);
-        this.#clipboardService = inject(ClipboardService);
-        this.#drive = inject(DriveService);
-        this.#route = inject(ActivatedRoute);
-        this.id = 'app.drive.action.paste';
-        this.label = this.translate.instant('yuv.app.drive.action.paste.label');
-        this.description = this.translate.instant('yuv.app.drive.action.paste.description');
-        this.priority = 2;
-        this.icon = 'content_paste';
-        this.group = 'common';
-        this.range = SelectionRange.SINGLE_SELECT;
-        this.supports = {};
-    }
-    #clipboardService;
-    #drive;
-    #route;
+    translate = inject(TranslateService);
+    #clipboardService = inject(ClipboardService);
+    #drive = inject(DriveService);
+    #route = inject(ActivatedRoute);
+    id = 'app.drive.action.paste';
+    label = this.translate.instant('yuv.app.drive.action.paste.label');
+    description = this.translate.instant('yuv.app.drive.action.paste.description');
+    priority = 2;
+    icon = 'content_paste';
+    group = 'common';
+    range = SelectionRange.SINGLE_SELECT;
+    supports = {};
     isExecutable(items) {
         const canWrite = !!items[0]?.permissions?.writeIndexData;
         const cd = this.#clipboardService.getClipboardData(APP_ID);
@@ -853,27 +832,21 @@ class RenameValidator {
 }
 
 class ObjectNameComponent {
-    constructor() {
-        this.#fb = inject(FormBuilder);
-        this.#drive = inject(DriveService);
-        this.item = input();
-        this.disabled = input(false);
-        this.#disabledEffect = effect(() => {
-            const d = this.disabled();
-            d ? this.nameForm.get('name')?.disable() : this.nameForm.get('name')?.enable();
-        });
-        this.#itemFormEffect = effect(() => this.item() && this.#setupForm(this.item()?.data));
-        this.nameForm = this.#fb.group({
-            _initialName: [''],
-            name: ['', Validators.required]
-        }, {
-            asyncValidators: [RenameValidator.createValidator(this.#drive)]
-        });
-    }
-    #fb;
-    #drive;
-    #disabledEffect;
-    #itemFormEffect;
+    #fb = inject(FormBuilder);
+    #drive = inject(DriveService);
+    item = input();
+    disabled = input(false);
+    #disabledEffect = effect(() => {
+        const d = this.disabled();
+        d ? this.nameForm.get('name')?.disable() : this.nameForm.get('name')?.enable();
+    });
+    #itemFormEffect = effect(() => this.item() && this.#setupForm(this.item()?.data));
+    nameForm = this.#fb.group({
+        _initialName: [''],
+        name: ['', Validators.required]
+    }, {
+        asyncValidators: [RenameValidator.createValidator(this.#drive)]
+    });
     #setupForm(data) {
         this.nameForm.patchValue({
             _initialName: data ? data[FS_PROPERTIES.name] || '' : '',
@@ -882,40 +855,34 @@ class ObjectNameComponent {
             emitEvent: false
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ObjectNameComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.12", type: ObjectNameComponent, isStandalone: true, selector: "ymd-object-name", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div [formGroup]=\"nameForm\">\n  <mat-form-field>\n    <mat-label>{{ 'yuv.app.drive.property.name' | translate }}</mat-label>\n    <yuv-string [required]=\"true\" formControlName=\"name\"></yuv-string>\n  </mat-form-field>\n\n  @if (nameForm.hasError('nameAlreadyExists')) {\n    <mat-error class=\"error\">{{ 'yuv.app.drive.create.error.name.exist' | translate }}</mat-error>\n  }\n  @if (nameForm.hasError('invalidFileNames')) {\n    <mat-error class=\"error\">{{ 'yuv.app.drive.create.error.name.invalid' | translate }}</mat-error>\n  }\n</div>\n", styles: [":host mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: StringComponent, selector: "yuv-string", inputs: ["multiselect", "rows", "readonly", "autofocus", "classifications", "situation", "regex", "minLength", "maxLength"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ObjectNameComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: ObjectNameComponent, isStandalone: true, selector: "ymd-object-name", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div [formGroup]=\"nameForm\">\n  <mat-form-field>\n    <mat-label>{{ 'yuv.app.drive.property.name' | translate }}</mat-label>\n    <yuv-string [required]=\"true\" formControlName=\"name\"></yuv-string>\n  </mat-form-field>\n\n  @if (nameForm.hasError('nameAlreadyExists')) {\n    <mat-error class=\"error\">{{ 'yuv.app.drive.create.error.name.exist' | translate }}</mat-error>\n  }\n  @if (nameForm.hasError('invalidFileNames')) {\n    <mat-error class=\"error\">{{ 'yuv.app.drive.create.error.name.invalid' | translate }}</mat-error>\n  }\n</div>\n", styles: [":host mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: StringComponent, selector: "yuv-string", inputs: ["multiselect", "rows", "readonly", "autofocus", "classifications", "situation", "regex", "minLength", "maxLength"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ObjectNameComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ObjectNameComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ymd-object-name', standalone: true, imports: [CommonModule, ReactiveFormsModule, MatFormFieldModule, StringComponent, TranslateModule], template: "<div [formGroup]=\"nameForm\">\n  <mat-form-field>\n    <mat-label>{{ 'yuv.app.drive.property.name' | translate }}</mat-label>\n    <yuv-string [required]=\"true\" formControlName=\"name\"></yuv-string>\n  </mat-form-field>\n\n  @if (nameForm.hasError('nameAlreadyExists')) {\n    <mat-error class=\"error\">{{ 'yuv.app.drive.create.error.name.exist' | translate }}</mat-error>\n  }\n  @if (nameForm.hasError('invalidFileNames')) {\n    <mat-error class=\"error\">{{ 'yuv.app.drive.create.error.name.invalid' | translate }}</mat-error>\n  }\n</div>\n", styles: [":host mat-form-field{width:100%}\n"] }]
         }] });
 
 const MATERIAL$1 = [MatError, MatProgressBar];
 class RenameComponent {
-    constructor() {
-        this.#drive = inject(DriveService);
-        this.#dmsService = inject(DmsService);
-        this.#dialogData = inject(MAT_DIALOG_DATA);
-        this.#dialogRef = inject((MatDialogRef));
-        this.formComp = viewChild.required(ObjectNameComponent);
-        this.changedValue = signal(undefined);
-        this.disabledSubmit = linkedSignal({
-            source: this.changedValue,
-            computation: () => {
-                const name = this.formComp().nameForm.value.name;
-                //console.log('disabledSubmit', name, this.busy(), this.disabled(), this.formComp().nameForm.invalid);
-                return !name || this.busy() || this.disabled() || this.formComp().nameForm.invalid;
-            }
-        });
-        this.item = signal(this.#dialogData);
-        this.busy = signal(false);
-        this.error = signal(null);
-        this.disabled = signal(false);
-    }
-    #drive;
-    #dmsService;
-    #dialogData;
-    #dialogRef;
+    #drive = inject(DriveService);
+    #dmsService = inject(DmsService);
+    #dialogData = inject(MAT_DIALOG_DATA);
+    #dialogRef = inject((MatDialogRef));
+    formComp = viewChild.required(ObjectNameComponent);
+    changedValue = signal(undefined);
+    disabledSubmit = linkedSignal({
+        source: this.changedValue,
+        computation: () => {
+            const name = this.formComp().nameForm.value.name;
+            //console.log('disabledSubmit', name, this.busy(), this.disabled(), this.formComp().nameForm.invalid);
+            return !name || this.busy() || this.disabled() || this.formComp().nameForm.invalid;
+        }
+    });
+    item = signal(this.#dialogData);
+    busy = signal(false);
+    error = signal(null);
+    disabled = signal(false);
     ngAfterViewInit() {
         this.formComp().nameForm.valueChanges.subscribe((value) => {
             this.changedValue.set(value.name);
@@ -940,10 +907,10 @@ class RenameComponent {
     close() {
         this.#dialogRef.close();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: RenameComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.12", type: RenameComponent, isStandalone: true, selector: "ymd-rename", host: { properties: { "class.busy": "busy()" } }, viewQueries: [{ propertyName: "formComp", first: true, predicate: ObjectNameComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<yuv-dialog [headertitel]=\"'yuv.app.drive.action.rename.headline' | translate\">\n  <main>\n    <mat-progress-bar mode=\"indeterminate\" class=\"progress-bar\"></mat-progress-bar>\n    <form [formGroup]=\"formComp().nameForm\" (ngSubmit)=\"rename()\">\n      <ymd-object-name [item]=\"item()\"></ymd-object-name>\n\n      @if (error()) {\n        <mat-error class=\"error\">{{ error() }}</mat-error>\n      }\n    </form>\n  </main>\n\n  <footer>\n    <button ymtButton=\"secondary\" type=\"button\" (click)=\"close()\" [disabled]=\"busy()\">\n      {{ 'yuv.app.drive.action.rename.cancel' | translate }}\n    </button>\n    <button ymtButton=\"primary\" type=\"button\" (click)=\"rename()\" [disabled]=\"disabledSubmit()\">\n      {{ 'yuv.app.drive.action.rename.submit' | translate }}\n    </button>\n  </footer>\n</yuv-dialog>\n", styles: [":host{display:contents}:host .progress-bar{opacity:0}:host ymd-object-name{display:block;padding:var(--ymt-spacing-m)}:host.busy .progress-bar{opacity:1}:host main .error{color:var(--ymt-text-color-subtle);background-color:var(--ymt-surface-panel);border:1px solid var(--ymt-outline-variant);border-radius:.25rem;padding:var(--ymt-spacing-2xs) var(--ymt-spacing-xs);margin-block-start:var(--ymt-spacing-xs)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ObjectNameComponent, selector: "ymd-object-name", inputs: ["item", "disabled"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: DialogComponent, selector: "yuv-dialog", inputs: ["headertitel"] }, { kind: "directive", type: MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "directive", type: YmtButtonDirective, selector: "button[ymtButton], a[ymtButton]", inputs: ["ymtButton", "disabled", "aria-disabled", "disableRipple", "disabledInteractive", "button-size"] }] }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: RenameComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: RenameComponent, isStandalone: true, selector: "ymd-rename", host: { properties: { "class.busy": "busy()" } }, viewQueries: [{ propertyName: "formComp", first: true, predicate: ObjectNameComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<yuv-dialog [headertitel]=\"'yuv.app.drive.action.rename.headline' | translate\">\n  <main>\n    <mat-progress-bar mode=\"indeterminate\" class=\"progress-bar\"></mat-progress-bar>\n    <form [formGroup]=\"formComp().nameForm\" (ngSubmit)=\"rename()\">\n      <ymd-object-name [item]=\"item()\"></ymd-object-name>\n\n      @if (error()) {\n        <mat-error class=\"error\">{{ error() }}</mat-error>\n      }\n    </form>\n  </main>\n\n  <footer>\n    <button ymtButton=\"secondary\" type=\"button\" (click)=\"close()\" [disabled]=\"busy()\">\n      {{ 'yuv.app.drive.action.rename.cancel' | translate }}\n    </button>\n    <button ymtButton=\"primary\" type=\"button\" (click)=\"rename()\" [disabled]=\"disabledSubmit()\">\n      {{ 'yuv.app.drive.action.rename.submit' | translate }}\n    </button>\n  </footer>\n</yuv-dialog>\n", styles: [":host{display:contents}:host .progress-bar{opacity:0}:host ymd-object-name{display:block;padding:var(--ymt-spacing-m)}:host.busy .progress-bar{opacity:1}:host main .error{color:var(--ymt-text-color-subtle);background-color:var(--ymt-surface-panel);border:1px solid var(--ymt-outline-variant);border-radius:.25rem;padding:var(--ymt-spacing-2xs) var(--ymt-spacing-xs);margin-block-start:var(--ymt-spacing-xs)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ObjectNameComponent, selector: "ymd-object-name", inputs: ["item", "disabled"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: DialogComponent, selector: "yuv-dialog", inputs: ["headertitel"] }, { kind: "directive", type: MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "directive", type: YmtButtonDirective, selector: "button[ymtButton], a[ymtButton]", inputs: ["ymtButton", "disabled", "aria-disabled", "disableRipple", "disabledInteractive", "button-size"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: RenameComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: RenameComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ymd-rename', standalone: true, imports: [CommonModule, ObjectNameComponent, ReactiveFormsModule, TranslateModule, DialogComponent, ...MATERIAL$1, YmtButtonDirective], host: {
                         '[class.busy]': 'busy()'
@@ -951,19 +918,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImpo
         }] });
 
 class RenameAction {
-    constructor() {
-        this.translate = inject(TranslateService$1);
-        this.#dialog = inject(MatDialog);
-        this.id = 'app.drive.action.rename';
-        this.label = this.translate.instant('yuv.app.drive.action.rename.label');
-        this.description = this.translate.instant('yuv.app.drive.action.rename.description');
-        this.priority = 2;
-        this.icon = 'ink_marker';
-        this.group = 'common';
-        this.range = SelectionRange.SINGLE_SELECT;
-        this.supports = {};
-    }
-    #dialog;
+    translate = inject(TranslateService$1);
+    #dialog = inject(MatDialog);
+    id = 'app.drive.action.rename';
+    label = this.translate.instant('yuv.app.drive.action.rename.label');
+    description = this.translate.instant('yuv.app.drive.action.rename.description');
+    priority = 2;
+    icon = 'ink_marker';
+    group = 'common';
+    range = SelectionRange.SINGLE_SELECT;
+    supports = {};
     isExecutable(selection) {
         return of(selection?.length === 1 && !!selection[0].permissions?.writeIndexData);
     }
@@ -978,22 +942,17 @@ class RenameAction {
 }
 
 class CopyLinkAction extends AbstractContextAction {
-    constructor() {
-        super(...arguments);
-        this.translate = inject(TranslateService$1);
-        this.#notification = inject(NotificationService);
-        this.#shell = inject(ShellService);
-        this.id = 'app.drive.action.copy-link';
-        this.label = this.translate.instant('yuv.app.drive.action.copy-link');
-        this.description = this.translate.instant('yuv.app.drive.action.copy-link.description');
-        this.priority = 2;
-        this.icon = 'prescriptions';
-        this.group = 'common';
-        this.range = SelectionRange.SINGLE_SELECT;
-        this.supports = {};
-    }
-    #notification;
-    #shell;
+    translate = inject(TranslateService$1);
+    #notification = inject(NotificationService);
+    #shell = inject(ShellService);
+    id = 'app.drive.action.copy-link';
+    label = this.translate.instant('yuv.app.drive.action.copy-link');
+    description = this.translate.instant('yuv.app.drive.action.copy-link.description');
+    priority = 2;
+    icon = 'prescriptions';
+    group = 'common';
+    range = SelectionRange.SINGLE_SELECT;
+    supports = {};
     isExecutable(selection) {
         return from(navigator.permissions.query({ name: 'clipboard-write' })).pipe(catchError(() => of({ state: 'denied' })), map((result) => (result.state === 'granted' || result.state === 'prompt') && selection.length === 1));
     }
@@ -1011,26 +970,19 @@ class CopyLinkAction extends AbstractContextAction {
 }
 
 class UpdateContentAction extends AbstractContextAction {
-    constructor() {
-        super(...arguments);
-        this.translate = inject(TranslateService$1);
-        this.#router = inject(Router);
-        this.#drive = inject(DriveService);
-        this.#document = inject(DOCUMENT);
-        this.#retention = inject(RetentionService);
-        this.id = 'app.drive.action.new.content.version';
-        this.label = this.translate.instant('yuv.app.drive.action.new.version');
-        this.description = this.translate.instant('yuv.app.drive.action.new.version.description');
-        this.priority = 2;
-        this.icon = 'upload_file';
-        this.group = 'common';
-        this.range = SelectionRange.SINGLE_SELECT;
-        this.supports = {};
-    }
-    #router;
-    #drive;
-    #document;
-    #retention;
+    translate = inject(TranslateService$1);
+    #router = inject(Router);
+    #drive = inject(DriveService);
+    #document = inject(DOCUMENT);
+    #retention = inject(RetentionService);
+    id = 'app.drive.action.new.content.version';
+    label = this.translate.instant('yuv.app.drive.action.new.version');
+    description = this.translate.instant('yuv.app.drive.action.new.version.description');
+    priority = 2;
+    icon = 'upload_file';
+    group = 'common';
+    range = SelectionRange.SINGLE_SELECT;
+    supports = {};
     isExecutable(selection) {
         const selected = selection[0];
         const canWrite = !!selected?.permissions?.writeContent;
@@ -1058,25 +1010,22 @@ class UpdateContentAction extends AbstractContextAction {
 }
 
 class CreateFolderComponent {
-    constructor() {
-        this.drive = inject(DriveService);
-        this.translate = inject(TranslateService);
-        this.#dialogRef = inject((MatDialogRef));
-        this.formComp = viewChild.required(ObjectNameComponent);
-        this.changedValue = signal(undefined);
-        this.disabledSubmit = linkedSignal({
-            source: this.changedValue,
-            computation: () => {
-                const name = this.formComp().nameForm.value.name;
-                return !name || this.busy() || this.disabled() || this.formComp().nameForm.invalid;
-            }
-        });
-        this.busy = signal(false);
-        this.error = signal(null);
-        this.disabled = signal(false);
-        this.message = signal(undefined);
-    }
-    #dialogRef;
+    drive = inject(DriveService);
+    translate = inject(TranslateService);
+    #dialogRef = inject((MatDialogRef));
+    formComp = viewChild.required(ObjectNameComponent);
+    changedValue = signal(undefined);
+    disabledSubmit = linkedSignal({
+        source: this.changedValue,
+        computation: () => {
+            const name = this.formComp().nameForm.value.name;
+            return !name || this.busy() || this.disabled() || this.formComp().nameForm.invalid;
+        }
+    });
+    busy = signal(false);
+    error = signal(null);
+    disabled = signal(false);
+    message = signal(undefined);
     ngAfterViewInit() {
         this.formComp().nameForm.valueChanges.subscribe((value) => {
             this.changedValue.set(value.name);
@@ -1109,10 +1058,10 @@ class CreateFolderComponent {
     close() {
         this.#dialogRef.close();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: CreateFolderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.12", type: CreateFolderComponent, isStandalone: true, selector: "ymd-create-folder", host: { properties: { "class.busy": "busy()" } }, viewQueries: [{ propertyName: "formComp", first: true, predicate: ObjectNameComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<yuv-dialog [headertitel]=\"'yuv.app.drive.folder.create.headline' | translate\">\n  <main>\n    <mat-progress-bar mode=\"indeterminate\" class=\"progress-bar\"></mat-progress-bar>\n    <form [formGroup]=\"formComp().nameForm\">\n      <ymd-object-name></ymd-object-name>\n\n      @if (error()) {\n        <mat-error class=\"error\">{{ error() }}</mat-error>\n      }\n      @if (message()) {\n        <mat-error class=\"message\">{{ message() }}</mat-error>\n      }\n    </form>\n  </main>\n\n  <footer>\n    <button ymtButton=\"secondary\" type=\"button\" (click)=\"close()\" [disabled]=\"busy()\">\n      {{ 'yuv.app.drive.action.rename.cancel' | translate }}\n    </button>\n    <button ymtButton=\"primary\" type=\"button\" (click)=\"createFolder()\" [disabled]=\"disabledSubmit()\">\n      {{ 'yuv.app.drive.folder.create.submit' | translate }}\n    </button>\n  </footer>\n</yuv-dialog>\n", styles: [":host{display:contents}:host .progress-bar{inset-inline-start:0;inset-inline-end:0;inset-block-start:0;opacity:0}:host ymd-object-name{display:block;padding:var(--ymt-spacing-m)}:host.busy .progress-bar{opacity:1}:host .error{color:var(--ymt-text-color-subtle);background-color:var(--ymt-surface-panel);border:1px solid var(--ymt-outline-variant);border-radius:.25rem;padding:var(--ymt-spacing-2xs) var(--ymt-spacing-xs);margin-block-start:var(--ymt-spacing-xs)}:host .message{padding:var(--ymt-spacing-m);background-color:var(--ymt-surface-panel);border-block-start:1px solid var(--ymt-outline-variant)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ObjectNameComponent, selector: "ymd-object-name", inputs: ["item", "disabled"] }, { kind: "component", type: DialogComponent, selector: "yuv-dialog", inputs: ["headertitel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "directive", type: MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "directive", type: YmtButtonDirective, selector: "button[ymtButton], a[ymtButton]", inputs: ["ymtButton", "disabled", "aria-disabled", "disableRipple", "disabledInteractive", "button-size"] }] }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CreateFolderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: CreateFolderComponent, isStandalone: true, selector: "ymd-create-folder", host: { properties: { "class.busy": "busy()" } }, viewQueries: [{ propertyName: "formComp", first: true, predicate: ObjectNameComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<yuv-dialog [headertitel]=\"'yuv.app.drive.folder.create.headline' | translate\">\n  <main>\n    <mat-progress-bar mode=\"indeterminate\" class=\"progress-bar\"></mat-progress-bar>\n    <form [formGroup]=\"formComp().nameForm\">\n      <ymd-object-name></ymd-object-name>\n\n      @if (error()) {\n        <mat-error class=\"error\">{{ error() }}</mat-error>\n      }\n      @if (message()) {\n        <mat-error class=\"message\">{{ message() }}</mat-error>\n      }\n    </form>\n  </main>\n\n  <footer>\n    <button ymtButton=\"secondary\" type=\"button\" (click)=\"close()\" [disabled]=\"busy()\">\n      {{ 'yuv.app.drive.action.rename.cancel' | translate }}\n    </button>\n    <button ymtButton=\"primary\" type=\"button\" (click)=\"createFolder()\" [disabled]=\"disabledSubmit()\">\n      {{ 'yuv.app.drive.folder.create.submit' | translate }}\n    </button>\n  </footer>\n</yuv-dialog>\n", styles: [":host{display:contents}:host .progress-bar{inset-inline-start:0;inset-inline-end:0;inset-block-start:0;opacity:0}:host ymd-object-name{display:block;padding:var(--ymt-spacing-m)}:host.busy .progress-bar{opacity:1}:host .error{color:var(--ymt-text-color-subtle);background-color:var(--ymt-surface-panel);border:1px solid var(--ymt-outline-variant);border-radius:.25rem;padding:var(--ymt-spacing-2xs) var(--ymt-spacing-xs);margin-block-start:var(--ymt-spacing-xs)}:host .message{padding:var(--ymt-spacing-m);background-color:var(--ymt-surface-panel);border-block-start:1px solid var(--ymt-outline-variant)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ObjectNameComponent, selector: "ymd-object-name", inputs: ["item", "disabled"] }, { kind: "component", type: DialogComponent, selector: "yuv-dialog", inputs: ["headertitel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "directive", type: MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "directive", type: YmtButtonDirective, selector: "button[ymtButton], a[ymtButton]", inputs: ["ymtButton", "disabled", "aria-disabled", "disableRipple", "disabledInteractive", "button-size"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: CreateFolderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CreateFolderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ymd-create-folder', standalone: true, imports: [CommonModule, ObjectNameComponent, DialogComponent, ReactiveFormsModule, TranslateModule, MatError, MatProgressBar, YmtButtonDirective], host: {
                         '[class.busy]': 'busy()'
@@ -1120,36 +1069,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImpo
         }] });
 
 class AddButtonComponent {
-    constructor() {
-        this.#drive = inject(DriveService);
-        this.#shell = inject(ShellService);
-        this.#dialog = inject(MatDialog);
-        this.#user = inject(UserService);
-        this.translate = inject(TranslateService);
-        this.fileInput = viewChild.required('fileInput');
-        this.popoverOpen = false;
-        this.disabled = input(false);
-        this.icons = {
-            folder: APP_DRIVE_ICONS.createFolder,
-            file: APP_DRIVE_ICONS.createFile
-        };
-        this.defaultItems = [
-            { icon: this.icons.folder, label: this.translate.instant('yuv.app.drive.create.folder') },
-            { icon: this.icons.file, label: this.translate.instant('yuv.app.drive.create.file') }
-        ];
-        this.flavorListItems = this.#shell.getObjectCreateFlavors().filter(flavor => {
-            const createSOTPermissions = this.#user.userPermissions?.create.secondaryObjectTypes;
-            return !createSOTPermissions || !!(!flavor.sot || flavor.sot && createSOTPermissions?.includes(flavor.sot));
-        }).map((flavor) => ({
-            label: this.translate.instant(flavor.id),
-            flavor
-        }));
-    }
-    #drive;
-    #shell;
-    #dialog;
-    #user;
+    #drive = inject(DriveService);
+    #shell = inject(ShellService);
+    #dialog = inject(MatDialog);
+    translate = inject(TranslateService);
+    fileInput = viewChild.required('fileInput');
+    popoverOpen = false;
+    disabled = input(false);
     #uploadTargetFlavor;
+    icons = {
+        folder: APP_DRIVE_ICONS.createFolder,
+        file: APP_DRIVE_ICONS.createFile
+    };
+    defaultItems = [
+        { icon: this.icons.folder, label: this.translate.instant('yuv.app.drive.create.folder') },
+        { icon: this.icons.file, label: this.translate.instant('yuv.app.drive.create.file') }
+    ];
+    flavorListItems = this.#shell.getObjectCreateFlavors().map((flavor) => ({
+        label: this.translate.instant(flavor.id),
+        flavor
+    }));
     onSelect(idx, isCreateFlavor = false) {
         if (isCreateFlavor) {
             this.startCreateDocument();
@@ -1211,10 +1150,10 @@ class AddButtonComponent {
                 .add(() => this.#drive.setBusy(false));
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: AddButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.12", type: AddButtonComponent, isStandalone: true, selector: "ymd-add-button", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.popover": "this.popoverOpen" } }, viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true, isSignal: true }], ngImport: i0, template: "<button mat-mini-fab [attr.aria-label]=\"'yuv.app.drive.create.label' | translate\" class=\"toggle primary\" [disabled]=\"disabled()\" [matMenuTriggerFor]=\"menu\">\n  <mat-icon>add</mat-icon>\n</button>\n\n<mat-menu #menu=\"matMenu\" class=\"add-button-menu\">\n  @for (i of defaultItems; track $index) {\n    <button mat-menu-item (click)=\"onSelect($index)\">\n      <mat-icon>{{i.icon}}</mat-icon>\n      {{ i.label }}\n    </button>\n  }\n  <!-- Upload file with flavor -->\n  @for (f of flavorListItems; track f.flavor.id) {\n    <button mat-menu-item class=\"flavor\" (click)=\"onSelect($index, true)\">\n      <mat-icon>{{f.flavor.icon}}</mat-icon>\n      {{ f.label }}\n    </button>\n  }\n</mat-menu>\n\n<input style=\"display: none\" multiple=\"true\" #fileInput type=\"file\" (change)=\"createDocument(fileInput)\" />\n", styles: [".add-button-menu{border:1px solid var(--ymt-primary-container)}.add-button-menu{--mat-menu-container-color: var(--ymt-primary-container)}.add-button-menu{--mat-menu-item-hover-state-layer-color: color-mix(in srgb, var(--ymt-primary) calc(var(--mat-sys-hover-state-layer-opacity) * 100%), transparent)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i2$2.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i2$2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i2$2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatMiniFabButton, selector: "button[mat-mini-fab]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AddButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: AddButtonComponent, isStandalone: true, selector: "ymd-add-button", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.popover": "this.popoverOpen" } }, viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true, isSignal: true }], ngImport: i0, template: "<button mat-mini-fab [attr.aria-label]=\"'yuv.app.drive.create.label' | translate\" class=\"toggle primary\" [disabled]=\"disabled()\" [matMenuTriggerFor]=\"menu\">\n  <mat-icon>add</mat-icon>\n</button>\n\n<mat-menu #menu=\"matMenu\" class=\"add-button-menu\">\n  @for (i of defaultItems; track $index) {\n    <button mat-menu-item (click)=\"onSelect($index)\">\n      <mat-icon>{{i.icon}}</mat-icon>\n      {{ i.label }}\n    </button>\n  }\n  <!-- Upload file with flavor -->\n  @for (f of flavorListItems; track f.flavor.id) {\n    <button mat-menu-item class=\"flavor\" (click)=\"onSelect($index, true)\">\n      <mat-icon>{{f.flavor.icon}}</mat-icon>\n      {{ f.label }}\n    </button>\n  }\n</mat-menu>\n\n<input style=\"display: none\" multiple=\"true\" #fileInput type=\"file\" (change)=\"createDocument(fileInput)\" />\n", styles: [".add-button-menu{border:1px solid var(--ymt-primary-container)}.add-button-menu{--mat-menu-container-color: var(--ymt-primary-container)}.add-button-menu{--mat-menu-item-hover-state-layer-color: color-mix(in srgb, var(--ymt-primary) calc(var(--mat-sys-hover-state-layer-opacity) * 100%), transparent)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i2$2.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i2$2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i2$2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatMiniFabButton, selector: "button[mat-mini-fab]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: AddButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AddButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ymd-add-button', standalone: true, imports: [CommonModule, TranslateModule, MatMenuModule, MatButtonModule, MatIconModule], encapsulation: ViewEncapsulation.None, template: "<button mat-mini-fab [attr.aria-label]=\"'yuv.app.drive.create.label' | translate\" class=\"toggle primary\" [disabled]=\"disabled()\" [matMenuTriggerFor]=\"menu\">\n  <mat-icon>add</mat-icon>\n</button>\n\n<mat-menu #menu=\"matMenu\" class=\"add-button-menu\">\n  @for (i of defaultItems; track $index) {\n    <button mat-menu-item (click)=\"onSelect($index)\">\n      <mat-icon>{{i.icon}}</mat-icon>\n      {{ i.label }}\n    </button>\n  }\n  <!-- Upload file with flavor -->\n  @for (f of flavorListItems; track f.flavor.id) {\n    <button mat-menu-item class=\"flavor\" (click)=\"onSelect($index, true)\">\n      <mat-icon>{{f.flavor.icon}}</mat-icon>\n      {{ f.label }}\n    </button>\n  }\n</mat-menu>\n\n<input style=\"display: none\" multiple=\"true\" #fileInput type=\"file\" (change)=\"createDocument(fileInput)\" />\n", styles: [".add-button-menu{border:1px solid var(--ymt-primary-container)}.add-button-menu{--mat-menu-container-color: var(--ymt-primary-container)}.add-button-menu{--mat-menu-item-hover-state-layer-color: color-mix(in srgb, var(--ymt-primary) calc(var(--mat-sys-hover-state-layer-opacity) * 100%), transparent)}\n"] }]
         }], propDecorators: { popoverOpen: [{
@@ -1223,24 +1162,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImpo
             }] } });
 
 class BreadcrumbComponent {
-    constructor() {
-        this.#drive = inject(DriveService);
-        this.#router = inject(Router);
-        this.#dir = inject(Directionality);
-        this.route = inject(ActivatedRoute);
-        this.homeIcon = APP_DRIVE_ICONS.home;
-        this.breadcrumb = this.#drive.state$.breadcrumb;
-        this.items = viewChildren(ListItemDirective);
-        this.#itemsEffect = effect(() => {
-            const i = this.items();
-            if (this.#keyManager)
-                this.#keyManager.destroy();
-            this.#keyManager = new ActiveDescendantKeyManager(i).withWrap().withHorizontalOrientation(this.#dir.value);
-        });
-    }
-    #drive;
-    #router;
-    #dir;
+    #drive = inject(DriveService);
+    #router = inject(Router);
+    #dir = inject(Directionality);
+    route = inject(ActivatedRoute);
     onBlur() {
         this.#keyManager.setActiveItem(-1);
     }
@@ -1255,7 +1180,15 @@ class BreadcrumbComponent {
             this.#keyManager?.onKeydown(event);
     }
     #keyManager;
-    #itemsEffect;
+    homeIcon = APP_DRIVE_ICONS.home;
+    breadcrumb = this.#drive.state$.breadcrumb;
+    items = viewChildren(ListItemDirective);
+    #itemsEffect = effect(() => {
+        const i = this.items();
+        if (this.#keyManager)
+            this.#keyManager.destroy();
+        this.#keyManager = new ActiveDescendantKeyManager(i).withWrap().withHorizontalOrientation(this.#dir.value);
+    });
     navigation(id, event) {
         event && event.preventDefault();
         const nav = ['..'];
@@ -1265,10 +1198,10 @@ class BreadcrumbComponent {
     ngOnDestroy() {
         this.#keyManager?.destroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: BreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.12", type: BreadcrumbComponent, isStandalone: true, selector: "ymd-breadcrumb", host: { listeners: { "blur": "onBlur()", "keydown": "onKeydown($event)" }, classAttribute: "breadcrumb" }, viewQueries: [{ propertyName: "items", predicate: ListItemDirective, descendants: true, isSignal: true }], ngImport: i0, template: "@let bread = breadcrumb();\n\n<nav class=\"breadcrumb\" aria-label=\"breadcrumb\">\n  <ol class=\"breadcrumb__list\">\n    @if (bread.items.length) {\n      <li class=\"breadcrumb__list-item breadcrumb__list-item--root\">\n        <a class=\"breadcrumb__list-item-anchor breadcrumb__list-item-anchor--root\" mat-icon-button disableRipple tabindex=\"-1\" yuvListItem draggable=\"false\" href=\"\" (click)=\"navigation('root', $event)\">\n          <mat-icon [attr.aria-label]=\"'yuv.app.drive.folder-tree.mydrive' | translate\">{{ homeIcon }}</mat-icon>\n        </a>\n      </li>\n\n\n\n      <li class=\"breadcrumb__list-item breadcrumb__list-item--last\" yuvDragScroll>\n        @if (bread.partial) {\n          <div class=\"partial\" aria-hidden=\"true\"></div>\n        }\n\n        <ol class=\"breadcrumb__list\">\n          @for (crumb of bread.items; track $index) {\n            @if (!$last) {\n              <li class=\"breadcrumb__list-item\">\n                <a class=\"breadcrumb__list-item-anchor\" tabindex=\"-1\" yuvListItem draggable=\"false\" href=\"\" (click)=\"navigation(crumb.id, $event)\">\n                  {{ crumb.name }}\n                </a>\n              </li>\n            } @else {\n              <li class=\"breadcrumb__list-item  breadcrumb__list-item--current\" aria-current=\"location\">{{ crumb.name }}</li>\n            }\n          }\n        </ol>\n      </li>\n    } @else {\n      <li class=\"breadcrumb__list-item breadcrumb__list-item--current breadcrumb__list-item--root\" aria-current=\"location\">\n        <button mat-icon-button disabled class=\"breadcrumb__list-item-anchor  breadcrumb__list-item-anchor--root\">\n          <mat-icon>{{ homeIcon }}</mat-icon>\n        </button>\n      </li>\n    }\n  </ol>\n</nav>\n", styles: [":host{font:var(--ymt-font-body-subtle);color:var(--ymt-on-surface)}.breadcrumb{overflow:hidden;display:flex;align-items:center}.breadcrumb__list{list-style:none;margin:0;padding:0;align-items:center;display:flex;flex-wrap:nowrap}.breadcrumb__list-item{align-items:center;display:flex;white-space:nowrap}.breadcrumb__list-item:after{content:\"chevron_right\";font-family:Material Symbols Sharp,serif;font-weight:400;font-style:normal;font-size:20px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:\"liga\";-webkit-font-smoothing:antialiased}.breadcrumb__list-item--current:after,.breadcrumb__list-item--last:after{content:none}.breadcrumb__list-item--current:not(.breadcrumb__list-item--root){padding:var(--ymt-spacing-2xs)}.breadcrumb__list-item-anchor:not(.breadcrumb__list-item-anchor--root){padding:var(--ymt-spacing-2xs)}.breadcrumb__list-item-anchor:not(.breadcrumb__list-item-anchor--root):hover:before{content:\"\";inset:0;position:absolute;pointer-events:none;border-radius:inherit;background-color:var(--ymt-on-surface);opacity:var(--ymt-hover-state-layer-opacity)}.breadcrumb__list-item-anchor:not(.breadcrumb__list-item-anchor--root)[aria-current=true]{outline-offset:var(--ymt-focus-indicator-size);outline:var(--ymt-focus-indicator-outer) solid var(--ymt-focus-indicator-size);box-shadow:0 0 0 var(--ymt-focus-indicator-size) var(--ymt-focus-indicator-inner)}.breadcrumb__list-item-anchor{white-space:nowrap;border-radius:var(--ymt-corner-extra-small);text-decoration:none;position:relative;margin:calc(var(--ymt-focus-indicator-size) * 2)}.breadcrumb__list-item-anchor:not(:disabled){color:var(--ymt-on-surface)}nav>.breadcrumb__list{overflow:hidden}nav>.breadcrumb__list li[ymtDragScroll]{overflow-x:auto;--ymt-scrollbar-outer-size: 0px;--ymt-scrollbar-inner-size: 0px}.partial:after{content:\"...\";display:block;padding:var(--ymt-spacing-2xs)}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: YuvListModule }, { kind: "directive", type: i5.ListItemDirective, selector: "[yuvListItem]", inputs: ["disabled", "active", "selected"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatIconAnchor, selector: "a[mat-icon-button]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: YuvCommonModule }, { kind: "directive", type: i3$1.DragScrollDirective, selector: "[yuvDragScroll]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: BreadcrumbComponent, isStandalone: true, selector: "ymd-breadcrumb", host: { listeners: { "blur": "onBlur()", "keydown": "onKeydown($event)" }, classAttribute: "breadcrumb" }, viewQueries: [{ propertyName: "items", predicate: ListItemDirective, descendants: true, isSignal: true }], ngImport: i0, template: "@let bread = breadcrumb();\n\n<nav class=\"breadcrumb\" aria-label=\"breadcrumb\">\n  <ol class=\"breadcrumb__list\">\n    @if (bread.items.length) {\n      <li class=\"breadcrumb__list-item breadcrumb__list-item--root\">\n        <a class=\"breadcrumb__list-item-anchor breadcrumb__list-item-anchor--root\" mat-icon-button disableRipple tabindex=\"-1\" yuvListItem draggable=\"false\" href=\"\" (click)=\"navigation('root', $event)\">\n          <mat-icon [attr.aria-label]=\"'yuv.app.drive.folder-tree.mydrive' | translate\">{{ homeIcon }}</mat-icon>\n        </a>\n      </li>\n\n\n\n      <li class=\"breadcrumb__list-item breadcrumb__list-item--last\" yuvDragScroll>\n        @if (bread.partial) {\n          <div class=\"partial\" aria-hidden=\"true\"></div>\n        }\n\n        <ol class=\"breadcrumb__list\">\n          @for (crumb of bread.items; track $index) {\n            @if (!$last) {\n              <li class=\"breadcrumb__list-item\">\n                <a class=\"breadcrumb__list-item-anchor\" tabindex=\"-1\" yuvListItem draggable=\"false\" href=\"\" (click)=\"navigation(crumb.id, $event)\">\n                  {{ crumb.name }}\n                </a>\n              </li>\n            } @else {\n              <li class=\"breadcrumb__list-item  breadcrumb__list-item--current\" aria-current=\"location\">{{ crumb.name }}</li>\n            }\n          }\n        </ol>\n      </li>\n    } @else {\n      <li class=\"breadcrumb__list-item breadcrumb__list-item--current breadcrumb__list-item--root\" aria-current=\"location\">\n        <button mat-icon-button disabled class=\"breadcrumb__list-item-anchor  breadcrumb__list-item-anchor--root\">\n          <mat-icon>{{ homeIcon }}</mat-icon>\n        </button>\n      </li>\n    }\n  </ol>\n</nav>\n", styles: [":host{font:var(--ymt-font-body-subtle);color:var(--ymt-on-surface)}.breadcrumb{overflow:hidden;display:flex;align-items:center}.breadcrumb__list{list-style:none;margin:0;padding:0;align-items:center;display:flex;flex-wrap:nowrap}.breadcrumb__list-item{align-items:center;display:flex;white-space:nowrap}.breadcrumb__list-item:after{content:\"chevron_right\";font-family:Material Symbols Sharp,serif;font-weight:400;font-style:normal;font-size:20px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:\"liga\";-webkit-font-smoothing:antialiased}.breadcrumb__list-item--current:after,.breadcrumb__list-item--last:after{content:none}.breadcrumb__list-item--current:not(.breadcrumb__list-item--root){padding:var(--ymt-spacing-2xs)}.breadcrumb__list-item-anchor:not(.breadcrumb__list-item-anchor--root){padding:var(--ymt-spacing-2xs)}.breadcrumb__list-item-anchor:not(.breadcrumb__list-item-anchor--root):hover:before{content:\"\";inset:0;position:absolute;pointer-events:none;border-radius:inherit;background-color:var(--ymt-on-surface);opacity:var(--ymt-hover-state-layer-opacity)}.breadcrumb__list-item-anchor:not(.breadcrumb__list-item-anchor--root)[aria-current=true]{outline-offset:var(--ymt-focus-indicator-size);outline:var(--ymt-focus-indicator-outer) solid var(--ymt-focus-indicator-size);box-shadow:0 0 0 var(--ymt-focus-indicator-size) var(--ymt-focus-indicator-inner)}.breadcrumb__list-item-anchor{white-space:nowrap;border-radius:var(--ymt-corner-extra-small);text-decoration:none;position:relative;margin:calc(var(--ymt-focus-indicator-size) * 2)}.breadcrumb__list-item-anchor:not(:disabled){color:var(--ymt-on-surface)}nav>.breadcrumb__list{overflow:hidden}nav>.breadcrumb__list li[ymtDragScroll]{overflow-x:auto;--ymt-scrollbar-outer-size: 0px;--ymt-scrollbar-inner-size: 0px}.partial:after{content:\"...\";display:block;padding:var(--ymt-spacing-2xs)}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: YuvListModule }, { kind: "directive", type: i5.ListItemDirective, selector: "[yuvListItem]", inputs: ["disabled", "active", "selected"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatIconAnchor, selector: "a[mat-icon-button]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: YuvCommonModule }, { kind: "directive", type: i3$1.DragScrollDirective, selector: "[yuvDragScroll]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: BreadcrumbComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BreadcrumbComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ymd-breadcrumb', standalone: true, imports: [TranslateModule, YuvListModule, MatIcon, MatIconAnchor, MatIconButton, YuvCommonModule], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'breadcrumb'
@@ -1306,52 +1239,45 @@ const STORED_QUERIES = {
 };
 
 class FolderTreeComponent {
-    constructor() {
-        this.#translate = inject(TranslateService);
-        this.#router = inject(Router);
-        this.#route = inject(ActivatedRoute);
-        this.#shell = inject(ShellService);
-        this.tree = viewChild('tree');
-        this.treeNodePaddingIndent = 40;
-        this.#app = this.#shell.getApp(APP_ID);
-        this.dataSource = [
-            {
-                id: 'mydrive',
-                name: this.#translate.instant('yuv.app.drive.folder-tree.mydrive'),
-                icon: this.#app?.iconName,
-                children: [
-                    // {
-                    //   id: 'ymsq.ymd.recent.added',
-                    //   name: this.translate.instant('ymsq.ymd.recent.added')
-                    // },
-                    {
-                        id: 'ymsq.ymd.recent.added.by.me',
-                        name: this.#translate.instant('ymsq.ymd.recent.added.by.me')
-                    },
-                    // {
-                    //   id: 'ymsq.ymd.recent.modified',
-                    //   name: this.translate.instant('ymsq.ymd.recent.modified')
-                    // },
-                    {
-                        id: 'ymsq.ymd.recent.modified.by.me',
-                        name: this.#translate.instant('ymsq.ymd.recent.modified.by.me')
-                    }
-                ]
-            }
-        ];
-        this.currentPage = this.dataSource[0].id;
-        this.childrenAccessor = (node) => node.children ?? [];
-        this.hasChild = (_, node) => !!node.children && node.children.length > 0;
-    }
-    #translate;
-    #router;
-    #route;
-    #shell;
-    #app;
+    #translate = inject(TranslateService);
+    #router = inject(Router);
+    #route = inject(ActivatedRoute);
+    #shell = inject(ShellService);
+    tree = viewChild('tree');
+    treeNodePaddingIndent = 40;
+    #app = this.#shell.getApp(APP_ID);
+    dataSource = [
+        {
+            id: 'mydrive',
+            name: this.#translate.instant('yuv.app.drive.folder-tree.mydrive'),
+            icon: this.#app?.iconName,
+            children: [
+                // {
+                //   id: 'ymsq.ymd.recent.added',
+                //   name: this.translate.instant('ymsq.ymd.recent.added')
+                // },
+                {
+                    id: 'ymsq.ymd.recent.added.by.me',
+                    name: this.#translate.instant('ymsq.ymd.recent.added.by.me')
+                },
+                // {
+                //   id: 'ymsq.ymd.recent.modified',
+                //   name: this.translate.instant('ymsq.ymd.recent.modified')
+                // },
+                {
+                    id: 'ymsq.ymd.recent.modified.by.me',
+                    name: this.#translate.instant('ymsq.ymd.recent.modified.by.me')
+                }
+            ]
+        }
+    ];
+    currentPage = this.dataSource[0].id;
     ngAfterViewInit() {
         const nodeToExpand = this.dataSource.find(({ id }) => id === 'mydrive');
         nodeToExpand && this.tree()?.expandDescendants(nodeToExpand);
     }
+    childrenAccessor = (node) => node.children ?? [];
+    hasChild = (_, node) => !!node.children && node.children.length > 0;
     routeChange(node) {
         /*
          * Note: This implementation listens only to click/keydown events on the items in the tree itself. If you trigger route change
@@ -1397,27 +1323,25 @@ class FolderTreeComponent {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: FolderTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.12", type: FolderTreeComponent, isStandalone: true, selector: "ymd-folder-tree", viewQueries: [{ propertyName: "tree", first: true, predicate: ["tree"], descendants: true, isSignal: true }], ngImport: i0, template: "<nav aria-label=\"Navigation\">\n  <mat-tree class=\"folder-tree\" #tree [dataSource]=\"dataSource\" [childrenAccessor]=\"childrenAccessor\">\n    <mat-tree-node\n      class=\"folder-tree__node\"\n      *matTreeNodeDef=\"let node\"\n      matTreeNodePadding\n      [matTreeNodePaddingIndent]=\"treeNodePaddingIndent\"\n      [isExpandable]=\"false\"\n      [attr.aria-current]=\"currentPage === node.id ? 'page' : null\"\n      [attr.aria-label]=\"'Go to page: ' + node.name\"\n      (click)=\"routeChange(node)\"\n      (keydown.enter)=\"routeChange(node)\"\n      (keydown.space)=\"routeChange(node)\"\n    >\n      <div class=\"folder-tree__item-icon\" *ngIf=\"node.icon\">\n        <mat-icon class=\"ymt-icon--size-s\">{{ node.icon }}</mat-icon>\n      </div>\n      <span class=\"folder-tree__item\">{{ node.name }}</span>\n    </mat-tree-node>\n\n    <mat-tree-node\n      class=\"folder-tree__node\"\n      *matTreeNodeDef=\"let node; when: hasChild\"\n      matTreeNodeToggle\n      matTreeNodePadding\n      [matTreeNodePaddingIndent]=\"treeNodePaddingIndent\"\n      [isExpandable]=\"true\"\n      [isExpanded]=\"tree.isExpanded(node)\"\n      [attr.aria-current]=\"currentPage === node.id ? 'page' : null\"\n      [attr.aria-label]=\"'Toggle and Go to page: ' + node.name\"\n      (activation)=\"routeChange($event)\"\n    >\n      <button ymt-icon-button icon-button-size=\"small\"  tabindex=\"-1\">\n        <mat-icon class=\"ymt-icon--size-s\">\n          {{ tree.isExpanded(node) ? 'expand_more' : 'chevron_right' }}\n        </mat-icon>\n      </button>\n      <div class=\"folder-tree__item-icon\" *ngIf=\"node.icon\">\n        <mat-icon class=\"ymt-icon--size-s\">{{ node.icon }}</mat-icon>\n      </div>\n      <a class=\"folder-tree__item\" tabindex=\"-1\" (click)=\"routeChange(node); $event.stopPropagation()\">{{ node.name }}</a>\n    </mat-tree-node>\n  </mat-tree>\n</nav>\n", styles: [".folder-tree__item-icon{width:var(--ymt-sizing-l);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}.folder-tree__item{all:unset;cursor:pointer;flex:1;align-self:stretch;display:flex;align-items:center}.folder-tree__node{cursor:pointer;transition:color .2s ease-in-out;gap:var(--ymt-spacing-s);margin-block-end:var(--ymt-spacing-2xs)}.folder-tree__node:hover{color:var(--ymt-primary)}.folder-tree__node:focus-visible{outline-offset:var(--ymt-focus-indicator-size);outline:var(--ymt-focus-indicator-outer) solid var(--ymt-focus-indicator-size);box-shadow:0 0 0 var(--ymt-focus-indicator-size) var(--ymt-focus-indicator-inner)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: MatTreeModule }, { kind: "directive", type: i2$3.MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { kind: "directive", type: i2$3.MatTreeNodePadding, selector: "[matTreeNodePadding]", inputs: ["matTreeNodePadding", "matTreeNodePaddingIndent"] }, { kind: "directive", type: i2$3.MatTreeNodeToggle, selector: "[matTreeNodeToggle]", inputs: ["matTreeNodeToggleRecursive"] }, { kind: "component", type: i2$3.MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { kind: "directive", type: i2$3.MatTreeNode, selector: "mat-tree-node", inputs: ["tabIndex", "disabled"], outputs: ["activation", "expandedChange"], exportAs: ["matTreeNode"] }, { kind: "component", type: 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 ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FolderTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.15", type: FolderTreeComponent, isStandalone: true, selector: "ymd-folder-tree", viewQueries: [{ propertyName: "tree", first: true, predicate: ["tree"], descendants: true, isSignal: true }], ngImport: i0, template: "<nav aria-label=\"Navigation\">\n  <mat-tree class=\"folder-tree\" #tree [dataSource]=\"dataSource\" [childrenAccessor]=\"childrenAccessor\">\n    <mat-tree-node\n      class=\"folder-tree__node\"\n      *matTreeNodeDef=\"let node\"\n      matTreeNodePadding\n      [matTreeNodePaddingIndent]=\"treeNodePaddingIndent\"\n      [isExpandable]=\"false\"\n      [attr.aria-current]=\"currentPage === node.id ? 'page' : null\"\n      [attr.aria-label]=\"'Go to page: ' + node.name\"\n      (click)=\"routeChange(node)\"\n      (keydown.enter)=\"routeChange(node)\"\n      (keydown.space)=\"routeChange(node)\"\n    >\n      <div class=\"folder-tree__item-icon\" *ngIf=\"node.icon\">\n        <mat-icon class=\"ymt-icon--size-s\">{{ node.icon }}</mat-icon>\n      </div>\n      <span class=\"folder-tree__item\">{{ node.name }}</span>\n    </mat-tree-node>\n\n    <mat-tree-node\n      class=\"folder-tree__node\"\n      *matTreeNodeDef=\"let node; when: hasChild\"\n      matTreeNodeToggle\n      matTreeNodePadding\n      [matTreeNodePaddingIndent]=\"treeNodePaddingIndent\"\n      [isExpandable]=\"true\"\n      [isExpanded]=\"tree.isExpanded(node)\"\n      [attr.aria-current]=\"currentPage === node.id ? 'page' : null\"\n      [attr.aria-label]=\"'Toggle and Go to page: ' + node.name\"\n      (activation)=\"routeChange($event)\"\n    >\n      <button ymt-icon-button icon-button-size=\"small\"  tabindex=\"-1\">\n        <mat-icon class=\"ymt-icon--size-s\">\n          {{ tree.isExpanded(node) ? 'expand_more' : 'chevron_right' }}\n        </mat-icon>\n      </button>\n      <div class=\"folder-tree__item-icon\" *ngIf=\"node.icon\">\n        <mat-icon class=\"ymt-icon--size-s\">{{ node.icon }}</mat-icon>\n      </div>\n      <a class=\"folder-tree__item\" tabindex=\"-1\" (click)=\"routeChange(node); $event.stopPropagation()\">{{ node.name }}</a>\n    </mat-tree-node>\n  </mat-tree>\n</nav>\n", styles: [".folder-tree__item-icon{width:var(--ymt-sizing-l);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}.folder-tree__item{all:unset;cursor:pointer;flex:1;align-self:stretch;display:flex;align-items:center}.folder-tree__node{cursor:pointer;transition:color .2s ease-in-out;gap:var(--ymt-spacing-s);margin-block-end:var(--ymt-spacing-2xs)}.folder-tree__node:hover{color:var(--ymt-primary)}.folder-tree__node:focus-visible{outline-offset:var(--ymt-focus-indicator-size);outline:var(--ymt-focus-indicator-outer) solid var(--ymt-focus-indicator-size);box-shadow:0 0 0 var(--ymt-focus-indicator-size) var(--ymt-focus-indicator-inner)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: MatTreeModule }, { kind: "directive", type: i2$3.MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { kind: "directive", type: i2$3.MatTreeNodePadding, selector: "[matTreeNodePadding]", inputs: ["matTreeNodePadding", "matTreeNodePaddingIndent"] }, { kind: "directive", type: i2$3.MatTreeNodeToggle, selector: "[matTreeNodeToggle]", inputs: ["matTreeNodeToggleRecursive"] }, { kind: "component", type: i2$3.MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { kind: "directive", type: i2$3.MatTreeNode, selector: "mat-tree-node", inputs: ["tabIndex", "disabled"], outputs: ["activation", "expandedChange"], exportAs: ["matTreeNode"] }, { kind: "component", type: 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"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: FolderTreeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FolderTreeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ymd-folder-tree', standalone: true, imports: [CommonModule, RouterModule, TranslateModule, MatTreeModule, MatIcon, YmtIconButtonDirective], template: "<nav aria-label=\"Navigation\">\n  <mat-tree class=\"folder-tree\" #tree [dataSource]=\"dataSource\" [childrenAccessor]=\"childrenAccessor\">\n    <mat-tree-node\n      class=\"folder-tree__node\"\n      *matTreeNodeDef=\"let node\"\n      matTreeNodePadding\n      [matTreeNodePaddingIndent]=\"treeNodePaddingIndent\"\n      [isExpandable]=\"false\"\n      [attr.aria-current]=\"currentPage === node.id ? 'page' : null\"\n      [attr.aria-label]=\"'Go to page: ' + node.name\"\n      (click)=\"routeChange(node)\"\n      (keydown.enter)=\"routeChange(node)\"\n      (keydown.space)=\"routeChange(node)\"\n    >\n      <div class=\"folder-tree__item-icon\" *ngIf=\"node.icon\">\n        <mat-icon class=\"ymt-icon--size-s\">{{ node.icon }}</mat-icon>\n      </div>\n      <span class=\"folder-tree__item\">{{ node.name }}</span>\n    </mat-tree-node>\n\n    <mat-tree-node\n      class=\"folder-tree__node\"\n      *matTreeNodeDef=\"let node; when: hasChild\"\n      matTreeNodeToggle\n      matTreeNodePadding\n      [matTreeNodePaddingIndent]=\"treeNodePaddingIndent\"\n      [isExpandable]=\"true\"\n      [isExpanded]=\"tree.isExpanded(node)\"\n      [attr.aria-current]=\"currentPage === node.id ? 'page' : null\"\n      [attr.aria-label]=\"'Toggle and Go to page: ' + node.name\"\n      (activation)=\"routeChange($event)\"\n    >\n      <button ymt-icon-button icon-button-size=\"small\"  tabindex=\"-1\">\n        <mat-icon class=\"ymt-icon--size-s\">\n          {{ tree.isExpanded(node) ? 'expand_more' : 'chevron_right' }}\n        </mat-icon>\n      </button>\n      <div class=\"folder-tree__item-icon\" *ngIf=\"node.icon\">\n        <mat-icon class=\"ymt-icon--size-s\">{{ node.icon }}</mat-icon>\n      </div>\n      <a class=\"folder-tree__item\" tabindex=\"-1\" (click)=\"routeChange(node); $event.stopPropagation()\">{{ node.name }}</a>\n    </mat-tree-node>\n  </mat-tree>\n</nav>\n", styles: [".folder-tree__item-icon{width:var(--ymt-sizing-l);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}.folder-tree__item{all:unset;cursor:pointer;flex:1;align-self:stretch;display:flex;align-items:center}.folder-tree__node{cursor:pointer;transition:color .2s ease-in-out;gap:var(--ymt-spacing-s);margin-block-end:var(--ymt-spacing-2xs)}.folder-tree__node:hover{color:var(--ymt-primary)}.folder-tree__node:focus-visible{outline-offset:var(--ymt-focus-indicator-size);outline:var(--ymt-focus-indicator-outer) solid var(--ymt-focus-indicator-size);box-shadow:0 0 0 var(--ymt-focus-indicator-size) var(--ymt-focus-indicator-inner)}\n"] }]
         }] });
 
 class VersionTileComponent {
-    constructor() {
-        this.tile = input.required();
-        this.rendererInputs = computed(() => ({
-            icon: this.tile().icon,
-            version: this.tile().instanceData?.[BaseObjectTypeField.VERSION_NUMBER],
-            date: this.tile().instanceData?.[BaseObjectTypeField.MODIFICATION_DATE],
-            modified: this.tile().instanceData?.[BaseObjectTypeField.MODIFIED_BY + '_title']
-        }));
-        this.selectedVersion = output();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: VersionTileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.12", type: VersionTileComponent, isStandalone: true, selector: "ymd-version-tile", inputs: { tile: { classPropertyName: "tile", publicName: "tile", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { selectedVersion: "selectedVersion" }, ngImport: i0, template: `
+    tile = input.required();
+    rendererInputs = computed(() => ({
+        icon: this.tile().icon,
+        version: this.tile().instanceData?.[BaseObjectTypeField.VERSION_NUMBER],
+        date: this.tile().instanceData?.[BaseObjectTypeField.MODIFICATION_DATE],
+        modified: this.tile().instanceData?.[BaseObjectTypeField.MODIFIED_BY + '_title']
+    }));
+    selectedVersion = output();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: VersionTileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: VersionTileComponent, isStandalone: true, selector: "ymd-version-tile", inputs: { tile: { classPropertyName: "tile", publicName: "tile", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { selectedVersion: "selectedVersion" }, ngImport: i0, template: `
     <div
       class="slots"
       title="{{
@@ -1435,9 +1359,9 @@ class VersionTileComponent {
         {{ rendererInputs().modified }}
       </div>
     </div>
-  `, isInline: true, styles: [":host{--_tile-background: var(--tile-background, transparent);--_tile-icon-fill: var(--tile-icon-fill, currentColor);--_tile-padding: var(--tile-padding, var(--ymt-spacing-m));--_tile-action-icon-size: var(--tile-action-icon-size);--_tile-icon-size: var(--tile-icon-size);--_transition-duration: var(--transition-duration, .1s);display:flex;align-items:center;background-color:var(--_tile-background);padding:var(--_tile-padding);transition:background-color var(--_transition-duration)}:host .slots{display:grid;grid-template-columns:1fr 2fr;grid-template-rows:repeat(2,1fr);grid-template-areas:\"version version\" \"date modified\";flex:1;gap:calc(var(--_tile-padding) / 2) calc(var(--_tile-padding) * 2)}:host [data-slot]{align-items:center;-webkit-user-select:none;user-select:none;display:grid}:host [data-slot=icon]{--icon-renderer-icon-size: var(--_tile-icon-size);color:var(--_tile-icon-fill);width:0;grid-area:icon;display:grid;align-items:center;justify-content:center}:host [data-slot=version]{font-weight:700;grid-area:version}:host [data-slot=date]{grid-area:date}:host [data-slot=modified]{grid-area:modified;white-space:nowrap;justify-self:end}\n"], dependencies: [{ kind: "pipe", type: DatePipe, name: "date" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
+  `, isInline: true, styles: [":host{--_tile-background: var(--tile-background, transparent);--_tile-icon-fill: var(--tile-icon-fill, currentColor);--_tile-padding: var(--tile-padding, var(--ymt-spacing-m));--_tile-action-icon-size: var(--tile-action-icon-size);--_tile-icon-size: var(--tile-icon-size);--_transition-duration: var(--transition-duration, .1s);display:flex;align-items:center;background-color:var(--_tile-background);padding:var(--_tile-padding);transition:background-color var(--_transition-duration)}:host .slots{display:grid;grid-template-columns:1fr 2fr;grid-template-rows:repeat(2,1fr);grid-template-areas:\"version version\" \"date modified\";flex:1;gap:calc(var(--_tile-padding) / 2) calc(var(--_tile-padding) * 2)}:host [data-slot]{align-items:center;-webkit-user-select:none;user-select:none;display:grid}:host [data-slot=icon]{--icon-renderer-icon-size: var(--_tile-icon-size);color:var(--_tile-icon-fill);width:0;grid-area:icon;display:grid;align-items:center;justify-content:center}:host [data-slot=version]{font-weight:700;grid-area:version}:host [data-slot=date]{grid-area:date}:host [data-slot=modified]{grid-area:modified;white-space:nowrap;justify-self:end}\n"], dependencies: [{ kind: "pipe", type: DatePipe, name: "date" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: VersionTileComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: VersionTileComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ymd-version-tile', standalone: true, imports: [DatePipe, TranslateModule], template: `
     <div
@@ -1461,20 +1385,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImpo
         }] });
 
 class VersionsListComponent {
-    constructor() {
-        this.#drive = inject(DriveService);
-        this.versionsList = this.#drive.state$.versions.versionsList;
-        this.selectedVersion = this.#drive.state$.versions.selectedVersion;
-        this.selection = computed(() => (this.selectedVersion() || []).map((v) => v.version));
-        this.listItems = viewChildren(ListItemDirective);
-        this.#itemsEffect = effect(() => {
-            const items = this.listItems();
-            if (this.#keyManager)
-                this.#keyManager.destroy();
-            this.#keyManager = new ActiveDescendantKeyManager(items).withWrap();
-        });
-    }
-    #drive;
+    #drive = inject(DriveService);
+    versionsList = this.#drive.state$.versions.versionsList;
+    selectedVersion = this.#drive.state$.versions.selectedVersion;
+    selection = computed(() => (this.selectedVersion() || []).map((v) => v.version));
     onBlur() {
         this.#keyManager.setActiveItem(-1);
     }
@@ -1490,7 +1404,13 @@ class VersionsListComponent {
             this.#keyManager?.onKeydown(event);
     }
     #keyManager;
-    #itemsEffect;
+    listItems = viewChildren(ListItemDirective);
+    #itemsEffect = effect(() => {
+        const items = this.listItems();
+        if (this.#keyManager)
+            this.#keyManager.destroy();
+        this.#keyManager = new ActiveDescendantKeyManager(items).withWrap();
+    });
     selectedVersionAction(event) {
         this.#drive.setBusy(true);
         this.#drive
@@ -1504,8 +1424,8 @@ class VersionsListComponent {
     setSelectedVersion(version) {
         this.#drive.setSelectedVersion(version).subscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: VersionsListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.12", type: VersionsListComponent, isStandalone: true, selector: "ymd-versions-list", host: { attributes: { "tabindex": "0", "role": "listbox" }, listeners: { "blur": "onBlur()", "keydown": "onKeydown($event)" } }, viewQueries: [{ propertyName: "listItems", predicate: ListItemDirective, descendants: true, isSignal: true }], ngImport: i0, template: ` @let versions = versionsList();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: VersionsListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: VersionsListComponent, isStandalone: true, selector: "ymd-versions-list", host: { attributes: { "tabindex": "0", "role": "listbox" }, listeners: { "blur": "onBlur()", "keydown": "onKeydown($event)" } }, viewQueries: [{ propertyName: "listItems", predicate: ListItemDirective, descendants: true, isSignal: true }], ngImport: i0, template: ` @let versions = versionsList();
     @if (versions) {
       @for (version of versions; track $index) {
         <ymd-version-tile
@@ -1517,9 +1437,9 @@ class VersionsListComponent {
           (selectedVersion)="selectedVersionAction($event)"
         ></ymd-version-tile>
       }
-    }`, isInline: true, styles: [":host{--_tile-hover-background: var(--tile-hover-background, var(--ymt-hover-background));--_tile-selected-background: var(--tile-selected-background, var(--ymt-selection-background));--_tile-selected-icon-fill: var(--tile-selected-icon-fill, var(--ymt-primary))}:host ymd-version-tile{cursor:pointer;background-color:var(--tile-background)}:host ymd-version-tile:not(.last){border:var(--tile-border);border-width:var(--tile-border-width);margin-block-end:var(--tile-gap)}:host ymd-version-tile:hover,:host ymd-version-tile[aria-current=true]{--tile-background: var(--_tile-hover-background)}:host ymd-version-tile[aria-selected=true]{--tile-background: var(--_tile-selected-background);--tile-icon-fill: var(--_tile-selected-icon-fill)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: VersionTileComponent, selector: "ymd-version-tile", inputs: ["tile"], outputs: ["selectedVersion"] }, { kind: "directive", type: ListItemDirective, selector: "[yuvListItem]", inputs: ["disabled", "active", "selected"] }, { kind: "directive", type: ClickDoubleDirective, selector: "[click.single],[click.double]", inputs: ["debounceTime"], outputs: ["click.double", "click.single"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    }`, isInline: true, styles: [":host{--_tile-hover-background: var(--tile-hover-background, var(--ymt-hover-background));--_tile-selected-background: var(--tile-selected-background, var(--ymt-selection-background));--_tile-selected-icon-fill: var(--tile-selected-icon-fill, var(--ymt-primary))}:host ymd-version-tile{cursor:pointer;background-color:var(--tile-background)}:host ymd-version-tile:not(.last){border:var(--tile-border);border-width:var(--tile-border-width);margin-block-end:var(--tile-gap)}:host ymd-version-tile:hover,:host ymd-version-tile[aria-current=true]{--tile-background: var(--_tile-hover-background)}:host ymd-version-tile[aria-selected=true]{--tile-background: var(--_tile-selected-background);--tile-icon-fill: var(--_tile-selected-icon-fill)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: VersionTileComponent, selector: "ymd-version-tile", inputs: ["tile"], outputs: ["selectedVersion"] }, { kind: "directive", type: ListItemDirective, selector: "[yuvListItem]", inputs: ["disabled", "active", "selected"] }, { kind: "directive", type: ClickDoubleDirective, selector: "[click.single],[click.double]", inputs: ["debounceTime"], outputs: ["click.double", "click.single"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: VersionsListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: VersionsListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ymd-versions-list', standalone: true, imports: [CommonModule, VersionTileComponent, ListItemDirective, ClickDoubleDirective], template: ` @let versions = versionsList();
     @if (versions) {
@@ -1546,63 +1466,62 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImpo
             }] } });
 
 class DriveSearchOverlayComponent {
-    #fb;
-    #dialogData;
-    #dialogRef;
-    #shell;
-    #system;
-    #drive;
-    #search;
-    #query;
-    #queryEffect;
-    #initialFormData;
-    constructor() {
-        this.translate = inject(TranslateService$1);
-        this.#fb = inject(FormBuilder);
-        this.#dialogData = inject(MAT_DIALOG_DATA);
-        this.#dialogRef = inject((MatDialogRef));
-        this.#shell = inject(ShellService);
-        this.#system = inject(SystemService);
-        this.#drive = inject(DriveService);
-        this.#search = inject(SearchService);
-        this.objectForms = viewChildren(ObjectFormComponent);
-        this.ANY_OPTION = 'any';
-        this.#query = this.#drive.state$.query;
-        this.#queryEffect = effect(() => {
-            const q = this.#query();
-            if (q)
-                this.filterForm.patchValue(this.#queryToForm(q));
-        });
-        this.#initialFormData = {};
-        this.selectedFlavorsRec = {};
-        this.formStates = {};
-        this.flavorFormOptions = signal({});
-        this.flavorForms = computed(() => {
-            const ffo = this.flavorFormOptions() || {};
-            return Object.keys(ffo).map((k) => ({
-                id: k,
-                icon: this.selectedFlavorsRec[k]?.icon,
-                svgIcon: this.selectedFlavorsRec[k]?.svgIcon,
-                label: this.#shell.getFlavorLabel(k),
-                formOptions: ffo[k]
-            }));
-        });
-        this.scopeOptions = signal([]);
-        this.filterForm = this.#fb.nonNullable.group({
-            term: [this.#dialogData.term || ''],
-            scope: [this.ANY_OPTION],
-            modified: [],
-            created: [],
-            contentlength: []
-        });
-        this.searchTokens = [];
-        this.flavors = this.#shell.getObjectFlavors().map((f) => ({
-            ...f,
-            label: this.#shell.getFlavorLabel(f.id)
+    translate = inject(TranslateService$1);
+    #fb = inject(FormBuilder);
+    #dialogData = inject(MAT_DIALOG_DATA);
+    #dialogRef = inject((MatDialogRef));
+    #shell = inject(ShellService);
+    #system = inject(SystemService);
+    #drive = inject(DriveService);
+    #search = inject(SearchService);
+    close$ = new Subject();
+    objectForms = viewChildren(ObjectFormComponent);
+    ANY_OPTION = 'any';
+    #query = this.#drive.state$.query;
+    #queryEffect = effect(() => {
+        const q = this.#query();
+        if (q)
+            this.filterForm.patchValue(this.#queryToForm(q));
+    });
+    #initialFormData = {};
+    selectedFlavorsRec = {};
+    combinedFormState;
+    formStates = {};
+    flavorFormOptions = signal({});
+    flavorForms = computed(() => {
+        const ffo = this.flavorFormOptions() || {};
+        return Object.keys(ffo).map((k) => ({
+            id: k,
+            icon: this.selectedFlavorsRec[k]?.icon,
+            svgIcon: this.selectedFlavorsRec[k]?.svgIcon,
+            label: this.#shell.getFlavorLabel(k),
+            formOptions: ffo[k]
         }));
+    });
+    scopeOptions = signal([]);
+    filterForm = this.#fb.nonNullable.group({
+        term: [this.#dialogData.term || ''],
+        scope: [this.ANY_OPTION],
+        modified: [],
+        created: [],
+        contentlength: []
+    });
+    searchTokens = [];
+    flavors = this.#shell.getObjectFlavors().map((f) => ({
+        ...f,
+        label: this.#shell.getFlavorLabel(f.id)
+    }));
+    constructor() {
         this.translate.onLangChange.pipe(takeUntilDestroyed()).subscribe((_) => this.#setupOptions());
         this.#setupOptions();
         this.filterForm.valueChanges.pipe(takeUntilDestroyed()).subscribe((v) => this.#onFormValueChange(v));
+        this.close$
+            .pipe(
+        // wait 500ms after last trigger, less felt more buggy since we need to wait for the last statusChanged event from yuv-object-form
+        debounceTime(500), switchMap(() => of(this.#formToQuery())))
+            .subscribe((searchQuery) => {
+            this.#dialogRef.close(searchQuery);
+        });
     }
     typeSelected(idx) {
         this.#toggleType(this.flavors[idx[0]]);
@@ -1721,6 +1640,8 @@ class DriveSearchOverlayComponent {
             }
             combinedFormState.data = { ...combinedFormState.data, ...s.data };
         });
+        // Filter out properties with undefined values from combinedFormState.data
+        combinedFormState.data = Object.fromEntries(Object.entries(combinedFormState.data).filter(([_, v]) => v !== undefined));
         this.combinedFormState = combinedFormState;
         return this.combinedFormState;
     }
@@ -1728,7 +1649,7 @@ class DriveSearchOverlayComponent {
         this.#dialogRef.close();
     }
     submit() {
-        this.#dialogRef.close(this.#formToQuery());
+        this.close$.next();
     }
     //Converts the form values to a search query
     #formToQuery() {
@@ -1878,10 +1799,10 @@ class DriveSearchOverlayComponent {
             }
         ]);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: DriveSearchOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.12", type: DriveSearchOverlayComponent, isStandalone: true, selector: "ymd-drive-search-overlay", viewQueries: [{ propertyName: "objectForms", predicate: ObjectFormComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<h2 matDialogTitle class=\"yuv-dialog-title\">{{ 'yuv.app.drive.search.extended.dialog.title' | translate }}</h2>\n<mat-dialog-content class=\"yuv-dialog-content\">\n  <yuv-split-view [gutterSize]=\"1\" [layoutSettingsID]=\"'yuv.app.drive.search.meta.splitview'\">\n    <!-- search options -->\n    <ng-template yuvSplitArea [size]=\"40\">\n      <form class=\"options\" role=\"search\" [formGroup]=\"filterForm\">\n        <!--  term and scope -->\n        <mat-form-field class=\"yuv-form-field\">\n          <mat-label>{{ 'yuv.app.drive.search.meta.options.term' | translate }}</mat-label>\n          <input matInput class=\"term\" type=\"search\" formControlName=\"term\" />\n          <mat-icon matSuffix>search</mat-icon>\n        </mat-form-field>\n\n        <mat-form-field class=\"yuv-form-field\">\n          <mat-label>{{ 'yuv.app.drive.search.meta.options.where' | translate }}</mat-label>\n          <mat-select formControlName=\"scope\" [disabled]=\"!filterForm.value.term\">\n            @for (food of scopeOptions(); track food) {\n              <mat-option [value]=\"food.value\">{{ food.label }}</mat-option>\n            }\n          </mat-select>\n        </mat-form-field>\n\n        <!--  types -->\n        <div class=\"options-type-list\">\n          <h2>{{ 'yuv.app.drive.search.meta.options.type' | translate }}</h2>\n          <yuv-list (itemSelect)=\"typeSelected($event)\" [selfHandleSelection]=\"true\">\n            @for (t of flavors; track t.id) {\n              <div class=\"type\" yuvListItem [ngClass]=\"{ selected: !!selectedFlavorsRec[t.id] }\">\n                <mat-pseudo-checkbox [state]=\"!!selectedFlavorsRec[t.id] ? 'checked' : 'unchecked'\"></mat-pseudo-checkbox>\n                {{ t.label }}\n              </div>\n            }\n          </yuv-list>\n        </div>\n\n        <!-- created -->\n        <mat-form-field class=\"yuv-form-field\">\n          <mat-label>{{ 'yuv.app.drive.search.meta.options.created' | translate }}</mat-label>\n          <yuv-range-select-date formControlName=\"created\"></yuv-range-select-date>\n        </mat-form-field>\n\n        <!-- modified -->\n        <mat-form-field class=\"yuv-form-field\">\n          <mat-label>{{ 'yuv.app.drive.search.meta.options.modified' | translate }}</mat-label>\n          <yuv-range-select-date formControlName=\"modified\"></yuv-range-select-date>\n        </mat-form-field>\n\n        <!-- content length -->\n        <mat-form-field class=\"yuv-form-field\">\n          <mat-label>{{ 'yuv.app.drive.search.meta.options.contentlength' | translate }}</mat-label>\n          <yuv-range-select-filesize formControlName=\"contentlength\"></yuv-range-select-filesize>\n        </mat-form-field>\n      </form>\n    </ng-template>\n\n    <ng-template yuvSplitArea [size]=\"60\">\n      <div class=\"query\">\n        <h1>{{ 'yuv.app.drive.search.meta.headline.query' | translate }}</h1>\n\n        <div class=\"tokens\">\n          @if (flavorForms().length === 0 && !filterForm.value.term) {\n            <p>{{ 'yuv.app.drive.search.meta.query.for-everything' | translate }}</p>\n          }\n          @for (o of flavorForms(); track o.id) {\n            <details class=\"token\">\n              <summary [ngClass]=\"{ dirty: formStates[o.id]?.dirty }\">\n                @if (o.icon && o.svgIcon) {\n                  <mat-icon [svgIcon]=\"o.icon\"></mat-icon>\n                } @else {\n                  <mat-icon>{{ o.icon }}</mat-icon>\n                }\n                {{ o.label }}\n                <mat-icon class=\"arr\">arrow_drop_down</mat-icon>\n              </summary>\n              <yuv-object-form [formOptions]=\"o.formOptions\" (statusChanged)=\"onFormStatusChanged(o.id, $event)\"></yuv-object-form>\n            </details>\n          }\n          @for (t of searchTokens; track $index) {\n            <div class=\"searchToken token\">\n              {{ t.label }}\n              <button mat-icon-button class=\"ymt-icon-button--size-s\" (click)=\"removeSearchToken(t)\">\n                <mat-icon>close</mat-icon>\n              </button>\n            </div>\n          }\n        </div>\n      </div>\n    </ng-template>\n  </yuv-split-view>\n</mat-dialog-content>\n<mat-dialog-actions align=\"end\" class=\"yuv-dialog-actions\">\n  <button ymtButton=\"secondary\" mat-dialog-close type=\"button\" (click)=\"cancel()\">{{ 'yuv.app.drive.search.meta.button.cancel' | translate }}</button>\n  <button ymtButton=\"primary\" mat-dialog-close type=\"submit\" (click)=\"submit()\">{{ 'yuv.app.drive.search.meta.button.search' | translate }}</button>\n</mat-dialog-actions>\n", styles: [".yuv-dialog-title{border-bottom:1px solid var(--ymt-outline-variant);margin:0}.yuv-dialog-content{flex-grow:1;flex-basis:1px;max-height:inherit}.yuv-dialog-content yuv-split-view{--split-gutter-background-color: var(--ymt-outline-variant);display:contents}.yuv-dialog-content form.options{padding:var(--ymt-spacing-m);display:flex;flex-flow:column}.yuv-dialog-content form.options [aria-disabled=true]{cursor:default;opacity:.5}.yuv-dialog-content form.options h2{font:var(--ymt-font-subhead);margin-top:0}.yuv-dialog-content form.options .type:hover{background-color:var(--ymt-surface-container-low)}.yuv-dialog-content form.options .yuv-form-field{cursor:pointer}.yuv-dialog-content form.options .options-type-list,.yuv-dialog-content form.options .yuv-form-field{margin:var(--ymt-spacing-xs) 0}.yuv-dialog-content form.options .options-type-list{margin-bottom:var(--ymt-spacing-3xl)}.yuv-dialog-content form.options .type{display:flex;gap:var(--ymt-spacing-m);align-items:center;padding:var(--ymt-spacing-xs);cursor:pointer}.yuv-dialog-content .query{background-color:var(--ymt-surface);height:100%;box-sizing:border-box;overflow-y:auto;padding:var(--ymt-spacing-m)}.yuv-dialog-content .query h1{font:var(--yuv-font-display);margin:.5rem 0 1rem;color:var(--ymt-text-color-subtle)}.yuv-dialog-content .query .tokens{display:flex;flex-flow:row wrap;align-items:start;gap:var(--ymt-spacing-m)}.yuv-dialog-content .query .tokens>.token{background-color:var(--ymt-surface-container);border:1px solid var(--ymt-outline-variant);animation:searchTokenEnter .2s ease-in-out forwards;box-sizing:border-box;color:var(--ymt-text-color-subtle);border-radius:4px}.yuv-dialog-content .query .tokens details{width:var(--om-section-max-width);max-width:100%}.yuv-dialog-content .query .tokens details[open]{width:100%}.yuv-dialog-content .query .tokens details[open] mat-icon.arr{transform:rotate(180deg)}.yuv-dialog-content .query .tokens details summary{padding:var(--ymt-spacing-xs);padding-inline-end:var(--ymt-spacing-3xl);cursor:pointer;display:flex;align-items:center;position:relative;font-weight:700}.yuv-dialog-content .query .tokens details summary.dirty:after{content:\"\";width:.5em;height:.5em;border-radius:50%;background-color:var(--ymt-primary);margin-inline-start:.5em;align-self:start}.yuv-dialog-content .query .tokens details summary::marker{display:none}.yuv-dialog-content .query .tokens details summary mat-icon{margin-inline-end:var(--ymt-spacing-xs)}.yuv-dialog-content .query .tokens details summary mat-icon.arr{position:absolute;inset-inline-end:0}.yuv-dialog-content .query .tokens .searchToken{padding:var(--ymt-spacing-xs);gap:var(--ymt-spacing-xs);cursor:pointer;display:flex;align-items:center;line-height:1em;font-weight:700}.yuv-dialog-actions{border-top:1px solid var(--ymt-outline-variant)}@keyframes searchTokenEnter{0%{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:translateY(0)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: TranslateModule$1 }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: ObjectFormComponent, selector: "yuv-object-form", inputs: ["formOptions", "inert", "elementExtensions", "isInnerTableForm"], outputs: ["statusChanged", "onFormReady"] }, { kind: "ngmodule", type: YuvSplitViewModule }, { kind: "directive", type: i1$2.SplitAreaDirective, selector: "[yuvSplitArea]", inputs: ["size", "minSize", "maxSize", "panelClass", "visible"] }, { kind: "component", type: i1$2.SplitViewComponent, selector: "yuv-split-view", inputs: ["direction", "gutterSize", "restrictMove", "disabled", "layoutSettingsID"], outputs: ["layoutSettingsChange", "dragStart", "dragEnd", "gutterClick", "gutterDblClick"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: YuvListModule }, { kind: "component", type: i5.ListComponent, selector: "yuv-list", inputs: ["multiselect", "selfHandleSelection", "autoSelect", "disableSelection"], outputs: ["itemSelect", "itemFocus"] }, { kind: "directive", type: i5.ListItemDirective, selector: "[yuvListItem]", inputs: ["disabled", "active", "selected"] }, { kind: "component", type: RangeSelectDateComponent, selector: "yuv-range-select-date", inputs: ["ranges", "customRange"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i7.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i7.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: MatPseudoCheckbox, selector: "mat-pseudo-checkbox", inputs: ["state", "disabled", "appearance"] }, { kind: "directive", type: YmtButtonDirective, selector: "button[ymtButton], a[ymtButton]", inputs: ["ymtButton", "disabled", "aria-disabled", "disableRipple", "disabledInteractive", "button-size"] }, { kind: "component", type: RangeSelectFilesizeComponent, selector: "yuv-range-select-filesize", inputs: ["ranges"] }] }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DriveSearchOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: DriveSearchOverlayComponent, isStandalone: true, selector: "ymd-drive-search-overlay", viewQueries: [{ propertyName: "objectForms", predicate: ObjectFormComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<h2 matDialogTitle class=\"yuv-dialog-title\">\n  {{ 'yuv.app.drive.search.extended.dialog.title' | translate }}\n</h2>\n<mat-dialog-content class=\"yuv-dialog-content\">\n  <yuv-split-view [gutterSize]=\"1\" [layoutSettingsID]=\"'yuv.app.drive.search.meta.splitview'\">\n    <!-- search options -->\n    <ng-template yuvSplitArea [size]=\"40\">\n      <form class=\"options\" role=\"search\" [formGroup]=\"filterForm\">\n        <!--  term and scope -->\n        <mat-form-field class=\"yuv-form-field\">\n          <mat-label>{{ 'yuv.app.drive.search.meta.options.term' | translate }}</mat-label>\n          <input matInput class=\"term\" type=\"search\" formControlName=\"term\" />\n          <mat-icon matSuffix>search</mat-icon>\n        </mat-form-field>\n\n        <mat-form-field class=\"yuv-form-field\">\n          <mat-label>{{ 'yuv.app.drive.search.meta.options.where' | translate }}</mat-label>\n          <mat-select formControlName=\"scope\" [disabled]=\"!filterForm.value.term\">\n            @for (food of scopeOptions(); track food) {\n            <mat-option [value]=\"food.value\">{{ food.label }}</mat-option>\n            }\n          </mat-select>\n        </mat-form-field>\n\n        <!--  types -->\n        <div class=\"options-type-list\">\n          <h2>{{ 'yuv.app.drive.search.meta.options.type' | translate }}</h2>\n          <yuv-list (itemSelect)=\"typeSelected($event)\" [selfHandleSelection]=\"true\">\n            @for (t of flavors; track t.id) {\n            <div class=\"type\" yuvListItem [ngClass]=\"{ selected: !!selectedFlavorsRec[t.id] }\">\n              <mat-pseudo-checkbox [state]=\"!!selectedFlavorsRec[t.id] ? 'checked' : 'unchecked'\"></mat-pseudo-checkbox>\n              {{ t.label }}\n            </div>\n            }\n          </yuv-list>\n        </div>\n\n        <!-- created -->\n        <mat-form-field class=\"yuv-form-field\">\n          <mat-label>{{ 'yuv.app.drive.search.meta.options.created' | translate }}</mat-label>\n          <yuv-range-select-date formControlName=\"created\"></yuv-range-select-date>\n        </mat-form-field>\n\n        <!-- modified -->\n        <mat-form-field class=\"yuv-form-field\">\n          <mat-label>{{ 'yuv.app.drive.search.meta.options.modified' | translate }}</mat-label>\n          <yuv-range-select-date formControlName=\"modified\"></yuv-range-select-date>\n        </mat-form-field>\n\n        <!-- content length -->\n        <mat-form-field class=\"yuv-form-field\">\n          <mat-label>{{ 'yuv.app.drive.search.meta.options.contentlength' | translate }}</mat-label>\n          <yuv-range-select-filesize formControlName=\"contentlength\"></yuv-range-select-filesize>\n        </mat-form-field>\n      </form>\n    </ng-template>\n\n    <ng-template yuvSplitArea [size]=\"60\">\n      <div class=\"query\">\n        <h1>{{ 'yuv.app.drive.search.meta.headline.query' | translate }}</h1>\n\n        <div class=\"tokens\">\n          @if (flavorForms().length === 0 && !filterForm.value.term) {\n          <p>\n            {{ 'yuv.app.drive.search.meta.query.for-everything' | translate }}\n          </p>\n          } @for (o of flavorForms(); track o.id) {\n          <details class=\"token\">\n            <summary [ngClass]=\"{ dirty: (formStates[o.id] && formStates[o.id].dirty) }\">\n              @if (o.icon && o.svgIcon) {\n              <mat-icon [svgIcon]=\"o.icon\"></mat-icon>\n              } @else {\n              <mat-icon>{{ o.icon }}</mat-icon>\n              }\n              {{ o.label }}\n              <mat-icon class=\"arr\">arrow_drop_down</mat-icon>\n            </summary>\n            <yuv-object-form [formOptions]=\"o.formOptions\" (statusChanged)=\"onFormStatusChanged(o.id, $event)\"></yuv-object-form>\n          </details>\n          } @for (t of searchTokens; track $index) {\n          <div class=\"searchToken token\">\n            {{ t.label }}\n            <button mat-icon-button class=\"ymt-icon-button--size-s\" (click)=\"removeSearchToken(t)\">\n              <mat-icon>close</mat-icon>\n            </button>\n          </div>\n          }\n        </div>\n      </div>\n    </ng-template>\n  </yuv-split-view>\n</mat-dialog-content>\n<mat-dialog-actions align=\"end\" class=\"yuv-dialog-actions\">\n  <button ymtButton=\"secondary\" mat-dialog-close type=\"button\" (click)=\"cancel()\">\n    {{ 'yuv.app.drive.search.meta.button.cancel' | translate }}\n  </button>\n  <button ymtButton=\"primary\" type=\"submit\" (click)=\"submit()\">\n    {{ 'yuv.app.drive.search.meta.button.search' | translate }}\n  </button>\n</mat-dialog-actions>\n", styles: [".yuv-dialog-title{border-bottom:1px solid var(--ymt-outline-variant);margin:0}.yuv-dialog-content{flex-grow:1;flex-basis:1px;max-height:inherit}.yuv-dialog-content yuv-split-view{--split-gutter-background-color: var(--ymt-outline-variant);display:contents}.yuv-dialog-content form.options{padding:var(--ymt-spacing-m);display:flex;flex-flow:column}.yuv-dialog-content form.options [aria-disabled=true]{cursor:default;opacity:.5}.yuv-dialog-content form.options h2{font:var(--ymt-font-subhead);margin-top:0}.yuv-dialog-content form.options .type:hover{background-color:var(--ymt-surface-container-low)}.yuv-dialog-content form.options .yuv-form-field{cursor:pointer}.yuv-dialog-content form.options .options-type-list,.yuv-dialog-content form.options .yuv-form-field{margin:var(--ymt-spacing-xs) 0}.yuv-dialog-content form.options .options-type-list{margin-bottom:var(--ymt-spacing-3xl)}.yuv-dialog-content form.options .type{display:flex;gap:var(--ymt-spacing-m);align-items:center;padding:var(--ymt-spacing-xs);cursor:pointer}.yuv-dialog-content .query{background-color:var(--ymt-surface);height:100%;box-sizing:border-box;overflow-y:auto;padding:var(--ymt-spacing-m)}.yuv-dialog-content .query h1{font:var(--yuv-font-display);margin:.5rem 0 1rem;color:var(--ymt-text-color-subtle)}.yuv-dialog-content .query .tokens{display:flex;flex-flow:row wrap;align-items:start;gap:var(--ymt-spacing-m)}.yuv-dialog-content .query .tokens>.token{background-color:var(--ymt-surface-container);border:1px solid var(--ymt-outline-variant);animation:searchTokenEnter .2s ease-in-out forwards;box-sizing:border-box;color:var(--ymt-text-color-subtle);border-radius:4px}.yuv-dialog-content .query .tokens details{width:var(--om-section-max-width);max-width:100%}.yuv-dialog-content .query .tokens details[open]{width:100%}.yuv-dialog-content .query .tokens details[open] mat-icon.arr{transform:rotate(180deg)}.yuv-dialog-content .query .tokens details summary{padding:var(--ymt-spacing-xs);padding-inline-end:var(--ymt-spacing-3xl);cursor:pointer;display:flex;align-items:center;position:relative;font-weight:700}.yuv-dialog-content .query .tokens details summary.dirty:after{content:\"\";width:.5em;height:.5em;border-radius:50%;background-color:var(--ymt-primary);margin-inline-start:.5em;align-self:start}.yuv-dialog-content .query .tokens details summary::marker{display:none}.yuv-dialog-content .query .tokens details summary mat-icon{margin-inline-end:var(--ymt-spacing-xs)}.yuv-dialog-content .query .tokens details summary mat-icon.arr{position:absolute;inset-inline-end:0}.yuv-dialog-content .query .tokens .searchToken{padding:var(--ymt-spacing-xs);gap:var(--ymt-spacing-xs);cursor:pointer;display:flex;align-items:center;line-height:1em;font-weight:700}.yuv-dialog-actions{border-top:1px solid var(--ymt-outline-variant)}@keyframes searchTokenEnter{0%{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:translateY(0)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: TranslateModule$1 }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: ObjectFormComponent, selector: "yuv-object-form", inputs: ["formOptions", "inert", "elementExtensions", "isInnerTableForm"], outputs: ["statusChanged", "onFormReady"] }, { kind: "ngmodule", type: YuvSplitViewModule }, { kind: "directive", type: i1$2.SplitAreaDirective, selector: "[yuvSplitArea]", inputs: ["size", "minSize", "maxSize", "panelClass", "visible"] }, { kind: "component", type: i1$2.SplitViewComponent, selector: "yuv-split-view", inputs: ["direction", "gutterSize", "restrictMove", "disabled", "layoutSettingsID"], outputs: ["layoutSettingsChange", "dragStart", "dragEnd", "gutterClick", "gutterDblClick"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: YuvListModule }, { kind: "component", type: i5.ListComponent, selector: "yuv-list", inputs: ["multiselect", "selfHandleSelection", "autoSelect", "disableSelection"], outputs: ["itemSelect", "itemFocus"] }, { kind: "directive", type: i5.ListItemDirective, selector: "[yuvListItem]", inputs: ["disabled", "active", "selected"] }, { kind: "component", type: RangeSelectDateComponent, selector: "yuv-range-select-date", inputs: ["ranges", "customRange"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i7.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i7.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: MatPseudoCheckbox, selector: "mat-pseudo-checkbox", inputs: ["state", "disabled", "appearance"] }, { kind: "directive", type: YmtButtonDirective, selector: "button[ymtButton], a[ymtButton]", inputs: ["ymtButton", "disabled", "aria-disabled", "disableRipple", "disabledInteractive", "button-size"] }, { kind: "component", type: RangeSelectFilesizeComponent, selector: "yuv-range-select-filesize", inputs: ["ranges"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: DriveSearchOverlayComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DriveSearchOverlayComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ymd-drive-search-overlay', standalone: true, imports: [
                         CommonModule,
@@ -1903,26 +1824,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImpo
                         MatPseudoCheckbox,
                         YmtButtonDirective,
                         RangeSelectFilesizeComponent
-                    ], template: "<h2 matDialogTitle class=\"yuv-dialog-title\">{{ 'yuv.app.drive.search.extended.dialog.title' | translate }}</h2>\n<mat-dialog-content class=\"yuv-dialog-content\">\n  <yuv-split-view [gutterSize]=\"1\" [layoutSettingsID]=\"'yuv.app.drive.search.meta.splitview'\">\n    <!-- search options -->\n    <ng-template yuvSplitArea [size]=\"40\">\n      <form class=\"options\" role=\"search\" [formGroup]=\"filterForm\">\n        <!--  term and scope -->\n        <mat-form-field class=\"yuv-form-field\">\n          <mat-label>{{ 'yuv.app.drive.search.meta.options.term' | translate }}</mat-label>\n          <input matInput class=\"term\" type=\"search\" formControlName=\"term\" />\n          <mat-icon matSuffix>search</mat-icon>\n        </mat-form-field>\n\n        <mat-form-field class=\"yuv-form-field\">\n          <mat-label>{{ 'yuv.app.drive.search.meta.options.where' | translate }}</mat-label>\n          <mat-select formControlName=\"scope\" [disabled]=\"!filterForm.value.term\">\n            @for (food of scopeOptions(); track food) {\n              <mat-option [value]=\"food.value\">{{ food.label }}</mat-option>\n            }\n          </mat-select>\n        </mat-form-field>\n\n        <!--  types -->\n        <div class=\"options-type-list\">\n          <h2>{{ 'yuv.app.drive.search.meta.options.type' | translate }}</h2>\n          <yuv-list (itemSelect)=\"typeSelected($event)\" [selfHandleSelection]=\"true\">\n            @for (t of flavors; track t.id) {\n              <div class=\"type\" yuvListItem [ngClass]=\"{ selected: !!selectedFlavorsRec[t.id] }\">\n                <mat-pseudo-checkbox [state]=\"!!selectedFlavorsRec[t.id] ? 'checked' : 'unchecked'\"></mat-pseudo-checkbox>\n                {{ t.label }}\n              </div>\n            }\n          </yuv-list>\n        </div>\n\n        <!-- created -->\n        <mat-form-field class=\"yuv-form-field\">\n          <mat-label>{{ 'yuv.app.drive.search.meta.options.created' | translate }}</mat-label>\n          <yuv-range-select-date formControlName=\"created\"></yuv-range-select-date>\n        </mat-form-field>\n\n        <!-- modified -->\n        <mat-form-field class=\"yuv-form-field\">\n          <mat-label>{{ 'yuv.app.drive.search.meta.options.modified' | translate }}</mat-label>\n          <yuv-range-select-date formControlName=\"modified\"></yuv-range-select-date>\n        </mat-form-field>\n\n        <!-- content length -->\n        <mat-form-field class=\"yuv-form-field\">\n          <mat-label>{{ 'yuv.app.drive.search.meta.options.contentlength' | translate }}</mat-label>\n          <yuv-range-select-filesize formControlName=\"contentlength\"></yuv-range-select-filesize>\n        </mat-form-field>\n      </form>\n    </ng-template>\n\n    <ng-template yuvSplitArea [size]=\"60\">\n      <div class=\"query\">\n        <h1>{{ 'yuv.app.drive.search.meta.headline.query' | translate }}</h1>\n\n        <div class=\"tokens\">\n          @if (flavorForms().length === 0 && !filterForm.value.term) {\n            <p>{{ 'yuv.app.drive.search.meta.query.for-everything' | translate }}</p>\n          }\n          @for (o of flavorForms(); track o.id) {\n            <details class=\"token\">\n              <summary [ngClass]=\"{ dirty: formStates[o.id]?.dirty }\">\n                @if (o.icon && o.svgIcon) {\n                  <mat-icon [svgIcon]=\"o.icon\"></mat-icon>\n                } @else {\n                  <mat-icon>{{ o.icon }}</mat-icon>\n                }\n                {{ o.label }}\n                <mat-icon class=\"arr\">arrow_drop_down</mat-icon>\n              </summary>\n              <yuv-object-form [formOptions]=\"o.formOptions\" (statusChanged)=\"onFormStatusChanged(o.id, $event)\"></yuv-object-form>\n            </details>\n          }\n          @for (t of searchTokens; track $index) {\n            <div class=\"searchToken token\">\n              {{ t.label }}\n              <button mat-icon-button class=\"ymt-icon-button--size-s\" (click)=\"removeSearchToken(t)\">\n                <mat-icon>close</mat-icon>\n              </button>\n            </div>\n          }\n        </div>\n      </div>\n    </ng-template>\n  </yuv-split-view>\n</mat-dialog-content>\n<mat-dialog-actions align=\"end\" class=\"yuv-dialog-actions\">\n  <button ymtButton=\"secondary\" mat-dialog-close type=\"button\" (click)=\"cancel()\">{{ 'yuv.app.drive.search.meta.button.cancel' | translate }}</button>\n  <button ymtButton=\"primary\" mat-dialog-close type=\"submit\" (click)=\"submit()\">{{ 'yuv.app.drive.search.meta.button.search' | translate }}</button>\n</mat-dialog-actions>\n", styles: [".yuv-dialog-title{border-bottom:1px solid var(--ymt-outline-variant);margin:0}.yuv-dialog-content{flex-grow:1;flex-basis:1px;max-height:inherit}.yuv-dialog-content yuv-split-view{--split-gutter-background-color: var(--ymt-outline-variant);display:contents}.yuv-dialog-content form.options{padding:var(--ymt-spacing-m);display:flex;flex-flow:column}.yuv-dialog-content form.options [aria-disabled=true]{cursor:default;opacity:.5}.yuv-dialog-content form.options h2{font:var(--ymt-font-subhead);margin-top:0}.yuv-dialog-content form.options .type:hover{background-color:var(--ymt-surface-container-low)}.yuv-dialog-content form.options .yuv-form-field{cursor:pointer}.yuv-dialog-content form.options .options-type-list,.yuv-dialog-content form.options .yuv-form-field{margin:var(--ymt-spacing-xs) 0}.yuv-dialog-content form.options .options-type-list{margin-bottom:var(--ymt-spacing-3xl)}.yuv-dialog-content form.options .type{display:flex;gap:var(--ymt-spacing-m);align-items:center;padding:var(--ymt-spacing-xs);cursor:pointer}.yuv-dialog-content .query{background-color:var(--ymt-surface);height:100%;box-sizing:border-box;overflow-y:auto;padding:var(--ymt-spacing-m)}.yuv-dialog-content .query h1{font:var(--yuv-font-display);margin:.5rem 0 1rem;color:var(--ymt-text-color-subtle)}.yuv-dialog-content .query .tokens{display:flex;flex-flow:row wrap;align-items:start;gap:var(--ymt-spacing-m)}.yuv-dialog-content .query .tokens>.token{background-color:var(--ymt-surface-container);border:1px solid var(--ymt-outline-variant);animation:searchTokenEnter .2s ease-in-out forwards;box-sizing:border-box;color:var(--ymt-text-color-subtle);border-radius:4px}.yuv-dialog-content .query .tokens details{width:var(--om-section-max-width);max-width:100%}.yuv-dialog-content .query .tokens details[open]{width:100%}.yuv-dialog-content .query .tokens details[open] mat-icon.arr{transform:rotate(180deg)}.yuv-dialog-content .query .tokens details summary{padding:var(--ymt-spacing-xs);padding-inline-end:var(--ymt-spacing-3xl);cursor:pointer;display:flex;align-items:center;position:relative;font-weight:700}.yuv-dialog-content .query .tokens details summary.dirty:after{content:\"\";width:.5em;height:.5em;border-radius:50%;background-color:var(--ymt-primary);margin-inline-start:.5em;align-self:start}.yuv-dialog-content .query .tokens details summary::marker{display:none}.yuv-dialog-content .query .tokens details summary mat-icon{margin-inline-end:var(--ymt-spacing-xs)}.yuv-dialog-content .query .tokens details summary mat-icon.arr{position:absolute;inset-inline-end:0}.yuv-dialog-content .query .tokens .searchToken{padding:var(--ymt-spacing-xs);gap:var(--ymt-spacing-xs);cursor:pointer;display:flex;align-items:center;line-height:1em;font-weight:700}.yuv-dialog-actions{border-top:1px solid var(--ymt-outline-variant)}@keyframes searchTokenEnter{0%{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:translateY(0)}}\n"] }]
+                    ], template: "<h2 matDialogTitle class=\"yuv-dialog-title\">\n  {{ 'yuv.app.drive.search.extended.dialog.title' | translate }}\n</h2>\n<mat-dialog-content class=\"yuv-dialog-content\">\n  <yuv-split-view [gutterSize]=\"1\" [layoutSettingsID]=\"'yuv.app.drive.search.meta.splitview'\">\n    <!-- search options -->\n    <ng-template yuvSplitArea [size]=\"40\">\n      <form class=\"options\" role=\"search\" [formGroup]=\"filterForm\">\n        <!--  term and scope -->\n        <mat-form-field class=\"yuv-form-field\">\n          <mat-label>{{ 'yuv.app.drive.search.meta.options.term' | translate }}</mat-label>\n          <input matInput class=\"term\" type=\"search\" formControlName=\"term\" />\n          <mat-icon matSuffix>search</mat-icon>\n        </mat-form-field>\n\n        <mat-form-field class=\"yuv-form-field\">\n          <mat-label>{{ 'yuv.app.drive.search.meta.options.where' | translate }}</mat-label>\n          <mat-select formControlName=\"scope\" [disabled]=\"!filterForm.value.term\">\n            @for (food of scopeOptions(); track food) {\n            <mat-option [value]=\"food.value\">{{ food.label }}</mat-option>\n            }\n          </mat-select>\n        </mat-form-field>\n\n        <!--  types -->\n        <div class=\"options-type-list\">\n          <h2>{{ 'yuv.app.drive.search.meta.options.type' | translate }}</h2>\n          <yuv-list (itemSelect)=\"typeSelected($event)\" [selfHandleSelection]=\"true\">\n            @for (t of flavors; track t.id) {\n            <div class=\"type\" yuvListItem [ngClass]=\"{ selected: !!selectedFlavorsRec[t.id] }\">\n              <mat-pseudo-checkbox [state]=\"!!selectedFlavorsRec[t.id] ? 'checked' : 'unchecked'\"></mat-pseudo-checkbox>\n              {{ t.label }}\n            </div>\n            }\n          </yuv-list>\n        </div>\n\n        <!-- created -->\n        <mat-form-field class=\"yuv-form-field\">\n          <mat-label>{{ 'yuv.app.drive.search.meta.options.created' | translate }}</mat-label>\n          <yuv-range-select-date formControlName=\"created\"></yuv-range-select-date>\n        </mat-form-field>\n\n        <!-- modified -->\n        <mat-form-field class=\"yuv-form-field\">\n          <mat-label>{{ 'yuv.app.drive.search.meta.options.modified' | translate }}</mat-label>\n          <yuv-range-select-date formControlName=\"modified\"></yuv-range-select-date>\n        </mat-form-field>\n\n        <!-- content length -->\n        <mat-form-field class=\"yuv-form-field\">\n          <mat-label>{{ 'yuv.app.drive.search.meta.options.contentlength' | translate }}</mat-label>\n          <yuv-range-select-filesize formControlName=\"contentlength\"></yuv-range-select-filesize>\n        </mat-form-field>\n      </form>\n    </ng-template>\n\n    <ng-template yuvSplitArea [size]=\"60\">\n      <div class=\"query\">\n        <h1>{{ 'yuv.app.drive.search.meta.headline.query' | translate }}</h1>\n\n        <div class=\"tokens\">\n          @if (flavorForms().length === 0 && !filterForm.value.term) {\n          <p>\n            {{ 'yuv.app.drive.search.meta.query.for-everything' | translate }}\n          </p>\n          } @for (o of flavorForms(); track o.id) {\n          <details class=\"token\">\n            <summary [ngClass]=\"{ dirty: (formStates[o.id] && formStates[o.id].dirty) }\">\n              @if (o.icon && o.svgIcon) {\n              <mat-icon [svgIcon]=\"o.icon\"></mat-icon>\n              } @else {\n              <mat-icon>{{ o.icon }}</mat-icon>\n              }\n              {{ o.label }}\n              <mat-icon class=\"arr\">arrow_drop_down</mat-icon>\n            </summary>\n            <yuv-object-form [formOptions]=\"o.formOptions\" (statusChanged)=\"onFormStatusChanged(o.id, $event)\"></yuv-object-form>\n          </details>\n          } @for (t of searchTokens; track $index) {\n          <div class=\"searchToken token\">\n            {{ t.label }}\n            <button mat-icon-button class=\"ymt-icon-button--size-s\" (click)=\"removeSearchToken(t)\">\n              <mat-icon>close</mat-icon>\n            </button>\n          </div>\n          }\n        </div>\n      </div>\n    </ng-template>\n  </yuv-split-view>\n</mat-dialog-content>\n<mat-dialog-actions align=\"end\" class=\"yuv-dialog-actions\">\n  <button ymtButton=\"secondary\" mat-dialog-close type=\"button\" (click)=\"cancel()\">\n    {{ 'yuv.app.drive.search.meta.button.cancel' | translate }}\n  </button>\n  <button ymtButton=\"primary\" type=\"submit\" (click)=\"submit()\">\n    {{ 'yuv.app.drive.search.meta.button.search' | translate }}\n  </button>\n</mat-dialog-actions>\n", styles: [".yuv-dialog-title{border-bottom:1px solid var(--ymt-outline-variant);margin:0}.yuv-dialog-content{flex-grow:1;flex-basis:1px;max-height:inherit}.yuv-dialog-content yuv-split-view{--split-gutter-background-color: var(--ymt-outline-variant);display:contents}.yuv-dialog-content form.options{padding:var(--ymt-spacing-m);display:flex;flex-flow:column}.yuv-dialog-content form.options [aria-disabled=true]{cursor:default;opacity:.5}.yuv-dialog-content form.options h2{font:var(--ymt-font-subhead);margin-top:0}.yuv-dialog-content form.options .type:hover{background-color:var(--ymt-surface-container-low)}.yuv-dialog-content form.options .yuv-form-field{cursor:pointer}.yuv-dialog-content form.options .options-type-list,.yuv-dialog-content form.options .yuv-form-field{margin:var(--ymt-spacing-xs) 0}.yuv-dialog-content form.options .options-type-list{margin-bottom:var(--ymt-spacing-3xl)}.yuv-dialog-content form.options .type{display:flex;gap:var(--ymt-spacing-m);align-items:center;padding:var(--ymt-spacing-xs);cursor:pointer}.yuv-dialog-content .query{background-color:var(--ymt-surface);height:100%;box-sizing:border-box;overflow-y:auto;padding:var(--ymt-spacing-m)}.yuv-dialog-content .query h1{font:var(--yuv-font-display);margin:.5rem 0 1rem;color:var(--ymt-text-color-subtle)}.yuv-dialog-content .query .tokens{display:flex;flex-flow:row wrap;align-items:start;gap:var(--ymt-spacing-m)}.yuv-dialog-content .query .tokens>.token{background-color:var(--ymt-surface-container);border:1px solid var(--ymt-outline-variant);animation:searchTokenEnter .2s ease-in-out forwards;box-sizing:border-box;color:var(--ymt-text-color-subtle);border-radius:4px}.yuv-dialog-content .query .tokens details{width:var(--om-section-max-width);max-width:100%}.yuv-dialog-content .query .tokens details[open]{width:100%}.yuv-dialog-content .query .tokens details[open] mat-icon.arr{transform:rotate(180deg)}.yuv-dialog-content .query .tokens details summary{padding:var(--ymt-spacing-xs);padding-inline-end:var(--ymt-spacing-3xl);cursor:pointer;display:flex;align-items:center;position:relative;font-weight:700}.yuv-dialog-content .query .tokens details summary.dirty:after{content:\"\";width:.5em;height:.5em;border-radius:50%;background-color:var(--ymt-primary);margin-inline-start:.5em;align-self:start}.yuv-dialog-content .query .tokens details summary::marker{display:none}.yuv-dialog-content .query .tokens details summary mat-icon{margin-inline-end:var(--ymt-spacing-xs)}.yuv-dialog-content .query .tokens details summary mat-icon.arr{position:absolute;inset-inline-end:0}.yuv-dialog-content .query .tokens .searchToken{padding:var(--ymt-spacing-xs);gap:var(--ymt-spacing-xs);cursor:pointer;display:flex;align-items:center;line-height:1em;font-weight:700}.yuv-dialog-actions{border-top:1px solid var(--ymt-outline-variant)}@keyframes searchTokenEnter{0%{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:translateY(0)}}\n"] }]
         }], ctorParameters: () => [] });
 
 class DriveSearchComponent {
-    constructor() {
-        this.translate = inject(TranslateService$1);
-        this.#overlay = inject(MatDialog);
-        this.#router = inject(Router);
-        this.#route = inject(ActivatedRoute);
-        this.#drive = inject(DriveService);
-        this.query = this.#drive.state$.query;
-        this.extendedQuery = this.#drive.state$.extendedQuery;
-        this.currentFolder = this.#drive.state$.currentFolder;
-        this.term = '';
-    }
-    #overlay;
-    #router;
-    #route;
-    #drive;
+    translate = inject(TranslateService$1);
+    #overlay = inject(MatDialog);
+    #router = inject(Router);
+    #route = inject(ActivatedRoute);
+    #drive = inject(DriveService);
     #oRef;
+    query = this.#drive.state$.query;
+    extendedQuery = this.#drive.state$.extendedQuery;
+    currentFolder = this.#drive.state$.currentFolder;
+    term = '';
     openModal(event) {
         event.stopPropagation();
         this.#oRef = this.#overlay.open(DriveSearchOverlayComponent, {
@@ -1955,10 +1870,10 @@ class DriveSearchComponent {
             relativeTo: this.#route
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: DriveSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.12", type: DriveSearchComponent, isStandalone: true, selector: "ymd-drive-search", host: { properties: { "class.active": "extendedQuery()" } }, ngImport: i0, template: "<button mat-icon-button class=\"icon\" (click)=\"openModal($event)\" [matTooltip]=\"'yuv.app.drive.search.tooltip.extended-search' | translate\">\n  <mat-icon>tune</mat-icon>\n</button>\n\n<yuv-simple-search\n  [query]=\"query()\"\n  (queryChange)=\"onQueryChange($event)\"\n  (querySubmit)=\"onQuerySubmit($event)\"\n  (clearInput)=\"clear()\"></yuv-simple-search>\n", styles: [":host{display:flex;align-items:center;gap:var(--ymt-spacing-xs)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule$1 }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: SimpleSearchComponent, selector: "yuv-simple-search", inputs: ["query"], outputs: ["querySubmit", "clearInput", "targetSelectionChanged", "queryChange", "typeAggregation"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2$4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DriveSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: DriveSearchComponent, isStandalone: true, selector: "ymd-drive-search", host: { properties: { "class.active": "extendedQuery()" } }, ngImport: i0, template: "<button mat-icon-button class=\"icon\" (click)=\"openModal($event)\" [matTooltip]=\"'yuv.app.drive.search.tooltip.extended-search' | translate\">\n  <mat-icon>tune</mat-icon>\n</button>\n\n<yuv-simple-search\n  [query]=\"query()\"\n  (queryChange)=\"onQueryChange($event)\"\n  (querySubmit)=\"onQuerySubmit($event)\"\n  (clearInput)=\"clear()\"></yuv-simple-search>\n", styles: [":host{display:flex;align-items:center;gap:var(--ymt-spacing-xs)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule$1 }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: SimpleSearchComponent, selector: "yuv-simple-search", inputs: ["query"], outputs: ["querySubmit", "clearInput", "targetSelectionChanged", "queryChange", "typeAggregation"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2$4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: DriveSearchComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DriveSearchComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ymd-drive-search', standalone: true, imports: [CommonModule, TranslateModule$1, SimpleSearchComponent, ReactiveFormsModule, MatTooltipModule, MatIconButton, MatIcon], host: {
                         '[class.active]': 'extendedQuery()'
@@ -1969,57 +1884,48 @@ const COMPONENTS = [VersionsListComponent, ObjectSummaryDataComponent, ObjectPre
 const MODULES = [YuvSplitViewModule, TranslateModule];
 const MATERIAL = [MatIconModule, MatButtonModule, MatTabsModule, YmtButtonDirective];
 class ManageVersionsComponent {
-    constructor() {
-        this.#drive = inject(DriveService);
-        this.#shell = inject(ShellService);
-        this.#eventService = inject(EventService);
-        this.#retention = inject(RetentionService);
-        this.#dialogData = inject(MAT_DIALOG_DATA);
-        this.#dialogRef = inject((MatDialogRef));
-        this.versionsList = this.#drive.state$.versions.versionsList;
-        this.selectedVersion = this.#drive.state$.versions.selectedVersion;
-        this.selectedDmsObject = this.#drive.state$.selectedDmsObject;
-        this.isLoading = this.#drive.state$.busy;
-        this.item = this.#dialogData;
-        this.layoutSettingIdBase = 'app.drive.versions.';
-        this.dmsObject = computed(() => {
-            const dmsObject = this.selectedDmsObject();
-            return dmsObject
-                ? { id: dmsObject.data[BaseObjectTypeField.OBJECT_ID], name: dmsObject.data[FS_PROPERTIES.name] }
-                : { id: null, name: '' };
-        });
-        this.id = computed(() => {
-            const version = this.selectedVersion();
-            return version ? version[0].id : null;
-        });
-        this.flavoredDmsObject = computed(() => {
-            const o = this.selectedVersion();
-            return o
-                ? {
-                    object: o[0],
-                    flavors: [
-                        {
-                            id: APP_TYPES['file']['id'],
-                            icon: APP_TYPES['file']['icon'],
-                            sot: FS_SOTS.object
-                        },
-                        ...this.#shell.getAppliedObjectFlavors(o[0]).applied
-                    ]
-                }
-                : undefined;
-        });
-        this.disabledRestore = computed(() => {
-            const selectedVersion = this.selectedVersion();
-            const list = this.versionsList();
-            return !(selectedVersion && selectedVersion[0].version !== list.length && !this.isUnderRetention(this.selectedDmsObject()));
-        });
-    }
-    #drive;
-    #shell;
-    #eventService;
-    #retention;
-    #dialogData;
-    #dialogRef;
+    #drive = inject(DriveService);
+    #shell = inject(ShellService);
+    #eventService = inject(EventService);
+    #dialogData = inject(MAT_DIALOG_DATA);
+    #dialogRef = inject((MatDialogRef));
+    versionsList = this.#drive.state$.versions.versionsList;
+    selectedVersion = this.#drive.state$.versions.selectedVersion;
+    selectedDmsObject = this.#drive.state$.selectedDmsObject;
+    isLoading = this.#drive.state$.busy;
+    item = this.#dialogData;
+    layoutSettingIdBase = 'app.drive.versions.';
+    dmsObject = computed(() => {
+        const dmsObject = this.selectedDmsObject();
+        return dmsObject
+            ? { id: dmsObject.data[BaseObjectTypeField.OBJECT_ID], name: dmsObject.data[FS_PROPERTIES.name] }
+            : { id: null, name: '' };
+    });
+    id = computed(() => {
+        const version = this.selectedVersion();
+        return version ? version[0].id : null;
+    });
+    flavoredDmsObject = computed(() => {
+        const o = this.selectedVersion();
+        return o
+            ? {
+                object: o[0],
+                flavors: [
+                    {
+                        id: APP_TYPES['file']['id'],
+                        icon: APP_TYPES['file']['icon'],
+                        sot: FS_SOTS.object
+                    },
+                    ...this.#shell.getAppliedObjectFlavors(o[0]).applied
+                ]
+            }
+            : undefined;
+    });
+    disabledRestore = computed(() => {
+        const selectedVersion = this.selectedVersion();
+        const list = this.versionsList();
+        return !(selectedVersion && selectedVersion[0].version !== list.length);
+    });
     #loadList() {
         this.#drive.setBusy(true);
         return forkJoin([this.#drive.getVersions(this.item.id), this.#drive.getSelectedDmsObject(this.item.id)]).pipe(finalize(() => this.#drive.setBusy(false)));
@@ -2040,40 +1946,32 @@ class ManageVersionsComponent {
             error: (err) => this.#drive.setBusy(false)
         });
     }
-    isUnderRetention(o) {
-        return o && this.#retention.getRetentionState(o).underRetention;
-    }
     ngOnInit() {
         this.#loadList().subscribe();
     }
     ngOnDestroy() {
         this.#drive.clearVersions();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ManageVersionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.12", type: ManageVersionsComponent, isStandalone: true, selector: "ymd-manage-versions", providers: [ObjectPreviewService], ngImport: i0, template: "<yuv-dialog [headertitel]=\"'yuv.app.drive.versions.header.label' | translate\">\n  <main>\n    <div class=\"progress-bar-container\">\n      @if (isLoading()) {\n        <mat-progress-bar mode=\"indeterminate\" class=\"progress-bar\"></mat-progress-bar>\n      }\n    </div>\n    <yuv-split-view [gutterSize]=\"1\" [layoutSettingsID]=\"layoutSettingIdBase + 'split'\">\n      <!-- Versions -->\n      <ng-template yuvSplitArea [size]=\"60\">\n        <div class=\"version-details\">\n          <header>\n            <span>{{ dmsObject().name }}</span>\n          </header>\n          <div class=\"details\">\n            @let selected = selectedVersion();\n            @if (selected && selected.length === 1) {\n              <mat-tab-group class=\"version-tabs\">\n                <mat-tab [label]=\"'yuv.app.drive.object-metadata.tabs.content.title' | translate\">\n                  <ng-template matTabContent>\n                    <yuv-object-preview [dmsObject]=\"selected[0]\" [version]=\"selected[0].version\"></yuv-object-preview>\n                  </ng-template>\n                </mat-tab>\n                <mat-tab [label]=\"'yuv.app.drive.object-metadata.tabs.indexdata.title' | translate\">\n                  <ng-template matTabContent>\n                    <yuv-object-summary-data [dmsObject]=\"selected[0]\"></yuv-object-summary-data>\n                  </ng-template>\n                </mat-tab>\n              </mat-tab-group>\n            }\n          </div>\n        </div>\n      </ng-template>\n      <!-- Details -->\n      <ng-template yuvSplitArea [size]=\"40\">\n        <div class=\"versions\">\n          <header>\n            <h2>{{ 'yuv.app.drive.versions.header.label.short' | translate }}</h2>\n            <div class=\"actions\">\n              <button mat-icon-button class=\"refresh\" (click)=\"reloadList()\"><mat-icon>refresh</mat-icon></button>\n            </div>\n          </header>\n          <ymd-versions-list\n            class=\"staggered\"\n            [attr.aria-label]=\"'yuv.app.drive.files.content.aria.label' | translate\"\n            [attr.aria-busy]=\"isLoading()\"\n            [attr.role]=\"'listbox'\"\n            [id]=\"id()\"\n          >\n          </ymd-versions-list>\n        </div>\n      </ng-template>\n    </yuv-split-view>\n  </main>\n  <footer>\n    <button ymtButton=\"secondary\" class=\"close\" (click)=\"close()\">{{ 'yuv.app.drive.action.set.new.versions.cancel' | translate }}</button>\n    <button ymtButton=\"primary\" [disabled]=\"disabledRestore()\" (click)=\"setNewVersion()\">\n      {{ 'yuv.app.drive.action.set.new.versions.label' | translate }}\n    </button>\n  </footer>\n</yuv-dialog>\n", styles: [":host{display:contents}:host main{display:contents}:host .progress-bar-container{height:calc(var(--ymt-progress-bar-height) + 1px);background-color:transparent}:host yuv-split-view{--split-gutter-background-color: var(--ymt-outline-variant);height:100%}:host header{display:grid;grid-template-columns:2fr max-content;grid-template-rows:1fr max-content;gap:0px 0px;grid-auto-flow:row;grid-template-areas:\"label actions\" \"title title\";padding:var(--ymt-spacing-m);align-items:center}:host .versions,:host .version-details{display:flex;flex-flow:column;height:100%}:host .version-details .details{flex:1;overflow-y:hidden}:host .version-details .details .version-tabs{height:100%}:host .version-details .details ::ng-deep .mat-mdc-tab-body-wrapper{height:100%;overflow:hidden}:host .versions header{border-bottom:1px solid var(--ymt-outline-variant);padding-top:0}:host .versions .label{grid-area:label}:host .versions .actions{grid-area:actions;display:flex;justify-content:center;align-items:center}:host .versions .actions button{padding:0}:host .versions .title{grid-area:title}:host .versions .staggered{flex:1;overflow-y:scroll}:host .versions-details{height:100%}\n"], dependencies: [{ kind: "ngmodule", type: YuvSplitViewModule }, { kind: "directive", type: i1$2.SplitAreaDirective, selector: "[yuvSplitArea]", inputs: ["size", "minSize", "maxSize", "panelClass", "visible"] }, { kind: "component", type: i1$2.SplitViewComponent, selector: "yuv-split-view", inputs: ["direction", "gutterSize", "restrictMove", "disabled", "layoutSettingsID"], outputs: ["layoutSettingsChange", "dragStart", "dragEnd", "gutterClick", "gutterDblClick"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: VersionsListComponent, selector: "ymd-versions-list" }, { kind: "component", type: ObjectSummaryDataComponent, selector: "yuv-object-summary-data", inputs: ["dmsObject", "flavors", "showAppliedFlavors"] }, { kind: "component", type: ObjectPreviewComponent, selector: "yuv-object-preview", inputs: ["objectId", "dmsObject", "version", "metadata"] }, { kind: "component", type: DialogComponent, selector: "yuv-dialog", inputs: ["headertitel"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "directive", type: i5$1.MatTabContent, selector: "[matTabContent]" }, { kind: "component", type: i5$1.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i5$1.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: YmtButtonDirective, selector: "button[ymtButton], a[ymtButton]", inputs: ["ymtButton", "disabled", "aria-disabled", "disableRipple", "disabledInteractive", "button-size"] }, { kind: "component", type: MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ManageVersionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: ManageVersionsComponent, isStandalone: true, selector: "ymd-manage-versions", providers: [ObjectPreviewService], ngImport: i0, template: "<yuv-dialog [headertitel]=\"'yuv.app.drive.versions.header.label' | translate\">\n  <main>\n    <div class=\"progress-bar-container\">\n      @if (isLoading()) {\n        <mat-progress-bar mode=\"indeterminate\" class=\"progress-bar\"></mat-progress-bar>\n      }\n    </div>\n    <yuv-split-view [gutterSize]=\"1\" [layoutSettingsID]=\"layoutSettingIdBase + 'split'\">\n      <!-- Versions -->\n      <ng-template yuvSplitArea [size]=\"60\">\n        <div class=\"version-details\">\n          <header>\n            <span>{{ dmsObject().name }}</span>\n          </header>\n          <div class=\"details\">\n            @let selected = selectedVersion();\n            @if (selected && selected.length === 1) {\n              <mat-tab-group class=\"version-tabs\">\n                <mat-tab [label]=\"'yuv.app.drive.object-metadata.tabs.content.title' | translate\">\n                  <ng-template matTabContent>\n                    <yuv-object-preview [dmsObject]=\"selected[0]\" [version]=\"selected[0].version\"></yuv-object-preview>\n                  </ng-template>\n                </mat-tab>\n                <mat-tab [label]=\"'yuv.app.drive.object-metadata.tabs.indexdata.title' | translate\">\n                  <ng-template matTabContent>\n                    <yuv-object-summary-data [dmsObject]=\"selected[0]\"></yuv-object-summary-data>\n                  </ng-template>\n                </mat-tab>\n              </mat-tab-group>\n            }\n          </div>\n        </div>\n      </ng-template>\n      <!-- Details -->\n      <ng-template yuvSplitArea [size]=\"40\">\n        <div class=\"versions\">\n          <header>\n            <h2>{{ 'yuv.app.drive.versions.header.label.short' | translate }}</h2>\n            <div class=\"actions\">\n              <button mat-icon-button class=\"refresh\" (click)=\"reloadList()\"><mat-icon>refresh</mat-icon></button>\n            </div>\n          </header>\n          <ymd-versions-list\n            class=\"staggered\"\n            [attr.aria-label]=\"'yuv.app.drive.files.content.aria.label' | translate\"\n            [attr.aria-busy]=\"isLoading()\"\n            [attr.role]=\"'listbox'\"\n            [id]=\"id()\"\n          >\n          </ymd-versions-list>\n        </div>\n      </ng-template>\n    </yuv-split-view>\n  </main>\n  <footer>\n    <button ymtButton=\"secondary\" class=\"close\" (click)=\"close()\">{{ 'yuv.app.drive.action.set.new.versions.cancel' | translate }}</button>\n    <button ymtButton=\"primary\" [disabled]=\"disabledRestore()\" (click)=\"setNewVersion()\">\n      {{ 'yuv.app.drive.action.set.new.versions.label' | translate }}\n    </button>\n  </footer>\n</yuv-dialog>\n", styles: [":host{display:contents}:host main{display:contents}:host .progress-bar-container{height:calc(var(--ymt-progress-bar-height) + 1px);background-color:transparent}:host yuv-split-view{--split-gutter-background-color: var(--ymt-outline-variant);height:100%}:host header{display:grid;grid-template-columns:2fr max-content;grid-template-rows:1fr max-content;gap:0px 0px;grid-auto-flow:row;grid-template-areas:\"label actions\" \"title title\";padding:var(--ymt-spacing-m);align-items:center}:host .versions,:host .version-details{display:flex;flex-flow:column;height:100%}:host .version-details .details{flex:1;overflow-y:hidden}:host .version-details .details .version-tabs{height:100%}:host .version-details .details ::ng-deep .mat-mdc-tab-body-wrapper{height:100%;overflow:hidden}:host .versions header{border-bottom:1px solid var(--ymt-outline-variant);padding-top:0}:host .versions .label{grid-area:label}:host .versions .actions{grid-area:actions;display:flex;justify-content:center;align-items:center}:host .versions .actions button{padding:0}:host .versions .title{grid-area:title}:host .versions .staggered{flex:1;overflow-y:scroll}:host .versions-details{height:100%}\n"], dependencies: [{ kind: "ngmodule", type: YuvSplitViewModule }, { kind: "directive", type: i1$2.SplitAreaDirective, selector: "[yuvSplitArea]", inputs: ["size", "minSize", "maxSize", "panelClass", "visible"] }, { kind: "component", type: i1$2.SplitViewComponent, selector: "yuv-split-view", inputs: ["direction", "gutterSize", "restrictMove", "disabled", "layoutSettingsID"], outputs: ["layoutSettingsChange", "dragStart", "dragEnd", "gutterClick", "gutterDblClick"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: VersionsListComponent, selector: "ymd-versions-list" }, { kind: "component", type: ObjectSummaryDataComponent, selector: "yuv-object-summary-data", inputs: ["dmsObject", "flavors", "showAppliedFlavors"] }, { kind: "component", type: ObjectPreviewComponent, selector: "yuv-object-preview", inputs: ["objectId", "dmsObject", "version", "metadata"] }, { kind: "component", type: DialogComponent, selector: "yuv-dialog", inputs: ["headertitel"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "directive", type: i5$1.MatTabContent, selector: "[matTabContent]" }, { kind: "component", type: i5$1.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i5$1.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: YmtButtonDirective, selector: "button[ymtButton], a[ymtButton]", inputs: ["ymtButton", "disabled", "aria-disabled", "disableRipple", "disabledInteractive", "button-size"] }, { kind: "component", type: MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ManageVersionsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ManageVersionsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ymd-manage-versions', standalone: true, imports: [...MODULES, ...COMPONENTS, ...MATERIAL, MatProgressBar], changeDetection: ChangeDetectionStrategy.OnPush, providers: [ObjectPreviewService], template: "<yuv-dialog [headertitel]=\"'yuv.app.drive.versions.header.label' | translate\">\n  <main>\n    <div class=\"progress-bar-container\">\n      @if (isLoading()) {\n        <mat-progress-bar mode=\"indeterminate\" class=\"progress-bar\"></mat-progress-bar>\n      }\n    </div>\n    <yuv-split-view [gutterSize]=\"1\" [layoutSettingsID]=\"layoutSettingIdBase + 'split'\">\n      <!-- Versions -->\n      <ng-template yuvSplitArea [size]=\"60\">\n        <div class=\"version-details\">\n          <header>\n            <span>{{ dmsObject().name }}</span>\n          </header>\n          <div class=\"details\">\n            @let selected = selectedVersion();\n            @if (selected && selected.length === 1) {\n              <mat-tab-group class=\"version-tabs\">\n                <mat-tab [label]=\"'yuv.app.drive.object-metadata.tabs.content.title' | translate\">\n                  <ng-template matTabContent>\n                    <yuv-object-preview [dmsObject]=\"selected[0]\" [version]=\"selected[0].version\"></yuv-object-preview>\n                  </ng-template>\n                </mat-tab>\n                <mat-tab [label]=\"'yuv.app.drive.object-metadata.tabs.indexdata.title' | translate\">\n                  <ng-template matTabContent>\n                    <yuv-object-summary-data [dmsObject]=\"selected[0]\"></yuv-object-summary-data>\n                  </ng-template>\n                </mat-tab>\n              </mat-tab-group>\n            }\n          </div>\n        </div>\n      </ng-template>\n      <!-- Details -->\n      <ng-template yuvSplitArea [size]=\"40\">\n        <div class=\"versions\">\n          <header>\n            <h2>{{ 'yuv.app.drive.versions.header.label.short' | translate }}</h2>\n            <div class=\"actions\">\n              <button mat-icon-button class=\"refresh\" (click)=\"reloadList()\"><mat-icon>refresh</mat-icon></button>\n            </div>\n          </header>\n          <ymd-versions-list\n            class=\"staggered\"\n            [attr.aria-label]=\"'yuv.app.drive.files.content.aria.label' | translate\"\n            [attr.aria-busy]=\"isLoading()\"\n            [attr.role]=\"'listbox'\"\n            [id]=\"id()\"\n          >\n          </ymd-versions-list>\n        </div>\n      </ng-template>\n    </yuv-split-view>\n  </main>\n  <footer>\n    <button ymtButton=\"secondary\" class=\"close\" (click)=\"close()\">{{ 'yuv.app.drive.action.set.new.versions.cancel' | translate }}</button>\n    <button ymtButton=\"primary\" [disabled]=\"disabledRestore()\" (click)=\"setNewVersion()\">\n      {{ 'yuv.app.drive.action.set.new.versions.label' | translate }}\n    </button>\n  </footer>\n</yuv-dialog>\n", styles: [":host{display:contents}:host main{display:contents}:host .progress-bar-container{height:calc(var(--ymt-progress-bar-height) + 1px);background-color:transparent}:host yuv-split-view{--split-gutter-background-color: var(--ymt-outline-variant);height:100%}:host header{display:grid;grid-template-columns:2fr max-content;grid-template-rows:1fr max-content;gap:0px 0px;grid-auto-flow:row;grid-template-areas:\"label actions\" \"title title\";padding:var(--ymt-spacing-m);align-items:center}:host .versions,:host .version-details{display:flex;flex-flow:column;height:100%}:host .version-details .details{flex:1;overflow-y:hidden}:host .version-details .details .version-tabs{height:100%}:host .version-details .details ::ng-deep .mat-mdc-tab-body-wrapper{height:100%;overflow:hidden}:host .versions header{border-bottom:1px solid var(--ymt-outline-variant);padding-top:0}:host .versions .label{grid-area:label}:host .versions .actions{grid-area:actions;display:flex;justify-content:center;align-items:center}:host .versions .actions button{padding:0}:host .versions .title{grid-area:title}:host .versions .staggered{flex:1;overflow-y:scroll}:host .versions-details{height:100%}\n"] }]
         }] });
 
 class ManageVersionsAction extends AbstractContextAction {
-    constructor() {
-        super(...arguments);
-        this.translate = inject(TranslateService);
-        this.#overlay = inject(MatDialog);
-        this.#overlayService = inject(Overlay);
-        this.id = 'app.drive.action.manage-versions';
-        this.label = this.translate.instant('yuv.app.drive.action.manage-versions.label');
-        this.description = this.translate.instant('yuv.app.drive.action.manage-versions.description');
-        this.priority = 2;
-        this.icon = 'manage_history';
-        this.group = 'common';
-        this.range = SelectionRange.SINGLE_SELECT;
-        this.supports = {};
-    }
-    #overlay;
-    #overlayService;
+    translate = inject(TranslateService);
+    #overlay = inject(MatDialog);
+    #overlayService = inject(Overlay);
+    id = 'app.drive.action.manage-versions';
+    label = this.translate.instant('yuv.app.drive.action.manage-versions.label');
+    description = this.translate.instant('yuv.app.drive.action.manage-versions.description');
+    priority = 2;
+    icon = 'manage_history';
+    group = 'common';
+    range = SelectionRange.SINGLE_SELECT;
+    supports = {};
     isExecutable(selection) {
         return of(selection && selection[0] && selection[0].version > 1 && !selection[0].isFolder);
     }
@@ -2086,46 +1984,38 @@ class ManageVersionsAction extends AbstractContextAction {
 }
 
 class DriveFrameComponent {
-    #router;
-    #route;
-    #drive;
-    #shell;
-    #actionsService;
-    #destroyRef;
-    #app;
-    #actions;
+    #router = inject(Router);
+    #route = inject(ActivatedRoute);
+    #drive = inject(DriveService);
+    #shell = inject(ShellService);
+    #actionsService = inject(ActionsService);
+    #destroyRef = inject(DestroyRef);
+    query = this.#drive.state$.query;
+    currentFolder = this.#drive.state$.currentFolder;
+    busy = this.#drive.state$.busy;
+    #app = this.#shell.getApp(APP_ID);
+    appName = this.#app?.title;
+    appIcon = this.#app?.iconName;
+    headerNavItems = [
+    // TODO: enable again once favorite feature is implemented
+    // {
+    //   id: 'favorites',
+    //   disabled: true,
+    //   label: this.translate.instant('yuv.app.drive.nav.favorites'),
+    //   icon: this.icons.favorite,
+    //   callback: () => {
+    //     this.router.navigate(['favorites'], {relativeTo: this.route})
+    //   }
+    // }
+    ];
+    #actions = [
+        { id: APP_ACTIONS.rename, action: RenameAction },
+        { id: APP_ACTIONS.paste, action: PasteAction },
+        { id: APP_ACTIONS.contentUpdate, action: UpdateContentAction },
+        { id: APP_ACTIONS.copyLink, action: CopyLinkAction },
+        { id: APP_ACTIONS.manageVersions, action: ManageVersionsAction }
+    ];
     constructor() {
-        this.#router = inject(Router);
-        this.#route = inject(ActivatedRoute);
-        this.#drive = inject(DriveService);
-        this.#shell = inject(ShellService);
-        this.#actionsService = inject(ActionsService);
-        this.#destroyRef = inject(DestroyRef);
-        this.query = this.#drive.state$.query;
-        this.currentFolder = this.#drive.state$.currentFolder;
-        this.busy = this.#drive.state$.busy;
-        this.#app = this.#shell.getApp(APP_ID);
-        this.appName = this.#app?.title;
-        this.appIcon = this.#app?.iconName;
-        this.headerNavItems = [
-        // TODO: enable again once favorite feature is implemented
-        // {
-        //   id: 'favorites',
-        //   disabled: true,
-        //   label: this.translate.instant('yuv.app.drive.nav.favorites'),
-        //   icon: this.icons.favorite,
-        //   callback: () => {
-        //     this.router.navigate(['favorites'], {relativeTo: this.route})
-        //   }
-        // }
-        ];
-        this.#actions = [
-            { id: APP_ACTIONS.rename, action: RenameAction },
-            { id: APP_ACTIONS.paste, action: PasteAction },
-            { id: APP_ACTIONS.contentUpdate, action: UpdateContentAction },
-            { id: APP_ACTIONS.copyLink, action: CopyLinkAction },
-            { id: APP_ACTIONS.manageVersions, action: ManageVersionsAction }
-        ];
         this.#registerActions();
         // TODO: make use of global shortcuts
         // this.shellService.globalShortcuts$.pipe(takeUntilDestroyed()).subscribe((s: GlobalShortcut) => {
@@ -2157,10 +2047,10 @@ class DriveFrameComponent {
     ngOnDestroy() {
         this.#actions.forEach((a) => this.#actionsService.concealActions([a.id]));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: DriveFrameComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.12", type: DriveFrameComponent, isStandalone: true, selector: "ymd-drive", ngImport: i0, template: "<yuv-upload-progress (resultItemClick)=\"onUploadProgressResultItemClick($event)\"></yuv-upload-progress>\n\n<ng-template yuvAppHeaderSlot=\"search\"><ymd-drive-search></ymd-drive-search></ng-template>\n<ng-template yuvAppHeaderSlot=\"actions\"> <yuv-overflow-menu [menuItems]=\"headerNavItems\"></yuv-overflow-menu></ng-template>\n\n\n\n<section class=\"drive-main__content\" [attr.aria-label]=\"'yuv.app.drive.content.aria.label' | translate\">\n  <router-outlet></router-outlet>\n</section>\n\n<router-outlet name=\"modal\"></router-outlet>\n", styles: [":host{display:flex;flex-flow:column;height:100%}:host .drive-main__content{flex:1;overflow-y:hidden}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$3.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: OverflowMenuComponent, selector: "yuv-overflow-menu", inputs: ["overflowIcon", "groupLabels", "menuItems", "vertical"] }, { kind: "ngmodule", type: YuvClientShellModule }, { kind: "directive", type: i2$5.YuvAppHeaderSlotDirective, selector: "ng-template[yuvAppHeaderSlot]", inputs: ["yuvAppHeaderSlot"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: UploadProgressComponent, selector: "yuv-upload-progress", outputs: ["resultItemClick"] }, { kind: "component", type: DriveSearchComponent, selector: "ymd-drive-search" }] }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DriveFrameComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: DriveFrameComponent, isStandalone: true, selector: "ymd-drive", ngImport: i0, template: "<yuv-upload-progress (resultItemClick)=\"onUploadProgressResultItemClick($event)\"></yuv-upload-progress>\n\n<ng-template yuvAppHeaderSlot=\"search\"><ymd-drive-search></ymd-drive-search></ng-template>\n<ng-template yuvAppHeaderSlot=\"actions\"> <yuv-overflow-menu [menuItems]=\"headerNavItems\"></yuv-overflow-menu></ng-template>\n\n\n\n<section class=\"drive-main__content\" [attr.aria-label]=\"'yuv.app.drive.content.aria.label' | translate\">\n  <router-outlet></router-outlet>\n</section>\n\n<router-outlet name=\"modal\"></router-outlet>\n", styles: [":host{display:flex;flex-flow:column;height:100%}:host .drive-main__content{flex:1;overflow-y:hidden}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$3.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: OverflowMenuComponent, selector: "yuv-overflow-menu", inputs: ["overflowIcon", "groupLabels", "menuItems", "vertical"] }, { kind: "ngmodule", type: YuvClientShellModule }, { kind: "directive", type: i2$5.YuvAppHeaderSlotDirective, selector: "ng-template[yuvAppHeaderSlot]", inputs: ["yuvAppHeaderSlot"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: UploadProgressComponent, selector: "yuv-upload-progress", outputs: ["resultItemClick"] }, { kind: "component", type: DriveSearchComponent, selector: "ymd-drive-search" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: DriveFrameComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DriveFrameComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ymd-drive', standalone: true, imports: [
                         CommonModule,
@@ -2175,22 +2065,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImpo
         }], ctorParameters: () => [] });
 
 class FolderDetailsDialogComponent {
-    constructor() {
-        this.#shell = inject(ShellService);
-        this.#folder = inject(MAT_DIALOG_DATA);
-        this.#dialogRef = inject((MatDialogRef));
-        this.folderName = this.#folder.data[FS_PROPERTIES.name];
-        this.formState = signal(undefined);
-        this.flavoredDmsObject = computed(() => this.#folder
-            ? {
-                object: this.#folder,
-                flavors: [...this.#shell.getAppliedObjectFlavors(this.#folder).applied]
-            }
-            : undefined);
-    }
-    #shell;
-    #folder;
-    #dialogRef;
+    #shell = inject(ShellService);
+    #folder = inject(MAT_DIALOG_DATA);
+    #dialogRef = inject((MatDialogRef));
+    folderName = this.#folder.data[FS_PROPERTIES.name];
+    formState = signal(undefined);
+    flavoredDmsObject = computed(() => this.#folder
+        ? {
+            object: this.#folder,
+            flavors: [...this.#shell.getAppliedObjectFlavors(this.#folder).applied]
+        }
+        : undefined);
     onMetadataStatusChanged(formState) {
         this.formState.set(formState);
     }
@@ -2200,43 +2085,39 @@ class FolderDetailsDialogComponent {
     close() {
         this.#dialogRef.close();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: FolderDetailsDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.12", type: FolderDetailsDialogComponent, isStandalone: true, selector: "ymd-folder-details-dialog", ngImport: i0, template: "<yuv-dialog [headertitel]=\"folderName\">\n  <main [yuvBusyOverlay]=\"metadata.busy()\">\n    <yuv-object-metadata\n      [flavoredDmsObject]=\"flavoredDmsObject()\"\n      #metadata\n      [disableControls]=\"true\"\n      (statusChanged)=\"onMetadataStatusChanged($event)\"\n      (indexDataSaved)=\"onIndexdataSaved($event)\"\n    >\n    </yuv-object-metadata>\n  </main>\n  <footer>\n    <button ymtButton=\"secondary\" type=\"button\" (click)=\"close()\" [disabled]=\"metadata.busy()\">\n      {{ 'yuv.app.drive.action.rename.cancel' | translate }}\n    </button>\n    <button ymtButton=\"secondary\" (click)=\"metadata.resetForm()\" [hidden]=\"!formState()?.dirty\" [disabled]=\"!formState()?.dirty\">\n      {{ 'yuv.object-metadata.button.reset' | translate }}\n    </button>\n    <button\n      ymtButton=\"primary\"\n      class=\"primary\"\n      [ngClass]=\"{ spinning: metadata.busy() }\"\n      (click)=\"metadata.save()\"\n      [disabled]=\"!formState()?.dirty || formState()?.invalid\"\n    >\n      {{ 'yuv.object-metadata.button.save' | translate }}\n    </button>\n  </footer>\n</yuv-dialog>\n", styles: [":host main{overflow-y:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: DialogComponent, selector: "yuv-dialog", inputs: ["headertitel"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: ObjectMetadataComponent, selector: "yuv-object-metadata", inputs: ["disableControls", "situation", "formDisabled", "dmsObject", "flavoredDmsObject"], outputs: ["indexDataSaved", "statusChanged"] }, { kind: "directive", type: BusyOverlayDirective, selector: "[yuvBusyOverlay]", inputs: ["yuvBusyOverlay", "yuvBusyOverlayConfig"] }, { kind: "directive", type: YmtButtonDirective, selector: "button[ymtButton], a[ymtButton]", inputs: ["ymtButton", "disabled", "aria-disabled", "disableRipple", "disabledInteractive", "button-size"] }] }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FolderDetailsDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: FolderDetailsDialogComponent, isStandalone: true, selector: "ymd-folder-details-dialog", ngImport: i0, template: "<yuv-dialog [headertitel]=\"folderName\">\n  <main [yuvBusyOverlay]=\"metadata.busySaving()\">\n    <yuv-object-metadata\n      [flavoredDmsObject]=\"flavoredDmsObject()\"\n      #metadata\n      [disableControls]=\"true\"\n      (statusChanged)=\"onMetadataStatusChanged($event)\"\n      (indexDataSaved)=\"onIndexdataSaved($event)\"\n    >\n    </yuv-object-metadata>\n  </main>\n  <footer>\n    <button ymtButton=\"secondary\" type=\"button\" (click)=\"close()\" [disabled]=\"metadata.busySaving()\">\n      {{ 'yuv.app.drive.action.rename.cancel' | translate }}\n    </button>\n    <button ymtButton=\"secondary\" (click)=\"metadata.resetForm()\" [hidden]=\"!formState()?.dirty\" [disabled]=\"!formState()?.dirty\">\n      {{ 'yuv.object-metadata.button.reset' | translate }}\n    </button>\n    <button\n      ymtButton=\"primary\"\n      class=\"primary\"\n      [ngClass]=\"{ spinning: metadata.busySaving() }\"\n      (click)=\"metadata.save()\"\n      [disabled]=\"!formState()?.dirty || formState()?.invalid\"\n    >\n      {{ 'yuv.object-metadata.button.save' | translate }}\n    </button>\n  </footer>\n</yuv-dialog>\n", styles: [":host main{overflow-y:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: DialogComponent, selector: "yuv-dialog", inputs: ["headertitel"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: ObjectMetadataComponent, selector: "yuv-object-metadata", inputs: ["disableControls", "disableBasicMetadata", "situation", "formDisabled", "dmsObject", "flavoredDmsObject"], outputs: ["indexDataSaved", "statusChanged"] }, { kind: "directive", type: BusyOverlayDirective, selector: "[yuvBusyOverlay]", inputs: ["yuvBusyOverlay", "yuvBusyOverlayConfig"] }, { kind: "directive", type: YmtButtonDirective, selector: "button[ymtButton], a[ymtButton]", inputs: ["ymtButton", "disabled", "aria-disabled", "disableRipple", "disabledInteractive", "button-size"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: FolderDetailsDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FolderDetailsDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ymd-folder-details-dialog', imports: [CommonModule, DialogComponent, TranslateModule, ObjectMetadataComponent, BusyOverlayDirective, YmtButtonDirective], template: "<yuv-dialog [headertitel]=\"folderName\">\n  <main [yuvBusyOverlay]=\"metadata.busy()\">\n    <yuv-object-metadata\n      [flavoredDmsObject]=\"flavoredDmsObject()\"\n      #metadata\n      [disableControls]=\"true\"\n      (statusChanged)=\"onMetadataStatusChanged($event)\"\n      (indexDataSaved)=\"onIndexdataSaved($event)\"\n    >\n    </yuv-object-metadata>\n  </main>\n  <footer>\n    <button ymtButton=\"secondary\" type=\"button\" (click)=\"close()\" [disabled]=\"metadata.busy()\">\n      {{ 'yuv.app.drive.action.rename.cancel' | translate }}\n    </button>\n    <button ymtButton=\"secondary\" (click)=\"metadata.resetForm()\" [hidden]=\"!formState()?.dirty\" [disabled]=\"!formState()?.dirty\">\n      {{ 'yuv.object-metadata.button.reset' | translate }}\n    </button>\n    <button\n      ymtButton=\"primary\"\n      class=\"primary\"\n      [ngClass]=\"{ spinning: metadata.busy() }\"\n      (click)=\"metadata.save()\"\n      [disabled]=\"!formState()?.dirty || formState()?.invalid\"\n    >\n      {{ 'yuv.object-metadata.button.save' | translate }}\n    </button>\n  </footer>\n</yuv-dialog>\n", styles: [":host main{overflow-y:auto}\n"] }]
+            args: [{ selector: 'ymd-folder-details-dialog', imports: [CommonModule, DialogComponent, TranslateModule, ObjectMetadataComponent, BusyOverlayDirective, YmtButtonDirective], template: "<yuv-dialog [headertitel]=\"folderName\">\n  <main [yuvBusyOverlay]=\"metadata.busySaving()\">\n    <yuv-object-metadata\n      [flavoredDmsObject]=\"flavoredDmsObject()\"\n      #metadata\n      [disableControls]=\"true\"\n      (statusChanged)=\"onMetadataStatusChanged($event)\"\n      (indexDataSaved)=\"onIndexdataSaved($event)\"\n    >\n    </yuv-object-metadata>\n  </main>\n  <footer>\n    <button ymtButton=\"secondary\" type=\"button\" (click)=\"close()\" [disabled]=\"metadata.busySaving()\">\n      {{ 'yuv.app.drive.action.rename.cancel' | translate }}\n    </button>\n    <button ymtButton=\"secondary\" (click)=\"metadata.resetForm()\" [hidden]=\"!formState()?.dirty\" [disabled]=\"!formState()?.dirty\">\n      {{ 'yuv.object-metadata.button.reset' | translate }}\n    </button>\n    <button\n      ymtButton=\"primary\"\n      class=\"primary\"\n      [ngClass]=\"{ spinning: metadata.busySaving() }\"\n      (click)=\"metadata.save()\"\n      [disabled]=\"!formState()?.dirty || formState()?.invalid\"\n    >\n      {{ 'yuv.object-metadata.button.save' | translate }}\n    </button>\n  </footer>\n</yuv-dialog>\n", styles: [":host main{overflow-y:auto}\n"] }]
         }] });
 
 class RibbonComponent {
-    #drive;
-    #clipboard;
-    #actionsService;
-    #objectsEffect;
-    constructor() {
-        this.primarySlot = contentChild('primaryActions');
-        this.secondarySlot = contentChild('secondaryActions');
-        this.#drive = inject(DriveService);
-        this.#clipboard = inject(ClipboardService);
-        this.#actionsService = inject(ActionsService);
-        this._defaultMenuItems = this.#drive.getDefaultRibbonActions().map((a) => ({
-            id: a.id,
-            icon: a.icon,
-            label: a.label,
-            disabled: true,
-            group: 'default',
-            callback: () => this.executeAction(a)
-        }));
-        this.clipboardBucket = APP_ID;
-        this.busy = input(false);
-        this.enableClipboard = input(false);
+    primarySlot = contentChild('primaryActions');
+    secondarySlot = contentChild('secondaryActions');
+    #drive = inject(DriveService);
+    #clipboard = inject(ClipboardService);
+    #actionsService = inject(ActionsService);
+    _defaultMenuItems = this.#drive.getDefaultRibbonActions().map((a) => ({
+        id: a.id,
+        icon: a.icon,
+        label: a.label,
+        disabled: true,
+        group: 'default',
+        callback: () => this.executeAction(a)
+    }));
+    clipboardBucket = APP_ID;
+    busy = input(false);
+    enableClipboard = input(false);
+    menuItems = this._defaultMenuItems;
+    objects = input();
+    #objectsEffect = effect(() => {
         this.menuItems = this._defaultMenuItems;
-        this.objects = input();
-        this.#objectsEffect = effect(() => {
-            this.menuItems = this._defaultMenuItems;
-            this.#getActionsAndSetupItems(this.objects() || []);
-        });
-        this.excludeActions = input();
+        this.#getActionsAndSetupItems(this.objects() || []);
+    });
+    excludeActions = input();
+    constructor() {
         this.#clipboard
             .clipboard$(this.clipboardBucket)
             .pipe(takeUntilDestroyed())
@@ -2288,10 +2169,10 @@ class RibbonComponent {
             }))
         ];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: RibbonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.12", type: RibbonComponent, isStandalone: true, selector: "ymd-ribbon", inputs: { busy: { classPropertyName: "busy", publicName: "busy", isSignal: true, isRequired: false, transformFunction: null }, enableClipboard: { classPropertyName: "enableClipboard", publicName: "enableClipboard", isSignal: true, isRequired: false, transformFunction: null }, objects: { classPropertyName: "objects", publicName: "objects", isSignal: true, isRequired: false, transformFunction: null }, excludeActions: { classPropertyName: "excludeActions", publicName: "excludeActions", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "ymd-ribbon" }, queries: [{ propertyName: "primarySlot", first: true, predicate: ["primaryActions"], descendants: true, isSignal: true }, { propertyName: "secondarySlot", first: true, predicate: ["secondaryActions"], descendants: true, isSignal: true }], ngImport: i0, template: "@let primary = primarySlot();\n@let secondary = secondarySlot();\n\n@if (primary) {\n  <div class=\"primary-actions\">\n    <ng-container [ngTemplateOutlet]=\"primary\"></ng-container>\n  </div>\n}\n\n<div class=\"object-actions\">\n  @if (enableClipboard()) {\n    <yuv-clipboard class=\"dark\" [bucket]=\"clipboardBucket\" [enablePaste]=\"true\" (paste)=\"onClipboardPaste()\"></yuv-clipboard>\n  }\n  <yuv-overflow-menu [menuItems]=\"menuItems\"></yuv-overflow-menu>\n</div>\n\n@if (secondary) {\n  <div class=\"secondary-actions\">\n    <ng-container [ngTemplateOutlet]=\"secondary\"></ng-container>\n  </div>\n}\n\n@if (busy()) {\n  <mat-progress-bar mode=\"indeterminate\" class=\"progress-bar\"></mat-progress-bar>\n}\n", styles: ["ymd-ribbon{--ribbon-button-padding: var(--ymt-spacing-2xs);--ribbon-button-border-radius: 2px;--ribbon-button-gap: var(--ymt-spacing-2xs);--ribbon-icon-size: 20px;flex:0 0 auto;display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:\"primary actions secondary\";align-items:center;gap:var(--ymt-spacing-xs);border-block-end:1px solid var(--ymt-outline-variant);position:relative;padding:var(--ymt-spacing-xs) var(--ymt-spacing-s)}ymd-ribbon .primary-actions{grid-area:primary;overflow-x:auto;overflow-y:hidden}ymd-ribbon .secondary-actions{grid-area:secondary;overflow-x:auto;overflow-y:hidden}ymd-ribbon .object-actions{grid-area:actions;align-self:stretch;overflow-x:auto;border-color:var(--ymt-outline-variant);border-width:0 1px 0 1px;border-style:solid;display:grid;grid-template-rows:1fr;grid-template-columns:1fr;align-items:center;padding-inline:var(--ymt-spacing-xs) 0;position:relative}ymd-ribbon .object-actions yuv-clipboard{z-index:1;position:absolute;inset:0;left:var(--ymt-spacing-xs);right:var(--ymt-spacing-xs)}ymd-ribbon .object-actions ymd-sort{grid-row:1;grid-column:1}ymd-ribbon .sort-column{grid-area:sort;display:flex;align-items:center;gap:var(--ribbon-button-gap);padding:0 var(--ribbon-button-padding)}ymd-ribbon .progress-bar{position:absolute;bottom:-1px}ymd-ribbon .progress-bar{--mdc-linear-progress-active-indicator-height: 2px}ymd-ribbon .progress-bar{--mdc-linear-progress-track-height: 2px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ClipboardComponent, selector: "yuv-clipboard", inputs: ["enablePaste", "bucket"], outputs: ["paste"] }, { kind: "component", type: OverflowMenuComponent, selector: "yuv-overflow-menu", inputs: ["overflowIcon", "groupLabels", "menuItems", "vertical"] }, { kind: "component", type: MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: RibbonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: RibbonComponent, isStandalone: true, selector: "ymd-ribbon", inputs: { busy: { classPropertyName: "busy", publicName: "busy", isSignal: true, isRequired: false, transformFunction: null }, enableClipboard: { classPropertyName: "enableClipboard", publicName: "enableClipboard", isSignal: true, isRequired: false, transformFunction: null }, objects: { classPropertyName: "objects", publicName: "objects", isSignal: true, isRequired: false, transformFunction: null }, excludeActions: { classPropertyName: "excludeActions", publicName: "excludeActions", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "ymd-ribbon" }, queries: [{ propertyName: "primarySlot", first: true, predicate: ["primaryActions"], descendants: true, isSignal: true }, { propertyName: "secondarySlot", first: true, predicate: ["secondaryActions"], descendants: true, isSignal: true }], ngImport: i0, template: "@let primary = primarySlot();\n@let secondary = secondarySlot();\n\n@if (primary) {\n  <div class=\"primary-actions\">\n    <ng-container [ngTemplateOutlet]=\"primary\"></ng-container>\n  </div>\n}\n\n<div class=\"object-actions\">\n  @if (enableClipboard()) {\n    <yuv-clipboard class=\"dark\" [bucket]=\"clipboardBucket\" [enablePaste]=\"true\" (paste)=\"onClipboardPaste()\"></yuv-clipboard>\n  }\n  <yuv-overflow-menu [menuItems]=\"menuItems\"></yuv-overflow-menu>\n</div>\n\n@if (secondary) {\n  <div class=\"secondary-actions\">\n    <ng-container [ngTemplateOutlet]=\"secondary\"></ng-container>\n  </div>\n}\n\n@if (busy()) {\n  <mat-progress-bar mode=\"indeterminate\" class=\"progress-bar\"></mat-progress-bar>\n}\n", styles: ["ymd-ribbon{--ribbon-button-padding: var(--ymt-spacing-2xs);--ribbon-button-border-radius: 2px;--ribbon-button-gap: var(--ymt-spacing-2xs);--ribbon-icon-size: 20px;flex:0 0 auto;display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:\"primary actions secondary\";align-items:center;gap:var(--ymt-spacing-xs);border-block-end:1px solid var(--ymt-outline-variant);position:relative;padding:var(--ymt-spacing-xs) var(--ymt-spacing-s)}ymd-ribbon .primary-actions{grid-area:primary;overflow-x:auto;overflow-y:hidden}ymd-ribbon .secondary-actions{grid-area:secondary;overflow-x:auto;overflow-y:hidden}ymd-ribbon .object-actions{grid-area:actions;align-self:stretch;overflow-x:auto;border-color:var(--ymt-outline-variant);border-width:0 1px 0 1px;border-style:solid;display:grid;grid-template-rows:1fr;grid-template-columns:1fr;align-items:center;padding-inline:var(--ymt-spacing-xs) 0;position:relative}ymd-ribbon .object-actions yuv-clipboard{z-index:1;position:absolute;inset:0;left:var(--ymt-spacing-xs);right:var(--ymt-spacing-xs)}ymd-ribbon .object-actions ymd-sort{grid-row:1;grid-column:1}ymd-ribbon .sort-column{grid-area:sort;display:flex;align-items:center;gap:var(--ribbon-button-gap);padding:0 var(--ribbon-button-padding)}ymd-ribbon .progress-bar{position:absolute;bottom:-1px}ymd-ribbon .progress-bar{--mdc-linear-progress-active-indicator-height: 2px}ymd-ribbon .progress-bar{--mdc-linear-progress-track-height: 2px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ClipboardComponent, selector: "yuv-clipboard", inputs: ["enablePaste", "bucket"], outputs: ["paste"] }, { kind: "component", type: OverflowMenuComponent, selector: "yuv-overflow-menu", inputs: ["overflowIcon", "groupLabels", "menuItems", "vertical"] }, { kind: "component", type: MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: RibbonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: RibbonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ymd-ribbon', standalone: true, imports: [CommonModule, ClipboardComponent, OverflowMenuComponent, MatProgressBar], encapsulation: ViewEncapsulation.None, host: {
                         class: 'ymd-ribbon'
@@ -2299,26 +2180,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImpo
         }], ctorParameters: () => [] });
 
 class SearchFilterComponent {
-    #shell;
-    #fb;
-    #search;
-    #flavors;
+    #shell = inject(ShellService);
+    #fb = inject(FormBuilder);
+    #search = inject(SearchService);
+    translate = inject(TranslateService$1);
+    ANY_OPTION = 'any';
+    #flavors = this.#shell.getObjectFlavors();
+    typeOptions = signal([]);
+    query = input(null);
+    queryChange = output();
+    filtersActive = signal(false);
+    filterForm = this.#fb.nonNullable.group({
+        type: [this.ANY_OPTION],
+        size: [this.ANY_OPTION],
+        created: [this.ANY_OPTION]
+    });
     constructor() {
-        this.#shell = inject(ShellService);
-        this.#fb = inject(FormBuilder);
-        this.#search = inject(SearchService);
-        this.translate = inject(TranslateService$1);
-        this.ANY_OPTION = 'any';
-        this.#flavors = this.#shell.getObjectFlavors();
-        this.typeOptions = signal([]);
-        this.query = input(null);
-        this.queryChange = output();
-        this.filtersActive = signal(false);
-        this.filterForm = this.#fb.nonNullable.group({
-            type: [this.ANY_OPTION],
-            size: [this.ANY_OPTION],
-            created: [this.ANY_OPTION]
-        });
         this.translate.onLangChange.pipe(takeUntilDestroyed()).subscribe((_) => this.#setupOptions());
         this.#setupOptions();
         this.filterForm.valueChanges.pipe(takeUntilDestroyed()).subscribe((v) => this.#onFormValueChange(v));
@@ -2385,10 +2262,10 @@ class SearchFilterComponent {
                 v1: [value]
             };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: SearchFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.12", type: SearchFilterComponent, isStandalone: true, selector: "ymd-search-filter", inputs: { query: { classPropertyName: "query", publicName: "query", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { queryChange: "queryChange" }, ngImport: i0, template: "<form [formGroup]=\"filterForm\" yuvDragScroll>\n  <mat-select [panelWidth]=\"null\" [hideSingleSelectionIndicator]=\"true\" formControlName=\"type\">\n    @for (o of typeOptions(); track $index) {\n      <mat-option [value]=\"o.value\">{{ o.label }}</mat-option>\n    }\n  </mat-select>\n  <yuv-range-select-filesize formControlName=\"size\"></yuv-range-select-filesize>\n  <yuv-range-select-date formControlName=\"created\"></yuv-range-select-date>\n\n  @if (filtersActive()) {\n    <button ymtButton=\"secondary\" button-size=\"small\" (click)=\"reset()\">{{ 'yuv.app.drive.search.filter.button.reset' | translate }}</button>\n  }\n</form>\n", styles: [":host form{--ymt-scrollbar-outer-size: 0;display:flex;align-items:center;gap:var(--ymt-spacing-m);overflow-x:auto;padding:var(--ymt-spacing-3xs);min-height:var(--ymt-spacing-3xl)}:host form yuv-range-select-filesize,:host form yuv-range-select-date,:host form mat-select{cursor:pointer;flex:0 0 auto;padding:0;width:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i7.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i7.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: TranslateModule$1 }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: RangeSelectFilesizeComponent, selector: "yuv-range-select-filesize", inputs: ["ranges"] }, { kind: "component", type: RangeSelectDateComponent, selector: "yuv-range-select-date", inputs: ["ranges", "customRange"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: DragScrollDirective, selector: "[yuvDragScroll]" }, { kind: "directive", type: YmtButtonDirective, selector: "button[ymtButton], a[ymtButton]", inputs: ["ymtButton", "disabled", "aria-disabled", "disableRipple", "disabledInteractive", "button-size"] }] }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SearchFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: SearchFilterComponent, isStandalone: true, selector: "ymd-search-filter", inputs: { query: { classPropertyName: "query", publicName: "query", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { queryChange: "queryChange" }, ngImport: i0, template: "<form [formGroup]=\"filterForm\" yuvDragScroll>\n  <mat-select [panelWidth]=\"null\" [hideSingleSelectionIndicator]=\"true\" formControlName=\"type\">\n    @for (o of typeOptions(); track $index) {\n      <mat-option [value]=\"o.value\">{{ o.label }}</mat-option>\n    }\n  </mat-select>\n  <yuv-range-select-filesize formControlName=\"size\"></yuv-range-select-filesize>\n  <yuv-range-select-date formControlName=\"created\"></yuv-range-select-date>\n\n  @if (filtersActive()) {\n    <button ymtButton=\"secondary\" button-size=\"small\" (click)=\"reset()\">{{ 'yuv.app.drive.search.filter.button.reset' | translate }}</button>\n  }\n</form>\n", styles: [":host form{--ymt-scrollbar-outer-size: 0;display:flex;align-items:center;gap:var(--ymt-spacing-m);overflow-x:auto;padding:var(--ymt-spacing-3xs);min-height:var(--ymt-spacing-3xl)}:host form yuv-range-select-filesize,:host form yuv-range-select-date,:host form mat-select{cursor:pointer;flex:0 0 auto;padding:0;width:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i7.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i7.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: TranslateModule$1 }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: RangeSelectFilesizeComponent, selector: "yuv-range-select-filesize", inputs: ["ranges"] }, { kind: "component", type: RangeSelectDateComponent, selector: "yuv-range-select-date", inputs: ["ranges", "customRange"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: DragScrollDirective, selector: "[yuvDragScroll]" }, { kind: "directive", type: YmtButtonDirective, selector: "button[ymtButton], a[ymtButton]", inputs: ["ymtButton", "disabled", "aria-disabled", "disableRipple", "disabledInteractive", "button-size"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: SearchFilterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SearchFilterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ymd-search-filter', standalone: true, imports: [
                         CommonModule,
@@ -2403,10 +2280,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImpo
         }], ctorParameters: () => [] });
 
 class StoredQueryService {
-    constructor() {
-        this.userService = inject(UserService);
-        this.translate = inject(TranslateService);
-    }
+    userService = inject(UserService);
+    translate = inject(TranslateService);
     getStoredQuery(id) {
         const q = STORED_QUERIES[id];
         if (!q)
@@ -2429,10 +2304,10 @@ class StoredQueryService {
         });
         return str;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: StoredQueryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: StoredQueryService, providedIn: 'root' }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: StoredQueryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: StoredQueryService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: StoredQueryService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: StoredQueryService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -2456,156 +2331,149 @@ const components = [
 ];
 const module = [TranslateModule, RouterModule, YuvSplitViewModule, YuvClientShellModule];
 class FilesPageComponent {
-    #objectConfigService;
-    #device;
-    #retention;
-    #shell;
-    #dialog;
-    #eventService;
-    #appCache;
-    #editAction;
-    #highlightStyles;
-    #routeIdEffect;
-    constructor() {
-        this.tileList = viewChild('tileList');
-        this.LAYOUT_SETTINGS_STORAGE_KEY = 'yuv.app.drive.files.layout';
-        this.shellService = inject(ShellService);
-        this.dmsService = inject(DmsService);
-        this.drive = inject(DriveService);
-        this.route = inject(ActivatedRoute);
-        this.router = inject(Router);
-        this.translate = inject(TranslateService);
-        this.storedQueryService = inject(StoredQueryService);
-        this.clipboard = inject(ClipboardService);
-        this.#objectConfigService = inject(ObjectConfigService);
-        this.#device = inject(DeviceService);
-        this.#retention = inject(RetentionService);
-        this.#shell = inject(ShellService);
-        this.#dialog = inject(MatDialog);
-        this.#eventService = inject(EventService);
-        this.ERROR_CODE = {
-            NOT_FOUND: '404',
-            // pattern: {HTTP_STATUS_CODE}-{SERVICE_ERROR_CODE}
-            INVALID_ID: '422-2912'
-        };
-        this.#appCache = inject(AppCacheService);
-        this.objectConfigBucket = APP_ID;
-        this.splitViewCmp = viewChild.required(SplitViewComponent);
-        this.selected = signal(undefined);
-        this.sortOptions = signal([
-            BaseObjectTypeField.CREATION_DATE,
-            BaseObjectTypeField.MODIFICATION_DATE,
-            ContentStreamField.LENGTH,
-            ContentStreamField.MIME_TYPE
-        ]);
-        this.storageKey = 'yuv.app.drive.files.sort';
-        this.#editAction = {
-            id: 'edit',
-            icon: 'edit_note',
-            label: this.translate.instant('yuv.object-summary.action.edit'),
-            callback: () => {
-                const o = this.selected();
-                if (o) {
-                    if (o.isFolder) {
-                        // open metadata edit dialog^
-                        this.#dialog.open(FolderDetailsDialogComponent, {
-                            maxHeight: '90vh',
-                            maxWidth: '90vw',
-                            data: o
-                        });
-                    }
-                    else {
-                        this.#navigateTo(o.id);
-                    }
+    tileList = viewChild('tileList');
+    LAYOUT_SETTINGS_STORAGE_KEY = 'yuv.app.drive.files.layout';
+    shellService = inject(ShellService);
+    dmsService = inject(DmsService);
+    drive = inject(DriveService);
+    route = inject(ActivatedRoute);
+    router = inject(Router);
+    translate = inject(TranslateService);
+    storedQueryService = inject(StoredQueryService);
+    clipboard = inject(ClipboardService);
+    #objectConfigService = inject(ObjectConfigService);
+    #device = inject(DeviceService);
+    #retention = inject(RetentionService);
+    #shell = inject(ShellService);
+    #dialog = inject(MatDialog);
+    #eventService = inject(EventService);
+    ERROR_CODE = {
+        NOT_FOUND: '404',
+        // pattern: {HTTP_STATUS_CODE}-{SERVICE_ERROR_CODE}
+        INVALID_ID: '422-2912'
+    };
+    #appCache = inject(AppCacheService);
+    objectConfigBucket = APP_ID;
+    splitViewCmp = viewChild.required(SplitViewComponent);
+    selected = signal(undefined);
+    sortOptions = signal([
+        BaseObjectTypeField.CREATION_DATE,
+        BaseObjectTypeField.MODIFICATION_DATE,
+        ContentStreamField.LENGTH,
+        ContentStreamField.MIME_TYPE
+    ]);
+    storageKey = 'yuv.app.drive.files.sort';
+    #editAction = {
+        id: 'edit',
+        icon: 'edit_note',
+        label: this.translate.instant('yuv.object-summary.action.edit'),
+        callback: () => {
+            const o = this.selected();
+            if (o) {
+                if (o.isFolder) {
+                    // open metadata edit dialog^
+                    this.#dialog.open(FolderDetailsDialogComponent, {
+                        maxHeight: '90vh',
+                        maxWidth: '90vw',
+                        data: o
+                    });
                 }
-            }
-        };
-        this.summaryActions = computed(() => {
-            const e = this.selected();
-            if (!e)
-                return [];
-            const res = this.#shell.getAppliedObjectFlavors(e);
-            return !e.isFolder || res.applied.length ? [this.#editAction] : [];
-        });
-        this.fileDropSummaryDisabled = computed(() => {
-            const e = this.selected();
-            return !e || !e.permissions?.writeContent || this.#retention.getRetentionState(e).underRetention;
-        });
-        this.disableCreate = false;
-        this.actions = this.drive.state$.actions;
-        this.selection = this.drive.state$.selection;
-        this.extendedQuery = this.drive.state$.extendedQuery;
-        this.hasActions = computed(() => !!this.actions().length);
-        this.busy = this.drive.state$.busy;
-        this.flavorChips = this.shellService.getObjectFlavors();
-        this.selectionActions = computed(() => ({ selection: this.selection(), actions: this.actions() }));
-        this.emptyMode = signal(null);
-        // error code when loading the object failed. This will be used
-        // to determine a proper error message to display
-        this.error = signal(undefined);
-        this.configTypeOptions = {
-            folder: { bucket: APP_ID, type: APP_TYPES['folder'] },
-            file: { bucket: APP_ID, type: APP_TYPES['file'] }
-        };
-        this.enableDetails = signal(true);
-        this.enableTree = signal(true);
-        this.tileConfigBucketLabel = this.translate.instant('yuv.app.drive.tile-config.bucket');
-        this.smallScreenLayout = signal(false);
-        this.sortOptionsAvailable = signal(true);
-        this.extendedSearch = signal(false);
-        this.id = input(null);
-        this.highlightStyles$ = this.clipboard.clipboard$(APP_ID).pipe(takeUntilDestroyed(), map((c) => {
-            return c && c.mode && c.objects?.length
-                ? [
-                    {
-                        cssStyles: this.#highlightStyles[c?.mode],
-                        ids: c.objects.map((o) => o.id)
-                    }
-                ]
-                : [];
-        }));
-        this.#highlightStyles = {
-            cut: { opacity: 0.5 }
-        };
-        this.#routeIdEffect = effect(() => {
-            const param = this.id() || undefined;
-            untracked(async () => {
-                if (param === DRIVE_QUERY_FOLDER_ID) {
-                    this.emptyMode.set(DRIVE_QUERY_FOLDER_ID);
-                    return;
+                else {
+                    this.#navigateTo(o.id);
                 }
-                this.emptyMode.set(param === DRIVE_ROOT_FOLDER_ID ? DRIVE_ROOT_FOLDER_ID : null);
-                this.error.set(undefined);
-                this.disableCreate = false;
-                this.currentFolderID = param;
-                this.drive.updateCurrentFolder(this.currentFolderID);
-                this.selected.set(undefined);
-                this.currentFolder = undefined;
-                if (this.currentFolderID === DRIVE_ROOT_FOLDER_ID)
-                    this.currentFolderID = undefined;
-                if (this.currentFolderID) {
-                    this.dmsService.getDmsObject(this.currentFolderID).subscribe({
-                        next: (o) => {
-                            this.currentFolder = o;
-                            this._setFolderQuery(this.#getTitle(o));
-                        },
-                        error: (e) => {
-                            console.error('Error getting folder', e);
-                            this.#processLoadError(e);
-                        }
-                    });
+            }
+        }
+    };
+    summaryActions = computed(() => {
+        const e = this.selected();
+        if (!e)
+            return [];
+        const res = this.#shell.getAppliedObjectFlavors(e);
+        return !e.isFolder || res.applied.length ? [this.#editAction] : [];
+    });
+    fileDropSummaryDisabled = computed(() => {
+        const e = this.selected();
+        return !e || !e.permissions?.writeContent || this.#retention.getRetentionState(e).underRetention;
+    });
+    disableCreate = false;
+    actions = this.drive.state$.actions;
+    selection = this.drive.state$.selection;
+    extendedQuery = this.drive.state$.extendedQuery;
+    hasActions = computed(() => !!this.actions().length);
+    busy = this.drive.state$.busy;
+    flavorChips = this.shellService.getObjectFlavors();
+    appliedFlavor;
+    selectionActions = computed(() => ({ selection: this.selection(), actions: this.actions() }));
+    emptyMode = signal(null);
+    // error code when loading the object failed. This will be used
+    // to determine a proper error message to display
+    error = signal(undefined);
+    configTypeOptions = {
+        folder: { bucket: APP_ID, type: APP_TYPES['folder'] },
+        file: { bucket: APP_ID, type: APP_TYPES['file'] }
+    };
+    currentFolderID;
+    currentFolder;
+    enableDetails = signal(true);
+    enableTree = signal(true);
+    tileConfigBucketLabel = this.translate.instant('yuv.app.drive.tile-config.bucket');
+    smallScreenLayout = signal(false);
+    sortOptionsAvailable = signal(true);
+    extendedSearch = signal(false);
+    id = input(null);
+    highlightStyles$ = this.clipboard.clipboard$(APP_ID).pipe(takeUntilDestroyed(), map((c) => {
+        return c && c.mode && c.objects?.length
+            ? [
+                {
+                    cssStyles: this.#highlightStyles[c?.mode],
+                    ids: c.objects.map((o) => o.id)
                 }
-                else
-                    this._setFolderQuery(this.translate.instant('yuv.app.drive.folder-tree.mydrive'));
-            });
+            ]
+            : [];
+    }));
+    #highlightStyles = {
+        cut: { opacity: 0.5 }
+    };
+    #routeIdEffect = effect(() => {
+        const param = this.id() || undefined;
+        untracked(async () => {
+            if (param === DRIVE_QUERY_FOLDER_ID) {
+                this.emptyMode.set(DRIVE_QUERY_FOLDER_ID);
+                return;
+            }
+            this.emptyMode.set(param === DRIVE_ROOT_FOLDER_ID ? DRIVE_ROOT_FOLDER_ID : null);
+            this.error.set(undefined);
+            this.disableCreate = false;
+            this.currentFolderID = param;
+            this.drive.updateCurrentFolder(this.currentFolderID);
+            this.selected.set(undefined);
+            this.currentFolder = undefined;
+            if (this.currentFolderID === DRIVE_ROOT_FOLDER_ID)
+                this.currentFolderID = undefined;
+            if (this.currentFolderID) {
+                this.dmsService.getDmsObject(this.currentFolderID).subscribe({
+                    next: (o) => {
+                        this.currentFolder = o;
+                        this._setFolderQuery(this.#getTitle(o));
+                    },
+                    error: (e) => {
+                        console.error('Error getting folder', e);
+                        this.#processLoadError(e);
+                    }
+                });
+            }
+            else
+                this._setFolderQuery(this.translate.instant('yuv.app.drive.folder-tree.mydrive'));
         });
-        this.tileListOptions = {
-            actionContext: ACTION_CONTEXT,
-            configTypes: Object.values(APP_TYPES),
-            configFlavors: []
-        };
-        this.query = this.drive.state$.query;
-        this.queryTitle = this.drive.state$.queryTitle;
+    });
+    tileListOptions = {
+        actionContext: ACTION_CONTEXT,
+        configTypes: Object.values(APP_TYPES),
+        configFlavors: []
+    };
+    query = this.drive.state$.query;
+    queryTitle = this.drive.state$.queryTitle;
+    constructor() {
         this.drive.events$.pipe(takeUntilDestroyed()).subscribe({
             next: (e) => {
                 if (e === DRIVE_EVENT.refresh) {
@@ -2794,10 +2662,10 @@ class FilesPageComponent {
     ngOnDestroy() {
         this.clipboard.clear(APP_ID);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: FilesPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.12", type: FilesPageComponent, isStandalone: true, selector: "ymd-files", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.smallScreen": "smallScreenLayout()" } }, viewQueries: [{ propertyName: "tileList", first: true, predicate: ["tileList"], descendants: true, isSignal: true }, { propertyName: "splitViewCmp", first: true, predicate: SplitViewComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<header>\n  <!-- navigation bar -->\n  <nav [attr.aria-label]=\"'yuv.app.drive.files.naviagtion.aria.label' | translate\">\n    <div class=\"nav\">\n      <button mat-icon-button [disabled]=\"!currentFolder\" [matTooltip]=\"'yuv.app.drive.files.nav.back.tooltip' | translate\" (click)=\"openParent()\">\n        <mat-icon>arrow_back</mat-icon>\n      </button>\n      <button mat-icon-button [matTooltip]=\"'yuv.app.drive.files.nav.refresh.tooltip' | translate\" (click)=\"refresh()\">\n        <mat-icon>refresh</mat-icon>\n      </button>\n    </div>\n\n    @if (!query()?.term) {\n      <ymd-breadcrumb></ymd-breadcrumb>\n    } @else {\n      <div class=\"breadcrumb\"></div>\n    }\n  </nav>\n\n  <!-- ribbon with actions and options -->\n  <ymd-ribbon [objects]=\"selection()\" [busy]=\"busy()\" [enableClipboard]=\"true\" class=\"files__surface\">\n    <ng-template #primaryActions>\n      <ymd-add-button [disabled]=\"disableCreate\"></ymd-add-button>\n    </ng-template>\n\n    <ng-template #secondaryActions>\n      <div class=\"options\">\n        @if (!smallScreenLayout()) {\n          <button\n            mat-icon-button\n            class=\"toggle-tree toggle\"\n            [ngClass]=\"{ enabled: enableTree() }\"\n            [matTooltip]=\"'yuv.app.drive.files.toggletree.tooltip' | translate\"\n            (click)=\"enableTree.set(!enableTree())\"\n          >\n            <mat-icon>dock_to_right</mat-icon>\n          </button>\n          <button\n            mat-icon-button\n            class=\"toggle-details toggle\"\n            [ngClass]=\"{ enabled: enableDetails() }\"\n            [matTooltip]=\"'yuv.app.drive.files.toggledetails.tooltip' | translate\"\n            (click)=\"enableDetails.set(!enableDetails())\"\n          >\n            <mat-icon>dock_to_left</mat-icon>\n          </button>\n        }\n        <yuv-tile-config-trigger [bucket]=\"objectConfigBucket\" [bucketLabel]=\"tileConfigBucketLabel\" [options]=\"tileListOptions\"></yuv-tile-config-trigger>\n      </div>\n    </ng-template>\n  </ymd-ribbon>\n</header>\n\n<yuv-split-view [gutterSize]=\"1\" [layoutSettingsID]=\"LAYOUT_SETTINGS_STORAGE_KEY\" class=\"files__surface\">\n  <!-- folder tree -->\n  <ng-template yuvSplitArea [size]=\"20\" [visible]=\"enableTree() && !smallScreenLayout()\">\n    <ymd-folder-tree></ymd-folder-tree>\n  </ng-template>\n\n  <!-- files -->\n  <ng-template yuvSplitArea [size]=\"60\">\n    @let err = error();\n    @if (err) {\n      <div class=\"error\">\n        <p>\n          <mat-icon>warning</mat-icon>\n          @switch (err) {\n            @case (ERROR_CODE.NOT_FOUND) {\n              {{ 'yuv.app.drive.files.error.load.not-found' | translate }}\n            }\n            @case (ERROR_CODE.INVALID_ID) {\n              {{ 'yuv.app.drive.files.error.load.invalid-id' | translate }}\n            }\n            @default {\n              {{ 'yuv.app.drive.files.error.load' | translate }}\n            }\n          }\n        </p>\n      </div>\n    } @else {\n      <div class=\"files\" [yuvFileDropZone]=\"{ label: 'yuv.app.drive.files.dropzone.label' | translate }\" (fileDrop)=\"onFileDrop($event)\">\n        <header class=\"files-header\">\n          <h1>{{ queryTitle() }}</h1>\n          @if (sortOptionsAvailable()) {\n            <yuv-sort [sortOptions]=\"sortOptions()\" [storageKey]=\"storageKey\" (sortChanged)=\"onSortChanged($event)\"></yuv-sort>\n          }\n          <!-- <div class=\"flavors\">\n          TODO: enable again once flavors/aspects are supported -->\n          <!--  @for (f of flavorChips; track f.id) {\n            <yuv-flavor-chip [ngClass]=\"{ active: f.id === appliedFlavor?.id }\" [flavor]=\"f\" (click)=\"appliedFlavor = f\"></yuv-flavor-chip>\n          }\n          </div>-->\n          @if (query()?.term && !extendedQuery()) {\n            <ymd-search-filter [query]=\"query()\" (queryChange)=\"onFilterQueryChange($event)\"></ymd-search-filter>\n          }\n        </header>\n        <yuv-tile-list\n          #tileList\n          [attr.aria-label]=\"'yuv.app.drive.files.content.aria.label' | translate\"\n          [attr.aria-busy]=\"busy()\"\n          [attr.role]=\"'listbox'\"\n          (keydown.backspace)=\"openParent()\"\n          (keydown.delete)=\"onDelete()\"\n          [bucket]=\"objectConfigBucket\"\n          [multiselect]=\"true\"\n          [query]=\"query()\"\n          [flavor]=\"appliedFlavor\"\n          [options]=\"tileListOptions\"\n          (itemDblClick)=\"itemDoubleClicked($event)\"\n          (itemSelect)=\"itemClicked($event)\"\n          (selectionChange)=\"selectionChanged($event)\"\n          (tileCopy)=\"onCopy($event)\"\n          (tileCut)=\"onCut($event)\"\n          (busy)=\"setBusy($event)\"\n          [highlights]=\"highlightStyles$ | async\"\n          [yuvContextMenuTrigger]=\"context_menu\"\n          [yuvContextMenuTriggerWhen]=\"hasActions()\"\n        >\n          <div #empty>\n            @if (emptyMode() === 'root') {\n              <p class=\"empty\">{{ 'yuv.app.drive.files.content.empty.root.list' | translate }}</p>\n            } @else if (emptyMode() === 'query') {\n              <p class=\"empty\">{{ 'yuv.app.drive.files.content.empty.query.list' | translate }}</p>\n            } @else {\n              <p class=\"empty\">{{ 'yuv.app.drive.files.content.empty.list' | translate }}</p>\n            }\n          </div>\n\n          <ng-template #context_menu>\n            <yuv-contextmenu [actions]=\"actions()\" (itemSelect)=\"onContextmenuAction($event)\"></yuv-contextmenu>\n          </ng-template>\n        </yuv-tile-list>\n      </div>\n    }\n  </ng-template>\n\n  <!-- details -->\n  <ng-template yuvSplitArea [size]=\"20\" [visible]=\"enableDetails()\">\n    @let selectedItem = selected();\n    @if (enableDetails() && selectedItem) {\n      @if (selectedItem?.isFolder) {\n        <yuv-object-summary [actions]=\"summaryActions()\" [configType]=\"configTypeOptions['folder']\" [dmsObject]=\"selectedItem\"></yuv-object-summary>\n      } @else {\n        <yuv-object-summary\n          [actions]=\"summaryActions()\"\n          [configType]=\"configTypeOptions['file']\"\n          [dmsObject]=\"selectedItem\"\n          [yuvFileDropZone]=\"{ label: 'yuv.app.drive.files.dropzone.content.replace.label' | translate }\"\n          [fileDropDisabled]=\"fileDropSummaryDisabled()\"\n          (fileDrop)=\"onFileUpdateDrop($event)\"\n        ></yuv-object-summary>\n      }\n    } @else {\n      @let sel = selection();\n      @if (sel && sel.length > 0) {\n        <yuv-multi-object-summary [headline]=\"'yuv.app.drive.multiselected.details' | translate: { count: selection().length }\"></yuv-multi-object-summary>\n      } @else if (tileList()?.items?.length === 0) {\n        <!-- TODO: CHOULD HAVE A DIFFERENT MESSAGE FOR EMPTY RESULTS EMPTY FOR NOW -->\n        <div class=\"message\">{{ 'yuv.app.drive.empty.results.details.message' | translate }}</div>\n      } @else {\n        <div class=\"message\">{{ 'yuv.app.drive.unselected.details' | translate }}</div>\n      }\n    }\n  </ng-template>\n</yuv-split-view>\n", styles: [":host{height:100%;overflow:hidden;display:flex;flex-flow:column}:host header{flex:0 0 auto}:host header>nav{border-block-end:1px solid var(--ymt-outline-variant);display:grid;grid-template-columns:auto 1fr 1fr auto;align-items:center;gap:var(--ymt-spacing-xs);padding:var(--ymt-spacing-2xs) var(--ymt-spacing-s) var(--ymt-spacing-s) var(--ymt-spacing-s);min-height:40px}:host header>nav .nav{grid-column:1/2;grid-row:1;display:flex;border-inline-end:1px solid var(--ymt-outline-variant);padding-inline-end:var(--ymt-spacing-xs);gap:var(--ymt-spacing-3xs);margin-bottom:calc(var(--ymt-spacing-s) * -1)}:host header>nav .breadcrumb{grid-column:2/4;grid-row:1;display:flex;margin-bottom:calc(var(--ymt-spacing-s) * -1)}:host yuv-split-view{--split-gutter-background-color: var(--ymt-outline-variant);flex:1;animation:fade-in .3s ease-in-out}:host main{height:100%;overflow:hidden;display:flex;flex-flow:column}:host .error{display:grid;justify-items:center;align-items:center;height:100%;padding:0 2rem;text-align:center;color:var(--ymt-text-color-subtle)}:host .error p{max-width:31ch;line-height:1.5em;display:grid;justify-items:center}:host .error p mat-icon{display:block;margin-block-end:1rem}:host .files{display:flex;flex-flow:column;overflow:hidden;height:100%}:host .files header{flex:0 0 auto;padding:var(--ymt-spacing-l) var(--ymt-spacing-l) var(--ymt-spacing-s) var(--ymt-spacing-l);display:grid;grid-template-columns:1fr;gap:var(--ymt-spacing-3xs);grid-template-areas:\"title sort\" \"flavors flavors\" \"searchfilter searchfilter\"}:host .files header h1{grid-area:title;margin:0;height:min-content}:host .files header .flavors{grid-area:flavors;display:flex;gap:2px;justify-content:flex-end;padding:var(--ymt-spacing-2xs)}:host .files header .flavors yuv-flavor-chip{font:var(--ymt-font-body-subtle);cursor:pointer;--flavor-background: var(--ymt-surface-panel);--flavor-icon-size: 16px}:host .files header .flavors yuv-flavor-chip:hover{--flavor-border-color: var(--ymt-primary)}:host .files header ymd-sort{grid-area:sort}:host .files header ymd-search-filter{grid-area:searchfilter}:host .files yuv-tile-list{--paging-margin: 0;overflow-y:auto}:host .message{display:grid;justify-items:center;align-items:center;height:100%;padding:0 var(--ymt-spacing-3xl);text-align:center;color:var(--ymt-text-color-subtle)}:host .message p{max-width:31ch;line-height:1.5em}:host yuv-split-view{--split-gutter-background-color: var(--ymt-outline-variant);display:flex;height:100%;box-sizing:border-box}:host ymd-folder-tree{padding:var(--ymt-spacing-l) var(--ymt-spacing-m);min-width:300px}:host ymd-folder-tree,:host yuv-object-summary{height:100%;overflow-y:auto;display:block}:host yuv-tile-list{--tile-border: 1px solid var(--ymt-outline-variant);--tile-border-width: 0 0 1px 0;--tile-icon-size: 18px;--tile-action-icon-size: 18px}:host p.empty{color:var(--ymt-text-color-subtle)}:host .details{height:100%}:host .details yuv-object-details{height:100%}:host.smallScreen yuv-tile-list{--tile-padding: var(--ymt-spacing-m) !important}@keyframes fade-in{0%{opacity:0}}.files__surface{background-color:var(--ymt-surface)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: YuvSplitViewModule }, { kind: "directive", type: i1$2.SplitAreaDirective, selector: "[yuvSplitArea]", inputs: ["size", "minSize", "maxSize", "panelClass", "visible"] }, { kind: "component", type: i1$2.SplitViewComponent, selector: "yuv-split-view", inputs: ["direction", "gutterSize", "restrictMove", "disabled", "layoutSettingsID"], outputs: ["layoutSettingsChange", "dragStart", "dragEnd", "gutterClick", "gutterDblClick"] }, { kind: "ngmodule", type: YuvClientShellModule }, { kind: "component", type: TileListComponent, selector: "yuv-tile-list", inputs: ["bucket", "multiselect", "options", "flavor", "query", "preselect", "highlights"], outputs: ["itemSelect", "tileCopy", "tileCut", "busy", "queryResult", "selectionChange", "itemDblClick", "ctxMenu"] }, { kind: "component", type: BreadcrumbComponent, selector: "ymd-breadcrumb" }, { kind: "component", type: FolderTreeComponent, selector: "ymd-folder-tree" }, { kind: "component", type: ObjectSummaryComponent, selector: "yuv-object-summary", inputs: ["actions", "dmsObject", "objectId", "configType"] }, { kind: "component", type: TileConfigTriggerComponent, selector: "yuv-tile-config-trigger", inputs: ["icon", "bucket", "bucketLabel", "options"] }, { kind: "component", type: RibbonComponent, selector: "ymd-ribbon", inputs: ["busy", "enableClipboard", "objects", "excludeActions"] }, { kind: "component", type: AddButtonComponent, selector: "ymd-add-button", inputs: ["disabled"] }, { kind: "component", type: MultiObjectSummaryComponent, selector: "yuv-multi-object-summary", inputs: ["headline"] }, { kind: "component", type: SortComponent, selector: "yuv-sort", inputs: ["sortOptions", "storageKey"], outputs: ["sortChanged"] }, { kind: "component", type: SearchFilterComponent, selector: "ymd-search-filter", inputs: ["query"], outputs: ["queryChange"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2$4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: FileDropZoneDirective, selector: "[yuvFileDropZone]", inputs: ["yuvFileDropZone", "fileDropDisabled"], outputs: ["fileDrop", "fileDropOver"] }, { kind: "component", type: ContextmenuComponent, selector: "yuv-contextmenu", inputs: ["actions", "selection"], outputs: ["itemSelect"] }, { kind: "directive", type: YuvContextMenuTriggerDirective, selector: "[yuvContextMenuTrigger]", inputs: ["yuvContextMenuTrigger", "yuvContextMenuTriggerWhen"], exportAs: ["yuvContextMenuTrigger"] }] }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FilesPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: FilesPageComponent, isStandalone: true, selector: "ymd-files", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.smallScreen": "smallScreenLayout()" } }, viewQueries: [{ propertyName: "tileList", first: true, predicate: ["tileList"], descendants: true, isSignal: true }, { propertyName: "splitViewCmp", first: true, predicate: SplitViewComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<header>\n  <!-- navigation bar -->\n  <nav [attr.aria-label]=\"'yuv.app.drive.files.naviagtion.aria.label' | translate\">\n    <div class=\"nav\">\n      <button mat-icon-button [disabled]=\"!currentFolder\" [matTooltip]=\"'yuv.app.drive.files.nav.back.tooltip' | translate\" (click)=\"openParent()\">\n        <mat-icon>arrow_back</mat-icon>\n      </button>\n      <button mat-icon-button [matTooltip]=\"'yuv.app.drive.files.nav.refresh.tooltip' | translate\" (click)=\"refresh()\">\n        <mat-icon>refresh</mat-icon>\n      </button>\n    </div>\n\n    @if (!query()?.term) {\n      <ymd-breadcrumb></ymd-breadcrumb>\n    } @else {\n      <div class=\"breadcrumb\"></div>\n    }\n  </nav>\n\n  <!-- ribbon with actions and options -->\n  <ymd-ribbon [objects]=\"selection()\" [busy]=\"busy()\" [enableClipboard]=\"true\" class=\"files__surface\">\n    <ng-template #primaryActions>\n      <ymd-add-button [disabled]=\"disableCreate\"></ymd-add-button>\n    </ng-template>\n\n    <ng-template #secondaryActions>\n      <div class=\"options\">\n        @if (!smallScreenLayout()) {\n          <button\n            mat-icon-button\n            class=\"toggle-tree toggle\"\n            [ngClass]=\"{ enabled: enableTree() }\"\n            [matTooltip]=\"'yuv.app.drive.files.toggletree.tooltip' | translate\"\n            (click)=\"enableTree.set(!enableTree())\"\n          >\n            <mat-icon>dock_to_right</mat-icon>\n          </button>\n          <button\n            mat-icon-button\n            class=\"toggle-details toggle\"\n            [ngClass]=\"{ enabled: enableDetails() }\"\n            [matTooltip]=\"'yuv.app.drive.files.toggledetails.tooltip' | translate\"\n            (click)=\"enableDetails.set(!enableDetails())\"\n          >\n            <mat-icon>dock_to_left</mat-icon>\n          </button>\n        }\n        <yuv-tile-config-trigger [bucket]=\"objectConfigBucket\" [bucketLabel]=\"tileConfigBucketLabel\" [options]=\"tileListOptions\"></yuv-tile-config-trigger>\n      </div>\n    </ng-template>\n  </ymd-ribbon>\n</header>\n\n<yuv-split-view [gutterSize]=\"1\" [layoutSettingsID]=\"LAYOUT_SETTINGS_STORAGE_KEY\" class=\"files__surface\">\n  <!-- folder tree -->\n  <ng-template yuvSplitArea [size]=\"20\" [visible]=\"enableTree() && !smallScreenLayout()\">\n    <ymd-folder-tree></ymd-folder-tree>\n  </ng-template>\n\n  <!-- files -->\n  <ng-template yuvSplitArea [size]=\"60\">\n    @let err = error();\n    @if (err) {\n      <div class=\"error\">\n        <p>\n          <mat-icon>warning</mat-icon>\n          @switch (err) {\n            @case (ERROR_CODE.NOT_FOUND) {\n              {{ 'yuv.app.drive.files.error.load.not-found' | translate }}\n            }\n            @case (ERROR_CODE.INVALID_ID) {\n              {{ 'yuv.app.drive.files.error.load.invalid-id' | translate }}\n            }\n            @default {\n              {{ 'yuv.app.drive.files.error.load' | translate }}\n            }\n          }\n        </p>\n      </div>\n    } @else {\n      <div class=\"files\" [yuvFileDropZone]=\"{ label: 'yuv.app.drive.files.dropzone.label' | translate }\" (fileDrop)=\"onFileDrop($event)\">\n        <header class=\"files-header\">\n          <h1>{{ queryTitle() }}</h1>\n          @if (sortOptionsAvailable()) {\n            <yuv-sort [sortOptions]=\"sortOptions()\" [storageKey]=\"storageKey\" (sortChanged)=\"onSortChanged($event)\"></yuv-sort>\n          }\n          <!-- <div class=\"flavors\">\n          TODO: enable again once flavors/aspects are supported -->\n          <!--  @for (f of flavorChips; track f.id) {\n            <yuv-flavor-chip [ngClass]=\"{ active: f.id === appliedFlavor?.id }\" [flavor]=\"f\" (click)=\"appliedFlavor = f\"></yuv-flavor-chip>\n          }\n          </div>-->\n          @if (query()?.term && !extendedQuery()) {\n            <ymd-search-filter [query]=\"query()\" (queryChange)=\"onFilterQueryChange($event)\"></ymd-search-filter>\n          }\n        </header>\n        <yuv-tile-list\n          #tileList\n          [attr.aria-label]=\"'yuv.app.drive.files.content.aria.label' | translate\"\n          [attr.aria-busy]=\"busy()\"\n          [attr.role]=\"'listbox'\"\n          (keydown.backspace)=\"openParent()\"\n          (keydown.delete)=\"onDelete()\"\n          [bucket]=\"objectConfigBucket\"\n          [multiselect]=\"true\"\n          [query]=\"query()\"\n          [flavor]=\"appliedFlavor\"\n          [options]=\"tileListOptions\"\n          (itemDblClick)=\"itemDoubleClicked($event)\"\n          (itemSelect)=\"itemClicked($event)\"\n          (selectionChange)=\"selectionChanged($event)\"\n          (tileCopy)=\"onCopy($event)\"\n          (tileCut)=\"onCut($event)\"\n          (busy)=\"setBusy($event)\"\n          [highlights]=\"highlightStyles$ | async\"\n          [yuvContextMenuTrigger]=\"context_menu\"\n          [yuvContextMenuTriggerWhen]=\"hasActions()\"\n        >\n          <div #empty>\n            @if (emptyMode() === 'root') {\n              <p class=\"empty\">{{ 'yuv.app.drive.files.content.empty.root.list' | translate }}</p>\n            } @else if (emptyMode() === 'query') {\n              <p class=\"empty\">{{ 'yuv.app.drive.files.content.empty.query.list' | translate }}</p>\n            } @else {\n              <p class=\"empty\">{{ 'yuv.app.drive.files.content.empty.list' | translate }}</p>\n            }\n          </div>\n\n          <ng-template #context_menu>\n            <yuv-contextmenu [actions]=\"actions()\" (itemSelect)=\"onContextmenuAction($event)\"></yuv-contextmenu>\n          </ng-template>\n        </yuv-tile-list>\n      </div>\n    }\n  </ng-template>\n\n  <!-- details -->\n  <ng-template yuvSplitArea [size]=\"20\" [visible]=\"enableDetails()\">\n    @let selectedItem = selected();\n    @if (enableDetails() && selectedItem) {\n      @if (selectedItem?.isFolder) {\n        <yuv-object-summary [actions]=\"summaryActions()\" [configType]=\"configTypeOptions['folder']\" [dmsObject]=\"selectedItem\"></yuv-object-summary>\n      } @else {\n        <yuv-object-summary\n          [actions]=\"summaryActions()\"\n          [configType]=\"configTypeOptions['file']\"\n          [dmsObject]=\"selectedItem\"\n          [yuvFileDropZone]=\"{ label: 'yuv.app.drive.files.dropzone.content.replace.label' | translate }\"\n          [fileDropDisabled]=\"fileDropSummaryDisabled()\"\n          (fileDrop)=\"onFileUpdateDrop($event)\"\n        ></yuv-object-summary>\n      }\n    } @else {\n      @let sel = selection();\n      @if (sel && sel.length > 0) {\n        <yuv-multi-object-summary [headline]=\"'yuv.app.drive.multiselected.details' | translate: { count: selection().length }\"></yuv-multi-object-summary>\n      } @else if (tileList()?.items?.length === 0) {\n        <!-- TODO: CHOULD HAVE A DIFFERENT MESSAGE FOR EMPTY RESULTS EMPTY FOR NOW -->\n        <div class=\"message\">{{ 'yuv.app.drive.empty.results.details.message' | translate }}</div>\n      } @else {\n        <div class=\"message\">{{ 'yuv.app.drive.unselected.details' | translate }}</div>\n      }\n    }\n  </ng-template>\n</yuv-split-view>\n", styles: [":host{height:100%;overflow:hidden;display:flex;flex-flow:column}:host header{flex:0 0 auto}:host header>nav{border-block-end:1px solid var(--ymt-outline-variant);display:grid;grid-template-columns:auto 1fr 1fr auto;align-items:center;gap:var(--ymt-spacing-xs);padding:var(--ymt-spacing-2xs) var(--ymt-spacing-s) var(--ymt-spacing-s) var(--ymt-spacing-s);min-height:40px}:host header>nav .nav{grid-column:1/2;grid-row:1;display:flex;border-inline-end:1px solid var(--ymt-outline-variant);padding-inline-end:var(--ymt-spacing-xs);gap:var(--ymt-spacing-3xs);margin-bottom:calc(var(--ymt-spacing-s) * -1)}:host header>nav .breadcrumb{grid-column:2/4;grid-row:1;display:flex;margin-bottom:calc(var(--ymt-spacing-s) * -1)}:host yuv-split-view{--split-gutter-background-color: var(--ymt-outline-variant);flex:1;animation:fade-in .3s ease-in-out}:host main{height:100%;overflow:hidden;display:flex;flex-flow:column}:host .error{display:grid;justify-items:center;align-items:center;height:100%;padding:0 2rem;text-align:center;color:var(--ymt-text-color-subtle)}:host .error p{max-width:31ch;line-height:1.5em;display:grid;justify-items:center}:host .error p mat-icon{display:block;margin-block-end:1rem}:host .files{display:flex;flex-flow:column;overflow:hidden;height:100%}:host .files header{flex:0 0 auto;padding:var(--ymt-spacing-l) var(--ymt-spacing-l) var(--ymt-spacing-s) var(--ymt-spacing-l);display:grid;grid-template-columns:1fr;gap:var(--ymt-spacing-3xs);grid-template-areas:\"title sort\" \"flavors flavors\" \"searchfilter searchfilter\"}:host .files header h1{grid-area:title;margin:0;height:min-content}:host .files header .flavors{grid-area:flavors;display:flex;gap:2px;justify-content:flex-end;padding:var(--ymt-spacing-2xs)}:host .files header .flavors yuv-flavor-chip{font:var(--ymt-font-body-subtle);cursor:pointer;--flavor-background: var(--ymt-surface-panel);--flavor-icon-size: 16px}:host .files header .flavors yuv-flavor-chip:hover{--flavor-border-color: var(--ymt-primary)}:host .files header ymd-sort{grid-area:sort}:host .files header ymd-search-filter{grid-area:searchfilter}:host .files yuv-tile-list{--paging-margin: 0;overflow-y:auto}:host .message{display:grid;justify-items:center;align-items:center;height:100%;padding:0 var(--ymt-spacing-3xl);text-align:center;color:var(--ymt-text-color-subtle)}:host .message p{max-width:31ch;line-height:1.5em}:host yuv-split-view{--split-gutter-background-color: var(--ymt-outline-variant);display:flex;height:100%;box-sizing:border-box}:host ymd-folder-tree{padding:var(--ymt-spacing-l) var(--ymt-spacing-m);min-width:300px}:host ymd-folder-tree,:host yuv-object-summary{height:100%;overflow-y:auto;display:block}:host yuv-tile-list{--tile-border: 1px solid var(--ymt-outline-variant);--tile-border-width: 0 0 1px 0;--tile-icon-size: 18px;--tile-action-icon-size: 18px}:host p.empty{color:var(--ymt-text-color-subtle)}:host .details{height:100%}:host .details yuv-object-details{height:100%}:host.smallScreen yuv-tile-list{--tile-padding: var(--ymt-spacing-m) !important}@keyframes fade-in{0%{opacity:0}}.files__surface{background-color:var(--ymt-surface)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: YuvSplitViewModule }, { kind: "directive", type: i1$2.SplitAreaDirective, selector: "[yuvSplitArea]", inputs: ["size", "minSize", "maxSize", "panelClass", "visible"] }, { kind: "component", type: i1$2.SplitViewComponent, selector: "yuv-split-view", inputs: ["direction", "gutterSize", "restrictMove", "disabled", "layoutSettingsID"], outputs: ["layoutSettingsChange", "dragStart", "dragEnd", "gutterClick", "gutterDblClick"] }, { kind: "ngmodule", type: YuvClientShellModule }, { kind: "component", type: TileListComponent, selector: "yuv-tile-list", inputs: ["bucket", "pageSize", "multiselect", "options", "flavor", "query", "preselect", "highlights"], outputs: ["itemSelect", "tileCopy", "tileCut", "busy", "queryResult", "selectionChange", "itemDblClick", "ctxMenu"] }, { kind: "component", type: BreadcrumbComponent, selector: "ymd-breadcrumb" }, { kind: "component", type: FolderTreeComponent, selector: "ymd-folder-tree" }, { kind: "component", type: ObjectSummaryComponent, selector: "yuv-object-summary", inputs: ["actions", "dmsObject", "objectId", "configType"] }, { kind: "component", type: TileConfigTriggerComponent, selector: "yuv-tile-config-trigger", inputs: ["icon", "bucket", "bucketLabel", "options"] }, { kind: "component", type: RibbonComponent, selector: "ymd-ribbon", inputs: ["busy", "enableClipboard", "objects", "excludeActions"] }, { kind: "component", type: AddButtonComponent, selector: "ymd-add-button", inputs: ["disabled"] }, { kind: "component", type: MultiObjectSummaryComponent, selector: "yuv-multi-object-summary", inputs: ["headline"] }, { kind: "component", type: SortComponent, selector: "yuv-sort", inputs: ["sortOptions", "storageKey"], outputs: ["sortChanged"] }, { kind: "component", type: SearchFilterComponent, selector: "ymd-search-filter", inputs: ["query"], outputs: ["queryChange"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2$4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: FileDropZoneDirective, selector: "[yuvFileDropZone]", inputs: ["yuvFileDropZone", "fileDropDisabled"], outputs: ["fileDrop", "fileDropOver"] }, { kind: "component", type: ContextmenuComponent, selector: "yuv-contextmenu", inputs: ["actions", "selection"], outputs: ["itemSelect"] }, { kind: "directive", type: YuvContextMenuTriggerDirective, selector: "[yuvContextMenuTrigger]", inputs: ["yuvContextMenuTrigger", "yuvContextMenuTriggerWhen"], exportAs: ["yuvContextMenuTrigger"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: FilesPageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FilesPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ymd-files', standalone: true, imports: [NgClass, AsyncPipe, ...module, ...components, FileDropZoneDirective, ContextmenuComponent, YuvContextMenuTriggerDirective], host: {
                         '[class.smallScreen]': 'smallScreenLayout()'
@@ -2805,52 +2673,44 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImpo
         }], ctorParameters: () => [] });
 
 class ObjectPageComponent {
-    #dmsService;
-    #eventService;
-    #shellService;
-    #route;
-    #router;
-    #objectConfig;
-    #drive;
-    #device;
-    #retention;
-    #dmsObjectEffect;
+    #dmsService = inject(DmsService);
+    #eventService = inject(EventService);
+    #shellService = inject(ShellService);
+    #route = inject(ActivatedRoute);
+    #router = inject(Router);
+    #objectConfig = inject(ObjectConfigService);
+    translate = inject(TranslateService);
+    #drive = inject(DriveService);
+    #device = inject(DeviceService);
+    #retention = inject(RetentionService);
+    busy = this.#drive.state$.busy;
+    smallScreenLayout = signal(false);
+    errorMessage;
+    dmsObject = signal(undefined);
+    retentionState = signal(undefined);
+    #dmsObjectEffect = effect(() => this.#setHeaderData());
+    fileDropReplaceDisabled = computed(() => {
+        const e = this.dmsObject();
+        return !e || !e.permissions?.writeContent || this.#retention.getRetentionState(e).underRetention;
+    });
+    flavoredDmsObject = computed(() => {
+        const o = this.dmsObject();
+        return o
+            ? {
+                object: o,
+                flavors: [...this.#shellService.getAppliedObjectFlavors(o).applied]
+            }
+            : undefined;
+    });
+    icons = {
+        back: YUV_ICONS.back,
+        error: YUV_ICONS.attention,
+        refresh: YUV_ICONS.refresh
+    };
+    layoutSettingIdBase = 'app.drive.object.';
+    headerData;
+    excludeActions = [APP_ACTIONS.paste, APP_ACTIONS.contentUpdate, BASE_ACTION.copy, BASE_ACTION.cut];
     constructor() {
-        this.#dmsService = inject(DmsService);
-        this.#eventService = inject(EventService);
-        this.#shellService = inject(ShellService);
-        this.#route = inject(ActivatedRoute);
-        this.#router = inject(Router);
-        this.#objectConfig = inject(ObjectConfigService);
-        this.translate = inject(TranslateService);
-        this.#drive = inject(DriveService);
-        this.#device = inject(DeviceService);
-        this.#retention = inject(RetentionService);
-        this.busy = this.#drive.state$.busy;
-        this.smallScreenLayout = signal(false);
-        this.dmsObject = signal(undefined);
-        this.retentionState = signal(undefined);
-        this.#dmsObjectEffect = effect(() => this.#setHeaderData());
-        this.fileDropReplaceDisabled = computed(() => {
-            const e = this.dmsObject();
-            return !e || !e.permissions?.writeContent || this.#retention.getRetentionState(e).underRetention;
-        });
-        this.flavoredDmsObject = computed(() => {
-            const o = this.dmsObject();
-            return o
-                ? {
-                    object: o,
-                    flavors: [...this.#shellService.getAppliedObjectFlavors(o).applied]
-                }
-                : undefined;
-        });
-        this.icons = {
-            back: YUV_ICONS.back,
-            error: YUV_ICONS.attention,
-            refresh: YUV_ICONS.refresh
-        };
-        this.layoutSettingIdBase = 'app.drive.object.';
-        this.excludeActions = [APP_ACTIONS.paste, APP_ACTIONS.contentUpdate, BASE_ACTION.copy, BASE_ACTION.cut];
         this.#route.paramMap.pipe(takeUntilDestroyed()).subscribe((p) => {
             this._loadDetails(p.get('id'));
         });
@@ -2951,10 +2811,10 @@ class ObjectPageComponent {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ObjectPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.12", type: ObjectPageComponent, isStandalone: true, selector: "ymd-object", host: { attributes: { "class.smallScreenLayout": "smallScreenLayout()" } }, providers: [ObjectPreviewService], ngImport: i0, template: "@let object = dmsObject();\n@if (object) {\n  <div\n    class=\"object\"\n    yuvContainerSize\n    [yuvFileDropZone]=\"{ label: 'yuv.app.drive.files.dropzone.content.replace.label' | translate }\"\n    [fileDropDisabled]=\"fileDropReplaceDisabled()\"\n    (fileDrop)=\"onFileDrop($event)\"\n  >\n    <ymd-ribbon [objects]=\"[object]\" [excludeActions]=\"excludeActions\" class=\"object__surface\">\n      <ng-template #primaryActions>\n        <div class=\"nav\">\n          <button mat-icon-button class=\"back\" (click)=\"openParent()\">\n            <mat-icon>arrow_back</mat-icon>\n          </button>\n          <button mat-icon-button class=\"refresh\" [matTooltip]=\"'yuv.app.drive.page.object.refresh.tooltip' | translate\" (click)=\"refresh()\">\n            <mat-icon>refresh</mat-icon>\n          </button>\n        </div>\n      </ng-template>\n      <!-- <ng-template #secondaryActions></ng-template> -->\n    </ymd-ribbon>\n\n    @let ssl = smallScreenLayout();\n    @if (ssl) {\n      <mat-tab-group class=\"object__surface\" mat-stretch-tabs=\"true\">\n        <mat-tab [label]=\"'yuv.app.drive.object-metadata.tabs.content.title' | translate\">\n          <ng-template matTabContent>\n            @if (object && object?.content) {\n              <yuv-object-preview [dmsObject]=\"object\"></yuv-object-preview>\n            }\n          </ng-template>\n        </mat-tab>\n\n        <mat-tab [label]=\"'yuv.app.drive.object-metadata.tabs.indexdata.title' | translate\">\n          <ng-template matTabContent>\n            <yuv-object-metadata [flavoredDmsObject]=\"flavoredDmsObject()\" (indexDataSaved)=\"onIndexdataSaved($event)\"> </yuv-object-metadata>\n          </ng-template>\n        </mat-tab>\n\n        <mat-tab [label]=\"'yuv.app.drive.object-metadata.tabs.history.title' | translate\">\n          <ng-template matTabContent>\n            <yuv-object-audit [dmsObject]=\"object\"></yuv-object-audit>\n          </ng-template>\n        </mat-tab>\n      </mat-tab-group>\n    } @else {\n      <yuv-split-view [layoutSettingsID]=\"layoutSettingIdBase + 'splitview'\" [gutterSize]=\"1\" class=\"object__surface\">\n        <ng-template yuvSplitArea [size]=\"40\">\n          <section class=\"meta\">\n            <header>\n              <yuv-object-flavor disableSelection=\"true\" [dmsObject]=\"object\"></yuv-object-flavor>\n\n              @if (headerData) {\n\n                <div class=\"object-icon\"><mat-icon >{{headerData.icon}}</mat-icon></div>\n                <h1><ng-container *yuvRenderer=\"headerData.title\"></ng-container></h1>\n                <div class=\"description\"><ng-container *yuvRenderer=\"headerData.description\"></ng-container></div>\n                <div class=\"badges\">\n                  <yuv-retention-badge [dmsObject]=\"object\"></yuv-retention-badge>\n                </div>\n              }\n            </header>\n\n            <mat-tab-group>\n              <mat-tab [label]=\"'yuv.app.drive.object-metadata.tabs.indexdata.title' | translate\" >\n                <yuv-object-metadata [flavoredDmsObject]=\"flavoredDmsObject()\" (indexDataSaved)=\"onIndexdataSaved($event)\"> </yuv-object-metadata>\n              </mat-tab>\n              <mat-tab [label]=\"'yuv.app.drive.object-metadata.tabs.history.title' | translate\">\n                <yuv-object-audit [dmsObject]=\"object\"></yuv-object-audit\n              ></mat-tab>\n            </mat-tab-group>\n          </section>\n        </ng-template>\n        <ng-template yuvSplitArea [size]=\"60\">\n          @if (object && object?.content) {\n            <yuv-object-preview [dmsObject]=\"object\"></yuv-object-preview>\n          }\n        </ng-template>\n      </yuv-split-view>\n    }\n  </div>\n} @else if (errorMessage) {\n  <!-- object could not be loaded -->\n  <div class=\"error state\">\n    <yuv-icon [svg]=\"icons.error\"></yuv-icon>\n    <p>{{ errorMessage }}</p>\n  </div>\n} @else {\n  <!-- object is loading -->\n  <div class=\"loading state\">\n    <mat-progress-spinner mode=\"indeterminate\" class=\"ymt-progress-spinner--giant\"></mat-progress-spinner>\n  </div>\n}\n", styles: [":host{--button-gap: var(--ymt-spacing-2xs);display:flex;flex-flow:column;height:100%;overflow:hidden}:host mat-tab-group{overflow:hidden;height:100%}:host mat-tab-group ::ng-deep .mat-mdc-tab-body-wrapper{height:100%}:host .state{display:flex;flex-flow:column;height:100%;align-items:center;justify-content:center;border-block-start:1px solid var(--ymt-outline-variant)}:host .error mat-icon{color:rgb(from var(--ymt-text-color) r g b/.1)}:host .error p{margin:var(--ymt-spacing-m);max-width:35ch;color:var(--ymt-text-color-subtle)}:host .state,:host .object{animation:fade-in .3s ease-in-out}:host .object{height:100%;display:flex;flex-flow:column}:host .object ymd-ribbon{background-color:var(--app-drive-header-background);border-block-end:1px solid var(--ymt-outline-variant);padding:var(--ymt-spacing-s) var(--ymt-spacing-s) var(--ymt-spacing-xs) var(--ymt-spacing-s);flex:0 0 auto}:host .object ymd-ribbon .nav{display:flex;align-items:center;gap:var(--button-gap)}:host .object yuv-split-view{--split-gutter-background-color: var(--ymt-outline-variant);flex:1}:host .meta{display:flex;flex-flow:column;height:100%}:host .meta header{flex:0 0 auto;display:grid;margin-block-end:var(--ymt-spacing-xl);gap:var(--ymt-spacing-xs);grid-template-columns:var(--ymt-sizing-5xl) repeat(auto-fit,minmax(0,1fr));grid-template-areas:\"flavor flavor\" \"icon title\" \". description\" \". badges\"}:host .meta header yuv-object-flavor{grid-area:flavor;border-block-end:1px solid var(--ymt-outline-variant);padding:0 var(--ymt-spacing-s);margin-block-end:var(--ymt-spacing-m);grid-column:span 5}:host .meta header .object-icon{color:var(--ymt-text-color);grid-area:icon;padding:0 var(--ymt-spacing-m);padding-block-start:var(--ymt-spacing-3xs)}:host .meta header h1{grid-area:title;margin:0;word-break:break-word;padding-inline-end:var(--ymt-spacing-l);grid-column:span 4}:host .meta header .description{grid-area:description;padding-inline-end:var(--ymt-spacing-l);font:var(--ymt-font-body-subtle);color:var(--ymt-text-color-subtle);text-overflow:ellipsis;grid-column:2/span 3;overflow:hidden;white-space:nowrap;--yuv-renderer-display: contents}:host .meta header .badges{grid-area:badges;padding-block-start:var(--ymt-spacing-xs);padding-inline-end:var(--ymt-spacing-l);grid-column:2/span 4;display:flex}@keyframes fade-in{0%{opacity:0}}.object__surface{background-color:var(--ymt-surface)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ObjectMetadataComponent, selector: "yuv-object-metadata", inputs: ["disableControls", "situation", "formDisabled", "dmsObject", "flavoredDmsObject"], outputs: ["indexDataSaved", "statusChanged"] }, { kind: "component", type: ObjectAuditComponent, selector: "yuv-object-audit", inputs: ["dmsObject", "skipActions", "allActions"] }, { kind: "component", type: ObjectFlavorComponent, selector: "yuv-object-flavor", inputs: ["dmsObject"], outputs: ["flavorSelect"] }, { kind: "component", type: YuvIconComponent, selector: "yuv-icon", inputs: ["label", "svg", "svgSrc"] }, { kind: "ngmodule", type: YuvSplitViewModule }, { kind: "directive", type: i1$2.SplitAreaDirective, selector: "[yuvSplitArea]", inputs: ["size", "minSize", "maxSize", "panelClass", "visible"] }, { kind: "component", type: i1$2.SplitViewComponent, selector: "yuv-split-view", inputs: ["direction", "gutterSize", "restrictMove", "disabled", "layoutSettingsID"], outputs: ["layoutSettingsChange", "dragStart", "dragEnd", "gutterClick", "gutterDblClick"] }, { kind: "directive", type: RendererDirective, selector: "[yuvRenderer]", inputs: ["yuvRenderer"] }, { kind: "directive", type: ContainerSizeDirective, selector: "[yuvContainerSize]", outputs: ["containerHeight", "containerWidth"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: RibbonComponent, selector: "ymd-ribbon", inputs: ["busy", "enableClipboard", "objects", "excludeActions"] }, { kind: "component", type: RetentionBadgeComponent, selector: "yuv-retention-badge", inputs: ["dmsObject"] }, { kind: "component", type: ObjectPreviewComponent, selector: "yuv-object-preview", inputs: ["objectId", "dmsObject", "version", "metadata"] }, { kind: "directive", type: FileDropZoneDirective, selector: "[yuvFileDropZone]", inputs: ["yuvFileDropZone", "fileDropDisabled"], outputs: ["fileDrop", "fileDropOver"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "directive", type: i5$1.MatTabContent, selector: "[matTabContent]" }, { kind: "component", type: i5$1.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i5$1.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: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2$4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ObjectPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: ObjectPageComponent, isStandalone: true, selector: "ymd-object", host: { attributes: { "class.smallScreenLayout": "smallScreenLayout()" } }, providers: [ObjectPreviewService], ngImport: i0, template: "@let object = dmsObject();\n@if (object) {\n  <div\n    class=\"object\"\n    yuvContainerSize\n    [yuvFileDropZone]=\"{ label: 'yuv.app.drive.files.dropzone.content.replace.label' | translate }\"\n    [fileDropDisabled]=\"fileDropReplaceDisabled()\"\n    (fileDrop)=\"onFileDrop($event)\"\n  >\n    <ymd-ribbon [objects]=\"[object]\" [excludeActions]=\"excludeActions\" class=\"object__surface\">\n      <ng-template #primaryActions>\n        <div class=\"nav\">\n          <button mat-icon-button class=\"back\" (click)=\"openParent()\">\n            <mat-icon>arrow_back</mat-icon>\n          </button>\n          <button mat-icon-button class=\"refresh\" [matTooltip]=\"'yuv.app.drive.page.object.refresh.tooltip' | translate\" (click)=\"refresh()\">\n            <mat-icon>refresh</mat-icon>\n          </button>\n        </div>\n      </ng-template>\n      <!-- <ng-template #secondaryActions></ng-template> -->\n    </ymd-ribbon>\n\n    @let ssl = smallScreenLayout();\n    @if (ssl) {\n      <mat-tab-group class=\"object__surface\" mat-stretch-tabs=\"true\">\n        <mat-tab [label]=\"'yuv.app.drive.object-metadata.tabs.content.title' | translate\">\n          <ng-template matTabContent>\n            @if (object && object?.content) {\n              <yuv-object-preview [dmsObject]=\"object\"></yuv-object-preview>\n            }\n          </ng-template>\n        </mat-tab>\n\n        <mat-tab [label]=\"'yuv.app.drive.object-metadata.tabs.indexdata.title' | translate\">\n          <ng-template matTabContent>\n            <yuv-object-metadata [flavoredDmsObject]=\"flavoredDmsObject()\" (indexDataSaved)=\"onIndexdataSaved($event)\"> </yuv-object-metadata>\n          </ng-template>\n        </mat-tab>\n\n        <mat-tab [label]=\"'yuv.app.drive.object-metadata.tabs.history.title' | translate\">\n          <ng-template matTabContent>\n            <yuv-object-audit [dmsObject]=\"object\"></yuv-object-audit>\n          </ng-template>\n        </mat-tab>\n      </mat-tab-group>\n    } @else {\n      <yuv-split-view [layoutSettingsID]=\"layoutSettingIdBase + 'splitview'\" [gutterSize]=\"1\" class=\"object__surface\">\n        <ng-template yuvSplitArea [size]=\"40\">\n          <section class=\"meta\">\n            <header>\n              <yuv-object-flavor disableSelection=\"true\" [dmsObject]=\"object\"></yuv-object-flavor>\n\n              @if (headerData) {\n\n                <div class=\"object-icon\"><mat-icon >{{headerData.icon}}</mat-icon></div>\n                <h1><ng-container *yuvRenderer=\"headerData.title\"></ng-container></h1>\n                <div class=\"description\"><ng-container *yuvRenderer=\"headerData.description\"></ng-container></div>\n                <div class=\"badges\">\n                  <yuv-retention-badge [dmsObject]=\"object\"></yuv-retention-badge>\n                </div>\n              }\n            </header>\n\n            <mat-tab-group>\n              <mat-tab [label]=\"'yuv.app.drive.object-metadata.tabs.indexdata.title' | translate\" >\n                <yuv-object-metadata [flavoredDmsObject]=\"flavoredDmsObject()\" (indexDataSaved)=\"onIndexdataSaved($event)\"> </yuv-object-metadata>\n              </mat-tab>\n              <mat-tab [label]=\"'yuv.app.drive.object-metadata.tabs.history.title' | translate\">\n                <yuv-object-audit [dmsObject]=\"object\"></yuv-object-audit\n              ></mat-tab>\n            </mat-tab-group>\n          </section>\n        </ng-template>\n        <ng-template yuvSplitArea [size]=\"60\">\n          @if (object && object?.content) {\n            <yuv-object-preview [dmsObject]=\"object\"></yuv-object-preview>\n          }\n        </ng-template>\n      </yuv-split-view>\n    }\n  </div>\n} @else if (errorMessage) {\n  <!-- object could not be loaded -->\n  <div class=\"error state\">\n    <yuv-icon [svg]=\"icons.error\"></yuv-icon>\n    <p>{{ errorMessage }}</p>\n  </div>\n} @else {\n  <!-- object is loading -->\n  <div class=\"loading state\">\n    <mat-progress-spinner mode=\"indeterminate\" class=\"ymt-progress-spinner--giant\"></mat-progress-spinner>\n  </div>\n}\n", styles: [":host{--button-gap: var(--ymt-spacing-2xs);display:flex;flex-flow:column;height:100%;overflow:hidden}:host mat-tab-group{overflow:hidden;height:100%}:host mat-tab-group ::ng-deep .mat-mdc-tab-body-wrapper{height:100%}:host .state{display:flex;flex-flow:column;height:100%;align-items:center;justify-content:center;border-block-start:1px solid var(--ymt-outline-variant)}:host .error mat-icon{color:rgb(from var(--ymt-text-color) r g b/.1)}:host .error p{margin:var(--ymt-spacing-m);max-width:35ch;color:var(--ymt-text-color-subtle)}:host .state,:host .object{animation:fade-in .3s ease-in-out}:host .object{height:100%;display:flex;flex-flow:column}:host .object ymd-ribbon{background-color:var(--app-drive-header-background);border-block-end:1px solid var(--ymt-outline-variant);padding:var(--ymt-spacing-s) var(--ymt-spacing-s) var(--ymt-spacing-xs) var(--ymt-spacing-s);flex:0 0 auto}:host .object ymd-ribbon .nav{display:flex;align-items:center;gap:var(--button-gap)}:host .object yuv-split-view{--split-gutter-background-color: var(--ymt-outline-variant);flex:1}:host .meta{display:flex;flex-flow:column;height:100%}:host .meta header{flex:0 0 auto;display:grid;margin-block-end:var(--ymt-spacing-xl);gap:var(--ymt-spacing-xs);grid-template-columns:var(--ymt-sizing-5xl) repeat(auto-fit,minmax(0,1fr));grid-template-areas:\"flavor flavor\" \"icon title\" \". description\" \". badges\"}:host .meta header yuv-object-flavor{grid-area:flavor;border-block-end:1px solid var(--ymt-outline-variant);padding:0 var(--ymt-spacing-s);margin-block-end:var(--ymt-spacing-m);grid-column:span 5}:host .meta header .object-icon{color:var(--ymt-text-color);grid-area:icon;padding:0 var(--ymt-spacing-m);padding-block-start:var(--ymt-spacing-3xs)}:host .meta header h1{grid-area:title;margin:0;word-break:break-word;padding-inline-end:var(--ymt-spacing-l);grid-column:span 4}:host .meta header .description{grid-area:description;padding-inline-end:var(--ymt-spacing-l);font:var(--ymt-font-body-subtle);color:var(--ymt-text-color-subtle);text-overflow:ellipsis;grid-column:2/span 3;overflow:hidden;white-space:nowrap;--yuv-renderer-display: contents}:host .meta header .badges{grid-area:badges;padding-block-start:var(--ymt-spacing-xs);padding-inline-end:var(--ymt-spacing-l);grid-column:2/span 4;display:flex}@keyframes fade-in{0%{opacity:0}}.object__surface{background-color:var(--ymt-surface)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ObjectMetadataComponent, selector: "yuv-object-metadata", inputs: ["disableControls", "disableBasicMetadata", "situation", "formDisabled", "dmsObject", "flavoredDmsObject"], outputs: ["indexDataSaved", "statusChanged"] }, { kind: "component", type: ObjectAuditComponent, selector: "yuv-object-audit", inputs: ["dmsObject", "skipActions", "allActions"] }, { kind: "component", type: ObjectFlavorComponent, selector: "yuv-object-flavor", inputs: ["dmsObject"], outputs: ["flavorSelect"] }, { kind: "component", type: YuvIconComponent, selector: "yuv-icon", inputs: ["label", "svg", "svgSrc"] }, { kind: "ngmodule", type: YuvSplitViewModule }, { kind: "directive", type: i1$2.SplitAreaDirective, selector: "[yuvSplitArea]", inputs: ["size", "minSize", "maxSize", "panelClass", "visible"] }, { kind: "component", type: i1$2.SplitViewComponent, selector: "yuv-split-view", inputs: ["direction", "gutterSize", "restrictMove", "disabled", "layoutSettingsID"], outputs: ["layoutSettingsChange", "dragStart", "dragEnd", "gutterClick", "gutterDblClick"] }, { kind: "directive", type: RendererDirective, selector: "[yuvRenderer]", inputs: ["yuvRenderer"] }, { kind: "directive", type: ContainerSizeDirective, selector: "[yuvContainerSize]", outputs: ["containerHeight", "containerWidth"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: RibbonComponent, selector: "ymd-ribbon", inputs: ["busy", "enableClipboard", "objects", "excludeActions"] }, { kind: "component", type: RetentionBadgeComponent, selector: "yuv-retention-badge", inputs: ["dmsObject"] }, { kind: "component", type: ObjectPreviewComponent, selector: "yuv-object-preview", inputs: ["objectId", "dmsObject", "version", "metadata"] }, { kind: "directive", type: FileDropZoneDirective, selector: "[yuvFileDropZone]", inputs: ["yuvFileDropZone", "fileDropDisabled"], outputs: ["fileDrop", "fileDropOver"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "directive", type: i5$1.MatTabContent, selector: "[matTabContent]" }, { kind: "component", type: i5$1.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i5$1.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: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2$4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ObjectPageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ObjectPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ymd-object', standalone: true, imports: [
                         CommonModule,