@yuuvis/app-drive 0.7.4 → 0.9.0

package/fesm2022/yuuvis-app-drive.mjs

@@ -1,19 +1,19 @@
-import * as i1$3 from '@angular/common';
+import * as i1$1 from '@angular/common';
 import { CommonModule, DOCUMENT, NgClass, DatePipe, AsyncPipe } from '@angular/common';
 import * as i0 from '@angular/core';
 import { InjectionToken, inject, Component, Injectable, input, effect, output, signal, viewChild, ElementRef, HostBinding, viewChildren, computed, ChangeDetectionStrategy, HostListener, DestroyRef, contentChild, ViewEncapsulation, untracked } from '@angular/core';
 import { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';
-import * as i1 from '@angular/forms';
+import * as i6 from '@angular/forms';
 import { FormBuilder, Validators, ReactiveFormsModule } from '@angular/forms';
 import * as i1$2 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, SystemService, UserService, LocaleDatePipe, Operator, OperatorLabel, ObjectConfigService, DeviceService, AppCacheService } from '@yuuvis/client-core';
+import { SystemType, ClipboardService, TranslateService, TranslateModule, BaseObjectTypeField, EventService, DmsService, SearchService, BackendService, YuvEventType, ContentStreamField, RetentionService, NotificationService, Utils, SystemService, Situation, Operator, UserService, ObjectConfigService, DeviceService, AppCacheService } from '@yuuvis/client-core';
 import { ActionsService, BASE_ACTION, SelectionRange, AbstractContextAction } from '@yuuvis/client-framework/actions';
 import { YUV_ICONS } from '@yuuvis/client-framework/icons';
 import { UploadProgressComponent } from '@yuuvis/client-framework/upload-progress';
 import { AppLogoComponent } from '@yuuvis/client-shell';
-import * as i1$1 from '@yuuvis/components/icon';
+import * as i1 from '@yuuvis/components/icon';
 import { YvcIconModule, ICONS } from '@yuuvis/components/icon';
 import { YvcOverflowMenuComponent } from '@yuuvis/components/overflow-menu';
 import { YvcOverlayRef, YvcOverlayService, YvcOverlayModule } from '@yuuvis/components/overlay';
@@ -22,13 +22,13 @@ import { marker } from '@colsen1991/ngx-translate-extract-marker';
 import { signalState, patchState } from '@ngrx/signals';
 import { tap, Subject, filter, switchMap, of, forkJoin, map, catchError, timer, finalize, from } from 'rxjs';
 import { TranslateService as TranslateService$1, TranslateModule as TranslateModule$1 } from '@ngx-translate/core';
-import { FormInputComponent, StringComponent, DatetimeRangeComponent } from '@yuuvis/client-framework/forms';
+import { FormInputComponent, StringComponent, RangeSelectDateComponent, RangeSelectFilesizeComponent } from '@yuuvis/client-framework/forms';
 import { ShellService } from '@yuuvis/client-shell-core';
 import { ObjectPreviewComponent } from '@yuuvis/client-framework/object-preview';
 import { ObjectSummaryDataComponent, ObjectSummaryComponent, MultiObjectSummaryComponent } from '@yuuvis/client-framework/object-summary';
 import * as i3 from '@yuuvis/components/split-view';
 import { YvcSplitViewModule, SplitViewComponent } from '@yuuvis/components/split-view';
-import * as i2$2 from '@yuuvis/components/tabs';
+import * as i2$3 from '@yuuvis/components/tabs';
 import { YvcTabsModule } from '@yuuvis/components/tabs';
 import { ListComponent, ListItemDirective } from '@yuuvis/client-framework/list';
 import { ActiveDescendantKeyManager } from '@angular/cdk/a11y';
@@ -38,11 +38,13 @@ import { YvcDragScrollModule } from '@yuuvis/components/drag-scroll';
 import { FocusWithinDirective, ClickDoubleDirective, FileDropZoneDirective, ContainerSizeDirective } from '@yuuvis/client-framework/common';
 import { TreeComponent } from '@yuuvis/client-framework/tree';
 import { SimpleSearchComponent } from '@yuuvis/client-framework/simple-search';
+import { ObjectFormComponent } from '@yuuvis/client-framework/object-form';
+import { YvcCheckboxModule } from '@yuuvis/components/checkbox';
+import * as i2$2 from '@yuuvis/components/dropdown';
+import { YvcDropdownModule } from '@yuuvis/components/dropdown';
 import { TileListComponent, TileConfigTriggerComponent } from '@yuuvis/client-framework/tile-list';
 import { ClipboardComponent } from '@yuuvis/client-framework/clipboard';
-import * as i1$4 from '@yuuvis/components/dropdown';
-import { YvcDropdownModule } from '@yuuvis/components/dropdown';
-import { ObjectMetadataComponent, ObjectAuditComponent } from '@yuuvis/client-framework/object-details';
+import { ObjectMetadataComponent, ObjectAuditComponent, RetentionBadgeComponent } from '@yuuvis/client-framework/object-details';
 import { ObjectFlavorComponent } from '@yuuvis/client-framework/object-flavor';
 import { RendererDirective } from '@yuuvis/client-framework/renderer';
 
@@ -59,7 +61,10 @@ const APP_DRIVE_ICONS = {
     clipboard: '<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e8eaed"><path d="M620-163 450-333l56-56 114 114 226-226 56 56-282 282Zm220-397h-80v-200h-80v120H280v-120h-80v560h240v80H200q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h167q11-35 43-57.5t70-22.5q40 0 71.5 22.5T594-840h166q33 0 56.5 23.5T840-760v200ZM480-760q17 0 28.5-11.5T520-800q0-17-11.5-28.5T480-840q-17 0-28.5 11.5T440-800q0 17 11.5 28.5T480-760Z"/></svg>',
     addCircle: '<svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px" fill="#e8eaed"><path d="M444-288h72v-156h156v-72H516v-156h-72v156H288v72h156v156Zm36.28 192Q401-96 331-126t-122.5-82.5Q156-261 126-330.96t-30-149.5Q96-560 126-629.5q30-69.5 82.5-122T330.96-834q69.96-30 149.5-30t149.04 30q69.5 30 122 82.5T834-629.28q30 69.73 30 149Q864-401 834-331t-82.5 122.5Q699-156 629.28-126q-69.73 30-149 30Zm-.28-72q130 0 221-91t91-221q0-130-91-221t-221-91q-130 0-221 91t-91 221q0 130 91 221t221 91Zm0-312Z"/></svg>',
     createFolder: '<svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px" fill="#e8eaed"><path d="M576-324h72v-72h72v-72h-72v-72h-72v72h-72v72h72v72ZM168-192q-29 0-50.5-21.5T96-264v-432q0-29.7 21.5-50.85Q139-768 168-768h216l96 96h312q29.7 0 50.85 21.15Q864-629.7 864-600v336q0 29-21.15 50.5T792-192H168Zm0-72h624v-336H450l-96-96H168v432Zm0 0v-432 432Z"/></svg>',
-    createFile: '<svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px" fill="#e8eaed"><path d="M444-240h72v-108h108v-72H516v-108h-72v108H336v72h108v108ZM263.72-96Q234-96 213-117.15T192-168v-624q0-29.7 21.15-50.85Q234.3-864 264-864h312l192 192v504q0 29.7-21.16 50.85Q725.68-96 695.96-96H263.72ZM528-624v-168H264v624h432v-456H528ZM264-792v189-189 624-624Z"/></svg>'
+    createFile: '<svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px" fill="#e8eaed"><path d="M444-240h72v-108h108v-72H516v-108h-72v108H336v72h108v108ZM263.72-96Q234-96 213-117.15T192-168v-624q0-29.7 21.15-50.85Q234.3-864 264-864h312l192 192v504q0 29.7-21.16 50.85Q725.68-96 695.96-96H263.72ZM528-624v-168H264v624h432v-456H528ZM264-792v189-189 624-624Z"/></svg>',
+    unchecked: '<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e8eaed"><path d="M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Z"/></svg>',
+    checked: '<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e8eaed"><path d="m424-312 282-282-56-56-226 226-114-114-56 56 170 170ZM200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Zm0-560v560-560Z"/></svg>',
+    extendedSearch: '<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e8eaed"><path d="M440-120v-240h80v80h320v80H520v80h-80Zm-320-80v-80h240v80H120Zm160-160v-80H120v-80h160v-80h80v240h-80Zm160-80v-80h400v80H440Zm160-160v-240h80v80h160v80H680v80h-80Zm-480-80v-80h400v80H120Z"/></svg>'
 };
 
 // Mapping schema for this apps backend schema
