@yuuvis/app-drive 2.2.0 → 2.3.1

package/fesm2022/yuuvis-app-drive-extensions.mjs

@@ -1,9 +1,10 @@
 import * as i0 from '@angular/core';
 import { inject, Injectable } from '@angular/core';
-import { FS_PROPERTIES, APP_ID, APP_TYPES } from '@yuuvis/app-drive';
+import { FS_PROPERTIES, APP_ID, APP_TYPES, APP_FLAVORS } from '@yuuvis/app-drive';
 import { BaseObjectTypeField, ContentStreamField, ObjectConfigService } from '@yuuvis/client-core';
 import { ActionsService } from '@yuuvis/client-framework/actions';
 import { ManageFlavorsAction } from '@yuuvis/client-shell';
+import { ShellService } from '@yuuvis/client-shell-core';
 
 const OC_DEFAULTS = {
     'io.yuuvis.app.drive.file': {
@@ -23,24 +24,12 @@ const OC_DEFAULTS = {
 };
 
 class AppDriveExtension {
+    #shell = inject(ShellService);
     #actionsService = inject(ActionsService);
     #objectConfig = inject(ObjectConfigService);
     init() {
-        // TODO: Dummy setting for drive app to integrate into shell settings page
-        // this.#shell.registerAppSettings(APP_SCHEMA.id, {
-        //   appID: APP_SCHEMA.id,
-        //   label: APP_SCHEMA.name,
-        //   properties: [
-        //     {
-        //       label: 'Max items',
-        //       name: 'maxItems',
-        //       type: 'number',
-        //       value: 10
-        //     }
-        //   ]
-        // });
-        // register a default object config for the types handled by the drive app
         this.#objectConfig.registerDefaults(OC_DEFAULTS, APP_ID);
+        this.#shell.exposeObjectFlavors(APP_FLAVORS);
         this.#actionsService.registerActions([
             {
                 id: 'yuv.base.manage-flavor',

package/fesm2022/yuuvis-app-drive-extensions.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"yuuvis-app-drive-extensions.mjs","sources":["../../../../projects/yuuvis/app-drive/extensions/src/lib/object-config.defaults.ts","../../../../projects/yuuvis/app-drive/extensions/src/lib/extensions.service.ts","../../../../projects/yuuvis/app-drive/extensions/src/yuuvis-app-drive-extensions.ts"],"sourcesContent":["import { APP_ID, APP_TYPES, FS_PROPERTIES } from '@yuuvis/app-drive';\nimport { BaseObjectTypeField, ContentStreamField, ObjectConfigRecord } from '@yuuvis/client-core';\n\nexport const OC_DEFAULTS: ObjectConfigRecord = {\n  'io.yuuvis.app.drive.file': {\n    actions: [{ id: 'yuv.base.download' }, { id: 'yuv.base.delete' }],\n    title: { label: 'Filename', propertyName: FS_PROPERTIES.name },\n    description: { label: 'File size', propertyName: ContentStreamField.LENGTH },\n    aside: { label: 'Modified', propertyName: BaseObjectTypeField.MODIFICATION_DATE },\n    icon: { svg: APP_TYPES['file'].icon! },\n    badges: [],\n\n    objectTypeId: `${APP_ID}.file`\n  },\n  'io.yuuvis.app.drive.folder': {\n    icon: { svg: APP_TYPES['folder'].icon! },\n    objectTypeId: `${APP_ID}.folder`,\n    title: { label: 'Name', propertyName: FS_PROPERTIES.name }\n  } \n};\n","import { Injectable, inject } from '@angular/core';\nimport { APP_ID } from '@yuuvis/app-drive';\nimport { ObjectConfigService } from '@yuuvis/client-core';\nimport { ActionsService } from '@yuuvis/client-framework/actions';\nimport { ManageFlavorsAction } from '@yuuvis/client-shell';\nimport { ClientShellExtension } from '@yuuvis/client-shell-core';\nimport { OC_DEFAULTS } from './object-config.defaults';\n\n@Injectable()\nexport class AppDriveExtension implements ClientShellExtension {\n  #actionsService = inject(ActionsService);\n  #objectConfig = inject(ObjectConfigService);\n\n  init(): Promise<any> {\n    // TODO: Dummy setting for drive app to integrate into shell settings page\n    // this.#shell.registerAppSettings(APP_SCHEMA.id, {\n    //   appID: APP_SCHEMA.id,\n    //   label: APP_SCHEMA.name,\n    //   properties: [\n    //     {\n    //       label: 'Max items',\n    //       name: 'maxItems',\n    //       type: 'number',\n    //       value: 10\n    //     }\n    //   ]\n    // });\n\n    // register a default object config for the types handled by the drive app\n    this.#objectConfig.registerDefaults(OC_DEFAULTS, APP_ID);\n    this.#actionsService.registerActions([\n      {\n        id: 'yuv.base.manage-flavor',\n        action: ManageFlavorsAction\n      }\n    ]);\n    return Promise.resolve();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAGO,MAAM,WAAW,GAAuB;AAC7C,IAAA,0BAA0B,EAAE;AAC1B,QAAA,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,mBAAmB,EAAE,EAAE,EAAE,EAAE,EAAE,iBAAiB,EAAE,CAAC;QACjE,KAAK,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,aAAa,CAAC,IAAI,EAAE;QAC9D,WAAW,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,kBAAkB,CAAC,MAAM,EAAE;QAC5E,KAAK,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,mBAAmB,CAAC,iBAAiB,EAAE;QACjF,IAAI,EAAE,EAAE,GAAG,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,IAAK,EAAE;AACtC,QAAA,MAAM,EAAE,EAAE;QAEV,YAAY,EAAE,CAAG,EAAA,MAAM,CAAO,KAAA;AAC/B,KAAA;AACD,IAAA,4BAA4B,EAAE;QAC5B,IAAI,EAAE,EAAE,GAAG,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC,IAAK,EAAE;QACxC,YAAY,EAAE,CAAG,EAAA,MAAM,CAAS,OAAA,CAAA;QAChC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,aAAa,CAAC,IAAI;AACzD;CACF;;MCVY,iBAAiB,CAAA;AAC5B,IAAA,eAAe,GAAG,MAAM,CAAC,cAAc,CAAC;AACxC,IAAA,aAAa,GAAG,MAAM,CAAC,mBAAmB,CAAC;IAE3C,IAAI,GAAA;;;;;;;;;;;;;;;QAgBF,IAAI,CAAC,aAAa,CAAC,gBAAgB,CAAC,WAAW,EAAE,MAAM,CAAC;AACxD,QAAA,IAAI,CAAC,eAAe,CAAC,eAAe,CAAC;AACnC,YAAA;AACE,gBAAA,EAAE,EAAE,wBAAwB;AAC5B,gBAAA,MAAM,EAAE;AACT;AACF,SAAA,CAAC;AACF,QAAA,OAAO,OAAO,CAAC,OAAO,EAAE;;wGA3Bf,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;4GAAjB,iBAAiB,EAAA,CAAA;;4FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAD7B;;;ACRD;;AAEG;;;;"}
+{"version":3,"file":"yuuvis-app-drive-extensions.mjs","sources":["../../../../projects/yuuvis/app-drive/extensions/src/lib/object-config.defaults.ts","../../../../projects/yuuvis/app-drive/extensions/src/lib/extensions.service.ts","../../../../projects/yuuvis/app-drive/extensions/src/yuuvis-app-drive-extensions.ts"],"sourcesContent":["import { APP_ID, APP_TYPES, FS_PROPERTIES } from '@yuuvis/app-drive';\nimport { BaseObjectTypeField, ContentStreamField, ObjectConfigRecord } from '@yuuvis/client-core';\n\nexport const OC_DEFAULTS: ObjectConfigRecord = {\n  'io.yuuvis.app.drive.file': {\n    actions: [{ id: 'yuv.base.download' }, { id: 'yuv.base.delete' }],\n    title: { label: 'Filename', propertyName: FS_PROPERTIES.name },\n    description: { label: 'File size', propertyName: ContentStreamField.LENGTH },\n    aside: { label: 'Modified', propertyName: BaseObjectTypeField.MODIFICATION_DATE },\n    icon: { svg: APP_TYPES['file'].icon! },\n    badges: [],\n\n    objectTypeId: `${APP_ID}.file`\n  },\n  'io.yuuvis.app.drive.folder': {\n    icon: { svg: APP_TYPES['folder'].icon! },\n    objectTypeId: `${APP_ID}.folder`,\n    title: { label: 'Name', propertyName: FS_PROPERTIES.name }\n  } \n};\n","import { Injectable, inject } from '@angular/core';\nimport {APP_FLAVORS, APP_ID} from '@yuuvis/app-drive';\nimport { ObjectConfigService } from '@yuuvis/client-core';\nimport { ActionsService } from '@yuuvis/client-framework/actions';\nimport { ManageFlavorsAction } from '@yuuvis/client-shell';\nimport { ClientShellExtension, ShellService } from '@yuuvis/client-shell-core';\nimport { OC_DEFAULTS } from './object-config.defaults';\n\n@Injectable()\nexport class AppDriveExtension implements ClientShellExtension {\n  #shell = inject(ShellService);\n  #actionsService = inject(ActionsService);\n  #objectConfig = inject(ObjectConfigService);\n\n  init(): Promise<any> {\n    this.#objectConfig.registerDefaults(OC_DEFAULTS, APP_ID);\n    this.#shell.exposeObjectFlavors(APP_FLAVORS);\n    this.#actionsService.registerActions([\n      {\n        id: 'yuv.base.manage-flavor',\n        action: ManageFlavorsAction\n      }\n    ]);\n    return Promise.resolve();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;AAGO,MAAM,WAAW,GAAuB;AAC7C,IAAA,0BAA0B,EAAE;AAC1B,QAAA,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,mBAAmB,EAAE,EAAE,EAAE,EAAE,EAAE,iBAAiB,EAAE,CAAC;QACjE,KAAK,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,aAAa,CAAC,IAAI,EAAE;QAC9D,WAAW,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,kBAAkB,CAAC,MAAM,EAAE;QAC5E,KAAK,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,mBAAmB,CAAC,iBAAiB,EAAE;QACjF,IAAI,EAAE,EAAE,GAAG,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,IAAK,EAAE;AACtC,QAAA,MAAM,EAAE,EAAE;QAEV,YAAY,EAAE,CAAG,EAAA,MAAM,CAAO,KAAA;AAC/B,KAAA;AACD,IAAA,4BAA4B,EAAE;QAC5B,IAAI,EAAE,EAAE,GAAG,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC,IAAK,EAAE;QACxC,YAAY,EAAE,CAAG,EAAA,MAAM,CAAS,OAAA,CAAA;QAChC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,aAAa,CAAC,IAAI;AACzD;CACF;;MCVY,iBAAiB,CAAA;AAC5B,IAAA,MAAM,GAAG,MAAM,CAAC,YAAY,CAAC;AAC7B,IAAA,eAAe,GAAG,MAAM,CAAC,cAAc,CAAC;AACxC,IAAA,aAAa,GAAG,MAAM,CAAC,mBAAmB,CAAC;IAE3C,IAAI,GAAA;QACF,IAAI,CAAC,aAAa,CAAC,gBAAgB,CAAC,WAAW,EAAE,MAAM,CAAC;AACxD,QAAA,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,WAAW,CAAC;AAC5C,QAAA,IAAI,CAAC,eAAe,CAAC,eAAe,CAAC;AACnC,YAAA;AACE,gBAAA,EAAE,EAAE,wBAAwB;AAC5B,gBAAA,MAAM,EAAE;AACT;AACF,SAAA,CAAC;AACF,QAAA,OAAO,OAAO,CAAC,OAAO,EAAE;;wGAdf,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;4GAAjB,iBAAiB,EAAA,CAAA;;4FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAD7B;;;ACRD;;AAEG;;;;"}

package/fesm2022/yuuvis-app-drive.mjs

@@ -143,6 +143,19 @@ const APP_TYPES = {
         sots: [FS_SOTS.object]
     }
 };
+const APP_FLAVORS = [
+    {
+        id: 'io.yuuvis.app.drive.flavor.email',
+        descriptionKey: 'io.yuuvis.app.drive.flavor.email.description',
+        icon: 'email',
+        objectTypeID: SystemType.DOCUMENT,
+        sot: 'appSystemmail:email',
+        applicableTo: {
+            mimeTypes: ['message/rfc822', 'application/vnd.ms-outlook'],
+            documents: true
+        }
+    }
+];
 const APP_ACTIONS = {
     rename: 'app.drive.action.rename',
     paste: 'app.drive.action.paste',
@@ -2086,7 +2099,7 @@ class FolderDetailsDialogComponent {
         this.#dialogRef.close();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FolderDetailsDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: FolderDetailsDialogComponent, isStandalone: true, selector: "ymd-folder-details-dialog", ngImport: i0, template: "<yuv-dialog [headertitel]=\"folderName\">\n  <main [yuvBusyOverlay]=\"metadata.busySaving()\">\n    <yuv-object-metadata\n      [flavoredDmsObject]=\"flavoredDmsObject()\"\n      #metadata\n      [disableControls]=\"true\"\n      (statusChanged)=\"onMetadataStatusChanged($event)\"\n      (indexDataSaved)=\"onIndexdataSaved($event)\"\n    >\n    </yuv-object-metadata>\n  </main>\n  <footer>\n    <button ymtButton=\"secondary\" type=\"button\" (click)=\"close()\" [disabled]=\"metadata.busySaving()\">\n      {{ 'yuv.app.drive.action.rename.cancel' | translate }}\n    </button>\n    <button ymtButton=\"secondary\" (click)=\"metadata.resetForm()\" [hidden]=\"!formState()?.dirty\" [disabled]=\"!formState()?.dirty\">\n      {{ 'yuv.object-metadata.button.reset' | translate }}\n    </button>\n    <button\n      ymtButton=\"primary\"\n      class=\"primary\"\n      [ngClass]=\"{ spinning: metadata.busySaving() }\"\n      (click)=\"metadata.save()\"\n      [disabled]=\"!formState()?.dirty || formState()?.invalid\"\n    >\n      {{ 'yuv.object-metadata.button.save' | translate }}\n    </button>\n  </footer>\n</yuv-dialog>\n", styles: [":host main{overflow-y:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: DialogComponent, selector: "yuv-dialog", inputs: ["headertitel"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: ObjectMetadataComponent, selector: "yuv-object-metadata", inputs: ["disableControls", "disableBasicMetadata", "situation", "formDisabled", "dmsObject", "flavoredDmsObject"], outputs: ["indexDataSaved", "statusChanged"] }, { kind: "directive", type: BusyOverlayDirective, selector: "[yuvBusyOverlay]", inputs: ["yuvBusyOverlay", "yuvBusyOverlayConfig"] }, { kind: "directive", type: YmtButtonDirective, selector: "button[ymtButton], a[ymtButton]", inputs: ["ymtButton", "disabled", "aria-disabled", "disableRipple", "disabledInteractive", "button-size"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: FolderDetailsDialogComponent, isStandalone: true, selector: "ymd-folder-details-dialog", ngImport: i0, template: "<yuv-dialog [headertitel]=\"folderName\">\n  <main [yuvBusyOverlay]=\"metadata.busySaving()\">\n    <yuv-object-metadata\n      [flavoredDmsObject]=\"flavoredDmsObject()\"\n      #metadata\n      [disableControls]=\"true\"\n      (statusChanged)=\"onMetadataStatusChanged($event)\"\n      (indexDataSaved)=\"onIndexdataSaved($event)\"\n    >\n    </yuv-object-metadata>\n  </main>\n  <footer>\n    <button ymtButton=\"secondary\" type=\"button\" (click)=\"close()\" [disabled]=\"metadata.busySaving()\">\n      {{ 'yuv.app.drive.action.rename.cancel' | translate }}\n    </button>\n    <button ymtButton=\"secondary\" (click)=\"metadata.resetForm()\" [hidden]=\"!formState()?.dirty\" [disabled]=\"!formState()?.dirty\">\n      {{ 'yuv.object-metadata.button.reset' | translate }}\n    </button>\n    <button\n      ymtButton=\"primary\"\n      class=\"primary\"\n      [ngClass]=\"{ spinning: metadata.busySaving() }\"\n      (click)=\"metadata.save()\"\n      [disabled]=\"!formState()?.dirty || formState()?.invalid\"\n    >\n      {{ 'yuv.object-metadata.button.save' | translate }}\n    </button>\n  </footer>\n</yuv-dialog>\n", styles: [":host main{overflow-y:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: DialogComponent, selector: "yuv-dialog", inputs: ["headertitel"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: ObjectMetadataComponent, selector: "yuv-object-metadata", inputs: ["disableControls", "disableBasicMetadata", "elementExtensions", "situation", "formDisabled", "dmsObject", "flavoredDmsObject", "flavors"], outputs: ["indexDataSaved", "statusChanged"] }, { kind: "directive", type: BusyOverlayDirective, selector: "[yuvBusyOverlay]", inputs: ["yuvBusyOverlay", "yuvBusyOverlayConfig"] }, { kind: "directive", type: YmtButtonDirective, selector: "button[ymtButton], a[ymtButton]", inputs: ["ymtButton", "disabled", "aria-disabled", "disableRipple", "disabledInteractive", "button-size"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FolderDetailsDialogComponent, decorators: [{
             type: Component,
@@ -2663,7 +2676,7 @@ class FilesPageComponent {
         this.clipboard.clear(APP_ID);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FilesPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: FilesPageComponent, isStandalone: true, selector: "ymd-files", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.smallScreen": "smallScreenLayout()" } }, viewQueries: [{ propertyName: "tileList", first: true, predicate: ["tileList"], descendants: true, isSignal: true }, { propertyName: "splitViewCmp", first: true, predicate: SplitViewComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<header>\n  <!-- navigation bar -->\n  <nav [attr.aria-label]=\"'yuv.app.drive.files.naviagtion.aria.label' | translate\">\n    <div class=\"nav\">\n      <button mat-icon-button [disabled]=\"!currentFolder\" [matTooltip]=\"'yuv.app.drive.files.nav.back.tooltip' | translate\" (click)=\"openParent()\">\n        <mat-icon>arrow_back</mat-icon>\n      </button>\n      <button mat-icon-button [matTooltip]=\"'yuv.app.drive.files.nav.refresh.tooltip' | translate\" (click)=\"refresh()\">\n        <mat-icon>refresh</mat-icon>\n      </button>\n    </div>\n\n    @if (!query()?.term) {\n      <ymd-breadcrumb></ymd-breadcrumb>\n    } @else {\n      <div class=\"breadcrumb\"></div>\n    }\n  </nav>\n\n  <!-- ribbon with actions and options -->\n  <ymd-ribbon [objects]=\"selection()\" [busy]=\"busy()\" [enableClipboard]=\"true\" class=\"files__surface\">\n    <ng-template #primaryActions>\n      <ymd-add-button [disabled]=\"disableCreate\"></ymd-add-button>\n    </ng-template>\n\n    <ng-template #secondaryActions>\n      <div class=\"options\">\n        @if (!smallScreenLayout()) {\n          <button\n            mat-icon-button\n            class=\"toggle-tree toggle\"\n            [ngClass]=\"{ enabled: enableTree() }\"\n            [matTooltip]=\"'yuv.app.drive.files.toggletree.tooltip' | translate\"\n            (click)=\"enableTree.set(!enableTree())\"\n          >\n            <mat-icon>dock_to_right</mat-icon>\n          </button>\n          <button\n            mat-icon-button\n            class=\"toggle-details toggle\"\n            [ngClass]=\"{ enabled: enableDetails() }\"\n            [matTooltip]=\"'yuv.app.drive.files.toggledetails.tooltip' | translate\"\n            (click)=\"enableDetails.set(!enableDetails())\"\n          >\n            <mat-icon>dock_to_left</mat-icon>\n          </button>\n        }\n        <yuv-tile-config-trigger [bucket]=\"objectConfigBucket\" [bucketLabel]=\"tileConfigBucketLabel\" [options]=\"tileListOptions\"></yuv-tile-config-trigger>\n      </div>\n    </ng-template>\n  </ymd-ribbon>\n</header>\n\n<yuv-split-view [gutterSize]=\"1\" [layoutSettingsID]=\"LAYOUT_SETTINGS_STORAGE_KEY\" class=\"files__surface\">\n  <!-- folder tree -->\n  <ng-template yuvSplitArea [size]=\"20\" [visible]=\"enableTree() && !smallScreenLayout()\">\n    <ymd-folder-tree></ymd-folder-tree>\n  </ng-template>\n\n  <!-- files -->\n  <ng-template yuvSplitArea [size]=\"60\">\n    @let err = error();\n    @if (err) {\n      <div class=\"error\">\n        <p>\n          <mat-icon>warning</mat-icon>\n          @switch (err) {\n            @case (ERROR_CODE.NOT_FOUND) {\n              {{ 'yuv.app.drive.files.error.load.not-found' | translate }}\n            }\n            @case (ERROR_CODE.INVALID_ID) {\n              {{ 'yuv.app.drive.files.error.load.invalid-id' | translate }}\n            }\n            @default {\n              {{ 'yuv.app.drive.files.error.load' | translate }}\n            }\n          }\n        </p>\n      </div>\n    } @else {\n      <div class=\"files\" [yuvFileDropZone]=\"{ label: 'yuv.app.drive.files.dropzone.label' | translate }\" (fileDrop)=\"onFileDrop($event)\">\n        <header class=\"files-header\">\n          <h1>{{ queryTitle() }}</h1>\n          @if (sortOptionsAvailable()) {\n            <yuv-sort [sortOptions]=\"sortOptions()\" [storageKey]=\"storageKey\" (sortChanged)=\"onSortChanged($event)\"></yuv-sort>\n          }\n          <!-- <div class=\"flavors\">\n          TODO: enable again once flavors/aspects are supported -->\n          <!--  @for (f of flavorChips; track f.id) {\n            <yuv-flavor-chip [ngClass]=\"{ active: f.id === appliedFlavor?.id }\" [flavor]=\"f\" (click)=\"appliedFlavor = f\"></yuv-flavor-chip>\n          }\n          </div>-->\n          @if (query()?.term && !extendedQuery()) {\n            <ymd-search-filter [query]=\"query()\" (queryChange)=\"onFilterQueryChange($event)\"></ymd-search-filter>\n          }\n        </header>\n        <yuv-tile-list\n          #tileList\n          [attr.aria-label]=\"'yuv.app.drive.files.content.aria.label' | translate\"\n          [attr.aria-busy]=\"busy()\"\n          [attr.role]=\"'listbox'\"\n          (keydown.backspace)=\"openParent()\"\n          (keydown.delete)=\"onDelete()\"\n          [bucket]=\"objectConfigBucket\"\n          [multiselect]=\"true\"\n          [query]=\"query()\"\n          [flavor]=\"appliedFlavor\"\n          [options]=\"tileListOptions\"\n          (itemDblClick)=\"itemDoubleClicked($event)\"\n          (itemSelect)=\"itemClicked($event)\"\n          (selectionChange)=\"selectionChanged($event)\"\n          (tileCopy)=\"onCopy($event)\"\n          (tileCut)=\"onCut($event)\"\n          (busy)=\"setBusy($event)\"\n          [highlights]=\"highlightStyles$ | async\"\n          [yuvContextMenuTrigger]=\"context_menu\"\n          [yuvContextMenuTriggerWhen]=\"hasActions()\"\n        >\n          <div #empty>\n            @if (emptyMode() === 'root') {\n              <p class=\"empty\">{{ 'yuv.app.drive.files.content.empty.root.list' | translate }}</p>\n            } @else if (emptyMode() === 'query') {\n              <p class=\"empty\">{{ 'yuv.app.drive.files.content.empty.query.list' | translate }}</p>\n            } @else {\n              <p class=\"empty\">{{ 'yuv.app.drive.files.content.empty.list' | translate }}</p>\n            }\n          </div>\n\n          <ng-template #context_menu>\n            <yuv-contextmenu [actions]=\"actions()\" (itemSelect)=\"onContextmenuAction($event)\"></yuv-contextmenu>\n          </ng-template>\n        </yuv-tile-list>\n      </div>\n    }\n  </ng-template>\n\n  <!-- details -->\n  <ng-template yuvSplitArea [size]=\"20\" [visible]=\"enableDetails()\">\n    @let selectedItem = selected();\n    @if (enableDetails() && selectedItem) {\n      @if (selectedItem?.isFolder) {\n        <yuv-object-summary [actions]=\"summaryActions()\" [configType]=\"configTypeOptions['folder']\" [dmsObject]=\"selectedItem\"></yuv-object-summary>\n      } @else {\n        <yuv-object-summary\n          [actions]=\"summaryActions()\"\n          [configType]=\"configTypeOptions['file']\"\n          [dmsObject]=\"selectedItem\"\n          [yuvFileDropZone]=\"{ label: 'yuv.app.drive.files.dropzone.content.replace.label' | translate }\"\n          [fileDropDisabled]=\"fileDropSummaryDisabled()\"\n          (fileDrop)=\"onFileUpdateDrop($event)\"\n        ></yuv-object-summary>\n      }\n    } @else {\n      @let sel = selection();\n      @if (sel && sel.length > 0) {\n        <yuv-multi-object-summary [headline]=\"'yuv.app.drive.multiselected.details' | translate: { count: selection().length }\"></yuv-multi-object-summary>\n      } @else if (tileList()?.items?.length === 0) {\n        <!-- TODO: CHOULD HAVE A DIFFERENT MESSAGE FOR EMPTY RESULTS EMPTY FOR NOW -->\n        <div class=\"message\">{{ 'yuv.app.drive.empty.results.details.message' | translate }}</div>\n      } @else {\n        <div class=\"message\">{{ 'yuv.app.drive.unselected.details' | translate }}</div>\n      }\n    }\n  </ng-template>\n</yuv-split-view>\n", styles: [":host{height:100%;overflow:hidden;display:flex;flex-flow:column}:host header{flex:0 0 auto}:host header>nav{border-block-end:1px solid var(--ymt-outline-variant);display:grid;grid-template-columns:auto 1fr 1fr auto;align-items:center;gap:var(--ymt-spacing-xs);padding:var(--ymt-spacing-2xs) var(--ymt-spacing-s) var(--ymt-spacing-s) var(--ymt-spacing-s);min-height:40px}:host header>nav .nav{grid-column:1/2;grid-row:1;display:flex;border-inline-end:1px solid var(--ymt-outline-variant);padding-inline-end:var(--ymt-spacing-xs);gap:var(--ymt-spacing-3xs);margin-bottom:calc(var(--ymt-spacing-s) * -1)}:host header>nav .breadcrumb{grid-column:2/4;grid-row:1;display:flex;margin-bottom:calc(var(--ymt-spacing-s) * -1)}:host yuv-split-view{--split-gutter-background-color: var(--ymt-outline-variant);flex:1;animation:fade-in .3s ease-in-out}:host main{height:100%;overflow:hidden;display:flex;flex-flow:column}:host .error{display:grid;justify-items:center;align-items:center;height:100%;padding:0 2rem;text-align:center;color:var(--ymt-text-color-subtle)}:host .error p{max-width:31ch;line-height:1.5em;display:grid;justify-items:center}:host .error p mat-icon{display:block;margin-block-end:1rem}:host .files{display:flex;flex-flow:column;overflow:hidden;height:100%}:host .files header{flex:0 0 auto;padding:var(--ymt-spacing-l) var(--ymt-spacing-l) var(--ymt-spacing-s) var(--ymt-spacing-l);display:grid;grid-template-columns:1fr;gap:var(--ymt-spacing-3xs);grid-template-areas:\"title sort\" \"flavors flavors\" \"searchfilter searchfilter\"}:host .files header h1{grid-area:title;margin:0;height:min-content}:host .files header .flavors{grid-area:flavors;display:flex;gap:2px;justify-content:flex-end;padding:var(--ymt-spacing-2xs)}:host .files header .flavors yuv-flavor-chip{font:var(--ymt-font-body-subtle);cursor:pointer;--flavor-background: var(--ymt-surface-panel);--flavor-icon-size: 16px}:host .files header .flavors yuv-flavor-chip:hover{--flavor-border-color: var(--ymt-primary)}:host .files header ymd-sort{grid-area:sort}:host .files header ymd-search-filter{grid-area:searchfilter}:host .files yuv-tile-list{--paging-margin: 0;overflow-y:auto}:host .message{display:grid;justify-items:center;align-items:center;height:100%;padding:0 var(--ymt-spacing-3xl);text-align:center;color:var(--ymt-text-color-subtle)}:host .message p{max-width:31ch;line-height:1.5em}:host yuv-split-view{--split-gutter-background-color: var(--ymt-outline-variant);display:flex;height:100%;box-sizing:border-box}:host ymd-folder-tree{padding:var(--ymt-spacing-l) var(--ymt-spacing-m);min-width:300px}:host ymd-folder-tree,:host yuv-object-summary{height:100%;overflow-y:auto;display:block}:host yuv-tile-list{--tile-border: 1px solid var(--ymt-outline-variant);--tile-border-width: 0 0 1px 0;--tile-icon-size: 18px;--tile-action-icon-size: 18px}:host p.empty{color:var(--ymt-text-color-subtle)}:host .details{height:100%}:host .details yuv-object-details{height:100%}:host.smallScreen yuv-tile-list{--tile-padding: var(--ymt-spacing-m) !important}@keyframes fade-in{0%{opacity:0}}.files__surface{background-color:var(--ymt-surface)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: YuvSplitViewModule }, { kind: "directive", type: i1$2.SplitAreaDirective, selector: "[yuvSplitArea]", inputs: ["size", "minSize", "maxSize", "panelClass", "visible"] }, { kind: "component", type: i1$2.SplitViewComponent, selector: "yuv-split-view", inputs: ["direction", "gutterSize", "restrictMove", "disabled", "layoutSettingsID"], outputs: ["layoutSettingsChange", "dragStart", "dragEnd", "gutterClick", "gutterDblClick"] }, { kind: "ngmodule", type: YuvClientShellModule }, { kind: "component", type: TileListComponent, selector: "yuv-tile-list", inputs: ["bucket", "pageSize", "multiselect", "options", "flavor", "query", "preselect", "highlights"], outputs: ["itemSelect", "tileCopy", "tileCut", "busy", "queryResult", "selectionChange", "itemDblClick", "ctxMenu"] }, { kind: "component", type: BreadcrumbComponent, selector: "ymd-breadcrumb" }, { kind: "component", type: FolderTreeComponent, selector: "ymd-folder-tree" }, { kind: "component", type: ObjectSummaryComponent, selector: "yuv-object-summary", inputs: ["actions", "dmsObject", "objectId", "configType"] }, { kind: "component", type: TileConfigTriggerComponent, selector: "yuv-tile-config-trigger", inputs: ["icon", "bucket", "bucketLabel", "options"] }, { kind: "component", type: RibbonComponent, selector: "ymd-ribbon", inputs: ["busy", "enableClipboard", "objects", "excludeActions"] }, { kind: "component", type: AddButtonComponent, selector: "ymd-add-button", inputs: ["disabled"] }, { kind: "component", type: MultiObjectSummaryComponent, selector: "yuv-multi-object-summary", inputs: ["headline"] }, { kind: "component", type: SortComponent, selector: "yuv-sort", inputs: ["sortOptions", "storageKey"], outputs: ["sortChanged"] }, { kind: "component", type: SearchFilterComponent, selector: "ymd-search-filter", inputs: ["query"], outputs: ["queryChange"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2$4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: FileDropZoneDirective, selector: "[yuvFileDropZone]", inputs: ["yuvFileDropZone", "fileDropDisabled"], outputs: ["fileDrop", "fileDropOver"] }, { kind: "component", type: ContextmenuComponent, selector: "yuv-contextmenu", inputs: ["actions", "selection"], outputs: ["itemSelect"] }, { kind: "directive", type: YuvContextMenuTriggerDirective, selector: "[yuvContextMenuTrigger]", inputs: ["yuvContextMenuTrigger", "yuvContextMenuTriggerWhen"], exportAs: ["yuvContextMenuTrigger"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: FilesPageComponent, isStandalone: true, selector: "ymd-files", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.smallScreen": "smallScreenLayout()" } }, viewQueries: [{ propertyName: "tileList", first: true, predicate: ["tileList"], descendants: true, isSignal: true }, { propertyName: "splitViewCmp", first: true, predicate: SplitViewComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<header>\n  <!-- navigation bar -->\n  <nav [attr.aria-label]=\"'yuv.app.drive.files.naviagtion.aria.label' | translate\">\n    <div class=\"nav\">\n      <button mat-icon-button [disabled]=\"!currentFolder\" [matTooltip]=\"'yuv.app.drive.files.nav.back.tooltip' | translate\" (click)=\"openParent()\">\n        <mat-icon>arrow_back</mat-icon>\n      </button>\n      <button mat-icon-button [matTooltip]=\"'yuv.app.drive.files.nav.refresh.tooltip' | translate\" (click)=\"refresh()\">\n        <mat-icon>refresh</mat-icon>\n      </button>\n    </div>\n\n    @if (!query()?.term) {\n      <ymd-breadcrumb></ymd-breadcrumb>\n    } @else {\n      <div class=\"breadcrumb\"></div>\n    }\n  </nav>\n\n  <!-- ribbon with actions and options -->\n  <ymd-ribbon [objects]=\"selection()\" [busy]=\"busy()\" [enableClipboard]=\"true\" class=\"files__surface\">\n    <ng-template #primaryActions>\n      <ymd-add-button [disabled]=\"disableCreate\"></ymd-add-button>\n    </ng-template>\n\n    <ng-template #secondaryActions>\n      <div class=\"options\">\n        @if (!smallScreenLayout()) {\n          <button\n            mat-icon-button\n            class=\"toggle-tree toggle\"\n            [ngClass]=\"{ enabled: enableTree() }\"\n            [matTooltip]=\"'yuv.app.drive.files.toggletree.tooltip' | translate\"\n            (click)=\"enableTree.set(!enableTree())\"\n          >\n            <mat-icon>dock_to_right</mat-icon>\n          </button>\n          <button\n            mat-icon-button\n            class=\"toggle-details toggle\"\n            [ngClass]=\"{ enabled: enableDetails() }\"\n            [matTooltip]=\"'yuv.app.drive.files.toggledetails.tooltip' | translate\"\n            (click)=\"enableDetails.set(!enableDetails())\"\n          >\n            <mat-icon>dock_to_left</mat-icon>\n          </button>\n        }\n        <yuv-tile-config-trigger [bucket]=\"objectConfigBucket\" [bucketLabel]=\"tileConfigBucketLabel\" [options]=\"tileListOptions\"></yuv-tile-config-trigger>\n      </div>\n    </ng-template>\n  </ymd-ribbon>\n</header>\n\n<yuv-split-view [gutterSize]=\"1\" [layoutSettingsID]=\"LAYOUT_SETTINGS_STORAGE_KEY\" class=\"files__surface\">\n  <!-- folder tree -->\n  <ng-template yuvSplitArea [size]=\"20\" [visible]=\"enableTree() && !smallScreenLayout()\">\n    <ymd-folder-tree></ymd-folder-tree>\n  </ng-template>\n\n  <!-- files -->\n  <ng-template yuvSplitArea [size]=\"60\">\n    @let err = error();\n    @if (err) {\n      <div class=\"error\">\n        <p>\n          <mat-icon>warning</mat-icon>\n          @switch (err) {\n            @case (ERROR_CODE.NOT_FOUND) {\n              {{ 'yuv.app.drive.files.error.load.not-found' | translate }}\n            }\n            @case (ERROR_CODE.INVALID_ID) {\n              {{ 'yuv.app.drive.files.error.load.invalid-id' | translate }}\n            }\n            @default {\n              {{ 'yuv.app.drive.files.error.load' | translate }}\n            }\n          }\n        </p>\n      </div>\n    } @else {\n      <div class=\"files\" [yuvFileDropZone]=\"{ label: 'yuv.app.drive.files.dropzone.label' | translate }\" (fileDrop)=\"onFileDrop($event)\">\n        <header class=\"files-header\">\n          <h1>{{ queryTitle() }}</h1>\n          @if (sortOptionsAvailable()) {\n            <yuv-sort [sortOptions]=\"sortOptions()\" [storageKey]=\"storageKey\" (sortChanged)=\"onSortChanged($event)\"></yuv-sort>\n          }\n          <!-- <div class=\"flavors\">\n          TODO: enable again once flavors/aspects are supported -->\n          <!--  @for (f of flavorChips; track f.id) {\n            <yuv-flavor-chip [ngClass]=\"{ active: f.id === appliedFlavor?.id }\" [flavor]=\"f\" (click)=\"appliedFlavor = f\"></yuv-flavor-chip>\n          }\n          </div>-->\n          @if (query()?.term && !extendedQuery()) {\n            <ymd-search-filter [query]=\"query()\" (queryChange)=\"onFilterQueryChange($event)\"></ymd-search-filter>\n          }\n        </header>\n        <yuv-tile-list\n          #tileList\n          [attr.aria-label]=\"'yuv.app.drive.files.content.aria.label' | translate\"\n          [attr.aria-busy]=\"busy()\"\n          [attr.role]=\"'listbox'\"\n          (keydown.backspace)=\"openParent()\"\n          (keydown.delete)=\"onDelete()\"\n          [bucket]=\"objectConfigBucket\"\n          [multiselect]=\"true\"\n          [query]=\"query()\"\n          [flavor]=\"appliedFlavor\"\n          [options]=\"tileListOptions\"\n          (itemDblClick)=\"itemDoubleClicked($event)\"\n          (itemSelect)=\"itemClicked($event)\"\n          (selectionChange)=\"selectionChanged($event)\"\n          (tileCopy)=\"onCopy($event)\"\n          (tileCut)=\"onCut($event)\"\n          (busy)=\"setBusy($event)\"\n          [highlights]=\"highlightStyles$ | async\"\n          [yuvContextMenuTrigger]=\"context_menu\"\n          [yuvContextMenuTriggerWhen]=\"hasActions()\"\n        >\n          <div #empty>\n            @if (emptyMode() === 'root') {\n              <p class=\"empty\">{{ 'yuv.app.drive.files.content.empty.root.list' | translate }}</p>\n            } @else if (emptyMode() === 'query') {\n              <p class=\"empty\">{{ 'yuv.app.drive.files.content.empty.query.list' | translate }}</p>\n            } @else {\n              <p class=\"empty\">{{ 'yuv.app.drive.files.content.empty.list' | translate }}</p>\n            }\n          </div>\n\n          <ng-template #context_menu>\n            <yuv-contextmenu [actions]=\"actions()\" (itemSelect)=\"onContextmenuAction($event)\"></yuv-contextmenu>\n          </ng-template>\n        </yuv-tile-list>\n      </div>\n    }\n  </ng-template>\n\n  <!-- details -->\n  <ng-template yuvSplitArea [size]=\"20\" [visible]=\"enableDetails()\">\n    @let selectedItem = selected();\n    @if (enableDetails() && selectedItem) {\n      @if (selectedItem?.isFolder) {\n        <yuv-object-summary [actions]=\"summaryActions()\" [configType]=\"configTypeOptions['folder']\" [dmsObject]=\"selectedItem\"></yuv-object-summary>\n      } @else {\n        <yuv-object-summary\n          [actions]=\"summaryActions()\"\n          [configType]=\"configTypeOptions['file']\"\n          [dmsObject]=\"selectedItem\"\n          [yuvFileDropZone]=\"{ label: 'yuv.app.drive.files.dropzone.content.replace.label' | translate }\"\n          [fileDropDisabled]=\"fileDropSummaryDisabled()\"\n          (fileDrop)=\"onFileUpdateDrop($event)\"\n        ></yuv-object-summary>\n      }\n    } @else {\n      @let sel = selection();\n      @if (sel && sel.length > 0) {\n        <yuv-multi-object-summary [headline]=\"'yuv.app.drive.multiselected.details' | translate: { count: selection().length }\"></yuv-multi-object-summary>\n      } @else if (tileList()?.items?.length === 0) {\n        <!-- TODO: CHOULD HAVE A DIFFERENT MESSAGE FOR EMPTY RESULTS EMPTY FOR NOW -->\n        <div class=\"message\">{{ 'yuv.app.drive.empty.results.details.message' | translate }}</div>\n      } @else {\n        <div class=\"message\">{{ 'yuv.app.drive.unselected.details' | translate }}</div>\n      }\n    }\n  </ng-template>\n</yuv-split-view>\n", styles: [":host{height:100%;overflow:hidden;display:flex;flex-flow:column}:host header{flex:0 0 auto}:host header>nav{border-block-end:1px solid var(--ymt-outline-variant);display:grid;grid-template-columns:auto 1fr 1fr auto;align-items:center;gap:var(--ymt-spacing-xs);padding:var(--ymt-spacing-2xs) var(--ymt-spacing-s) var(--ymt-spacing-s) var(--ymt-spacing-s);min-height:40px}:host header>nav .nav{grid-column:1/2;grid-row:1;display:flex;border-inline-end:1px solid var(--ymt-outline-variant);padding-inline-end:var(--ymt-spacing-xs);gap:var(--ymt-spacing-3xs);margin-bottom:calc(var(--ymt-spacing-s) * -1)}:host header>nav .breadcrumb{grid-column:2/4;grid-row:1;display:flex;margin-bottom:calc(var(--ymt-spacing-s) * -1)}:host yuv-split-view{--split-gutter-background-color: var(--ymt-outline-variant);flex:1;animation:fade-in .3s ease-in-out}:host main{height:100%;overflow:hidden;display:flex;flex-flow:column}:host .error{display:grid;justify-items:center;align-items:center;height:100%;padding:0 2rem;text-align:center;color:var(--ymt-text-color-subtle)}:host .error p{max-width:31ch;line-height:1.5em;display:grid;justify-items:center}:host .error p mat-icon{display:block;margin-block-end:1rem}:host .files{display:flex;flex-flow:column;overflow:hidden;height:100%}:host .files header{flex:0 0 auto;padding:var(--ymt-spacing-l) var(--ymt-spacing-l) var(--ymt-spacing-s) var(--ymt-spacing-l);display:grid;grid-template-columns:1fr;gap:var(--ymt-spacing-3xs);grid-template-areas:\"title sort\" \"flavors flavors\" \"searchfilter searchfilter\"}:host .files header h1{grid-area:title;margin:0;height:min-content}:host .files header .flavors{grid-area:flavors;display:flex;gap:2px;justify-content:flex-end;padding:var(--ymt-spacing-2xs)}:host .files header .flavors yuv-flavor-chip{font:var(--ymt-font-body-subtle);cursor:pointer;--flavor-background: var(--ymt-surface-panel);--flavor-icon-size: 16px}:host .files header .flavors yuv-flavor-chip:hover{--flavor-border-color: var(--ymt-primary)}:host .files header ymd-sort{grid-area:sort}:host .files header ymd-search-filter{grid-area:searchfilter}:host .files yuv-tile-list{--paging-margin: 0;overflow-y:auto}:host .message{display:grid;justify-items:center;align-items:center;height:100%;padding:0 var(--ymt-spacing-3xl);text-align:center;color:var(--ymt-text-color-subtle)}:host .message p{max-width:31ch;line-height:1.5em}:host yuv-split-view{--split-gutter-background-color: var(--ymt-outline-variant);display:flex;height:100%;box-sizing:border-box}:host ymd-folder-tree{padding:var(--ymt-spacing-l) var(--ymt-spacing-m);min-width:300px}:host ymd-folder-tree,:host yuv-object-summary{height:100%;overflow-y:auto;display:block}:host yuv-tile-list{--tile-border: 1px solid var(--ymt-outline-variant);--tile-border-width: 0 0 1px 0;--tile-icon-size: 18px;--tile-action-icon-size: 18px}:host p.empty{color:var(--ymt-text-color-subtle)}:host .details{height:100%}:host .details yuv-object-details{height:100%}:host.smallScreen yuv-tile-list{--tile-padding: var(--ymt-spacing-m) !important}@keyframes fade-in{0%{opacity:0}}.files__surface{background-color:var(--ymt-surface)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: YuvSplitViewModule }, { kind: "directive", type: i1$2.SplitAreaDirective, selector: "[yuvSplitArea]", inputs: ["size", "minSize", "maxSize", "panelClass", "visible"] }, { kind: "component", type: i1$2.SplitViewComponent, selector: "yuv-split-view", inputs: ["direction", "gutterSize", "restrictMove", "disabled", "layoutSettingsID"], outputs: ["layoutSettingsChange", "dragStart", "dragEnd", "gutterClick", "gutterDblClick"] }, { kind: "ngmodule", type: YuvClientShellModule }, { kind: "component", type: TileListComponent, selector: "yuv-tile-list", inputs: ["bucket", "pageSize", "multiselect", "options", "flavor", "query", "preselect", "highlights", "preventChangeUntil"], outputs: ["itemSelect", "tileCopy", "tileCut", "busy", "queryResult", "selectionChange", "itemDblClick", "ctxMenu"] }, { kind: "component", type: BreadcrumbComponent, selector: "ymd-breadcrumb" }, { kind: "component", type: FolderTreeComponent, selector: "ymd-folder-tree" }, { kind: "component", type: ObjectSummaryComponent, selector: "yuv-object-summary", inputs: ["actions", "dmsObject", "objectId", "configType"] }, { kind: "component", type: TileConfigTriggerComponent, selector: "yuv-tile-config-trigger", inputs: ["icon", "bucket", "bucketLabel", "options"] }, { kind: "component", type: RibbonComponent, selector: "ymd-ribbon", inputs: ["busy", "enableClipboard", "objects", "excludeActions"] }, { kind: "component", type: AddButtonComponent, selector: "ymd-add-button", inputs: ["disabled"] }, { kind: "component", type: MultiObjectSummaryComponent, selector: "yuv-multi-object-summary", inputs: ["headline"] }, { kind: "component", type: SortComponent, selector: "yuv-sort", inputs: ["sortOptions", "storageKey"], outputs: ["sortChanged"] }, { kind: "component", type: SearchFilterComponent, selector: "ymd-search-filter", inputs: ["query"], outputs: ["queryChange"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2$4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: FileDropZoneDirective, selector: "[yuvFileDropZone]", inputs: ["yuvFileDropZone", "fileDropDisabled"], outputs: ["fileDrop", "fileDropOver"] }, { kind: "component", type: ContextmenuComponent, selector: "yuv-contextmenu", inputs: ["actions", "selection"], outputs: ["itemSelect"] }, { kind: "directive", type: YuvContextMenuTriggerDirective, selector: "[yuvContextMenuTrigger]", inputs: ["yuvContextMenuTrigger", "yuvContextMenuTriggerWhen"], exportAs: ["yuvContextMenuTrigger"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FilesPageComponent, decorators: [{
             type: Component,
@@ -2812,7 +2825,7 @@ class ObjectPageComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ObjectPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: ObjectPageComponent, isStandalone: true, selector: "ymd-object", host: { attributes: { "class.smallScreenLayout": "smallScreenLayout()" } }, providers: [ObjectPreviewService], ngImport: i0, template: "@let object = dmsObject();\n@if (object) {\n  <div\n    class=\"object\"\n    yuvContainerSize\n    [yuvFileDropZone]=\"{ label: 'yuv.app.drive.files.dropzone.content.replace.label' | translate }\"\n    [fileDropDisabled]=\"fileDropReplaceDisabled()\"\n    (fileDrop)=\"onFileDrop($event)\"\n  >\n    <ymd-ribbon [objects]=\"[object]\" [excludeActions]=\"excludeActions\" class=\"object__surface\">\n      <ng-template #primaryActions>\n        <div class=\"nav\">\n          <button mat-icon-button class=\"back\" (click)=\"openParent()\">\n            <mat-icon>arrow_back</mat-icon>\n          </button>\n          <button mat-icon-button class=\"refresh\" [matTooltip]=\"'yuv.app.drive.page.object.refresh.tooltip' | translate\" (click)=\"refresh()\">\n            <mat-icon>refresh</mat-icon>\n          </button>\n        </div>\n      </ng-template>\n      <!-- <ng-template #secondaryActions></ng-template> -->\n    </ymd-ribbon>\n\n    @let ssl = smallScreenLayout();\n    @if (ssl) {\n      <mat-tab-group class=\"object__surface\" mat-stretch-tabs=\"true\">\n        <mat-tab [label]=\"'yuv.app.drive.object-metadata.tabs.content.title' | translate\">\n          <ng-template matTabContent>\n            @if (object && object?.content) {\n              <yuv-object-preview [dmsObject]=\"object\"></yuv-object-preview>\n            }\n          </ng-template>\n        </mat-tab>\n\n        <mat-tab [label]=\"'yuv.app.drive.object-metadata.tabs.indexdata.title' | translate\">\n          <ng-template matTabContent>\n            <yuv-object-metadata [flavoredDmsObject]=\"flavoredDmsObject()\" (indexDataSaved)=\"onIndexdataSaved($event)\"> </yuv-object-metadata>\n          </ng-template>\n        </mat-tab>\n\n        <mat-tab [label]=\"'yuv.app.drive.object-metadata.tabs.history.title' | translate\">\n          <ng-template matTabContent>\n            <yuv-object-audit [dmsObject]=\"object\"></yuv-object-audit>\n          </ng-template>\n        </mat-tab>\n      </mat-tab-group>\n    } @else {\n      <yuv-split-view [layoutSettingsID]=\"layoutSettingIdBase + 'splitview'\" [gutterSize]=\"1\" class=\"object__surface\">\n        <ng-template yuvSplitArea [size]=\"40\">\n          <section class=\"meta\">\n            <header>\n              <yuv-object-flavor disableSelection=\"true\" [dmsObject]=\"object\"></yuv-object-flavor>\n\n              @if (headerData) {\n\n                <div class=\"object-icon\"><mat-icon >{{headerData.icon}}</mat-icon></div>\n                <h1><ng-container *yuvRenderer=\"headerData.title\"></ng-container></h1>\n                <div class=\"description\"><ng-container *yuvRenderer=\"headerData.description\"></ng-container></div>\n                <div class=\"badges\">\n                  <yuv-retention-badge [dmsObject]=\"object\"></yuv-retention-badge>\n                </div>\n              }\n            </header>\n\n            <mat-tab-group>\n              <mat-tab [label]=\"'yuv.app.drive.object-metadata.tabs.indexdata.title' | translate\" >\n                <yuv-object-metadata [flavoredDmsObject]=\"flavoredDmsObject()\" (indexDataSaved)=\"onIndexdataSaved($event)\"> </yuv-object-metadata>\n              </mat-tab>\n              <mat-tab [label]=\"'yuv.app.drive.object-metadata.tabs.history.title' | translate\">\n                <yuv-object-audit [dmsObject]=\"object\"></yuv-object-audit\n              ></mat-tab>\n            </mat-tab-group>\n          </section>\n        </ng-template>\n        <ng-template yuvSplitArea [size]=\"60\">\n          @if (object && object?.content) {\n            <yuv-object-preview [dmsObject]=\"object\"></yuv-object-preview>\n          }\n        </ng-template>\n      </yuv-split-view>\n    }\n  </div>\n} @else if (errorMessage) {\n  <!-- object could not be loaded -->\n  <div class=\"error state\">\n    <yuv-icon [svg]=\"icons.error\"></yuv-icon>\n    <p>{{ errorMessage }}</p>\n  </div>\n} @else {\n  <!-- object is loading -->\n  <div class=\"loading state\">\n    <mat-progress-spinner mode=\"indeterminate\" class=\"ymt-progress-spinner--giant\"></mat-progress-spinner>\n  </div>\n}\n", styles: [":host{--button-gap: var(--ymt-spacing-2xs);display:flex;flex-flow:column;height:100%;overflow:hidden}:host mat-tab-group{overflow:hidden;height:100%}:host mat-tab-group ::ng-deep .mat-mdc-tab-body-wrapper{height:100%}:host .state{display:flex;flex-flow:column;height:100%;align-items:center;justify-content:center;border-block-start:1px solid var(--ymt-outline-variant)}:host .error mat-icon{color:rgb(from var(--ymt-text-color) r g b/.1)}:host .error p{margin:var(--ymt-spacing-m);max-width:35ch;color:var(--ymt-text-color-subtle)}:host .state,:host .object{animation:fade-in .3s ease-in-out}:host .object{height:100%;display:flex;flex-flow:column}:host .object ymd-ribbon{background-color:var(--app-drive-header-background);border-block-end:1px solid var(--ymt-outline-variant);padding:var(--ymt-spacing-s) var(--ymt-spacing-s) var(--ymt-spacing-xs) var(--ymt-spacing-s);flex:0 0 auto}:host .object ymd-ribbon .nav{display:flex;align-items:center;gap:var(--button-gap)}:host .object yuv-split-view{--split-gutter-background-color: var(--ymt-outline-variant);flex:1}:host .meta{display:flex;flex-flow:column;height:100%}:host .meta header{flex:0 0 auto;display:grid;margin-block-end:var(--ymt-spacing-xl);gap:var(--ymt-spacing-xs);grid-template-columns:var(--ymt-sizing-5xl) repeat(auto-fit,minmax(0,1fr));grid-template-areas:\"flavor flavor\" \"icon title\" \". description\" \". badges\"}:host .meta header yuv-object-flavor{grid-area:flavor;border-block-end:1px solid var(--ymt-outline-variant);padding:0 var(--ymt-spacing-s);margin-block-end:var(--ymt-spacing-m);grid-column:span 5}:host .meta header .object-icon{color:var(--ymt-text-color);grid-area:icon;padding:0 var(--ymt-spacing-m);padding-block-start:var(--ymt-spacing-3xs)}:host .meta header h1{grid-area:title;margin:0;word-break:break-word;padding-inline-end:var(--ymt-spacing-l);grid-column:span 4}:host .meta header .description{grid-area:description;padding-inline-end:var(--ymt-spacing-l);font:var(--ymt-font-body-subtle);color:var(--ymt-text-color-subtle);text-overflow:ellipsis;grid-column:2/span 3;overflow:hidden;white-space:nowrap;--yuv-renderer-display: contents}:host .meta header .badges{grid-area:badges;padding-block-start:var(--ymt-spacing-xs);padding-inline-end:var(--ymt-spacing-l);grid-column:2/span 4;display:flex}@keyframes fade-in{0%{opacity:0}}.object__surface{background-color:var(--ymt-surface)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ObjectMetadataComponent, selector: "yuv-object-metadata", inputs: ["disableControls", "disableBasicMetadata", "situation", "formDisabled", "dmsObject", "flavoredDmsObject"], outputs: ["indexDataSaved", "statusChanged"] }, { kind: "component", type: ObjectAuditComponent, selector: "yuv-object-audit", inputs: ["dmsObject", "skipActions", "allActions"] }, { kind: "component", type: ObjectFlavorComponent, selector: "yuv-object-flavor", inputs: ["dmsObject"], outputs: ["flavorSelect"] }, { kind: "component", type: YuvIconComponent, selector: "yuv-icon", inputs: ["label", "svg", "svgSrc"] }, { kind: "ngmodule", type: YuvSplitViewModule }, { kind: "directive", type: i1$2.SplitAreaDirective, selector: "[yuvSplitArea]", inputs: ["size", "minSize", "maxSize", "panelClass", "visible"] }, { kind: "component", type: i1$2.SplitViewComponent, selector: "yuv-split-view", inputs: ["direction", "gutterSize", "restrictMove", "disabled", "layoutSettingsID"], outputs: ["layoutSettingsChange", "dragStart", "dragEnd", "gutterClick", "gutterDblClick"] }, { kind: "directive", type: RendererDirective, selector: "[yuvRenderer]", inputs: ["yuvRenderer"] }, { kind: "directive", type: ContainerSizeDirective, selector: "[yuvContainerSize]", outputs: ["containerHeight", "containerWidth"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: RibbonComponent, selector: "ymd-ribbon", inputs: ["busy", "enableClipboard", "objects", "excludeActions"] }, { kind: "component", type: RetentionBadgeComponent, selector: "yuv-retention-badge", inputs: ["dmsObject"] }, { kind: "component", type: ObjectPreviewComponent, selector: "yuv-object-preview", inputs: ["objectId", "dmsObject", "version", "metadata"] }, { kind: "directive", type: FileDropZoneDirective, selector: "[yuvFileDropZone]", inputs: ["yuvFileDropZone", "fileDropDisabled"], outputs: ["fileDrop", "fileDropOver"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "directive", type: i5$1.MatTabContent, selector: "[matTabContent]" }, { kind: "component", type: i5$1.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i5$1.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2$4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: ObjectPageComponent, isStandalone: true, selector: "ymd-object", host: { attributes: { "class.smallScreenLayout": "smallScreenLayout()" } }, providers: [ObjectPreviewService], ngImport: i0, template: "@let object = dmsObject();\n@if (object) {\n  <div\n    class=\"object\"\n    yuvContainerSize\n    [yuvFileDropZone]=\"{ label: 'yuv.app.drive.files.dropzone.content.replace.label' | translate }\"\n    [fileDropDisabled]=\"fileDropReplaceDisabled()\"\n    (fileDrop)=\"onFileDrop($event)\"\n  >\n    <ymd-ribbon [objects]=\"[object]\" [excludeActions]=\"excludeActions\" class=\"object__surface\">\n      <ng-template #primaryActions>\n        <div class=\"nav\">\n          <button mat-icon-button class=\"back\" (click)=\"openParent()\">\n            <mat-icon>arrow_back</mat-icon>\n          </button>\n          <button mat-icon-button class=\"refresh\" [matTooltip]=\"'yuv.app.drive.page.object.refresh.tooltip' | translate\" (click)=\"refresh()\">\n            <mat-icon>refresh</mat-icon>\n          </button>\n        </div>\n      </ng-template>\n      <!-- <ng-template #secondaryActions></ng-template> -->\n    </ymd-ribbon>\n\n    @let ssl = smallScreenLayout();\n    @if (ssl) {\n      <mat-tab-group class=\"object__surface\" mat-stretch-tabs=\"true\">\n        <mat-tab [label]=\"'yuv.app.drive.object-metadata.tabs.content.title' | translate\">\n          <ng-template matTabContent>\n            @if (object && object?.content) {\n              <yuv-object-preview [dmsObject]=\"object\"></yuv-object-preview>\n            }\n          </ng-template>\n        </mat-tab>\n\n        <mat-tab [label]=\"'yuv.app.drive.object-metadata.tabs.indexdata.title' | translate\">\n          <ng-template matTabContent>\n            <yuv-object-metadata [flavoredDmsObject]=\"flavoredDmsObject()\" (indexDataSaved)=\"onIndexdataSaved($event)\"> </yuv-object-metadata>\n          </ng-template>\n        </mat-tab>\n\n        <mat-tab [label]=\"'yuv.app.drive.object-metadata.tabs.history.title' | translate\">\n          <ng-template matTabContent>\n            <yuv-object-audit [dmsObject]=\"object\"></yuv-object-audit>\n          </ng-template>\n        </mat-tab>\n      </mat-tab-group>\n    } @else {\n      <yuv-split-view [layoutSettingsID]=\"layoutSettingIdBase + 'splitview'\" [gutterSize]=\"1\" class=\"object__surface\">\n        <ng-template yuvSplitArea [size]=\"40\">\n          <section class=\"meta\">\n            <header>\n              <yuv-object-flavor disableSelection=\"true\" [dmsObject]=\"object\"></yuv-object-flavor>\n\n              @if (headerData) {\n\n                <div class=\"object-icon\"><mat-icon >{{headerData.icon}}</mat-icon></div>\n                <h1><ng-container *yuvRenderer=\"headerData.title\"></ng-container></h1>\n                <div class=\"description\"><ng-container *yuvRenderer=\"headerData.description\"></ng-container></div>\n                <div class=\"badges\">\n                  <yuv-retention-badge [dmsObject]=\"object\"></yuv-retention-badge>\n                </div>\n              }\n            </header>\n\n            <mat-tab-group>\n              <mat-tab [label]=\"'yuv.app.drive.object-metadata.tabs.indexdata.title' | translate\" >\n                <yuv-object-metadata [flavoredDmsObject]=\"flavoredDmsObject()\" (indexDataSaved)=\"onIndexdataSaved($event)\"> </yuv-object-metadata>\n              </mat-tab>\n              <mat-tab [label]=\"'yuv.app.drive.object-metadata.tabs.history.title' | translate\">\n                <yuv-object-audit [dmsObject]=\"object\"></yuv-object-audit\n              ></mat-tab>\n            </mat-tab-group>\n          </section>\n        </ng-template>\n        <ng-template yuvSplitArea [size]=\"60\">\n          @if (object && object?.content) {\n            <yuv-object-preview [dmsObject]=\"object\"></yuv-object-preview>\n          }\n        </ng-template>\n      </yuv-split-view>\n    }\n  </div>\n} @else if (errorMessage) {\n  <!-- object could not be loaded -->\n  <div class=\"error state\">\n    <yuv-icon [svg]=\"icons.error\"></yuv-icon>\n    <p>{{ errorMessage }}</p>\n  </div>\n} @else {\n  <!-- object is loading -->\n  <div class=\"loading state\">\n    <mat-progress-spinner mode=\"indeterminate\" class=\"ymt-progress-spinner--giant\"></mat-progress-spinner>\n  </div>\n}\n", styles: [":host{--button-gap: var(--ymt-spacing-2xs);display:flex;flex-flow:column;height:100%;overflow:hidden}:host mat-tab-group{overflow:hidden;height:100%}:host mat-tab-group ::ng-deep .mat-mdc-tab-body-wrapper{height:100%}:host .state{display:flex;flex-flow:column;height:100%;align-items:center;justify-content:center;border-block-start:1px solid var(--ymt-outline-variant)}:host .error mat-icon{color:rgb(from var(--ymt-text-color) r g b/.1)}:host .error p{margin:var(--ymt-spacing-m);max-width:35ch;color:var(--ymt-text-color-subtle)}:host .state,:host .object{animation:fade-in .3s ease-in-out}:host .object{height:100%;display:flex;flex-flow:column}:host .object ymd-ribbon{background-color:var(--app-drive-header-background);border-block-end:1px solid var(--ymt-outline-variant);padding:var(--ymt-spacing-s) var(--ymt-spacing-s) var(--ymt-spacing-xs) var(--ymt-spacing-s);flex:0 0 auto}:host .object ymd-ribbon .nav{display:flex;align-items:center;gap:var(--button-gap)}:host .object yuv-split-view{--split-gutter-background-color: var(--ymt-outline-variant);flex:1}:host .meta{display:flex;flex-flow:column;height:100%}:host .meta header{flex:0 0 auto;display:grid;margin-block-end:var(--ymt-spacing-xl);gap:var(--ymt-spacing-xs);grid-template-columns:var(--ymt-sizing-5xl) repeat(auto-fit,minmax(0,1fr));grid-template-areas:\"flavor flavor\" \"icon title\" \". description\" \". badges\"}:host .meta header yuv-object-flavor{grid-area:flavor;border-block-end:1px solid var(--ymt-outline-variant);padding:0 var(--ymt-spacing-s);margin-block-end:var(--ymt-spacing-m);grid-column:span 5}:host .meta header .object-icon{color:var(--ymt-text-color);grid-area:icon;padding:0 var(--ymt-spacing-m);padding-block-start:var(--ymt-spacing-3xs)}:host .meta header h1{grid-area:title;margin:0;word-break:break-word;padding-inline-end:var(--ymt-spacing-l);grid-column:span 4}:host .meta header .description{grid-area:description;padding-inline-end:var(--ymt-spacing-l);font:var(--ymt-font-body-subtle);color:var(--ymt-text-color-subtle);text-overflow:ellipsis;grid-column:2/span 3;overflow:hidden;white-space:nowrap;--yuv-renderer-display: contents}:host .meta header .badges{grid-area:badges;padding-block-start:var(--ymt-spacing-xs);padding-inline-end:var(--ymt-spacing-l);grid-column:2/span 4;display:flex}@keyframes fade-in{0%{opacity:0}}.object__surface{background-color:var(--ymt-surface)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ObjectMetadataComponent, selector: "yuv-object-metadata", inputs: ["disableControls", "disableBasicMetadata", "elementExtensions", "situation", "formDisabled", "dmsObject", "flavoredDmsObject", "flavors"], outputs: ["indexDataSaved", "statusChanged"] }, { kind: "component", type: ObjectAuditComponent, selector: "yuv-object-audit", inputs: ["dmsObject", "skipActions", "allActions"] }, { kind: "component", type: ObjectFlavorComponent, selector: "yuv-object-flavor", inputs: ["dmsObject"], outputs: ["flavorSelect"] }, { kind: "component", type: YuvIconComponent, selector: "yuv-icon", inputs: ["label", "svg", "svgSrc"] }, { kind: "ngmodule", type: YuvSplitViewModule }, { kind: "directive", type: i1$2.SplitAreaDirective, selector: "[yuvSplitArea]", inputs: ["size", "minSize", "maxSize", "panelClass", "visible"] }, { kind: "component", type: i1$2.SplitViewComponent, selector: "yuv-split-view", inputs: ["direction", "gutterSize", "restrictMove", "disabled", "layoutSettingsID"], outputs: ["layoutSettingsChange", "dragStart", "dragEnd", "gutterClick", "gutterDblClick"] }, { kind: "directive", type: RendererDirective, selector: "[yuvRenderer]", inputs: ["yuvRenderer"] }, { kind: "directive", type: ContainerSizeDirective, selector: "[yuvContainerSize]", outputs: ["containerHeight", "containerWidth"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: RibbonComponent, selector: "ymd-ribbon", inputs: ["busy", "enableClipboard", "objects", "excludeActions"] }, { kind: "component", type: RetentionBadgeComponent, selector: "yuv-retention-badge", inputs: ["dmsObject"] }, { kind: "component", type: ObjectPreviewComponent, selector: "yuv-object-preview", inputs: ["objectId", "dmsObject", "version", "metadata"] }, { kind: "directive", type: FileDropZoneDirective, selector: "[yuvFileDropZone]", inputs: ["yuvFileDropZone", "fileDropDisabled"], outputs: ["fileDrop", "fileDropOver"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "directive", type: i5$1.MatTabContent, selector: "[matTabContent]" }, { kind: "component", type: i5$1.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i5$1.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2$4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ObjectPageComponent, decorators: [{
             type: Component,
@@ -2872,5 +2885,5 @@ const YuuvisDriveRoutes = [
  * Generated bundle index. Do not edit.
  */
 
-export { ACTION_CONTEXT, APP_ACTIONS, APP_ID, APP_PREFIX, APP_TYPES, FS_PROPERTIES, FS_SOTS, SearchFilterComponent, YuuvisDriveRoutes, provideDrive };
+export { ACTION_CONTEXT, APP_ACTIONS, APP_FLAVORS, APP_ID, APP_PREFIX, APP_TYPES, FS_PROPERTIES, FS_SOTS, SearchFilterComponent, YuuvisDriveRoutes, provideDrive };
 //# sourceMappingURL=yuuvis-app-drive.mjs.map