@yuuvis/app-drive 2.0.4 → 2.0.5

package/fesm2022/yuuvis-app-drive.mjs

@@ -18,13 +18,13 @@ import { tap, Subject, filter, switchMap, of, forkJoin, map, catchError, finaliz
 import { MAT_DIALOG_DATA, MatDialogRef, MatDialog, MatDialogContent, MatDialogActions, MatDialogTitle, MatDialogClose, MatDialogConfig } from '@angular/material/dialog';
 import { signalState, patchState } from '@ngrx/signals';
 import { marker } from '@colsen1991/ngx-translate-extract-marker';
-import * as i2$1 from '@angular/material/form-field';
-import { MatFormFieldModule, MatError } from '@angular/material/form-field';
 import * as i3$1 from '@yuuvis/client-framework/common';
 import { DialogComponent, YuvCommonModule, ClickDoubleDirective, DragScrollDirective, BusyOverlayDirective, FileDropZoneDirective, ContainerSizeDirective } from '@yuuvis/client-framework/common';
+import { YmtButtonDirective, YmtIconButtonDirective } from '@yuuvis/material';
+import * as i2$1 from '@angular/material/form-field';
+import { MatFormFieldModule, MatError } from '@angular/material/form-field';
 import { StringComponent, RangeSelectDateComponent, RangeSelectFilesizeComponent } from '@yuuvis/client-framework/forms';
 import { MatProgressBar } from '@angular/material/progress-bar';
-import { YmtButtonDirective, YmtIconButtonDirective } from '@yuuvis/material';
 import { TranslateService as TranslateService$1, TranslateModule as TranslateModule$1 } from '@ngx-translate/core';
 import { ShellService } from '@yuuvis/client-shell-core';
 import { Overlay } from '@angular/cdk/overlay';
@@ -316,11 +316,11 @@ class ResolveNameConflictsComponent {
         this.#setupContent();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ResolveNameConflictsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.12", type: ResolveNameConflictsComponent, isStandalone: true, selector: "ymd-resolve-name-conflicts", ngImport: i0, template: "<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(--ymt-spacing-m);position:relative}: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:var(--ymt-spacing-3xl);display:flex;flex-flow:row-reverse;gap:var(--ymt-spacing-2xs)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.12", type: ResolveNameConflictsComponent, isStandalone: true, selector: "ymd-resolve-name-conflicts", ngImport: i0, template: "<yuv-dialog [headertitel]=\"content.headline\">\n  <main>\n    <p>{{ content.message }}</p>\n\n    <ul>\n      @for (ef of existingFileNames; track $index) {\n        <li>{{ ef }}</li>\n      }\n    </ul>\n\n    @if (validItems.length) {\n      <p>{{ content.messageValid }}</p>\n      <ul>\n        @for (f of validItems; track $index) {\n          <li>{{ f.name }}</li>\n        }\n      </ul>\n    }\n  </main>\n  <footer>\n    @if (validItems.length) {\n      <button ymtButton=\"primary\" (click)=\"proceed()\">{{ content.proceed }}</button>\n    }\n    <button ymtButton=\"secondary\" (click)=\"cancel()\">{{ 'yuv.app.drive.name.conflict.cancel' | translate }}</button>\n  </footer>\n</yuv-dialog>\n", styles: ["@charset \"UTF-8\";:host main{padding:var(--ymt-spacing-m)}:host ul{font-weight:700;list-style:none;padding:0 1em}:host ul li{padding:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ul li:before{content:\"\\2022\";margin-inline-end:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "component", type: DialogComponent, selector: "yuv-dialog", inputs: ["headertitel"] }, { kind: "directive", type: YmtButtonDirective, selector: "button[ymtButton], a[ymtButton]", inputs: ["ymtButton", "disabled", "aria-disabled", "disableRipple", "disabledInteractive", "button-size"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", 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(--ymt-spacing-m);position:relative}: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:var(--ymt-spacing-3xl);display:flex;flex-flow:row-reverse;gap:var(--ymt-spacing-2xs)}\n"] }]
+            args: [{ selector: 'ymd-resolve-name-conflicts', standalone: true, imports: [CommonModule, TranslateModule, DialogComponent, YmtButtonDirective], template: "<yuv-dialog [headertitel]=\"content.headline\">\n  <main>\n    <p>{{ content.message }}</p>\n\n    <ul>\n      @for (ef of existingFileNames; track $index) {\n        <li>{{ ef }}</li>\n      }\n    </ul>\n\n    @if (validItems.length) {\n      <p>{{ content.messageValid }}</p>\n      <ul>\n        @for (f of validItems; track $index) {\n          <li>{{ f.name }}</li>\n        }\n      </ul>\n    }\n  </main>\n  <footer>\n    @if (validItems.length) {\n      <button ymtButton=\"primary\" (click)=\"proceed()\">{{ content.proceed }}</button>\n    }\n    <button ymtButton=\"secondary\" (click)=\"cancel()\">{{ 'yuv.app.drive.name.conflict.cancel' | translate }}</button>\n  </footer>\n</yuv-dialog>\n", styles: ["@charset \"UTF-8\";:host main{padding:var(--ymt-spacing-m)}:host ul{font-weight:700;list-style:none;padding:0 1em}:host ul li{padding:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ul li:before{content:\"\\2022\";margin-inline-end:.5rem}\n"] }]
         }] });
 
 const getResolvedObjectConfigItem = (propertyName, instanceData) => {
@@ -1222,9 +1222,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImpo
             }] } });
 
 class SortComponent {
+    #drive;
+    #systemService;
     constructor() {
         this.#drive = inject(DriveService);
         this.#systemService = inject(SystemService);
+        this.translate = inject(TranslateService);
         this.sortOptions = signal(this.#initSortOptions());
         this.orderOptions = signal([
             { label: 'Ascending', value: 'asc', type: 'order' },
@@ -1236,9 +1239,11 @@ class SortComponent {
             order: new FormControl('asc', { nonNullable: true })
         });
         this.sortChanged = output();
+        // listen for language changes to update labels
+        this.translate.onLangChange.pipe(takeUntilDestroyed()).subscribe(() => {
+            this.sortOptions.set(this.#initSortOptions());
+        });
     }
-    #drive;
-    #systemService;
     selectSortByIndex(idx) {
         this.selectSort(this.sortFields()[idx].type, this.sortFields()[idx].value);
     }
@@ -1306,7 +1311,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImpo
       }
     </mat-menu>
   `, changeDetection: ChangeDetectionStrategy.OnPush }]
-        }] });
+        }], ctorParameters: () => [] });
 
 class BreadcrumbComponent {
     constructor() {