@yuuvis/client-framework 0.6.5

package/esm2022/upload-progress/lib/upload-progress/upload-progress.component.mjs

@@ -0,0 +1,37 @@
+import { CommonModule } from '@angular/common';
+import { Component, HostBinding, inject, output } from '@angular/core';
+import { TranslateModule, UploadService } from '@yuuvis/client-core';
+import { YUV_ICONS } from '@yuuvis/client-framework/icons';
+import { ICONS, YvcIconModule } from '@yuuvis/components/icon';
+import { UploadProgressOverlayComponent } from './upload-progress-overlay/upload-progress-overlay.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@yuuvis/components/icon";
+import * as i3 from "@yuuvis/client-core";
+export class UploadProgressComponent {
+    constructor() {
+        this.#uploadService = inject(UploadService);
+        this.progressStatus$ = this.#uploadService.status$;
+        this.completedUp$ = this.#uploadService.uploadStatus$;
+        this.icons = {
+            toggle: YUV_ICONS.arrowDown,
+            close: ICONS.clear
+        };
+        this.expanded = true;
+        this.resultItemClick = output();
+    }
+    #uploadService;
+    close() {
+        this.#uploadService.cancelItem();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UploadProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: UploadProgressComponent, isStandalone: true, selector: "yuv-upload-progress", outputs: { resultItemClick: "resultItemClick" }, host: { properties: { "class.expanded": "this.expanded" } }, ngImport: i0, template: "@let ps = progressStatus$ | async;\n@if (ps && ps.items.length) {\n  @let completed = completedUp$ | async;\n\n  <div class=\"upload-progress\">\n    <header>\n      <h4>\n        @if (!completed) {\n          {{ 'yuv.upload-progress.header.uploading' | translate: { count: ps.items.length } }}\n        } @else {\n          {{ 'yuv.upload-progress.header.uploaded' | translate: { count: ps.items.length } }}\n        }\n      </h4>\n      <button (click)=\"expanded = !expanded\"><yvc-icon class=\"toggle\" [svg]=\"icons.toggle\"></yvc-icon></button>\n      <button (click)=\"close()\"><yvc-icon [svg]=\"icons.close\"></yvc-icon></button>\n    </header>\n    @if (expanded) {\n      <yuv-upload-progress-overlay [items]=\"ps.items\" (itemClick)=\"resultItemClick.emit($event)\"></yuv-upload-progress-overlay>\n    }\n  </div>\n}\n", styles: [":host{--upload-progress-background-header: var(--panel-background-grey);--upload-progress-background-main: var(--panel-background);--upload-progress-border-color: var(--panel-background);--upload-progress-outline: 4px solid rgb(from var(--panel-divider-color) r g b / .9);--upload-progress-border-radius: calc(var(--app-pane-padding) / 4);position:absolute;inset-block-end:var(--app-pane-padding);inset-inline-end:var(--app-pane-padding);z-index:1000}:host .upload-progress{display:flex;flex-flow:column;background-color:var(--upload-progress-background-main);border:1px solid var(--upload-progress-border-color);border-radius:var(--upload-progress-border-radius);outline:var(--upload-progress-outline);min-width:250px;max-height:30vh;overflow:hidden;animation:appear .3s ease-in-out}:host .toggle{rotate:180deg}:host.expanded .toggle{rotate:0deg}:host header{display:flex;align-items:center;gap:calc(var(--app-pane-padding) / 4);background-color:var(--upload-progress-background-header);padding:calc(var(--app-pane-padding) / 4)}:host header h4{margin:0;padding:0 calc(var(--app-pane-padding) / 2);flex:1}:host header button{padding:0;border-radius:4px;--icon-size: 18px}:host yuv-upload-progress-overlay{overflow-y:auto}@keyframes appear{0%{opacity:0;transform:translateY(var(--app-pane-padding))}to{opacity:1;transform:translateY(0)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: YvcIconModule }, { kind: "component", type: i2.Icon, selector: "yvc-icon", inputs: ["label", "svg", "svgSrc"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "component", type: UploadProgressOverlayComponent, selector: "yuv-upload-progress-overlay", inputs: ["items"], outputs: ["itemClick"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UploadProgressComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'yuv-upload-progress', standalone: true, imports: [CommonModule, YvcIconModule, TranslateModule, UploadProgressOverlayComponent], template: "@let ps = progressStatus$ | async;\n@if (ps && ps.items.length) {\n  @let completed = completedUp$ | async;\n\n  <div class=\"upload-progress\">\n    <header>\n      <h4>\n        @if (!completed) {\n          {{ 'yuv.upload-progress.header.uploading' | translate: { count: ps.items.length } }}\n        } @else {\n          {{ 'yuv.upload-progress.header.uploaded' | translate: { count: ps.items.length } }}\n        }\n      </h4>\n      <button (click)=\"expanded = !expanded\"><yvc-icon class=\"toggle\" [svg]=\"icons.toggle\"></yvc-icon></button>\n      <button (click)=\"close()\"><yvc-icon [svg]=\"icons.close\"></yvc-icon></button>\n    </header>\n    @if (expanded) {\n      <yuv-upload-progress-overlay [items]=\"ps.items\" (itemClick)=\"resultItemClick.emit($event)\"></yuv-upload-progress-overlay>\n    }\n  </div>\n}\n", styles: [":host{--upload-progress-background-header: var(--panel-background-grey);--upload-progress-background-main: var(--panel-background);--upload-progress-border-color: var(--panel-background);--upload-progress-outline: 4px solid rgb(from var(--panel-divider-color) r g b / .9);--upload-progress-border-radius: calc(var(--app-pane-padding) / 4);position:absolute;inset-block-end:var(--app-pane-padding);inset-inline-end:var(--app-pane-padding);z-index:1000}:host .upload-progress{display:flex;flex-flow:column;background-color:var(--upload-progress-background-main);border:1px solid var(--upload-progress-border-color);border-radius:var(--upload-progress-border-radius);outline:var(--upload-progress-outline);min-width:250px;max-height:30vh;overflow:hidden;animation:appear .3s ease-in-out}:host .toggle{rotate:180deg}:host.expanded .toggle{rotate:0deg}:host header{display:flex;align-items:center;gap:calc(var(--app-pane-padding) / 4);background-color:var(--upload-progress-background-header);padding:calc(var(--app-pane-padding) / 4)}:host header h4{margin:0;padding:0 calc(var(--app-pane-padding) / 2);flex:1}:host header button{padding:0;border-radius:4px;--icon-size: 18px}:host yuv-upload-progress-overlay{overflow-y:auto}@keyframes appear{0%{opacity:0;transform:translateY(var(--app-pane-padding))}to{opacity:1;transform:translateY(0)}}\n"] }]
+        }], propDecorators: { expanded: [{
+                type: HostBinding,
+                args: ['class.expanded']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBsb2FkLXByb2dyZXNzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMveXV1dmlzL2NsaWVudC1mcmFtZXdvcmsvdXBsb2FkLXByb2dyZXNzL3NyYy9saWIvdXBsb2FkLXByb2dyZXNzL3VwbG9hZC1wcm9ncmVzcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3l1dXZpcy9jbGllbnQtZnJhbWV3b3JrL3VwbG9hZC1wcm9ncmVzcy9zcmMvbGliL3VwbG9hZC1wcm9ncmVzcy91cGxvYWQtcHJvZ3Jlc3MuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkUsT0FBTyxFQUFFLGVBQWUsRUFBZ0IsYUFBYSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDbkYsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQzNELE9BQU8sRUFBRSxLQUFLLEVBQUUsYUFBYSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDL0QsT0FBTyxFQUFFLDhCQUE4QixFQUFFLE1BQU0sNkRBQTZELENBQUM7Ozs7O0FBUzdHLE1BQU0sT0FBTyx1QkFBdUI7SUFQcEM7UUFRRSxtQkFBYyxHQUFHLE1BQU0sQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUN2QyxvQkFBZSxHQUFHLElBQUksQ0FBQyxjQUFjLENBQUMsT0FBTyxDQUFDO1FBQzlDLGlCQUFZLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxhQUFhLENBQUM7UUFFakQsVUFBSyxHQUFHO1lBQ04sTUFBTSxFQUFFLFNBQVMsQ0FBQyxTQUFTO1lBQzNCLEtBQUssRUFBRSxLQUFLLENBQUMsS0FBSztTQUNuQixDQUFDO1FBRTZCLGFBQVEsR0FBRyxJQUFJLENBQUM7UUFDL0Msb0JBQWUsR0FBRyxNQUFNLEVBQWdCLENBQUM7S0FLMUM7SUFmQyxjQUFjLENBQXlCO0lBWXZDLEtBQUs7UUFDSCxJQUFJLENBQUMsY0FBYyxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQ25DLENBQUM7K0dBZlUsdUJBQXVCO21HQUF2Qix1QkFBdUIsNkxDZHBDLGkwQkFxQkEsbzNDRFhZLFlBQVksbUZBQUUsYUFBYSw4SEFBRSxlQUFlLDRGQUFFLDhCQUE4Qjs7NEZBSTNFLHVCQUF1QjtrQkFQbkMsU0FBUzsrQkFDRSxxQkFBcUIsY0FDbkIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLGFBQWEsRUFBRSxlQUFlLEVBQUUsOEJBQThCLENBQUM7OEJBY3hELFFBQVE7c0JBQXRDLFdBQVc7dUJBQUMsZ0JBQWdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIGluamVjdCwgb3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBUcmFuc2xhdGVNb2R1bGUsIFVwbG9hZFJlc3VsdCwgVXBsb2FkU2VydmljZSB9IGZyb20gJ0B5dXV2aXMvY2xpZW50LWNvcmUnO1xuaW1wb3J0IHsgWVVWX0lDT05TIH0gZnJvbSAnQHl1dXZpcy9jbGllbnQtZnJhbWV3b3JrL2ljb25zJztcbmltcG9ydCB7IElDT05TLCBZdmNJY29uTW9kdWxlIH0gZnJvbSAnQHl1dXZpcy9jb21wb25lbnRzL2ljb24nO1xuaW1wb3J0IHsgVXBsb2FkUHJvZ3Jlc3NPdmVybGF5Q29tcG9uZW50IH0gZnJvbSAnLi91cGxvYWQtcHJvZ3Jlc3Mtb3ZlcmxheS91cGxvYWQtcHJvZ3Jlc3Mtb3ZlcmxheS5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd5dXYtdXBsb2FkLXByb2dyZXNzJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgWXZjSWNvbk1vZHVsZSwgVHJhbnNsYXRlTW9kdWxlLCBVcGxvYWRQcm9ncmVzc092ZXJsYXlDb21wb25lbnRdLFxuICB0ZW1wbGF0ZVVybDogJy4vdXBsb2FkLXByb2dyZXNzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL3VwbG9hZC1wcm9ncmVzcy5jb21wb25lbnQuc2Nzcydcbn0pXG5leHBvcnQgY2xhc3MgVXBsb2FkUHJvZ3Jlc3NDb21wb25lbnQge1xuICAjdXBsb2FkU2VydmljZSA9IGluamVjdChVcGxvYWRTZXJ2aWNlKTtcbiAgcHJvZ3Jlc3NTdGF0dXMkID0gdGhpcy4jdXBsb2FkU2VydmljZS5zdGF0dXMkO1xuICBjb21wbGV0ZWRVcCQgPSB0aGlzLiN1cGxvYWRTZXJ2aWNlLnVwbG9hZFN0YXR1cyQ7XG5cbiAgaWNvbnMgPSB7XG4gICAgdG9nZ2xlOiBZVVZfSUNPTlMuYXJyb3dEb3duLFxuICAgIGNsb3NlOiBJQ09OUy5jbGVhclxuICB9O1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MuZXhwYW5kZWQnKSBleHBhbmRlZCA9IHRydWU7XG4gIHJlc3VsdEl0ZW1DbGljayA9IG91dHB1dDxVcGxvYWRSZXN1bHQ+KCk7XG5cbiAgY2xvc2UoKSB7XG4gICAgdGhpcy4jdXBsb2FkU2VydmljZS5jYW5jZWxJdGVtKCk7XG4gIH1cbn1cbiIsIkBsZXQgcHMgPSBwcm9ncmVzc1N0YXR1cyQgfCBhc3luYztcbkBpZiAocHMgJiYgcHMuaXRlbXMubGVuZ3RoKSB7XG4gIEBsZXQgY29tcGxldGVkID0gY29tcGxldGVkVXAkIHwgYXN5bmM7XG5cbiAgPGRpdiBjbGFzcz1cInVwbG9hZC1wcm9ncmVzc1wiPlxuICAgIDxoZWFkZXI+XG4gICAgICA8aDQ+XG4gICAgICAgIEBpZiAoIWNvbXBsZXRlZCkge1xuICAgICAgICAgIHt7ICd5dXYudXBsb2FkLXByb2dyZXNzLmhlYWRlci51cGxvYWRpbmcnIHwgdHJhbnNsYXRlOiB7IGNvdW50OiBwcy5pdGVtcy5sZW5ndGggfSB9fVxuICAgICAgICB9IEBlbHNlIHtcbiAgICAgICAgICB7eyAneXV2LnVwbG9hZC1wcm9ncmVzcy5oZWFkZXIudXBsb2FkZWQnIHwgdHJhbnNsYXRlOiB7IGNvdW50OiBwcy5pdGVtcy5sZW5ndGggfSB9fVxuICAgICAgICB9XG4gICAgICA8L2g0PlxuICAgICAgPGJ1dHRvbiAoY2xpY2spPVwiZXhwYW5kZWQgPSAhZXhwYW5kZWRcIj48eXZjLWljb24gY2xhc3M9XCJ0b2dnbGVcIiBbc3ZnXT1cImljb25zLnRvZ2dsZVwiPjwveXZjLWljb24+PC9idXR0b24+XG4gICAgICA8YnV0dG9uIChjbGljayk9XCJjbG9zZSgpXCI+PHl2Yy1pY29uIFtzdmddPVwiaWNvbnMuY2xvc2VcIj48L3l2Yy1pY29uPjwvYnV0dG9uPlxuICAgIDwvaGVhZGVyPlxuICAgIEBpZiAoZXhwYW5kZWQpIHtcbiAgICAgIDx5dXYtdXBsb2FkLXByb2dyZXNzLW92ZXJsYXkgW2l0ZW1zXT1cInBzLml0ZW1zXCIgKGl0ZW1DbGljayk9XCJyZXN1bHRJdGVtQ2xpY2suZW1pdCgkZXZlbnQpXCI+PC95dXYtdXBsb2FkLXByb2dyZXNzLW92ZXJsYXk+XG4gICAgfVxuICA8L2Rpdj5cbn1cbiJdfQ==

package/esm2022/upload-progress/yuuvis-client-framework-upload-progress.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoieXV1dmlzLWNsaWVudC1mcmFtZXdvcmstdXBsb2FkLXByb2dyZXNzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy95dXV2aXMvY2xpZW50LWZyYW1ld29yay91cGxvYWQtcHJvZ3Jlc3Mvc3JjL3l1dXZpcy1jbGllbnQtZnJhbWV3b3JrLXVwbG9hZC1wcm9ncmVzcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==

package/esm2022/user-avatar/index.mjs

@@ -0,0 +1,3 @@
+export * from './lib/user-avatar.component';
+export * from './lib/user-avatar.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3l1dXZpcy9jbGllbnQtZnJhbWV3b3JrL3VzZXItYXZhdGFyL3NyYy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsMEJBQTBCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2xpYi91c2VyLWF2YXRhci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdXNlci1hdmF0YXIubW9kdWxlJztcbiJdfQ==

package/esm2022/user-avatar/lib/user-avatar.component.mjs

@@ -0,0 +1,69 @@
+import { Component, ElementRef, HostBinding, Input, Renderer2 } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/platform-browser";
+/**
+ * Component rendering a users avatar. If there is no avatar image availbale, the
+ * component will render the initials of the user, but only if we can fetch a first-
+ * and lastname. Otherwise there will be a fallback image.
+ *
+ * [Screenshot](../assets/images/yuv-user-avatar.gif)
+ *
+ *
+ *
+ */
+export class UserAvatarComponent {
+    /**
+     * The user to display the avatar image for.
+     */
+    set user(u) {
+        if (!!u && !this.currentUserId || u?.id !== this.currentUserId) {
+            this.getUserImage(u);
+        }
+        this.currentUserId = u?.id;
+    }
+    constructor(sanitizer, elRef, renderer) {
+        this.sanitizer = sanitizer;
+        this.elRef = elRef;
+        this.renderer = renderer;
+        this.defaultUserImage = 'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="rgba(0,0,0,.2)"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>';
+        this.img = null;
+        this.setDefaulUserImage();
+    }
+    getUserImage(user) {
+        if (user && user.image) {
+            this.img = this.sanitizer.bypassSecurityTrustStyle(`url('${user.image}')`);
+        }
+        else if (user && !user.image && user.firstname && user.lastname) {
+            this.img = null;
+            this.elRef.nativeElement.classList.add('initials');
+            const initials = document.createElement('div');
+            // scale initials font-size based on the containers size
+            const rect = this.elRef.nativeElement.getBoundingClientRect();
+            // when rendered invisible the width will be 0px
+            if (rect.width > 0) {
+                initials.style.fontSize = `${rect.width * 0.5}px`;
+            }
+            initials.innerText = `${user.firstname.substr(0, 1)}${user.lastname.substr(0, 1)}`;
+            this.renderer.appendChild(this.elRef.nativeElement, initials);
+        }
+        else {
+            this.setDefaulUserImage();
+        }
+    }
+    setDefaulUserImage() {
+        this.img = this.sanitizer.bypassSecurityTrustStyle(`url('${this.defaultUserImage}')`);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UserAvatarComponent, deps: [{ token: i1.DomSanitizer }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: UserAvatarComponent, selector: "yuv-user-avatar", inputs: { user: "user" }, host: { properties: { "style.backgroundImage": "this.img" }, classAttribute: "yuv-user-avatar" }, ngImport: i0, template: '', isInline: true, styles: [":host{display:flex;flex-flow:column;align-items:center;justify-content:center;height:100%;box-sizing:border-box;background-repeat:no-repeat;background-size:cover;background-position:center center}:host.initials{background-color:var(--color-accent);color:var(--color-accent-tone)}:host.initials>div{font-weight:var(--font-weight-bold);opacity:.8}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UserAvatarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'yuv-user-avatar', template: '', host: { class: 'yuv-user-avatar' }, styles: [":host{display:flex;flex-flow:column;align-items:center;justify-content:center;height:100%;box-sizing:border-box;background-repeat:no-repeat;background-size:cover;background-position:center center}:host.initials{background-color:var(--color-accent);color:var(--color-accent-tone)}:host.initials>div{font-weight:var(--font-weight-bold);opacity:.8}\n"] }]
+        }], ctorParameters: () => [{ type: i1.DomSanitizer }, { type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { user: [{
+                type: Input
+            }], img: [{
+                type: HostBinding,
+                args: ['style.backgroundImage']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1hdmF0YXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy95dXV2aXMvY2xpZW50LWZyYW1ld29yay91c2VyLWF2YXRhci9zcmMvbGliL3VzZXItYXZhdGFyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNyRixPQUFPLEVBQUUsWUFBWSxFQUFhLE1BQU0sMkJBQTJCLENBQUM7OztBQW1CcEU7Ozs7Ozs7OztHQVNHO0FBT0gsTUFBTSxPQUFPLG1CQUFtQjtJQUs5Qjs7T0FFRztJQUNILElBQ0ksSUFBSSxDQUFDLENBQXNCO1FBQzdCLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLElBQUksQ0FBQyxFQUFFLEVBQUUsS0FBSyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7WUFDL0QsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFFLENBQUMsQ0FBQztRQUN4QixDQUFDO1FBQ0QsSUFBSSxDQUFDLGFBQWEsR0FBRyxDQUFDLEVBQUUsRUFBRSxDQUFDO0lBQzdCLENBQUM7SUFHRCxZQUFvQixTQUF1QixFQUFVLEtBQWlCLEVBQVUsUUFBbUI7UUFBL0UsY0FBUyxHQUFULFNBQVMsQ0FBYztRQUFVLFVBQUssR0FBTCxLQUFLLENBQVk7UUFBVSxhQUFRLEdBQVIsUUFBUSxDQUFXO1FBZjNGLHFCQUFnQixHQUN0QixrUUFBa1EsQ0FBQztRQVkvTixRQUFHLEdBQXFCLElBQUksQ0FBQztRQUdqRSxJQUFJLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRUQsWUFBWSxDQUFDLElBQWE7UUFDeEIsSUFBSSxJQUFJLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO1lBQ3ZCLElBQUksQ0FBQyxHQUFHLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyx3QkFBd0IsQ0FBQyxRQUFRLElBQUksQ0FBQyxLQUFLLElBQUksQ0FBQyxDQUFDO1FBQzdFLENBQUM7YUFBTSxJQUFJLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLElBQUksSUFBSSxDQUFDLFNBQVMsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDbEUsSUFBSSxDQUFDLEdBQUcsR0FBRyxJQUFJLENBQUM7WUFDaEIsSUFBSSxDQUFDLEtBQUssQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxVQUFVLENBQUMsQ0FBQztZQUNuRCxNQUFNLFFBQVEsR0FBZ0IsUUFBUSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUM1RCx3REFBd0Q7WUFDeEQsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxhQUFhLENBQUMscUJBQXFCLEVBQUUsQ0FBQztZQUM5RCxnREFBZ0Q7WUFDaEQsSUFBSSxJQUFJLENBQUMsS0FBSyxHQUFHLENBQUMsRUFBRSxDQUFDO2dCQUNuQixRQUFRLENBQUMsS0FBSyxDQUFDLFFBQVEsR0FBRyxHQUFHLElBQUksQ0FBQyxLQUFLLEdBQUcsR0FBRyxJQUFJLENBQUM7WUFDcEQsQ0FBQztZQUNELFFBQVEsQ0FBQyxTQUFTLEdBQUcsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxFQUFFLENBQUM7WUFDbkYsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxhQUFhLEVBQUUsUUFBUSxDQUFDLENBQUM7UUFDaEUsQ0FBQzthQUFNLENBQUM7WUFDTixJQUFJLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztRQUM1QixDQUFDO0lBQ0gsQ0FBQztJQUVPLGtCQUFrQjtRQUN4QixJQUFJLENBQUMsR0FBRyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsd0JBQXdCLENBQUMsUUFBUSxJQUFJLENBQUMsZ0JBQWdCLElBQUksQ0FBQyxDQUFDO0lBQ3hGLENBQUM7K0dBM0NVLG1CQUFtQjttR0FBbkIsbUJBQW1CLG1MQUpwQixFQUFFOzs0RkFJRCxtQkFBbUI7a0JBTi9CLFNBQVM7K0JBQ0UsaUJBQWlCLFlBQ2pCLEVBQUUsUUFFTixFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRTtrSUFXOUIsSUFBSTtzQkFEUCxLQUFLO2dCQU9nQyxHQUFHO3NCQUF4QyxXQUFXO3VCQUFDLHVCQUF1QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgSG9zdEJpbmRpbmcsIElucHV0LCBSZW5kZXJlcjIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERvbVNhbml0aXplciwgU2FmZVN0eWxlIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XG4vLyBpbXBvcnQgeyBZdXZVc2VyIH0gZnJvbSAnQHl1dXZpcy9jbGllbnQtY29yZSc7XG5cblxuZXhwb3J0IGludGVyZmFjZSBZdXZVc2VyIHtcbiAgaWQ6IHN0cmluZztcbiAgdXNlcm5hbWU6IHN0cmluZztcbiAgZmlyc3RuYW1lOiBzdHJpbmc7XG4gIGxhc3RuYW1lOiBzdHJpbmc7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIGVtYWlsOiBzdHJpbmc7XG4gIGltYWdlOiBzdHJpbmc7XG4gIHRlbmFudDogc3RyaW5nO1xuICBkb21haW46IHN0cmluZztcbiAgYXV0aG9yaXRpZXM6IHN0cmluZ1tdO1xuICBzdWJzdGl0dXRlT2Y6IHN0cmluZ1tdO1xuICBlbmFibGVkOiBib29sZWFuO1xufVxuXG4vKipcbiAqIENvbXBvbmVudCByZW5kZXJpbmcgYSB1c2VycyBhdmF0YXIuIElmIHRoZXJlIGlzIG5vIGF2YXRhciBpbWFnZSBhdmFpbGJhbGUsIHRoZVxuICogY29tcG9uZW50IHdpbGwgcmVuZGVyIHRoZSBpbml0aWFscyBvZiB0aGUgdXNlciwgYnV0IG9ubHkgaWYgd2UgY2FuIGZldGNoIGEgZmlyc3QtXG4gKiBhbmQgbGFzdG5hbWUuIE90aGVyd2lzZSB0aGVyZSB3aWxsIGJlIGEgZmFsbGJhY2sgaW1hZ2UuXG4gKlxuICogW1NjcmVlbnNob3RdKC4uL2Fzc2V0cy9pbWFnZXMveXV2LXVzZXItYXZhdGFyLmdpZilcbiAqXG4gKlxuICpcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAneXV2LXVzZXItYXZhdGFyJyxcbiAgdGVtcGxhdGU6ICcnLFxuICBzdHlsZVVybHM6IFsnLi91c2VyLWF2YXRhci5jb21wb25lbnQuc2NzcyddLFxuICBob3N0OiB7IGNsYXNzOiAneXV2LXVzZXItYXZhdGFyJyB9XG59KVxuZXhwb3J0IGNsYXNzIFVzZXJBdmF0YXJDb21wb25lbnQge1xuICBwcml2YXRlIGN1cnJlbnRVc2VySWQ/OiBzdHJpbmc7XG4gIHByaXZhdGUgZGVmYXVsdFVzZXJJbWFnZSA9XG4gICAgJ2RhdGE6aW1hZ2Uvc3ZnK3htbDt1dGY4LDxzdmcgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHdpZHRoPVwiMjRcIiBoZWlnaHQ9XCIyNFwiIHZpZXdCb3g9XCIwIDAgMjQgMjRcIiBmaWxsPVwicmdiYSgwLDAsMCwuMilcIj48cGF0aCBkPVwiTTEyIDEyYzIuMjEgMCA0LTEuNzkgNC00cy0xLjc5LTQtNC00LTQgMS43OS00IDQgMS43OSA0IDQgNHptMCAyYy0yLjY3IDAtOCAxLjM0LTggNHYyaDE2di0yYzAtMi42Ni01LjMzLTQtOC00elwiLz48L3N2Zz4nO1xuXG4gIC8qKlxuICAgKiBUaGUgdXNlciB0byBkaXNwbGF5IHRoZSBhdmF0YXIgaW1hZ2UgZm9yLlxuICAgKi9cbiAgQElucHV0KClcbiAgc2V0IHVzZXIodTogWXV2VXNlciB8IHVuZGVmaW5lZCkge1xuICAgIGlmICghIXUgJiYgIXRoaXMuY3VycmVudFVzZXJJZCB8fCB1Py5pZCAhPT0gdGhpcy5jdXJyZW50VXNlcklkKSB7XG4gICAgICB0aGlzLmdldFVzZXJJbWFnZSh1ISk7XG4gICAgfVxuICAgIHRoaXMuY3VycmVudFVzZXJJZCA9IHU/LmlkO1xuICB9XG4gIEBIb3N0QmluZGluZygnc3R5bGUuYmFja2dyb3VuZEltYWdlJykgaW1nOiBTYWZlU3R5bGUgfCBudWxsID0gbnVsbDtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHNhbml0aXplcjogRG9tU2FuaXRpemVyLCBwcml2YXRlIGVsUmVmOiBFbGVtZW50UmVmLCBwcml2YXRlIHJlbmRlcmVyOiBSZW5kZXJlcjIpIHtcbiAgICB0aGlzLnNldERlZmF1bFVzZXJJbWFnZSgpO1xuICB9XG5cbiAgZ2V0VXNlckltYWdlKHVzZXI6IFl1dlVzZXIpIHtcbiAgICBpZiAodXNlciAmJiB1c2VyLmltYWdlKSB7XG4gICAgICB0aGlzLmltZyA9IHRoaXMuc2FuaXRpemVyLmJ5cGFzc1NlY3VyaXR5VHJ1c3RTdHlsZShgdXJsKCcke3VzZXIuaW1hZ2V9JylgKTtcbiAgICB9IGVsc2UgaWYgKHVzZXIgJiYgIXVzZXIuaW1hZ2UgJiYgdXNlci5maXJzdG5hbWUgJiYgdXNlci5sYXN0bmFtZSkge1xuICAgICAgdGhpcy5pbWcgPSBudWxsO1xuICAgICAgdGhpcy5lbFJlZi5uYXRpdmVFbGVtZW50LmNsYXNzTGlzdC5hZGQoJ2luaXRpYWxzJyk7XG4gICAgICBjb25zdCBpbml0aWFsczogSFRNTEVsZW1lbnQgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdkaXYnKTtcbiAgICAgIC8vIHNjYWxlIGluaXRpYWxzIGZvbnQtc2l6ZSBiYXNlZCBvbiB0aGUgY29udGFpbmVycyBzaXplXG4gICAgICBjb25zdCByZWN0ID0gdGhpcy5lbFJlZi5uYXRpdmVFbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuICAgICAgLy8gd2hlbiByZW5kZXJlZCBpbnZpc2libGUgdGhlIHdpZHRoIHdpbGwgYmUgMHB4XG4gICAgICBpZiAocmVjdC53aWR0aCA+IDApIHtcbiAgICAgICAgaW5pdGlhbHMuc3R5bGUuZm9udFNpemUgPSBgJHtyZWN0LndpZHRoICogMC41fXB4YDtcbiAgICAgIH1cbiAgICAgIGluaXRpYWxzLmlubmVyVGV4dCA9IGAke3VzZXIuZmlyc3RuYW1lLnN1YnN0cigwLCAxKX0ke3VzZXIubGFzdG5hbWUuc3Vic3RyKDAsIDEpfWA7XG4gICAgICB0aGlzLnJlbmRlcmVyLmFwcGVuZENoaWxkKHRoaXMuZWxSZWYubmF0aXZlRWxlbWVudCwgaW5pdGlhbHMpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLnNldERlZmF1bFVzZXJJbWFnZSgpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgc2V0RGVmYXVsVXNlckltYWdlKCkge1xuICAgIHRoaXMuaW1nID0gdGhpcy5zYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdFN0eWxlKGB1cmwoJyR7dGhpcy5kZWZhdWx0VXNlckltYWdlfScpYCk7XG4gIH1cbn1cbiJdfQ==

package/esm2022/user-avatar/lib/user-avatar.module.mjs

@@ -0,0 +1,24 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { UserAvatarComponent } from './user-avatar.component';
+import * as i0 from "@angular/core";
+export class YuvUserAvatarModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: YuvUserAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: YuvUserAvatarModule, declarations: [UserAvatarComponent], imports: [CommonModule], exports: [UserAvatarComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: YuvUserAvatarModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: YuvUserAvatarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        UserAvatarComponent
+                    ],
+                    imports: [
+                        CommonModule
+                    ],
+                    exports: [
+                        UserAvatarComponent
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1hdmF0YXIubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy95dXV2aXMvY2xpZW50LWZyYW1ld29yay91c2VyLWF2YXRhci9zcmMvbGliL3VzZXItYXZhdGFyLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7QUFhOUQsTUFBTSxPQUFPLG1CQUFtQjsrR0FBbkIsbUJBQW1CO2dIQUFuQixtQkFBbUIsaUJBVDVCLG1CQUFtQixhQUduQixZQUFZLGFBR1osbUJBQW1CO2dIQUdWLG1CQUFtQixZQU41QixZQUFZOzs0RkFNSCxtQkFBbUI7a0JBWC9CLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLG1CQUFtQjtxQkFDcEI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7cUJBQ2I7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLG1CQUFtQjtxQkFDcEI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFVzZXJBdmF0YXJDb21wb25lbnQgfSBmcm9tICcuL3VzZXItYXZhdGFyLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIFVzZXJBdmF0YXJDb21wb25lbnRcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZVxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgVXNlckF2YXRhckNvbXBvbmVudFxuICBdXG59KVxuZXhwb3J0IGNsYXNzIFl1dlVzZXJBdmF0YXJNb2R1bGUgeyB9XG4iXX0=

package/esm2022/user-avatar/yuuvis-client-framework-user-avatar.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoieXV1dmlzLWNsaWVudC1mcmFtZXdvcmstdXNlci1hdmF0YXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3l1dXZpcy9jbGllbnQtZnJhbWV3b3JrL3VzZXItYXZhdGFyL3NyYy95dXV2aXMtY2xpZW50LWZyYW1ld29yay11c2VyLWF2YXRhci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==

package/esm2022/yuuvis-client-framework.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoieXV1dmlzLWNsaWVudC1mcmFtZXdvcmsuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL3l1dXZpcy9jbGllbnQtZnJhbWV3b3JrL3NyYy95dXV2aXMtY2xpZW50LWZyYW1ld29yay50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==

package/fesm2022/yuuvis-client-framework-actions.mjs

@@ -0,0 +1,333 @@
+import * as i0 from '@angular/core';
+import { NgModule, inject, Component, Injector, runInInjectionContext, Injectable } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+import { DmsService, TranslateService, TranslateModule as TranslateModule$1, RetentionField, ClipboardService, Utils } from '@yuuvis/client-core';
+import { of, map, forkJoin } from 'rxjs';
+import { YvcOverlayRef, YvcOverlayService } from '@yuuvis/components/overlay';
+import * as i2$1 from '@angular/cdk/a11y';
+import { A11yModule } from '@angular/cdk/a11y';
+import { ListComponent, ListItemDirective } from '@yuuvis/client-framework/list';
+import * as i1$1 from '@yuuvis/components/icon';
+import { YvcIconModule } from '@yuuvis/components/icon';
+
+class ActionsModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ActionsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ActionsModule, imports: [CommonModule, TranslateModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ActionsModule, imports: [CommonModule, TranslateModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ActionsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, TranslateModule]
+                }]
+        }] });
+
+const ACTION_ICON = {
+    download: '<svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px" fill="#e8eaed"><path d="M480-336 288-528l51-51 105 105v-342h72v342l105-105 51 51-192 192ZM263.72-192Q234-192 213-213.15T192-264v-72h72v72h432v-72h72v72q0 29.7-21.16 50.85Q725.68-192 695.96-192H263.72Z"/></svg>',
+    delete: '<svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px" fill="#e8eaed"><path d="M312-144q-29.7 0-50.85-21.15Q240-186.3 240-216v-480h-48v-72h192v-48h192v48h192v72h-48v479.57Q720-186 698.85-165T648-144H312Zm336-552H312v480h336v-480ZM384-288h72v-336h-72v336Zm120 0h72v-336h-72v336ZM312-696v480-480Z"/></svg>',
+    copy: '<svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px" fill="#e8eaed"><path d="M360-240q-29.7 0-50.85-21.15Q288-282.3 288-312v-480q0-29.7 21.15-50.85Q330.3-864 360-864h384q29.7 0 50.85 21.15Q816-821.7 816-792v480q0 29.7-21.15 50.85Q773.7-240 744-240H360Zm0-72h384v-480H360v480ZM216-96q-29.7 0-50.85-21.15Q144-138.3 144-168v-552h72v552h456v72H216Zm144-216v-480 480Z"/></svg>',
+    cut: '<svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px" fill="#e8eaed"><path d="M744-144 480-407l-87 88q8 16 11.5 32.85 3.5 16.86 3.5 33.71 0 65.44-45 110.94T252-96q-64.35 0-110.18-45.5Q96-187 96-252t45.5-110.5Q187-408 252.44-408q16.85 0 33.71 4Q303-400 319-392l88-87-88-88q-16 8-32.85 11.5-16.86 3.5-33.71 3.5-65.44 0-110.94-45.5T96-708q0-65 45.5-110.5T252-864q65 0 110.5 45.5T408-707.56q0 16.85-3.5 33.71Q401-657 393-641l471 469v28H744ZM595-520l-74-74 223-222h120v28L595-520ZM252.25-624q34.75 0 59.25-24.75t24.5-59.5q0-34.75-24.75-59.25t-59.5-24.5q-34.75 0-59.25 24.75t-24.5 59.5q0 34.75 24.75 59.25t59.5 24.5ZM480-456q9.6 0 16.8-7.2 7.2-7.2 7.2-16.8 0-9.6-7.2-16.8-7.2-7.2-16.8-7.2-9.6 0-16.8 7.2-7.2 7.2-7.2 16.8 0 9.6 7.2 16.8 7.2 7.2 16.8 7.2ZM252.25-168q34.75 0 59.25-24.75t24.5-59.5q0-34.75-24.75-59.25t-59.5-24.5q-34.75 0-59.25 24.75t-24.5 59.5q0 34.75 24.75 59.25t59.5 24.5Z"/></svg>',
+    manageFlavor: '<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e8eaed"><path d="m489-460 91-55 91 55-24-104 80-69-105-9-42-98-42 98-105 9 80 69-24 104Zm19 260h224q-7 26-24 42t-44 20L228-85q-33 5-59.5-15.5T138-154L85-591q-4-33 16-59t53-30l46-6v80l-36 5 54 437 290-36Zm-148-80q-33 0-56.5-23.5T280-360v-440q0-33 23.5-56.5T360-880h440q33 0 56.5 23.5T880-800v440q0 33-23.5 56.5T800-280H360Zm0-80h440v-440H360v440Zm220-220ZM218-164Z"/></svg>'
+};
+
+class AbstractContextAction {
+    constructor(context) {
+        this.context = context;
+    }
+}
+var SelectionRange;
+(function (SelectionRange) {
+    SelectionRange[SelectionRange["SINGLE_SELECT"] = 0] = "SINGLE_SELECT";
+    SelectionRange[SelectionRange["MULTI_SELECT"] = 1] = "MULTI_SELECT";
+    SelectionRange[SelectionRange["MULTI_SELECT_ONLY"] = 2] = "MULTI_SELECT_ONLY";
+    SelectionRange[SelectionRange["ANY"] = 3] = "ANY";
+})(SelectionRange || (SelectionRange = {}));
+const BASE_ACTION = {
+    copy: 'yuv.base.copy',
+    cut: 'yuv.base.cut',
+    download: 'yuv.base.download',
+    delete: 'yuv.base.delete'
+};
+
+/**
+ * @ignore
+ */
+class DeleteComponent {
+    constructor() {
+        this.#dmsService = inject(DmsService);
+        this.#oref = inject(YvcOverlayRef);
+        this.translate = inject(TranslateService);
+        this.errors = [];
+        this.deleting = false;
+        this.deleteItems = this.#oref.data.items;
+        this.context = this.#oref.data.context;
+    }
+    #dmsService;
+    #oref;
+    run() {
+        this.errors = [];
+        if (this.deleteItems.length) {
+            this.deleting = true;
+            this.#dmsService
+                .deleteDmsObjects(this.deleteItems.map((o) => ({
+                id: o.id,
+                subject: o.data[this.context.subjectProperty || o.id]
+            })))
+                .subscribe({
+                next: (res) => {
+                    this.errors = res
+                        .filter((r) => !!r._error)
+                        .map((r) => ({
+                        status: r._error.status,
+                        subject: this.context?.subjectProperty ? r.properties[this.context.subjectProperty].value : r.id,
+                        message: this.#getErrorMessage(r._error)
+                    }));
+                    !this.errors.length && this.#oref.close();
+                },
+                complete: () => (this.deleting = false)
+            });
+        }
+    }
+    #getErrorMessage(error) {
+        switch (error.status) {
+            case 403:
+                return this.translate.instant('yuv.action-menu.action.delete.error.403');
+            case 404:
+                return this.translate.instant('yuv.action-menu.action.delete.error.404');
+            default:
+                return this.translate.instant('yuv.action-menu.action.delete.error.default');
+        }
+    }
+    cancel() {
+        this.#oref.close();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DeleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DeleteComponent, isStandalone: true, selector: "yuv-delete", ngImport: i0, template: "<div class=\"yuv-delete\" [ngClass]=\"{ deleting }\">\n  <div class=\"yuv-loader-linear\"></div>\n\n  @if (errors?.length) {\n    <ul class=\"errors\">\n      @for (e of errors; track $index) {\n        <li class=\"error\">\n          <span class=\"subject\">{{ e.subject }}</span>\n          <span class=\"message\">{{ e.message }}</span>\n        </li>\n      }\n    </ul>\n  } @else {\n    <p>{{ 'yuv.action-menu.action.delete.dms.object.confirm.message' | translate }}</p>\n  }\n\n  <div class=\"form-buttons\">\n    <button [disabled]=\"deleting || errors?.length\" class=\"primary\" (click)=\"run()\">{{ 'yuv.action-menu.action.delete.dms.object.confirm.ok' | translate }}</button>\n    <button [disabled]=\"deleting\" class=\"secondary\" (click)=\"cancel()\">{{ 'yuv.action-menu.action.delete.dms.object.confirm.cancel' | translate }}</button>\n  </div>\n</div>\n", styles: [".yuv-delete{display:flex;flex-flow:column;justify-content:center;padding:var(--app-pane-padding);position:relative}.yuv-delete .yuv-loader-linear{position:absolute;inset-block-start:0;inset-inline-start:0;inset-inline-end:0}.yuv-delete:not(.deleting) .yuv-loader-linear{opacity:0}.yuv-delete p{margin:0}.yuv-delete ul.errors{list-style:none;margin:0;background-color:var(--color-error);color:#fff;padding:calc(var(--app-pane-padding) / 2);border-radius:.5rem;display:flex;flex-flow:column;gap:.5rem}.yuv-delete ul.errors .error{display:grid;grid-template-rows:auto auto;grid-template-columns:auto 1fr;grid-template-areas:\"icon subject\" \"icon message\";row-gap:.2em;column-gap:1em;align-items:center}.yuv-delete ul.errors .error .subject{grid-area:subject;font-weight:700}.yuv-delete ul.errors .error .message{grid-area:message;font-weight:400;font-style:italic;display:block}.yuv-delete ul.errors .error:before{align-self:start;font-weight:700;grid-area:icon;content:\"!\";outline:2px solid currentColor;border-radius:2px;width:1em;display:grid;place-items:center}.yuv-delete .form-buttons{display:flex;flex-flow:row-reverse;justify-content:flex-end;justify-content:end;gap:calc(var(--app-pane-padding) / 4);align-items:center;margin-block-start:calc(var(--app-pane-padding) * 1.5)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: DeleteComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'yuv-delete', standalone: true, imports: [CommonModule, TranslateModule$1], template: "<div class=\"yuv-delete\" [ngClass]=\"{ deleting }\">\n  <div class=\"yuv-loader-linear\"></div>\n\n  @if (errors?.length) {\n    <ul class=\"errors\">\n      @for (e of errors; track $index) {\n        <li class=\"error\">\n          <span class=\"subject\">{{ e.subject }}</span>\n          <span class=\"message\">{{ e.message }}</span>\n        </li>\n      }\n    </ul>\n  } @else {\n    <p>{{ 'yuv.action-menu.action.delete.dms.object.confirm.message' | translate }}</p>\n  }\n\n  <div class=\"form-buttons\">\n    <button [disabled]=\"deleting || errors?.length\" class=\"primary\" (click)=\"run()\">{{ 'yuv.action-menu.action.delete.dms.object.confirm.ok' | translate }}</button>\n    <button [disabled]=\"deleting\" class=\"secondary\" (click)=\"cancel()\">{{ 'yuv.action-menu.action.delete.dms.object.confirm.cancel' | translate }}</button>\n  </div>\n</div>\n", styles: [".yuv-delete{display:flex;flex-flow:column;justify-content:center;padding:var(--app-pane-padding);position:relative}.yuv-delete .yuv-loader-linear{position:absolute;inset-block-start:0;inset-inline-start:0;inset-inline-end:0}.yuv-delete:not(.deleting) .yuv-loader-linear{opacity:0}.yuv-delete p{margin:0}.yuv-delete ul.errors{list-style:none;margin:0;background-color:var(--color-error);color:#fff;padding:calc(var(--app-pane-padding) / 2);border-radius:.5rem;display:flex;flex-flow:column;gap:.5rem}.yuv-delete ul.errors .error{display:grid;grid-template-rows:auto auto;grid-template-columns:auto 1fr;grid-template-areas:\"icon subject\" \"icon message\";row-gap:.2em;column-gap:1em;align-items:center}.yuv-delete ul.errors .error .subject{grid-area:subject;font-weight:700}.yuv-delete ul.errors .error .message{grid-area:message;font-weight:400;font-style:italic;display:block}.yuv-delete ul.errors .error:before{align-self:start;font-weight:700;grid-area:icon;content:\"!\";outline:2px solid currentColor;border-radius:2px;width:1em;display:grid;place-items:center}.yuv-delete .form-buttons{display:flex;flex-flow:row-reverse;justify-content:flex-end;justify-content:end;gap:calc(var(--app-pane-padding) / 4);align-items:center;margin-block-start:calc(var(--app-pane-padding) * 1.5)}\n"] }]
+        }] });
+
+class DeleteAction extends AbstractContextAction {
+    constructor() {
+        super(...arguments);
+        this.translate = inject(TranslateService);
+        this.overlay = inject(YvcOverlayService);
+        this.id = BASE_ACTION.delete;
+        this.label = this.translate.instant('yuv.action-menu.action.delete.dms.object.label');
+        this.description = this.translate.instant('yuv.action-menu.action.delete.dms.object.description');
+        this.priority = 8;
+        this.icon = ACTION_ICON.delete;
+        this.group = 'common';
+        this.range = SelectionRange.MULTI_SELECT;
+        this.supports = {
+            pattern: '*'
+        };
+    }
+    isExecutable(items) {
+        const e = items[0];
+        let isRetentionActive = false;
+        if (e && e.data[RetentionField.RETENTION_START] && e.data[RetentionField.RETENTION_END]) {
+            const currentDate = new Date();
+            const retentionStart = new Date(e.data[RetentionField.RETENTION_START]);
+            const retentionEnd = new Date(e.data[RetentionField.RETENTION_END]);
+            isRetentionActive = retentionStart <= currentDate && currentDate <= retentionEnd;
+        }
+        return of(e && !!e.permissions && e.permissions.deleteObject && !isRetentionActive);
+    }
+    run(items) {
+        return this.overlay
+            .open(DeleteComponent, {
+            items,
+            context: this.context
+        })
+            .afterClosed$.pipe(map(() => true));
+    }
+}
+
+class DownloadAction extends AbstractContextAction {
+    constructor() {
+        super(...arguments);
+        this.translate = inject(TranslateService);
+        this.dmsService = inject(DmsService);
+        this.id = BASE_ACTION.download;
+        this.label = this.translate.instant('yuv.action-menu.action.download.dms.object.content.label');
+        this.description = this.translate.instant('yuv.action-menu.action.download.dms.object.content.description');
+        this.priority = 2;
+        this.icon = ACTION_ICON.download;
+        this.group = 'common';
+        this.range = SelectionRange.MULTI_SELECT;
+        this.supports = {
+            pattern: '*'
+        };
+    }
+    isExecutable(selection) {
+        const noContentMatch = (Array.isArray(selection) ? selection : [selection]).find((e) => !e.content);
+        if (selection.length < 1)
+            return of(false);
+        return of(!noContentMatch);
+    }
+    run(selection) {
+        this.dmsService.downloadContent(Array.isArray(selection) ? selection : [selection]);
+        return of(true);
+    }
+}
+
+class CopyAction extends AbstractContextAction {
+    constructor() {
+        super(...arguments);
+        this.clipboardService = inject(ClipboardService);
+        this.translate = inject(TranslateService);
+        this.id = BASE_ACTION.copy;
+        this.label = this.translate.instant('yuv.action-menu.action.copy.dms.object.label');
+        this.description = this.translate.instant('yuv.action-menu.action.copy.dms.object.description');
+        this.priority = 8;
+        this.icon = ACTION_ICON.copy;
+        this.group = 'common';
+        this.range = SelectionRange.MULTI_SELECT;
+        this.supports = {
+            pattern: '*'
+        };
+    }
+    isExecutable(items) {
+        const notAllowed = items.some((item) => !item.permissions?.writeIndexData);
+        return of(items.length > 0 && !notAllowed);
+    }
+    run(items) {
+        this.clipboardService.addObjects(items, 'copy', this.context?.appId);
+        return of(true);
+    }
+}
+
+class ContextmenuComponent {
+    constructor() {
+        this.oRef = inject(YvcOverlayRef);
+        this.actions = this.oRef.data.actions;
+        this.callback = this.oRef.data.callback;
+    }
+    onItemSelect(index) {
+        this.oRef?.close();
+        this.callback(this.actions()[index[0]]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ContextmenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ContextmenuComponent, isStandalone: true, selector: "yuv-contextmenu", ngImport: i0, template: "<yuv-list (itemSelect)=\"onItemSelect($event)\" cdkTrapFocus>\n  @for (a of actions(); track a.id) {\n    <div yuvListItem><yvc-icon [svg]=\"a.icon\"></yvc-icon> {{ a.label }}</div>\n  }\n</yuv-list>\n", styles: [":host{--contextmenu-item-padding: calc(var(--app-pane-padding) / 2);--contextmenu-item-icon-size: 20px}:host [yuvListItem]{cursor:pointer;border-width:0 0 1px 0;display:flex;align-items:center;padding:var(--contextmenu-item-padding);gap:calc(var(--contextmenu-item-padding) * 1.5)}:host [yuvListItem] yvc-icon{--icon-size: var(--contextmenu-item-icon-size);flex:0 0 auto;color:var(--text-color-caption)}:host [yuvListItem]:hover,:host [yuvListItem][aria-current=true]{background-color:var(--item-focus-background-color)}\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: YvcIconModule }, { kind: "component", type: i1$1.Icon, selector: "yvc-icon", inputs: ["label", "svg", "svgSrc"] }, { kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i2$1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ContextmenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'yuv-contextmenu', standalone: true, imports: [CommonModule, ListComponent, ListItemDirective, YvcIconModule, A11yModule], template: "<yuv-list (itemSelect)=\"onItemSelect($event)\" cdkTrapFocus>\n  @for (a of actions(); track a.id) {\n    <div yuvListItem><yvc-icon [svg]=\"a.icon\"></yvc-icon> {{ a.label }}</div>\n  }\n</yuv-list>\n", styles: [":host{--contextmenu-item-padding: calc(var(--app-pane-padding) / 2);--contextmenu-item-icon-size: 20px}:host [yuvListItem]{cursor:pointer;border-width:0 0 1px 0;display:flex;align-items:center;padding:var(--contextmenu-item-padding);gap:calc(var(--contextmenu-item-padding) * 1.5)}:host [yuvListItem] yvc-icon{--icon-size: var(--contextmenu-item-icon-size);flex:0 0 auto;color:var(--text-color-caption)}:host [yuvListItem]:hover,:host [yuvListItem][aria-current=true]{background-color:var(--item-focus-background-color)}\n"] }]
+        }] });
+
+class CutAction extends AbstractContextAction {
+    constructor() {
+        super(...arguments);
+        this.clipboardService = inject(ClipboardService);
+        this.translate = inject(TranslateService);
+        this.id = BASE_ACTION.cut;
+        this.label = this.translate.instant('yuv.action-menu.action.cut.dms.object.label');
+        this.description = this.translate.instant('yuv.action-menu.action.cut.dms.object.description');
+        this.priority = 8;
+        this.icon = ACTION_ICON.cut;
+        this.group = 'common';
+        this.range = SelectionRange.MULTI_SELECT;
+        this.supports = {
+            pattern: '*'
+        };
+    }
+    isExecutable(items) {
+        return of(items.length > 0 && items.every((item) => item.permissions?.writeContent && item.permissions?.writeIndexData && item.permissions?.deleteObject));
+    }
+    run(items) {
+        this.clipboardService.addObjects(items, 'cut', this.context?.appId);
+        return of(true);
+    }
+}
+
+class ActionsService {
+    constructor() {
+        this.injector = inject(Injector);
+        this.overlay = inject(YvcOverlayService);
+        this._registeredActions = {};
+    }
+    registerActions(a) {
+        Array.isArray(a) && a.forEach((a) => (this._registeredActions[a.id] = a.action));
+    }
+    concealActions(actionIDs) {
+        Array.isArray(actionIDs) && actionIDs.forEach((id) => delete this._registeredActions[id]);
+    }
+    /**
+     * Returns all actions that are executable for the given selection.
+     * @param selection Array of DmsObjects to check for executable actions
+     * @param options options to filter the actions
+     * @returns Observable of actions that are executable for the given selection
+     */
+    getActions(selection, options) {
+        // TODO: check if selection is empty or if nessasery at all
+        // if (!selection || selection.length === 0) return of([]);
+        const s = this.getAvailableActions(options?.context)
+            .filter((ac) => options?.exclude
+            ? Array.isArray(options.exclude)
+                ? !options.exclude.includes(ac.id)
+                : options.exclude instanceof RegExp
+                    ? !options.exclude.test(ac.id)
+                    : true
+            : true)
+            .map((action) => action.isExecutable(selection).pipe(map((executable) => ({
+            action,
+            executable
+        }))));
+        return forkJoin(s).pipe(map((res) => res.filter((r) => r.executable).map((r) => r.action)));
+    }
+    /**
+     * Get all available actions. This includes the default actions and all registered actions but
+     * without checking if they are executable.
+     * @param context Context passed to the actions
+     * @returns Array of available actions
+     */
+    getAvailableActions(context) {
+        let a = [];
+        runInInjectionContext(this.injector, () => {
+            a = [...this._getDefaulActions(context), ...Object.values(this._registeredActions).map((ac) => new ac(context))];
+        });
+        return a;
+    }
+    getActionsForType(objectTypeId, context) {
+        return this.getAvailableActions(context).filter((a) => this._actionsSupportsType(a, objectTypeId));
+    }
+    getActionById(id, context) {
+        return this.getAvailableActions(context).find((a) => a.id === id);
+    }
+    getActionsById(ids, context) {
+        return this.getAvailableActions(context).filter((a) => ids.includes(a.id));
+    }
+    openContextMenu(actions, callback, element) {
+        this.overlay.open(ContextmenuComponent, { actions, callback }, {}, element);
+    }
+    _actionsSupportsType(action, objectTypeId) {
+        const matchesTypes = action.supports.types ? action.supports.types.includes(objectTypeId) : false;
+        const matchesSOTs = action.supports.sots ? action.supports.sots.includes(objectTypeId) : false;
+        const matchesPattern = action.supports.pattern ? Utils.patternToRegExp(action.supports.pattern).test(objectTypeId) : false;
+        return matchesTypes || matchesSOTs || matchesPattern;
+    }
+    _getDefaulActions(context) {
+        return [new DeleteAction(context), new DownloadAction(context), new CopyAction(context), new CutAction(context)];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ActionsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ActionsService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ActionsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ACTION_ICON, AbstractContextAction, ActionsModule, ActionsService, BASE_ACTION, DeleteAction, DownloadAction, SelectionRange };
+//# sourceMappingURL=yuuvis-client-framework-actions.mjs.map