@yuuvis/app-drive 0.7.3

package/fesm2022/yuuvis-app-drive.mjs

@@ -0,0 +1,2945 @@
+import * as i1$3 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 { 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 { 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 { YvcIconModule, ICONS } from '@yuuvis/components/icon';
+import { YvcOverflowMenuComponent } from '@yuuvis/components/overflow-menu';
+import { YvcOverlayRef, YvcOverlayService, YvcOverlayModule } from '@yuuvis/components/overlay';
+import { switchMap as switchMap$1, map as map$1, finalize as finalize$1, filter as filter$1 } from 'rxjs/operators';
+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 { 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 { YvcTabsModule } from '@yuuvis/components/tabs';
+import { ListComponent, ListItemDirective } from '@yuuvis/client-framework/list';
+import { ActiveDescendantKeyManager } from '@angular/cdk/a11y';
+import { Directionality } from '@angular/cdk/bidi';
+import * as i2$1 from '@yuuvis/components/drag-scroll';
+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 { 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 { ObjectFlavorComponent } from '@yuuvis/client-framework/object-flavor';
+import { RendererDirective } from '@yuuvis/client-framework/renderer';
+
+const APP_DRIVE_ICONS = {
+    file: '<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e8eaed"><path d="M240-80q-33 0-56.5-23.5T160-160v-640q0-33 23.5-56.5T240-880h320l240 240v480q0 33-23.5 56.5T720-80H240Zm280-520v-200H240v640h480v-440H520ZM240-800v200-200 640-640Z"/></svg>',
+    folder: '<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e8eaed"><path d="M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h240l80 80h320q33 0 56.5 23.5T880-640H447l-80-80H160v480l96-320h684L837-217q-8 26-29.5 41.5T760-160H160Zm84-80h516l72-240H316l-72 240Zm0 0 72-240-72 240Zm-84-400v-80 80Z"/></svg>',
+    folderx: '<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e8eaed"><path d="M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h240l80 80h320q33 0 56.5 23.5T880-640v400q0 33-23.5 56.5T800-160H160Zm0-80h640v-400H447l-80-80H160v480Zm0 0v-480 480Z"/></svg>',
+    favorite: '<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e8eaed"><path d="m354-287 126-76 126 77-33-144 111-96-146-13-58-136-58 135-146 13 111 97-33 143ZM233-120l65-281L80-590l288-25 112-265 112 265 288 25-218 189 65 281-247-149-247 149Zm247-350Z"/></svg>',
+    settings: '<svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px" fill="#e8eaed"><path d="M447-288h64l14-56.31q14-4.69 26.5-11.19Q564-362 575-372l55 16 32-55-41-38.52q2-13.48 3-29.98t-2-29.5l40-38-32-55-54 15q-11-10-24-17t-27-12l-13-56h-65l-12 56q-14 5-27 12t-24 17l-54-16-32 56 41 38q-3 14-3 29.5t3 29.5l-41 39 32 56 55-17q11 9 23.5 16t26.5 12l12 56Zm32.79-120Q450-408 429-429.21t-21-51Q408-510 429.21-531t51-21Q510-552 531-530.79t21 51Q552-450 530.79-429t-51 21ZM216-144q-29.7 0-50.85-21.15Q144-186.3 144-216v-528q0-29.7 21.15-50.85Q186.3-816 216-816h528q29.7 0 50.85 21.15Q816-773.7 816-744v528q0 29.7-21.15 50.85Q773.7-144 744-144H216Zm0-72h528v-528H216v528Zm0-528v528-528Z"/></svg>',
+    sort: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#5f6368" viewBox="0 -960 960 960"><path d="M320-440v-287L217-624l-57-56 200-200 200 200-57 56-103-103v287h-80ZM600-80 400-280l57-56 103 103v-287h80v287l103-103 57 56L600-80Z"/></svg>',
+    home: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#e8eaed" viewBox="0 -960 960 960"><path d="M240-200h120v-240h240v240h120v-360L480-740 240-560v360Zm-80 80v-480l320-240 320 240v480H520v-240h-80v240H160Zm320-350Z"/></svg>',
+    toggleLeft: '<svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px" fill="#e8eaed"><path d="M211-144q-27.64 0-47.32-19.68T144-211v-538q0-27.64 19.68-47.32T211-816h538q27.64 0 47.32 19.68T816-749v538q0 27.64-19.68 47.32T749-144H211Zm125-72v-528H216v528h120Zm72 0h336v-528H408v528Zm-72 0H216h120Z"/></svg>',
+    toggleRight: '<svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px" fill="#e8eaed"><path d="M211-144q-27.64 0-47.32-19.68T144-211v-538q0-27.64 19.68-47.32T211-816h538q27.64 0 47.32 19.68T816-749v538q0 27.64-19.68 47.32T749-144H211Zm413-72h120v-528H624v528Zm-72 0v-528H216v528h336Zm72 0h120-120Z"/></svg>',
+    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>'
+};
+
+// Mapping schema for this apps backend schema
+// use marker to extract the labels for the app schema types
+// make sure to provide a marker for each type/flavor ID
+marker('io.yuuvis.app.drive.folder');
+marker('io.yuuvis.app.drive.file');
+const FS_PROPERTIES = {
+    name: 'appOsdrive:fileName'
+};
+const FS_SOTS = {
+    object: 'appOsdrive:file'
+};
+const APP_PREFIX = 'appDrive:';
+const APP_ID = 'io.yuuvis.app.drive';
+const APP_SCHEMA = {
+    id: APP_ID,
+    name: 'OS Drive',
+    icon: '<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M340-320h300q50 0 85-35t35-85q0-50-35-85t-85-35q-8-58-53-99t-101-41q-51 0-92.5 26T332-600q-57 5-94.5 43.5T200-460q0 58 41 99t99 41Zm0-80q-25 0-42.5-17.5T280-460q0-25 17.5-42.5T340-520h60v-20q0-33 23.5-56.5T480-620q33 0 56.5 23.5T560-540v60h80q17 0 28.5 11.5T680-440q0 17-11.5 28.5T640-400H340ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>',
+    types: {
+        folder: {
+            id: `${APP_ID}.folder`,
+            icon: APP_DRIVE_ICONS.folder,
+            objectType: SystemType.FOLDER,
+            sots: [FS_SOTS.object]
+        },
+        file: {
+            id: `${APP_ID}.file`,
+            icon: APP_DRIVE_ICONS.file,
+            objectType: SystemType.DOCUMENT,
+            sots: [FS_SOTS.object]
+        }
+    },
+    flavors: []
+};
+const APP_ACTIONS = {
+    rename: 'app.drive.action.rename',
+    paste: 'app.drive.action.paste',
+    copyLink: 'app.drive.action.copy.link',
+    contentUpdate: 'app.drive.action.content.update',
+    manageVersions: 'app.drive.action.manage-versions'
+};
+const ACTION_CONTEXT = {
+    subjectProperty: FS_PROPERTIES.name,
+    appId: APP_ID
+};
+
+const DRIVE_APP_BREADCRUMB_MAX_DEPTH = new InjectionToken('Max depth of the folder strukture in the Breadcrumb', { factory: () => 3 });
+
+// ID representing the root folder
+const DRIVE_ROOT_FOLDER_ID = 'root';
+// ID representing a custom view like 'recently edited documents'
+const DRIVE_QUERY_FOLDER_ID = 'query';
+var DRIVE_EVENT;
+(function (DRIVE_EVENT) {
+    DRIVE_EVENT["refresh"] = "refresh";
+})(DRIVE_EVENT || (DRIVE_EVENT = {}));
+var DRIVE_ACTION_MODE;
+(function (DRIVE_ACTION_MODE) {
+    DRIVE_ACTION_MODE["CUT"] = "cut";
+    DRIVE_ACTION_MODE["COPY"] = "copy";
+})(DRIVE_ACTION_MODE || (DRIVE_ACTION_MODE = {}));
+
+/**
+ * Component to resolve name conflicts. Based on its mode, it
+ * will handle files or objects that are about to be uploaded,
+ * copied or moved.
+ */
+class ResolveNameConflictsComponent {
+    constructor() {
+        this.#oRef = inject(YvcOverlayRef);
+        this.#drive = inject(DriveService);
+        this.#clipboard = inject(ClipboardService);
+        this.translate = inject(TranslateService);
+        this.validItems = [];
+        this.existingFileNames = [];
+        this.invalidFileNames = [];
+        this.content = {
+            headline: '',
+            message: '',
+            messageValid: '',
+            proceed: ''
+        };
+    }
+    #oRef;
+    #drive;
+    #clipboard;
+    proceed() {
+        if (!this.payload)
+            return;
+        switch (this.payload.mode) {
+            case 'upload': {
+                this.#upload(this.validItems.map((i) => i.item));
+                break;
+            }
+            case 'copy': {
+                this.#copy(this.validItems.map((i) => i.item));
+                break;
+            }
+            case 'move': {
+                this.#move(this.validItems.map((i) => i.item));
+                break;
+            }
+        }
+    }
+    #upload(files) {
+        this.#drive.upload(files, this.payload?.data).subscribe();
+        // upload errors and progress are handled by the upload progress component
+        this.#oRef.close();
+    }
+    #copy(objects) {
+        this.#drive.setBusy(true);
+        this.#oRef.close();
+        this.#drive
+            .copyToCurrentFolder(objects, false)
+            .pipe(tap((res) => {
+            res && this.#drive.emitEvent(DRIVE_EVENT.refresh);
+            this.#clipboard.clear();
+        }))
+            .subscribe({
+            complete: () => {
+                this.#drive.setBusy(false);
+            }
+        });
+    }
+    #move(objects) {
+        this.#drive.setBusy(true);
+        this.#oRef.close();
+        this.#drive
+            .moveToCurrentFolder(objects)
+            .pipe(tap((res) => {
+            res && this.#drive.emitEvent(DRIVE_EVENT.refresh);
+            this.#clipboard.clear();
+        }))
+            .subscribe({
+            complete: () => {
+                this.#drive.setBusy(false);
+            }
+        });
+    }
+    cancel() {
+        this.#oRef.close();
+    }
+    #setupValidItems() {
+        if (!this.payload)
+            return;
+        if (this.payload?.mode === 'upload') {
+            this.validItems = this.payload.items
+                .filter((f) => !this.existingFileNames.includes(f.name))
+                .map((item) => ({
+                name: item.name,
+                item
+            }));
+        }
+        else {
+            this.validItems = this.payload.items
+                .filter((o) => !this.existingFileNames.includes(o.data[FS_PROPERTIES.name]))
+                .map((item) => ({
+                name: item.data[FS_PROPERTIES.name],
+                item
+            }));
+        }
+    }
+    #setupContent() {
+        if (!this.payload)
+            return;
+        switch (this.payload.mode) {
+            case 'upload': {
+                this.content = {
+                    headline: this.translate.instant('yuv.app.drive.name.conflict.upload.headline'),
+                    message: this.translate.instant('yuv.app.drive.name.conflict.upload.message'),
+                    messageValid: this.translate.instant('yuv.app.drive.name.conflict.upload.messageValid'),
+                    proceed: this.translate.instant('yuv.app.drive.name.conflict.upload.proceed')
+                };
+                break;
+            }
+            case 'copy': {
+                this.content = {
+                    headline: this.translate.instant('yuv.app.drive.name.conflict.copy.headline'),
+                    message: this.translate.instant('yuv.app.drive.name.conflict.copy.message'),
+                    messageValid: this.translate.instant('yuv.app.drive.name.conflict.copy.messageValid'),
+                    proceed: this.translate.instant('yuv.app.drive.name.conflict.copy.proceed')
+                };
+                break;
+            }
+            case 'move': {
+                this.content = {
+                    headline: this.translate.instant('yuv.app.drive.name.conflict.move.headline'),
+                    message: this.translate.instant('yuv.app.drive.name.conflict.move.message'),
+                    messageValid: this.translate.instant('yuv.app.drive.name.conflict.move.messageValid'),
+                    proceed: this.translate.instant('yuv.app.drive.name.conflict.move.proceed')
+                };
+                break;
+            }
+        }
+    }
+    ngOnInit() {
+        this.payload = this.#oRef.data;
+        this.existingFileNames = this.payload.existingFileNames;
+        this.invalidFileNames = this.payload.invalidFileNames;
+        this.#setupValidItems();
+        this.#setupContent();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ResolveNameConflictsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ResolveNameConflictsComponent, isStandalone: true, selector: "ymd-resolve-name-conflicts", ngImport: i0, template: "<h2>{{ content.headline }}</h2>\n<p>{{ content.message }}</p>\n\n<ul>\n  @for (ef of existingFileNames; track $index) {\n    <li>{{ ef }}</li>\n  }\n</ul>\n\n@if (validItems.length) {\n  <p>{{ content.messageValid }}</p>\n  <ul>\n    @for (f of validItems; track $index) {\n      <li>{{ f.name }}</li>\n    }\n  </ul>\n}\n\n<footer>\n  @if (validItems.length) {\n    <button class=\"primary\" (click)=\"proceed()\">{{ content.proceed }}</button>\n  }\n  <button class=\"secondary\" (click)=\"cancel()\">{{ 'yuv.app.drive.name.conflict.cancel' | translate }}</button>\n</footer>\n", styles: ["@charset \"UTF-8\";:host{display:block;padding:var(--app-pane-padding);position:relative}:host .yuv-loader-linear{position:absolute;inset:0}:host h2{margin:0 0 2em;font-size:var(--font-title);font-weight:400}:host ul{font-weight:700;list-style:none;padding:0 1em}:host ul li{padding:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ul li:before{content:\"\\2022\";margin-inline-end:.5rem}:host footer{margin-block-start:calc(var(--app-pane-padding) * 2);display:flex;flex-flow:row-reverse;gap:calc(var(--app-pane-padding) / 4)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ResolveNameConflictsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ymd-resolve-name-conflicts', standalone: true, imports: [CommonModule, TranslateModule], template: "<h2>{{ content.headline }}</h2>\n<p>{{ content.message }}</p>\n\n<ul>\n  @for (ef of existingFileNames; track $index) {\n    <li>{{ ef }}</li>\n  }\n</ul>\n\n@if (validItems.length) {\n  <p>{{ content.messageValid }}</p>\n  <ul>\n    @for (f of validItems; track $index) {\n      <li>{{ f.name }}</li>\n    }\n  </ul>\n}\n\n<footer>\n  @if (validItems.length) {\n    <button class=\"primary\" (click)=\"proceed()\">{{ content.proceed }}</button>\n  }\n  <button class=\"secondary\" (click)=\"cancel()\">{{ 'yuv.app.drive.name.conflict.cancel' | translate }}</button>\n</footer>\n", styles: ["@charset \"UTF-8\";:host{display:block;padding:var(--app-pane-padding);position:relative}:host .yuv-loader-linear{position:absolute;inset:0}:host h2{margin:0 0 2em;font-size:var(--font-title);font-weight:400}:host ul{font-weight:700;list-style:none;padding:0 1em}:host ul li{padding:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ul li:before{content:\"\\2022\";margin-inline-end:.5rem}:host footer{margin-block-start:calc(var(--app-pane-padding) * 2);display:flex;flex-flow:row-reverse;gap:calc(var(--app-pane-padding) / 4)}\n"] }]
+        }] });
+
+const getResolvedObjectConfigItem = (propertyName, instanceData) => {
+    const item = {
+        propertyName: propertyName,
+        value: instanceData[propertyName]
+    };
+    // Meta data are considered properties that start with the property name followed by an underscore.
+    // Organization fields for example have an additional property 'xyz_title' that contains the resolved
+    // name of a user while the value itself is the users ID.
+    const metaData = Object.keys(instanceData)
+        .filter((key) => key.startsWith(propertyName + '_'))
+        .map((key) => ({ [key.substring(key.indexOf('_') + 1)]: instanceData[key] }));
+    // If there are meta data properties, they'll be merged into a Record where the
+    // key is the property name without the underscore and the actual properties name.
+    // So { 'xyz_title': 'John Doe' } will be merged into { title: 'John Doe' }
+    if (metaData.length) {
+        const meta = metaData.reduce((acc, cur) => ({ ...acc, ...cur }), {});
+        item.meta = meta;
+    }
+    return item;
+};
+const mapToTileData = (objects) => {
+    return objects.map((dmsObject) => {
+        const sots = dmsObject.sots || [];
+        const tli = {
+            objectTypeId: dmsObject.objectTypeId,
+            id: dmsObject.id,
+            actions: undefined,
+            badges: undefined,
+            instanceData: dmsObject.data,
+            dmsObject,
+            title: { rendererType: 'text', propertyName: BaseObjectTypeField.PARENT_OBJECT_TYPE_ID, value: dmsObject.data[FS_PROPERTIES.name] }
+        };
+        tli.icon = { rendererType: 'icon', propertyName: BaseObjectTypeField.OBJECT_TYPE_ID, value: BaseObjectTypeField.OBJECT_TYPE_ID };
+        return tli;
+    });
+};
+const mapSearchResult = (res) => {
+    return mapToTileData(res);
+};
+
+class DriveService {
+    #actionsService;
+    #eventService;
+    #router;
+    #dmsService;
+    #searchService;
+    #overlay;
+    #backend;
+    #clipboardService;
+    #eventSource;
+    #defaultSort;
+    constructor() {
+        this.#actionsService = inject(ActionsService);
+        this.#eventService = inject(EventService);
+        this.#router = inject(Router);
+        this.#dmsService = inject(DmsService);
+        this.#searchService = inject(SearchService);
+        this.#overlay = inject(YvcOverlayService);
+        this.#backend = inject(BackendService);
+        this.#clipboardService = inject(ClipboardService);
+        this.MAX_DEPTH = inject(DRIVE_APP_BREADCRUMB_MAX_DEPTH);
+        this.breadcrumbCache = new Map();
+        this.#eventSource = new Subject();
+        this.events$ = this.#eventSource.asObservable();
+        this.#defaultSort = {
+            property: FS_PROPERTIES.name,
+            order: 'asc'
+        };
+        this.initialState = {
+            currentFolder: null,
+            query: null,
+            queryTitle: null,
+            selection: [],
+            actions: [],
+            busy: false,
+            sort: this.#defaultSort,
+            breadcrumb: {
+                loading: false,
+                partial: false,
+                items: [],
+                folder: null
+            },
+            versions: {
+                versionsList: [],
+                selectedVersion: null
+            },
+            selectedDmsObject: null
+        };
+        this.state$ = signalState(this.initialState);
+        this.breadcrumbFolderPreview = this.state$.breadcrumb.folder;
+        this._busyTaskCount = 0;
+        this._defaultRibbonActions = [];
+        this.#router.events
+            .pipe(takeUntilDestroyed(), filter((e) => this.state$.selection().length > 0 && e instanceof NavigationStart))
+            // clear selection on route chnages
+            .subscribe({ next: () => this.setSelection([]) });
+        this.#eventService.on(YuvEventType.DMS_OBJECT_UPDATED).subscribe((e) => {
+            // check if current selection contains the updated object
+            const dmsObject = e.data;
+            const selection = this.state$.selection();
+            const matchIdx = selection.findIndex((o) => o.id === dmsObject.id);
+            if (matchIdx !== -1) {
+                // update the object in the selection
+                selection[matchIdx] = dmsObject;
+                patchState(this.state$, { selection: [...selection] });
+            }
+        });
+        this.#eventService
+            .on(YuvEventType.DMS_OBJECT_DELETED, YuvEventType.DMS_OBJECT_CREATED, YuvEventType.DMS_OBJECTS_MOVED)
+            .subscribe(() => this.emitEvent(DRIVE_EVENT.refresh));
+    }
+    #mapedCurrentFolder() {
+        return this.state$.currentFolder() === DRIVE_ROOT_FOLDER_ID ? null : this.state$.currentFolder();
+    }
+    emitEvent(evt) {
+        this.#eventSource.next(evt);
+    }
+    setBusy(busy) {
+        if (busy)
+            this._busyTaskCount++;
+        else if (this._busyTaskCount > 0)
+            this._busyTaskCount--;
+        patchState(this.state$, { busy: this._busyTaskCount !== 0 });
+    }
+    setSelection(o) {
+        patchState(this.state$, { selection: o });
+        this._getActions();
+    }
+    updateQuery(query, queryTitle = null) {
+        patchState(this.state$, {
+            query: this.applyFolderListSearchConditions(query),
+            queryTitle: queryTitle
+        });
+    }
+    setSort(property, order) {
+        const stateQuery = this.state$.query();
+        if (stateQuery) {
+            const clonedQueryState = structuredClone(stateQuery);
+            // TODO: remove if folders should stay on top
+            clonedQueryState.sort = [];
+            const sort = property ? { property, order } : { ...this.#defaultSort, order };
+            patchState(this.state$, { query: clonedQueryState, sort });
+            this.applyFolderListSearchConditions(clonedQueryState, !property);
+        }
+    }
+    updateCurrentFolder(currentFolderID) {
+        patchState(this.state$, { currentFolder: currentFolderID || null });
+    }
+    #copyToFolder(objects, folderId, options, validateNames = true) {
+        return validateNames
+            ? this.validateNames(objects.filter((o) => o.sots.includes(FS_SOTS.object)).map((f) => f.data[FS_PROPERTIES.name]), folderId).pipe(switchMap((res) => {
+                if (res.existingFileNames?.length || res.invalidFileNames?.length) {
+                    this.#resolveNameConflicts({
+                        existingFileNames: res.existingFileNames,
+                        invalidFileNames: res.invalidFileNames,
+                        mode: 'copy',
+                        items: objects
+                    });
+                    return of([]);
+                }
+                else
+                    return this.#dmsService.copyDmsObjects(folderId, objects, options);
+            }))
+            : this.#dmsService.copyDmsObjects(folderId, objects, options);
+    }
+    #moveToFolder(objects, folderId, options, validateNames = true) {
+        return validateNames
+            ? this.validateNames(objects.filter((o) => o.sots.includes(FS_SOTS.object)).map((f) => f.data[FS_PROPERTIES.name]), folderId).pipe(switchMap((res) => {
+                if (res.existingFileNames?.length || res.invalidFileNames?.length) {
+                    console.log('VALIDATION: ', { res });
+                    this.#resolveNameConflicts({
+                        existingFileNames: res.existingFileNames,
+                        invalidFileNames: res.invalidFileNames,
+                        mode: 'move',
+                        items: objects
+                    });
+                    return of([]);
+                }
+                else
+                    return this.#dmsService.moveDmsObjects(folderId, objects, options);
+            }))
+            : this.#dmsService.moveDmsObjects(folderId, objects, options);
+    }
+    copyToCurrentFolder(objects, validateNames = true) {
+        const options = { waitForSearchConsistency: true };
+        return this.#copyToFolder(objects, this.#mapedCurrentFolder(), options, validateNames);
+    }
+    moveToCurrentFolder(objects, validateNames = true) {
+        const options = { waitForSearchConsistency: true };
+        return this.#moveToFolder(objects, this.#mapedCurrentFolder(), options, validateNames);
+    }
+    #resolveNameConflicts(payload) {
+        this.#overlay.open(ResolveNameConflictsComponent, payload, {
+            maxWidth: '400px'
+        });
+    }
+    pasteFromClipboard(destinationObject) {
+        const cd = this.#clipboardService.getClipboardData(APP_ID);
+        const destination = destinationObject?.isFolder ? destinationObject.id : this.#mapedCurrentFolder();
+        return (cd && cd.objects && cd.objects.length > 0
+            ? cd?.mode === DRIVE_ACTION_MODE.CUT
+                ? this.#moveToFolder(cd.objects || [], destination, { waitForSearchConsistency: true }, true)
+                : cd?.mode === DRIVE_ACTION_MODE.COPY
+                    ? this.#copyToFolder(cd.objects || [], destination, { waitForSearchConsistency: true }, true)
+                    : of(null)
+            : of(null)).pipe(tap((res) => {
+            res && this.emitEvent(DRIVE_EVENT.refresh);
+            this.#clipboardService.clear();
+        }));
+    }
+    checkNamesAndUpload(files, data) {
+        return this.validateNames(files.map((f) => f.name), this.#mapedCurrentFolder()).pipe(switchMap((res) => {
+            if (res.existingFileNames?.length || res.invalidFileNames?.length) {
+                const resPayload = {
+                    existingFileNames: res.existingFileNames,
+                    invalidFileNames: res.invalidFileNames,
+                    mode: 'upload',
+                    items: files,
+                    data
+                };
+                this.#overlay.open(ResolveNameConflictsComponent, resPayload);
+                return of([]);
+            }
+            else
+                return this.upload(files, data);
+        }));
+    }
+    uploadContent(objectId, file) {
+        return this.#dmsService.uploadContent(objectId, file);
+    }
+    /**
+     * Uploads files to the current folder
+     * @param files files to be uploaded
+     * @param data additional data to be applied to the object
+     */
+    upload(files, data) {
+        return forkJoin(files.map((file) => {
+            const uploadData = data || {};
+            // apply filesystem SOT
+            const sots = uploadData[BaseObjectTypeField.SECONDARY_OBJECT_TYPE_IDS] || [];
+            uploadData[BaseObjectTypeField.SECONDARY_OBJECT_TYPE_IDS] = [...sots, FS_SOTS.object];
+            // setup the name to be the filename
+            uploadData[FS_PROPERTIES.name] = file.name;
+            const cf = this.#mapedCurrentFolder();
+            if (cf && cf !== DRIVE_ROOT_FOLDER_ID)
+                uploadData[BaseObjectTypeField.PARENT_ID] = cf;
+            return this.#dmsService.createDmsObject(SystemType.DOCUMENT, uploadData, [file], file.name).pipe(map((res) => ({ id: res[0] })), catchError((e) => of({ error: this.#mapCreateError(e) })));
+        }));
+    }
+    createFolder(name) {
+        const parentID = this.#mapedCurrentFolder();
+        const data = {};
+        data[FS_PROPERTIES.name] = name;
+        // apply filesystem SOT
+        data[BaseObjectTypeField.SECONDARY_OBJECT_TYPE_IDS] = [FS_SOTS.object];
+        if (parentID && parentID !== DRIVE_ROOT_FOLDER_ID)
+            data[BaseObjectTypeField.PARENT_ID] = parentID;
+        return this.#dmsService.createDmsObject(APP_SCHEMA.types.folder.objectType || '', data, []).pipe(map((res) => ({ id: res[0] })), catchError((e) => of({ error: this.#mapCreateError(e) })));
+    }
+    #mapCreateError(e) {
+        let error = 'default';
+        const ec = e.error.serviceErrorCode;
+        if (ec === 99999) {
+            const iec = e.error.innerError?.serviceErrorCode;
+            if (iec === 11000)
+                error = 'nameExists';
+        }
+        return error;
+    }
+    /**
+     * Checks for existing names and invalid characters
+     * @param name The name to be checked
+     * @param parentId The parent folder (will be 'root' if not provided)
+     * @returns already existing names
+     */
+    validateNames(names, parentId) {
+        console.log({ names, parentId });
+        if (parentId === DRIVE_ROOT_FOLDER_ID)
+            parentId = undefined;
+        const dvp = {
+            app: 'osdrive',
+            fileNames: names,
+            targetFolderId: parentId || undefined
+        };
+        return this.#backend.post('/dms/objects/validate', dvp).pipe(catchError((res) => of(res.error)));
+    }
+    getDefaultRibbonActions() {
+        if (!this._defaultRibbonActions.length) {
+            //[BASE_ACTION.download, BASE_ACTION.delete, 'app.drive.action.rename', BASE_ACTION.copy, BASE_ACTION.cut]
+            Object.values({ ...BASE_ACTION, rename: 'app.drive.action.rename' }).forEach((id) => {
+                const a = this.#actionsService.getActionById(id, ACTION_CONTEXT);
+                if (a)
+                    this._defaultRibbonActions.push(a);
+            });
+        }
+        return this._defaultRibbonActions;
+    }
+    _getActions() {
+        this.setBusy(true);
+        this.#actionsService
+            .getActions(this.state$.selection(), {
+            context: ACTION_CONTEXT
+        })
+            .subscribe((actions) => {
+            patchState(this.state$, { actions });
+        })
+            .add(() => this.setBusy(false));
+    }
+    /**
+     * Apply search conditions regarding folder listings
+     * @param q
+     */
+    applyFolderListSearchConditions(q, addBaseTypeId = true) {
+        // folders first
+        if (!q.sort)
+            q.sort = [];
+        addBaseTypeId &&
+            q.sort.push({
+                field: BaseObjectTypeField.BASE_TYPE_ID,
+                order: 'desc'
+            });
+        q = this.applyBasicSearchConditions(q);
+        return q;
+    }
+    applyBasicSearchConditions(q) {
+        q.fields = [
+            BaseObjectTypeField.OBJECT_ID,
+            BaseObjectTypeField.MODIFICATION_DATE,
+            BaseObjectTypeField.MODIFIED_BY,
+            ContentStreamField.FILENAME,
+            ContentStreamField.MIME_TYPE,
+            ContentStreamField.ID,
+            ContentStreamField.LENGTH
+        ];
+        if (!q.types || !q.types.includes(FS_SOTS.object))
+            q.types = [...(q.types || []), FS_SOTS.object];
+        // q.sortOptions.push(new SortOption(BaseObjectTypeField.BASE_TYPE_ID, 'desc'));
+        const sort = this.state$.sort() || this.#defaultSort;
+        if (!q.sort)
+            q.sort = [];
+        q.sort.push({
+            field: sort.property,
+            order: sort.order
+        });
+        q.includePermissions = true;
+        // new SortOption(sort.property, sort.order));
+        return q;
+    }
+    resolveFilesState(id) {
+        return this.getFolderHierarchy(id);
+    }
+    getFolderHierarchy(folderId) {
+        patchState(this.state$, {
+            breadcrumb: {
+                ...this.initialState.breadcrumb,
+                loading: true
+            }
+        });
+        return folderId === DRIVE_ROOT_FOLDER_ID
+            ? of([])
+            : this.#fetchFolder(folderId, 0, this.MAX_DEPTH).pipe(tap((res) => {
+                let items = [];
+                if (res.items.length > 0) {
+                    items = [...items, ...res.items];
+                }
+                patchState(this.state$, {
+                    breadcrumb: {
+                        ...this.initialState.breadcrumb,
+                        partial: res.partial,
+                        loading: false,
+                        items
+                    }
+                });
+            }), map((res) => res.items));
+    }
+    #fetchFolder(folderId, depth, maxDepth) {
+        if (depth >= maxDepth)
+            return of({ partial: true, items: [] });
+        const cachedFolder = this.breadcrumbCache.get(folderId);
+        if (cachedFolder) {
+            return cachedFolder.parentId
+                ? this.#fetchFolder(cachedFolder.parentId, depth + 1, maxDepth).pipe(map((parentFolders) => ({
+                    partial: parentFolders.partial,
+                    items: [...parentFolders.items, { name: cachedFolder.name, id: cachedFolder.id }]
+                })))
+                : of({
+                    partial: false,
+                    items: [{ name: cachedFolder.name, id: cachedFolder.id }]
+                });
+        }
+        return this.#dmsService.getDmsObject(folderId).pipe(map((folder) => {
+            const currentFolder = {
+                name: folder.data[FS_PROPERTIES.name],
+                id: folder.data[BaseObjectTypeField.OBJECT_ID],
+                parentId: folder.parentId
+            };
+            // this.breadcrumbCache.set(folder.id, currentFolder);
+            return currentFolder;
+        }), switchMap((folder) => {
+            if (!folder.parentId) {
+                return of({
+                    partial: false,
+                    items: [{ name: folder.name, id: folder.id }]
+                });
+            }
+            return this.#fetchFolder(folder.parentId, depth + 1, maxDepth).pipe(map((parentFolders) => ({
+                partial: parentFolders.partial,
+                items: [...parentFolders.items, { name: folder.name, id: folder.id }]
+            })));
+        }));
+    }
+    getVersions(id) {
+        patchState(this.state$, { busy: true });
+        return this.#dmsService.getDmsObjectVersions(id).pipe(tap((versions) => {
+            patchState(this.state$, {
+                busy: false,
+                versions: {
+                    versionsList: mapSearchResult(versions),
+                    selectedVersion: this.state$.versions().selectedVersion
+                }
+            });
+        }));
+    }
+    getSelectedDmsObject(id) {
+        return this.#dmsService.getDmsObject(id).pipe(tap((dmsObject) => patchState(this.state$, {
+            selectedDmsObject: dmsObject,
+            versions: {
+                versionsList: this.state$.versions.versionsList(),
+                selectedVersion: [dmsObject]
+            }
+        })));
+    }
+    setSelectedVersion(version) {
+        this.setBusy(true);
+        return this.#dmsService.getDmsObjectVersion(version.dmsObject.id, version.dmsObject.version).pipe(tap((res) => patchState(this.state$, {
+            versions: {
+                versionsList: this.state$.versions.versionsList(),
+                selectedVersion: [res]
+            }
+        })), tap(() => this.setBusy(false)));
+    }
+    setNewVersion(version) {
+        patchState(this.state$, { busy: true });
+        const selectedVersion = this.state$.versions.selectedVersion();
+        if (selectedVersion) {
+            const versionNumber = version ?? selectedVersion[0].version;
+            return this.#dmsService.restoreDmsObject(selectedVersion[0].id, versionNumber).pipe(switchMap((object) => this.getVersions(object.id)));
+        }
+        return of(null);
+    }
+    clearVersions() {
+        patchState(this.state$, { versions: this.initialState.versions });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DriveService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DriveService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DriveService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
+class RenameValidator {
+    static createValidator(driveService) {
+        return (control) => {
+            return timer(500).pipe(switchMap$1(() => {
+                return control.value['name'] !== control.value['_initialName']
+                    ? driveService.validateNames([control.value['name']], driveService.state$.currentFolder()).pipe(map$1((result) => {
+                        let res = null;
+                        if (result.existingFileNames.length) {
+                            res = { nameAlreadyExists: true };
+                        }
+                        else if (result.invalidFileNames?.length) {
+                            res = { invalidFileNames: true };
+                        }
+                        return res;
+                    }))
+                    : of(null);
+            }));
+        };
+    }
+}
+
+/**
+ *
+ * @param breadkrumbMaxDepth default 3
+ * @returns
+ */
+const provideDrive = (breadkrumbMaxDepth = 3) => {
+    return { provide: DRIVE_APP_BREADCRUMB_MAX_DEPTH, useValue: breadkrumbMaxDepth };
+};
+
+class ObjectNameComponent {
+    constructor() {
+        this.#fb = inject(FormBuilder);
+        this.#drive = inject(DriveService);
+        this.busy = false;
+        this.headline = input();
+        this.submitButton = input.required();
+        this.cancelButton = input('');
+        this.isFile = input(false);
+        this.isRename = input(false);
+        this.item = input();
+        this.disabled = input(false);
+        this.#disabledEffect = effect(() => {
+            const d = this.disabled();
+            d ? this.nameForm.get('name')?.disable() : this.nameForm.get('name')?.enable();
+        });
+        this.#itemFormEffect = effect(() => this.item() && this.#setupForm(this.item()?.data));
+        this.nameChange = output();
+        this.onClose = output();
+        this.nameForm = this.#fb.group({
+            _initialName: [''],
+            name: ['', Validators.required]
+        }, {
+            asyncValidators: [RenameValidator.createValidator(this.#drive)]
+        });
+    }
+    #fb;
+    #drive;
+    #disabledEffect;
+    #itemFormEffect;
+    #setupForm(data) {
+        this.nameForm.patchValue({
+            _initialName: data ? data[FS_PROPERTIES.name] || '' : '',
+            name: data ? data[FS_PROPERTIES.name] || '' : ''
+        }, {
+            emitEvent: false
+        });
+    }
+    submitForm() {
+        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" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ObjectNameComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ymd-object-name', standalone: true, imports: [CommonModule, ReactiveFormsModule, FormInputComponent, StringComponent, TranslateModule], 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"] }]
+        }] });
+
+class RenameComponent {
+    constructor() {
+        this.overlayRef = inject(YvcOverlayRef);
+        this.#drive = inject(DriveService);
+        this.#dmsService = inject(DmsService);
+        this.item = this.overlayRef.data;
+        this.busy = signal(false);
+    }
+    #drive;
+    #dmsService;
+    rename(name) {
+        this.busy.set(true);
+        const data = {};
+        data[FS_PROPERTIES.name] = name;
+        this.#dmsService.updateDmsObject(this.item.id, data).subscribe({
+            next: () => {
+                this.overlayRef.close();
+                this.#drive.emitEvent(DRIVE_EVENT.refresh);
+            },
+            complete: () => this.busy.set(false)
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RenameComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: RenameComponent, isStandalone: true, selector: "ymd-rename", host: { properties: { "class.busy": "busy()" } }, ngImport: i0, template: "<div class=\"yuv-loader-linear\"></div>\n<ymd-object-name\n  [item]=\"item\"\n  [isRename]=\"true\"\n  [isFile]=\"!item.isFolder\"\n  [headline]=\"'yuv.app.drive.action.rename.headline' | translate\"\n  [submitButton]=\"'yuv.app.drive.action.rename.submit' | translate\"\n  [cancelButton]=\"'yuv.app.drive.action.rename.cancel' | translate\"\n  (nameChange)=\"rename($event)\"\n  (onClose)=\"overlayRef.close()\"\n></ymd-object-name>\n", styles: [":host{display:block;position:relative}:host ymd-object-name{padding:var(--app-pane-padding);display:block}:host .yuv-loader-linear{position:absolute;inset-block-start:0;inset-inline-start:0;inset-inline-end:0}:host:not(.busy) .yuv-loader-linear{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ObjectNameComponent, selector: "ymd-object-name", inputs: ["headline", "submitButton", "cancelButton", "isFile", "isRename", "item", "disabled"], outputs: ["nameChange", "onClose"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RenameComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ymd-rename', standalone: true, imports: [CommonModule, ObjectNameComponent, TranslateModule], host: {
+                        '[class.busy]': 'busy()'
+                    }, template: "<div class=\"yuv-loader-linear\"></div>\n<ymd-object-name\n  [item]=\"item\"\n  [isRename]=\"true\"\n  [isFile]=\"!item.isFolder\"\n  [headline]=\"'yuv.app.drive.action.rename.headline' | translate\"\n  [submitButton]=\"'yuv.app.drive.action.rename.submit' | translate\"\n  [cancelButton]=\"'yuv.app.drive.action.rename.cancel' | translate\"\n  (nameChange)=\"rename($event)\"\n  (onClose)=\"overlayRef.close()\"\n></ymd-object-name>\n", styles: [":host{display:block;position:relative}:host ymd-object-name{padding:var(--app-pane-padding);display:block}:host .yuv-loader-linear{position:absolute;inset-block-start:0;inset-inline-start:0;inset-inline-end:0}:host:not(.busy) .yuv-loader-linear{display:none}\n"] }]
+        }] });
+
+class RenameAction {
+    constructor() {
+        this.translate = inject(TranslateService$1);
+        this.overlay = inject(YvcOverlayService);
+        this.id = 'app.drive.action.rename';
+        this.label = this.translate.instant('yuv.app.drive.action.rename.label');
+        this.description = this.translate.instant('yuv.app.drive.action.rename.description');
+        this.priority = 2;
+        this.icon = '<svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px" fill="#e8eaed"><path d="M480.28-96Q401-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 91ZM336-336v-113l210-209q7.26-7.41 16.13-10.71Q571-672 579.76-672q9.55 0 18.31 3.5Q606.83-665 614-658l44 45q6.59 7.26 10.29 16.13Q672-588 672-579.24t-3.29 17.92q-3.3 9.15-10.71 16.32L449-336H336Zm288-243-45-45 45 45ZM384-384h45l115-115-22-23-22-22-116 115v45Zm138-138-22-22 44 45-22-23Z"/></svg>';
+        this.group = 'common';
+        this.range = SelectionRange.SINGLE_SELECT;
+        this.supports = {};
+    }
+    isExecutable(selection) {
+        return of(selection?.length === 1 && !!selection[0].permissions?.writeIndexData);
+    }
+    run(selection) {
+        this.overlay.open(RenameComponent, selection[0], {
+            width: '400px',
+            maxWidth: '90vw',
+        });
+        return of(true);
+    }
+}
+
+class PasteAction extends AbstractContextAction {
+    constructor() {
+        super(...arguments);
+        this.translate = inject(TranslateService);
+        this.#clipboardService = inject(ClipboardService);
+        this.#drive = inject(DriveService);
+        this.#route = inject(ActivatedRoute);
+        this.id = 'app.drive.action.paste';
+        this.label = this.translate.instant('yuv.app.drive.action.paste.label');
+        this.description = this.translate.instant('yuv.app.drive.action.paste.description');
+        this.priority = 2;
+        this.icon = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#5f6368" viewBox="0 -960 960 960"><path d="M200-120q-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-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560h-80v120H280v-120h-80v560Zm280-560q17 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>';
+        this.group = 'common';
+        this.range = SelectionRange.SINGLE_SELECT;
+        this.supports = {};
+    }
+    #clipboardService;
+    #drive;
+    #route;
+    isExecutable(items) {
+        const canWrite = !!items[0]?.permissions?.writeIndexData;
+        const cd = this.#clipboardService.getClipboardData(APP_ID);
+        return of(canWrite && !!cd?.objects && cd.objects.length > 0);
+    }
+    run(items) {
+        this.#drive.setBusy(true);
+        this.#drive
+            .pasteFromClipboard(items[0])
+            .pipe(finalize(() => this.#drive.setBusy(false)))
+            .subscribe();
+        return of(true);
+    }
+}
+
+class UpdateContentAction extends AbstractContextAction {
+    constructor() {
+        super(...arguments);
+        this.translate = inject(TranslateService$1);
+        this.#router = inject(Router);
+        this.#drive = inject(DriveService);
+        this.#document = inject(DOCUMENT);
+        this.id = 'app.drive.action.new.content.version';
+        this.label = this.translate.instant('yuv.app.drive.action.new.version');
+        this.description = this.translate.instant('yuv.app.drive.action.new.version.description');
+        this.priority = 2;
+        this.icon = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#5f6368" viewBox="0 -960 960 960"><path d="M500-520h80v-80h80v-80h-80v-80h-80v80h-80v80h80v80Zm-80 160h240v-80H420v80ZM320-200q-33 0-56.5-23.5T240-280v-560q0-33 23.5-56.5T320-920h280l240 240v400q0 33-23.5 56.5T760-200H320Zm0-80h440v-360L560-840H320v560ZM160-40q-33 0-56.5-23.5T80-120v-560h80v560h440v80H160Zm160-240v-560 560Z"/></svg>';
+        this.group = 'common';
+        this.range = SelectionRange.SINGLE_SELECT;
+        this.supports = {};
+    }
+    #router;
+    #drive;
+    #document;
+    isExecutable(selection) {
+        const selected = selection[0];
+        const canWrite = !!selected?.permissions?.writeContent;
+        return of(canWrite && selection.length === 1 && !selected.isFolder);
+    }
+    run(selection) {
+        if (!selection[0].isFolder) {
+            const fileInput = this.#document.createElement('input');
+            fileInput.type = 'file';
+            fileInput.multiple = false;
+            fileInput.onchange = (e) => {
+                this.#drive.setBusy(true);
+                const file = e.target.files?.[0];
+                file &&
+                    this.#drive
+                        .uploadContent(selection[0].id, file)
+                        .pipe(finalize(() => this.#drive.setBusy(false)))
+                        .subscribe();
+            };
+            fileInput.click();
+            fileInput.remove();
+        }
+        return of(true);
+    }
+}
+
+class CopyLinkAction extends AbstractContextAction {
+    constructor() {
+        super(...arguments);
+        this.translate = inject(TranslateService$1);
+        this.#notification = inject(NotificationService);
+        this.#shell = inject(ShellService);
+        this.id = 'app.drive.action.copy-link';
+        this.label = this.translate.instant('yuv.app.drive.action.copy-link');
+        this.description = this.translate.instant('yuv.app.drive.action.copy-link.description');
+        this.priority = 2;
+        this.icon = '<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e8eaed"><path d="m678-134 46-46-64-64-46 46q-14 14-14 32t14 32q14 14 32 14t32-14Zm102-102 46-46q14-14 14-32t-14-32q-14-14-32-14t-32 14l-46 46 64 64ZM735-77q-37 37-89 37t-89-37q-37-37-37-89t37-89l148-148q37-37 89-37t89 37q37 37 37 89t-37 89L735-77ZM200-200v-560 560Zm0 80q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h168q13-36 43.5-58t68.5-22q38 0 68.5 22t43.5 58h168q33 0 56.5 23.5T840-760v245q-20-5-40-5t-40 3v-243H200v560h243q-3 20-3 40t5 40H200Zm280-670q13 0 21.5-8.5T510-820q0-13-8.5-21.5T480-850q-13 0-21.5 8.5T450-820q0 13 8.5 21.5T480-790ZM280-600v-80h400v80H280Zm0 160v-80h400v34q-8 5-15.5 11.5T649-460l-20 20H280Zm0 160v-80h269l-49 49q-8 8-14.5 15.5T474-280H280Z"/></svg>';
+        this.group = 'common';
+        this.range = SelectionRange.SINGLE_SELECT;
+        this.supports = {};
+    }
+    #notification;
+    #shell;
+    isExecutable(selection) {
+        return from(navigator.permissions.query({ name: 'clipboard-write' })).pipe(catchError(() => of({ state: 'denied' })), map((result) => (result.state === 'granted' || result.state === 'prompt') && selection.length === 1));
+    }
+    run(selection) {
+        const o = selection[0];
+        const uri = `${window.location.origin}${Utils.getBaseHref(true)}/${this.#shell.appBaseRoutes[APP_ID]}/${o.isFolder ? 'files' : 'object'}/${selection[0].id}`;
+        navigator.clipboard
+            .writeText(uri)
+            .then(() => this.#notification.info(this.translate.instant('yuv.app.drive.action.copy-link.success')))
+            .catch(() => {
+            //
+        });
+        return of(true);
+    }
+}
+
+class CreateFolderComponent {
+    constructor() {
+        this.drive = inject(DriveService);
+        this.translate = inject(TranslateService);
+        this.parentModalRef = inject(YvcOverlayRef);
+        this.busy = signal(false);
+    }
+    createFolder(name) {
+        this.message = undefined;
+        if (name) {
+            this.busy.set(true);
+            this.drive.createFolder(name).subscribe((res) => {
+                if (res.error) {
+                    switch (res.error) {
+                        case 'nameExists':
+                            this.message = this.translate.instant('yuv.app.drive.create.error.name.exist');
+                            break;
+                        default:
+                            this.message = this.translate.instant('yuv.app.drive.create.error');
+                    }
+                }
+                else {
+                    this.close();
+                }
+            }).add(() => this.busy.set(false));
+        }
+    }
+    close() {
+        this.parentModalRef.close();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CreateFolderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CreateFolderComponent, isStandalone: true, selector: "ymd-create-folder", host: { properties: { "class.busy": "busy()" } }, ngImport: i0, template: "<div class=\"yuv-loader-linear\"></div>\n\n<ymd-object-name [disabled]=\"busy()\"\n  [headline]=\"'yuv.app.drive.folder.create.headline' | translate\"\n  [submitButton]=\"'yuv.app.drive.folder.create.submit' | translate\"\n  [cancelButton]=\"'yuv.app.drive.action.rename.cancel' | translate\"\n  (onClose)=\"close()\"\n  (nameChange)=\"createFolder($event)\"\n></ymd-object-name>\n\n@if (message) {\n  <div class=\"message\">{{message}}</div>\n}", styles: [":host{display:block;position:relative}:host .yuv-loader-linear{position:absolute;inset-inline-start:0;inset-inline-end:0;inset-block-start:0;opacity:0}:host ymd-object-name{display:block;padding:var(--app-pane-padding)}:host.busy .yuv-loader-linear{opacity:1}:host .message{padding:var(--app-pane-padding);background-color:var(--panel-background-lightgrey);border-block-start:1px solid var(--panel-divider-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ObjectNameComponent, selector: "ymd-object-name", inputs: ["headline", "submitButton", "cancelButton", "isFile", "isRename", "item", "disabled"], outputs: ["nameChange", "onClose"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CreateFolderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ymd-create-folder', standalone: true, imports: [CommonModule, ObjectNameComponent, TranslateModule], host: {
+                        '[class.busy]': 'busy()'
+                    }, template: "<div class=\"yuv-loader-linear\"></div>\n\n<ymd-object-name [disabled]=\"busy()\"\n  [headline]=\"'yuv.app.drive.folder.create.headline' | translate\"\n  [submitButton]=\"'yuv.app.drive.folder.create.submit' | translate\"\n  [cancelButton]=\"'yuv.app.drive.action.rename.cancel' | translate\"\n  (onClose)=\"close()\"\n  (nameChange)=\"createFolder($event)\"\n></ymd-object-name>\n\n@if (message) {\n  <div class=\"message\">{{message}}</div>\n}", styles: [":host{display:block;position:relative}:host .yuv-loader-linear{position:absolute;inset-inline-start:0;inset-inline-end:0;inset-block-start:0;opacity:0}:host ymd-object-name{display:block;padding:var(--app-pane-padding)}:host.busy .yuv-loader-linear{opacity:1}:host .message{padding:var(--app-pane-padding);background-color:var(--panel-background-lightgrey);border-block-start:1px solid var(--panel-divider-color)}\n"] }]
+        }] });
+
+class AddButtonOverlayComponent {
+    constructor() {
+        this.#overlay = inject(YvcOverlayService);
+        this.#oRef = inject(YvcOverlayRef);
+        this.#drive = inject(DriveService);
+        this.#shell = inject(ShellService);
+        this.#system = inject(SystemService);
+        this.translate = inject(TranslateService);
+        this.fileInput = viewChild.required('fileInput');
+        this.icons = {
+            folder: APP_DRIVE_ICONS.createFolder,
+            file: APP_DRIVE_ICONS.createFile
+        };
+        this.defaultItems = [
+            { icon: this.icons.folder, label: this.translate.instant('yuv.app.drive.create.folder') },
+            { icon: this.icons.file, label: this.translate.instant('yuv.app.drive.create.file') }
+        ];
+        this.flavorListItems = this.#shell.getObjectCreateFlavors().map((flavor) => ({
+            label: this.translate.instant(flavor.id),
+            flavor
+        }));
+    }
+    #overlay;
+    #oRef;
+    #drive;
+    #shell;
+    #system;
+    #uploadTargetFlavor;
+    onListItemSelect(idx) {
+        if (idx.length === 0)
+            return;
+        const fi = idx[0];
+        if (fi === 0) {
+            this.startCreateFolder();
+        }
+        else if (fi === 1) {
+            this.startCreateDocument();
+        }
+        else {
+            this.startCreateDocument();
+            this.#uploadTargetFlavor = this.flavorListItems[fi - this.defaultItems.length]?.flavor;
+        }
+    }
+    startCreateDocument() {
+        if (!this.#uploadTargetFlavor || this.#uploadTargetFlavor.withFileUpload) {
+            this.fileInput().nativeElement.click();
+        }
+        else if (this.#uploadTargetFlavor?.applyComponent) {
+            this.#overlay.open(this.#uploadTargetFlavor.applyComponent, {
+                flavor: this.#uploadTargetFlavor,
+                onCancel: () => {
+                    console.log('cancel');
+                }
+            });
+            this.#uploadTargetFlavor = undefined;
+        }
+    }
+    startCreateFolder() {
+        this.#oRef?.close();
+        this.#overlay.open(CreateFolderComponent, null, {
+            width: '400px',
+            maxWidth: '90vw'
+        });
+    }
+    createDocument(inputEl) {
+        this.#oRef?.close();
+        const files = inputEl.files ? Array.from(inputEl.files) : undefined;
+        if (files) {
+            const data = this.#uploadTargetFlavor?.sot ? { [BaseObjectTypeField.SECONDARY_OBJECT_TYPE_IDS]: [this.#uploadTargetFlavor.sot] } : undefined;
+            this.#drive.setBusy(true);
+            this.#drive
+                .checkNamesAndUpload(files, data)
+                .subscribe((createResult) => {
+                const uploadErrors = createResult.filter((r) => !!r.error);
+                if (uploadErrors.length) {
+                    // TODO: Handle upload errors
+                    console.error(uploadErrors);
+                }
+                if (this.#uploadTargetFlavor?.applyComponent) {
+                    this.#overlay.open(this.#uploadTargetFlavor.applyComponent, {
+                        createdObjectIDs: createResult.filter((r) => r.id).map((r) => r.id),
+                        flavor: this.#uploadTargetFlavor
+                    });
+                }
+                this.#uploadTargetFlavor = undefined;
+            })
+                .add(() => this.#drive.setBusy(false));
+        }
+    }
+    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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AddButtonOverlayComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ymd-add-button-overlay', standalone: true, imports: [CommonModule, ListComponent, ListItemDirective, TranslateModule, YvcIconModule], 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"] }]
+        }] });
+
+class AddButtonComponent {
+    constructor() {
+        this.overlay = inject(YvcOverlayService);
+        this.elRef = inject(ElementRef);
+        this.popoverOpen = false;
+        this.icon = APP_DRIVE_ICONS.addCircle;
+        this.disabled = input(false);
+    }
+    open() {
+        this._oRef = this.overlay.open(AddButtonOverlayComponent, null, {
+            overlayClass: null,
+            focusHandled: true
+        }, this.elRef.nativeElement);
+        this.popoverOpen = true;
+        this._oRef.afterClosed$.subscribe(() => {
+            this.popoverOpen = false;
+        });
+    }
+    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" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AddButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ymd-add-button', standalone: true, imports: [CommonModule, YvcIconModule, TranslateModule$1], 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"] }]
+        }], propDecorators: { popoverOpen: [{
+                type: HostBinding,
+                args: ['class.popover']
+            }] } });
+
+class SortComponent {
+    constructor() {
+        this.#drive = inject(DriveService);
+        this.#systemService = inject(SystemService);
+        this.#fb = inject(FormBuilder);
+        this.#dir = inject(Directionality);
+        this.sortIcon = APP_DRIVE_ICONS.sort;
+        this.items = viewChildren(ListItemDirective);
+        this.#itemsEffect = effect(() => {
+            const i = this.items();
+            if (this.#keyManager)
+                this.#keyManager.destroy();
+            this.#keyManager = new ActiveDescendantKeyManager(i).withWrap().withHorizontalOrientation(this.#dir.value);
+        });
+        this.sortOptions = signal(this.#initSortOptions());
+        this.orderOptions = signal([
+            { label: 'Ascending', value: 'asc', type: 'order' },
+            { label: 'Descending', value: 'desc', type: 'order' }
+        ]);
+        this.sortFields = computed(() => [...this.sortOptions(), ...this.orderOptions()]);
+        this.sortChanged = output();
+    }
+    #drive;
+    #systemService;
+    #fb;
+    #dir;
+    onBlur() {
+        this.#keyManager.setActiveItem(-1);
+    }
+    onKeydown(event) {
+        event.code === 'Escape' && this.#keyManager.setActiveItem(-1);
+        event.target instanceof HTMLButtonElement && this.#keyManager.setActiveItem(-1);
+        if (event.code === 'Space' || event.code === 'Enter') {
+            const aii = this.#keyManager.activeItemIndex !== null ? this.#keyManager.activeItemIndex : -1;
+            aii >= 0 && this.selectSortByIndex(aii);
+        }
+        else
+            this.#keyManager?.onKeydown(event);
+    }
+    #keyManager;
+    #itemsEffect;
+    selectSortByIndex(idx) {
+        this.selectSort(this.sortFields()[idx].type, this.sortFields()[idx].value);
+    }
+    selectSort(type, value) {
+        this.sortForm.get('sort')?.value === value ? this.sortForm.get('sort')?.setValue(null) : this.sortForm.get(type)?.setValue(value);
+        this.onSelectionChange();
+    }
+    ngOnInit() {
+        this.sortForm = this.#fb.nonNullable.group({
+            sort: [],
+            order: [this.orderOptions()[0].value] // Default: Ascending
+        });
+        // TODO: Check if this is necessary. It breaks stored queries first load by resetting sort
+        // this.onSelectionChange();
+    }
+    // Emit the form values when changes occur
+    onSelectionChange() {
+        const { sort, order } = this.sortForm.value;
+        this.#drive.setSort(sort, order);
+        this.sortChanged.emit({ sort, order });
+    }
+    #initSortOptions() {
+        const baseData = [];
+        const fields = [FS_PROPERTIES.name, BaseObjectTypeField.CREATION_DATE, BaseObjectTypeField.MODIFICATION_DATE];
+        const contentFields = [ContentStreamField.LENGTH, ContentStreamField.MIME_TYPE];
+        [...fields, ...contentFields].forEach((f) => {
+            baseData.push({
+                label: this.#systemService.getLocalizedLabel(f) || f,
+                value: f,
+                type: 'sort'
+            });
+        });
+        return baseData;
+    }
+    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">
+      <yvc-icon [svg]="sortIcon" />
+    </button>
+
+    <dialog popover id="sort" class="sort-menu">
+      <ol class="sort-group" tabindex="0">
+        @for (option of sortFields(); track $index) {
+          @let selected = sortForm.value[option.type] === option.value;
+          <li
+            class="sort-item"
+            [class.selected]="selected"
+            [ngClass]="{ selected: selected, 'sort-group-item': option.type === 'sort', 'order-group-item': option.type === 'order' }"
+            yuvListItem
+            [selected]="selected"
+            (click)="selectSort(option.type, option.value)"
+          >
+            <div class="label">
+              {{ option.label }}
+            </div>
+          </li>
+          @if (sortFields().length - 3 === $index) {
+            <div class="divider"></div>
+          }
+        }
+      </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 }); }
+}
+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">
+      <yvc-icon [svg]="sortIcon" />
+    </button>
+
+    <dialog popover id="sort" class="sort-menu">
+      <ol class="sort-group" tabindex="0">
+        @for (option of sortFields(); track $index) {
+          @let selected = sortForm.value[option.type] === option.value;
+          <li
+            class="sort-item"
+            [class.selected]="selected"
+            [ngClass]="{ selected: selected, 'sort-group-item': option.type === 'sort', 'order-group-item': option.type === 'order' }"
+            yuvListItem
+            [selected]="selected"
+            (click)="selectSort(option.type, option.value)"
+          >
+            <div class="label">
+              {{ option.label }}
+            </div>
+          </li>
+          @if (sortFields().length - 3 === $index) {
+            <div class="divider"></div>
+          }
+        }
+      </ol>
+    </dialog>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, 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"] }]
+        }], propDecorators: { onBlur: [{
+                type: HostListener,
+                args: ['blur']
+            }], onKeydown: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }] } });
+
+class BreadcrumbComponent {
+    constructor() {
+        this.#drive = inject(DriveService);
+        this.#router = inject(Router);
+        this.#dir = inject(Directionality);
+        this.route = inject(ActivatedRoute);
+        this.homeIcon = APP_DRIVE_ICONS.home;
+        this.breadcrumb = this.#drive.state$.breadcrumb;
+        this.items = viewChildren(ListItemDirective);
+        this.#itemsEffect = effect(() => {
+            const i = this.items();
+            if (this.#keyManager)
+                this.#keyManager.destroy();
+            this.#keyManager = new ActiveDescendantKeyManager(i).withWrap().withHorizontalOrientation(this.#dir.value);
+        });
+    }
+    #drive;
+    #router;
+    #dir;
+    onBlur() {
+        this.#keyManager.setActiveItem(-1);
+    }
+    onKeydown(event) {
+        if (event.code === 'Space' || event.code === 'Enter') {
+            const aii = this.#keyManager.activeItemIndex !== null ? this.#keyManager.activeItemIndex : -1;
+            if (aii >= 0) {
+                this.navigation(aii === 0 ? DRIVE_ROOT_FOLDER_ID : this.breadcrumb().items[aii - 1].id);
+            }
+        }
+        else
+            this.#keyManager?.onKeydown(event);
+    }
+    #keyManager;
+    #itemsEffect;
+    navigation(id, event) {
+        event && event.preventDefault();
+        const nav = ['..'];
+        this.#keyManager.setActiveItem(-1);
+        this.#router.navigate([...nav, id], { relativeTo: this.route });
+    }
+    ngOnDestroy() {
+        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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BreadcrumbComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ymd-breadcrumb', standalone: true, imports: [YvcIconModule, YvcDragScrollModule, TranslateModule, ListItemDirective], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'breadcrumb',
+                        tabindex: '0'
+                    }, 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"] }]
+        }], propDecorators: { onBlur: [{
+                type: HostListener,
+                args: ['blur']
+            }], onKeydown: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }] } });
+
+// prefix for stored query ids (every stored query id should start with this prefix)
+const STORED_QUERY_ID_PREFIX = 'ymsq';
+// add a tranlation marker for the key the stored query is stored under
+// this is used to display the stored query title in the UI
+marker('ymsq.ymd.recent.modified.by.me');
+marker('ymsq.ymd.recent.added.by.me');
+// marker('ymsq.ymd.recent.modified');
+// marker('ymsq.ymd.recent.added');
+// default stored queries
+const STORED_QUERIES = {
+    // 'ymsq.ymd.recent.modified': {
+    //   query: '{"filters":[{"f":"system:lastModifiedBy","o":"eq","v1":"##me##"}],"sort":[{"field":"system:lastModificationDate","order":"desc"}]}'
+    // },
+    'ymsq.ymd.recent.modified.by.me': {
+        query: '{"filters":[{"f":"system:baseTypeId","o":"eq","v1":"system:document"}, { "f": "system:secondaryObjectTypeIds", "o": "in", "v1": ["appOsdrive:file"] }, {"f":"system:lastModifiedBy","o":"eq","v1":"##me##"}],"sort":[{"field":"system:lastModificationDate","order":"desc"}]}'
+    },
+    // 'ymsq.ymd.recent.added': {
+    //   query: '{"sort":[{"field":"system:creationDate","order":"desc"}]}'
+    // },
+    'ymsq.ymd.recent.added.by.me': {
+        query: '{"filters":[{"f":"system:baseTypeId","o":"eq","v1":"system:document"}, { "f": "system:secondaryObjectTypeIds", "o": "in", "v1": ["appOsdrive:file"] }, {"f":"system:lastModifiedBy","o":"eq","v1":"##me##"}],"sort":[{"field":"system:creationDate","order":"desc"}]}'
+    }
+};
+
+class FolderTreeComponent {
+    constructor() {
+        this.translate = inject(TranslateService);
+        this.router = inject(Router);
+        this.route = inject(ActivatedRoute);
+        this.treeCmp = viewChild.required(TreeComponent);
+        this.folderTree = {
+            nodes: [
+                {
+                    id: 'mydrive',
+                    icon: APP_SCHEMA.icon,
+                    label: this.translate.instant('yuv.app.drive.folder-tree.mydrive'),
+                    selectable: true,
+                    children: [
+                        // {
+                        //   id: 'ymsq.ymd.recent.added',
+                        //   selectable: true,
+                        //   label: this.translate.instant('ymsq.ymd.recent.added')
+                        // },
+                        {
+                            id: 'ymsq.ymd.recent.added.by.me',
+                            selectable: true,
+                            label: this.translate.instant('ymsq.ymd.recent.added.by.me')
+                        },
+                        // {
+                        //   id: 'ymsq.ymd.recent.modified',
+                        //   selectable: true,
+                        //   label: this.translate.instant('ymsq.ymd.recent.modified')
+                        // },
+                        {
+                            id: 'ymsq.ymd.recent.modified.by.me',
+                            selectable: true,
+                            label: this.translate.instant('ymsq.ymd.recent.modified.by.me')
+                        }
+                    ]
+                }
+            ]
+        };
+    }
+    onFocusLeave() {
+        this.treeCmp().selectedNodes = [];
+    }
+    nodeSelected(nodes) {
+        if (nodes.length) {
+            const node = nodes[0];
+            if (node.id.startsWith(STORED_QUERY_ID_PREFIX)) {
+                // stored query
+                this.router.navigate(['..', DRIVE_QUERY_FOLDER_ID], {
+                    queryParams: {
+                        q: node.id
+                    },
+                    relativeTo: this.route
+                });
+            }
+            else {
+                switch (node.id) {
+                    case 'mydrive': {
+                        this.router.navigate(['..', DRIVE_ROOT_FOLDER_ID], {
+                            relativeTo: this.route
+                        });
+                        break;
+                    }
+                    default: {
+                        this.router.navigate(['..', node.id], {
+                            relativeTo: this.route
+                        });
+                    }
+                }
+            }
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FolderTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.13", type: FolderTreeComponent, isStandalone: true, selector: "ymd-folder-tree", viewQueries: [{ propertyName: "treeCmp", first: true, predicate: TreeComponent, descendants: true, isSignal: true }], ngImport: i0, template: "\n  <yuv-tree [tree]=\"folderTree\" yuvFocusWithin (yuvFocusWithinBlur)=\"onFocusLeave()\"\n  selectable (selectionChange)=\"nodeSelected($event)\"></yuv-tree>\n", styles: [":host{display:block;padding:var(--app-pane-padding)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: FocusWithinDirective, selector: "[yuvFocusWithin]", outputs: ["yuvFocusWithin", "yuvFocusWithinBlur"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: TreeComponent, selector: "yuv-tree", inputs: ["tree", "multiselect", "selectedNodes"], outputs: ["selectionChange"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FolderTreeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ymd-folder-tree', standalone: true, imports: [CommonModule, RouterModule, FocusWithinDirective, TranslateModule, TreeComponent], template: "\n  <yuv-tree [tree]=\"folderTree\" yuvFocusWithin (yuvFocusWithinBlur)=\"onFocusLeave()\"\n  selectable (selectionChange)=\"nodeSelected($event)\"></yuv-tree>\n", styles: [":host{display:block;padding:var(--app-pane-padding)}\n"] }]
+        }] });
+
+class PasteFromClipboardComponent {
+    constructor() {
+        this.overlayRef = inject(YvcOverlayRef);
+        this.drive = inject(DriveService);
+        this.data = this.overlayRef.data;
+    }
+    uploadFromClipboard() {
+        this.drive.checkNamesAndUpload(this.data.files).subscribe();
+        this.overlayRef.close();
+    }
+    cancel() {
+        this.overlayRef.close();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PasteFromClipboardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: PasteFromClipboardComponent, isStandalone: true, selector: "ymd-paste-from-clipboard", ngImport: i0, template: "<main>\n  <p>{{ 'yuv.app.drive.paste-from-clipboard.message' | translate }}</p>\n  <ol>\n    @for (f of data.files; track $index) {\n      <li>{{ f.name }}</li>\n    }\n  </ol>\n</main>\n\n<footer>\n  <button class=\"primary\" (click)=\"uploadFromClipboard()\">{{ 'yuv.app.drive.paste-from-clipboard.button.paste' | translate }}</button>\n  <button class=\"secondary\" (click)=\"cancel()\">{{ 'yuv.app.drive.paste-from-clipboard.button.cancel' | translate }}</button>\n</footer>\n", styles: [":host{display:grid;grid-template-rows:1fr auto;grid-template-areas:\"main\" \"footer\";padding:var(--app-pane-padding)}:host main{grid-area:main;overflow-y:auto}:host footer{grid-area:footer;display:flex;flex-flow:row-reverse;justify-content:space-between;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PasteFromClipboardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ymd-paste-from-clipboard', standalone: true, imports: [CommonModule, TranslateModule], template: "<main>\n  <p>{{ 'yuv.app.drive.paste-from-clipboard.message' | translate }}</p>\n  <ol>\n    @for (f of data.files; track $index) {\n      <li>{{ f.name }}</li>\n    }\n  </ol>\n</main>\n\n<footer>\n  <button class=\"primary\" (click)=\"uploadFromClipboard()\">{{ 'yuv.app.drive.paste-from-clipboard.button.paste' | translate }}</button>\n  <button class=\"secondary\" (click)=\"cancel()\">{{ 'yuv.app.drive.paste-from-clipboard.button.cancel' | translate }}</button>\n</footer>\n", styles: [":host{display:grid;grid-template-rows:1fr auto;grid-template-areas:\"main\" \"footer\";padding:var(--app-pane-padding)}:host main{grid-area:main;overflow-y:auto}:host footer{grid-area:footer;display:flex;flex-flow:row-reverse;justify-content:space-between;align-items:center}\n"] }]
+        }] });
+
+class VersionTileComponent {
+    constructor() {
+        this.tile = input.required();
+        this.rendererInputs = computed(() => ({
+            icon: this.tile().icon,
+            version: this.tile().instanceData?.[BaseObjectTypeField.VERSION_NUMBER],
+            date: this.tile().instanceData?.[BaseObjectTypeField.MODIFICATION_DATE],
+            modified: this.tile().instanceData?.[BaseObjectTypeField.MODIFIED_BY + '_title']
+        }));
+        this.selectedVersion = output();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: VersionTileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: VersionTileComponent, isStandalone: true, selector: "ymd-version-tile", inputs: { tile: { classPropertyName: "tile", publicName: "tile", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { selectedVersion: "selectedVersion" }, ngImport: i0, template: `
+    <div
+      class="slots"
+      title="{{
+        'yuv.app.drive.versions.desctiption.label'
+          | translate: { version: rendererInputs().version, modifieer: rendererInputs().modified, date: rendererInputs().date | date: 'medium' }
+      }}"
+    >
+      <div data-slot="version" class="version">
+        <span>{{ 'yuv.app.drive.versions.label' | translate }}: {{ rendererInputs().version }}</span>
+      </div>
+      <div data-slot="date" class="date" title="{{ rendererInputs().date | date: 'medium' }}">
+        {{ rendererInputs().date | date: 'shortDate' }}
+      </div>
+      <div data-slot="modified" class="modified" title="{{ rendererInputs().modified }}">
+        {{ rendererInputs().modified }}
+      </div>
+    </div>
+  `, isInline: true, styles: [":host{--_tile-background: var(--tile-background, transparent);--_tile-icon-fill: var(--tile-icon-fill, currentColor);--_tile-padding: var(--tile-padding, var(--app-pane-padding));--_tile-action-icon-size: var(--tile-action-icon-size);--_tile-icon-size: var(--tile-icon-size);--_transition-duration: var(--transition-duration, .1s);display:flex;align-items:center;background-color:var(--_tile-background);padding:var(--_tile-padding);transition:background-color var(--_transition-duration)}:host .slots{display:grid;grid-template-columns:1fr 2fr;grid-template-rows:repeat(2,1fr);grid-template-areas:\"version version\" \"date modified\";flex:1;gap:calc(var(--_tile-padding) / 2) calc(var(--_tile-padding) * 2)}:host [data-slot]{align-items:center;-webkit-user-select:none;user-select:none;display:grid}:host [data-slot=icon]{--icon-renderer-icon-size: var(--_tile-icon-size);color:var(--_tile-icon-fill);width:0;grid-area:icon;display:grid;align-items:center;justify-content:center}:host [data-slot=version]{font-weight:700;grid-area:version}:host [data-slot=date]{grid-area:date}:host [data-slot=modified]{grid-area:modified;white-space:nowrap;justify-self:end}\n"], dependencies: [{ kind: "pipe", type: DatePipe, name: "date" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: VersionTileComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ymd-version-tile', standalone: true, imports: [DatePipe, TranslateModule], template: `
+    <div
+      class="slots"
+      title="{{
+        'yuv.app.drive.versions.desctiption.label'
+          | translate: { version: rendererInputs().version, modifieer: rendererInputs().modified, date: rendererInputs().date | date: 'medium' }
+      }}"
+    >
+      <div data-slot="version" class="version">
+        <span>{{ 'yuv.app.drive.versions.label' | translate }}: {{ rendererInputs().version }}</span>
+      </div>
+      <div data-slot="date" class="date" title="{{ rendererInputs().date | date: 'medium' }}">
+        {{ rendererInputs().date | date: 'shortDate' }}
+      </div>
+      <div data-slot="modified" class="modified" title="{{ rendererInputs().modified }}">
+        {{ rendererInputs().modified }}
+      </div>
+    </div>
+  `, styles: [":host{--_tile-background: var(--tile-background, transparent);--_tile-icon-fill: var(--tile-icon-fill, currentColor);--_tile-padding: var(--tile-padding, var(--app-pane-padding));--_tile-action-icon-size: var(--tile-action-icon-size);--_tile-icon-size: var(--tile-icon-size);--_transition-duration: var(--transition-duration, .1s);display:flex;align-items:center;background-color:var(--_tile-background);padding:var(--_tile-padding);transition:background-color var(--_transition-duration)}:host .slots{display:grid;grid-template-columns:1fr 2fr;grid-template-rows:repeat(2,1fr);grid-template-areas:\"version version\" \"date modified\";flex:1;gap:calc(var(--_tile-padding) / 2) calc(var(--_tile-padding) * 2)}:host [data-slot]{align-items:center;-webkit-user-select:none;user-select:none;display:grid}:host [data-slot=icon]{--icon-renderer-icon-size: var(--_tile-icon-size);color:var(--_tile-icon-fill);width:0;grid-area:icon;display:grid;align-items:center;justify-content:center}:host [data-slot=version]{font-weight:700;grid-area:version}:host [data-slot=date]{grid-area:date}:host [data-slot=modified]{grid-area:modified;white-space:nowrap;justify-self:end}\n"] }]
+        }] });
+
+class VersionsListComponent {
+    constructor() {
+        this.#drive = inject(DriveService);
+        this.versionsList = this.#drive.state$.versions.versionsList;
+        this.selectedVersion = this.#drive.state$.versions.selectedVersion;
+        this.selection = computed(() => (this.selectedVersion() || []).map((v) => v.version));
+        this.listItems = viewChildren(ListItemDirective);
+        this.#itemsEffect = effect(() => {
+            const items = this.listItems();
+            if (this.#keyManager)
+                this.#keyManager.destroy();
+            this.#keyManager = new ActiveDescendantKeyManager(items).withWrap();
+        });
+    }
+    #drive;
+    onBlur() {
+        this.#keyManager.setActiveItem(-1);
+    }
+    onKeydown(event) {
+        event.preventDefault();
+        event.code === 'Escape' && this.#keyManager.setActiveItem(-1);
+        event.target instanceof HTMLButtonElement && this.#keyManager.setActiveItem(-1);
+        if (event.code === 'Space' || event.code === 'Enter') {
+            const aii = this.#keyManager.activeItemIndex !== null ? this.#keyManager.activeItemIndex : -1;
+            aii >= 0 && this.selectedVersionByIndex(aii);
+        }
+        else
+            this.#keyManager?.onKeydown(event);
+    }
+    #keyManager;
+    #itemsEffect;
+    selectedVersionAction(event) {
+        this.#drive.setBusy(true);
+        this.#drive
+            .setNewVersion(event.version)
+            .pipe(finalize$1(() => this.#drive.setBusy(false)))
+            .subscribe();
+    }
+    selectedVersionByIndex(index) {
+        this.setSelectedVersion(this.versionsList()[index]);
+    }
+    setSelectedVersion(version) {
+        this.#drive.setSelectedVersion(version).subscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: VersionsListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: VersionsListComponent, isStandalone: true, selector: "ymd-versions-list", host: { attributes: { "tabindex": "0", "role": "listbox" }, listeners: { "blur": "onBlur()", "keydown": "onKeydown($event)" } }, viewQueries: [{ propertyName: "listItems", predicate: ListItemDirective, descendants: true, isSignal: true }], ngImport: i0, template: ` @let versions = versionsList();
+    @if (versions) {
+      @for (version of versions; track $index) {
+        <ymd-version-tile
+          yuvListItem
+          [tile]="version"
+          [attr.aria-selected]="selection().includes(version.dmsObject.version)"
+          [selected]="selection().includes(version.dmsObject.version)"
+          (click.single)="setSelectedVersion(version)"
+          (selectedVersion)="selectedVersionAction($event)"
+        ></ymd-version-tile>
+      }
+    }`, isInline: true, styles: [":host{--_tile-hover-background: var(--tile-hover-background, var(--item-focus-background-color));--_tile-selected-background: var(--tile-selected-background, var(--item-selected-background-color));--_tile-selected-icon-fill: var(--tile-selected-icon-fill, var(--color-accent))}:host ymd-version-tile{cursor:pointer;background-color:var(--tile-background)}:host ymd-version-tile:not(.last){border:var(--tile-border);border-width:var(--tile-border-width);margin-block-end:var(--tile-gap)}:host ymd-version-tile:hover,:host ymd-version-tile[aria-current=true]{--tile-background: var(--_tile-hover-background)}:host ymd-version-tile[aria-selected=true]{--tile-background: var(--_tile-selected-background);--tile-icon-fill: var(--_tile-selected-icon-fill)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: VersionTileComponent, selector: "ymd-version-tile", inputs: ["tile"], outputs: ["selectedVersion"] }, { kind: "directive", type: ListItemDirective, selector: "[yuvListItem]", inputs: ["disabled", "active", "selected"] }, { kind: "directive", type: ClickDoubleDirective, selector: "[click.single],[click.double]", inputs: ["debounceTime"], outputs: ["click.double", "click.single"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: VersionsListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ymd-versions-list', standalone: true, imports: [CommonModule, VersionTileComponent, ListItemDirective, ClickDoubleDirective], template: ` @let versions = versionsList();
+    @if (versions) {
+      @for (version of versions; track $index) {
+        <ymd-version-tile
+          yuvListItem
+          [tile]="version"
+          [attr.aria-selected]="selection().includes(version.dmsObject.version)"
+          [selected]="selection().includes(version.dmsObject.version)"
+          (click.single)="setSelectedVersion(version)"
+          (selectedVersion)="selectedVersionAction($event)"
+        ></ymd-version-tile>
+      }
+    }`, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        tabindex: '0',
+                        role: 'listbox'
+                    }, styles: [":host{--_tile-hover-background: var(--tile-hover-background, var(--item-focus-background-color));--_tile-selected-background: var(--tile-selected-background, var(--item-selected-background-color));--_tile-selected-icon-fill: var(--tile-selected-icon-fill, var(--color-accent))}:host ymd-version-tile{cursor:pointer;background-color:var(--tile-background)}:host ymd-version-tile:not(.last){border:var(--tile-border);border-width:var(--tile-border-width);margin-block-end:var(--tile-gap)}:host ymd-version-tile:hover,:host ymd-version-tile[aria-current=true]{--tile-background: var(--_tile-hover-background)}:host ymd-version-tile[aria-selected=true]{--tile-background: var(--_tile-selected-background);--tile-icon-fill: var(--_tile-selected-icon-fill)}\n"] }]
+        }], propDecorators: { onBlur: [{
+                type: HostListener,
+                args: ['blur']
+            }], onKeydown: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }] } });
+
+const COMPONENTS = [VersionsListComponent, ObjectSummaryDataComponent, ObjectPreviewComponent];
+const MODULES = [YvcIconModule, YvcTabsModule, YvcSplitViewModule, TranslateModule];
+class ManageVersionsComponent {
+    constructor() {
+        this.overlayRef = inject(YvcOverlayRef);
+        this.#drive = inject(DriveService);
+        this.#shellService = inject(ShellService);
+        this.versionsList = this.#drive.state$.versions.versionsList;
+        this.selectedVersion = this.#drive.state$.versions.selectedVersion;
+        this.selectedDmsObject = this.#drive.state$.selectedDmsObject;
+        this.isLoading = this.#drive.state$.busy;
+        this.item = this.overlayRef.data;
+        this.layoutSettingIdBase = 'app.drive.versions.';
+        this.dmsObject = computed(() => {
+            const dmsObject = this.selectedDmsObject();
+            return dmsObject
+                ? { id: dmsObject.data[BaseObjectTypeField.OBJECT_ID], name: dmsObject.data[FS_PROPERTIES.name] }
+                : { id: null, name: '' };
+        });
+        this.id = computed(() => {
+            const version = this.selectedVersion();
+            return version ? version[0].id : null;
+        });
+        this.flavoredDmsObject = computed(() => {
+            const o = this.selectedVersion();
+            return o
+                ? {
+                    object: o[0],
+                    flavors: [
+                        {
+                            id: APP_SCHEMA.types['file']['id'],
+                            icon: APP_SCHEMA.types['file']['icon'],
+                            sot: FS_SOTS.object
+                        },
+                        ...this.#shellService.getAppliedObjectFlavors(o[0]).applied
+                    ]
+                }
+                : undefined;
+        });
+        this.disabledRestore = computed(() => {
+            const selectedVersion = this.selectedVersion();
+            const list = this.versionsList();
+            return !(selectedVersion && selectedVersion[0].version !== list.length);
+        });
+        this.icons = {
+            refresh: YUV_ICONS.refresh,
+            close: ICONS.clear
+        };
+    }
+    #drive;
+    #shellService;
+    #loadList() {
+        this.#drive.setBusy(true);
+        return forkJoin([
+            this.#drive.getVersions(this.item.id),
+            this.#drive.getSelectedDmsObject(this.item.id)
+        ]).pipe(finalize(() => this.#drive.setBusy(false)));
+    }
+    close() {
+        this.overlayRef.close();
+    }
+    reloadList() {
+        this.#loadList().subscribe();
+    }
+    setNewVersion() {
+        this.#drive.setBusy(true);
+        this.#drive
+            .setNewVersion()
+            .pipe(finalize(() => this.#drive.setBusy(false)))
+            .subscribe();
+    }
+    ngOnInit() {
+        this.#loadList().subscribe();
+    }
+    ngOnDestroy() {
+        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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ManageVersionsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ymd-manage-versions', standalone: true, imports: [...MODULES, ...COMPONENTS], changeDetection: ChangeDetectionStrategy.OnPush, 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"] }]
+        }] });
+
+class ManageVersionsAction extends AbstractContextAction {
+    constructor() {
+        super(...arguments);
+        this.translate = inject(TranslateService);
+        this.overlay = inject(YvcOverlayService);
+        this.id = 'app.drive.action.manage-versions';
+        this.label = this.translate.instant('yuv.app.drive.action.manage-versions.label');
+        this.description = this.translate.instant('yuv.app.drive.action.manage-versions.description');
+        this.priority = 2;
+        this.icon = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#5f6368" viewBox="0 -960 960 960"><path d="M120-560v-240h80v94q51-64 124.5-99T480-840q150 0 255 105t105 255h-80q0-117-81.5-198.5T480-760q-69 0-129 32t-101 88h110v80H120Zm2 120h82q12 93 76.5 157.5T435-204l48 84q-138 0-242-91.5T122-440Zm412 70-94-94v-216h80v184l56 56-42 70ZM719 0l-12-60q-12-5-22.5-10.5T663-84l-58 18-40-68 46-40q-2-13-2-26t2-26l-46-40 40-68 58 18q11-8 21.5-13.5T707-340l12-60h80l12 60q12 5 23 11.5t21 14.5l58-20 40 70-46 40q2 13 2 25t-2 25l46 40-40 68-58-18q-11 8-21.5 13.5T811-60L799 0h-80Zm40-120q33 0 56.5-23.5T839-200q0-33-23.5-56.5T759-280q-33 0-56.5 23.5T679-200q0 33 23.5 56.5T759-120Z"/></svg>';
+        this.group = 'common';
+        this.range = SelectionRange.SINGLE_SELECT;
+        this.supports = {};
+    }
+    isExecutable(selection) {
+        return of(selection && selection[0] && selection[0].version > 1 && !selection[0].isFolder);
+    }
+    run(selection) {
+        this.overlay.open(ManageVersionsComponent, selection[0], {
+            width: '60vw',
+            maxWidth: '80vw',
+            height: '80vh'
+        });
+        return of(true);
+    }
+}
+
+class DriveFrameComponent {
+    #router;
+    #route;
+    #drive;
+    #actionsService;
+    #destroyRef;
+    #actions;
+    constructor() {
+        this.#router = inject(Router);
+        this.#route = inject(ActivatedRoute);
+        this.#drive = inject(DriveService);
+        this.#actionsService = inject(ActionsService);
+        this.#destroyRef = inject(DestroyRef);
+        this.query = this.#drive.state$.query;
+        this.currentFolder = this.#drive.state$.currentFolder;
+        this.busy = this.#drive.state$.busy;
+        this.appName = APP_SCHEMA.name;
+        this.appIcon = APP_SCHEMA.icon;
+        this.icons = {
+            ...APP_DRIVE_ICONS,
+            search: ICONS.search,
+            add: YUV_ICONS.add
+        };
+        this.headerNavItems = [
+        // TODO: enable again once favorite feature is implemented
+        // {
+        //   id: 'favorites',
+        //   disabled: true,
+        //   label: this.translate.instant('yuv.app.drive.nav.favorites'),
+        //   icon: this.icons.favorite,
+        //   callback: () => {
+        //     this.router.navigate(['favorites'], {relativeTo: this.route})
+        //   }
+        // }
+        ];
+        this.#actions = [
+            { id: APP_ACTIONS.rename, action: RenameAction },
+            { id: APP_ACTIONS.paste, action: PasteAction },
+            { id: APP_ACTIONS.contentUpdate, action: UpdateContentAction },
+            { id: APP_ACTIONS.copyLink, action: CopyLinkAction },
+            { id: APP_ACTIONS.manageVersions, action: ManageVersionsAction }
+        ];
+        this.#registerActions();
+        // TODO: make use of global shortcuts
+        // this.shellService.globalShortcuts$.pipe(takeUntilDestroyed()).subscribe((s: GlobalShortcut) => {
+        //   if (s === GlobalShortcut.search) this.router.navigate([{ outlets: { modal: ['find'] } }], { relativeTo: this.route });
+        // });
+    }
+    #trackRouteChanges() {
+        // listen to navigation/route changes in order to restore it later on
+        this.#router.events
+            .pipe(takeUntilDestroyed(this.#destroyRef), filter$1((e) => e instanceof NavigationEnd))
+            .subscribe((e) => {
+            this.#drive.lastRouteURL = e.urlAfterRedirects;
+        });
+    }
+    onUploadProgressResultItemClick(uploadRes) {
+        if (uploadRes && uploadRes.objectId) {
+            this.#router.navigate(['object', uploadRes.objectId], { relativeTo: this.#route });
+        }
+    }
+    #registerActions() {
+        this.#actionsService.registerActions(this.#actions);
+    }
+    ngOnInit() {
+        if (this.#drive.lastRouteURL)
+            this.#router.navigateByUrl(this.#drive.lastRouteURL).then(() => this.#trackRouteChanges());
+        else
+            this.#trackRouteChanges();
+    }
+    ngOnDestroy() {
+        this.#actions.forEach((a) => this.#actionsService.concealActions([a.id]));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DriveFrameComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DriveFrameComponent, isStandalone: true, selector: "ymd-drive", ngImport: i0, template: "<yuv-upload-progress (resultItemClick)=\"onUploadProgressResultItemClick($event)\"></yuv-upload-progress>\n\n<header>\n  <yuv-app-logo [label]=\"appName\" routerLink=\"files\"></yuv-app-logo>\n\n  <nav [attr.aria-label]=\"'yuv.app.drive.navigation.aria.label' | translate\">\n    <yvc-overflow-menu [menuItems]=\"headerNavItems\"></yvc-overflow-menu>\n  </nav>\n</header>\n\n<section class=\"drive-main__content\" [attr.aria-label]=\"'yuv.app.drive.content.aria.label' | translate\">\n  <router-outlet></router-outlet>\n</section>\n\n<router-outlet name=\"modal\"></router-outlet>\n", styles: [":host{--app-drive-header-background: var(--panel-background);display:flex;flex-flow:column;height:100%}:host header{flex:0 0 auto;display:grid;grid-template-rows:auto;grid-template-columns:auto 1fr auto auto;grid-template-areas:\"logo . . nav\";gap:var(--app-pane-padding);align-items:center;height:var(--client-shell-bar-width);background-color:var(--app-drive-header-background)}:host header yuv-app-logo{--band-icon-size: 50px;--icon-color: var(--app-drive-header-background)}:host header ymd-drive-search{max-width:400px}:host header nav{grid-area:nav}:host header nav yvc-overflow-menu{--menu-item-padding: calc(var(--app-pane-padding) / 4);--menu-item-icon-size: 18px;--menu-item-gap: calc(var(--app-pane-padding) / 4)}:host .drive-main__content{flex:1;overflow-y:hidden}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$2.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i1$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: YvcOverflowMenuComponent, selector: "yvc-overflow-menu", inputs: ["overflowIcon", "groupLabels", "menuItems", "hideLabels"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: YvcOverlayModule }, { kind: "ngmodule", type: YvcIconModule }, { kind: "component", type: AppLogoComponent, selector: "yuv-app-logo", inputs: ["icon", "label"] }, { kind: "component", type: UploadProgressComponent, selector: "yuv-upload-progress", outputs: ["resultItemClick"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DriveFrameComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ymd-drive', standalone: true, imports: [
+                        CommonModule,
+                        RouterModule,
+                        YvcOverflowMenuComponent,
+                        ReactiveFormsModule,
+                        TranslateModule,
+                        YvcOverlayModule,
+                        YvcIconModule,
+                        AppLogoComponent,
+                        UploadProgressComponent
+                    ], template: "<yuv-upload-progress (resultItemClick)=\"onUploadProgressResultItemClick($event)\"></yuv-upload-progress>\n\n<header>\n  <yuv-app-logo [label]=\"appName\" routerLink=\"files\"></yuv-app-logo>\n\n  <nav [attr.aria-label]=\"'yuv.app.drive.navigation.aria.label' | translate\">\n    <yvc-overflow-menu [menuItems]=\"headerNavItems\"></yvc-overflow-menu>\n  </nav>\n</header>\n\n<section class=\"drive-main__content\" [attr.aria-label]=\"'yuv.app.drive.content.aria.label' | translate\">\n  <router-outlet></router-outlet>\n</section>\n\n<router-outlet name=\"modal\"></router-outlet>\n", styles: [":host{--app-drive-header-background: var(--panel-background);display:flex;flex-flow:column;height:100%}:host header{flex:0 0 auto;display:grid;grid-template-rows:auto;grid-template-columns:auto 1fr auto auto;grid-template-areas:\"logo . . nav\";gap:var(--app-pane-padding);align-items:center;height:var(--client-shell-bar-width);background-color:var(--app-drive-header-background)}:host header yuv-app-logo{--band-icon-size: 50px;--icon-color: var(--app-drive-header-background)}:host header ymd-drive-search{max-width:400px}:host header nav{grid-area:nav}:host header nav yvc-overflow-menu{--menu-item-padding: calc(var(--app-pane-padding) / 4);--menu-item-icon-size: 18px;--menu-item-gap: calc(var(--app-pane-padding) / 4)}:host .drive-main__content{flex:1;overflow-y:hidden}\n"] }]
+        }], ctorParameters: () => [] });
+
+class RibbonComponent {
+    #drive;
+    #clipboard;
+    #actionsService;
+    #objectsEffect;
+    constructor() {
+        this.primarySlot = contentChild('primaryActions');
+        this.secondarySlot = contentChild('secondaryActions');
+        this.#drive = inject(DriveService);
+        this.#clipboard = inject(ClipboardService);
+        this.#actionsService = inject(ActionsService);
+        this._defaultMenuItems = this.#drive.getDefaultRibbonActions().map((a) => ({
+            id: a.id,
+            icon: a.icon,
+            label: a.label,
+            disabled: true,
+            group: 'default',
+            callback: () => this.executeAction(a)
+        }));
+        this.clipboardBucket = APP_ID;
+        this.busy = input(false);
+        this.enableClipboard = input(false);
+        this.menuItems = this._defaultMenuItems;
+        this.objects = input();
+        this.#objectsEffect = effect(() => {
+            this.menuItems = this._defaultMenuItems;
+            this.#getActionsAndSetupItems(this.objects() || []);
+        });
+        this.excludeActions = input();
+        this.#clipboard
+            .clipboard$(this.clipboardBucket)
+            .pipe(takeUntilDestroyed())
+            .subscribe({
+            next: () => this.#getActionsAndSetupItems(this.objects() || [])
+        });
+    }
+    #getActionsAndSetupItems(objects) {
+        this.#actionsService
+            .getActions(objects, {
+            context: ACTION_CONTEXT,
+            exclude: this.excludeActions()
+        })
+            .subscribe({ next: (res) => this._setupMenuItems(res) });
+    }
+    executeAction(a) {
+        const o = this.objects();
+        if (o && this._isAction(a))
+            a.run(o);
+    }
+    onClipboardPaste() {
+        this.#drive.setBusy(true);
+        this.#drive
+            .pasteFromClipboard()
+            .pipe(finalize(() => this.#drive.setBusy(false)))
+            .subscribe({
+            next: () => this.#clipboard.clear(this.clipboardBucket)
+        });
+    }
+    _isAction(a) {
+        return !!a['run'];
+    }
+    _setupMenuItems(actions) {
+        // en-/disable default actions
+        this._defaultMenuItems.forEach((mi) => {
+            mi.disabled = !actions.find((a) => a.id === mi.id);
+        });
+        const defaultActionIds = this._defaultMenuItems.map((mi) => mi.id);
+        this.menuItems = [
+            ...this._defaultMenuItems,
+            ...actions
+                .filter((a) => !defaultActionIds.includes(a.id))
+                .map((a) => ({
+                id: a.id,
+                icon: a.icon,
+                label: a.label,
+                group: 'aside',
+                callback: () => this.executeAction(a)
+            }))
+        ];
+    }
+    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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RibbonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ymd-ribbon', standalone: true, imports: [CommonModule, ClipboardComponent, YvcOverflowMenuComponent], encapsulation: ViewEncapsulation.None, host: {
+                        class: 'ymd-ribbon'
+                    }, 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;
+    #flavors;
+    #customDateRange;
+    constructor() {
+        this.#shell = inject(ShellService);
+        this.#fb = inject(FormBuilder);
+        this.#overlay = inject(YvcOverlayService);
+        this.#CREATED_CUSTOM = 'custom';
+        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);
+        this.filterForm = this.#fb.nonNullable.group({
+            type: [this.ANY_OPTION],
+            size: [this.ANY_OPTION],
+            created: [this.ANY_OPTION]
+        });
+        this.translate.onLangChange.pipe(takeUntilDestroyed()).subscribe((_) => this.#setupOptions());
+        this.#setupOptions();
+        this.filterForm.valueChanges.pipe(takeUntilDestroyed()).subscribe((v) => this.#onFormValueChange(v));
+        // 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();
+        if (q) {
+            this.queryChange.emit(q);
+            this.filterForm.reset();
+        }
+    }
+    #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);
+    }
+    #applyFilters(v) {
+        const updatedQuery = {
+            ...(this.query() || {}),
+            filters: []
+        };
+        updatedQuery.filters = [];
+        // file size filter
+        const typeFilter = this.#toTypeFilter(v.type);
+        if (typeFilter)
+            updatedQuery.filters.push(typeFilter);
+        // file size filter
+        const sizeFilter = this.#toSizeFilter(v.size);
+        if (sizeFilter)
+            updatedQuery.filters.push(sizeFilter);
+        // creation date filter
+        const dateFilter = this.#toDateFilter(v.created);
+        if (dateFilter)
+            updatedQuery.filters.push(dateFilter);
+        return updatedQuery;
+    }
+    #setupOptions() {
+        this.#setupTypeOptions();
+        this.#setupDateOptions();
+        this.#setupSizeOptions();
+    }
+    #setupTypeOptions() {
+        this.typeOptions.set([
+            {
+                label: this.translate.instant('yuv.app.drive.search.filter.option.any'),
+                value: this.ANY_OPTION
+            },
+            ...this.#flavors.map((f) => ({
+                label: this.translate.instant(f.id),
+                value: f.sot
+            }))
+        ]);
+    }
+    #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;
+    }
+    #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;
+    }
+    #toTypeFilter(value) {
+        return value === this.ANY_OPTION
+            ? undefined
+            : {
+                f: BaseObjectTypeField.SECONDARY_OBJECT_TYPE_IDS,
+                o: Operator.IN,
+                v1: [value]
+            };
+    }
+    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]" }] }); }
+}
+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"] }]
+        }], ctorParameters: () => [] });
+
+const components = [
+    TileListComponent,
+    BreadcrumbComponent,
+    FolderTreeComponent,
+    ObjectSummaryComponent,
+    TileConfigTriggerComponent,
+    RibbonComponent,
+    AddButtonComponent,
+    SimpleSearchComponent,
+    MultiObjectSummaryComponent,
+    SortComponent,
+    SearchFilterComponent
+];
+const module = [YvcIconModule, TranslateModule, RouterModule, YvcSplitViewModule];
+class FilesPageComponent {
+    #LAYOUT_SETTINGS_STORAGE_KEY;
+    #objectConfigService;
+    #device;
+    #eventService;
+    #appCache;
+    #highlightStyles;
+    #routeIdEffect;
+    constructor() {
+        this.tileList = viewChild('tileList');
+        this.#LAYOUT_SETTINGS_STORAGE_KEY = 'yuv.app.drive.files.layout';
+        this.shellService = inject(ShellService);
+        this.dmsService = inject(DmsService);
+        this.drive = inject(DriveService);
+        this.route = inject(ActivatedRoute);
+        this.router = inject(Router);
+        this.translate = inject(TranslateService);
+        this.storedQueryService = inject(StoredQueryService);
+        this.clipboard = inject(ClipboardService);
+        this.actionsService = inject(ActionsService);
+        this.#objectConfigService = inject(ObjectConfigService);
+        this.#device = inject(DeviceService);
+        this.#eventService = inject(EventService);
+        this.ERROR_CODE = {
+            NOT_FOUND: '404',
+            // pattern: {HTTP_STATUS_CODE}-{SERVICE_ERROR_CODE}
+            INVALID_ID: '422-2912'
+        };
+        this.#appCache = inject(AppCacheService);
+        this.objectConfigBucket = APP_SCHEMA.id;
+        this.splitViewCmp = viewChild.required(SplitViewComponent);
+        this.selected = signal(undefined);
+        this.fileDropSummaryDisabled = computed(() => !this.selected()?.permissions?.writeContent);
+        this.disableCreate = false;
+        this.actions = this.drive.state$.actions;
+        this.selection = this.drive.state$.selection;
+        this.busy = this.drive.state$.busy;
+        this.flavorChips = this.shellService.getObjectFlavors();
+        this.selectionActions = computed(() => ({ selection: this.selection(), actions: this.actions() }));
+        this.emptyMode = signal(null);
+        // error code when loading the object failed. This will be used
+        // to determine a proper error message to display
+        this.error = signal(undefined);
+        this.configTypeOptions = {
+            folder: { bucket: APP_ID, type: APP_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.id = input(null);
+        this.highlightStyles$ = this.clipboard.clipboard$(APP_ID).pipe(takeUntilDestroyed(), map((c) => {
+            return c && c.mode && c.objects?.length
+                ? [
+                    {
+                        cssStyles: this.#highlightStyles[c?.mode],
+                        ids: c.objects.map((o) => o.id)
+                    }
+                ]
+                : [];
+        }));
+        this.#highlightStyles = {
+            cut: { opacity: 0.5 }
+        };
+        this.#routeIdEffect = effect(() => {
+            const param = this.id() || undefined;
+            untracked(async () => {
+                if (param === DRIVE_QUERY_FOLDER_ID) {
+                    this.emptyMode.set(DRIVE_QUERY_FOLDER_ID);
+                    return;
+                }
+                this.emptyMode.set(param === DRIVE_ROOT_FOLDER_ID ? DRIVE_ROOT_FOLDER_ID : null);
+                this.error.set(undefined);
+                this.disableCreate = false;
+                this.currentFolderID = param;
+                this.drive.updateCurrentFolder(this.currentFolderID);
+                this.selected.set(undefined);
+                this.currentFolder = undefined;
+                if (this.currentFolderID === DRIVE_ROOT_FOLDER_ID)
+                    this.currentFolderID = undefined;
+                if (this.currentFolderID) {
+                    this.dmsService.getDmsObject(this.currentFolderID).subscribe({
+                        next: (o) => {
+                            this.currentFolder = o;
+                            this._setFolderQuery(this.#getTitle(o));
+                        },
+                        error: (e) => {
+                            console.error('Error getting folder', e);
+                            this.#processLoadError(e);
+                        }
+                    });
+                }
+                else
+                    this._setFolderQuery(this.translate.instant('yuv.app.drive.folder-tree.mydrive'));
+            });
+        });
+        this.tileListOptions = {
+            actionContext: ACTION_CONTEXT,
+            configTypes: Object.values(APP_SCHEMA.types),
+            configFlavors: [...this.shellService.getObjectFlavors(), ...APP_SCHEMA.flavors.filter((f) => !f.applicableTo).map((f) => ({ ...f, app: APP_ID }))]
+        };
+        this.query = this.drive.state$.query;
+        this.queryTitle = this.drive.state$.queryTitle;
+        this.icons = {
+            ...APP_DRIVE_ICONS,
+            sort: APP_DRIVE_ICONS.sort,
+            back: YUV_ICONS.back,
+            attention: YUV_ICONS.attention,
+            refresh: YUV_ICONS.refresh,
+            clear: ICONS.clear
+        };
+        this.drive.events$.pipe(takeUntilDestroyed()).subscribe({
+            next: (e) => {
+                if (e === DRIVE_EVENT.refresh) {
+                    this.refresh();
+                }
+            }
+        });
+        this.#device.screenChange$.pipe(takeUntilDestroyed()).subscribe({
+            next: (s) => {
+                this.smallScreenLayout.set(s.size === 's' && s.orientation === 'portrait');
+                this.enableDetails.set(!this.smallScreenLayout());
+            }
+        });
+        toObservable(this.drive.state$.selection)
+            .pipe(takeUntilDestroyed())
+            .subscribe({
+            next: (sel) => {
+                if (sel?.length === 0) {
+                    this.tileList()?.clearSelection(true);
+                    this.selected.set(undefined);
+                }
+            }
+        });
+        this.route.queryParamMap.pipe(takeUntilDestroyed()).subscribe({
+            next: (p) => {
+                this.sortOptionsAvailable.set(true);
+                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)) {
+                        const sq = this.storedQueryService.getStoredQuery(q);
+                        if (sq) {
+                            this.drive.updateQuery(sq.query, sq.label);
+                            this.sortOptionsAvailable.set(false);
+                            return;
+                        }
+                    }
+                    else if (q) {
+                        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'));
+                            return;
+                        }
+                        catch (e) {
+                            console.error('Error parsing query', e);
+                        }
+                    }
+                }
+            }
+        });
+        this.#eventService
+            .on(YuvEventType.DMS_OBJECT_UPDATED)
+            .pipe(takeUntilDestroyed(), tap((e) => {
+            this.tileList()?.updateTileList([e.data]);
+            e.data.id === this.selected()?.id && this.selected.set(e.data);
+        }))
+            .subscribe();
+    }
+    onFilterQueryChange(q) {
+        this.drive.updateQuery(q, this.translate.instant('yuv.app.drive.files.search.result.title'));
+        this.drive.setSelection([]);
+    }
+    #processLoadError(e) {
+        if (`${e.status}` !== this.ERROR_CODE.NOT_FOUND) {
+            this.error.set(`${e.status}-${e.error?.serviceErrorCode || ''}`);
+        }
+        else
+            this.error.set(this.ERROR_CODE.NOT_FOUND);
+    }
+    #getTitle(o) {
+        const cfgType = o.isFolder ? this.configTypeOptions['folder'] : this.configTypeOptions['file'];
+        const oc = this.#objectConfigService.getResolvedObjectConfig(o.data, cfgType.type, cfgType.bucket, true);
+        return oc.title.value;
+    }
+    onDelete() {
+        const deleteAction = this.actions().find((a) => a.id === BASE_ACTION.delete);
+        if (deleteAction)
+            deleteAction.run(this.drive.state$.selection());
+    }
+    _setFolderQuery(queryTitle) {
+        this.drive.updateQuery({
+            filters: [{ f: BaseObjectTypeField.PARENT_ID, o: Operator.EQUAL, v1: this.currentFolderID || null }]
+        }, queryTitle);
+    }
+    onContextmenu({ event }) {
+        event.preventDefault();
+        this.actionsService.openContextMenu(this.actions, (a) => a.run(this.selection()), { x: event.x, y: event.y });
+    }
+    onFileDrop(files) {
+        this.drive.setBusy(true);
+        this.drive.checkNamesAndUpload(files).subscribe({ complete: () => this.drive.setBusy(false) });
+    }
+    onFileUpdateDrop(file) {
+        const dmsObject = this.selected();
+        if (dmsObject) {
+            this.drive.setBusy(true);
+            this.drive
+                .uploadContent(dmsObject.id, file[0])
+                .pipe(finalize(() => this.drive.setBusy(false)))
+                .subscribe();
+        }
+    }
+    itemFocused(tile) {
+        // console.log(tile);
+    }
+    itemClicked(tile) {
+        if (this.smallScreenLayout())
+            this.itemDoubleClicked(tile);
+    }
+    onCopy(tiles) {
+        this.clipboard.addObjects(tiles.map((t) => t.dmsObject), 'copy', APP_ID);
+    }
+    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
+        });
+    }
+    selectionChanged(tiles) {
+        if (tiles.length === 1)
+            this.loadDetails(tiles[0].id);
+        else {
+            this.selected.set(undefined);
+            if (tiles.length === 0) {
+                this.drive.setSelection([]);
+            }
+            else {
+                this.drive.setBusy(true);
+                this.dmsService.getDmsObjects(tiles.map((i) => i.id)).subscribe({
+                    next: (o) => {
+                        this.drive.setBusy(false);
+                        this.drive.setSelection(o);
+                    }
+                });
+            }
+        }
+    }
+    itemDoubleClicked(tile) {
+        if (tile.instanceData) {
+            this.drive.setBusy(true);
+            const nav = tile.instanceData[BaseObjectTypeField.BASE_TYPE_ID] === SystemType.FOLDER ? ['..'] : ['../..', 'object'];
+            this.router.navigate([...nav, tile.instanceData[BaseObjectTypeField.OBJECT_ID]], { relativeTo: this.route }).then(() => this.drive.setBusy(false));
+        }
+    }
+    loadDetails(id) {
+        this.shellService.addBusy();
+        // load the dms object
+        this.dmsService.getDmsObject(id).subscribe({
+            next: (o) => {
+                this.selected.set(o);
+                this.shellService.removeBusy();
+                this.drive.setSelection([o]);
+            }
+        });
+    }
+    clearSelection() {
+        this.drive.setSelection([]);
+    }
+    openParent() {
+        if (this.currentFolder) {
+            this.drive.setBusy(true);
+            this.router
+                .navigate(['..', this.currentFolder.data[BaseObjectTypeField.PARENT_ID] || DRIVE_ROOT_FOLDER_ID], {
+                relativeTo: this.route,
+                replaceUrl: true
+            })
+                .then(() => this.drive.setBusy(false));
+        }
+    }
+    setBusy(busy) {
+        this.drive.setBusy(busy);
+    }
+    refresh() {
+        this.tileList()?.refresh();
+        this.drive.setSelection([]);
+    }
+    onLayoutSettingsChange(e) {
+        this.#appCache.setItem(this.#LAYOUT_SETTINGS_STORAGE_KEY, e).subscribe();
+    }
+    #applyLayoutSettings(settings) {
+        this.splitViewCmp().applyLayoutSettings(settings);
+    }
+    ngAfterViewInit() {
+        this.#appCache.getItem(this.#LAYOUT_SETTINGS_STORAGE_KEY).subscribe({
+            next: (ls) => {
+                if (ls) {
+                    this.enableDetails.set(ls.areas[2]?.visible);
+                    this.enableTree.set(ls.areas[0]?.visible);
+                    this.#applyLayoutSettings(ls);
+                }
+            }
+        });
+    }
+    ngOnDestroy() {
+        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"] }] }); }
+}
+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']
+            }] } });
+
+class ObjectPageComponent {
+    #dmsService;
+    #eventService;
+    #shellService;
+    #route;
+    #router;
+    #objectConfig;
+    #drive;
+    #device;
+    #dmsObjectEffect;
+    constructor() {
+        this.#dmsService = inject(DmsService);
+        this.#eventService = inject(EventService);
+        this.#shellService = inject(ShellService);
+        this.#route = inject(ActivatedRoute);
+        this.#router = inject(Router);
+        this.#objectConfig = inject(ObjectConfigService);
+        this.translate = inject(TranslateService);
+        this.#drive = inject(DriveService);
+        this.#device = inject(DeviceService);
+        this.busy = this.#drive.state$.busy;
+        this.smallScreenLayout = signal(false);
+        this.dmsObject = signal(undefined);
+        this.#dmsObjectEffect = effect(() => this.#setHeaderData());
+        this.fileDropReplaceDisabled = computed(() => !this.dmsObject()?.permissions?.writeContent);
+        this.flavoredDmsObject = computed(() => {
+            const o = this.dmsObject();
+            return o
+                ? {
+                    object: o,
+                    flavors: [
+                        //   {
+                        //   id: APP_SCHEMA.types['file']['id'],
+                        //   icon: APP_SCHEMA.types['file']['icon'],
+                        //   sot: FS_SOTS.object
+                        // },
+                        ...this.#shellService.getAppliedObjectFlavors(o).applied
+                    ]
+                }
+                : undefined;
+        });
+        this.versionsLink = computed(() => {
+            const o = this.dmsObject();
+            return o ? `../../versions/${o.id}` : '';
+        });
+        this.icons = {
+            back: YUV_ICONS.back,
+            error: YUV_ICONS.attention,
+            refresh: YUV_ICONS.refresh
+        };
+        this.layoutSettingIdBase = 'app.drive.object.';
+        this.excludeActions = [APP_ACTIONS.paste, APP_ACTIONS.contentUpdate, BASE_ACTION.copy, BASE_ACTION.cut];
+        this.#route.paramMap.pipe(takeUntilDestroyed()).subscribe((p) => {
+            this._loadDetails(p.get('id'));
+        });
+        this.#device.screenChange$.pipe(takeUntilDestroyed()).subscribe({
+            next: (s) => {
+                const ssl = s.size === 's' && s.orientation === 'portrait';
+                this.smallScreenLayout.set(ssl);
+            }
+        });
+        this.#eventService
+            .on(YuvEventType.DMS_OBJECT_UPDATED)
+            .pipe(takeUntilDestroyed())
+            .subscribe((e) => {
+            if (e.data.id === this.dmsObject()?.id)
+                this.dmsObject.set(e.data);
+        });
+        this.#eventService
+            .on(YuvEventType.DMS_OBJECT_DELETED)
+            .pipe(takeUntilDestroyed())
+            .subscribe((e) => {
+            if (e.data.id === this.dmsObject()?.id)
+                if (e.data.id === this.dmsObject()?.id)
+                    // navigate to parent folder
+                    this.openParent();
+        });
+    }
+    refresh() {
+        const o = this.dmsObject();
+        if (o)
+            this.#dmsService.getDmsObject(o.id).subscribe((o) => {
+                this.dmsObject.set(o);
+            });
+        if (o)
+            this.#dmsService.getDmsObject(o.id).subscribe((o) => {
+                this.dmsObject.set(o);
+            });
+    }
+    openParent() {
+        const pid = this.dmsObject()?.parentId || DRIVE_ROOT_FOLDER_ID;
+        this.#router.navigate(['../..', 'files', pid], {
+            relativeTo: this.#route
+        });
+    }
+    onIndexdataSaved(updatedObject) {
+        this.dmsObject.set(updatedObject);
+    }
+    #setHeaderData() {
+        const o = this.dmsObject();
+        if (!o) {
+            this.headerData = undefined;
+        }
+        else {
+            const roc = this.#objectConfig.getResolvedObjectConfig(o.data, APP_SCHEMA.types['file'], APP_ID);
+            this.headerData = {
+                title: roc.title,
+                description: roc.description,
+                icon: roc.icon?.value
+            };
+        }
+    }
+    onFileDrop(file) {
+        this.#drive.setBusy(true);
+        const dmsObject = this.dmsObject();
+        dmsObject &&
+            this.#drive
+                .uploadContent(dmsObject.id, file[0])
+                .pipe(finalize(() => this.#drive.setBusy(false)))
+                .subscribe();
+    }
+    versionSelected(version) {
+        const dmsObject = this.dmsObject();
+        dmsObject && this.#router.navigate(['../..', 'versions', dmsObject.id], { queryParams: { version }, relativeTo: this.#route });
+    }
+    _loadDetails(id) {
+        if (!id) {
+            this.dmsObject.set(undefined);
+            this.headerData = undefined;
+        }
+        else {
+            this.#shellService.addBusy();
+            // load the dms object
+            this.#dmsService.getDmsObject(id).subscribe({
+                next: (o) => {
+                    this.dmsObject.set(o);
+                },
+                error: (e) => {
+                    this.dmsObject.set(undefined);
+                    switch (e.status) {
+                        case 404:
+                            this.errorMessage = this.translate.instant('yuv.app.drive.page.object.error.404');
+                            break;
+                        default:
+                            this.errorMessage = this.translate.instant('yuv.app.drive.page.object.error.default');
+                    }
+                },
+                complete: () => this.#shellService.removeBusy()
+            });
+        }
+    }
+    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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ObjectPageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ymd-object', standalone: true, imports: [
+                        CommonModule,
+                        ObjectMetadataComponent,
+                        ObjectAuditComponent,
+                        ObjectFlavorComponent,
+                        YvcIconModule,
+                        YvcSplitViewModule,
+                        RendererDirective,
+                        ContainerSizeDirective,
+                        TranslateModule,
+                        RibbonComponent,
+                        YvcTabsModule,
+                        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"] }]
+        }], ctorParameters: () => [] });
+
+const filesResolver = (route) => {
+    const id = route.params['id'];
+    const driveStore = inject(DriveService);
+    if (id !== DRIVE_QUERY_FOLDER_ID)
+        driveStore.resolveFilesState(id).subscribe(console.log);
+    return of(true);
+};
+
+const versionsResolver = (route) => {
+    const id = route.params['id'];
+    const driveStore = inject(DriveService);
+    forkJoin([driveStore.getVersions(id), driveStore.getSelectedDmsObject(id)]).subscribe();
+    return of(true);
+};
+
+const YuuvisDriveRoutes = [
+    {
+        path: '',
+        component: DriveFrameComponent,
+        children: [
+            { path: 'files', redirectTo: 'files/root' },
+            { path: 'files/:id', component: FilesPageComponent, resolve: { filesResolver } },
+            { path: 'object/:id', component: ObjectPageComponent },
+            { path: '', redirectTo: 'files/root', pathMatch: 'full' }
+        ]
+    }
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ACTION_CONTEXT, APP_ACTIONS, APP_ID, APP_PREFIX, APP_SCHEMA, FS_PROPERTIES, FS_SOTS, SearchFilterComponent, YuuvisDriveRoutes, provideDrive };
+//# sourceMappingURL=yuuvis-app-drive.mjs.map