@@ -343,6 +348,7 @@ class DriveService {
             currentFolder: null,
             query: null,
             queryTitle: null,
+            extendedQuery: false,
             selection: [],
             actions: [],
             busy: false,
@@ -399,10 +405,11 @@ class DriveService {
         patchState(this.state$, { selection: o });
         this._getActions();
     }
-    updateQuery(query, queryTitle = null) {
+    updateQuery(query, queryTitle = null, extendedQuery = false) {
         patchState(this.state$, {
             query: this.applyFolderListSearchConditions(query),
-            queryTitle: queryTitle
+            queryTitle: queryTitle,
+            extendedQuery: extendedQuery
         });
     }
     setSort(property, order) {
@@ -417,7 +424,10 @@ class DriveService {
         }
     }
     updateCurrentFolder(currentFolderID) {
-        patchState(this.state$, { currentFolder: currentFolderID || null });
+        patchState(this.state$, {
+            currentFolder: currentFolderID || null,
+            extendedQuery: false,
+        });
     }
     #copyToFolder(objects, folderId, options, validateNames = true) {
         return validateNames
@@ -806,7 +816,7 @@ class ObjectNameComponent {
         this.nameChange.emit(this.nameForm.value.name);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ObjectNameComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ObjectNameComponent, isStandalone: true, selector: "ymd-object-name", inputs: { headline: { classPropertyName: "headline", publicName: "headline", isSignal: true, isRequired: false, transformFunction: null }, submitButton: { classPropertyName: "submitButton", publicName: "submitButton", isSignal: true, isRequired: true, transformFunction: null }, cancelButton: { classPropertyName: "cancelButton", publicName: "cancelButton", isSignal: true, isRequired: false, transformFunction: null }, isFile: { classPropertyName: "isFile", publicName: "isFile", isSignal: true, isRequired: false, transformFunction: null }, isRename: { classPropertyName: "isRename", publicName: "isRename", isSignal: true, isRequired: false, transformFunction: null }, item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { nameChange: "nameChange", onClose: "onClose" }, ngImport: i0, template: "<form [formGroup]=\"nameForm\" (ngSubmit)=\"submitForm()\">\n  @if (headline() && headline()?.length) {\n    <header>{{ headline() }}</header>\n  }\n  <main>\n    <yuv-form-input [label]=\"'yuv.app.drive.property.name' | translate\" [required]=\"true\"> <yuv-string formControlName=\"name\"></yuv-string></yuv-form-input>\n    @if (nameForm.hasError('nameAlreadyExists')) {\n      <div class=\"error\">{{ 'yuv.app.drive.create.error.name.exist' | translate }}</div>\n    }\n    @if (nameForm.hasError('invalidFileNames')) {\n      <div class=\"error\">{{ 'yuv.app.drive.create.error.name.invalid' | translate }}</div>\n    }\n  </main>\n\n  <footer>\n    <button class=\"primary\" type=\"submit\" [disabled]=\"disabled() || nameForm.invalid || busy || error\">{{ submitButton() }}</button>\n    @if (cancelButton() && cancelButton().length) {\n      <button class=\"secondary\" type=\"button\" (click)=\"onClose.emit()\" [disabled]=\"busy\">{{ cancelButton() }}</button>\n    }\n  </footer>\n</form>\n", styles: [":host header{font-size:var(--font-title)}:host main{padding:var(--app-pane-padding) 0}:host main .error{color:var(--text-color-caption);background-color:var(--panel-background-lightgrey);border:1px solid var(--panel-divider-color);border-radius:.25rem;padding:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2);margin-block-start:calc(var(--app-pane-padding) / 2)}:host footer{display:flex;flex-flow:row-reverse;justify-content:end;align-items:center;gap:calc(var(--app-pane-padding) / 4)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: "component", type: FormInputComponent, selector: "yuv-form-input", inputs: ["label", "tag", "description", "invalid", "disabled", "required"] }, { 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 { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ObjectNameComponent, isStandalone: true, selector: "ymd-object-name", inputs: { headline: { classPropertyName: "headline", publicName: "headline", isSignal: true, isRequired: false, transformFunction: null }, submitButton: { classPropertyName: "submitButton", publicName: "submitButton", isSignal: true, isRequired: true, transformFunction: null }, cancelButton: { classPropertyName: "cancelButton", publicName: "cancelButton", isSignal: true, isRequired: false, transformFunction: null }, isFile: { classPropertyName: "isFile", publicName: "isFile", isSignal: true, isRequired: false, transformFunction: null }, isRename: { classPropertyName: "isRename", publicName: "isRename", isSignal: true, isRequired: false, transformFunction: null }, item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { nameChange: "nameChange", onClose: "onClose" }, ngImport: i0, template: "<form [formGroup]=\"nameForm\" (ngSubmit)=\"submitForm()\">\n  @if (headline() && headline()?.length) {\n    <header>{{ headline() }}</header>\n  }\n  <main>\n    <yuv-form-input [label]=\"'yuv.app.drive.property.name' | translate\" [required]=\"true\"> <yuv-string formControlName=\"name\"></yuv-string></yuv-form-input>\n    @if (nameForm.hasError('nameAlreadyExists')) {\n      <div class=\"error\">{{ 'yuv.app.drive.create.error.name.exist' | translate }}</div>\n    }\n    @if (nameForm.hasError('invalidFileNames')) {\n      <div class=\"error\">{{ 'yuv.app.drive.create.error.name.invalid' | translate }}</div>\n    }\n  </main>\n\n  <footer>\n    <button class=\"primary\" type=\"submit\" [disabled]=\"disabled() || nameForm.invalid || busy || error\">{{ submitButton() }}</button>\n    @if (cancelButton() && cancelButton().length) {\n      <button class=\"secondary\" type=\"button\" (click)=\"onClose.emit()\" [disabled]=\"busy\">{{ cancelButton() }}</button>\n    }\n  </footer>\n</form>\n", styles: [":host header{font-size:var(--font-title)}:host main{padding:var(--app-pane-padding) 0}:host main .error{color:var(--text-color-caption);background-color:var(--panel-background-lightgrey);border:1px solid var(--panel-divider-color);border-radius:.25rem;padding:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2);margin-block-start:calc(var(--app-pane-padding) / 2)}:host footer{display:flex;flex-flow:row-reverse;justify-content:end;align-items:center;gap:calc(var(--app-pane-padding) / 4)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i6.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i6.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i6.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: FormInputComponent, selector: "yuv-form-input", inputs: ["label", "tag", "description", "invalid", "disabled", "required"] }, { 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: "18.2.13", ngImport: i0, type: ObjectNameComponent, decorators: [{
             type: Component,
@@ -911,6 +921,7 @@ class UpdateContentAction extends AbstractContextAction {
         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');
@@ -923,10 +934,11 @@ class UpdateContentAction extends AbstractContextAction {
     #router;
     #drive;
     #document;
+    #retention;
     isExecutable(selection) {
         const selected = selection[0];
         const canWrite = !!selected?.permissions?.writeContent;
-        return of(canWrite && selection.length === 1 && !selected.isFolder);
+        return of(canWrite && selection.length === 1 && !selected.isFolder && !this.#retention.getRetentionState(selected).underRetention);
     }
     run(selection) {
         if (!selection[0].isFolder) {
@@ -1112,7 +1124,7 @@ class AddButtonOverlayComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AddButtonOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: AddButtonOverlayComponent, isStandalone: true, selector: "ymd-add-button-overlay", viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true, isSignal: true }], ngImport: i0, template: "<yuv-list (itemSelect)=\"onListItemSelect($event)\" selectOnEnter=\"true\">\n  @for (i of defaultItems; track $index) {\n    <div yuvListItem>\n      <yvc-icon [svg]=\"i.icon\"></yvc-icon>\n      {{ i.label }}\n    </div>\n  }\n\n  <!-- Upload file with flavor -->\n  @for (f of flavorListItems; track f.flavor.id) {\n    <div class=\"flavor\" yuvListItem>\n      <yvc-icon [svg]=\"f.flavor.icon\"></yvc-icon>\n      {{ f.label }}\n    </div>\n  }\n</yuv-list>\n\n<input style=\"display: none\" multiple=\"true\" #fileInput type=\"file\" (change)=\"createDocument(fileInput)\" />\n", styles: [":host{background-color:var(--color-accent);color:var(--color-accent-tone);display:flex;flex-flow:column;padding:calc(var(--app-pane-padding) / 2) 0;border-radius:0 4px 4px}:host yuv-list{outline:0;--list-item-current-background: rgb(from var(--color-accent-tone) r g b / .2)}:host yuv-list [yuvListItem]{--icon-size: 18px;cursor:pointer;display:flex;align-items:center;gap:calc(var(--app-pane-padding) / 2);padding:calc(var(--app-pane-padding) / 2) var(--app-pane-padding)}:host yuv-list [yuvListItem]:hover{background-color:var(--list-item-current-background)}:host yuv-list [yuvListItem]:nth-child(2){border-block-end:1px solid rgb(from var(--color-accent-tone) r g b/.2)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ListComponent, selector: "yuv-list", inputs: ["multiselect", "disableSelection"], outputs: ["itemSelect", "itemFocus"] }, { kind: "directive", type: ListItemDirective, selector: "[yuvListItem]", inputs: ["disabled", "active", "selected"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: YvcIconModule }, { kind: "component", type: i1$1.Icon, selector: "yvc-icon", inputs: ["label", "svg", "svgSrc"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: AddButtonOverlayComponent, isStandalone: true, selector: "ymd-add-button-overlay", viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true, isSignal: true }], ngImport: i0, template: "<yuv-list (itemSelect)=\"onListItemSelect($event)\" selectOnEnter=\"true\">\n  @for (i of defaultItems; track $index) {\n    <div yuvListItem>\n      <yvc-icon [svg]=\"i.icon\"></yvc-icon>\n      {{ i.label }}\n    </div>\n  }\n\n  <!-- Upload file with flavor -->\n  @for (f of flavorListItems; track f.flavor.id) {\n    <div class=\"flavor\" yuvListItem>\n      <yvc-icon [svg]=\"f.flavor.icon\"></yvc-icon>\n      {{ f.label }}\n    </div>\n  }\n</yuv-list>\n\n<input style=\"display: none\" multiple=\"true\" #fileInput type=\"file\" (change)=\"createDocument(fileInput)\" />\n", styles: [":host{background-color:var(--color-accent);color:var(--color-accent-tone);display:flex;flex-flow:column;padding:calc(var(--app-pane-padding) / 2) 0;border-radius:0 4px 4px}:host yuv-list{outline:0;--list-item-current-background: rgb(from var(--color-accent-tone) r g b / .2)}:host yuv-list [yuvListItem]{--icon-size: 18px;cursor:pointer;display:flex;align-items:center;gap:calc(var(--app-pane-padding) / 2);padding:calc(var(--app-pane-padding) / 2) var(--app-pane-padding)}:host yuv-list [yuvListItem]:hover{background-color:var(--list-item-current-background)}:host yuv-list [yuvListItem]:nth-child(2){border-block-end:1px solid rgb(from var(--color-accent-tone) r g b/.2)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ListComponent, selector: "yuv-list", inputs: ["multiselect", "selfHandleSelection", "disableSelection"], outputs: ["itemSelect", "itemFocus"] }, { kind: "directive", type: ListItemDirective, selector: "[yuvListItem]", inputs: ["disabled", "active", "selected"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: YvcIconModule }, { kind: "component", type: i1.Icon, selector: "yvc-icon", inputs: ["label", "svg", "svgSrc"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AddButtonOverlayComponent, decorators: [{
             type: Component,
@@ -1138,7 +1150,7 @@ class AddButtonComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AddButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", 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" } }, ngImport: i0, template: "\n    <button class=\"toggle primary\" [disabled]=\"disabled()\" (click)=\"open()\">\n      <yvc-icon [svg]=\"icon\"></yvc-icon><span class=\"label\">{{ 'yuv.app.drive.create.label' | translate }}</span>\n    </button>\n\n", styles: [":host{--border-radius: var(--ribbon-button-border-radius)}:host.popover button{border-radius:4px 4px 0 0;pointer-events:none}:host button{padding:var(--ribbon-button-padding);border-radius:var(--border-radius);display:flex;gap:calc(var(--ribbon-icon-size) / 3);padding-inline-end:calc(var(--ribbon-icon-size) / 2)}:host button yvc-icon{--icon-size: var(--ribbon-icon-size)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: YvcIconModule }, { kind: "component", type: i1$1.Icon, selector: "yvc-icon", inputs: ["label", "svg", "svgSrc"] }, { kind: "ngmodule", type: TranslateModule$1 }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", 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" } }, ngImport: i0, template: "\n    <button class=\"toggle primary\" [disabled]=\"disabled()\" (click)=\"open()\">\n      <yvc-icon [svg]=\"icon\"></yvc-icon><span class=\"label\">{{ 'yuv.app.drive.create.label' | translate }}</span>\n    </button>\n\n", styles: [":host{--border-radius: var(--ribbon-button-border-radius)}:host.popover button{border-radius:4px 4px 0 0;pointer-events:none}:host button{padding:var(--ribbon-button-padding);border-radius:var(--border-radius);display:flex;gap:calc(var(--ribbon-icon-size) / 3);padding-inline-end:calc(var(--ribbon-icon-size) / 2)}:host button yvc-icon{--icon-size: var(--ribbon-icon-size)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: YvcIconModule }, { kind: "component", type: i1.Icon, selector: "yvc-icon", inputs: ["label", "svg", "svgSrc"] }, { kind: "ngmodule", type: TranslateModule$1 }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AddButtonComponent, decorators: [{
             type: Component,
@@ -1225,7 +1237,7 @@ class SortComponent {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SortComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SortComponent, isStandalone: true, selector: "ymd-sort", outputs: { sortChanged: "sortChanged" }, host: { listeners: { "blur": "onBlur()", "keydown": "onKeydown($event)" } }, viewQueries: [{ propertyName: "items", predicate: ListItemDirective, descendants: true, isSignal: true }], ngImport: i0, template: `
-    <button popovertarget="sort" class="sort-button">
+    <button popovertarget="sort" title="{{'yuv.app.drive.sort.tooltip'| translate}}" class="sort-button">
       <yvc-icon [svg]="sortIcon" />
     </button>
 
@@ -1251,12 +1263,12 @@ class SortComponent {
         }
       </ol>
     </dialog>
-  `, isInline: true, styles: ["@charset \"UTF-8\";.sort-button{padding:calc(var(--app-pane-padding) / 4);anchor-name:--sort-button}dialog::backdrop{background-color:#ff69b4;display:none}.sort-menu{display:none;background-color:var(--panel-background);color:var(--text-color-body);border-color:var(--panel-background);position:absolute;position-anchor:--sort-button;position-area:block-end center;margin:0;inset:auto;bottom:anchor(bottom);left:anchor(right);opacity:0;transition:opacity .3s,display .3s,overlay .3s;transition-behavior:allow-discrete;position-try-fallbacks:--left;margin-left:.25rem;box-shadow:0 1px 12px #0000001a;border:1px solid var(--panel-divider-color)}.sort-menu::backdrop{background-color:#ff69b4;display:none;-webkit-backdrop-filter:none;backdrop-filter:none}.sort-menu:popover-open{display:grid;opacity:1}@starting-style{.sort-menu:popover-open{display:grid;opacity:0}}@position-try --left{inset:auto;top:anchor(bottom);right:anchor(right)}.sort-group{list-style-type:none;padding-inline:0;margin-block:0;padding:.5rem}.sort-group [yuvListItem]{padding-left:calc(var(--font-body) + 2px);line-height:1.5em;display:flex;align-items:center;text-decoration:none;white-space:nowrap;border-radius:2px;color:var(--text-color-caption)}.sort-group [yuvListItem][aria-selected=true]:before{content:\"\\2022\";position:absolute;left:var(--font-body);font-size:var(--font-title)}.sort-group [yuvListItem][aria-current=true],.sort-group [yuvListItem]:hover{cursor:pointer;color:var(--text-color-body);background-color:var(--item-focus-background-color);outline:2px solid var(--item-focus-background-color)}.sort-group [yuvListItem][aria-current=true]{outline-color:var(--text-color-caption)}.sort-group [yuvListItem] .label{margin-right:.5rem;padding:.1rem 0}.sort-group .divider{margin:.5rem 0;border-top:1px solid var(--panel-divider-color)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: YvcIconModule }, { kind: "component", type: i1$1.Icon, selector: "yvc-icon", inputs: ["label", "svg", "svgSrc"] }, { kind: "directive", type: ListItemDirective, selector: "[yuvListItem]", inputs: ["disabled", "active", "selected"] }, { kind: "ngmodule", type: ReactiveFormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: ["@charset \"UTF-8\";.sort-button{padding:calc(var(--app-pane-padding) / 4);anchor-name:--sort-button}dialog::backdrop{background-color:#ff69b4;display:none}.sort-menu{display:none;background-color:var(--panel-background);color:var(--text-color-body);border-color:var(--panel-background);position:absolute;position-anchor:--sort-button;position-area:block-end center;margin:0;inset:auto;bottom:anchor(bottom);left:anchor(right);opacity:0;transition:opacity .3s,display .3s,overlay .3s;transition-behavior:allow-discrete;position-try-fallbacks:--left;margin-left:.25rem;box-shadow:0 1px 12px #0000001a;border:1px solid var(--panel-divider-color)}.sort-menu::backdrop{background-color:#ff69b4;display:none;-webkit-backdrop-filter:none;backdrop-filter:none}.sort-menu:popover-open{display:grid;opacity:1}@starting-style{.sort-menu:popover-open{display:grid;opacity:0}}@position-try --left{inset:auto;top:anchor(bottom);right:anchor(right)}.sort-group{list-style-type:none;padding-inline:0;margin-block:0;padding:.5rem}.sort-group [yuvListItem]{padding-left:calc(var(--font-body) + 2px);line-height:1.5em;display:flex;align-items:center;text-decoration:none;white-space:nowrap;border-radius:2px;color:var(--text-color-caption)}.sort-group [yuvListItem][aria-selected=true]:before{content:\"\\2022\";position:absolute;left:var(--font-body);font-size:var(--font-title)}.sort-group [yuvListItem][aria-current=true],.sort-group [yuvListItem]:hover{cursor:pointer;color:var(--text-color-body);background-color:var(--item-focus-background-color);outline:2px solid var(--item-focus-background-color)}.sort-group [yuvListItem][aria-current=true]{outline-color:var(--text-color-caption)}.sort-group [yuvListItem] .label{margin-right:.5rem;padding:.1rem 0}.sort-group .divider{margin:.5rem 0;border-top:1px solid var(--panel-divider-color)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: YvcIconModule }, { kind: "component", type: i1.Icon, selector: "yvc-icon", inputs: ["label", "svg", "svgSrc"] }, { kind: "directive", type: ListItemDirective, selector: "[yuvListItem]", inputs: ["disabled", "active", "selected"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SortComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ymd-sort', standalone: true, imports: [NgClass, YvcIconModule, ListItemDirective, ReactiveFormsModule], template: `
-    <button popovertarget="sort" class="sort-button">
+            args: [{ selector: 'ymd-sort', standalone: true, imports: [NgClass, YvcIconModule, ListItemDirective, ReactiveFormsModule, TranslateModule], template: `
+    <button popovertarget="sort" title="{{'yuv.app.drive.sort.tooltip'| translate}}" class="sort-button">
       <yvc-icon [svg]="sortIcon" />
     </button>
 
@@ -1335,7 +1347,7 @@ class BreadcrumbComponent {
         this.#keyManager?.destroy();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: BreadcrumbComponent, isStandalone: true, selector: "ymd-breadcrumb", host: { attributes: { "tabindex": "0" }, 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 aria-label=\"breadcrumb\">\n  <ol>\n    @if (bread.items.length) {\n      <li>\n        <a tabindex=\"-1\" yuvListItem draggable=\"false\" class=\"home\" href=\"\" (click)=\"navigation('root', $event)\">\n          <yvc-icon [svg]=\"homeIcon\" title=\"{{ 'yuv.app.drive.folder-tree.mydrive' | translate }}\" />\n        </a>\n      </li>\n\n      <div class=\"spacer\" aria-label=\"hidden\"></div>\n\n      @if (bread.partial) {\n        <div class=\"partial\" aria-label=\"hidden\"></div>\n        <div class=\"spacer\" aria-label=\"hidden\"></div>\n      }\n\n      <li yvcDragScroll>\n        <ol>\n          @for (crumb of bread.items; track $index) {\n            @if (!$last) {\n              <li>\n                <a tabindex=\"-1\" yuvListItem draggable=\"false\" href=\"\" (click)=\"navigation(crumb.id, $event)\">\n                  {{ crumb.name }}\n                </a>\n              </li>\n            } @else {\n              <li aria-current=\"location\">{{ crumb.name }}</li>\n            }\n            @if (!$last) {\n              <div class=\"spacer\" aria-label=\"hidden\"></div>\n            }\n          }\n        </ol>\n      </li>\n    } @else {\n      <li aria-current=\"location\"><yvc-icon [svg]=\"homeIcon\" title=\"{{ 'yuv.app.drive.folder-tree.mydrive' | translate }}\" /></li>\n    }\n  </ol>\n</nav>\n", styles: ["@charset \"UTF-8\";:host{color:var(--text-color-caption)}:host [aria-label=breadcrumb]{overflow:hidden;display:flex;align-items:center}:host [aria-current=location],:host a.home{--icon-size: 18px;display:flex;align-items:center;justify-content:center}:host ol{list-style:none;margin:0;padding:0;align-items:center;display:flex;flex-wrap:nowrap}:host li{align-items:center;display:flex;white-space:nowrap;cursor:default}:host nav>ol{overflow:hidden}:host nav>ol li[yvcDragScroll]{overflow-x:auto;--scrollbar-outer-size: 0px;--scrollbar-inner-size: 0px}:host .spacer:after{content:\"\\bb\";display:block;margin:0 4px}:host .partial:after{content:\"...\";display:block;padding:4px}:host [aria-current=location],:host [yuvListItem]{margin:2px;padding:2px;line-height:1em}:host [yuvListItem]{text-decoration:none;white-space:nowrap;border-radius:2px;color:var(--text-color-caption)}:host [yuvListItem][aria-current=true],:host [yuvListItem]:hover{color:var(--text-color-body);background-color:var(--item-focus-background-color);outline:2px solid var(--item-focus-background-color)}:host [yuvListItem][aria-current=true]{outline-color:var(--text-color-caption)}\n"], dependencies: [{ kind: "ngmodule", type: YvcIconModule }, { kind: "component", type: i1$1.Icon, selector: "yvc-icon", inputs: ["label", "svg", "svgSrc"] }, { kind: "ngmodule", type: YvcDragScrollModule }, { kind: "directive", type: i2$1.DragScrollDirective, selector: "[yvcDragScroll]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "directive", type: ListItemDirective, selector: "[yuvListItem]", inputs: ["disabled", "active", "selected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: BreadcrumbComponent, isStandalone: true, selector: "ymd-breadcrumb", host: { attributes: { "tabindex": "0" }, 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 aria-label=\"breadcrumb\">\n  <ol>\n    @if (bread.items.length) {\n      <li>\n        <a tabindex=\"-1\" yuvListItem draggable=\"false\" class=\"home\" href=\"\" (click)=\"navigation('root', $event)\">\n          <yvc-icon [svg]=\"homeIcon\" title=\"{{ 'yuv.app.drive.folder-tree.mydrive' | translate }}\" />\n        </a>\n      </li>\n\n      <div class=\"spacer\" aria-label=\"hidden\"></div>\n\n      @if (bread.partial) {\n        <div class=\"partial\" aria-label=\"hidden\"></div>\n        <div class=\"spacer\" aria-label=\"hidden\"></div>\n      }\n\n      <li yvcDragScroll>\n        <ol>\n          @for (crumb of bread.items; track $index) {\n            @if (!$last) {\n              <li>\n                <a tabindex=\"-1\" yuvListItem draggable=\"false\" href=\"\" (click)=\"navigation(crumb.id, $event)\">\n                  {{ crumb.name }}\n                </a>\n              </li>\n            } @else {\n              <li aria-current=\"location\">{{ crumb.name }}</li>\n            }\n            @if (!$last) {\n              <div class=\"spacer\" aria-label=\"hidden\"></div>\n            }\n          }\n        </ol>\n      </li>\n    } @else {\n      <li aria-current=\"location\"><yvc-icon [svg]=\"homeIcon\" title=\"{{ 'yuv.app.drive.folder-tree.mydrive' | translate }}\" /></li>\n    }\n  </ol>\n</nav>\n", styles: ["@charset \"UTF-8\";:host{color:var(--text-color-caption)}:host [aria-label=breadcrumb]{overflow:hidden;display:flex;align-items:center}:host [aria-current=location],:host a.home{--icon-size: 18px;display:flex;align-items:center;justify-content:center}:host ol{list-style:none;margin:0;padding:0;align-items:center;display:flex;flex-wrap:nowrap}:host li{align-items:center;display:flex;white-space:nowrap;cursor:default}:host nav>ol{overflow:hidden}:host nav>ol li[yvcDragScroll]{overflow-x:auto;--scrollbar-outer-size: 0px;--scrollbar-inner-size: 0px}:host .spacer:after{content:\"\\bb\";display:block;margin:0 4px}:host .partial:after{content:\"...\";display:block;padding:4px}:host [aria-current=location],:host [yuvListItem]{margin:2px;padding:2px;line-height:1em}:host [yuvListItem]{text-decoration:none;white-space:nowrap;border-radius:2px;color:var(--text-color-caption)}:host [yuvListItem][aria-current=true],:host [yuvListItem]:hover{color:var(--text-color-body);background-color:var(--item-focus-background-color);outline:2px solid var(--item-focus-background-color)}:host [yuvListItem][aria-current=true]{outline-color:var(--text-color-caption)}\n"], dependencies: [{ kind: "ngmodule", type: YvcIconModule }, { kind: "component", type: i1.Icon, selector: "yvc-icon", inputs: ["label", "svg", "svgSrc"] }, { kind: "ngmodule", type: YvcDragScrollModule }, { kind: "directive", type: i2$1.DragScrollDirective, selector: "[yvcDragScroll]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "directive", type: ListItemDirective, selector: "[yuvListItem]", inputs: ["disabled", "active", "selected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BreadcrumbComponent, decorators: [{
             type: Component,
@@ -1615,6 +1627,392 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 args: ['keydown', ['$event']]
             }] } });
 
+class DriveSearchOverlayComponent {
+    #fb;
+    #oRef;
+    #shell;
+    #system;
+    #drive;
+    #search;
+    #query;
+    #queryEffect;
+    #initialFormData;
+    constructor() {
+        this.translate = inject(TranslateService$1);
+        this.#fb = inject(FormBuilder);
+        this.#oRef = inject(YvcOverlayRef);
+        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.icons = {
+            arrow: ICONS.arrowDown,
+            remove: ICONS.clear,
+            unchecked: APP_DRIVE_ICONS.unchecked,
+            checked: APP_DRIVE_ICONS.checked
+        };
+        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,
+                label: this.translate.instant(k),
+                formOptions: ffo[k]
+            }));
+        });
+        this.scopeOptions = signal([]);
+        this.filterForm = this.#fb.nonNullable.group({
+            term: [this.#oRef.data.term || ''],
+            scope: [this.ANY_OPTION],
+            modified: [],
+            created: [],
+            contentlength: []
+        });
+        this.searchTokens = [];
+        this.flavors = this.#shell.getObjectFlavors().map((f) => ({ ...f, label: this.translate.instant(f.id) }));
+        this.translate.onLangChange.pipe(takeUntilDestroyed()).subscribe((_) => this.#setupOptions());
+        this.#setupOptions();
+        this.filterForm.valueChanges.pipe(takeUntilDestroyed()).subscribe((v) => this.#onFormValueChange(v));
+    }
+    typeSelected(idx) {
+        this.#toggleType(this.flavors[idx[0]]);
+    }
+    #toggleType(t) {
+        if (this.selectedFlavorsRec[t.id]) {
+            delete this.selectedFlavorsRec[t.id];
+            const ffo = this.flavorFormOptions() || {};
+            delete ffo[t.id];
+            this.flavorFormOptions.set({ ...ffo });
+            delete this.formStates[t.id];
+            this.#getCombinedFormState();
+        }
+        else {
+            this.selectedFlavorsRec[t.id] = t;
+            this.#system.getObjectTypeForm(t.sot, Situation.SEARCH).subscribe((formModel) => {
+                this.flavorFormOptions.set({
+                    ...this.flavorFormOptions(),
+                    [t.id]: {
+                        formModel,
+                        data: {}
+                    }
+                });
+            });
+        }
+    }
+    // initial setup of types/flavors
+    #setTypes(sots) {
+        const sotQA = {};
+        this.flavors
+            .filter((f) => sots.includes(f.sot))
+            .forEach((f) => {
+            this.selectedFlavorsRec[f.id] = f;
+            sotQA[f.sot] = f.id;
+        });
+        this.#system
+            .getObjectTypeForms(sots, Situation.SEARCH)
+            .pipe(finalize$1(() => (this.#initialFormData = {})))
+            .subscribe((forms) => {
+            const ffo = {};
+            Object.keys(forms).forEach((sot) => {
+                ffo[sotQA[sot]] = {
+                    formModel: forms[sot],
+                    data: this.#initialFormData
+                };
+            });
+            this.flavorFormOptions.set(ffo);
+        });
+    }
+    onFormStatusChanged(formId, evt) {
+        this.formStates[formId] = evt;
+        this.#getCombinedFormState();
+    }
+    #onFormValueChange(v) {
+        this.searchTokens = [];
+        if (this.filterForm.value.term) {
+            this.searchTokens.push({
+                fromControlName: 'term',
+                label: this.translate.instant('yuv.app.drive.search.meta.search-token.term', { value: this.filterForm.value.term })
+            });
+        }
+        const created = this.filterForm.value.created;
+        if (created) {
+            this.searchTokens.push({
+                fromControlName: 'created',
+                label: this.translate.instant('yuv.app.drive.search.meta.search-token.created', { value: created.label })
+            });
+        }
+        const modified = this.filterForm.value.modified;
+        if (modified) {
+            this.searchTokens.push({
+                fromControlName: 'modified',
+                label: this.translate.instant('yuv.app.drive.search.meta.search-token.modified', { value: modified.label })
+            });
+        }
+        const contentlength = this.filterForm.value.contentlength;
+        if (contentlength) {
+            this.searchTokens.push({
+                fromControlName: 'contentlength',
+                label: this.translate.instant('yuv.app.drive.search.meta.search-token.contentlength', { value: contentlength.label })
+            });
+        }
+        if (this.filterForm.value.scope !== this.ANY_OPTION && this.filterForm.value.term) {
+            const o = this.scopeOptions().find((o) => o.value === this.filterForm.value.scope);
+            if (o)
+                this.searchTokens.push({
+                    fromControlName: 'scope',
+                    label: this.translate.instant('yuv.app.drive.search.meta.search-token.where', { value: o.label })
+                });
+        }
+    }
+    removeSearchToken(t) {
+        this.filterForm.patchValue({
+            [t.fromControlName]: t.fromControlName === 'term' ? '' : this.ANY_OPTION
+        });
+    }
+    #getCombinedFormState() {
+        const combinedFormState = {
+            dirty: false,
+            indexdataChanged: false,
+            invalid: false,
+            data: {}
+        };
+        Object.values(this.formStates).forEach((s) => {
+            if (s.dirty) {
+                combinedFormState.dirty = s.dirty;
+            }
+            if (s.indexdataChanged) {
+                combinedFormState.indexdataChanged = s.indexdataChanged;
+            }
+            if (s.invalid) {
+                combinedFormState.invalid = s.invalid;
+            }
+            combinedFormState.data = { ...combinedFormState.data, ...s.data };
+        });
+        this.combinedFormState = combinedFormState;
+        return this.combinedFormState;
+    }
+    cancel() {
+        this.#oRef?.close();
+    }
+    submit() {
+        this.#oRef?.close(this.#formToQuery());
+    }
+    //Converts the form values to a search query
+    #formToQuery() {
+        const filters = this.#search.formDataToSearchFilter(this.#getCombinedFormState().data);
+        // types
+        const sots = Object.values(this.selectedFlavorsRec).map((f) => f.sot);
+        if (sots.length) {
+            filters.push({
+                f: BaseObjectTypeField.SECONDARY_OBJECT_TYPE_IDS,
+                o: Operator.IN,
+                v1: sots
+            });
+        }
+        // created
+        if (this.filterForm.value.created) {
+            const df = this.#search.rangeValueToSearchFilter(this.filterForm.value.created.rangeValue, BaseObjectTypeField.CREATION_DATE);
+            df && filters.push(df);
+        }
+        // modified
+        if (this.filterForm.value.modified) {
+            const df = this.#search.rangeValueToSearchFilter(this.filterForm.value.modified.rangeValue, BaseObjectTypeField.MODIFICATION_DATE);
+            df && filters.push(df);
+        }
+        // content length
+        if (this.filterForm.value.contentlength) {
+            const df = this.#search.rangeValueToSearchFilter(this.filterForm.value.contentlength.rangeValue, ContentStreamField.LENGTH);
+            df && filters.push(df);
+        }
+        const searchQuery = {
+            term: this.filterForm.value.term,
+            filters
+        };
+        // search scope
+        if (this.filterForm.value.scope !== this.ANY_OPTION)
+            searchQuery.scope = this.filterForm.value.scope;
+        return searchQuery;
+    }
+    /**
+     * Converts the form values to a search query
+     * @param q The search query
+     */
+    #queryToForm(q) {
+        const patch = {};
+        if (q?.term)
+            patch['term'] = q.term;
+        if (q?.scope)
+            patch['scope'] = q.scope;
+        q?.filters?.forEach((f) => {
+            switch (f.f) {
+                case BaseObjectTypeField.SECONDARY_OBJECT_TYPE_IDS: {
+                    const sots = f.v1;
+                    // filter by available flavors
+                    const flavorSots = this.flavors.map((f) => f.sot);
+                    this.#setTypes(sots.filter((sot) => flavorSots.includes(sot)));
+                    break;
+                }
+                case BaseObjectTypeField.CREATION_DATE: {
+                    const rsv = {
+                        rangeValue: {
+                            operator: f.o,
+                            firstValue: f.v1,
+                            secondValue: f.v2
+                        }
+                    };
+                    patch['created'] = rsv;
+                    break;
+                }
+                case BaseObjectTypeField.MODIFICATION_DATE: {
+                    const rsv = {
+                        rangeValue: {
+                            operator: f.o,
+                            firstValue: f.v1,
+                            secondValue: f.v2
+                        }
+                    };
+                    patch['modified'] = rsv;
+                    break;
+                }
+                case ContentStreamField.LENGTH: {
+                    const rsv = {
+                        rangeValue: {
+                            operator: f.o,
+                            firstValue: f.v1,
+                            secondValue: f.v2
+                        }
+                    };
+                    patch['contentlength'] = rsv;
+                    break;
+                }
+                default: {
+                    // check for values to inject into flavor forms
+                    this.#initialFormData[f.f] = f.v1;
+                }
+            }
+        });
+        return patch;
+    }
+    #setupOptions() {
+        this.#setupScopeOptions();
+    }
+    #setupScopeOptions() {
+        this.scopeOptions.set([
+            {
+                label: this.translate.instant('yuv.app.drive.search.filter.option.where.any'),
+                value: this.ANY_OPTION
+            },
+            {
+                label: this.translate.instant('yuv.app.drive.search.filter.option.where.content'),
+                value: 'content'
+            },
+            {
+                label: this.translate.instant('yuv.app.drive.search.filter.option.where.metadata'),
+                value: 'metadata'
+            }
+        ]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DriveSearchOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DriveSearchOverlayComponent, isStandalone: true, selector: "ymd-drive-search-overlay", viewQueries: [{ propertyName: "objectForms", predicate: ObjectFormComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<main>\n  <yvc-split-view [gutterSize]=\"1\" [layoutSettingsID]=\"'yuv.app.drive.search.meta.splitview'\">\n    <!-- search options -->\n    <ng-template yvcSplitArea [size]=\"40\">\n      <form class=\"options\" [formGroup]=\"filterForm\">\n        <!--  term and scope -->\n        <h2>{{ 'yuv.app.drive.search.meta.options.term' | translate }}</h2>\n        <input class=\"term\" type=\"text\" formControlName=\"term\" />\n\n        <h2>{{ 'yuv.app.drive.search.meta.options.where' | translate }}</h2>\n        <yvc-dropdown formControlName=\"scope\" \n        [disabled]=\"!filterForm.value.term\"\n        [options]=\"scopeOptions()\" [disableClearButton]=\"true\"></yvc-dropdown>\n\n        <!--  types -->\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              <yvc-icon [svg]=\"!!selectedFlavorsRec[t.id] ? icons.checked : icons.unchecked\"></yvc-icon>\n              {{ t.label }}\n            </div>\n          }\n        </yuv-list>\n\n        <!-- created -->\n        <h2>{{ 'yuv.app.drive.search.meta.options.created' | translate }}</h2>\n        <yuv-range-select-date formControlName=\"created\"></yuv-range-select-date>\n\n        <!-- modified -->\n        <h2>{{ 'yuv.app.drive.search.meta.options.modified' | translate }}</h2>\n        <yuv-range-select-date formControlName=\"modified\"></yuv-range-select-date>\n       \n        <!-- content length -->\n        <h2>{{ 'yuv.app.drive.search.meta.options.contentlength' | translate }}</h2>\n        <yuv-range-select-filesize formControlName=\"contentlength\"></yuv-range-select-filesize>\n      </form>\n    </ng-template>\n\n    <ng-template yvcSplitArea [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 $index) {\n            <details class=\"token\">\n              <summary [ngClass]=\"{dirty: formStates[o.id]?.dirty}\">\n                <yvc-icon [svg]=\"o.icon\"></yvc-icon>\n                {{ o.label }}\n                <yvc-icon class=\"arr\" [svg]=\"icons.arrow\"></yvc-icon>\n              </summary>\n              <yuv-object-form [formOptions]=\"o.formOptions\"\n              (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 class=\"icon\" (click)=\"removeSearchToken(t)\">\n                <yvc-icon [svg]=\"icons.remove\"></yvc-icon>\n              </button>\n            </div>\n          }\n        </div>\n      </div>\n    </ng-template>\n  </yvc-split-view>\n</main>\n\n<footer>\n  <button type=\"button\" class=\"secondary\" (click)=\"cancel()\">{{ 'yuv.app.drive.search.meta.button.cancel' | translate }}</button>\n  <button type=\"submit\" class=\"primary\" (click)=\"submit()\">{{ 'yuv.app.drive.search.meta.button.search' | translate }}</button>\n</footer>\n", styles: [":host{display:flex;flex-flow:column;height:100%;overflow:hidden}:host main{flex:1;overflow:hidden}:host main yvc-split-view{height:100%}:host main .query{background-color:var(--panel-background-grey);height:100%;box-sizing:border-box;overflow-y:auto;padding:var(--app-pane-padding)}:host main .query h1{font-size:var(--font-display);font-weight:400;margin:.5rem 0 1rem;color:var(--text-color-caption)}:host main .query .tokens{display:flex;flex-flow:row wrap;align-items:start;gap:var(--app-pane-padding)}:host main .query .tokens>.token{background-color:var(--panel-background);border:1px solid var(--panel-divider-color);animation:searchTokenEnter .2s ease-in-out forwards;box-sizing:border-box;color:var(--text-color-caption);border-radius:4px}:host main .query .tokens details{width:var(--om-section-max-width);max-width:100%}:host main .query .tokens details[open]{width:100%}:host main .query .tokens details[open] yvc-icon.arr{transform:rotate(180deg)}:host main .query .tokens details summary{padding:calc(var(--app-pane-padding) / 2);padding-inline-end:calc(var(--app-pane-padding) * 2);cursor:pointer;display:flex;align-items:center;position:relative;font-weight:700}:host main .query .tokens details summary.dirty:after{content:\"\";width:.5em;height:.5em;border-radius:50%;background-color:rgb(from var(--color-accent) r g b/.8);margin-inline-start:.5em;align-self:start}:host main .query .tokens details summary::marker{display:none}:host main .query .tokens details summary yvc-icon{--icon-size: 18px;margin-inline-end:calc(var(--app-pane-padding) / 2)}:host main .query .tokens details summary yvc-icon.arr{position:absolute;inset-inline-end:0}:host main .query .tokens .searchToken{padding:calc(var(--app-pane-padding) / 2);gap:calc(var(--app-pane-padding) / 2);cursor:pointer;display:flex;align-items:center;line-height:1em;font-weight:700}:host main .query .tokens .searchToken button{padding:0;border:0;--icon-size: 18px}:host main form.options{padding:var(--app-pane-padding);overflow-y:auto;display:flex;flex-flow:column}:host main form.options [aria-disabled=true]{cursor:default;opacity:.5}:host main form.options h2{font-size:var(--font-subhead);font-weight:400}:host main form.options input.term{border:1px solid var(--text-color-hint);padding:.5em;outline-offset:0}:host main form.options input.term:focus{border-color:var(--color-accent);outline:2px solid rgb(from var(--color-accent) r g b/.3)}:host main form.options .type:hover,:host main form.options yuv-list:focus .type[aria-current=true]{background-color:var(--item-focus-background-color)}:host main form.options yvc-dropdown,:host main form.options yuv-range-select-filesize,:host main form.options yuv-range-select-date{cursor:pointer}:host main form.options .type{display:flex;gap:var(--app-pane-padding);align-items:center;padding:calc(var(--app-pane-padding) / 2);cursor:pointer}:host main form.options .type yvc-icon{color:var(--text-color-caption)}:host footer{flex:0 0 auto;display:flex;border-block-start:1px solid var(--panel-divider-color);align-items:center;justify-content:flex-end;gap:calc(var(--app-pane-padding) / 2);padding:var(--app-pane-padding)}@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: YvcDropdownModule }, { kind: "component", type: i2$2.Dropdown, selector: "yvc-dropdown", inputs: ["options", "filter", "disabled", "multiple", "disableClearButton"], outputs: ["onDropdownOptionsClose"] }, { 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: YvcSplitViewModule }, { kind: "component", type: i3.SplitViewComponent, selector: "yvc-split-view", inputs: ["direction", "gutterSize", "restrictMove", "disabled", "gutterDblClickDuration", "layoutSettingsID"], outputs: ["layoutSettingsChange", "dragStart", "dragEnd", "gutterClick", "gutterDblClick"] }, { kind: "directive", type: i3.SplitAreaDirective, selector: "[yvcSplitArea]", inputs: ["size", "order", "minSize", "maxSize", "panelClass", "visible"] }, { kind: "ngmodule", type: YvcIconModule }, { kind: "component", type: i1.Icon, selector: "yvc-icon", inputs: ["label", "svg", "svgSrc"] }, { kind: "ngmodule", type: YvcCheckboxModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i6.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i6.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: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i6.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i6.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: ListComponent, selector: "yuv-list", inputs: ["multiselect", "selfHandleSelection", "disableSelection"], outputs: ["itemSelect", "itemFocus"] }, { kind: "directive", type: ListItemDirective, selector: "[yuvListItem]", inputs: ["disabled", "active", "selected"] }, { kind: "component", type: RangeSelectDateComponent, selector: "yuv-range-select-date", inputs: ["ranges", "customRange"] }, { kind: "component", type: RangeSelectFilesizeComponent, selector: "yuv-range-select-filesize", inputs: ["ranges"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DriveSearchOverlayComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ymd-drive-search-overlay', standalone: true, imports: [
+                        CommonModule,
+                        YvcDropdownModule,
+                        TranslateModule$1,
+                        ObjectFormComponent,
+                        YvcSplitViewModule,
+                        YvcIconModule,
+                        YvcCheckboxModule,
+                        ReactiveFormsModule,
+                        ListComponent,
+                        ListItemDirective,
+                        RangeSelectDateComponent,
+                        RangeSelectFilesizeComponent
+                    ], template: "<main>\n  <yvc-split-view [gutterSize]=\"1\" [layoutSettingsID]=\"'yuv.app.drive.search.meta.splitview'\">\n    <!-- search options -->\n    <ng-template yvcSplitArea [size]=\"40\">\n      <form class=\"options\" [formGroup]=\"filterForm\">\n        <!--  term and scope -->\n        <h2>{{ 'yuv.app.drive.search.meta.options.term' | translate }}</h2>\n        <input class=\"term\" type=\"text\" formControlName=\"term\" />\n\n        <h2>{{ 'yuv.app.drive.search.meta.options.where' | translate }}</h2>\n        <yvc-dropdown formControlName=\"scope\" \n        [disabled]=\"!filterForm.value.term\"\n        [options]=\"scopeOptions()\" [disableClearButton]=\"true\"></yvc-dropdown>\n\n        <!--  types -->\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              <yvc-icon [svg]=\"!!selectedFlavorsRec[t.id] ? icons.checked : icons.unchecked\"></yvc-icon>\n              {{ t.label }}\n            </div>\n          }\n        </yuv-list>\n\n        <!-- created -->\n        <h2>{{ 'yuv.app.drive.search.meta.options.created' | translate }}</h2>\n        <yuv-range-select-date formControlName=\"created\"></yuv-range-select-date>\n\n        <!-- modified -->\n        <h2>{{ 'yuv.app.drive.search.meta.options.modified' | translate }}</h2>\n        <yuv-range-select-date formControlName=\"modified\"></yuv-range-select-date>\n       \n        <!-- content length -->\n        <h2>{{ 'yuv.app.drive.search.meta.options.contentlength' | translate }}</h2>\n        <yuv-range-select-filesize formControlName=\"contentlength\"></yuv-range-select-filesize>\n      </form>\n    </ng-template>\n\n    <ng-template yvcSplitArea [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 $index) {\n            <details class=\"token\">\n              <summary [ngClass]=\"{dirty: formStates[o.id]?.dirty}\">\n                <yvc-icon [svg]=\"o.icon\"></yvc-icon>\n                {{ o.label }}\n                <yvc-icon class=\"arr\" [svg]=\"icons.arrow\"></yvc-icon>\n              </summary>\n              <yuv-object-form [formOptions]=\"o.formOptions\"\n              (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 class=\"icon\" (click)=\"removeSearchToken(t)\">\n                <yvc-icon [svg]=\"icons.remove\"></yvc-icon>\n              </button>\n            </div>\n          }\n        </div>\n      </div>\n    </ng-template>\n  </yvc-split-view>\n</main>\n\n<footer>\n  <button type=\"button\" class=\"secondary\" (click)=\"cancel()\">{{ 'yuv.app.drive.search.meta.button.cancel' | translate }}</button>\n  <button type=\"submit\" class=\"primary\" (click)=\"submit()\">{{ 'yuv.app.drive.search.meta.button.search' | translate }}</button>\n</footer>\n", styles: [":host{display:flex;flex-flow:column;height:100%;overflow:hidden}:host main{flex:1;overflow:hidden}:host main yvc-split-view{height:100%}:host main .query{background-color:var(--panel-background-grey);height:100%;box-sizing:border-box;overflow-y:auto;padding:var(--app-pane-padding)}:host main .query h1{font-size:var(--font-display);font-weight:400;margin:.5rem 0 1rem;color:var(--text-color-caption)}:host main .query .tokens{display:flex;flex-flow:row wrap;align-items:start;gap:var(--app-pane-padding)}:host main .query .tokens>.token{background-color:var(--panel-background);border:1px solid var(--panel-divider-color);animation:searchTokenEnter .2s ease-in-out forwards;box-sizing:border-box;color:var(--text-color-caption);border-radius:4px}:host main .query .tokens details{width:var(--om-section-max-width);max-width:100%}:host main .query .tokens details[open]{width:100%}:host main .query .tokens details[open] yvc-icon.arr{transform:rotate(180deg)}:host main .query .tokens details summary{padding:calc(var(--app-pane-padding) / 2);padding-inline-end:calc(var(--app-pane-padding) * 2);cursor:pointer;display:flex;align-items:center;position:relative;font-weight:700}:host main .query .tokens details summary.dirty:after{content:\"\";width:.5em;height:.5em;border-radius:50%;background-color:rgb(from var(--color-accent) r g b/.8);margin-inline-start:.5em;align-self:start}:host main .query .tokens details summary::marker{display:none}:host main .query .tokens details summary yvc-icon{--icon-size: 18px;margin-inline-end:calc(var(--app-pane-padding) / 2)}:host main .query .tokens details summary yvc-icon.arr{position:absolute;inset-inline-end:0}:host main .query .tokens .searchToken{padding:calc(var(--app-pane-padding) / 2);gap:calc(var(--app-pane-padding) / 2);cursor:pointer;display:flex;align-items:center;line-height:1em;font-weight:700}:host main .query .tokens .searchToken button{padding:0;border:0;--icon-size: 18px}:host main form.options{padding:var(--app-pane-padding);overflow-y:auto;display:flex;flex-flow:column}:host main form.options [aria-disabled=true]{cursor:default;opacity:.5}:host main form.options h2{font-size:var(--font-subhead);font-weight:400}:host main form.options input.term{border:1px solid var(--text-color-hint);padding:.5em;outline-offset:0}:host main form.options input.term:focus{border-color:var(--color-accent);outline:2px solid rgb(from var(--color-accent) r g b/.3)}:host main form.options .type:hover,:host main form.options yuv-list:focus .type[aria-current=true]{background-color:var(--item-focus-background-color)}:host main form.options yvc-dropdown,:host main form.options yuv-range-select-filesize,:host main form.options yuv-range-select-date{cursor:pointer}:host main form.options .type{display:flex;gap:var(--app-pane-padding);align-items:center;padding:calc(var(--app-pane-padding) / 2);cursor:pointer}:host main form.options .type yvc-icon{color:var(--text-color-caption)}:host footer{flex:0 0 auto;display:flex;border-block-start:1px solid var(--panel-divider-color);align-items:center;justify-content:flex-end;gap:calc(var(--app-pane-padding) / 2);padding:var(--app-pane-padding)}@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(YvcOverlayService);
+        this.#router = inject(Router);
+        this.#route = inject(ActivatedRoute);
+        this.#drive = inject(DriveService);
+        this.icons = {
+            extendedSearch: APP_DRIVE_ICONS.extendedSearch,
+            clear: ICONS.clear
+        };
+        this.query = this.#drive.state$.query;
+        this.extendedQuery = this.#drive.state$.extendedQuery;
+        this.currentFolder = this.#drive.state$.currentFolder;
+        this.term = '';
+    }
+    #overlay;
+    #router;
+    #route;
+    #drive;
+    #oRef;
+    openModal(event) {
+        event.stopPropagation();
+        this.#oRef = this.#overlay.open(DriveSearchOverlayComponent, {
+            term: this.term
+        }, {
+            width: '90vw',
+            height: '90vh'
+        });
+        this.#oRef.afterClosed$.subscribe((res) => {
+            if (res.data) {
+                const q = res.data;
+                this.onQuerySubmit(res.data, !!q.filters?.length || !!q.scope);
+            }
+        });
+    }
+    clear() {
+        console.log(this.currentFolder());
+        this.#router.navigate(['..', this.currentFolder() || DRIVE_ROOT_FOLDER_ID], {
+            relativeTo: this.#route
+        });
+    }
+    onQueryChange(q) {
+        this.term = q.term || '';
+    }
+    onQuerySubmit(q, ext = false) {
+        // in order to keep the query in the url as short as
+        // possible we'll get rid of the fields because they could be
+        // re-applied later on
+        q.fields = undefined;
+        this.#router.navigate(['..', 'query'], {
+            queryParams: {
+                q: encodeURIComponent(JSON.stringify(q)),
+                ext
+            },
+            relativeTo: this.#route
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DriveSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DriveSearchComponent, isStandalone: true, selector: "ymd-drive-search", host: { properties: { "class.active": "extendedQuery()" } }, ngImport: i0, template: "<div class=\"extSearch\">\n  <button class=\"icon\" (click)=\"openModal($event)\">\n    <yvc-icon [svg]=\"icons.extendedSearch\"></yvc-icon>\n  </button>  \n  <button class=\"icon clear\" (click)=\"clear()\">\n    <yvc-icon [svg]=\"icons.clear\"></yvc-icon>\n  </button>\n</div>\n<yuv-simple-search [query]=\"query()\" \n(queryChange)=\"onQueryChange($event)\"\n(querySubmit)=\"onQuerySubmit($event)\"></yuv-simple-search>", styles: [":host{display:flex;align-items:center;border:1px solid var(--panel-divider-color);--icon-size: 18px}:host.active .extSearch{background-color:var(--color-accent)}:host.active .extSearch button{color:var(--color-accent-tone)}:host.active .extSearch button.clear{display:flex}:host .extSearch{display:flex;align-items:center;margin:1px;padding:1px}:host .extSearch button{padding:calc(var(--app-pane-padding) / 4 - 2px)}:host .extSearch button.clear{--icon-size: 14px;margin-inline:2px;padding:0;display:none}:host yuv-simple-search{flex:1;border:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule$1 }, { kind: "component", type: SimpleSearchComponent, selector: "yuv-simple-search", inputs: ["targets", "query"], outputs: ["querySubmit", "targetSelectionChanged", "queryChange", "typeAggregation"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: YvcIconModule }, { kind: "component", type: i1.Icon, selector: "yvc-icon", inputs: ["label", "svg", "svgSrc"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DriveSearchComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ymd-drive-search', standalone: true, imports: [CommonModule, TranslateModule$1, FocusWithinDirective, SimpleSearchComponent, DriveSearchOverlayComponent, ReactiveFormsModule, YvcIconModule], host: {
+                        '[class.active]': 'extendedQuery()'
+                    }, template: "<div class=\"extSearch\">\n  <button class=\"icon\" (click)=\"openModal($event)\">\n    <yvc-icon [svg]=\"icons.extendedSearch\"></yvc-icon>\n  </button>  \n  <button class=\"icon clear\" (click)=\"clear()\">\n    <yvc-icon [svg]=\"icons.clear\"></yvc-icon>\n  </button>\n</div>\n<yuv-simple-search [query]=\"query()\" \n(queryChange)=\"onQueryChange($event)\"\n(querySubmit)=\"onQuerySubmit($event)\"></yuv-simple-search>", styles: [":host{display:flex;align-items:center;border:1px solid var(--panel-divider-color);--icon-size: 18px}:host.active .extSearch{background-color:var(--color-accent)}:host.active .extSearch button{color:var(--color-accent-tone)}:host.active .extSearch button.clear{display:flex}:host .extSearch{display:flex;align-items:center;margin:1px;padding:1px}:host .extSearch button{padding:calc(var(--app-pane-padding) / 4 - 2px)}:host .extSearch button.clear{--icon-size: 14px;margin-inline:2px;padding:0;display:none}:host yuv-simple-search{flex:1;border:0}\n"] }]
+        }] });
+
 const COMPONENTS = [VersionsListComponent, ObjectSummaryDataComponent, ObjectPreviewComponent];
 const MODULES = [YvcIconModule, YvcTabsModule, YvcSplitViewModule, TranslateModule];
 class ManageVersionsComponent {
@@ -1693,7 +2091,7 @@ class ManageVersionsComponent {
         this.#drive.clearVersions();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ManageVersionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ManageVersionsComponent, isStandalone: true, selector: "ymd-manage-versions", ngImport: i0, template: "@if (isLoading()) {\n  <div class=\"yuv-loader-linear loader\"></div>\n}\n<yvc-split-view [gutterSize]=\"1\" [layoutSettingsID]=\"layoutSettingIdBase + 'split'\">\n  <!-- Versions -->\n  <ng-template yvcSplitArea [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          <yvc-tabs [layoutSettingsID]=\"layoutSettingIdBase + 'tabs'\" class=\"versions-details\">\n            <ng-template [yvcTab]=\"{ id: 'content', label: 'yuv.app.drive.object-metadata.tabs.content.title' | translate }\">\n              <yuv-object-preview [dmsObject]=\"selected[0]\" [version]=\"selected[0].version\"></yuv-object-preview>\n            </ng-template>\n            <ng-template [yvcTab]=\"{ id: 'indexdata', label: 'yuv.app.drive.object-metadata.tabs.indexdata.title' | translate }\">\n              <yuv-object-summary-data [dmsObject]=\"selected[0]\"></yuv-object-summary-data>\n            </ng-template>\n          </yvc-tabs>\n        }\n      </div>\n    </div>\n  </ng-template>\n  <!-- Details -->\n  <ng-template yvcSplitArea [size]=\"40\">\n    <div class=\"versions\">\n      <header>\n        <h2>{{ 'yuv.app.drive.versions.header.label' | translate }}</h2>\n        <div class=\"actions\">\n          <button class=\"refresh\" title=\"refresh\" (click)=\"reloadList()\"><yvc-icon [svg]=\"icons.refresh\"></yvc-icon></button>\n          <button class=\"close\" title=\"close\" (click)=\"close()\"><yvc-icon [svg]=\"icons.close\"></yvc-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</yvc-split-view>\n<footer>\n  <div class=\"actions\">\n    <button class=\"secondary\" [disabled]=\"disabledRestore()\" (click)=\"setNewVersion()\">{{ 'yuv.app.drive.action.set.new.versions.label' | translate }}</button>\n  </div>\n</footer>\n", styles: [":host{height:100%;display:grid;grid-auto-columns:1fr;grid-auto-rows:1fr;grid-template-columns:1.7fr;grid-template-rows:.1px 2.7fr .2fr;gap:0px 0px;grid-template-areas:\"loader\" \"content\" \"footer\"}:host .loader{grid-area:loader}:host yvc-split-view{grid-area:content;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(--app-pane-padding);align-items:center}:host header span{font-size:var(--font-headline);font-weight:var(--font-weight-bold)}:host .versions,:host .version-details{display:flex;flex-flow:column;height:100%}:host .version-details .details{flex:1;overflow-y:hidden}:host .versions header{border-bottom:1px solid var(--panel-divider-color);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%}:host footer{grid-area:footer;display:flex;justify-content:flex-end;align-items:center;background:var(--panel-background);border-top:1px solid var(--panel-divider-color);gap:calc(var(--app-pane-padding) / 4);padding:calc(var(--app-pane-padding) / 2)}\n"], dependencies: [{ kind: "ngmodule", type: YvcIconModule }, { kind: "component", type: i1$1.Icon, selector: "yvc-icon", inputs: ["label", "svg", "svgSrc"] }, { kind: "ngmodule", type: YvcTabsModule }, { kind: "component", type: i2$2.Tabs, selector: "yvc-tabs", inputs: ["tabs", "layoutSettingsID", "panelOrder", "panelOrderIncludeUnmentioned", "cacheViews", "tabSplitEnabled", "tabRemoveEnabled"], outputs: ["tabSplit", "tabRemove", "tabChange"] }, { kind: "directive", type: i2$2.YvcTabDirective, selector: "[yvcTab]", inputs: ["yvcTab"] }, { kind: "ngmodule", type: YvcSplitViewModule }, { kind: "component", type: i3.SplitViewComponent, selector: "yvc-split-view", inputs: ["direction", "gutterSize", "restrictMove", "disabled", "gutterDblClickDuration", "layoutSettingsID"], outputs: ["layoutSettingsChange", "dragStart", "dragEnd", "gutterClick", "gutterDblClick"] }, { kind: "directive", type: i3.SplitAreaDirective, selector: "[yvcSplitArea]", inputs: ["size", "order", "minSize", "maxSize", "panelClass", "visible"] }, { 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"] }, { kind: "component", type: ObjectPreviewComponent, selector: "yuv-object-preview", inputs: ["objectId", "dmsObject", "version"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ManageVersionsComponent, isStandalone: true, selector: "ymd-manage-versions", ngImport: i0, template: "@if (isLoading()) {\n  <div class=\"yuv-loader-linear loader\"></div>\n}\n<yvc-split-view [gutterSize]=\"1\" [layoutSettingsID]=\"layoutSettingIdBase + 'split'\">\n  <!-- Versions -->\n  <ng-template yvcSplitArea [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          <yvc-tabs [layoutSettingsID]=\"layoutSettingIdBase + 'tabs'\" class=\"versions-details\">\n            <ng-template [yvcTab]=\"{ id: 'content', label: 'yuv.app.drive.object-metadata.tabs.content.title' | translate }\">\n              <yuv-object-preview [dmsObject]=\"selected[0]\" [version]=\"selected[0].version\"></yuv-object-preview>\n            </ng-template>\n            <ng-template [yvcTab]=\"{ id: 'indexdata', label: 'yuv.app.drive.object-metadata.tabs.indexdata.title' | translate }\">\n              <yuv-object-summary-data [dmsObject]=\"selected[0]\"></yuv-object-summary-data>\n            </ng-template>\n          </yvc-tabs>\n        }\n      </div>\n    </div>\n  </ng-template>\n  <!-- Details -->\n  <ng-template yvcSplitArea [size]=\"40\">\n    <div class=\"versions\">\n      <header>\n        <h2>{{ 'yuv.app.drive.versions.header.label' | translate }}</h2>\n        <div class=\"actions\">\n          <button class=\"refresh\" title=\"refresh\" (click)=\"reloadList()\"><yvc-icon [svg]=\"icons.refresh\"></yvc-icon></button>\n          <button class=\"close\" title=\"close\" (click)=\"close()\"><yvc-icon [svg]=\"icons.close\"></yvc-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</yvc-split-view>\n<footer>\n  <div class=\"actions\">\n    <button class=\"secondary\" [disabled]=\"disabledRestore()\" (click)=\"setNewVersion()\">{{ 'yuv.app.drive.action.set.new.versions.label' | translate }}</button>\n  </div>\n</footer>\n", styles: [":host{height:100%;display:grid;grid-auto-columns:1fr;grid-auto-rows:1fr;grid-template-columns:1.7fr;grid-template-rows:.1px 2.7fr .2fr;gap:0px 0px;grid-template-areas:\"loader\" \"content\" \"footer\"}:host .loader{grid-area:loader}:host yvc-split-view{grid-area:content;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(--app-pane-padding);align-items:center}:host header span{font-size:var(--font-headline);font-weight:var(--font-weight-bold)}:host .versions,:host .version-details{display:flex;flex-flow:column;height:100%}:host .version-details .details{flex:1;overflow-y:hidden}:host .versions header{border-bottom:1px solid var(--panel-divider-color);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%}:host footer{grid-area:footer;display:flex;justify-content:flex-end;align-items:center;background:var(--panel-background);border-top:1px solid var(--panel-divider-color);gap:calc(var(--app-pane-padding) / 4);padding:calc(var(--app-pane-padding) / 2)}\n"], dependencies: [{ kind: "ngmodule", type: YvcIconModule }, { kind: "component", type: i1.Icon, selector: "yvc-icon", inputs: ["label", "svg", "svgSrc"] }, { kind: "ngmodule", type: YvcTabsModule }, { kind: "component", type: i2$3.Tabs, selector: "yvc-tabs", inputs: ["tabs", "layoutSettingsID", "panelOrder", "panelOrderIncludeUnmentioned", "cacheViews", "tabSplitEnabled", "tabRemoveEnabled"], outputs: ["tabSplit", "tabRemove", "tabChange"] }, { kind: "directive", type: i2$3.YvcTabDirective, selector: "[yvcTab]", inputs: ["yvcTab"] }, { kind: "ngmodule", type: YvcSplitViewModule }, { kind: "component", type: i3.SplitViewComponent, selector: "yvc-split-view", inputs: ["direction", "gutterSize", "restrictMove", "disabled", "gutterDblClickDuration", "layoutSettingsID"], outputs: ["layoutSettingsChange", "dragStart", "dragEnd", "gutterClick", "gutterDblClick"] }, { kind: "directive", type: i3.SplitAreaDirective, selector: "[yvcSplitArea]", inputs: ["size", "order", "minSize", "maxSize", "panelClass", "visible"] }, { 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"] }, { kind: "component", type: ObjectPreviewComponent, selector: "yuv-object-preview", inputs: ["objectId", "dmsObject", "version"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ManageVersionsComponent, decorators: [{
             type: Component,
@@ -1899,7 +2297,7 @@ class RibbonComponent {
         ];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RibbonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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  <yvc-overflow-menu [hideLabels]=\"true\" [menuItems]=\"menuItems\"></yvc-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  <div class=\"yuv-loader-linear\"></div>\n}\n", styles: ["ymd-ribbon{--ribbon-button-padding: calc(var(--app-pane-padding) / 4);--ribbon-button-border-radius: 2px;--ribbon-button-gap: calc(var(--app-pane-padding) / 4);--ribbon-icon-size: 20px;flex:0 0 auto;display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:\"primary actions sort secondary\";align-items:center;gap:calc(var(--app-pane-padding) / 2);border-block-end:1px solid var(--panel-divider-color);position:relative;padding:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2)}ymd-ribbon .primary-actions{grid-area:primary;overflow-x:auto}ymd-ribbon .secondary-actions{grid-area:secondary;overflow-x:auto}ymd-ribbon .object-actions{grid-area:actions;align-self:stretch;overflow-x:auto;border-color:var(--panel-divider-color);border-width:0 1px 0 1px;border-style:solid;display:grid;grid-template-rows:1fr;grid-template-columns:1fr;align-items:center}ymd-ribbon .object-actions yvc-overflow-menu{--menu-item-padding: var(--ribbon-button-padding);--menu-item-icon-size: var(--ribbon-icon-size);--menu-item-gap: var(--ribbon-button-gap);--menu-item-max-label-width: 10ch;grid-row:1;grid-column:1}ymd-ribbon .object-actions yuv-clipboard{--clipboard-background-color: var(--panel-divider-color);margin-inline:calc(var(--app-pane-padding) / 2);height:100%;grid-row:1;grid-column:1;z-index:1}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 .yuv-loader-linear{position:absolute;bottom:-2px;left:0;right:0;width:auto;height:2px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ClipboardComponent, selector: "yuv-clipboard", inputs: ["enablePaste", "bucket"], outputs: ["paste"] }, { kind: "component", type: YvcOverflowMenuComponent, selector: "yvc-overflow-menu", inputs: ["overflowIcon", "groupLabels", "menuItems", "hideLabels"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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  <yvc-overflow-menu [hideLabels]=\"true\" [menuItems]=\"menuItems\"></yvc-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  <div class=\"yuv-loader-linear\"></div>\n}\n", styles: ["ymd-ribbon{--ribbon-button-padding: calc(var(--app-pane-padding) / 4);--ribbon-button-border-radius: 2px;--ribbon-button-gap: calc(var(--app-pane-padding) / 4);--ribbon-icon-size: 20px;flex:0 0 auto;display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:\"primary actions sort secondary\";align-items:center;gap:calc(var(--app-pane-padding) / 2);border-block-end:1px solid var(--panel-divider-color);position:relative;padding:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2)}ymd-ribbon .primary-actions{grid-area:primary;overflow-x:auto}ymd-ribbon .secondary-actions{grid-area:secondary;overflow-x:auto}ymd-ribbon .object-actions{grid-area:actions;align-self:stretch;overflow-x:auto;border-color:var(--panel-divider-color);border-width:0 1px 0 1px;border-style:solid;display:grid;grid-template-rows:1fr;grid-template-columns:1fr;align-items:center}ymd-ribbon .object-actions yvc-overflow-menu{--menu-item-padding: var(--ribbon-button-padding);--menu-item-icon-size: var(--ribbon-icon-size);--menu-item-gap: var(--ribbon-button-gap);--menu-item-max-label-width: 10ch;grid-row:1;grid-column:1}ymd-ribbon .object-actions yuv-clipboard{--clipboard-background-color: var(--panel-divider-color);margin-inline:calc(var(--app-pane-padding) / 2);height:100%;grid-row:1;grid-column:1;z-index:1}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 .yuv-loader-linear{position:absolute;bottom:-2px;left:0;right:0;width:auto;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: YvcOverflowMenuComponent, selector: "yvc-overflow-menu", inputs: ["overflowIcon", "groupLabels", "menuItems", "hideLabels"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RibbonComponent, decorators: [{
             type: Component,
@@ -1908,90 +2306,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     }, 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  <yvc-overflow-menu [hideLabels]=\"true\" [menuItems]=\"menuItems\"></yvc-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  <div class=\"yuv-loader-linear\"></div>\n}\n", styles: ["ymd-ribbon{--ribbon-button-padding: calc(var(--app-pane-padding) / 4);--ribbon-button-border-radius: 2px;--ribbon-button-gap: calc(var(--app-pane-padding) / 4);--ribbon-icon-size: 20px;flex:0 0 auto;display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:\"primary actions sort secondary\";align-items:center;gap:calc(var(--app-pane-padding) / 2);border-block-end:1px solid var(--panel-divider-color);position:relative;padding:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2)}ymd-ribbon .primary-actions{grid-area:primary;overflow-x:auto}ymd-ribbon .secondary-actions{grid-area:secondary;overflow-x:auto}ymd-ribbon .object-actions{grid-area:actions;align-self:stretch;overflow-x:auto;border-color:var(--panel-divider-color);border-width:0 1px 0 1px;border-style:solid;display:grid;grid-template-rows:1fr;grid-template-columns:1fr;align-items:center}ymd-ribbon .object-actions yvc-overflow-menu{--menu-item-padding: var(--ribbon-button-padding);--menu-item-icon-size: var(--ribbon-icon-size);--menu-item-gap: var(--ribbon-button-gap);--menu-item-max-label-width: 10ch;grid-row:1;grid-column:1}ymd-ribbon .object-actions yuv-clipboard{--clipboard-background-color: var(--panel-divider-color);margin-inline:calc(var(--app-pane-padding) / 2);height:100%;grid-row:1;grid-column:1;z-index:1}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 .yuv-loader-linear{position:absolute;bottom:-2px;left:0;right:0;width:auto;height:2px}\n"] }]
         }], ctorParameters: () => [] });
 
-class StoredQueryService {
-    constructor() {
-        this.userService = inject(UserService);
-        this.translate = inject(TranslateService);
-    }
-    getStoredQuery(id) {
-        const q = STORED_QUERIES[id];
-        if (!q)
-            return undefined;
-        try {
-            // if query has no label try to resolve from language resources
-            return {
-                label: q.label || this.translate.instant(id),
-                query: JSON.parse(this._replaceVars(q.query))
-            };
-        }
-        catch (e) {
-            return undefined;
-        }
-    }
-    _replaceVars(str) {
-        const vars = [{ placeholder: '##me##', replace: this.userService.getCurrentUser().id }];
-        vars.forEach((v) => {
-            str = str.replaceAll(v.placeholder, v.replace);
-        });
-        return str;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StoredQueryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StoredQueryService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StoredQueryService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }] });
-
-class DateRangePickerComponent {
-    constructor() {
-        this.#oRef = inject(YvcOverlayRef);
-        this.#fb = inject(FormBuilder);
-        this.form = this.#fb.group({
-            range: this.#fb.control(undefined, Validators.required)
-        });
-        this.range = input(this.#oRef.data.range);
-        this.rangeChange = output();
-        this.#rangeEffect = effect(() => {
-            const range = this.range();
-            this.form.patchValue({ range });
-        });
-    }
-    #oRef;
-    #fb;
-    #rangeEffect;
-    apply() {
-        this.rangeChange.emit(this.form.value.range || undefined);
-        this.#oRef?.close(this.form.value.range);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DateRangePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: DateRangePickerComponent, isStandalone: true, selector: "ymd-date-range-picker", inputs: { range: { classPropertyName: "range", publicName: "range", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { rangeChange: "rangeChange" }, ngImport: i0, template: "<form [formGroup]=\"form\" (ngSubmit)=\"apply()\">\n  <h2>{{ 'yuv.app.drive.search.filter.option.date.custom.overlay.title' | translate }}</h2>\n  <yuv-datetime-range [withTime]=\"false\" formControlName=\"range\"></yuv-datetime-range>\n  <button class=\"primary\" [disabled]=\"form.invalid\">{{ 'yuv.app.drive.search.filter.option.date.custom.overlay.button.apply' | translate }}</button>\n</form>\n", styles: [":host{--form-element-border-color: transparent;--yvc-form-element-border-color: transparent}:host form{display:grid;grid-template-columns:1fr auto;grid-template-rows:repeat(3,auto);grid-template-areas:\"title title\" \"input input\" \". button\";gap:var(--app-pane-padding);padding:var(--app-pane-padding)}:host form h2{grid-area:title;margin:0}:host form yuv-datetime-range{grid-area:input;border:1px solid var(--text-color-hint);padding:1px 2px;border-radius:2px}:host form button{grid-area:button}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: DatetimeRangeComponent, selector: "yuv-datetime-range", inputs: ["withTime", "readonly", "operator"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DateRangePickerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ymd-date-range-picker', standalone: true, imports: [CommonModule, ReactiveFormsModule, TranslateModule, DatetimeRangeComponent], template: "<form [formGroup]=\"form\" (ngSubmit)=\"apply()\">\n  <h2>{{ 'yuv.app.drive.search.filter.option.date.custom.overlay.title' | translate }}</h2>\n  <yuv-datetime-range [withTime]=\"false\" formControlName=\"range\"></yuv-datetime-range>\n  <button class=\"primary\" [disabled]=\"form.invalid\">{{ 'yuv.app.drive.search.filter.option.date.custom.overlay.button.apply' | translate }}</button>\n</form>\n", styles: [":host{--form-element-border-color: transparent;--yvc-form-element-border-color: transparent}:host form{display:grid;grid-template-columns:1fr auto;grid-template-rows:repeat(3,auto);grid-template-areas:\"title title\" \"input input\" \". button\";gap:var(--app-pane-padding);padding:var(--app-pane-padding)}:host form h2{grid-area:title;margin:0}:host form yuv-datetime-range{grid-area:input;border:1px solid var(--text-color-hint);padding:1px 2px;border-radius:2px}:host form button{grid-area:button}\n"] }]
-        }] });
-
 class SearchFilterComponent {
     #shell;
     #fb;
-    #overlay;
-    #CREATED_CUSTOM;
+    #search;
     #flavors;
-    #customDateRange;
     constructor() {
         this.#shell = inject(ShellService);
         this.#fb = inject(FormBuilder);
-        this.#overlay = inject(YvcOverlayService);
-        this.#CREATED_CUSTOM = 'custom';
+        this.#search = inject(SearchService);
         this.translate = inject(TranslateService$1);
         this.ANY_OPTION = 'any';
         this.#flavors = this.#shell.getObjectFlavors();
         this.typeOptions = signal([]);
-        this.dateOptions = signal([]);
-        this.sizeOptions = signal([]);
         this.query = input(null);
         this.queryChange = output();
         this.filtersActive = signal(false);
@@ -2003,57 +2330,6 @@ class SearchFilterComponent {
         this.translate.onLangChange.pipe(takeUntilDestroyed()).subscribe((_) => this.#setupOptions());
         this.#setupOptions();
         this.filterForm.valueChanges.pipe(takeUntilDestroyed()).subscribe((v) => this.#onFormValueChange(v));
-        // listen to created filter changes to catch custom date range
-        this.filterForm
-            .get('created')
-            ?.valueChanges.pipe(takeUntilDestroyed())
-            .subscribe((v) => {
-            if (v === this.#CREATED_CUSTOM) {
-                // open date range picker
-                console.log(this.#customDateRange);
-                const o = this.#overlay.open(DateRangePickerComponent, {
-                    range: this.#customDateRange
-                });
-                o.afterClosed$.subscribe((res) => {
-                    this.#customDateRange = res.data;
-                    if (!res.data) {
-                        this.filterForm.get('created')?.patchValue(this.ANY_OPTION);
-                        this.#setupDateOptions();
-                    }
-                    else {
-                        this.#onFormValueChange(this.filterForm.value);
-                        this.#setupDateOptions(this.#customDateRangeToString());
-                        setTimeout(() => {
-                            this.filterForm.patchValue({
-                                created: this.#CREATED_CUSTOM
-                            }, {
-                                emitEvent: false
-                            });
-                        });
-                    }
-                });
-            }
-        });
-    }
-    #customDateRangeToString() {
-        if (!this.#customDateRange)
-            return undefined;
-        const dp = new LocaleDatePipe(this.translate);
-        switch (this.#customDateRange.operator) {
-            case Operator.EQUAL: {
-                return dp.transform(this.#customDateRange.firstValue, 'shortDate');
-            }
-            case Operator.GREATER_OR_EQUAL: {
-                return `${OperatorLabel.GREATER_OR_EQUAL} ${dp.transform(this.#customDateRange.firstValue, 'shortDate')}`;
-            }
-            case Operator.LESS_OR_EQUAL: {
-                return `${OperatorLabel.LESS_OR_EQUAL} ${dp.transform(this.#customDateRange.firstValue, 'shortDate')}`;
-            }
-            case Operator.INTERVAL_INCLUDE_BOTH: {
-                return `${dp.transform(this.#customDateRange.firstValue, 'shortDate')} ${OperatorLabel.INTERVAL_INCLUDE_BOTH} ${dp.transform(this.#customDateRange.secondValue, 'shortDate')}`;
-            }
-        }
-        return undefined;
     }
     reset() {
         const q = this.query();
@@ -2063,13 +2339,6 @@ class SearchFilterComponent {
         }
     }
     #onFormValueChange(v) {
-        // do not create a new query if custom date range is selected but not set
-        if (v.created === this.#CREATED_CUSTOM && !this.#customDateRange)
-            return;
-        if (v.created !== this.#CREATED_CUSTOM) {
-            this.#customDateRange = undefined;
-            this.#setupDateOptions();
-        }
         const updatedQuery = this.#applyFilters(v);
         this.queryChange.emit(updatedQuery);
         this.filtersActive.set(!!updatedQuery.filters && updatedQuery.filters.length > 0);
@@ -2085,19 +2354,17 @@ class SearchFilterComponent {
         if (typeFilter)
             updatedQuery.filters.push(typeFilter);
         // file size filter
-        const sizeFilter = this.#toSizeFilter(v.size);
+        const sizeFilter = v.size !== this.ANY_OPTION ? this.#toSizeFilter(v.size) : undefined;
         if (sizeFilter)
             updatedQuery.filters.push(sizeFilter);
         // creation date filter
-        const dateFilter = this.#toDateFilter(v.created);
+        const dateFilter = v.created !== this.ANY_OPTION ? this.#toDateFilter(v.created) : undefined;
         if (dateFilter)
             updatedQuery.filters.push(dateFilter);
         return updatedQuery;
     }
     #setupOptions() {
         this.#setupTypeOptions();
-        this.#setupDateOptions();
-        this.#setupSizeOptions();
     }
     #setupTypeOptions() {
         this.typeOptions.set([
@@ -2111,264 +2378,11 @@ class SearchFilterComponent {
             }))
         ]);
     }
-    #setupDateOptions(custom) {
-        this.dateOptions.set([
-            ...[
-                {
-                    label: this.translate.instant('yuv.app.drive.search.filter.option.date.any'),
-                    value: this.ANY_OPTION
-                },
-                {
-                    label: this.translate.instant('yuv.app.drive.search.filter.option.date.today'),
-                    value: 'today'
-                },
-                {
-                    label: this.translate.instant('yuv.app.drive.search.filter.option.date.yesterday'),
-                    value: 'yesterday'
-                },
-                {
-                    label: this.translate.instant('yuv.app.drive.search.filter.option.date.thisweek'),
-                    value: 'thisweek'
-                },
-                // {
-                //   label: this.translate.instant('yuv.app.drive.search.filter.option.date.lastweek'),
-                //   value: 'lastweek'
-                // },
-                {
-                    label: this.translate.instant('yuv.app.drive.search.filter.option.date.thismonth'),
-                    value: 'thismonth'
-                },
-                // {
-                //   label: this.translate.instant('yuv.app.drive.search.filter.option.date.lastmonth'),
-                //   value: 'lastmonth'
-                // },
-                {
-                    label: this.translate.instant('yuv.app.drive.search.filter.option.date.thisyear'),
-                    value: 'thisyear'
-                },
-                // {
-                //   label: this.translate.instant('yuv.app.drive.search.filter.option.date.lastyear'),
-                //   value: 'lastyear'
-                // },
-                {
-                    label: custom || this.translate.instant('yuv.app.drive.search.filter.option.date.custom'),
-                    value: this.#CREATED_CUSTOM
-                }
-            ]
-        ]);
-    }
-    #setupSizeOptions() {
-        this.sizeOptions.set([
-            {
-                label: this.translate.instant('yuv.app.drive.search.filter.option.size.any'),
-                value: this.ANY_OPTION
-            },
-            {
-                label: this.translate.instant('yuv.app.drive.search.filter.option.size.small'),
-                value: 's'
-            },
-            {
-                label: this.translate.instant('yuv.app.drive.search.filter.option.size.medium'),
-                value: 'm'
-            },
-            {
-                label: this.translate.instant('yuv.app.drive.search.filter.option.size.large'),
-                value: 'l'
-            },
-            {
-                label: this.translate.instant('yuv.app.drive.search.filter.option.size.verylarge'),
-                value: 'xl'
-            }
-        ]);
-    }
     #toDateFilter(value) {
-        let dateFilter = undefined;
-        switch (value) {
-            case 'today': {
-                dateFilter = {
-                    f: BaseObjectTypeField.CREATION_DATE,
-                    o: Operator.INTERVAL_INCLUDE_BOTH,
-                    v1: new Date().toISOString().split('T')[0] + 'T00:00:00.000',
-                    v2: new Date().toISOString().split('T')[0] + 'T23:59:59.000'
-                };
-                break;
-            }
-            case 'yesterday': {
-                const yesterday = new Date();
-                yesterday.setDate(yesterday.getDate() - 1);
-                dateFilter = {
-                    f: BaseObjectTypeField.CREATION_DATE,
-                    o: Operator.INTERVAL_INCLUDE_BOTH,
-                    v1: yesterday.toISOString().split('T')[0] + 'T00:00:00.000',
-                    v2: yesterday.toISOString().split('T')[0] + 'T23:59:59.000'
-                };
-                break;
-            }
-            case 'thisweek': {
-                const firstDay = new Date();
-                firstDay.setDate(firstDay.getDate() - firstDay.getDay());
-                dateFilter = {
-                    f: BaseObjectTypeField.CREATION_DATE,
-                    o: Operator.INTERVAL_INCLUDE_BOTH,
-                    v1: firstDay.toISOString().split('T')[0] + 'T00:00:00.000',
-                    v2: new Date().toISOString().split('T')[0] + 'T23:59:59.000'
-                };
-                break;
-            }
-            // case 'lastweek': {
-            //   const firstDay = new Date();
-            //   firstDay.setDate(firstDay.getDate() - firstDay.getDay() - 7);
-            //   const lastDay = new Date();
-            //   lastDay.setDate(lastDay.getDate() - lastDay.getDay() - 1);
-            //   dateFilter = {
-            //     f: BaseObjectTypeField.CREATION_DATE,
-            //     o: Operator.INTERVAL_INCLUDE_BOTH,
-            //     v1: firstDay.toISOString().split('T')[0] + 'T00:00:00.000',
-            //     v2: lastDay.toISOString().split('T')[0] + 'T23:59:59.000'
-            //   };
-            //   break;
-            // }
-            case 'thismonth': {
-                const firstDay = new Date();
-                firstDay.setDate(1);
-                dateFilter = {
-                    f: BaseObjectTypeField.CREATION_DATE,
-                    o: Operator.INTERVAL_INCLUDE_BOTH,
-                    v1: firstDay.toISOString().split('T')[0] + 'T00:00:00.000',
-                    v2: new Date().toISOString().split('T')[0] + 'T23:59:59.000'
-                };
-                break;
-            }
-            // case 'lastmonth': {
-            //   const firstDay = new Date();
-            //   firstDay.setDate(1);
-            //   firstDay.setMonth(firstDay.getMonth() - 1);
-            //   const lastDay = new Date();
-            //   lastDay.setDate(0);
-            //   dateFilter = {
-            //     f: BaseObjectTypeField.CREATION_DATE,
-            //     o: Operator.INTERVAL_INCLUDE_BOTH,
-            //     v1: firstDay.toISOString().split('T')[0] + 'T00:00:00.000',
-            //     v2: lastDay.toISOString().split('T')[0] + 'T23:59:59.000'
-            //   };
-            //   break;
-            // }
-            case 'thisyear': {
-                const firstDay = new Date();
-                firstDay.setMonth(0);
-                firstDay.setDate(1);
-                dateFilter = {
-                    f: BaseObjectTypeField.CREATION_DATE,
-                    o: Operator.INTERVAL_INCLUDE_BOTH,
-                    v1: firstDay.toISOString().split('T')[0] + 'T00:00:00.000',
-                    v2: new Date().toISOString().split('T')[0] + 'T23:59:59.000'
-                };
-                break;
-            }
-            // case 'lastyear': {
-            //   const firstDay = new Date();
-            //   firstDay.setFullYear(firstDay.getFullYear() - 1);
-            //   firstDay.setMonth(0);
-            //   firstDay.setDate(1);
-            //   const lastDay = new Date();
-            //   lastDay.setFullYear(lastDay.getFullYear() - 1);
-            //   lastDay.setMonth(11);
-            //   lastDay.setDate(31);
-            //   dateFilter = {
-            //     f: BaseObjectTypeField.CREATION_DATE,
-            //     o: Operator.INTERVAL_INCLUDE_BOTH,
-            //     v1: firstDay.toISOString().split('T')[0] + 'T00:00:00.000',
-            //     v2: lastDay.toISOString().split('T')[0] + 'T23:59:59.000'
-            //   };
-            //   break;
-            // }
-            case this.#CREATED_CUSTOM: {
-                if (this.#customDateRange)
-                    dateFilter = this.#customRangeToFilter(this.#customDateRange);
-                else
-                    this.filterForm.get('created')?.patchValue(this.ANY_OPTION);
-                break;
-            }
-        }
-        return dateFilter;
-    }
-    #customRangeToFilter(rv) {
-        const v1 = rv.firstValue.toISOString();
-        const v2 = rv.secondValue ? rv.secondValue.toISOString() : undefined;
-        let filter;
-        switch (rv.operator) {
-            case Operator.EQUAL: {
-                filter = {
-                    f: BaseObjectTypeField.CREATION_DATE,
-                    o: Operator.INTERVAL_INCLUDE_BOTH,
-                    v1: v1.split('T')[0] + 'T00:00:00.000',
-                    v2: v1.split('T')[0] + 'T23:59:59.000'
-                };
-                break;
-            }
-            case Operator.GREATER_OR_EQUAL: {
-                filter = {
-                    f: BaseObjectTypeField.CREATION_DATE,
-                    o: rv.operator,
-                    v1: v1.split('T')[0] + 'T00:00:00.000'
-                };
-                break;
-            }
-            case Operator.LESS_OR_EQUAL: {
-                filter = {
-                    f: BaseObjectTypeField.CREATION_DATE,
-                    o: rv.operator,
-                    v1: v1.split('T')[0] + 'T23:59:59.000'
-                };
-                break;
-            }
-            case Operator.INTERVAL_INCLUDE_BOTH: {
-                filter = {
-                    f: BaseObjectTypeField.CREATION_DATE,
-                    o: rv.operator,
-                    v1: v1.split('T')[0] + 'T00:00:00.000',
-                    v2: v2.split('T')[0] + 'T23:59:59.000'
-                };
-                break;
-            }
-        }
-        return filter;
+        return value ? this.#search.rangeValueToSearchFilter(value.rangeValue, BaseObjectTypeField.CREATION_DATE) : undefined;
     }
     #toSizeFilter(value) {
-        let sizeFilter = undefined;
-        switch (value) {
-            case 's':
-                sizeFilter = {
-                    f: ContentStreamField.LENGTH,
-                    o: Operator.LESS_THAN,
-                    v1: 1024 * 1024
-                };
-                break;
-            case 'm':
-                sizeFilter = {
-                    f: ContentStreamField.LENGTH,
-                    o: Operator.INTERVAL_INCLUDE_BOTH,
-                    v1: 1024 * 1024,
-                    v2: 1024 * 1024 * 10
-                };
-                break;
-            case 'l':
-                sizeFilter = {
-                    f: ContentStreamField.LENGTH,
-                    o: Operator.INTERVAL_INCLUDE_BOTH,
-                    v1: 1024 * 1024 * 10,
-                    v2: 1024 * 1024 * 100
-                };
-                break;
-            case 'xl':
-                sizeFilter = {
-                    f: ContentStreamField.LENGTH,
-                    o: Operator.GREATER_THAN,
-                    v1: 1024 * 1024 * 100
-                };
-                break;
-        }
-        return sizeFilter;
+        return value ? this.#search.rangeValueToSearchFilter(value.rangeValue, ContentStreamField.LENGTH) : undefined;
     }
     #toTypeFilter(value) {
         return value === this.ANY_OPTION
@@ -2380,13 +2394,53 @@ class SearchFilterComponent {
             };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SearchFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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\" yvcDragScroll>\n  <yvc-dropdown formControlName=\"type\" [options]=\"typeOptions()\" [disableClearButton]=\"true\"></yvc-dropdown>\n  <yvc-dropdown formControlName=\"size\" [options]=\"sizeOptions()\" [disableClearButton]=\"true\"></yvc-dropdown>\n  <yvc-dropdown formControlName=\"created\" [options]=\"dateOptions()\" [disableClearButton]=\"true\"></yvc-dropdown>\n\n  @if (filtersActive()) {\n    <button class=\"secondary\" (click)=\"reset()\">{{ 'yuv.app.drive.search.filter.button.reset' | translate }}</button>\n  }\n</form>\n", styles: [":host form{display:flex;gap:2px;overflow-x:auto;--scrollbar-outer-size: 0;margin-block:calc(var(--app-pane-padding) / 2)}:host form yvc-dropdown{--icon-size: 18px;font-size:var(--font-caption);color:var(--text-color-caption);border:0;outline-offset:-2px;cursor:pointer;flex:0 0 auto;padding:0}:host form button{padding:.15em .5em;line-height:1em;margin-inline-start:1em;border-radius:.25em;font-size:var(--font-caption)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: YvcDropdownModule }, { kind: "component", type: i1$4.Dropdown, selector: "yvc-dropdown", inputs: ["options", "filter", "disabled", "multiple", "disableClearButton"], outputs: ["onDropdownOptionsClose"] }, { kind: "ngmodule", type: TranslateModule$1 }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { 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: "ngmodule", type: YvcDragScrollModule }, { kind: "directive", type: i2$1.DragScrollDirective, selector: "[yvcDragScroll]" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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\" yvcDragScroll>\n  <yvc-dropdown formControlName=\"type\" [options]=\"typeOptions()\" [disableClearButton]=\"true\"></yvc-dropdown>\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 class=\"secondary\" (click)=\"reset()\">{{ 'yuv.app.drive.search.filter.button.reset' | translate }}</button>\n  }\n</form>\n", styles: [":host form{display:flex;gap:2px;overflow-x:auto;--scrollbar-outer-size: 0;margin-block:calc(var(--app-pane-padding) / 2);padding:2px}:host form yuv-range-select-filesize,:host form yuv-range-select-date,:host form yvc-dropdown{--icon-size: 18px;--form-element-border-color: transparent;font-size:var(--font-caption);color:var(--text-color-caption);outline-offset:0px;cursor:pointer;flex:0 0 auto;padding:0}:host form button{padding:.15em .5em;line-height:1em;margin-inline-start:1em;border-radius:.25em;font-size:var(--font-caption)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: YvcDropdownModule }, { kind: "component", type: i2$2.Dropdown, selector: "yvc-dropdown", inputs: ["options", "filter", "disabled", "multiple", "disableClearButton"], outputs: ["onDropdownOptionsClose"] }, { 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: i6.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i6.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i6.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: YvcDragScrollModule }, { kind: "directive", type: i2$1.DragScrollDirective, selector: "[yvcDragScroll]" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SearchFilterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ymd-search-filter', standalone: true, imports: [CommonModule, YvcDropdownModule, TranslateModule$1, ReactiveFormsModule, YvcDragScrollModule], template: "<form [formGroup]=\"filterForm\" yvcDragScroll>\n  <yvc-dropdown formControlName=\"type\" [options]=\"typeOptions()\" [disableClearButton]=\"true\"></yvc-dropdown>\n  <yvc-dropdown formControlName=\"size\" [options]=\"sizeOptions()\" [disableClearButton]=\"true\"></yvc-dropdown>\n  <yvc-dropdown formControlName=\"created\" [options]=\"dateOptions()\" [disableClearButton]=\"true\"></yvc-dropdown>\n\n  @if (filtersActive()) {\n    <button class=\"secondary\" (click)=\"reset()\">{{ 'yuv.app.drive.search.filter.button.reset' | translate }}</button>\n  }\n</form>\n", styles: [":host form{display:flex;gap:2px;overflow-x:auto;--scrollbar-outer-size: 0;margin-block:calc(var(--app-pane-padding) / 2)}:host form yvc-dropdown{--icon-size: 18px;font-size:var(--font-caption);color:var(--text-color-caption);border:0;outline-offset:-2px;cursor:pointer;flex:0 0 auto;padding:0}:host form button{padding:.15em .5em;line-height:1em;margin-inline-start:1em;border-radius:.25em;font-size:var(--font-caption)}\n"] }]
+            args: [{ selector: 'ymd-search-filter', standalone: true, imports: [CommonModule, YvcDropdownModule, TranslateModule$1,
+                        RangeSelectFilesizeComponent,
+                        RangeSelectDateComponent,
+                        ReactiveFormsModule, YvcDragScrollModule], template: "<form [formGroup]=\"filterForm\" yvcDragScroll>\n  <yvc-dropdown formControlName=\"type\" [options]=\"typeOptions()\" [disableClearButton]=\"true\"></yvc-dropdown>\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 class=\"secondary\" (click)=\"reset()\">{{ 'yuv.app.drive.search.filter.button.reset' | translate }}</button>\n  }\n</form>\n", styles: [":host form{display:flex;gap:2px;overflow-x:auto;--scrollbar-outer-size: 0;margin-block:calc(var(--app-pane-padding) / 2);padding:2px}:host form yuv-range-select-filesize,:host form yuv-range-select-date,:host form yvc-dropdown{--icon-size: 18px;--form-element-border-color: transparent;font-size:var(--font-caption);color:var(--text-color-caption);outline-offset:0px;cursor:pointer;flex:0 0 auto;padding:0}:host form button{padding:.15em .5em;line-height:1em;margin-inline-start:1em;border-radius:.25em;font-size:var(--font-caption)}\n"] }]
         }], ctorParameters: () => [] });
 
+class StoredQueryService {
+    constructor() {
+        this.userService = inject(UserService);
+        this.translate = inject(TranslateService);
+    }
+    getStoredQuery(id) {
+        const q = STORED_QUERIES[id];
+        if (!q)
+            return undefined;
+        try {
+            // if query has no label try to resolve from language resources
+            return {
+                label: q.label || this.translate.instant(id),
+                query: JSON.parse(this._replaceVars(q.query))
+            };
+        }
+        catch (e) {
+            return undefined;
+        }
+    }
+    _replaceVars(str) {
+        const vars = [{ placeholder: '##me##', replace: this.userService.getCurrentUser().id }];
+        vars.forEach((v) => {
+            str = str.replaceAll(v.placeholder, v.replace);
+        });
+        return str;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StoredQueryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StoredQueryService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StoredQueryService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
 const components = [
     TileListComponent,
     BreadcrumbComponent,
@@ -2398,13 +2452,15 @@ const components = [
     SimpleSearchComponent,
     MultiObjectSummaryComponent,
     SortComponent,
-    SearchFilterComponent
+    SearchFilterComponent,
+    DriveSearchComponent
 ];
 const module = [YvcIconModule, TranslateModule, RouterModule, YvcSplitViewModule];
 class FilesPageComponent {
     #LAYOUT_SETTINGS_STORAGE_KEY;
     #objectConfigService;
     #device;
+    #retention;
     #eventService;
     #appCache;
     #highlightStyles;
@@ -2423,6 +2479,7 @@ class FilesPageComponent {
         this.actionsService = inject(ActionsService);
         this.#objectConfigService = inject(ObjectConfigService);
         this.#device = inject(DeviceService);
+        this.#retention = inject(RetentionService);
         this.#eventService = inject(EventService);
         this.ERROR_CODE = {
             NOT_FOUND: '404',
@@ -2433,10 +2490,14 @@ class FilesPageComponent {
         this.objectConfigBucket = APP_SCHEMA.id;
         this.splitViewCmp = viewChild.required(SplitViewComponent);
         this.selected = signal(undefined);
-        this.fileDropSummaryDisabled = computed(() => !this.selected()?.permissions?.writeContent);
+        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.busy = this.drive.state$.busy;
         this.flavorChips = this.shellService.getObjectFlavors();
         this.selectionActions = computed(() => ({ selection: this.selection(), actions: this.actions() }));
@@ -2448,12 +2509,12 @@ class FilesPageComponent {
             folder: { bucket: APP_ID, type: APP_SCHEMA.types['folder'] },
             file: { bucket: APP_ID, type: APP_SCHEMA.types['file'] }
         };
-        this.searchFocused = false;
         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
@@ -2544,8 +2605,8 @@ class FilesPageComponent {
                 if (this.route.snapshot.params['id'] === DRIVE_QUERY_FOLDER_ID) {
                     const q = p.get('q');
                     this.disableCreate = true;
-                    // check if the query is a stored query
                     if (q?.startsWith(STORED_QUERY_ID_PREFIX)) {
+                        // stored query
                         const sq = this.storedQueryService.getStoredQuery(q);
                         if (sq) {
                             this.drive.updateQuery(sq.query, sq.label);
@@ -2554,11 +2615,12 @@ class FilesPageComponent {
                         }
                     }
                     else if (q) {
+                        // search query
                         this.sortOptionsAvailable.set(true);
                         try {
                             const sq = JSON.parse(decodeURIComponent(q));
                             sq.filters = (sq.filters || []).filter((f) => f.f !== BaseObjectTypeField.PARENT_ID);
-                            this.drive.updateQuery(sq, this.translate.instant('yuv.app.drive.files.search.result.title'));
+                            this.drive.updateQuery(sq, this.translate.instant('yuv.app.drive.files.search.result.title'), p.get('ext') === 'true');
                             return;
                         }
                         catch (e) {
@@ -2633,16 +2695,16 @@ class FilesPageComponent {
     onCut(tiles) {
         this.clipboard.addObjects(tiles.map((t) => t.dmsObject), 'cut', APP_ID);
     }
-    onQuerySubmit(q) {
-        // in order to keep the query in the url as short as
-        // possible we'll get rid of the fields because they could be
-        // re-applied later on
-        q.fields = undefined;
-        this.router.navigate(['..', 'query'], {
-            queryParams: { q: encodeURIComponent(JSON.stringify(q)) },
-            relativeTo: this.route
-        });
-    }
+    // onQuerySubmit(q: SearchQuery) {
+    //   // in order to keep the query in the url as short as
+    //   // possible we'll get rid of the fields because they could be
+    //   // re-applied later on
+    //   q.fields = undefined;
+    //   this.router.navigate(['..', 'query'], {
+    //     queryParams: { q: encodeURIComponent(JSON.stringify(q)) },
+    //     relativeTo: this.route
+    //   });
+    // }
     selectionChanged(tiles) {
         if (tiles.length === 1)
             this.loadDetails(tiles[0].id);
@@ -2722,17 +2784,14 @@ class FilesPageComponent {
         this.clipboard.clear(APP_ID);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FilesPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: FilesPageComponent, isStandalone: true, selector: "ymd-files", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.smallScreen": "smallScreenLayout()", "class.searchFocused": "this.searchFocused" } }, 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 class=\"back\" [disabled]=\"!currentFolder\" title=\"{{ 'yuv.app.drive.files.nav.back.tooltip' | translate }}\" (click)=\"openParent()\">\n        <yvc-icon [svg]=\"icons.back\"></yvc-icon>\n      </button>\n      <button class=\"refresh\" title=\"{{ 'yuv.app.drive.files.nav.refresh.tooltip' | translate }}\" (click)=\"refresh()\">\n        <yvc-icon [svg]=\"icons.refresh\"></yvc-icon>\n      </button>\n    </div>\n\n    @if (!query()?.term) {\n      <ymd-breadcrumb></ymd-breadcrumb>\n    } @else {\n      <div class=\"breadcrumb\"></div>\n    }\n    <div class=\"search\">\n      <yuv-simple-search [query]=\"query()\" (querySubmit)=\"onQuerySubmit($event)\"></yuv-simple-search>\n      <!-- TODO: enable again once drive search needs to be a little bit more sophisticated -->\n      <!-- <ymd-drive-search (focused)=\"searchFocused = $event\"></ymd-drive-search> -->\n    </div>\n  </nav>\n\n  <!-- ribbon with actions and options -->\n  <ymd-ribbon [objects]=\"selection()\" [busy]=\"busy()\" [enableClipboard]=\"true\">\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            class=\"toggle-tree toggle\"\n            [ngClass]=\"{ enabled: enableTree() }\"\n            title=\"{{ 'yuv.app.drive.files.toggletree.tooltip' | translate }}\"\n            (click)=\"enableTree.set(!enableTree())\"\n          >\n            <yvc-icon [svg]=\"icons.toggleLeft\"></yvc-icon>\n          </button>\n          <button\n            class=\"toggle-details toggle\"\n            [ngClass]=\"{ enabled: enableDetails() }\"\n            title=\"{{ 'yuv.app.drive.files.toggledetails.tooltip' | translate }}\"\n            (click)=\"enableDetails.set(!enableDetails())\"\n          >\n            <yvc-icon [svg]=\"icons.toggleRight\"></yvc-icon>\n          </button>\n        }\n        <yuv-tile-config-trigger\n          [icon]=\"icons.settings\"\n          [bucket]=\"objectConfigBucket\"\n          [bucketLabel]=\"tileConfigBucketLabel\"\n          [options]=\"tileListOptions\"\n        ></yuv-tile-config-trigger>\n      </div>\n    </ng-template>\n  </ymd-ribbon>\n</header>\n\n<yvc-split-view [gutterSize]=\"1\" (layoutSettingsChange)=\"onLayoutSettingsChange($event)\">\n  <!-- folder tree -->\n  <ng-template yvcSplitArea [size]=\"20\" [visible]=\"enableTree() && !smallScreenLayout()\">\n    <ymd-folder-tree yuvFocusable=\"Tree\"></ymd-folder-tree>\n  </ng-template>\n\n  <!-- files -->\n  <ng-template yvcSplitArea [size]=\"60\">\n    @let err = error();\n    @if (err) {\n      <div class=\"error\">\n        <p>\n          <yvc-icon [svg]=\"icons.attention\"></yvc-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 (query()?.term) {\n            <ymd-search-filter [query]=\"query()\" (queryChange)=\"onFilterQueryChange($event)\"></ymd-search-filter>\n          }\n          @if (sortOptionsAvailable()) {\n            <ymd-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        </header>\n\n        <yuv-tile-list\n          #tileList\n          class=\"staggered\"\n          [attr.aria-label]=\"'yuv.app.drive.files.content.aria.label' | translate\"\n          [attr.aria-busy]=\"busy()\"\n          [attr.role]=\"'listbox'\"\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          (copy)=\"onCopy($event)\"\n          (cut)=\"onCut($event)\"\n          (busy)=\"setBusy($event)\"\n          (ctxMenu)=\"onContextmenu($event)\"\n          [highlights]=\"highlightStyles$ | async\"\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        </yuv-tile-list>\n      </div>\n    }\n  </ng-template>\n\n  <!-- details -->\n  <ng-template yvcSplitArea [size]=\"20\" [visible]=\"enableDetails()\">\n    @let selectedItem = selected();\n    @if (enableDetails() && selectedItem) {\n      @if (selectedItem?.isFolder) {\n        <yuv-object-summary [configType]=\"configTypeOptions['folder']\" [dmsObject]=\"selectedItem\"></yuv-object-summary>\n      } @else {\n        <yuv-object-summary\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</yvc-split-view>\n", styles: [":host{--files-button-padding: calc(var(--app-pane-padding) / 4);--files-button-border-radius: 2px;--files-button-gap: calc(var(--app-pane-padding) / 4);--files-icon-size: 20px;height:100%;overflow:hidden;display:flex;flex-flow:column}:host.searchFocused header>nav .search{grid-column:-1/-3}:host header{flex:0 0 auto}:host header>nav{background-color:var(--app-drive-header-background);border-block-end:1px solid var(--panel-divider-color);display:grid;grid-template-columns:auto 1fr 1fr auto;align-items:center;gap:calc(var(--app-pane-padding) / 2);padding:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2)}:host header>nav .nav{grid-column:1/2;grid-row:1;display:flex;align-items:center;gap:var(--files-button-gap)}:host header>nav .nav button{padding:var(--files-button-padding);border-radius:var(--files-button-border-radius)}:host header>nav .nav button yvc-icon{--icon-size: var(--files-icon-size)}:host header>nav .breadcrumb{grid-column:2/4;grid-row:1;align-self:stretch;display:flex;align-items:center;border-radius:var(--files-button-border-radius);padding:0 .5em;border:1px solid var(--panel-divider-color)}:host header>nav .search{grid-column:-1/-2;grid-row:1;z-index:1}:host yvc-split-view{flex:1;animation:fade-in .3s ease-in-out}:host ymd-ribbon{--ribbon-button-padding: var(--files-button-padding);--ribbon-button-border-radius: var(--files-button-border-radius);--ribbon-button-gap: var(--files-button-gap);--ribbon-icon-size: var(--files-icon-size)}:host ymd-ribbon .options{grid-area:options;display:flex;gap:var(--files-button-gap);align-items:center}:host ymd-ribbon .options yuv-tile-config-trigger{--icon-size: var(--files-icon-size);--button-padding: var(--files-button-padding)}:host ymd-ribbon .options button{padding:var(--files-button-padding);border-radius:var(--files-button-border-radius)}:host ymd-ribbon .options button yvc-icon{--icon-size: var(--files-icon-size)}:host ymd-ribbon .options button.toggle.enabled{background-color:var(--item-focus-background-color)}:host main{height:100%;overflow:hidden;display:flex;flex-flow:column}:host main yvc-master-details{flex:1;overflow:hidden;box-sizing:border-box}:host .error{display:grid;justify-items:center;align-items:center;height:100%;padding:0 2rem;text-align:center;color:var(--text-color-caption)}:host .error p{max-width:31ch;line-height:1.5em;display:grid;justify-items:center}:host .error p yvc-icon{--icon-size: 48px;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(--app-pane-padding);display:grid;grid-template-columns:2fr max-content;grid-template-rows:auto auto 1fr;gap:0;grid-auto-flow:row;grid-template-areas:\"title sort\" \"searchfilter searchfilter\" \"flavours flavours\"}:host .files header h1{grid-area:title;margin:0;padding:0;font-size:var(--font-title);font-weight:400;text-overflow:ellipsis;overflow:hidden}:host .files header .flavors{grid-area:flavors;display:flex;gap:2px;justify-content:flex-end;padding:calc(var(--app-pane-padding) / 4)}:host .files header .flavors yuv-flavor-chip{font-size:var(--font-hint);cursor:pointer;--flavor-background: var(--panel-background);--flavor-icon-size: 16px}:host .files header .flavors yuv-flavor-chip:hover{--flavor-border-color: var(--color-accent)}:host .files header ymd-sort{grid-area:sort}:host .files header ymd-search-filter{grid-area:searchfilter}:host .files yuv-tile-list{flex:1;overflow:hidden}:host .message{display:grid;justify-items:center;align-items:center;height:100%;padding:0 2rem;text-align:center;color:var(--text-color-caption)}:host .message p{max-width:31ch;line-height:1.5em}:host yvc-split-view{height:100%;box-sizing:border-box}:host ymd-folder-tree,:host yuv-object-summary{height:100%;overflow-y:auto;box-sizing:border-box}:host yuv-tile-list{--tile-border: 1px solid var(--panel-divider-color);--tile-border-width: 0 0 1px 0;--tile-padding: calc(var(--app-pane-padding) / 2);--tile-icon-size: 18px;--tile-action-icon-size: 18px;--paging-background: var(--panel-background-lightgrey)}:host p.empty{color:var(--text-color-caption)}:host .details{height:100%}:host .details yuv-object-details{height:100%}:host.smallScreen yuv-tile-list{--tile-padding: var(--app-pane-padding) !important}@keyframes fade-in{0%{opacity:0}}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: YvcIconModule }, { kind: "component", type: i1$1.Icon, selector: "yvc-icon", inputs: ["label", "svg", "svgSrc"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: YvcSplitViewModule }, { kind: "component", type: i3.SplitViewComponent, selector: "yvc-split-view", inputs: ["direction", "gutterSize", "restrictMove", "disabled", "gutterDblClickDuration", "layoutSettingsID"], outputs: ["layoutSettingsChange", "dragStart", "dragEnd", "gutterClick", "gutterDblClick"] }, { kind: "directive", type: i3.SplitAreaDirective, selector: "[yvcSplitArea]", inputs: ["size", "order", "minSize", "maxSize", "panelClass", "visible"] }, { kind: "component", type: TileListComponent, selector: "yuv-tile-list", inputs: ["bucket", "multiselect", "options", "flavor", "query", "preselect", "highlights"], outputs: ["itemSelect", "copy", "cut", "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: SimpleSearchComponent, selector: "yuv-simple-search", inputs: ["targets", "query"], outputs: ["querySubmit", "targetSelectionChanged", "queryChange", "typeAggregation"] }, { kind: "component", type: MultiObjectSummaryComponent, selector: "yuv-multi-object-summary", inputs: ["headline"] }, { kind: "component", type: SortComponent, selector: "ymd-sort", outputs: ["sortChanged"] }, { kind: "component", type: SearchFilterComponent, selector: "ymd-search-filter", inputs: ["query"], outputs: ["queryChange"] }, { kind: "directive", type: FileDropZoneDirective, selector: "[yuvFileDropZone]", inputs: ["yuvFileDropZone", "fileDropDisabled"], outputs: ["fileDrop", "fileDropOver"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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 class=\"back\" [disabled]=\"!currentFolder\" title=\"{{ 'yuv.app.drive.files.nav.back.tooltip' | translate }}\" (click)=\"openParent()\">\n        <yvc-icon [svg]=\"icons.back\"></yvc-icon>\n      </button>\n      <button class=\"refresh\" title=\"{{ 'yuv.app.drive.files.nav.refresh.tooltip' | translate }}\" (click)=\"refresh()\">\n        <yvc-icon [svg]=\"icons.refresh\"></yvc-icon>\n      </button>\n    </div>\n\n    @if (!query()?.term) {\n      <ymd-breadcrumb></ymd-breadcrumb>\n    } @else {\n      <div class=\"breadcrumb\"></div>\n    }\n    <div class=\"search\">\n      <ymd-drive-search></ymd-drive-search>\n    </div>\n  </nav>\n\n  <!-- ribbon with actions and options -->\n  <ymd-ribbon [objects]=\"selection()\" [busy]=\"busy()\" [enableClipboard]=\"true\">\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            class=\"toggle-tree toggle\"\n            [ngClass]=\"{ enabled: enableTree() }\"\n            title=\"{{ 'yuv.app.drive.files.toggletree.tooltip' | translate }}\"\n            (click)=\"enableTree.set(!enableTree())\"\n          >\n            <yvc-icon [svg]=\"icons.toggleLeft\"></yvc-icon>\n          </button>\n          <button\n            class=\"toggle-details toggle\"\n            [ngClass]=\"{ enabled: enableDetails() }\"\n            title=\"{{ 'yuv.app.drive.files.toggledetails.tooltip' | translate }}\"\n            (click)=\"enableDetails.set(!enableDetails())\"\n          >\n            <yvc-icon [svg]=\"icons.toggleRight\"></yvc-icon>\n          </button>\n        }\n        <yuv-tile-config-trigger\n          [icon]=\"icons.settings\"\n          [bucket]=\"objectConfigBucket\"\n          [bucketLabel]=\"tileConfigBucketLabel\"\n          [options]=\"tileListOptions\"\n        ></yuv-tile-config-trigger>\n      </div>\n    </ng-template>\n  </ymd-ribbon>\n</header>\n\n<yvc-split-view [gutterSize]=\"1\" (layoutSettingsChange)=\"onLayoutSettingsChange($event)\">\n  <!-- folder tree -->\n  <ng-template yvcSplitArea [size]=\"20\" [visible]=\"enableTree() && !smallScreenLayout()\">\n    <ymd-folder-tree yuvFocusable=\"Tree\"></ymd-folder-tree>\n  </ng-template>\n\n  <!-- files -->\n  <ng-template yvcSplitArea [size]=\"60\">\n    @let err = error();\n    @if (err) {\n      <div class=\"error\">\n        <p>\n          <yvc-icon [svg]=\"icons.attention\"></yvc-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 (query()?.term && !extendedQuery()) {\n            <ymd-search-filter [query]=\"query()\" (queryChange)=\"onFilterQueryChange($event)\"></ymd-search-filter>\n          }\n          @if (sortOptionsAvailable()) {\n            <ymd-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        </header>\n\n        <yuv-tile-list\n          #tileList\n          class=\"staggered\"\n          [attr.aria-label]=\"'yuv.app.drive.files.content.aria.label' | translate\"\n          [attr.aria-busy]=\"busy()\"\n          [attr.role]=\"'listbox'\"\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          (copy)=\"onCopy($event)\"\n          (cut)=\"onCut($event)\"\n          (busy)=\"setBusy($event)\"\n          (ctxMenu)=\"onContextmenu($event)\"\n          [highlights]=\"highlightStyles$ | async\"\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        </yuv-tile-list>\n      </div>\n    }\n  </ng-template>\n\n  <!-- details -->\n  <ng-template yvcSplitArea [size]=\"20\" [visible]=\"enableDetails()\">\n    @let selectedItem = selected();\n    @if (enableDetails() && selectedItem) {\n      @if (selectedItem?.isFolder) {\n        <yuv-object-summary [configType]=\"configTypeOptions['folder']\" [dmsObject]=\"selectedItem\"></yuv-object-summary>\n      } @else {\n        <yuv-object-summary\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</yvc-split-view>\n", styles: [":host{--files-button-padding: calc(var(--app-pane-padding) / 4);--files-button-border-radius: 2px;--files-button-gap: calc(var(--app-pane-padding) / 4);--files-icon-size: 20px;height:100%;overflow:hidden;display:flex;flex-flow:column}:host header{flex:0 0 auto}:host header>nav{background-color:var(--app-drive-header-background);border-block-end:1px solid var(--panel-divider-color);display:grid;grid-template-columns:auto 1fr 1fr auto;align-items:center;gap:calc(var(--app-pane-padding) / 2);padding:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2)}:host header>nav .nav{grid-column:1/2;grid-row:1;display:flex;align-items:center;gap:var(--files-button-gap)}:host header>nav .nav button{padding:var(--files-button-padding);border-radius:var(--files-button-border-radius)}:host header>nav .nav button yvc-icon{--icon-size: var(--files-icon-size)}:host header>nav .breadcrumb{grid-column:2/4;grid-row:1;align-self:stretch;display:flex;align-items:center;border-radius:var(--files-button-border-radius);padding:0 .5em;border:1px solid var(--panel-divider-color)}:host header>nav .search{grid-column:-1/-2;grid-row:1;z-index:1}:host yvc-split-view{flex:1;animation:fade-in .3s ease-in-out}:host ymd-ribbon{--ribbon-button-padding: var(--files-button-padding);--ribbon-button-border-radius: var(--files-button-border-radius);--ribbon-button-gap: var(--files-button-gap);--ribbon-icon-size: var(--files-icon-size)}:host ymd-ribbon .options{grid-area:options;display:flex;gap:var(--files-button-gap);align-items:center}:host ymd-ribbon .options yuv-tile-config-trigger{--icon-size: var(--files-icon-size);--button-padding: var(--files-button-padding)}:host ymd-ribbon .options button{padding:var(--files-button-padding);border-radius:var(--files-button-border-radius)}:host ymd-ribbon .options button yvc-icon{--icon-size: var(--files-icon-size)}:host ymd-ribbon .options button.toggle.enabled{background-color:var(--item-focus-background-color)}:host main{height:100%;overflow:hidden;display:flex;flex-flow:column}:host main yvc-master-details{flex:1;overflow:hidden;box-sizing:border-box}:host .error{display:grid;justify-items:center;align-items:center;height:100%;padding:0 2rem;text-align:center;color:var(--text-color-caption)}:host .error p{max-width:31ch;line-height:1.5em;display:grid;justify-items:center}:host .error p yvc-icon{--icon-size: 48px;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(--app-pane-padding);display:grid;grid-template-columns:2fr max-content;grid-template-rows:auto auto 1fr;gap:0;grid-auto-flow:row;grid-template-areas:\"title sort\" \"searchfilter searchfilter\" \"flavours flavours\"}:host .files header h1{grid-area:title;margin:0;padding:0;font-size:var(--font-title);font-weight:400;text-overflow:ellipsis;overflow:hidden}:host .files header .flavors{grid-area:flavors;display:flex;gap:2px;justify-content:flex-end;padding:calc(var(--app-pane-padding) / 4)}:host .files header .flavors yuv-flavor-chip{font-size:var(--font-hint);cursor:pointer;--flavor-background: var(--panel-background);--flavor-icon-size: 16px}:host .files header .flavors yuv-flavor-chip:hover{--flavor-border-color: var(--color-accent)}:host .files header ymd-sort{grid-area:sort}:host .files header ymd-search-filter{grid-area:searchfilter}:host .files yuv-tile-list{flex:1;overflow:hidden}:host .message{display:grid;justify-items:center;align-items:center;height:100%;padding:0 2rem;text-align:center;color:var(--text-color-caption)}:host .message p{max-width:31ch;line-height:1.5em}:host yvc-split-view{height:100%;box-sizing:border-box}:host ymd-folder-tree,:host yuv-object-summary{height:100%;overflow-y:auto;box-sizing:border-box}:host yuv-tile-list{--tile-border: 1px solid var(--panel-divider-color);--tile-border-width: 0 0 1px 0;--tile-padding: calc(var(--app-pane-padding) / 2);--tile-icon-size: 18px;--tile-action-icon-size: 18px;--paging-background: var(--panel-background-lightgrey)}:host p.empty{color:var(--text-color-caption)}:host .details{height:100%}:host .details yuv-object-details{height:100%}:host.smallScreen yuv-tile-list{--tile-padding: var(--app-pane-padding) !important}@keyframes fade-in{0%{opacity:0}}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: YvcIconModule }, { kind: "component", type: i1.Icon, selector: "yvc-icon", inputs: ["label", "svg", "svgSrc"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: YvcSplitViewModule }, { kind: "component", type: i3.SplitViewComponent, selector: "yvc-split-view", inputs: ["direction", "gutterSize", "restrictMove", "disabled", "gutterDblClickDuration", "layoutSettingsID"], outputs: ["layoutSettingsChange", "dragStart", "dragEnd", "gutterClick", "gutterDblClick"] }, { kind: "directive", type: i3.SplitAreaDirective, selector: "[yvcSplitArea]", inputs: ["size", "order", "minSize", "maxSize", "panelClass", "visible"] }, { kind: "component", type: TileListComponent, selector: "yuv-tile-list", inputs: ["bucket", "multiselect", "options", "flavor", "query", "preselect", "highlights"], outputs: ["itemSelect", "copy", "cut", "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: "ymd-sort", outputs: ["sortChanged"] }, { kind: "component", type: SearchFilterComponent, selector: "ymd-search-filter", inputs: ["query"], outputs: ["queryChange"] }, { kind: "component", type: DriveSearchComponent, selector: "ymd-drive-search" }, { kind: "directive", type: FileDropZoneDirective, selector: "[yuvFileDropZone]", inputs: ["yuvFileDropZone", "fileDropDisabled"], outputs: ["fileDrop", "fileDropOver"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FilesPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ymd-files', standalone: true, imports: [NgClass, AsyncPipe, ...module, ...components, FileDropZoneDirective], host: {
                         '[class.smallScreen]': 'smallScreenLayout()'
-                    }, template: "<header>\n  <!-- navigation bar -->\n  <nav [attr.aria-label]=\"'yuv.app.drive.files.naviagtion.aria.label' | translate\">\n    <div class=\"nav\">\n      <button class=\"back\" [disabled]=\"!currentFolder\" title=\"{{ 'yuv.app.drive.files.nav.back.tooltip' | translate }}\" (click)=\"openParent()\">\n        <yvc-icon [svg]=\"icons.back\"></yvc-icon>\n      </button>\n      <button class=\"refresh\" title=\"{{ 'yuv.app.drive.files.nav.refresh.tooltip' | translate }}\" (click)=\"refresh()\">\n        <yvc-icon [svg]=\"icons.refresh\"></yvc-icon>\n      </button>\n    </div>\n\n    @if (!query()?.term) {\n      <ymd-breadcrumb></ymd-breadcrumb>\n    } @else {\n      <div class=\"breadcrumb\"></div>\n    }\n    <div class=\"search\">\n      <yuv-simple-search [query]=\"query()\" (querySubmit)=\"onQuerySubmit($event)\"></yuv-simple-search>\n      <!-- TODO: enable again once drive search needs to be a little bit more sophisticated -->\n      <!-- <ymd-drive-search (focused)=\"searchFocused = $event\"></ymd-drive-search> -->\n    </div>\n  </nav>\n\n  <!-- ribbon with actions and options -->\n  <ymd-ribbon [objects]=\"selection()\" [busy]=\"busy()\" [enableClipboard]=\"true\">\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            class=\"toggle-tree toggle\"\n            [ngClass]=\"{ enabled: enableTree() }\"\n            title=\"{{ 'yuv.app.drive.files.toggletree.tooltip' | translate }}\"\n            (click)=\"enableTree.set(!enableTree())\"\n          >\n            <yvc-icon [svg]=\"icons.toggleLeft\"></yvc-icon>\n          </button>\n          <button\n            class=\"toggle-details toggle\"\n            [ngClass]=\"{ enabled: enableDetails() }\"\n            title=\"{{ 'yuv.app.drive.files.toggledetails.tooltip' | translate }}\"\n            (click)=\"enableDetails.set(!enableDetails())\"\n          >\n            <yvc-icon [svg]=\"icons.toggleRight\"></yvc-icon>\n          </button>\n        }\n        <yuv-tile-config-trigger\n          [icon]=\"icons.settings\"\n          [bucket]=\"objectConfigBucket\"\n          [bucketLabel]=\"tileConfigBucketLabel\"\n          [options]=\"tileListOptions\"\n        ></yuv-tile-config-trigger>\n      </div>\n    </ng-template>\n  </ymd-ribbon>\n</header>\n\n<yvc-split-view [gutterSize]=\"1\" (layoutSettingsChange)=\"onLayoutSettingsChange($event)\">\n  <!-- folder tree -->\n  <ng-template yvcSplitArea [size]=\"20\" [visible]=\"enableTree() && !smallScreenLayout()\">\n    <ymd-folder-tree yuvFocusable=\"Tree\"></ymd-folder-tree>\n  </ng-template>\n\n  <!-- files -->\n  <ng-template yvcSplitArea [size]=\"60\">\n    @let err = error();\n    @if (err) {\n      <div class=\"error\">\n        <p>\n          <yvc-icon [svg]=\"icons.attention\"></yvc-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 (query()?.term) {\n            <ymd-search-filter [query]=\"query()\" (queryChange)=\"onFilterQueryChange($event)\"></ymd-search-filter>\n          }\n          @if (sortOptionsAvailable()) {\n            <ymd-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        </header>\n\n        <yuv-tile-list\n          #tileList\n          class=\"staggered\"\n          [attr.aria-label]=\"'yuv.app.drive.files.content.aria.label' | translate\"\n          [attr.aria-busy]=\"busy()\"\n          [attr.role]=\"'listbox'\"\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          (copy)=\"onCopy($event)\"\n          (cut)=\"onCut($event)\"\n          (busy)=\"setBusy($event)\"\n          (ctxMenu)=\"onContextmenu($event)\"\n          [highlights]=\"highlightStyles$ | async\"\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        </yuv-tile-list>\n      </div>\n    }\n  </ng-template>\n\n  <!-- details -->\n  <ng-template yvcSplitArea [size]=\"20\" [visible]=\"enableDetails()\">\n    @let selectedItem = selected();\n    @if (enableDetails() && selectedItem) {\n      @if (selectedItem?.isFolder) {\n        <yuv-object-summary [configType]=\"configTypeOptions['folder']\" [dmsObject]=\"selectedItem\"></yuv-object-summary>\n      } @else {\n        <yuv-object-summary\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</yvc-split-view>\n", styles: [":host{--files-button-padding: calc(var(--app-pane-padding) / 4);--files-button-border-radius: 2px;--files-button-gap: calc(var(--app-pane-padding) / 4);--files-icon-size: 20px;height:100%;overflow:hidden;display:flex;flex-flow:column}:host.searchFocused header>nav .search{grid-column:-1/-3}:host header{flex:0 0 auto}:host header>nav{background-color:var(--app-drive-header-background);border-block-end:1px solid var(--panel-divider-color);display:grid;grid-template-columns:auto 1fr 1fr auto;align-items:center;gap:calc(var(--app-pane-padding) / 2);padding:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2)}:host header>nav .nav{grid-column:1/2;grid-row:1;display:flex;align-items:center;gap:var(--files-button-gap)}:host header>nav .nav button{padding:var(--files-button-padding);border-radius:var(--files-button-border-radius)}:host header>nav .nav button yvc-icon{--icon-size: var(--files-icon-size)}:host header>nav .breadcrumb{grid-column:2/4;grid-row:1;align-self:stretch;display:flex;align-items:center;border-radius:var(--files-button-border-radius);padding:0 .5em;border:1px solid var(--panel-divider-color)}:host header>nav .search{grid-column:-1/-2;grid-row:1;z-index:1}:host yvc-split-view{flex:1;animation:fade-in .3s ease-in-out}:host ymd-ribbon{--ribbon-button-padding: var(--files-button-padding);--ribbon-button-border-radius: var(--files-button-border-radius);--ribbon-button-gap: var(--files-button-gap);--ribbon-icon-size: var(--files-icon-size)}:host ymd-ribbon .options{grid-area:options;display:flex;gap:var(--files-button-gap);align-items:center}:host ymd-ribbon .options yuv-tile-config-trigger{--icon-size: var(--files-icon-size);--button-padding: var(--files-button-padding)}:host ymd-ribbon .options button{padding:var(--files-button-padding);border-radius:var(--files-button-border-radius)}:host ymd-ribbon .options button yvc-icon{--icon-size: var(--files-icon-size)}:host ymd-ribbon .options button.toggle.enabled{background-color:var(--item-focus-background-color)}:host main{height:100%;overflow:hidden;display:flex;flex-flow:column}:host main yvc-master-details{flex:1;overflow:hidden;box-sizing:border-box}:host .error{display:grid;justify-items:center;align-items:center;height:100%;padding:0 2rem;text-align:center;color:var(--text-color-caption)}:host .error p{max-width:31ch;line-height:1.5em;display:grid;justify-items:center}:host .error p yvc-icon{--icon-size: 48px;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(--app-pane-padding);display:grid;grid-template-columns:2fr max-content;grid-template-rows:auto auto 1fr;gap:0;grid-auto-flow:row;grid-template-areas:\"title sort\" \"searchfilter searchfilter\" \"flavours flavours\"}:host .files header h1{grid-area:title;margin:0;padding:0;font-size:var(--font-title);font-weight:400;text-overflow:ellipsis;overflow:hidden}:host .files header .flavors{grid-area:flavors;display:flex;gap:2px;justify-content:flex-end;padding:calc(var(--app-pane-padding) / 4)}:host .files header .flavors yuv-flavor-chip{font-size:var(--font-hint);cursor:pointer;--flavor-background: var(--panel-background);--flavor-icon-size: 16px}:host .files header .flavors yuv-flavor-chip:hover{--flavor-border-color: var(--color-accent)}:host .files header ymd-sort{grid-area:sort}:host .files header ymd-search-filter{grid-area:searchfilter}:host .files yuv-tile-list{flex:1;overflow:hidden}:host .message{display:grid;justify-items:center;align-items:center;height:100%;padding:0 2rem;text-align:center;color:var(--text-color-caption)}:host .message p{max-width:31ch;line-height:1.5em}:host yvc-split-view{height:100%;box-sizing:border-box}:host ymd-folder-tree,:host yuv-object-summary{height:100%;overflow-y:auto;box-sizing:border-box}:host yuv-tile-list{--tile-border: 1px solid var(--panel-divider-color);--tile-border-width: 0 0 1px 0;--tile-padding: calc(var(--app-pane-padding) / 2);--tile-icon-size: 18px;--tile-action-icon-size: 18px;--paging-background: var(--panel-background-lightgrey)}:host p.empty{color:var(--text-color-caption)}:host .details{height:100%}:host .details yuv-object-details{height:100%}:host.smallScreen yuv-tile-list{--tile-padding: var(--app-pane-padding) !important}@keyframes fade-in{0%{opacity:0}}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { searchFocused: [{
-                type: HostBinding,
-                args: ['class.searchFocused']
-            }] } });
+                    }, template: "<header>\n  <!-- navigation bar -->\n  <nav [attr.aria-label]=\"'yuv.app.drive.files.naviagtion.aria.label' | translate\">\n    <div class=\"nav\">\n      <button class=\"back\" [disabled]=\"!currentFolder\" title=\"{{ 'yuv.app.drive.files.nav.back.tooltip' | translate }}\" (click)=\"openParent()\">\n        <yvc-icon [svg]=\"icons.back\"></yvc-icon>\n      </button>\n      <button class=\"refresh\" title=\"{{ 'yuv.app.drive.files.nav.refresh.tooltip' | translate }}\" (click)=\"refresh()\">\n        <yvc-icon [svg]=\"icons.refresh\"></yvc-icon>\n      </button>\n    </div>\n\n    @if (!query()?.term) {\n      <ymd-breadcrumb></ymd-breadcrumb>\n    } @else {\n      <div class=\"breadcrumb\"></div>\n    }\n    <div class=\"search\">\n      <ymd-drive-search></ymd-drive-search>\n    </div>\n  </nav>\n\n  <!-- ribbon with actions and options -->\n  <ymd-ribbon [objects]=\"selection()\" [busy]=\"busy()\" [enableClipboard]=\"true\">\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            class=\"toggle-tree toggle\"\n            [ngClass]=\"{ enabled: enableTree() }\"\n            title=\"{{ 'yuv.app.drive.files.toggletree.tooltip' | translate }}\"\n            (click)=\"enableTree.set(!enableTree())\"\n          >\n            <yvc-icon [svg]=\"icons.toggleLeft\"></yvc-icon>\n          </button>\n          <button\n            class=\"toggle-details toggle\"\n            [ngClass]=\"{ enabled: enableDetails() }\"\n            title=\"{{ 'yuv.app.drive.files.toggledetails.tooltip' | translate }}\"\n            (click)=\"enableDetails.set(!enableDetails())\"\n          >\n            <yvc-icon [svg]=\"icons.toggleRight\"></yvc-icon>\n          </button>\n        }\n        <yuv-tile-config-trigger\n          [icon]=\"icons.settings\"\n          [bucket]=\"objectConfigBucket\"\n          [bucketLabel]=\"tileConfigBucketLabel\"\n          [options]=\"tileListOptions\"\n        ></yuv-tile-config-trigger>\n      </div>\n    </ng-template>\n  </ymd-ribbon>\n</header>\n\n<yvc-split-view [gutterSize]=\"1\" (layoutSettingsChange)=\"onLayoutSettingsChange($event)\">\n  <!-- folder tree -->\n  <ng-template yvcSplitArea [size]=\"20\" [visible]=\"enableTree() && !smallScreenLayout()\">\n    <ymd-folder-tree yuvFocusable=\"Tree\"></ymd-folder-tree>\n  </ng-template>\n\n  <!-- files -->\n  <ng-template yvcSplitArea [size]=\"60\">\n    @let err = error();\n    @if (err) {\n      <div class=\"error\">\n        <p>\n          <yvc-icon [svg]=\"icons.attention\"></yvc-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 (query()?.term && !extendedQuery()) {\n            <ymd-search-filter [query]=\"query()\" (queryChange)=\"onFilterQueryChange($event)\"></ymd-search-filter>\n          }\n          @if (sortOptionsAvailable()) {\n            <ymd-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        </header>\n\n        <yuv-tile-list\n          #tileList\n          class=\"staggered\"\n          [attr.aria-label]=\"'yuv.app.drive.files.content.aria.label' | translate\"\n          [attr.aria-busy]=\"busy()\"\n          [attr.role]=\"'listbox'\"\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          (copy)=\"onCopy($event)\"\n          (cut)=\"onCut($event)\"\n          (busy)=\"setBusy($event)\"\n          (ctxMenu)=\"onContextmenu($event)\"\n          [highlights]=\"highlightStyles$ | async\"\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        </yuv-tile-list>\n      </div>\n    }\n  </ng-template>\n\n  <!-- details -->\n  <ng-template yvcSplitArea [size]=\"20\" [visible]=\"enableDetails()\">\n    @let selectedItem = selected();\n    @if (enableDetails() && selectedItem) {\n      @if (selectedItem?.isFolder) {\n        <yuv-object-summary [configType]=\"configTypeOptions['folder']\" [dmsObject]=\"selectedItem\"></yuv-object-summary>\n      } @else {\n        <yuv-object-summary\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</yvc-split-view>\n", styles: [":host{--files-button-padding: calc(var(--app-pane-padding) / 4);--files-button-border-radius: 2px;--files-button-gap: calc(var(--app-pane-padding) / 4);--files-icon-size: 20px;height:100%;overflow:hidden;display:flex;flex-flow:column}:host header{flex:0 0 auto}:host header>nav{background-color:var(--app-drive-header-background);border-block-end:1px solid var(--panel-divider-color);display:grid;grid-template-columns:auto 1fr 1fr auto;align-items:center;gap:calc(var(--app-pane-padding) / 2);padding:calc(var(--app-pane-padding) / 4) calc(var(--app-pane-padding) / 2)}:host header>nav .nav{grid-column:1/2;grid-row:1;display:flex;align-items:center;gap:var(--files-button-gap)}:host header>nav .nav button{padding:var(--files-button-padding);border-radius:var(--files-button-border-radius)}:host header>nav .nav button yvc-icon{--icon-size: var(--files-icon-size)}:host header>nav .breadcrumb{grid-column:2/4;grid-row:1;align-self:stretch;display:flex;align-items:center;border-radius:var(--files-button-border-radius);padding:0 .5em;border:1px solid var(--panel-divider-color)}:host header>nav .search{grid-column:-1/-2;grid-row:1;z-index:1}:host yvc-split-view{flex:1;animation:fade-in .3s ease-in-out}:host ymd-ribbon{--ribbon-button-padding: var(--files-button-padding);--ribbon-button-border-radius: var(--files-button-border-radius);--ribbon-button-gap: var(--files-button-gap);--ribbon-icon-size: var(--files-icon-size)}:host ymd-ribbon .options{grid-area:options;display:flex;gap:var(--files-button-gap);align-items:center}:host ymd-ribbon .options yuv-tile-config-trigger{--icon-size: var(--files-icon-size);--button-padding: var(--files-button-padding)}:host ymd-ribbon .options button{padding:var(--files-button-padding);border-radius:var(--files-button-border-radius)}:host ymd-ribbon .options button yvc-icon{--icon-size: var(--files-icon-size)}:host ymd-ribbon .options button.toggle.enabled{background-color:var(--item-focus-background-color)}:host main{height:100%;overflow:hidden;display:flex;flex-flow:column}:host main yvc-master-details{flex:1;overflow:hidden;box-sizing:border-box}:host .error{display:grid;justify-items:center;align-items:center;height:100%;padding:0 2rem;text-align:center;color:var(--text-color-caption)}:host .error p{max-width:31ch;line-height:1.5em;display:grid;justify-items:center}:host .error p yvc-icon{--icon-size: 48px;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(--app-pane-padding);display:grid;grid-template-columns:2fr max-content;grid-template-rows:auto auto 1fr;gap:0;grid-auto-flow:row;grid-template-areas:\"title sort\" \"searchfilter searchfilter\" \"flavours flavours\"}:host .files header h1{grid-area:title;margin:0;padding:0;font-size:var(--font-title);font-weight:400;text-overflow:ellipsis;overflow:hidden}:host .files header .flavors{grid-area:flavors;display:flex;gap:2px;justify-content:flex-end;padding:calc(var(--app-pane-padding) / 4)}:host .files header .flavors yuv-flavor-chip{font-size:var(--font-hint);cursor:pointer;--flavor-background: var(--panel-background);--flavor-icon-size: 16px}:host .files header .flavors yuv-flavor-chip:hover{--flavor-border-color: var(--color-accent)}:host .files header ymd-sort{grid-area:sort}:host .files header ymd-search-filter{grid-area:searchfilter}:host .files yuv-tile-list{flex:1;overflow:hidden}:host .message{display:grid;justify-items:center;align-items:center;height:100%;padding:0 2rem;text-align:center;color:var(--text-color-caption)}:host .message p{max-width:31ch;line-height:1.5em}:host yvc-split-view{height:100%;box-sizing:border-box}:host ymd-folder-tree,:host yuv-object-summary{height:100%;overflow-y:auto;box-sizing:border-box}:host yuv-tile-list{--tile-border: 1px solid var(--panel-divider-color);--tile-border-width: 0 0 1px 0;--tile-padding: calc(var(--app-pane-padding) / 2);--tile-icon-size: 18px;--tile-action-icon-size: 18px;--paging-background: var(--panel-background-lightgrey)}:host p.empty{color:var(--text-color-caption)}:host .details{height:100%}:host .details yuv-object-details{height:100%}:host.smallScreen yuv-tile-list{--tile-padding: var(--app-pane-padding) !important}@keyframes fade-in{0%{opacity:0}}\n"] }]
+        }], ctorParameters: () => [] });
 
 class ObjectPageComponent {
     #dmsService;
@@ -2743,6 +2802,7 @@ class ObjectPageComponent {
     #objectConfig;
     #drive;
     #device;
+    #retention;
     #dmsObjectEffect;
     constructor() {
         this.#dmsService = inject(DmsService);
@@ -2754,11 +2814,16 @@ class ObjectPageComponent {
         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(() => !this.dmsObject()?.permissions?.writeContent);
+        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
@@ -2844,6 +2909,7 @@ class ObjectPageComponent {
                 description: roc.description,
                 icon: roc.icon?.value
             };
+            this.retentionState.set(this.#retention.getRetentionState(o));
         }
     }
     onFileDrop(file) {
@@ -2886,7 +2952,7 @@ class ObjectPageComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ObjectPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ObjectPageComponent, isStandalone: true, selector: "ymd-object", host: { attributes: { "class.smallScreenLayout": "smallScreenLayout()" } }, 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\">\n      <ng-template #primaryActions>\n        <div class=\"nav\">\n          <button class=\"back\" (click)=\"openParent()\">\n            <yvc-icon [svg]=\"icons.back\"></yvc-icon>\n          </button>\n          <button class=\"refresh\" title=\"{{ 'yuv.app.drive.page.object.refresh.tooltip' | translate }}\" (click)=\"refresh()\">\n            <yvc-icon [svg]=\"icons.refresh\"></yvc-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      <yvc-tabs [layoutSettingsID]=\"layoutSettingIdBase + 'tabs.small'\" [cacheViews]=\"false\">\n        <ng-template [yvcTab]=\"{ id: 'content_s', label: 'yuv.app.drive.object-metadata.tabs.content.title' | translate }\">\n          @if (object && object?.content) {\n            <yuv-object-preview [dmsObject]=\"object\"></yuv-object-preview>\n          }\n        </ng-template>\n        <ng-template [yvcTab]=\"{ id: 'indexdata_s', label: 'yuv.app.drive.object-metadata.tabs.indexdata.title' | translate }\">\n          <yuv-object-metadata [flavoredDmsObject]=\"flavoredDmsObject()\" (indexDataSaved)=\"onIndexdataSaved($event)\"> </yuv-object-metadata>\n        </ng-template>\n        <ng-template [yvcTab]=\"{ id: 'history_s', label: 'yuv.app.drive.object-metadata.tabs.history.title' | translate }\">\n          <yuv-object-audit [dmsObject]=\"object\"></yuv-object-audit>\n        </ng-template>\n      </yvc-tabs>\n    } @else {\n      <yvc-split-view [layoutSettingsID]=\"layoutSettingIdBase + 'splitview'\" [gutterSize]=\"1\">\n        <ng-template yvcSplitArea [size]=\"40\">\n          <section class=\"meta\">\n            <header>\n              <yuv-object-flavor disableSelection=\"true\" [dmsObject]=\"object\"></yuv-object-flavor>\n\n              @if (headerData) {\n                <yvc-icon class=\"object-icon\" [svg]=\"headerData.icon\"></yvc-icon>\n                <h1><ng-container *yuvRenderer=\"headerData.title\"></ng-container></h1>\n                <div class=\"description\"><ng-container *yuvRenderer=\"headerData.description\"></ng-container></div>\n              }\n            </header>\n\n            <yvc-tabs [layoutSettingsID]=\"layoutSettingIdBase + 'tabs'\">\n              <ng-template [yvcTab]=\"{ id: 'indexdata', label: 'yuv.app.drive.object-metadata.tabs.indexdata.title' | translate }\">\n                <yuv-object-metadata [flavoredDmsObject]=\"flavoredDmsObject()\" (indexDataSaved)=\"onIndexdataSaved($event)\"> </yuv-object-metadata>\n              </ng-template>\n              <ng-template [yvcTab]=\"{ id: 'history', label: 'yuv.app.drive.object-metadata.tabs.history.title' | translate }\">\n                <yuv-object-audit [dmsObject]=\"object\" [versionsLink]=\"versionsLink()\"></yuv-object-audit>\n              </ng-template>\n            </yvc-tabs>\n          </section>\n        </ng-template>\n        <ng-template yvcSplitArea [size]=\"60\">\n            @if (object && object?.content) {\n              <yuv-object-preview [dmsObject]=\"object\"></yuv-object-preview>\n            }\n        </ng-template>\n      </yvc-split-view>\n    }\n  </div>\n} @else if (errorMessage) {\n  <!-- object could not be loaded -->\n  <div class=\"error state\">\n    <yvc-icon [svg]=\"icons.error\"></yvc-icon>\n    <p>{{ errorMessage }}</p>\n  </div>\n} @else {\n  <!-- object is loading -->\n  <div class=\"loading state\">\n    <div class=\"yuv-loader\"></div>\n  </div>\n}\n", styles: [":host{--button-gap: calc(var(--app-pane-padding) / 4);display:flex;flex-flow:column;height:100%;overflow:hidden}:host .state{display:flex;flex-flow:column;height:100%;align-items:center;justify-content:center;border-block-start:1px solid var(--panel-divider-color)}:host .error yvc-icon{--icon-size: 48px;color:rgb(from var(--text-color-body) r g b/.1)}:host .error p{margin:var(--app-pane-padding);max-width:35ch;color:var(--text-color-caption)}: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(--panel-divider-color);flex:0 0 auto}:host .object ymd-ribbon button{padding:var(--ribbon-button-padding);border-radius:var(--ribbon-button-border-radius)}:host .object ymd-ribbon button yvc-icon{--icon-size: var(--ribbon-icon-size)}:host .object ymd-ribbon .nav{display:flex;align-items:center;gap:var(--button-gap)}:host .object yvc-tabs{flex:1;background-color:var(--app-drive-header-background)}:host .object yvc-split-view{flex:1}:host .meta{background-color:var(--panel-background);display:flex;flex-flow:column;height:100%}:host .meta header{flex:0 0 auto;display:grid;grid-template-rows:auto calc(var(--app-pane-padding) / 2) auto auto var(--app-pane-padding);grid-template-columns:calc(var(--app-pane-padding) / 2) auto 1fr auto calc(var(--app-pane-padding) / 2);grid-template-areas:\"flavor flavor flavor flavor flavor\" \". . . . .\" \". icon title actions .\" \". . description description .\" \". . . . .\";gap:calc(var(--app-pane-padding) / 2)}:host .meta header yuv-object-flavor{grid-area:flavor;border-block-end:1px solid var(--panel-divider-color)}:host .meta header yvc-icon.object-icon{color:var(--text-color-caption);grid-area:icon}:host .meta header h1{grid-area:title;margin:0;padding:0;font-size:var(--font-title);font-weight:400}:host .meta header .description{grid-area:description}:host .meta yvc-tabs{flex:1}@keyframes fade-in{0%{opacity:0}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ObjectMetadataComponent, selector: "yuv-object-metadata", inputs: ["situation", "formDisabled", "dmsObject", "flavoredDmsObject"], outputs: ["indexDataSaved", "statusChanged"] }, { kind: "component", type: ObjectAuditComponent, selector: "yuv-object-audit", inputs: ["dmsObject", "skipActions", "allActions", "versionsLink"] }, { kind: "component", type: ObjectFlavorComponent, selector: "yuv-object-flavor", inputs: ["dmsObject"], outputs: ["flavorClick"] }, { kind: "ngmodule", type: YvcIconModule }, { kind: "component", type: i1$1.Icon, selector: "yvc-icon", inputs: ["label", "svg", "svgSrc"] }, { kind: "ngmodule", type: YvcSplitViewModule }, { kind: "component", type: i3.SplitViewComponent, selector: "yvc-split-view", inputs: ["direction", "gutterSize", "restrictMove", "disabled", "gutterDblClickDuration", "layoutSettingsID"], outputs: ["layoutSettingsChange", "dragStart", "dragEnd", "gutterClick", "gutterDblClick"] }, { kind: "directive", type: i3.SplitAreaDirective, selector: "[yvcSplitArea]", inputs: ["size", "order", "minSize", "maxSize", "panelClass", "visible"] }, { 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: "ngmodule", type: YvcTabsModule }, { kind: "component", type: i2$2.Tabs, selector: "yvc-tabs", inputs: ["tabs", "layoutSettingsID", "panelOrder", "panelOrderIncludeUnmentioned", "cacheViews", "tabSplitEnabled", "tabRemoveEnabled"], outputs: ["tabSplit", "tabRemove", "tabChange"] }, { kind: "directive", type: i2$2.YvcTabDirective, selector: "[yvcTab]", inputs: ["yvcTab"] }, { kind: "component", type: ObjectPreviewComponent, selector: "yuv-object-preview", inputs: ["objectId", "dmsObject", "version"] }, { kind: "directive", type: FileDropZoneDirective, selector: "[yuvFileDropZone]", inputs: ["yuvFileDropZone", "fileDropDisabled"], outputs: ["fileDrop", "fileDropOver"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ObjectPageComponent, isStandalone: true, selector: "ymd-object", host: { attributes: { "class.smallScreenLayout": "smallScreenLayout()" } }, 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\">\n      <ng-template #primaryActions>\n        <div class=\"nav\">\n          <button class=\"back\" (click)=\"openParent()\">\n            <yvc-icon [svg]=\"icons.back\"></yvc-icon>\n          </button>\n          <button class=\"refresh\" title=\"{{ 'yuv.app.drive.page.object.refresh.tooltip' | translate }}\" (click)=\"refresh()\">\n            <yvc-icon [svg]=\"icons.refresh\"></yvc-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      <yvc-tabs [layoutSettingsID]=\"layoutSettingIdBase + 'tabs.small'\" [cacheViews]=\"false\">\n        <ng-template [yvcTab]=\"{ id: 'content_s', label: 'yuv.app.drive.object-metadata.tabs.content.title' | translate }\">\n          @if (object && object?.content) {\n            <yuv-object-preview [dmsObject]=\"object\"></yuv-object-preview>\n          }\n        </ng-template>\n        <ng-template [yvcTab]=\"{ id: 'indexdata_s', label: 'yuv.app.drive.object-metadata.tabs.indexdata.title' | translate }\">\n          <yuv-object-metadata [flavoredDmsObject]=\"flavoredDmsObject()\" (indexDataSaved)=\"onIndexdataSaved($event)\"> </yuv-object-metadata>\n        </ng-template>\n        <ng-template [yvcTab]=\"{ id: 'history_s', label: 'yuv.app.drive.object-metadata.tabs.history.title' | translate }\">\n          <yuv-object-audit [dmsObject]=\"object\"></yuv-object-audit>\n        </ng-template>\n      </yvc-tabs>\n    } @else {\n      <yvc-split-view [layoutSettingsID]=\"layoutSettingIdBase + 'splitview'\" [gutterSize]=\"1\">\n        <ng-template yvcSplitArea [size]=\"40\">\n          <section class=\"meta\">\n            <header>\n              <yuv-object-flavor disableSelection=\"true\" [dmsObject]=\"object\"></yuv-object-flavor>\n\n              @if (headerData) {\n                <yvc-icon class=\"object-icon\" [svg]=\"headerData.icon\"></yvc-icon>\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            <yvc-tabs [layoutSettingsID]=\"layoutSettingIdBase + 'tabs'\">\n              <ng-template [yvcTab]=\"{ id: 'indexdata', label: 'yuv.app.drive.object-metadata.tabs.indexdata.title' | translate }\">\n                <yuv-object-metadata [flavoredDmsObject]=\"flavoredDmsObject()\" (indexDataSaved)=\"onIndexdataSaved($event)\"> </yuv-object-metadata>\n              </ng-template>\n              <ng-template [yvcTab]=\"{ id: 'history', label: 'yuv.app.drive.object-metadata.tabs.history.title' | translate }\">\n                <yuv-object-audit [dmsObject]=\"object\" [versionsLink]=\"versionsLink()\"></yuv-object-audit>\n              </ng-template>\n            </yvc-tabs>\n          </section>\n        </ng-template>\n        <ng-template yvcSplitArea [size]=\"60\">\n            @if (object && object?.content) {\n              <yuv-object-preview [dmsObject]=\"object\"></yuv-object-preview>\n            }\n        </ng-template>\n      </yvc-split-view>\n    }\n  </div>\n} @else if (errorMessage) {\n  <!-- object could not be loaded -->\n  <div class=\"error state\">\n    <yvc-icon [svg]=\"icons.error\"></yvc-icon>\n    <p>{{ errorMessage }}</p>\n  </div>\n} @else {\n  <!-- object is loading -->\n  <div class=\"loading state\">\n    <div class=\"yuv-loader\"></div>\n  </div>\n}\n", styles: [":host{--button-gap: calc(var(--app-pane-padding) / 4);display:flex;flex-flow:column;height:100%;overflow:hidden}:host .state{display:flex;flex-flow:column;height:100%;align-items:center;justify-content:center;border-block-start:1px solid var(--panel-divider-color)}:host .error yvc-icon{--icon-size: 48px;color:rgb(from var(--text-color-body) r g b/.1)}:host .error p{margin:var(--app-pane-padding);max-width:35ch;color:var(--text-color-caption)}: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(--panel-divider-color);flex:0 0 auto}:host .object ymd-ribbon button{padding:var(--ribbon-button-padding);border-radius:var(--ribbon-button-border-radius)}:host .object ymd-ribbon button yvc-icon{--icon-size: var(--ribbon-icon-size)}:host .object ymd-ribbon .nav{display:flex;align-items:center;gap:var(--button-gap)}:host .object yvc-tabs{flex:1;background-color:var(--app-drive-header-background)}:host .object yvc-split-view{flex:1}:host .meta{background-color:var(--panel-background);display:flex;flex-flow:column;height:100%}:host .meta header{flex:0 0 auto;display:grid;grid-template-rows:auto calc(var(--app-pane-padding) / 2) auto auto var(--app-pane-padding);grid-template-columns:calc(var(--app-pane-padding) / 2) auto 1fr auto calc(var(--app-pane-padding) / 2);grid-template-areas:\"flavor flavor flavor flavor flavor\" \". . . . .\" \". icon title actions .\" \". . description description .\" \". . badges badges .\" \". . . . .\";gap:calc(var(--app-pane-padding) / 2)}:host .meta header yuv-object-flavor{grid-area:flavor;border-block-end:1px solid var(--panel-divider-color)}:host .meta header yvc-icon.object-icon{color:var(--text-color-caption);grid-area:icon}:host .meta header h1{grid-area:title;margin:0;padding:0;font-size:var(--font-title);font-weight:400}:host .meta header .description{grid-area:description}:host .meta header .badges{grid-area:badges;display:flex;flex-flow:row wrap;align-items:center;justify-content:start;gap:calc(var(--app-pane-padding) / 4)}:host .meta yvc-tabs{flex:1}@keyframes fade-in{0%{opacity:0}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ObjectMetadataComponent, selector: "yuv-object-metadata", inputs: ["situation", "formDisabled", "dmsObject", "flavoredDmsObject"], outputs: ["indexDataSaved", "statusChanged"] }, { kind: "component", type: ObjectAuditComponent, selector: "yuv-object-audit", inputs: ["dmsObject", "skipActions", "allActions", "versionsLink"] }, { kind: "component", type: ObjectFlavorComponent, selector: "yuv-object-flavor", inputs: ["dmsObject"], outputs: ["flavorClick"] }, { kind: "ngmodule", type: YvcIconModule }, { kind: "component", type: i1.Icon, selector: "yvc-icon", inputs: ["label", "svg", "svgSrc"] }, { kind: "ngmodule", type: YvcSplitViewModule }, { kind: "component", type: i3.SplitViewComponent, selector: "yvc-split-view", inputs: ["direction", "gutterSize", "restrictMove", "disabled", "gutterDblClickDuration", "layoutSettingsID"], outputs: ["layoutSettingsChange", "dragStart", "dragEnd", "gutterClick", "gutterDblClick"] }, { kind: "directive", type: i3.SplitAreaDirective, selector: "[yvcSplitArea]", inputs: ["size", "order", "minSize", "maxSize", "panelClass", "visible"] }, { 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: "ngmodule", type: YvcTabsModule }, { kind: "component", type: i2$3.Tabs, selector: "yvc-tabs", inputs: ["tabs", "layoutSettingsID", "panelOrder", "panelOrderIncludeUnmentioned", "cacheViews", "tabSplitEnabled", "tabRemoveEnabled"], outputs: ["tabSplit", "tabRemove", "tabChange"] }, { kind: "directive", type: i2$3.YvcTabDirective, selector: "[yvcTab]", inputs: ["yvcTab"] }, { kind: "component", type: RetentionBadgeComponent, selector: "yuv-retention-badge", inputs: ["dmsObject"] }, { kind: "component", type: ObjectPreviewComponent, selector: "yuv-object-preview", inputs: ["objectId", "dmsObject", "version"] }, { kind: "directive", type: FileDropZoneDirective, selector: "[yuvFileDropZone]", inputs: ["yuvFileDropZone", "fileDropDisabled"], outputs: ["fileDrop", "fileDropOver"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ObjectPageComponent, decorators: [{
             type: Component,
@@ -2902,11 +2968,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         TranslateModule,
                         RibbonComponent,
                         YvcTabsModule,
+                        RetentionBadgeComponent,
                         ObjectPreviewComponent,
                         FileDropZoneDirective
                     ], host: {
                         ['class.smallScreenLayout']: 'smallScreenLayout()'
-                    }, 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\">\n      <ng-template #primaryActions>\n        <div class=\"nav\">\n          <button class=\"back\" (click)=\"openParent()\">\n            <yvc-icon [svg]=\"icons.back\"></yvc-icon>\n          </button>\n          <button class=\"refresh\" title=\"{{ 'yuv.app.drive.page.object.refresh.tooltip' | translate }}\" (click)=\"refresh()\">\n            <yvc-icon [svg]=\"icons.refresh\"></yvc-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      <yvc-tabs [layoutSettingsID]=\"layoutSettingIdBase + 'tabs.small'\" [cacheViews]=\"false\">\n        <ng-template [yvcTab]=\"{ id: 'content_s', label: 'yuv.app.drive.object-metadata.tabs.content.title' | translate }\">\n          @if (object && object?.content) {\n            <yuv-object-preview [dmsObject]=\"object\"></yuv-object-preview>\n          }\n        </ng-template>\n        <ng-template [yvcTab]=\"{ id: 'indexdata_s', label: 'yuv.app.drive.object-metadata.tabs.indexdata.title' | translate }\">\n          <yuv-object-metadata [flavoredDmsObject]=\"flavoredDmsObject()\" (indexDataSaved)=\"onIndexdataSaved($event)\"> </yuv-object-metadata>\n        </ng-template>\n        <ng-template [yvcTab]=\"{ id: 'history_s', label: 'yuv.app.drive.object-metadata.tabs.history.title' | translate }\">\n          <yuv-object-audit [dmsObject]=\"object\"></yuv-object-audit>\n        </ng-template>\n      </yvc-tabs>\n    } @else {\n      <yvc-split-view [layoutSettingsID]=\"layoutSettingIdBase + 'splitview'\" [gutterSize]=\"1\">\n        <ng-template yvcSplitArea [size]=\"40\">\n          <section class=\"meta\">\n            <header>\n              <yuv-object-flavor disableSelection=\"true\" [dmsObject]=\"object\"></yuv-object-flavor>\n\n              @if (headerData) {\n                <yvc-icon class=\"object-icon\" [svg]=\"headerData.icon\"></yvc-icon>\n                <h1><ng-container *yuvRenderer=\"headerData.title\"></ng-container></h1>\n                <div class=\"description\"><ng-container *yuvRenderer=\"headerData.description\"></ng-container></div>\n              }\n            </header>\n\n            <yvc-tabs [layoutSettingsID]=\"layoutSettingIdBase + 'tabs'\">\n              <ng-template [yvcTab]=\"{ id: 'indexdata', label: 'yuv.app.drive.object-metadata.tabs.indexdata.title' | translate }\">\n                <yuv-object-metadata [flavoredDmsObject]=\"flavoredDmsObject()\" (indexDataSaved)=\"onIndexdataSaved($event)\"> </yuv-object-metadata>\n              </ng-template>\n              <ng-template [yvcTab]=\"{ id: 'history', label: 'yuv.app.drive.object-metadata.tabs.history.title' | translate }\">\n                <yuv-object-audit [dmsObject]=\"object\" [versionsLink]=\"versionsLink()\"></yuv-object-audit>\n              </ng-template>\n            </yvc-tabs>\n          </section>\n        </ng-template>\n        <ng-template yvcSplitArea [size]=\"60\">\n            @if (object && object?.content) {\n              <yuv-object-preview [dmsObject]=\"object\"></yuv-object-preview>\n            }\n        </ng-template>\n      </yvc-split-view>\n    }\n  </div>\n} @else if (errorMessage) {\n  <!-- object could not be loaded -->\n  <div class=\"error state\">\n    <yvc-icon [svg]=\"icons.error\"></yvc-icon>\n    <p>{{ errorMessage }}</p>\n  </div>\n} @else {\n  <!-- object is loading -->\n  <div class=\"loading state\">\n    <div class=\"yuv-loader\"></div>\n  </div>\n}\n", styles: [":host{--button-gap: calc(var(--app-pane-padding) / 4);display:flex;flex-flow:column;height:100%;overflow:hidden}:host .state{display:flex;flex-flow:column;height:100%;align-items:center;justify-content:center;border-block-start:1px solid var(--panel-divider-color)}:host .error yvc-icon{--icon-size: 48px;color:rgb(from var(--text-color-body) r g b/.1)}:host .error p{margin:var(--app-pane-padding);max-width:35ch;color:var(--text-color-caption)}: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(--panel-divider-color);flex:0 0 auto}:host .object ymd-ribbon button{padding:var(--ribbon-button-padding);border-radius:var(--ribbon-button-border-radius)}:host .object ymd-ribbon button yvc-icon{--icon-size: var(--ribbon-icon-size)}:host .object ymd-ribbon .nav{display:flex;align-items:center;gap:var(--button-gap)}:host .object yvc-tabs{flex:1;background-color:var(--app-drive-header-background)}:host .object yvc-split-view{flex:1}:host .meta{background-color:var(--panel-background);display:flex;flex-flow:column;height:100%}:host .meta header{flex:0 0 auto;display:grid;grid-template-rows:auto calc(var(--app-pane-padding) / 2) auto auto var(--app-pane-padding);grid-template-columns:calc(var(--app-pane-padding) / 2) auto 1fr auto calc(var(--app-pane-padding) / 2);grid-template-areas:\"flavor flavor flavor flavor flavor\" \". . . . .\" \". icon title actions .\" \". . description description .\" \". . . . .\";gap:calc(var(--app-pane-padding) / 2)}:host .meta header yuv-object-flavor{grid-area:flavor;border-block-end:1px solid var(--panel-divider-color)}:host .meta header yvc-icon.object-icon{color:var(--text-color-caption);grid-area:icon}:host .meta header h1{grid-area:title;margin:0;padding:0;font-size:var(--font-title);font-weight:400}:host .meta header .description{grid-area:description}:host .meta yvc-tabs{flex:1}@keyframes fade-in{0%{opacity:0}}\n"] }]
+                    }, 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\">\n      <ng-template #primaryActions>\n        <div class=\"nav\">\n          <button class=\"back\" (click)=\"openParent()\">\n            <yvc-icon [svg]=\"icons.back\"></yvc-icon>\n          </button>\n          <button class=\"refresh\" title=\"{{ 'yuv.app.drive.page.object.refresh.tooltip' | translate }}\" (click)=\"refresh()\">\n            <yvc-icon [svg]=\"icons.refresh\"></yvc-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      <yvc-tabs [layoutSettingsID]=\"layoutSettingIdBase + 'tabs.small'\" [cacheViews]=\"false\">\n        <ng-template [yvcTab]=\"{ id: 'content_s', label: 'yuv.app.drive.object-metadata.tabs.content.title' | translate }\">\n          @if (object && object?.content) {\n            <yuv-object-preview [dmsObject]=\"object\"></yuv-object-preview>\n          }\n        </ng-template>\n        <ng-template [yvcTab]=\"{ id: 'indexdata_s', label: 'yuv.app.drive.object-metadata.tabs.indexdata.title' | translate }\">\n          <yuv-object-metadata [flavoredDmsObject]=\"flavoredDmsObject()\" (indexDataSaved)=\"onIndexdataSaved($event)\"> </yuv-object-metadata>\n        </ng-template>\n        <ng-template [yvcTab]=\"{ id: 'history_s', label: 'yuv.app.drive.object-metadata.tabs.history.title' | translate }\">\n          <yuv-object-audit [dmsObject]=\"object\"></yuv-object-audit>\n        </ng-template>\n      </yvc-tabs>\n    } @else {\n      <yvc-split-view [layoutSettingsID]=\"layoutSettingIdBase + 'splitview'\" [gutterSize]=\"1\">\n        <ng-template yvcSplitArea [size]=\"40\">\n          <section class=\"meta\">\n            <header>\n              <yuv-object-flavor disableSelection=\"true\" [dmsObject]=\"object\"></yuv-object-flavor>\n\n              @if (headerData) {\n                <yvc-icon class=\"object-icon\" [svg]=\"headerData.icon\"></yvc-icon>\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            <yvc-tabs [layoutSettingsID]=\"layoutSettingIdBase + 'tabs'\">\n              <ng-template [yvcTab]=\"{ id: 'indexdata', label: 'yuv.app.drive.object-metadata.tabs.indexdata.title' | translate }\">\n                <yuv-object-metadata [flavoredDmsObject]=\"flavoredDmsObject()\" (indexDataSaved)=\"onIndexdataSaved($event)\"> </yuv-object-metadata>\n              </ng-template>\n              <ng-template [yvcTab]=\"{ id: 'history', label: 'yuv.app.drive.object-metadata.tabs.history.title' | translate }\">\n                <yuv-object-audit [dmsObject]=\"object\" [versionsLink]=\"versionsLink()\"></yuv-object-audit>\n              </ng-template>\n            </yvc-tabs>\n          </section>\n        </ng-template>\n        <ng-template yvcSplitArea [size]=\"60\">\n            @if (object && object?.content) {\n              <yuv-object-preview [dmsObject]=\"object\"></yuv-object-preview>\n            }\n        </ng-template>\n      </yvc-split-view>\n    }\n  </div>\n} @else if (errorMessage) {\n  <!-- object could not be loaded -->\n  <div class=\"error state\">\n    <yvc-icon [svg]=\"icons.error\"></yvc-icon>\n    <p>{{ errorMessage }}</p>\n  </div>\n} @else {\n  <!-- object is loading -->\n  <div class=\"loading state\">\n    <div class=\"yuv-loader\"></div>\n  </div>\n}\n", styles: [":host{--button-gap: calc(var(--app-pane-padding) / 4);display:flex;flex-flow:column;height:100%;overflow:hidden}:host .state{display:flex;flex-flow:column;height:100%;align-items:center;justify-content:center;border-block-start:1px solid var(--panel-divider-color)}:host .error yvc-icon{--icon-size: 48px;color:rgb(from var(--text-color-body) r g b/.1)}:host .error p{margin:var(--app-pane-padding);max-width:35ch;color:var(--text-color-caption)}: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(--panel-divider-color);flex:0 0 auto}:host .object ymd-ribbon button{padding:var(--ribbon-button-padding);border-radius:var(--ribbon-button-border-radius)}:host .object ymd-ribbon button yvc-icon{--icon-size: var(--ribbon-icon-size)}:host .object ymd-ribbon .nav{display:flex;align-items:center;gap:var(--button-gap)}:host .object yvc-tabs{flex:1;background-color:var(--app-drive-header-background)}:host .object yvc-split-view{flex:1}:host .meta{background-color:var(--panel-background);display:flex;flex-flow:column;height:100%}:host .meta header{flex:0 0 auto;display:grid;grid-template-rows:auto calc(var(--app-pane-padding) / 2) auto auto var(--app-pane-padding);grid-template-columns:calc(var(--app-pane-padding) / 2) auto 1fr auto calc(var(--app-pane-padding) / 2);grid-template-areas:\"flavor flavor flavor flavor flavor\" \". . . . .\" \". icon title actions .\" \". . description description .\" \". . badges badges .\" \". . . . .\";gap:calc(var(--app-pane-padding) / 2)}:host .meta header yuv-object-flavor{grid-area:flavor;border-block-end:1px solid var(--panel-divider-color)}:host .meta header yvc-icon.object-icon{color:var(--text-color-caption);grid-area:icon}:host .meta header h1{grid-area:title;margin:0;padding:0;font-size:var(--font-title);font-weight:400}:host .meta header .description{grid-area:description}:host .meta header .badges{grid-area:badges;display:flex;flex-flow:row wrap;align-items:center;justify-content:start;gap:calc(var(--app-pane-padding) / 4)}:host .meta yvc-tabs{flex:1}@keyframes fade-in{0%{opacity:0}}\n"] }]
         }], ctorParameters: () => [] });
 
 const filesResolver = (route) => {