@yuuvis/client-shell 2.0.2 → 2.0.4

package/fesm2022/yuuvis-client-shell-settings.component-BpcH9FZY.mjs

@@ -0,0 +1,83 @@
+import * as i0 from '@angular/core';
+import { inject, signal, Component } from '@angular/core';
+import { toSignal } from '@angular/core/rxjs-interop';
+import * as i1 from '@yuuvis/client-core';
+import { UserService, ConfigService, TranslateService, AppCacheService, TranslateModule } from '@yuuvis/client-core';
+import { DOCUMENT, CommonModule } from '@angular/common';
+import { FormBuilder, ReactiveFormsModule } from '@angular/forms';
+import { ShellService } from '@yuuvis/client-shell-core';
+import { map } from 'rxjs';
+import { MatSelectModule } from '@angular/material/select';
+import { MatButtonToggleGroup, MatButtonToggle } from '@angular/material/button-toggle';
+
+class SettingsPageComponent {
+    constructor() {
+        this.userService = inject(UserService);
+        this.config = inject(ConfigService);
+        this.translate = inject(TranslateService);
+        this.shell = inject(ShellService);
+        this.document = inject(DOCUMENT);
+        this.#appCache = inject(AppCacheService);
+        this.#fb = inject(FormBuilder);
+        this.clientLocales = signal([]);
+        this.clientVersion = signal(undefined);
+        this.user = toSignal(this.userService.user$);
+        this.appSettingForms$ = this.shell.appSettings$.pipe(map((settings) => settings.map((e) => {
+            const x = {};
+            const fcn = e.properties.map((p) => ({
+                label: this.translate.instant(p.label) || p.label,
+                name: p.name,
+                type: p.type
+            }));
+            e.properties.forEach((p) => {
+                x[p.name] = [p.value];
+            });
+            return {
+                appID: e.appID,
+                label: e.label,
+                formControls: fcn,
+                form: this.#fb.group(x)
+            };
+        })));
+    }
+    #appCache;
+    #fb;
+    saveAppSettings(appID, form) {
+        this.userService
+            .saveUserSettings({
+            clientAppSettings: {
+                [appID]: form.value
+            }
+        })
+            .subscribe({
+            next: () => {
+                form.markAsPristine();
+            },
+            error: (err) => {
+                console.error('Error saving app settings', err);
+            }
+        });
+    }
+    changeClientLocale(iso) {
+        this.userService.changeClientLocale(iso);
+    }
+    toggleDarkMode() {
+        const root = document.getElementsByTagName('body')[0];
+        root.classList.toggle('dark');
+    }
+    ngOnInit() {
+        this.clientVersion.set(this.document.body.getAttribute('data-version') ?? 'dev');
+        this.clientLocales.set(this.config.getClientLocales());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: SettingsPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.12", type: SettingsPageComponent, isStandalone: true, selector: "yuv-settings", ngImport: i0, template: "<header>\n  <h1>{{ 'yuv.shell.settings.title' | translate }}</h1>\n  <span class=\"subhead\">{{ 'yuc.shell.settings.client.version' | translate }}: {{ clientVersion() }}</span>\n</header>\n\n\n<main>@if (user()) {\n  <section class=\"user\">\n    <!-- <yuv-user-avatar class=\"background\" [user]=\"user()\"></yuv-user-avatar> -->\n    <div class=\"user\">\n      <div class=\"meta uname\">{{ user()!.username }}</div>\n      <h2>{{ user()!.title }}</h2>\n      <div class=\"meta uemail\">{{ user()!.email }}</div>\n      <div class=\"meta utenant\">{{ 'yuv.shell.settings.tenant' | translate }}: {{ user()!.tenant }}</div>\n    </div>\n  </section>\n}\n  <!-- language -->\n  <section yuvOfflineDisabled>\n    <div class=\"label\" translate>yuv.shell.settings.language</div>\n    <div class=\"value\">\n      <mat-button-toggle-group name=\"language\" [value]=\"translate.currentLang\" (valueChange)=\"changeClientLocale($event)\" [attr.aria-label]=\"'yuv.shell.settings.language' | translate\" >\n      @for (locale of clientLocales(); track locale.iso) {\n        <mat-button-toggle value=\"{{ locale.iso }}\">{{ locale.label }}</mat-button-toggle>\n      }\n      </mat-button-toggle-group>\n    </div>\n  </section>\n\n  <!-- app settings -->\n  <!-- TODO: activate one feature is refined -->\n  <!-- @for (c of appSettingForms$ | async; track $index) {\n    <section>\n      {{ c.label }}\n      <form [formGroup]=\"c.form\" (ngSubmit)=\"saveAppSettings(c.appID, c.form)\">\n        @for (n of c.formControls; track $index) {\n          <label\n            >{{ n.label }}\n\n            @switch (n.type) {\n              @case ('string') {\n                <input type=\"text\" [formControlName]=\"n.name\" />\n              }\n              @case ('number') {\n                <input type=\"number\" [formControlName]=\"n.name\" />\n              }\n            }\n          </label>\n        }\n        <button [ngClass]=\"{ hideen: c.form.untouched }\" [disabled]=\"c.form.invalid\">Save</button>\n      </form>\n    </section>\n  } -->\n</main>\n", styles: [":host{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;grid-template-areas:\"header\" \"settings\";height:100%;overflow:hidden;overflow-y:auto}:host header{grid-area:header;padding:var(--ymt-spacing-3xl)}:host header h1{margin:0}:host header subhead{font:var(--ymt-font-subhead);color:var(--ymt-text-color-subtle)}:host main{grid-area:settings;padding:var(--ymt-spacing-m);overflow-y:auto}:host main section{display:flex;flex-flow:column;padding:var(--ymt-spacing-m)}:host main section .label{margin-block-end:1em}:host main section .value{display:inline-block}:host main section.user h2{margin:0 0 1rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "directive", type: i1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "disabledInteractive", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: SettingsPageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'yuv-settings', standalone: true, imports: [CommonModule, TranslateModule,
+                        MatSelectModule,
+                        ReactiveFormsModule, MatButtonToggleGroup, MatButtonToggle], template: "<header>\n  <h1>{{ 'yuv.shell.settings.title' | translate }}</h1>\n  <span class=\"subhead\">{{ 'yuc.shell.settings.client.version' | translate }}: {{ clientVersion() }}</span>\n</header>\n\n\n<main>@if (user()) {\n  <section class=\"user\">\n    <!-- <yuv-user-avatar class=\"background\" [user]=\"user()\"></yuv-user-avatar> -->\n    <div class=\"user\">\n      <div class=\"meta uname\">{{ user()!.username }}</div>\n      <h2>{{ user()!.title }}</h2>\n      <div class=\"meta uemail\">{{ user()!.email }}</div>\n      <div class=\"meta utenant\">{{ 'yuv.shell.settings.tenant' | translate }}: {{ user()!.tenant }}</div>\n    </div>\n  </section>\n}\n  <!-- language -->\n  <section yuvOfflineDisabled>\n    <div class=\"label\" translate>yuv.shell.settings.language</div>\n    <div class=\"value\">\n      <mat-button-toggle-group name=\"language\" [value]=\"translate.currentLang\" (valueChange)=\"changeClientLocale($event)\" [attr.aria-label]=\"'yuv.shell.settings.language' | translate\" >\n      @for (locale of clientLocales(); track locale.iso) {\n        <mat-button-toggle value=\"{{ locale.iso }}\">{{ locale.label }}</mat-button-toggle>\n      }\n      </mat-button-toggle-group>\n    </div>\n  </section>\n\n  <!-- app settings -->\n  <!-- TODO: activate one feature is refined -->\n  <!-- @for (c of appSettingForms$ | async; track $index) {\n    <section>\n      {{ c.label }}\n      <form [formGroup]=\"c.form\" (ngSubmit)=\"saveAppSettings(c.appID, c.form)\">\n        @for (n of c.formControls; track $index) {\n          <label\n            >{{ n.label }}\n\n            @switch (n.type) {\n              @case ('string') {\n                <input type=\"text\" [formControlName]=\"n.name\" />\n              }\n              @case ('number') {\n                <input type=\"number\" [formControlName]=\"n.name\" />\n              }\n            }\n          </label>\n        }\n        <button [ngClass]=\"{ hideen: c.form.untouched }\" [disabled]=\"c.form.invalid\">Save</button>\n      </form>\n    </section>\n  } -->\n</main>\n", styles: [":host{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;grid-template-areas:\"header\" \"settings\";height:100%;overflow:hidden;overflow-y:auto}:host header{grid-area:header;padding:var(--ymt-spacing-3xl)}:host header h1{margin:0}:host header subhead{font:var(--ymt-font-subhead);color:var(--ymt-text-color-subtle)}:host main{grid-area:settings;padding:var(--ymt-spacing-m);overflow-y:auto}:host main section{display:flex;flex-flow:column;padding:var(--ymt-spacing-m)}:host main section .label{margin-block-end:1em}:host main section .value{display:inline-block}:host main section.user h2{margin:0 0 1rem}\n"] }]
+        }] });
+
+export { SettingsPageComponent };
+//# sourceMappingURL=yuuvis-client-shell-settings.component-BpcH9FZY.mjs.map

package/fesm2022/yuuvis-client-shell-settings.component-BpcH9FZY.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"yuuvis-client-shell-settings.component-BpcH9FZY.mjs","sources":["../../../../../libs/yuuvis/client-shell/src/lib/pages/settings/settings.component.ts","../../../../../libs/yuuvis/client-shell/src/lib/pages/settings/settings.component.html"],"sourcesContent":["import { Component, inject, OnInit, Signal, signal } from '@angular/core';\nimport { toSignal } from '@angular/core/rxjs-interop';\nimport { AppCacheService, ConfigService, TranslateModule, TranslateService, UserService, YuvConfigLanguages, YuvUser } from '@yuuvis/client-core';\n\nimport { CommonModule, DOCUMENT } from '@angular/common';\nimport { FormBuilder, FormGroup, ReactiveFormsModule } from '@angular/forms';\nimport { ShellAppSettingProperty, ShellAppSettings, ShellService } from '@yuuvis/client-shell-core';\nimport { map, Observable } from 'rxjs';\nimport {MatSelectModule} from '@angular/material/select';\nimport { MatButtonToggle, MatButtonToggleGroup } from '@angular/material/button-toggle';\n\n@Component({\n  selector: 'yuv-settings',\n  standalone: true,\n  imports: [CommonModule, TranslateModule,\n    MatSelectModule,\n    ReactiveFormsModule, MatButtonToggleGroup, MatButtonToggle],\n  templateUrl: './settings.component.html',\n  styleUrls: ['./settings.component.scss']\n})\nexport class SettingsPageComponent implements OnInit {\n  private userService = inject(UserService);\n  private config = inject(ConfigService);\n  public translate = inject(TranslateService);\n  private shell = inject(ShellService);\n  readonly document = inject(DOCUMENT);\n  #appCache = inject(AppCacheService);\n\n  #fb = inject(FormBuilder);\n\n  clientLocales = signal<YuvConfigLanguages[]>([]);\n  clientVersion = signal<string | undefined>(undefined);\n  user: Signal<YuvUser | undefined> = toSignal(this.userService.user$);\n  appSettingForms$: Observable<\n    {\n      appID: string;\n      label: string;\n      formControls: ShellAppSettingProperty[];\n      form: FormGroup;\n    }[]\n  > = this.shell.appSettings$.pipe(\n    map((settings: ShellAppSettings[]) =>\n      settings.map((e) => {\n        const x: any = {};\n        const fcn: ShellAppSettingProperty[] = e.properties.map((p) => ({\n          label: this.translate.instant(p.label) || p.label,\n          name: p.name,\n          type: p.type\n        }));\n        e.properties.forEach((p) => {\n          x[p.name] = [p.value];\n        });\n        return {\n          appID: e.appID,\n          label: e.label,\n          formControls: fcn,\n          form: this.#fb.group(x)\n        };\n      })\n    )\n  );\n\n  saveAppSettings(appID: string, form: FormGroup) {\n    this.userService\n      .saveUserSettings({\n        clientAppSettings: {\n          [appID]: form.value\n        }\n      })\n      .subscribe({\n        next: () => {\n          form.markAsPristine();\n        },\n        error: (err) => {\n          console.error('Error saving app settings', err);\n        }\n      });\n  }\n\n  changeClientLocale(iso: string) {\n    this.userService.changeClientLocale(iso);\n  }\n\n  toggleDarkMode() {\n    const root = document.getElementsByTagName('body')[0];\n    root.classList.toggle('dark');  \n  }\n\n  ngOnInit(): void {\n    this.clientVersion.set(this.document.body.getAttribute('data-version') ?? 'dev');\n    this.clientLocales.set(this.config.getClientLocales());\n  }\n}\n","<header>\n  <h1>{{ 'yuv.shell.settings.title' | translate }}</h1>\n  <span class=\"subhead\">{{ 'yuc.shell.settings.client.version' | translate }}: {{ clientVersion() }}</span>\n</header>\n\n\n<main>@if (user()) {\n  <section class=\"user\">\n    <!-- <yuv-user-avatar class=\"background\" [user]=\"user()\"></yuv-user-avatar> -->\n    <div class=\"user\">\n      <div class=\"meta uname\">{{ user()!.username }}</div>\n      <h2>{{ user()!.title }}</h2>\n      <div class=\"meta uemail\">{{ user()!.email }}</div>\n      <div class=\"meta utenant\">{{ 'yuv.shell.settings.tenant' | translate }}: {{ user()!.tenant }}</div>\n    </div>\n  </section>\n}\n  <!-- language -->\n  <section yuvOfflineDisabled>\n    <div class=\"label\" translate>yuv.shell.settings.language</div>\n    <div class=\"value\">\n      <mat-button-toggle-group name=\"language\" [value]=\"translate.currentLang\" (valueChange)=\"changeClientLocale($event)\" [attr.aria-label]=\"'yuv.shell.settings.language' | translate\" >\n      @for (locale of clientLocales(); track locale.iso) {\n        <mat-button-toggle value=\"{{ locale.iso }}\">{{ locale.label }}</mat-button-toggle>\n      }\n      </mat-button-toggle-group>\n    </div>\n  </section>\n\n  <!-- app settings -->\n  <!-- TODO: activate one feature is refined -->\n  <!-- @for (c of appSettingForms$ | async; track $index) {\n    <section>\n      {{ c.label }}\n      <form [formGroup]=\"c.form\" (ngSubmit)=\"saveAppSettings(c.appID, c.form)\">\n        @for (n of c.formControls; track $index) {\n          <label\n            >{{ n.label }}\n\n            @switch (n.type) {\n              @case ('string') {\n                <input type=\"text\" [formControlName]=\"n.name\" />\n              }\n              @case ('number') {\n                <input type=\"number\" [formControlName]=\"n.name\" />\n              }\n            }\n          </label>\n        }\n        <button [ngClass]=\"{ hideen: c.form.untouched }\" [disabled]=\"c.form.invalid\">Save</button>\n      </form>\n    </section>\n  } -->\n</main>\n"],"names":[],"mappings":"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"}

package/fesm2022/yuuvis-client-shell.mjs

@@ -7,10 +7,10 @@ import * as i3 from '@angular/material/button';
 import { MatButtonModule, MatIconButton } from '@angular/material/button';
 import * as i2 from '@angular/material/icon';
 import { MatIconModule, MatIconRegistry, MatIcon } from '@angular/material/icon';
-import * as i2$2 from '@angular/router';
+import * as i2$1 from '@angular/router';
 import { Router, NavigationEnd, RouterModule } from '@angular/router';
 import { SwPush } from '@angular/service-worker';
-import * as i2$1 from '@yuuvis/client-core';
+import * as i1$1 from '@yuuvis/client-core';
 import { Utils, LocaleDatePipe, TranslateModule, AuthService, UserService, TranslateService, DeviceService, SafeHtmlPipe, UserRoles, DmsService, SystemType } from '@yuuvis/client-core';
 import { ShellNotificationsService, ShellService, CommandPaletteService } from '@yuuvis/client-shell-core';
 import { of, switchMap as switchMap$1, tap as tap$1 } from 'rxjs';
@@ -22,7 +22,7 @@ import * as i4 from '@yuuvis/client-framework/list';
 import { YuvListModule, ListItemDirective } from '@yuuvis/client-framework/list';
 import { BreakpointObserver, Breakpoints } from '@angular/cdk/layout';
 import { MatListModule } from '@angular/material/list';
-import * as i1$1 from '@angular/material/sidenav';
+import * as i1$2 from '@angular/material/sidenav';
 import { MatSidenavModule } from '@angular/material/sidenav';
 import { MatToolbarModule } from '@angular/material/toolbar';
 import * as i3$1 from '@yuuvis/client-framework/metadata-form-defaults';
@@ -114,7 +114,7 @@ class NotificationsPageComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: NotificationsPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.12", type: NotificationsPageComponent, isStandalone: true, selector: "yuv-notifications", host: { listeners: { "keydown": "onKeydown($event)" } }, ngImport: i0, template: "<div class=\"notifications\" (yuvLightDismiss)=\"close()\" cdkTrapFocus>\n  <h2>{{ 'yuv.shell.notifications.title' | translate }}</h2>\n\n  @if (notifications()?.length) {\n    <yuv-list (itemSelect)=\"itemSelected($event)\" (itemFocus)=\"itemFocused($event)\">\n      @for (n of notifications(); track n.id) {\n        <div class=\"note {{ n.level }}\" [ngClass]=\"{ withRoute: n.targetRoute }\" yuvListItem>\n          <div class=\"icon\"><yuv-icon [svg]=\"n.icon || icons.note\"></yuv-icon></div>\n          <div class=\"received\">{{ n.timestamp | localeDate }}</div>\n          <div class=\"title\">{{ n.title }}</div>\n          <div class=\"description\">{{ n.description }}</div>\n          <div class=\"meta\"></div>\n\n          <div class=\"actions\">\n            <button mat-icon-button (click)=\"remove(n.id)\">\n              <mat-icon>delete</mat-icon>\n            </button>\n          </div>\n        </div>\n      }\n    </yuv-list>\n\n    <div class=\"actions\">\n      <button mat-icon-button [hidden]=\"!notifications()?.length\" class=\"icon secondary\" (click)=\"removeAll()\">\n        {{ 'yuv.shell.notifications.button.remove.all' | translate }}<mat-icon>delete</mat-icon>\n      </button>\n    </div>\n  } @else {\n    <div class=\"empty\">\n      <p>{{ 'yuv.shell.notifications.empty' | translate }}</p>\n    </div>\n  }\n\n  <button mat-icon-button class=\"icon close\" (click)=\"close()\">\n    <mat-icon>close</mat-icon>\n  </button>\n</div>\n", styles: [":host{height:100%;display:flex}:host .notifications{background-color:var(--ymt-surface-panel);border-inline-end:1px solid var(--ymt-outline-variant);height:100%;overflow:hidden;box-sizing:border-box;padding:var(--ymt-spacing-m);display:grid;grid-template-rows:auto auto 1fr;grid-template-columns:1fr auto;grid-template-areas:\"title close\" \"actions actions\" \"list list\";gap:var(--ymt-spacing-m);max-width:30vw;min-width:300px;box-shadow:8px 0 8px #0000001a;animation:dialogAppear .2s ease-in-out}:host .notifications h2{color:var(--ymt-text-color-subtle);grid-area:title;margin:0;padding:0;align-self:center;text-overflow:ellipsis;overflow:hidden}:host .notifications .actions{grid-area:actions;display:flex;justify-content:end;--icon-size: 18px}:host .notifications .actions button{border-radius:.4em}:host .notifications .close{grid-area:close;--icon-size: 18px}:host .notifications yuv-list,:host .notifications .empty{grid-area:list}:host .notifications .empty{display:grid;align-items:center;justify-content:center;color:var(--ymt-text-color-subtle)}:host .notifications .note{--level-color: transparent;display:grid;grid-template-rows:auto auto auto auto;grid-template-columns:auto 1fr auto;grid-template-areas:\"icon received actions\" \"icon title title\" \"icon description description\" \"icon meta meta\";row-gap:var(--ymt-spacing-2xs);column-gap:var(--ymt-spacing-xs);align-items:center;padding:var(--ymt-spacing-xs);padding-inline-start:var(--ymt-spacing-m);margin-block-end:var(--ymt-spacing-xs);background-color:var(--ymt-surface-panel);outline:1px solid var(--ymt-outline-variant);outline-offset:-1px;position:relative;cursor:default}:host .notifications .note.withRoute{cursor:pointer}:host .notifications .note:before{content:\"\";width:4px;position:absolute;left:2px;top:2px;bottom:2px;border-radius:2px;background-color:var(--level-color)}:host .notifications .note.alert{--level-color: var(--ymt-danger)}:host .notifications .note.warning{--level-color: var(--ymt-warning)}:host .notifications .note.success{--level-color: var(--ymt-success)}:host .notifications .note:hover,:host .notifications .note[aria-current=true]{background-color:var(--ymt-focus-background)}:host .notifications .note:hover button,:host .notifications .note[aria-current=true] button{opacity:1}:host .notifications .note .icon{grid-area:icon;color:var(--ymt-text-color-subtle)}:host .notifications .note .title{overflow:hidden;text-overflow:ellipsis;font-weight:700;grid-area:title;color:var(--ymt-text-color)}:host .notifications .note .description{grid-area:description;overflow:hidden;text-overflow:ellipsis}:host .notifications .note .meta{grid-area:meta}:host .notifications .note .received{grid-area:received;color:var(--ymt-text-color-subtle)}:host .notifications .note button{grid-area:actions;padding:0;opacity:0}@keyframes dialogAppear{0%{opacity:0;transform:translate(calc(var(--ymt-spacing-m) * -1))}to{opacity:1;transform:translate(0)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: LightDismissDirective, selector: "[yuvLightDismiss]", outputs: ["yuvLightDismiss"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.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: "pipe", type: LocaleDatePipe, name: "localeDate" }, { kind: "component", type: YuvIconComponent, selector: "yuv-icon", inputs: ["label", "svg", "svgSrc"] }, { kind: "directive", type: CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "ngmodule", type: YuvListModule }, { kind: "component", type: i4.ListComponent, selector: "yuv-list", inputs: ["multiselect", "selfHandleSelection", "disableSelection"], outputs: ["itemSelect", "itemFocus"] }, { kind: "directive", type: i4.ListItemDirective, selector: "[yuvListItem]", inputs: ["disabled", "active", "selected"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.12", type: NotificationsPageComponent, isStandalone: true, selector: "yuv-notifications", host: { listeners: { "keydown": "onKeydown($event)" } }, ngImport: i0, template: "<div class=\"notifications\" (yuvLightDismiss)=\"close()\" cdkTrapFocus>\n  <h2>{{ 'yuv.shell.notifications.title' | translate }}</h2>\n\n  @if (notifications()?.length) {\n    <yuv-list (itemSelect)=\"itemSelected($event)\" (itemFocus)=\"itemFocused($event)\">\n      @for (n of notifications(); track n.id) {\n        <div class=\"note {{ n.level }}\" [ngClass]=\"{ withRoute: n.targetRoute }\" yuvListItem>\n          <div class=\"icon\"><yuv-icon [svg]=\"n.icon || icons.note\"></yuv-icon></div>\n          <div class=\"received\">{{ n.timestamp | localeDate }}</div>\n          <div class=\"title\">{{ n.title }}</div>\n          <div class=\"description\">{{ n.description }}</div>\n          <div class=\"meta\"></div>\n\n          <div class=\"actions\">\n            <button mat-icon-button (click)=\"remove(n.id)\">\n              <mat-icon>delete</mat-icon>\n            </button>\n          </div>\n        </div>\n      }\n    </yuv-list>\n\n    <div class=\"actions\">\n      <button mat-icon-button [hidden]=\"!notifications()?.length\" class=\"icon secondary\" (click)=\"removeAll()\">\n        {{ 'yuv.shell.notifications.button.remove.all' | translate }}<mat-icon>delete</mat-icon>\n      </button>\n    </div>\n  } @else {\n    <div class=\"empty\">\n      <p>{{ 'yuv.shell.notifications.empty' | translate }}</p>\n    </div>\n  }\n\n  <button mat-icon-button class=\"icon close\" (click)=\"close()\">\n    <mat-icon>close</mat-icon>\n  </button>\n</div>\n", styles: [":host{height:100%;display:flex}:host .notifications{background-color:var(--ymt-surface-panel);border-inline-end:1px solid var(--ymt-outline-variant);height:100%;overflow:hidden;box-sizing:border-box;padding:var(--ymt-spacing-m);display:grid;grid-template-rows:auto auto 1fr;grid-template-columns:1fr auto;grid-template-areas:\"title close\" \"actions actions\" \"list list\";gap:var(--ymt-spacing-m);max-width:30vw;min-width:300px;box-shadow:8px 0 8px #0000001a;animation:dialogAppear .2s ease-in-out}:host .notifications h2{color:var(--ymt-text-color-subtle);grid-area:title;margin:0;padding:0;align-self:center;text-overflow:ellipsis;overflow:hidden}:host .notifications .actions{grid-area:actions;display:flex;justify-content:end;--icon-size: 18px}:host .notifications .actions button{border-radius:.4em}:host .notifications .close{grid-area:close;--icon-size: 18px}:host .notifications yuv-list,:host .notifications .empty{grid-area:list}:host .notifications .empty{display:grid;align-items:center;justify-content:center;color:var(--ymt-text-color-subtle)}:host .notifications .note{--level-color: transparent;display:grid;grid-template-rows:auto auto auto auto;grid-template-columns:auto 1fr auto;grid-template-areas:\"icon received actions\" \"icon title title\" \"icon description description\" \"icon meta meta\";row-gap:var(--ymt-spacing-2xs);column-gap:var(--ymt-spacing-xs);align-items:center;padding:var(--ymt-spacing-xs);padding-inline-start:var(--ymt-spacing-m);margin-block-end:var(--ymt-spacing-xs);background-color:var(--ymt-surface-panel);outline:1px solid var(--ymt-outline-variant);outline-offset:-1px;position:relative;cursor:default}:host .notifications .note.withRoute{cursor:pointer}:host .notifications .note:before{content:\"\";width:4px;position:absolute;left:2px;top:2px;bottom:2px;border-radius:2px;background-color:var(--level-color)}:host .notifications .note.alert{--level-color: var(--ymt-danger)}:host .notifications .note.warning{--level-color: var(--ymt-warning)}:host .notifications .note.success{--level-color: var(--ymt-success)}:host .notifications .note:hover,:host .notifications .note[aria-current=true]{background-color:var(--ymt-focus-background)}:host .notifications .note:hover button,:host .notifications .note[aria-current=true] button{opacity:1}:host .notifications .note .icon{grid-area:icon;color:var(--ymt-text-color-subtle)}:host .notifications .note .title{overflow:hidden;text-overflow:ellipsis;font-weight:700;grid-area:title;color:var(--ymt-text-color)}:host .notifications .note .description{grid-area:description;overflow:hidden;text-overflow:ellipsis}:host .notifications .note .meta{grid-area:meta}:host .notifications .note .received{grid-area:received;color:var(--ymt-text-color-subtle)}:host .notifications .note button{grid-area:actions;padding:0;opacity:0}@keyframes dialogAppear{0%{opacity:0;transform:translate(calc(var(--ymt-spacing-m) * -1))}to{opacity:1;transform:translate(0)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: LightDismissDirective, selector: "[yuvLightDismiss]", outputs: ["yuvLightDismiss"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.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: "pipe", type: LocaleDatePipe, name: "localeDate" }, { kind: "component", type: YuvIconComponent, selector: "yuv-icon", inputs: ["label", "svg", "svgSrc"] }, { kind: "directive", type: CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "ngmodule", type: YuvListModule }, { kind: "component", type: i4.ListComponent, selector: "yuv-list", inputs: ["multiselect", "selfHandleSelection", "disableSelection"], outputs: ["itemSelect", "itemFocus"] }, { kind: "directive", type: i4.ListItemDirective, selector: "[yuvListItem]", inputs: ["disabled", "active", "selected"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: NotificationsPageComponent, decorators: [{
             type: Component,
@@ -137,7 +137,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImpo
 const clientShellRoutes = [
     { path: 'dashboard', loadComponent: () => import('./yuuvis-client-shell-dashboard.component-akNayAfe.mjs').then((comp) => comp.DashboardPageComponent) },
     { path: 'notifications', component: NotificationsPageComponent, outlet: 'aside' },
-    { path: 'settings', loadComponent: () => import('./yuuvis-client-shell-settings.component-C_TUScRF.mjs').then((comp) => comp.SettingsPageComponent) },
+    { path: 'settings', loadComponent: () => import('./yuuvis-client-shell-settings.component-BpcH9FZY.mjs').then((comp) => comp.SettingsPageComponent) },
     {
         path: 'web-share-target',
         loadComponent: () => import('./yuuvis-client-shell-web-share-target.component-gkFyLIOi.mjs').then((comp) => comp.WebShareTargetPageComponent)
@@ -154,7 +154,7 @@ class SidebarNavComponent {
         this.isHandset$ = this.breakpointObserver.observe(Breakpoints.Handset).pipe(map((result) => result.matches), shareReplay());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: SidebarNavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.12", type: SidebarNavComponent, isStandalone: true, selector: "yuv-sidebar-nav", ngImport: i0, template: "<mat-sidenav-container class=\"sidenav-container\">\n  <mat-sidenav class=\"sidenav\"\n                 attr.role=\"navigation\"\n                 mode=\"side\"\n                 opened>\n    <div class=\"sidenav-content\">\n      <div class=\"app-logo\">\n        <ng-content select=\".shell-nav__shell-logo-button\"></ng-content>\n      </div>\n      <div class=\"nav-list\">\n          <ng-content select=\".shell-nav__nav-list\"></ng-content>\n      </div>\n      <div class=\"actions\">\n        <ng-content select=\".shell-nav__actions\"></ng-content>\n      </div>\n    </div>\n  </mat-sidenav>\n  <mat-sidenav-content></mat-sidenav-content>\n</mat-sidenav-container>\n", styles: [":host{--mat-sidenav-container-shape: none}:host{--mat-sidenav-container-width: calc(24px + var(--ymt-spacing-s) + 1px + 16px)}:host{--mat-sidenav-container-divider-color: var(--ymt-outline-variant)}:host{--mat-sidenav-container-background-color: transparent}:host{--mat-sidenav-content-background-color: transparent}:host{--mat-sidenav-container-text-color: var(--ymt-on-surface)}.sidenav-container{height:100%;width:calc(24px + var(--ymt-spacing-s) + 1px + 16px)}.sidenav-container .sidenav .sidenav-content{height:100%;display:flex;flex-flow:column nowrap;justify-content:flex-start;gap:var(--ymt-spacing-2xs)}.sidenav-container .sidenav .sidenav-content .app-logo{height:30px;width:100%;flex:0 0 auto;background-color:var(--ymt-brand);margin-bottom:8px}.sidenav-container .sidenav .sidenav-content .nav-list{flex:1 0 auto;display:flex;flex-flow:column nowrap;align-items:center;gap:var(--ymt-spacing-2xs)}.sidenav-container .sidenav .sidenav-content .actions{flex:0 0 auto;display:flex;flex-flow:column nowrap;align-items:center;margin-bottom:8px;gap:var(--ymt-spacing-2xs)}:host-context([data-screen-size=s][data-screen-orientation=portrait]) .sidenav-container{width:100%;height:calc(24px + var(--ymt-spacing-s) + 1px + 16px)}:host-context([data-screen-size=s][data-screen-orientation=portrait]) .sidenav-container .sidenav{width:100%;border:none;border-top:1px solid var(--ymt-outline-variant)}:host-context([data-screen-size=s][data-screen-orientation=portrait]) .sidenav-container .sidenav .sidenav-content{flex-flow:row nowrap;height:calc(calc(24px + var(--ymt-spacing-s) + 1px + 16px) - 1px);margin-block-start:0;overflow-y:hidden}:host-context([data-screen-size=s][data-screen-orientation=portrait]) .sidenav-container .sidenav .sidenav-content .app-logo{height:100%;width:auto;aspect-ratio:1/1;margin-bottom:0;margin-right:8px}:host-context([data-screen-size=s][data-screen-orientation=portrait]) .sidenav-container .sidenav .sidenav-content .nav-list{flex-flow:row nowrap;height:auto}:host-context([data-screen-size=s][data-screen-orientation=portrait]) .sidenav-container .sidenav .sidenav-content .actions{flex-flow:row nowrap;margin-bottom:0;margin-right:8px}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: MatToolbarModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatSidenavModule }, { kind: "component", type: i1$1.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i1$1.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: i1$1.MatSidenavContent, selector: "mat-sidenav-content" }, { kind: "ngmodule", type: MatListModule }, { kind: "ngmodule", type: MatIconModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.12", type: SidebarNavComponent, isStandalone: true, selector: "yuv-sidebar-nav", ngImport: i0, template: "<mat-sidenav-container class=\"sidenav-container\">\n  <mat-sidenav class=\"sidenav\"\n                 attr.role=\"navigation\"\n                 mode=\"side\"\n                 opened>\n    <div class=\"sidenav-content\">\n      <div class=\"app-logo\">\n        <ng-content select=\".shell-nav__shell-logo-button\"></ng-content>\n      </div>\n      <div class=\"nav-list\">\n          <ng-content select=\".shell-nav__nav-list\"></ng-content>\n      </div>\n      <div class=\"actions\">\n        <ng-content select=\".shell-nav__actions\"></ng-content>\n      </div>\n    </div>\n  </mat-sidenav>\n  <mat-sidenav-content></mat-sidenav-content>\n</mat-sidenav-container>\n", styles: [":host{--mat-sidenav-container-shape: none}:host{--mat-sidenav-container-width: calc(24px + var(--ymt-spacing-s) + 1px + 16px)}:host{--mat-sidenav-container-divider-color: var(--ymt-outline-variant)}:host{--mat-sidenav-container-background-color: transparent}:host{--mat-sidenav-content-background-color: transparent}:host{--mat-sidenav-container-text-color: var(--ymt-on-surface)}.sidenav-container{height:100%;width:calc(24px + var(--ymt-spacing-s) + 1px + 16px)}.sidenav-container .sidenav .sidenav-content{height:100%;display:flex;flex-flow:column nowrap;justify-content:flex-start;gap:var(--ymt-spacing-2xs)}.sidenav-container .sidenav .sidenav-content .app-logo{height:30px;width:100%;flex:0 0 auto;background-color:var(--ymt-brand);margin-bottom:8px}.sidenav-container .sidenav .sidenav-content .nav-list{flex:1 0 auto;display:flex;flex-flow:column nowrap;align-items:center;gap:var(--ymt-spacing-2xs)}.sidenav-container .sidenav .sidenav-content .actions{flex:0 0 auto;display:flex;flex-flow:column nowrap;align-items:center;margin-bottom:8px;gap:var(--ymt-spacing-2xs)}:host-context([data-screen-size=s][data-screen-orientation=portrait]) .sidenav-container{width:100%;height:calc(24px + var(--ymt-spacing-s) + 1px + 16px)}:host-context([data-screen-size=s][data-screen-orientation=portrait]) .sidenav-container .sidenav{width:100%;border:none;border-top:1px solid var(--ymt-outline-variant)}:host-context([data-screen-size=s][data-screen-orientation=portrait]) .sidenav-container .sidenav .sidenav-content{flex-flow:row nowrap;height:calc(calc(24px + var(--ymt-spacing-s) + 1px + 16px) - 1px);margin-block-start:0;overflow-y:hidden}:host-context([data-screen-size=s][data-screen-orientation=portrait]) .sidenav-container .sidenav .sidenav-content .app-logo{height:100%;width:auto;aspect-ratio:1/1;margin-bottom:0;margin-right:8px}:host-context([data-screen-size=s][data-screen-orientation=portrait]) .sidenav-container .sidenav .sidenav-content .nav-list{flex-flow:row nowrap;height:auto}:host-context([data-screen-size=s][data-screen-orientation=portrait]) .sidenav-container .sidenav .sidenav-content .actions{flex-flow:row nowrap;margin-bottom:0;margin-right:8px}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: MatToolbarModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatSidenavModule }, { kind: "component", type: i1$2.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i1$2.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: i1$2.MatSidenavContent, selector: "mat-sidenav-content" }, { kind: "ngmodule", type: MatListModule }, { kind: "ngmodule", type: MatIconModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: SidebarNavComponent, decorators: [{
             type: Component,
@@ -342,7 +342,7 @@ class ClientShellComponent {
         this.requestSubscription();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ClientShellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.12", type: ClientShellComponent, isStandalone: true, selector: "yuv-client-shell", inputs: { apps: { classPropertyName: "apps", publicName: "apps", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "document:focusin": "onFocusChange($event)", "dragover": "onDragOver($event)" } }, providers: [SafeHtmlPipe], ngImport: i0, template: "<yuv-metadata-default-templates></yuv-metadata-default-templates>\n\n<!-- gloabl busy indicator -->\n@if (busy$ | async) {\n  <mat-progress-bar\n    mode=\"indeterminate\"\n    class=\"progress-bar\"\n  ></mat-progress-bar>\n}\n\n@let iconsRegistered = registerIcons();\n\n<yuv-sidebar-nav class=\"shell-nav\">\n  <button class=\"shell-nav__shell-logo-button\" routerLink=\"/\" routerLinkActive=\"active\" [attr.aria-label]=\"'yuv.shell.logo.aria.label' | translate\">\n    @if (iconsRegistered) {\n      <mat-icon svgIcon=\"shellIcons:app_logo\"></mat-icon>\n    }\n  </button>\n  <ul class=\"shell-nav__nav-list\">\n    @for (a of apps(); track a.path) {\n      <li class=\"shell-nav__nav-list-item\">\n        <button class=\"shell-nav__nav-list-item-button\" mat-icon-button routerLinkActive=\"active\" [routerLink]=\"a.path\" \n        matTooltipPosition=\"after\"\n        [matTooltip]=\"getAppTitle(a)\">\n          @if (a.svgIcon) {\n            @if (iconsRegistered) {\n              <mat-icon [svgIcon]=\"'shellIcons:' + a.iconName\"></mat-icon>\n            }\n          } @else {\n            <mat-icon>{{ a.iconName }}</mat-icon>\n          }\n          <!--@if (getNotifications(a.id)) {\n            <div [ngClass]=\"'badge ' + getNotifications(a.id).maxLevel\">{{ getNotifications(a.id).count }}</div>\n          }-->\n        </button>\n      </li>\n    }\n  </ul>\n  <section class=\"shell-nav__actions\">\n    @if (showNotifications()) {\n      <button\n        class=\"shell-nav__actions-button\"\n        mat-icon-button\n        [routerLink]=\"[{ outlets: { aside: 'notifications' } }]\"\n        routerLinkActive=\"active\"\n        matTooltipPosition=\"after\"\n        [matTooltip]=\"'yuv.shell.notifications.title' | translate\"\n      >\n        <mat-icon>notifications</mat-icon>\n        @if (newNotifications(); as note) {\n          <div class=\"badge {{ note.maxLevel }}\">{{ note.count }}</div>\n        }\n      </button>\n    }\n    <button\n      class=\"shell-nav__actions-button\"\n      mat-icon-button\n      [routerLink]=\"['/settings']\"\n      routerLinkActive=\"active\"\n      [matTooltip]=\"'yuv.shell.settings.title' | translate\"\n    >\n      <mat-icon>settings</mat-icon>\n    </button>\n    <button class=\"shell-nav__actions-button\" mat-icon-button (click)=\"appLogout()\" [matTooltip]=\"'yuv.shell.cmd.logout' | translate\">\n      <mat-icon>power_settings_new</mat-icon>\n    </button>\n  </section>\n</yuv-sidebar-nav>\n\n<main id=\"main-shell_content\" aria-label=\"main shell content\" [inert]=\"asideOutlet.isActivated\">\n  <router-outlet></router-outlet>\n</main>\n\n<!-- outlet for aside modals like notifications -->\n<div class=\"asideOutlet\" [hidden]=\"!asideOutlet.isActivated\">\n  <router-outlet name=\"aside\" #asideOutlet=\"outlet\"></router-outlet>\n</div>\n\n<div id=\"fi\" inert></div>\n", styles: [":host{--mat-sidenav-container-shape: none}:host{--mat-sidenav-container-width: calc(24px + var(--ymt-spacing-s) + 1px + 16px)}:host{--mat-sidenav-container-divider-color: var(--ymt-outline-variant)}:host{--mat-sidenav-container-background-color: transparent}:host{--mat-sidenav-content-background-color: transparent}:host{--mat-sidenav-container-text-color: var(--ymt-on-surface)}.sidenav-container{height:100%;width:calc(24px + var(--ymt-spacing-s) + 1px + 16px)}.sidenav-container .sidenav .sidenav-content{height:100%;display:flex;flex-flow:column nowrap;justify-content:flex-start;gap:var(--ymt-spacing-2xs)}.sidenav-container .sidenav .sidenav-content .app-logo{height:30px;width:100%;flex:0 0 auto;background-color:var(--ymt-brand);margin-bottom:8px}.sidenav-container .sidenav .sidenav-content .nav-list{flex:1 0 auto;display:flex;flex-flow:column nowrap;align-items:center;gap:var(--ymt-spacing-2xs)}.sidenav-container .sidenav .sidenav-content .actions{flex:0 0 auto;display:flex;flex-flow:column nowrap;align-items:center;margin-bottom:8px;gap:var(--ymt-spacing-2xs)}:host-context([data-screen-size=s][data-screen-orientation=portrait]) .sidenav-container{width:100%;height:calc(24px + var(--ymt-spacing-s) + 1px + 16px)}:host-context([data-screen-size=s][data-screen-orientation=portrait]) .sidenav-container .sidenav{width:100%;border:none;border-top:1px solid var(--ymt-outline-variant)}:host-context([data-screen-size=s][data-screen-orientation=portrait]) .sidenav-container .sidenav .sidenav-content{flex-flow:row nowrap;height:calc(calc(24px + var(--ymt-spacing-s) + 1px + 16px) - 1px);margin-block-start:0;overflow-y:hidden}:host-context([data-screen-size=s][data-screen-orientation=portrait]) .sidenav-container .sidenav .sidenav-content .app-logo{height:100%;width:auto;aspect-ratio:1/1;margin-bottom:0;margin-right:8px}:host-context([data-screen-size=s][data-screen-orientation=portrait]) .sidenav-container .sidenav .sidenav-content .nav-list{flex-flow:row nowrap;height:auto}:host-context([data-screen-size=s][data-screen-orientation=portrait]) .sidenav-container .sidenav .sidenav-content .actions{flex-flow:row nowrap;margin-bottom:0;margin-right:8px}:host{position:absolute;inset:0;overflow:hidden;display:flex;background-color:var(--ymt-surface-frame)}:host .progress-bar{position:absolute}:host .shell-nav{flex:0 0 auto}:host .shell-nav__nav-list{display:contents;list-style:none}:host .shell-nav__nav-list-item{display:inline-block}:host .shell-nav__shell-logo-button{-webkit-user-select:none;user-select:none;display:block;position:relative;box-sizing:border-box;border:none;outline:none;cursor:pointer;height:100%;width:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);padding:0;padding-block:0;background:none}:host .shell-nav__shell-logo-button mat-icon{width:100%;height:100%}:host .shell-nav__actions{display:contents}:host main{flex:1;color:var(--ymt-text-color)}:host .asideOutlet{position:absolute;inset:0;padding-inline-start:calc(24px + var(--ymt-spacing-s) + 1px + 16px)}:host-context([data-screen-size=s][data-screen-orientation=portrait]){flex-flow:column-reverse}:host-context([data-screen-size=s][data-screen-orientation=portrait]) main{overflow:hidden}:host-context([data-screen-size=s][data-screen-orientation=portrait]) .asideOutlet{padding-inline-start:0}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2$2.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i2$2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2$2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "ngmodule", type: YuvMetadataFormDefaultsModule }, { kind: "component", type: i3$1.MetadataDefaultTemplatesComponent, selector: "yuv-metadata-default-templates" }, { kind: "component", type: SidebarNavComponent, selector: "yuv-sidebar-nav" }, { 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: "component", type: MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.12", type: ClientShellComponent, isStandalone: true, selector: "yuv-client-shell", inputs: { apps: { classPropertyName: "apps", publicName: "apps", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "document:focusin": "onFocusChange($event)", "dragover": "onDragOver($event)" } }, providers: [SafeHtmlPipe], ngImport: i0, template: "<yuv-metadata-default-templates></yuv-metadata-default-templates>\n\n<!-- gloabl busy indicator -->\n@if (busy$ | async) {\n  <mat-progress-bar\n    mode=\"indeterminate\"\n    class=\"progress-bar\"\n  ></mat-progress-bar>\n}\n\n@let iconsRegistered = registerIcons();\n\n<yuv-sidebar-nav class=\"shell-nav\">\n  <button class=\"shell-nav__shell-logo-button\" routerLink=\"/\" routerLinkActive=\"active\" [attr.aria-label]=\"'yuv.shell.logo.aria.label' | translate\">\n    @if (iconsRegistered) {\n      <mat-icon svgIcon=\"shellIcons:app_logo\"></mat-icon>\n    }\n  </button>\n  <ul class=\"shell-nav__nav-list\">\n    @for (a of apps(); track a.path) {\n      <li class=\"shell-nav__nav-list-item\">\n        <button class=\"shell-nav__nav-list-item-button\" mat-icon-button routerLinkActive=\"active\" [routerLink]=\"a.path\" \n        matTooltipPosition=\"after\"\n        [matTooltip]=\"getAppTitle(a)\">\n          @if (a.svgIcon) {\n            @if (iconsRegistered) {\n              <mat-icon [svgIcon]=\"'shellIcons:' + a.iconName\"></mat-icon>\n            }\n          } @else {\n            <mat-icon>{{ a.iconName }}</mat-icon>\n          }\n          <!--@if (getNotifications(a.id)) {\n            <div [ngClass]=\"'badge ' + getNotifications(a.id).maxLevel\">{{ getNotifications(a.id).count }}</div>\n          }-->\n        </button>\n      </li>\n    }\n  </ul>\n  <section class=\"shell-nav__actions\">\n    @if (showNotifications()) {\n      <button\n        class=\"shell-nav__actions-button\"\n        mat-icon-button\n        [routerLink]=\"[{ outlets: { aside: 'notifications' } }]\"\n        routerLinkActive=\"active\"\n        matTooltipPosition=\"after\"\n        [matTooltip]=\"'yuv.shell.notifications.title' | translate\"\n      >\n        <mat-icon>notifications</mat-icon>\n        @if (newNotifications(); as note) {\n          <div class=\"badge {{ note.maxLevel }}\">{{ note.count }}</div>\n        }\n      </button>\n    }\n    <button\n      class=\"shell-nav__actions-button\"\n      mat-icon-button\n      [routerLink]=\"['/settings']\"\n      routerLinkActive=\"active\"\n      [matTooltip]=\"'yuv.shell.settings.title' | translate\"\n    >\n      <mat-icon>settings</mat-icon>\n    </button>\n    <button class=\"shell-nav__actions-button\" mat-icon-button (click)=\"appLogout()\" [matTooltip]=\"'yuv.shell.cmd.logout' | translate\">\n      <mat-icon>power_settings_new</mat-icon>\n    </button>\n  </section>\n</yuv-sidebar-nav>\n\n<main id=\"main-shell_content\" aria-label=\"main shell content\" [inert]=\"asideOutlet.isActivated\">\n  <router-outlet></router-outlet>\n</main>\n\n<!-- outlet for aside modals like notifications -->\n<div class=\"asideOutlet\" [hidden]=\"!asideOutlet.isActivated\">\n  <router-outlet name=\"aside\" #asideOutlet=\"outlet\"></router-outlet>\n</div>\n\n<div id=\"fi\" inert></div>\n", styles: [":host{--mat-sidenav-container-shape: none}:host{--mat-sidenav-container-width: calc(24px + var(--ymt-spacing-s) + 1px + 16px)}:host{--mat-sidenav-container-divider-color: var(--ymt-outline-variant)}:host{--mat-sidenav-container-background-color: transparent}:host{--mat-sidenav-content-background-color: transparent}:host{--mat-sidenav-container-text-color: var(--ymt-on-surface)}.sidenav-container{height:100%;width:calc(24px + var(--ymt-spacing-s) + 1px + 16px)}.sidenav-container .sidenav .sidenav-content{height:100%;display:flex;flex-flow:column nowrap;justify-content:flex-start;gap:var(--ymt-spacing-2xs)}.sidenav-container .sidenav .sidenav-content .app-logo{height:30px;width:100%;flex:0 0 auto;background-color:var(--ymt-brand);margin-bottom:8px}.sidenav-container .sidenav .sidenav-content .nav-list{flex:1 0 auto;display:flex;flex-flow:column nowrap;align-items:center;gap:var(--ymt-spacing-2xs)}.sidenav-container .sidenav .sidenav-content .actions{flex:0 0 auto;display:flex;flex-flow:column nowrap;align-items:center;margin-bottom:8px;gap:var(--ymt-spacing-2xs)}:host-context([data-screen-size=s][data-screen-orientation=portrait]) .sidenav-container{width:100%;height:calc(24px + var(--ymt-spacing-s) + 1px + 16px)}:host-context([data-screen-size=s][data-screen-orientation=portrait]) .sidenav-container .sidenav{width:100%;border:none;border-top:1px solid var(--ymt-outline-variant)}:host-context([data-screen-size=s][data-screen-orientation=portrait]) .sidenav-container .sidenav .sidenav-content{flex-flow:row nowrap;height:calc(calc(24px + var(--ymt-spacing-s) + 1px + 16px) - 1px);margin-block-start:0;overflow-y:hidden}:host-context([data-screen-size=s][data-screen-orientation=portrait]) .sidenav-container .sidenav .sidenav-content .app-logo{height:100%;width:auto;aspect-ratio:1/1;margin-bottom:0;margin-right:8px}:host-context([data-screen-size=s][data-screen-orientation=portrait]) .sidenav-container .sidenav .sidenav-content .nav-list{flex-flow:row nowrap;height:auto}:host-context([data-screen-size=s][data-screen-orientation=portrait]) .sidenav-container .sidenav .sidenav-content .actions{flex-flow:row nowrap;margin-bottom:0;margin-right:8px}:host{position:absolute;inset:0;overflow:hidden;display:flex;background-color:var(--ymt-surface-frame)}:host .progress-bar{position:absolute}:host .shell-nav{flex:0 0 auto}:host .shell-nav__nav-list{display:contents;list-style:none}:host .shell-nav__nav-list-item{display:inline-block}:host .shell-nav__shell-logo-button{-webkit-user-select:none;user-select:none;display:block;position:relative;box-sizing:border-box;border:none;outline:none;cursor:pointer;height:100%;width:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);padding:0;padding-block:0;background:none}:host .shell-nav__shell-logo-button mat-icon{width:100%;height:100%}:host .shell-nav__actions{display:contents}:host main{flex:1;color:var(--ymt-text-color)}:host .asideOutlet{position:absolute;inset:0;padding-inline-start:calc(24px + var(--ymt-spacing-s) + 1px + 16px)}:host-context([data-screen-size=s][data-screen-orientation=portrait]){flex-flow:column-reverse}:host-context([data-screen-size=s][data-screen-orientation=portrait]) main{overflow:hidden}:host-context([data-screen-size=s][data-screen-orientation=portrait]) .asideOutlet{padding-inline-start:0}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2$1.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "ngmodule", type: YuvMetadataFormDefaultsModule }, { kind: "component", type: i3$1.MetadataDefaultTemplatesComponent, selector: "yuv-metadata-default-templates" }, { kind: "component", type: SidebarNavComponent, selector: "yuv-sidebar-nav" }, { 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: "component", type: MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ClientShellComponent, decorators: [{
             type: Component,
@@ -431,7 +431,7 @@ class ManageFlavorsComponent {
         this.#refreshDmsObject();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: ManageFlavorsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.12", type: ManageFlavorsComponent, isStandalone: true, selector: "yuv-manage-flavors", ngImport: i0, template: "<yuv-dialog [headertitel]=\"'yuv.shell.action.manage-flavors.title' | translate\">\n  <main [yuvBusyOverlay]=\"busy()\">\n    <p>{{ 'yuv.shell.action.manage-flavors.text' | translate }}</p>\n    @if (appliedFlavors.length) {\n      <h3>{{ 'yuv.shell.action.manage-flavors.applied.headline' | translate }}</h3>\n      <ul>\n        @for (f of appliedFlavors; track $index) {\n          <li>\n            <yuv-flavor-chip [flavor]=\"f\" yuvListItem></yuv-flavor-chip>\n            <button mat-icon-button [matTooltip]=\"'yuv.shell.action.manage-flavors.applicable.button.remove.tooltip' | translate\" (click)=\"removeFlavor(f)\">\n              <mat-icon>delete_forever</mat-icon>\n            </button>\n          </li>\n        }\n      </ul>\n    }\n    @if (applicableFlavors.length) {\n      <h3>{{ 'yuv.shell.action.manage-flavors.applicable.headline' | translate }}</h3>\n      <ul>\n        @for (f of applicableFlavors; track $index) {\n          <li>\n            <yuv-flavor-chip [flavor]=\"f\" yuvListItem></yuv-flavor-chip>\n            <button mat-icon-button [matTooltip]=\"'yuv.shell.action.manage-flavors.applied.button.apply.tooltip' | translate\" (click)=\"applyFlavor(f)\">\n              <mat-icon>add</mat-icon>\n            </button>\n          </li>\n        }\n      </ul>\n    }\n  </main>\n  <footer>\n    <button  ymtButton=\"secondary\" (click)=\"cancel()\">{{ 'yuv.shell.action.manage-flavors.button.cancel' | translate }}</button>\n  </footer>\n</yuv-dialog>\n", styles: [":host main{display:flex;flex-flow:column;padding:var(--ymt-spacing-m);flex:1;overflow-y:auto}:host main yuv-flavor-chip{border-color:transparent;flex:1}:host main ul{padding:0;margin:0;list-style-type:none}:host main li{display:flex;gap:var(--ymt-spacing-xs);align-items:center;border:1px solid var(--ymt-outline-variant);margin-block-end:2px;padding:var(--ymt-spacing-2xs)}:host footer{flex:0 0 auto;margin-block-start:var(--ymt-spacing-m)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: BusyOverlayDirective, selector: "[yuvBusyOverlay]", inputs: ["yuvBusyOverlay"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }, { kind: "directive", type: ListItemDirective, selector: "[yuvListItem]", inputs: ["disabled", "active", "selected"] }, { kind: "component", type: FlavorChipComponent, selector: "yuv-flavor-chip", inputs: ["flavor", "enableRemove", "enableDescription"], outputs: ["flavorRemove"] }, { kind: "component", type: DialogComponent, selector: "yuv-dialog", inputs: ["headertitel"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: YmtButtonDirective, selector: "button[ymtButton], a[ymtButton]", inputs: ["ymtButton", "disabled", "aria-disabled", "disableRipple", "disabledInteractive", "button-size"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.12", type: ManageFlavorsComponent, isStandalone: true, selector: "yuv-manage-flavors", ngImport: i0, template: "<yuv-dialog [headertitel]=\"'yuv.shell.action.manage-flavors.title' | translate\">\n  <main [yuvBusyOverlay]=\"busy()\">\n    <p>{{ 'yuv.shell.action.manage-flavors.text' | translate }}</p>\n    @if (appliedFlavors.length) {\n      <h3>{{ 'yuv.shell.action.manage-flavors.applied.headline' | translate }}</h3>\n      <ul>\n        @for (f of appliedFlavors; track $index) {\n          <li>\n            <yuv-flavor-chip [flavor]=\"f\" yuvListItem></yuv-flavor-chip>\n            <button mat-icon-button [matTooltip]=\"'yuv.shell.action.manage-flavors.applicable.button.remove.tooltip' | translate\" (click)=\"removeFlavor(f)\">\n              <mat-icon>delete_forever</mat-icon>\n            </button>\n          </li>\n        }\n      </ul>\n    }\n    @if (applicableFlavors.length) {\n      <h3>{{ 'yuv.shell.action.manage-flavors.applicable.headline' | translate }}</h3>\n      <ul>\n        @for (f of applicableFlavors; track $index) {\n          <li>\n            <yuv-flavor-chip [flavor]=\"f\" yuvListItem></yuv-flavor-chip>\n            <button mat-icon-button [matTooltip]=\"'yuv.shell.action.manage-flavors.applied.button.apply.tooltip' | translate\" (click)=\"applyFlavor(f)\">\n              <mat-icon>add</mat-icon>\n            </button>\n          </li>\n        }\n      </ul>\n    }\n  </main>\n  <footer>\n    <button  ymtButton=\"secondary\" (click)=\"cancel()\">{{ 'yuv.shell.action.manage-flavors.button.cancel' | translate }}</button>\n  </footer>\n</yuv-dialog>\n", styles: [":host main{display:flex;flex-flow:column;padding:var(--ymt-spacing-m);flex:1;overflow-y:auto}:host main yuv-flavor-chip{border-color:transparent;flex:1}:host main ul{padding:0;margin:0;list-style-type:none}:host main li{display:flex;gap:var(--ymt-spacing-xs);align-items:center;border:1px solid var(--ymt-outline-variant);margin-block-end:2px;padding:var(--ymt-spacing-2xs)}:host footer{flex:0 0 auto;margin-block-start:var(--ymt-spacing-m)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: BusyOverlayDirective, selector: "[yuvBusyOverlay]", inputs: ["yuvBusyOverlay"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }, { kind: "directive", type: ListItemDirective, selector: "[yuvListItem]", inputs: ["disabled", "active", "selected"] }, { kind: "component", type: FlavorChipComponent, selector: "yuv-flavor-chip", inputs: ["flavor", "enableRemove", "enableDescription"], outputs: ["flavorRemove"] }, { kind: "component", type: DialogComponent, selector: "yuv-dialog", inputs: ["headertitel"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { 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: ManageFlavorsComponent, decorators: [{
             type: Component,

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@yuuvis/client-shell",
-  "version": "2.0.2",
+  "version": "2.0.4",
   "author": "OPTIMAL SYSTEMS GmbH <npm@optimal-systems.de>",
   "license": "MIT",
   "peerDependencies": {
     "@angular/common": "^19.2.1",
     "@angular/core": "^19.2.1",
     "@angular/service-worker": "^19.2.1",
-    "@yuuvis/client-core": "2.0.2",
-    "@yuuvis/client-shell-core": "2.0.2"
+    "@yuuvis/client-core": "^2.0.4",
+    "@yuuvis/client-shell-core": "^2.0.4"
   },
   "dependencies": {
-    "@yuuvis/client-framework": "2.0.2",
+    "@yuuvis/client-framework": "2.0.4",
     "tslib": "^2.3.0"
   },
   "sideEffects": false,

package/fesm2022/yuuvis-client-shell-settings.component-C_TUScRF.mjs

@@ -1,84 +0,0 @@
-import * as i0 from '@angular/core';
-import { inject, signal, Component } from '@angular/core';
-import { toSignal } from '@angular/core/rxjs-interop';
-import * as i2 from '@yuuvis/client-core';
-import { UserService, ConfigService, TranslateService, AppCacheService, TranslateModule } from '@yuuvis/client-core';
-import * as i1 from '@angular/common';
-import { DOCUMENT, CommonModule } from '@angular/common';
-import { FormBuilder, ReactiveFormsModule } from '@angular/forms';
-import { ShellService } from '@yuuvis/client-shell-core';
-import { map } from 'rxjs';
-import { MatSelectModule } from '@angular/material/select';
-import { MatButtonToggleGroup, MatButtonToggle } from '@angular/material/button-toggle';
-
-class SettingsPageComponent {
-    constructor() {
-        this.userService = inject(UserService);
-        this.config = inject(ConfigService);
-        this.translate = inject(TranslateService);
-        this.shell = inject(ShellService);
-        this.document = inject(DOCUMENT);
-        this.#appCache = inject(AppCacheService);
-        this.#fb = inject(FormBuilder);
-        this.clientLocales = signal([]);
-        this.clientVersion = signal(undefined);
-        this.user = toSignal(this.userService.user$);
-        this.appSettingForms$ = this.shell.appSettings$.pipe(map((settings) => settings.map((e) => {
-            const x = {};
-            const fcn = e.properties.map((p) => ({
-                label: this.translate.instant(p.label) || p.label,
-                name: p.name,
-                type: p.type
-            }));
-            e.properties.forEach((p) => {
-                x[p.name] = [p.value];
-            });
-            return {
-                appID: e.appID,
-                label: e.label,
-                formControls: fcn,
-                form: this.#fb.group(x)
-            };
-        })));
-    }
-    #appCache;
-    #fb;
-    saveAppSettings(appID, form) {
-        this.userService
-            .saveUserSettings({
-            clientAppSettings: {
-                [appID]: form.value
-            }
-        })
-            .subscribe({
-            next: () => {
-                form.markAsPristine();
-            },
-            error: (err) => {
-                console.error('Error saving app settings', err);
-            }
-        });
-    }
-    changeClientLocale(iso) {
-        this.userService.changeClientLocale(iso);
-    }
-    toggleDarkMode() {
-        const root = document.getElementsByTagName('body')[0];
-        root.classList.toggle('dark');
-    }
-    ngOnInit() {
-        this.clientVersion.set(this.document.body.getAttribute('data-version') ?? 'dev');
-        this.clientLocales.set(this.config.getClientLocales());
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: SettingsPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.12", type: SettingsPageComponent, isStandalone: true, selector: "yuv-settings", ngImport: i0, template: "<header>\n  <h1>{{ 'yuv.shell.settings.title' | translate }}</h1>\n  <span class=\"subhead\">{{ 'yuc.shell.settings.client.version' | translate }}: {{ clientVersion() }}</span>\n</header>\n\n\n<main>@if (user()) {\n  <section class=\"user\">\n    <!-- <yuv-user-avatar class=\"background\" [user]=\"user()\"></yuv-user-avatar> -->\n    <div class=\"user\">\n      <div class=\"meta uname\">{{ user()!.username }}</div>\n      <h2>{{ user()!.title }}</h2>\n      <div class=\"meta uemail\">{{ user()!.email }}</div>\n      <div class=\"meta utenant\">{{ 'yuv.shell.settings.tenant' | translate }}: {{ user()!.tenant }}</div>\n    </div>\n  </section>\n}\n  <!-- language -->\n  <section yuvOfflineDisabled>\n    <div class=\"label\" translate>yuv.shell.settings.language</div>\n    <div class=\"value\">\n      <mat-button-toggle-group name=\"language\" hideSingleSelectionIndicator=\"true\" [attr.aria-label]=\"'yuv.shell.settings.language' | translate\" >\n      @for (locale of clientLocales(); track locale.iso) {\n        <mat-button-toggle value=\"{{ locale.label }}\" class=\"toggle-button\" (click)=\"changeClientLocale(locale.iso)\" [ngClass]=\"{ active: translate.currentLang === locale.iso }\" [checked]=\"translate.currentLang === locale.iso\">{{ locale.label }}</mat-button-toggle>\n      }\n      </mat-button-toggle-group>\n    </div>\n  </section>\n\n  <!-- app settings -->\n  <!-- TODO: activate one feature is refined -->\n  <!-- @for (c of appSettingForms$ | async; track $index) {\n    <section>\n      {{ c.label }}\n      <form [formGroup]=\"c.form\" (ngSubmit)=\"saveAppSettings(c.appID, c.form)\">\n        @for (n of c.formControls; track $index) {\n          <label\n            >{{ n.label }}\n\n            @switch (n.type) {\n              @case ('string') {\n                <input type=\"text\" [formControlName]=\"n.name\" />\n              }\n              @case ('number') {\n                <input type=\"number\" [formControlName]=\"n.name\" />\n              }\n            }\n          </label>\n        }\n        <button [ngClass]=\"{ hideen: c.form.untouched }\" [disabled]=\"c.form.invalid\">Save</button>\n      </form>\n    </section>\n  } -->\n</main>\n", styles: [":host{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;grid-template-areas:\"header\" \"settings\";height:100%;overflow:hidden;overflow-y:auto}:host header{grid-area:header;padding:var(--ymt-spacing-3xl)}:host header h1{margin:0}:host header subhead{font:var(--ymt-font-subhead);color:var(--ymt-text-color-subtle)}:host main{grid-area:settings;padding:var(--ymt-spacing-m);overflow-y:auto}:host main section{display:flex;flex-flow:column;padding:var(--ymt-spacing-m)}:host main section .label{margin-block-end:1em}:host main section .value{display:inline-block}:host main section.user h2{margin:0 0 1rem}:host .toggle-button.active{background-color:var(--ymt-primary);color:var(--ymt-on-primary);pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "disabledInteractive", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.12", ngImport: i0, type: SettingsPageComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'yuv-settings', standalone: true, imports: [CommonModule, TranslateModule,
-                        MatSelectModule,
-                        ReactiveFormsModule, MatButtonToggleGroup, MatButtonToggle], template: "<header>\n  <h1>{{ 'yuv.shell.settings.title' | translate }}</h1>\n  <span class=\"subhead\">{{ 'yuc.shell.settings.client.version' | translate }}: {{ clientVersion() }}</span>\n</header>\n\n\n<main>@if (user()) {\n  <section class=\"user\">\n    <!-- <yuv-user-avatar class=\"background\" [user]=\"user()\"></yuv-user-avatar> -->\n    <div class=\"user\">\n      <div class=\"meta uname\">{{ user()!.username }}</div>\n      <h2>{{ user()!.title }}</h2>\n      <div class=\"meta uemail\">{{ user()!.email }}</div>\n      <div class=\"meta utenant\">{{ 'yuv.shell.settings.tenant' | translate }}: {{ user()!.tenant }}</div>\n    </div>\n  </section>\n}\n  <!-- language -->\n  <section yuvOfflineDisabled>\n    <div class=\"label\" translate>yuv.shell.settings.language</div>\n    <div class=\"value\">\n      <mat-button-toggle-group name=\"language\" hideSingleSelectionIndicator=\"true\" [attr.aria-label]=\"'yuv.shell.settings.language' | translate\" >\n      @for (locale of clientLocales(); track locale.iso) {\n        <mat-button-toggle value=\"{{ locale.label }}\" class=\"toggle-button\" (click)=\"changeClientLocale(locale.iso)\" [ngClass]=\"{ active: translate.currentLang === locale.iso }\" [checked]=\"translate.currentLang === locale.iso\">{{ locale.label }}</mat-button-toggle>\n      }\n      </mat-button-toggle-group>\n    </div>\n  </section>\n\n  <!-- app settings -->\n  <!-- TODO: activate one feature is refined -->\n  <!-- @for (c of appSettingForms$ | async; track $index) {\n    <section>\n      {{ c.label }}\n      <form [formGroup]=\"c.form\" (ngSubmit)=\"saveAppSettings(c.appID, c.form)\">\n        @for (n of c.formControls; track $index) {\n          <label\n            >{{ n.label }}\n\n            @switch (n.type) {\n              @case ('string') {\n                <input type=\"text\" [formControlName]=\"n.name\" />\n              }\n              @case ('number') {\n                <input type=\"number\" [formControlName]=\"n.name\" />\n              }\n            }\n          </label>\n        }\n        <button [ngClass]=\"{ hideen: c.form.untouched }\" [disabled]=\"c.form.invalid\">Save</button>\n      </form>\n    </section>\n  } -->\n</main>\n", styles: [":host{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;grid-template-areas:\"header\" \"settings\";height:100%;overflow:hidden;overflow-y:auto}:host header{grid-area:header;padding:var(--ymt-spacing-3xl)}:host header h1{margin:0}:host header subhead{font:var(--ymt-font-subhead);color:var(--ymt-text-color-subtle)}:host main{grid-area:settings;padding:var(--ymt-spacing-m);overflow-y:auto}:host main section{display:flex;flex-flow:column;padding:var(--ymt-spacing-m)}:host main section .label{margin-block-end:1em}:host main section .value{display:inline-block}:host main section.user h2{margin:0 0 1rem}:host .toggle-button.active{background-color:var(--ymt-primary);color:var(--ymt-on-primary);pointer-events:none}\n"] }]
-        }] });
-
-export { SettingsPageComponent };
-//# sourceMappingURL=yuuvis-client-shell-settings.component-C_TUScRF.mjs.map

package/fesm2022/yuuvis-client-shell-settings.component-C_TUScRF.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"yuuvis-client-shell-settings.component-C_TUScRF.mjs","sources":["../../../../../libs/yuuvis/client-shell/src/lib/pages/settings/settings.component.ts","../../../../../libs/yuuvis/client-shell/src/lib/pages/settings/settings.component.html"],"sourcesContent":["import { Component, inject, OnInit, Signal, signal } from '@angular/core';\nimport { toSignal } from '@angular/core/rxjs-interop';\nimport { AppCacheService, ConfigService, TranslateModule, TranslateService, UserService, YuvConfigLanguages, YuvUser } from '@yuuvis/client-core';\n\nimport { CommonModule, DOCUMENT } from '@angular/common';\nimport { FormBuilder, FormGroup, ReactiveFormsModule } from '@angular/forms';\nimport { ShellAppSettingProperty, ShellAppSettings, ShellService } from '@yuuvis/client-shell-core';\nimport { map, Observable } from 'rxjs';\nimport {MatSelectModule} from '@angular/material/select';\nimport { MatButtonToggle, MatButtonToggleGroup } from '@angular/material/button-toggle';\n\n@Component({\n  selector: 'yuv-settings',\n  standalone: true,\n  imports: [CommonModule, TranslateModule,\n    MatSelectModule,\n    ReactiveFormsModule, MatButtonToggleGroup, MatButtonToggle],\n  templateUrl: './settings.component.html',\n  styleUrls: ['./settings.component.scss']\n})\nexport class SettingsPageComponent implements OnInit {\n  private userService = inject(UserService);\n  private config = inject(ConfigService);\n  public translate = inject(TranslateService);\n  private shell = inject(ShellService);\n  readonly document = inject(DOCUMENT);\n  #appCache = inject(AppCacheService);\n\n  #fb = inject(FormBuilder);\n\n  clientLocales = signal<YuvConfigLanguages[]>([]);\n  clientVersion = signal<string | undefined>(undefined);\n  user: Signal<YuvUser | undefined> = toSignal(this.userService.user$);\n  appSettingForms$: Observable<\n    {\n      appID: string;\n      label: string;\n      formControls: ShellAppSettingProperty[];\n      form: FormGroup;\n    }[]\n  > = this.shell.appSettings$.pipe(\n    map((settings: ShellAppSettings[]) =>\n      settings.map((e) => {\n        const x: any = {};\n        const fcn: ShellAppSettingProperty[] = e.properties.map((p) => ({\n          label: this.translate.instant(p.label) || p.label,\n          name: p.name,\n          type: p.type\n        }));\n        e.properties.forEach((p) => {\n          x[p.name] = [p.value];\n        });\n        return {\n          appID: e.appID,\n          label: e.label,\n          formControls: fcn,\n          form: this.#fb.group(x)\n        };\n      })\n    )\n  );\n\n  saveAppSettings(appID: string, form: FormGroup) {\n    this.userService\n      .saveUserSettings({\n        clientAppSettings: {\n          [appID]: form.value\n        }\n      })\n      .subscribe({\n        next: () => {\n          form.markAsPristine();\n        },\n        error: (err) => {\n          console.error('Error saving app settings', err);\n        }\n      });\n  }\n\n  changeClientLocale(iso: string) {\n    this.userService.changeClientLocale(iso);\n  }\n\n  toggleDarkMode() {\n    const root = document.getElementsByTagName('body')[0];\n    root.classList.toggle('dark');  \n  }\n\n  ngOnInit(): void {\n    this.clientVersion.set(this.document.body.getAttribute('data-version') ?? 'dev');\n    this.clientLocales.set(this.config.getClientLocales());\n  }\n}\n","<header>\n  <h1>{{ 'yuv.shell.settings.title' | translate }}</h1>\n  <span class=\"subhead\">{{ 'yuc.shell.settings.client.version' | translate }}: {{ clientVersion() }}</span>\n</header>\n\n\n<main>@if (user()) {\n  <section class=\"user\">\n    <!-- <yuv-user-avatar class=\"background\" [user]=\"user()\"></yuv-user-avatar> -->\n    <div class=\"user\">\n      <div class=\"meta uname\">{{ user()!.username }}</div>\n      <h2>{{ user()!.title }}</h2>\n      <div class=\"meta uemail\">{{ user()!.email }}</div>\n      <div class=\"meta utenant\">{{ 'yuv.shell.settings.tenant' | translate }}: {{ user()!.tenant }}</div>\n    </div>\n  </section>\n}\n  <!-- language -->\n  <section yuvOfflineDisabled>\n    <div class=\"label\" translate>yuv.shell.settings.language</div>\n    <div class=\"value\">\n      <mat-button-toggle-group name=\"language\" hideSingleSelectionIndicator=\"true\" [attr.aria-label]=\"'yuv.shell.settings.language' | translate\" >\n      @for (locale of clientLocales(); track locale.iso) {\n        <mat-button-toggle value=\"{{ locale.label }}\" class=\"toggle-button\" (click)=\"changeClientLocale(locale.iso)\" [ngClass]=\"{ active: translate.currentLang === locale.iso }\" [checked]=\"translate.currentLang === locale.iso\">{{ locale.label }}</mat-button-toggle>\n      }\n      </mat-button-toggle-group>\n    </div>\n  </section>\n\n  <!-- app settings -->\n  <!-- TODO: activate one feature is refined -->\n  <!-- @for (c of appSettingForms$ | async; track $index) {\n    <section>\n      {{ c.label }}\n      <form [formGroup]=\"c.form\" (ngSubmit)=\"saveAppSettings(c.appID, c.form)\">\n        @for (n of c.formControls; track $index) {\n          <label\n            >{{ n.label }}\n\n            @switch (n.type) {\n              @case ('string') {\n                <input type=\"text\" [formControlName]=\"n.name\" />\n              }\n              @case ('number') {\n                <input type=\"number\" [formControlName]=\"n.name\" />\n              }\n            }\n          </label>\n        }\n        <button [ngClass]=\"{ hideen: c.form.untouched }\" [disabled]=\"c.form.invalid\">Save</button>\n      </form>\n    </section>\n  } -->\n</main>\n"],"names":[],"mappings":"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"}