@yuuvis/client-shell 2.1.34 → 2.3.0

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

@@ -0,0 +1,115 @@
+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, TranslateModule } from '@yuuvis/client-core';
+import { DOCUMENT, CommonModule } from '@angular/common';
+import { HttpClient } from '@angular/common/http';
+import { FormBuilder, ReactiveFormsModule } from '@angular/forms';
+import { MatButtonToggleGroup, MatButtonToggle } from '@angular/material/button-toggle';
+import * as i2 from '@angular/material/expansion';
+import { MatExpansionModule } from '@angular/material/expansion';
+import { MatSelectModule } from '@angular/material/select';
+import * as i3 from '@angular/material/table';
+import { MatTableModule } from '@angular/material/table';
+import { ShellService } from '@yuuvis/client-shell-core';
+import { map } from 'rxjs';
+import { LayoutSettingsService } from '@yuuvis/client-framework/common';
+
+class SettingsPageComponent {
+    constructor() {
+        this.userService = inject(UserService);
+        this.config = inject(ConfigService);
+        this.translate = inject(TranslateService);
+        this.shell = inject(ShellService);
+        this.document = inject(DOCUMENT);
+        this.#layoutSettingsService = inject(LayoutSettingsService);
+        this.#http = inject(HttpClient);
+        this.#fb = inject(FormBuilder);
+        this.clientLocales = signal([]);
+        this.clientVersion = signal(undefined);
+        this.clientAboutData = signal(undefined);
+        this.currentMode = this.#layoutSettingsService.mode;
+        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)
+            };
+        })));
+    }
+    #layoutSettingsService;
+    #http;
+    #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);
+    }
+    changeMode({ value }) {
+        if (value && value !== this.currentMode()) {
+            this.#layoutSettingsService.setMode(value);
+            this.#layoutSettingsService.applyLayoutMode(value);
+        }
+    }
+    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());
+        this.getAboutData();
+    }
+    getAboutData() {
+        this.#http
+            .get('assets/about.data.json')
+            .pipe(map((response) => ({
+            ...response,
+            libraries: response.libraries
+                ? response.libraries.map((lib) => ({
+                    ...lib,
+                    ...(lib.license !== 'SEE LICENSE IN LICENSE' ? { link: `https://opensource.org/license/${lib.license}` } : {})
+                }))
+                : undefined
+        })))
+            .subscribe({
+            next: (response) => this.clientAboutData.set(response),
+            error: (error) => console.log({ error })
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SettingsPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: SettingsPageComponent, isStandalone: true, selector: "yuv-settings", ngImport: i0, template: "<header>\n  <h1>{{ 'yuv.shell.settings.title' | translate }}</h1>\n  <span class=\"subhead\">{{ 'yuv.shell.settings.client.version' | translate }}: {{ clientVersion() }}</span>\n</header>\n\n<main>\n  <div class=\"content-container\">\n    <!-- User Info -->\n    @let user = this.user();\n    @if (user) {\n      <section class=\"section user\">\n        <h2 class=\"section__title\">{{ user.title }}</h2>\n        <div class=\"section__body user__data grid\">\n          <div class=\"user__data-entry grid-row\">\n            <span class=\"user__data-entry-key grid-col grid-col-key\"> {{ 'yuv.shell.settings.user.email' | translate }}: </span>\n            <span class=\"user__data-entry-value grid-col grid-col-value\">\n              {{ user.email }}\n            </span>\n          </div>\n          <div class=\"user__data-entry grid-row\">\n            <span class=\"user__data-entry-key grid-col grid-col-key\"> {{ 'yuv.shell.settings.tenant' | translate }}: </span>\n            <span class=\"user__data-entry-value grid-col grid-col-value\">\n              {{ user.tenant }}\n            </span>\n          </div>\n\n          <!--<div class=\"user__data\">{{ 'yuv.shell.settings.user.name' | translate }}: {{ user.username }}</div>\n          <div class=\"user__data-entry\">{{ 'yuv.shell.settings.user.email' | translate }}: {{ user.email }}</div>\n          <div class=\"user__data-entry\">{{ 'yuv.shell.settings.tenant' | translate }}: {{ user.tenant }}</div>-->\n        </div>\n      </section>\n    }\n    <!-- Language Settings -->\n    <section yuvOfflineDisabled class=\"section\">\n      <h2 class=\"section__title\">{{ 'yuv.shell.settings.language' | translate }}</h2>\n      <div class=\"section__body\">\n        <mat-button-toggle-group\n          name=\"language\"\n          [value]=\"translate.currentLang\"\n          (valueChange)=\"changeClientLocale($event)\"\n          [attr.aria-label]=\"'yuv.shell.settings.language' | translate\"\n        >\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    <!-- Mode -->\n    @let currentThemeMode = currentMode();\n    <section class=\"section\">\n      <h2 class=\"section__title\">{{ 'yuv.shell.settings.mode' | translate }}</h2>\n      <div class=\"section__body\">\n        <mat-button-toggle-group name=\"mode\" [value]=\"currentThemeMode\" (change)=\"changeMode($event)\" [attr.aria-label]=\"'yuv.shell.settings.mode' | translate\">\n          <mat-button-toggle value=\"light\">{{ 'yuv.shell.settings.mode.light' | translate }}</mat-button-toggle>\n          <mat-button-toggle value=\"dark\">{{ 'yuv.shell.settings.mode.dark' | translate }}</mat-button-toggle>\n          <mat-button-toggle value=\"system\">{{ 'yuv.shell.settings.mode.system' | translate }}</mat-button-toggle>\n        </mat-button-toggle-group>\n      </div>\n    </section>\n\n    <!-- About Info -->\n    @let libraries = this.clientAboutData()?.libraries;\n    @if (libraries) {\n      <section class=\"section about\">\n        <h2 class=\"section__title\">{{ 'yuv.shell.settings.about.title' | translate }}</h2>\n        <mat-expansion-panel class=\"about__panel\">\n          <mat-expansion-panel-header>\n            <mat-panel-title>{{ 'yuv.shell.settings.dependency-info.title' | translate }}</mat-panel-title>\n            <!--            <mat-panel-description>{{ '' | translate }}</mat-panel-description>-->\n          </mat-expansion-panel-header>\n\n          <ng-template matExpansionPanelContent>\n            <div class=\"about__panel-content\">\n              <table mat-table [dataSource]=\"libraries\" class=\"mat-elevation-z8\">\n                <!-- Name Column -->\n                <ng-container matColumnDef=\"name\">\n                  <th mat-header-cell *matHeaderCellDef>{{ 'yuv.shell.settings.dependency-info.package' | translate }}</th>\n                  <td mat-cell *matCellDef=\"let element\">{{ element.name }}</td>\n                </ng-container>\n\n                <!-- Version Column -->\n                <ng-container matColumnDef=\"version\">\n                  <th mat-header-cell *matHeaderCellDef>{{ 'yuv.shell.settings.dependency-info.version' | translate }}</th>\n                  <td mat-cell *matCellDef=\"let element\">{{ element.version }}</td>\n                </ng-container>\n\n                <!-- License Column -->\n                <ng-container matColumnDef=\"license\">\n                  <th mat-header-cell *matHeaderCellDef>{{ 'yuv.shell.settings.dependency-info.license' | translate }}</th>\n                  <td mat-cell *matCellDef=\"let element\">\n                    @if (element.link) {\n                      <a href=\"{{ element.link }}\" target=\"_blank\">{{ element.license }}</a>\n                    } @else {\n                      {{ element.license }}\n                    }\n                  </td>\n                </ng-container>\n\n                <tr mat-header-row *matHeaderRowDef=\"['name', 'version', 'license']\"></tr>\n                <tr mat-row *matRowDef=\"let row; columns: ['name', 'version', 'license']\"></tr>\n              </table>\n            </div>\n          </ng-template>\n        </mat-expansion-panel>\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  </div>\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);padding-right:0;overflow-y:auto;scrollbar-gutter:stable}:host main .content-container{max-width:900px}:host main section{display:flex;flex-flow:column;padding:var(--ymt-spacing-m);margin-bottom:var(--ymt-spacing-l)}:host main .about__panel-content{overflow-x:auto}:host main .grid-row{display:grid;grid-template-columns:minmax(10ch,1fr) 11fr;grid-gap:var(--ymt-spacing-s);grid-template-areas:\"key value\";align-items:baseline}:host main .grid-col-key{font-weight:700;grid-area:key}:host main .grid-col-value{grid-area:value;word-break:break-all}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { 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"] }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "component", type: i2.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i2.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i2.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i2.MatExpansionPanelContent, selector: "ng-template[matExpansionPanelContent]" }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i3.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i3.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i3.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i3.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i3.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i3.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i3.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i3.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i3.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i3.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SettingsPageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'yuv-settings', standalone: true, imports: [CommonModule, TranslateModule, MatSelectModule, ReactiveFormsModule, MatButtonToggleGroup, MatButtonToggle, MatExpansionModule, MatTableModule], template: "<header>\n  <h1>{{ 'yuv.shell.settings.title' | translate }}</h1>\n  <span class=\"subhead\">{{ 'yuv.shell.settings.client.version' | translate }}: {{ clientVersion() }}</span>\n</header>\n\n<main>\n  <div class=\"content-container\">\n    <!-- User Info -->\n    @let user = this.user();\n    @if (user) {\n      <section class=\"section user\">\n        <h2 class=\"section__title\">{{ user.title }}</h2>\n        <div class=\"section__body user__data grid\">\n          <div class=\"user__data-entry grid-row\">\n            <span class=\"user__data-entry-key grid-col grid-col-key\"> {{ 'yuv.shell.settings.user.email' | translate }}: </span>\n            <span class=\"user__data-entry-value grid-col grid-col-value\">\n              {{ user.email }}\n            </span>\n          </div>\n          <div class=\"user__data-entry grid-row\">\n            <span class=\"user__data-entry-key grid-col grid-col-key\"> {{ 'yuv.shell.settings.tenant' | translate }}: </span>\n            <span class=\"user__data-entry-value grid-col grid-col-value\">\n              {{ user.tenant }}\n            </span>\n          </div>\n\n          <!--<div class=\"user__data\">{{ 'yuv.shell.settings.user.name' | translate }}: {{ user.username }}</div>\n          <div class=\"user__data-entry\">{{ 'yuv.shell.settings.user.email' | translate }}: {{ user.email }}</div>\n          <div class=\"user__data-entry\">{{ 'yuv.shell.settings.tenant' | translate }}: {{ user.tenant }}</div>-->\n        </div>\n      </section>\n    }\n    <!-- Language Settings -->\n    <section yuvOfflineDisabled class=\"section\">\n      <h2 class=\"section__title\">{{ 'yuv.shell.settings.language' | translate }}</h2>\n      <div class=\"section__body\">\n        <mat-button-toggle-group\n          name=\"language\"\n          [value]=\"translate.currentLang\"\n          (valueChange)=\"changeClientLocale($event)\"\n          [attr.aria-label]=\"'yuv.shell.settings.language' | translate\"\n        >\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    <!-- Mode -->\n    @let currentThemeMode = currentMode();\n    <section class=\"section\">\n      <h2 class=\"section__title\">{{ 'yuv.shell.settings.mode' | translate }}</h2>\n      <div class=\"section__body\">\n        <mat-button-toggle-group name=\"mode\" [value]=\"currentThemeMode\" (change)=\"changeMode($event)\" [attr.aria-label]=\"'yuv.shell.settings.mode' | translate\">\n          <mat-button-toggle value=\"light\">{{ 'yuv.shell.settings.mode.light' | translate }}</mat-button-toggle>\n          <mat-button-toggle value=\"dark\">{{ 'yuv.shell.settings.mode.dark' | translate }}</mat-button-toggle>\n          <mat-button-toggle value=\"system\">{{ 'yuv.shell.settings.mode.system' | translate }}</mat-button-toggle>\n        </mat-button-toggle-group>\n      </div>\n    </section>\n\n    <!-- About Info -->\n    @let libraries = this.clientAboutData()?.libraries;\n    @if (libraries) {\n      <section class=\"section about\">\n        <h2 class=\"section__title\">{{ 'yuv.shell.settings.about.title' | translate }}</h2>\n        <mat-expansion-panel class=\"about__panel\">\n          <mat-expansion-panel-header>\n            <mat-panel-title>{{ 'yuv.shell.settings.dependency-info.title' | translate }}</mat-panel-title>\n            <!--            <mat-panel-description>{{ '' | translate }}</mat-panel-description>-->\n          </mat-expansion-panel-header>\n\n          <ng-template matExpansionPanelContent>\n            <div class=\"about__panel-content\">\n              <table mat-table [dataSource]=\"libraries\" class=\"mat-elevation-z8\">\n                <!-- Name Column -->\n                <ng-container matColumnDef=\"name\">\n                  <th mat-header-cell *matHeaderCellDef>{{ 'yuv.shell.settings.dependency-info.package' | translate }}</th>\n                  <td mat-cell *matCellDef=\"let element\">{{ element.name }}</td>\n                </ng-container>\n\n                <!-- Version Column -->\n                <ng-container matColumnDef=\"version\">\n                  <th mat-header-cell *matHeaderCellDef>{{ 'yuv.shell.settings.dependency-info.version' | translate }}</th>\n                  <td mat-cell *matCellDef=\"let element\">{{ element.version }}</td>\n                </ng-container>\n\n                <!-- License Column -->\n                <ng-container matColumnDef=\"license\">\n                  <th mat-header-cell *matHeaderCellDef>{{ 'yuv.shell.settings.dependency-info.license' | translate }}</th>\n                  <td mat-cell *matCellDef=\"let element\">\n                    @if (element.link) {\n                      <a href=\"{{ element.link }}\" target=\"_blank\">{{ element.license }}</a>\n                    } @else {\n                      {{ element.license }}\n                    }\n                  </td>\n                </ng-container>\n\n                <tr mat-header-row *matHeaderRowDef=\"['name', 'version', 'license']\"></tr>\n                <tr mat-row *matRowDef=\"let row; columns: ['name', 'version', 'license']\"></tr>\n              </table>\n            </div>\n          </ng-template>\n        </mat-expansion-panel>\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  </div>\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);padding-right:0;overflow-y:auto;scrollbar-gutter:stable}:host main .content-container{max-width:900px}:host main section{display:flex;flex-flow:column;padding:var(--ymt-spacing-m);margin-bottom:var(--ymt-spacing-l)}:host main .about__panel-content{overflow-x:auto}:host main .grid-row{display:grid;grid-template-columns:minmax(10ch,1fr) 11fr;grid-gap:var(--ymt-spacing-s);grid-template-areas:\"key value\";align-items:baseline}:host main .grid-col-key{font-weight:700;grid-area:key}:host main .grid-col-value{grid-area:value;word-break:break-all}\n"] }]
+        }] });
+
+export { SettingsPageComponent };
+//# sourceMappingURL=yuuvis-client-shell-settings.component-OPDWz2_-.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"yuuvis-client-shell-settings.component-OPDWz2_-.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 { HttpClient } from '@angular/common/http';\nimport { FormBuilder, FormGroup, ReactiveFormsModule } from '@angular/forms';\nimport { MatButtonToggle, MatButtonToggleChange, MatButtonToggleGroup } from '@angular/material/button-toggle';\nimport { MatExpansionModule } from '@angular/material/expansion';\nimport { MatSelectModule } from '@angular/material/select';\nimport { MatTableModule } from '@angular/material/table';\nimport { ShellAppSettingProperty, ShellAppSettings, ShellService } from '@yuuvis/client-shell-core';\nimport { map, Observable } from 'rxjs';\nimport { AboutData } from './settings.model';\nimport { LayoutMode, LayoutSettingsService } from '@yuuvis/client-framework/common';\n\n@Component({\n  selector: 'yuv-settings',\n  standalone: true,\n  imports: [CommonModule, TranslateModule, MatSelectModule, ReactiveFormsModule, MatButtonToggleGroup, MatButtonToggle, MatExpansionModule, MatTableModule],\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  #layoutSettingsService = inject(LayoutSettingsService);\n  #http = inject(HttpClient);\n\n  #fb = inject(FormBuilder);\n\n  clientLocales = signal<YuvConfigLanguages[]>([]);\n  clientVersion = signal<string | undefined>(undefined);\n  clientAboutData = signal<AboutData | undefined>(undefined);\n  currentMode = this.#layoutSettingsService.mode;\n\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  changeMode({ value }: MatButtonToggleChange) {\n    if (value && value !== this.currentMode()) {\n      this.#layoutSettingsService.setMode(value);\n      this.#layoutSettingsService.applyLayoutMode(value);\n    }\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    this.getAboutData();\n  }\n\n  getAboutData() {\n    this.#http\n      .get('assets/about.data.json')\n      .pipe(\n        map((response: AboutData) => ({\n          ...response,\n          libraries: response.libraries\n            ? response.libraries.map((lib) => ({\n                ...lib,\n                ...(lib.license !== 'SEE LICENSE IN LICENSE' ? { link: `https://opensource.org/license/${lib.license}` } : {})\n              }))\n            : undefined\n        }))\n      )\n      .subscribe({\n        next: (response: AboutData) => this.clientAboutData.set(response),\n        error: (error) => console.log({ error })\n      });\n  }\n}\n","<header>\n  <h1>{{ 'yuv.shell.settings.title' | translate }}</h1>\n  <span class=\"subhead\">{{ 'yuv.shell.settings.client.version' | translate }}: {{ clientVersion() }}</span>\n</header>\n\n<main>\n  <div class=\"content-container\">\n    <!-- User Info -->\n    @let user = this.user();\n    @if (user) {\n      <section class=\"section user\">\n        <h2 class=\"section__title\">{{ user.title }}</h2>\n        <div class=\"section__body user__data grid\">\n          <div class=\"user__data-entry grid-row\">\n            <span class=\"user__data-entry-key grid-col grid-col-key\"> {{ 'yuv.shell.settings.user.email' | translate }}: </span>\n            <span class=\"user__data-entry-value grid-col grid-col-value\">\n              {{ user.email }}\n            </span>\n          </div>\n          <div class=\"user__data-entry grid-row\">\n            <span class=\"user__data-entry-key grid-col grid-col-key\"> {{ 'yuv.shell.settings.tenant' | translate }}: </span>\n            <span class=\"user__data-entry-value grid-col grid-col-value\">\n              {{ user.tenant }}\n            </span>\n          </div>\n\n          <!--<div class=\"user__data\">{{ 'yuv.shell.settings.user.name' | translate }}: {{ user.username }}</div>\n          <div class=\"user__data-entry\">{{ 'yuv.shell.settings.user.email' | translate }}: {{ user.email }}</div>\n          <div class=\"user__data-entry\">{{ 'yuv.shell.settings.tenant' | translate }}: {{ user.tenant }}</div>-->\n        </div>\n      </section>\n    }\n    <!-- Language Settings -->\n    <section yuvOfflineDisabled class=\"section\">\n      <h2 class=\"section__title\">{{ 'yuv.shell.settings.language' | translate }}</h2>\n      <div class=\"section__body\">\n        <mat-button-toggle-group\n          name=\"language\"\n          [value]=\"translate.currentLang\"\n          (valueChange)=\"changeClientLocale($event)\"\n          [attr.aria-label]=\"'yuv.shell.settings.language' | translate\"\n        >\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    <!-- Mode -->\n    @let currentThemeMode = currentMode();\n    <section class=\"section\">\n      <h2 class=\"section__title\">{{ 'yuv.shell.settings.mode' | translate }}</h2>\n      <div class=\"section__body\">\n        <mat-button-toggle-group name=\"mode\" [value]=\"currentThemeMode\" (change)=\"changeMode($event)\" [attr.aria-label]=\"'yuv.shell.settings.mode' | translate\">\n          <mat-button-toggle value=\"light\">{{ 'yuv.shell.settings.mode.light' | translate }}</mat-button-toggle>\n          <mat-button-toggle value=\"dark\">{{ 'yuv.shell.settings.mode.dark' | translate }}</mat-button-toggle>\n          <mat-button-toggle value=\"system\">{{ 'yuv.shell.settings.mode.system' | translate }}</mat-button-toggle>\n        </mat-button-toggle-group>\n      </div>\n    </section>\n\n    <!-- About Info -->\n    @let libraries = this.clientAboutData()?.libraries;\n    @if (libraries) {\n      <section class=\"section about\">\n        <h2 class=\"section__title\">{{ 'yuv.shell.settings.about.title' | translate }}</h2>\n        <mat-expansion-panel class=\"about__panel\">\n          <mat-expansion-panel-header>\n            <mat-panel-title>{{ 'yuv.shell.settings.dependency-info.title' | translate }}</mat-panel-title>\n            <!--            <mat-panel-description>{{ '' | translate }}</mat-panel-description>-->\n          </mat-expansion-panel-header>\n\n          <ng-template matExpansionPanelContent>\n            <div class=\"about__panel-content\">\n              <table mat-table [dataSource]=\"libraries\" class=\"mat-elevation-z8\">\n                <!-- Name Column -->\n                <ng-container matColumnDef=\"name\">\n                  <th mat-header-cell *matHeaderCellDef>{{ 'yuv.shell.settings.dependency-info.package' | translate }}</th>\n                  <td mat-cell *matCellDef=\"let element\">{{ element.name }}</td>\n                </ng-container>\n\n                <!-- Version Column -->\n                <ng-container matColumnDef=\"version\">\n                  <th mat-header-cell *matHeaderCellDef>{{ 'yuv.shell.settings.dependency-info.version' | translate }}</th>\n                  <td mat-cell *matCellDef=\"let element\">{{ element.version }}</td>\n                </ng-container>\n\n                <!-- License Column -->\n                <ng-container matColumnDef=\"license\">\n                  <th mat-header-cell *matHeaderCellDef>{{ 'yuv.shell.settings.dependency-info.license' | translate }}</th>\n                  <td mat-cell *matCellDef=\"let element\">\n                    @if (element.link) {\n                      <a href=\"{{ element.link }}\" target=\"_blank\">{{ element.license }}</a>\n                    } @else {\n                      {{ element.license }}\n                    }\n                  </td>\n                </ng-container>\n\n                <tr mat-header-row *matHeaderRowDef=\"['name', 'version', 'license']\"></tr>\n                <tr mat-row *matRowDef=\"let row; columns: ['name', 'version', 'license']\"></tr>\n              </table>\n            </div>\n          </ng-template>\n        </mat-expansion-panel>\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  </div>\n</main>\n"],"names":[],"mappings":"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"}

package/fesm2022/yuuvis-client-shell.mjs

@@ -14,7 +14,7 @@ import * as i1 from '@angular/material/icon';
 import { MatIconModule, MatIconRegistry, MatIcon } from '@angular/material/icon';
 import * as i2 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
-import { ConfirmService, BusyOverlayDirective, DialogComponent, LightDismissDirective } from '@yuuvis/client-framework/common';
+import { ConfirmService, BusyOverlayDirective, DialogComponent, LightDismissDirective, LayoutSettingsService } from '@yuuvis/client-framework/common';
 import * as i4$1 from '@yuuvis/client-framework/list';
 import { ListItemDirective, YuvListModule } from '@yuuvis/client-framework/list';
 import { FlavorChipComponent } from '@yuuvis/client-framework/object-flavor';
@@ -219,14 +219,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
 
 class YuvAppHeaderComponent {
     #clientShellService;
+    #shell;
     #slots;
     constructor() {
         this.#clientShellService = inject(ClientShellService);
+        this.#shell = inject(ShellService);
         this.actionsSlot = null;
         this.searchSlot = null;
         this.notificationsSlot = null;
         this.app = this.#clientShellService.currentApp;
         this.#slots = this.#clientShellService.appHeaderSlots;
+        this.busy$ = this.#shell.isBusy$;
         toObservable(this.#slots)
             .pipe(debounceTime(1), takeUntilDestroyed())
             .subscribe((slots) => {
@@ -236,11 +239,13 @@ class YuvAppHeaderComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: YuvAppHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: YuvAppHeaderComponent, isStandalone: true, selector: "yuv-app-header", ngImport: i0, template: "@let a = app();\n\n@if (a) {\n  <header\n    class=\"app-header\"\n    [ngClass]=\"{\n      'has-actions': !!actionsSlot,\n      'has-search': !!searchSlot,\n      'has-notifications': !!notificationsSlot\n    }\"\n    aria-labelledby=\"yuv-app-header\"\n  >\n    <yuv-shell-logo />\n    <yuv-overflow-hidden>\n      <ng-template #yuvDefaultSlot>\n        <a class=\"name\" [routerLink]=\"app()?.path\">\n          <span class=\"title\" id=\"yuv-app-header\">\n            {{ a.title }}\n            <span class=\"claim\">{{ a.options?.appClaim }}</span>\n          </span>\n        </a>\n      </ng-template>\n    </yuv-overflow-hidden>\n    <div class=\"actions\">\n      <ng-container *ngTemplateOutlet=\"actionsSlot\"></ng-container>\n    </div>\n    <div class=\"search\">\n      <ng-container *ngTemplateOutlet=\"searchSlot\"></ng-container>\n    </div>\n    <div class=\"notifications\">\n      <ng-container *ngTemplateOutlet=\"notificationsSlot\"></ng-container>\n    </div>\n  </header>\n}\n", styles: [":host .app-header{display:grid;grid-template-columns:var(--yuv-app-header-height, var(--ymt-sizing-6xl)) auto 1fr auto auto;grid-template-rows:var(--yuv-app-header-height, var(--ymt-sizing-6xl));grid-template-areas:\"logo name actions search notifications\";align-items:center;background-color:var(--ymt-bar-surface);color:var(--ymt-on-bar-surface);box-shadow:0 0 0 1px var(--ymt-outline-variant);box-sizing:border-box;padding-inline-end:var(--ymt-spacing-xl)}:host .name{grid-area:name;display:inline-block;padding-inline-end:var(--ymt-spacing-3xl);padding-inline-start:var(--ymt-spacing-m);color:currentColor;text-decoration:none;white-space:nowrap;min-width:128px}:host .name .title{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ymt-spacing-2xs);font:var(--ymt-font-app-name);letter-spacing:var(--ymt-font-app-name-tracking);margin:0;line-height:1}:host .name .claim{font:var(--ymt-font-body-subtle);color:var(--ymt-text-color-subtle)}:host .actions{grid-area:actions}:host .search{grid-area:search}:host .notifications{grid-area:notifications}:host .app-header.has-actions .actions{padding-inline-start:var(--ymt-spacing-xl);padding-inline-end:var(--ymt-spacing-l);border-inline-start:var(--ymt-outline-width) solid var(--ymt-outline-variant);border-inline-end:var(--ymt-outline-width) solid var(--ymt-outline-variant)}:host .app-header.has-search .search{padding-inline-start:var(--ymt-spacing-m)}:host .app-header.has-notifications .notifications{padding-inline-start:var(--ymt-spacing-xl)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: YuvOverflowHiddenModule }, { kind: "component", type: i2$2.OverflowHiddenComponent, selector: "yuv-overflow-hidden" }, { kind: "component", type: ShellLogoComponent, selector: "yuv-shell-logo" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: YuvAppHeaderComponent, isStandalone: true, selector: "yuv-app-header", ngImport: i0, template: "@let a = app();\n@if (a) {\n  <header\n  class=\"app-header\"\n  [ngClass]=\"{\n      'has-actions': !!actionsSlot,\n      'has-search': !!searchSlot,\n      'has-notifications': !!notificationsSlot\n    }\"\n    aria-labelledby=\"yuv-app-header\"\n    >\n    @if (busy$ | async) {\n      <mat-progress-bar mode=\"indeterminate\" class=\"progress-bar\"></mat-progress-bar>\n    }\n    <yuv-shell-logo />\n    <yuv-overflow-hidden>\n      <ng-template #yuvDefaultSlot>\n        <a class=\"name\" [routerLink]=\"app()?.path\">\n          <span class=\"title\" id=\"yuv-app-header\">\n            {{ a.title }}\n            <span class=\"claim\">{{ a.options?.appClaim }}</span>\n          </span>\n        </a>\n      </ng-template>\n    </yuv-overflow-hidden>\n    <div class=\"actions\">\n      <ng-container *ngTemplateOutlet=\"actionsSlot\"></ng-container>\n    </div>\n    <div class=\"search\">\n      <ng-container *ngTemplateOutlet=\"searchSlot\"></ng-container>\n    </div>\n    <div class=\"notifications\">\n      <ng-container *ngTemplateOutlet=\"notificationsSlot\"></ng-container>\n    </div>\n  </header>\n}\n", styles: [":host .app-header{position:relative;display:grid;grid-template-columns:var(--yuv-app-header-height, var(--ymt-sizing-6xl)) auto 1fr auto auto;grid-template-rows:var(--yuv-app-header-height, var(--ymt-sizing-6xl));grid-template-areas:\"logo name actions search notifications\";align-items:center;background-color:var(--ymt-bar-surface);color:var(--ymt-on-bar-surface);box-shadow:0 0 0 1px var(--ymt-outline-variant);box-sizing:border-box;padding-inline-end:var(--ymt-spacing-xl)}:host mat-progress-bar{position:absolute;inset-block-end:0}:host .name{grid-area:name;display:inline-block;padding-inline-end:var(--ymt-spacing-3xl);padding-inline-start:var(--ymt-spacing-m);color:currentColor;text-decoration:none;white-space:nowrap;min-width:128px}:host .name .title{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ymt-spacing-2xs);font:var(--ymt-font-app-name);letter-spacing:var(--ymt-font-app-name-tracking);margin:0;line-height:1}:host .name .claim{font:var(--ymt-font-body-subtle);color:var(--ymt-text-color-subtle)}:host .actions{grid-area:actions}:host .search{grid-area:search}:host .notifications{grid-area:notifications}:host .app-header.has-actions .actions{padding-inline-start:var(--ymt-spacing-xl);padding-inline-end:var(--ymt-spacing-l);border-inline-start:var(--ymt-outline-width) solid var(--ymt-outline-variant);border-inline-end:var(--ymt-outline-width) solid var(--ymt-outline-variant)}:host .app-header.has-search .search{padding-inline-start:var(--ymt-spacing-m)}:host .app-header.has-notifications .notifications{padding-inline-start:var(--ymt-spacing-xl)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "component", type: MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: YuvOverflowHiddenModule }, { kind: "component", type: i2$2.OverflowHiddenComponent, selector: "yuv-overflow-hidden" }, { kind: "component", type: ShellLogoComponent, selector: "yuv-shell-logo" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: YuvAppHeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'yuv-app-header', imports: [CommonModule, MatIconModule, YuvOverflowHiddenModule, ShellLogoComponent, RouterModule], template: "@let a = app();\n\n@if (a) {\n  <header\n    class=\"app-header\"\n    [ngClass]=\"{\n      'has-actions': !!actionsSlot,\n      'has-search': !!searchSlot,\n      'has-notifications': !!notificationsSlot\n    }\"\n    aria-labelledby=\"yuv-app-header\"\n  >\n    <yuv-shell-logo />\n    <yuv-overflow-hidden>\n      <ng-template #yuvDefaultSlot>\n        <a class=\"name\" [routerLink]=\"app()?.path\">\n          <span class=\"title\" id=\"yuv-app-header\">\n            {{ a.title }}\n            <span class=\"claim\">{{ a.options?.appClaim }}</span>\n          </span>\n        </a>\n      </ng-template>\n    </yuv-overflow-hidden>\n    <div class=\"actions\">\n      <ng-container *ngTemplateOutlet=\"actionsSlot\"></ng-container>\n    </div>\n    <div class=\"search\">\n      <ng-container *ngTemplateOutlet=\"searchSlot\"></ng-container>\n    </div>\n    <div class=\"notifications\">\n      <ng-container *ngTemplateOutlet=\"notificationsSlot\"></ng-container>\n    </div>\n  </header>\n}\n", styles: [":host .app-header{display:grid;grid-template-columns:var(--yuv-app-header-height, var(--ymt-sizing-6xl)) auto 1fr auto auto;grid-template-rows:var(--yuv-app-header-height, var(--ymt-sizing-6xl));grid-template-areas:\"logo name actions search notifications\";align-items:center;background-color:var(--ymt-bar-surface);color:var(--ymt-on-bar-surface);box-shadow:0 0 0 1px var(--ymt-outline-variant);box-sizing:border-box;padding-inline-end:var(--ymt-spacing-xl)}:host .name{grid-area:name;display:inline-block;padding-inline-end:var(--ymt-spacing-3xl);padding-inline-start:var(--ymt-spacing-m);color:currentColor;text-decoration:none;white-space:nowrap;min-width:128px}:host .name .title{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ymt-spacing-2xs);font:var(--ymt-font-app-name);letter-spacing:var(--ymt-font-app-name-tracking);margin:0;line-height:1}:host .name .claim{font:var(--ymt-font-body-subtle);color:var(--ymt-text-color-subtle)}:host .actions{grid-area:actions}:host .search{grid-area:search}:host .notifications{grid-area:notifications}:host .app-header.has-actions .actions{padding-inline-start:var(--ymt-spacing-xl);padding-inline-end:var(--ymt-spacing-l);border-inline-start:var(--ymt-outline-width) solid var(--ymt-outline-variant);border-inline-end:var(--ymt-outline-width) solid var(--ymt-outline-variant)}:host .app-header.has-search .search{padding-inline-start:var(--ymt-spacing-m)}:host .app-header.has-notifications .notifications{padding-inline-start:var(--ymt-spacing-xl)}\n"] }]
+            args: [{ selector: 'yuv-app-header', imports: [CommonModule,
+                        MatProgressBar,
+                        MatIconModule, YuvOverflowHiddenModule, ShellLogoComponent, RouterModule], template: "@let a = app();\n@if (a) {\n  <header\n  class=\"app-header\"\n  [ngClass]=\"{\n      'has-actions': !!actionsSlot,\n      'has-search': !!searchSlot,\n      'has-notifications': !!notificationsSlot\n    }\"\n    aria-labelledby=\"yuv-app-header\"\n    >\n    @if (busy$ | async) {\n      <mat-progress-bar mode=\"indeterminate\" class=\"progress-bar\"></mat-progress-bar>\n    }\n    <yuv-shell-logo />\n    <yuv-overflow-hidden>\n      <ng-template #yuvDefaultSlot>\n        <a class=\"name\" [routerLink]=\"app()?.path\">\n          <span class=\"title\" id=\"yuv-app-header\">\n            {{ a.title }}\n            <span class=\"claim\">{{ a.options?.appClaim }}</span>\n          </span>\n        </a>\n      </ng-template>\n    </yuv-overflow-hidden>\n    <div class=\"actions\">\n      <ng-container *ngTemplateOutlet=\"actionsSlot\"></ng-container>\n    </div>\n    <div class=\"search\">\n      <ng-container *ngTemplateOutlet=\"searchSlot\"></ng-container>\n    </div>\n    <div class=\"notifications\">\n      <ng-container *ngTemplateOutlet=\"notificationsSlot\"></ng-container>\n    </div>\n  </header>\n}\n", styles: [":host .app-header{position:relative;display:grid;grid-template-columns:var(--yuv-app-header-height, var(--ymt-sizing-6xl)) auto 1fr auto auto;grid-template-rows:var(--yuv-app-header-height, var(--ymt-sizing-6xl));grid-template-areas:\"logo name actions search notifications\";align-items:center;background-color:var(--ymt-bar-surface);color:var(--ymt-on-bar-surface);box-shadow:0 0 0 1px var(--ymt-outline-variant);box-sizing:border-box;padding-inline-end:var(--ymt-spacing-xl)}:host mat-progress-bar{position:absolute;inset-block-end:0}:host .name{grid-area:name;display:inline-block;padding-inline-end:var(--ymt-spacing-3xl);padding-inline-start:var(--ymt-spacing-m);color:currentColor;text-decoration:none;white-space:nowrap;min-width:128px}:host .name .title{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ymt-spacing-2xs);font:var(--ymt-font-app-name);letter-spacing:var(--ymt-font-app-name-tracking);margin:0;line-height:1}:host .name .claim{font:var(--ymt-font-body-subtle);color:var(--ymt-text-color-subtle)}:host .actions{grid-area:actions}:host .search{grid-area:search}:host .notifications{grid-area:notifications}:host .app-header.has-actions .actions{padding-inline-start:var(--ymt-spacing-xl);padding-inline-end:var(--ymt-spacing-l);border-inline-start:var(--ymt-outline-width) solid var(--ymt-outline-variant);border-inline-end:var(--ymt-outline-width) solid var(--ymt-outline-variant)}:host .app-header.has-search .search{padding-inline-start:var(--ymt-spacing-m)}:host .app-header.has-notifications .notifications{padding-inline-start:var(--ymt-spacing-xl)}\n"] }]
         }], ctorParameters: () => [] });
 
 class SidebarNavComponent {
@@ -330,7 +335,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
 const clientShellRoutes = [
     { path: 'dashboard', loadComponent: () => import('./yuuvis-client-shell-dashboard.component-DNpk_qVe.mjs').then((comp) => comp.DashboardPageComponent) },
     { path: 'notifications', component: NotificationsPageComponent, outlet: 'aside' },
-    { path: 'settings', loadComponent: () => import('./yuuvis-client-shell-settings.component-BKkbA5aO.mjs').then((comp) => comp.SettingsPageComponent) },
+    { path: 'settings', loadComponent: () => import('./yuuvis-client-shell-settings.component-OPDWz2_-.mjs').then((comp) => comp.SettingsPageComponent) },
     // default route
     { path: '', redirectTo: '/dashboard', pathMatch: 'full' },
     // redirecting route
@@ -364,6 +369,7 @@ class ClientShellComponent {
     #device;
     #swPush;
     #matIconRegistryService;
+    #layoutSettings;
     onFocusChange(event) {
         // console.log('focused: ', document.activeElement);
     }
@@ -387,6 +393,7 @@ class ClientShellComponent {
         this.#device = inject(DeviceService);
         this.#swPush = inject(SwPush);
         this.#matIconRegistryService = inject(MatIconRegistry);
+        this.#layoutSettings = inject(LayoutSettingsService);
         this.APP_LOGOUT_EVENT_KEY = 'yuv.app.event.logout';
         this._levels = {
             info: 0,
@@ -434,6 +441,7 @@ class ClientShellComponent {
             });
             return allRegistered;
         });
+        this.#layoutSettings.init();
         this.translate.onLangChange.subscribe(() => this._setCommands(true));
         // this.router.events.pipe(
         //   // filter(e => e instanceof NavigationStart)
@@ -547,7 +555,7 @@ class ClientShellComponent {
         this.requestSubscription();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ClientShellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", 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 mode=\"indeterminate\" class=\"progress-bar\"></mat-progress-bar>\n}\n\n@let iconsRegistered = registerIcons();\n@let showAppHeader = css.appHeader();\n\n@if (showAppHeader) {\n  <yuv-app-header> </yuv-app-header>\n}\n\n<yuv-sidebar-nav class=\"shell-nav\">\n  @if (iconsRegistered && !showAppHeader) {\n    <yuv-shell-logo slot=\"shell-logo\" class=\"shell-nav__shell-logo\"/>\n  }\n  <section slot=\"app-switcher\"\n           class=\"shell-nav__app-switcher-wrapper\"\n           [attr.aria-label]=\"('yuv.shell.app-switcher.aria.label' | translate)\" >\n    <ul class=\"shell-nav__app-switcher\">\n      @for (a of navApps(); track a.path) {\n        <li class=\"shell-nav__app-switcher-item\"  routerLinkActive=\"shell-nav__app-switcher-item--active\">\n          <button\n            class=\"shell-nav__app-switcher-link\"\n            ymt-icon-button\n            [routerLink]=\"a.path\"\n            matTooltipPosition=\"after\"\n            [matTooltip]=\"getAppTitle(a)\"\n          >\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>\n\n  <section slot=\"shell-actions\"\n           class=\"shell-nav__actions\"\n           [attr.aria-label]=\"('yuv.shell.shell-actions.aria.label' | translate)\">\n    @if (showNotifications()) {\n      <button\n        class=\"shell-nav__actions-button\"\n        ymt-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    @for (customButton of customActionButtons; track customButton.iconName) {\n      <button\n        class=\"shell-nav__actions-button\"\n        ymt-icon-button\n        (click)=\"handleCustomActionButtonClick(customButton)\"\n        matTooltipPosition=\"after\"\n        [matTooltip]=\"customButton.tooltip ? (customButton.tooltip | translate) : ''\"\n      >\n        <mat-icon>{{ customButton.iconName }}</mat-icon>\n      </button>\n    }\n    <button\n      class=\"shell-nav__actions-button\"\n      ymt-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\" ymt-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: [".sidenav{height:100%;width:var(--yuv-side-nav-width, var(--ymt-sizing-6xl));background:transparent;color:inherit;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:var(--ymt-spacing-s)}.sidenav .logo-container{width:100%}.sidenav .app-switcher-container{flex:1 1 0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--ymt-spacing-xs);scrollbar-width:none;-ms-overflow-style:none}.sidenav .app-switcher-container::-webkit-scrollbar{display:none}.sidenav .actions-container{justify-self:flex-end;border-top:var(--ymt-outline-width) solid var(--ymt-outline-variant);display:flex;flex-direction:column;gap:var(--ymt-spacing-s);padding:var(--ymt-spacing-m) 0}:host{position:absolute;inset:0;overflow:hidden;background-color:var(--ymt-surface-app);display:grid;grid-template-rows:auto 1fr;grid-template-columns:auto 1fr;grid-template-areas:\"appheader appheader\" \"nav main\"}:host .progress-bar{position:absolute}:host yuv-app-header{grid-area:appheader}:host .shell-nav{grid-area:nav}:host .shell-nav__app-switcher-wrapper{display:contents}:host .shell-nav__app-switcher{display:contents;list-style:none}:host .shell-nav__app-switcher-item{position:relative;padding:var(--ymt-spacing-2xs) 0}:host .shell-nav__app-switcher-item:after{content:\"\";position:absolute;inset:0;top:var(--ymt-spacing-2xs);aspect-ratio:1/1;background-color:var(--mat-icon-button-state-layer-color, var(--mat-sys-on-surface-variant));border-radius:var(--ymt-corner-full);visibility:hidden;opacity:0}:host .shell-nav__app-switcher-item:before{content:\"\";height:var(--ymt-sizing-3xs);width:var(--ymt-sizing-xs);border-radius:var(--ymt-corner-full);position:absolute;left:50%;bottom:0;transform:translate3d(-50%,0,0);background-color:transparent;transition:background-color .1s ease-in-out}:host .shell-nav__app-switcher-item--active:before{background-color:var(--ymt-primary)}:host .shell-nav__app-switcher-item--active:after{visibility:visible;opacity:.08}:host .shell-nav__actions{display:contents}:host main{grid-area:main;overflow:hidden;color:var(--ymt-text-color)}:host .asideOutlet{position:absolute;inset:0;padding-inline-start:var(--yuv-side-nav-width, var(--ymt-sizing-6xl))}: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.MetadataDefaultTemplatesComponent, selector: "yuv-metadata-default-templates" }, { kind: "component", type: YuvAppHeaderComponent, selector: "yuv-app-header" }, { kind: "component", type: SidebarNavComponent, selector: "yuv-sidebar-nav" }, { 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: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: ShellLogoComponent, selector: "yuv-shell-logo" }, { kind: "directive", type: YmtIconButtonDirective, selector: "button[ymtIconButton],button[ymt-icon-button],a[ymtIconButton],a[ymt-icon-button]", inputs: ["disabled", "disableRipple", "aria-disabled", "disabledInteractive", "icon-button-size"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", 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@let iconsRegistered = registerIcons();\n@let showAppHeader = css.appHeader();\n\n<!-- gloabl busy indicator if app header is present, it will deal with busy indication -->\n@if (!showAppHeader && (busy$ | async)) {\n  <mat-progress-bar mode=\"indeterminate\" class=\"progress-bar\"></mat-progress-bar>\n}\n@if (showAppHeader) {\n  <yuv-app-header> </yuv-app-header>\n}\n\n<yuv-sidebar-nav class=\"shell-nav\">\n  @if (iconsRegistered && !showAppHeader) {\n    <yuv-shell-logo slot=\"shell-logo\" class=\"shell-nav__shell-logo\" />\n  }\n  <section slot=\"app-switcher\" class=\"shell-nav__app-switcher-wrapper\" [attr.aria-label]=\"'yuv.shell.app-switcher.aria.label' | translate\">\n    <ul class=\"shell-nav__app-switcher\">\n      @for (a of navApps(); track a.path) {\n        <li class=\"shell-nav__app-switcher-item\" routerLinkActive=\"shell-nav__app-switcher-item--active\">\n          <button class=\"shell-nav__app-switcher-link\" ymt-icon-button [routerLink]=\"a.path\" matTooltipPosition=\"after\" [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>\n\n  <section slot=\"shell-actions\" class=\"shell-nav__actions\" [attr.aria-label]=\"'yuv.shell.shell-actions.aria.label' | translate\">\n    @if (showNotifications()) {\n      <button\n        class=\"shell-nav__actions-button\"\n        ymt-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    @for (customButton of customActionButtons; track customButton.iconName) {\n      <button\n        class=\"shell-nav__actions-button\"\n        ymt-icon-button\n        (click)=\"handleCustomActionButtonClick(customButton)\"\n        matTooltipPosition=\"after\"\n        [matTooltip]=\"customButton.tooltip ? (customButton.tooltip | translate) : ''\"\n      >\n        <mat-icon>{{ customButton.iconName }}</mat-icon>\n      </button>\n    }\n    <button\n      class=\"shell-nav__actions-button\"\n      ymt-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\" ymt-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: [".sidenav{height:100%;width:var(--yuv-side-nav-width, var(--ymt-sizing-6xl));background:transparent;color:inherit;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:var(--ymt-spacing-s)}.sidenav .logo-container{width:100%}.sidenav .app-switcher-container{flex:1 1 0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--ymt-spacing-xs);scrollbar-width:none;-ms-overflow-style:none}.sidenav .app-switcher-container::-webkit-scrollbar{display:none}.sidenav .actions-container{justify-self:flex-end;border-top:var(--ymt-outline-width) solid var(--ymt-outline-variant);display:flex;flex-direction:column;gap:var(--ymt-spacing-s);padding:var(--ymt-spacing-m) 0}:host{position:absolute;inset:0;overflow:hidden;background-color:var(--ymt-surface-app);display:grid;grid-template-rows:auto 1fr;grid-template-columns:auto 1fr;grid-template-areas:\"appheader appheader\" \"nav main\"}:host .progress-bar{position:absolute}:host yuv-app-header{grid-area:appheader}:host .shell-nav{grid-area:nav}:host .shell-nav__app-switcher-wrapper{display:contents}:host .shell-nav__app-switcher{display:contents;list-style:none}:host .shell-nav__app-switcher-item{position:relative;padding:var(--ymt-spacing-2xs) 0}:host .shell-nav__app-switcher-item:after{content:\"\";position:absolute;inset:0;top:var(--ymt-spacing-2xs);aspect-ratio:1/1;background-color:var(--mat-icon-button-state-layer-color, var(--mat-sys-on-surface-variant));border-radius:var(--ymt-corner-full);visibility:hidden;opacity:0}:host .shell-nav__app-switcher-item:before{content:\"\";height:var(--ymt-sizing-3xs);width:var(--ymt-sizing-xs);border-radius:var(--ymt-corner-full);position:absolute;left:50%;bottom:0;transform:translate3d(-50%,0,0);background-color:transparent;transition:background-color .1s ease-in-out}:host .shell-nav__app-switcher-item--active:before{background-color:var(--ymt-primary)}:host .shell-nav__app-switcher-item--active:after{visibility:visible;opacity:.08;pointer-events:none}:host .shell-nav__actions{display:contents}:host main{grid-area:main;overflow:hidden;color:var(--ymt-text-color)}:host .asideOutlet{position:absolute;inset:0;padding-inline-start:var(--yuv-side-nav-width, var(--ymt-sizing-6xl))}: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.MetadataDefaultTemplatesComponent, selector: "yuv-metadata-default-templates" }, { kind: "component", type: YuvAppHeaderComponent, selector: "yuv-app-header" }, { kind: "component", type: SidebarNavComponent, selector: "yuv-sidebar-nav" }, { 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: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: ShellLogoComponent, selector: "yuv-shell-logo" }, { kind: "directive", type: YmtIconButtonDirective, selector: "button[ymtIconButton],button[ymt-icon-button],a[ymtIconButton],a[ymt-icon-button]", inputs: ["disabled", "disableRipple", "aria-disabled", "disabledInteractive", "icon-button-size"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ClientShellComponent, decorators: [{
             type: Component,
@@ -563,7 +571,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                         MatTooltipModule,
                         ShellLogoComponent,
                         YmtIconButtonDirective
-                    ], providers: [SafeHtmlPipe], template: "<yuv-metadata-default-templates></yuv-metadata-default-templates>\n\n<!-- gloabl busy indicator -->\n@if (busy$ | async) {\n  <mat-progress-bar mode=\"indeterminate\" class=\"progress-bar\"></mat-progress-bar>\n}\n\n@let iconsRegistered = registerIcons();\n@let showAppHeader = css.appHeader();\n\n@if (showAppHeader) {\n  <yuv-app-header> </yuv-app-header>\n}\n\n<yuv-sidebar-nav class=\"shell-nav\">\n  @if (iconsRegistered && !showAppHeader) {\n    <yuv-shell-logo slot=\"shell-logo\" class=\"shell-nav__shell-logo\"/>\n  }\n  <section slot=\"app-switcher\"\n           class=\"shell-nav__app-switcher-wrapper\"\n           [attr.aria-label]=\"('yuv.shell.app-switcher.aria.label' | translate)\" >\n    <ul class=\"shell-nav__app-switcher\">\n      @for (a of navApps(); track a.path) {\n        <li class=\"shell-nav__app-switcher-item\"  routerLinkActive=\"shell-nav__app-switcher-item--active\">\n          <button\n            class=\"shell-nav__app-switcher-link\"\n            ymt-icon-button\n            [routerLink]=\"a.path\"\n            matTooltipPosition=\"after\"\n            [matTooltip]=\"getAppTitle(a)\"\n          >\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>\n\n  <section slot=\"shell-actions\"\n           class=\"shell-nav__actions\"\n           [attr.aria-label]=\"('yuv.shell.shell-actions.aria.label' | translate)\">\n    @if (showNotifications()) {\n      <button\n        class=\"shell-nav__actions-button\"\n        ymt-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    @for (customButton of customActionButtons; track customButton.iconName) {\n      <button\n        class=\"shell-nav__actions-button\"\n        ymt-icon-button\n        (click)=\"handleCustomActionButtonClick(customButton)\"\n        matTooltipPosition=\"after\"\n        [matTooltip]=\"customButton.tooltip ? (customButton.tooltip | translate) : ''\"\n      >\n        <mat-icon>{{ customButton.iconName }}</mat-icon>\n      </button>\n    }\n    <button\n      class=\"shell-nav__actions-button\"\n      ymt-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\" ymt-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: [".sidenav{height:100%;width:var(--yuv-side-nav-width, var(--ymt-sizing-6xl));background:transparent;color:inherit;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:var(--ymt-spacing-s)}.sidenav .logo-container{width:100%}.sidenav .app-switcher-container{flex:1 1 0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--ymt-spacing-xs);scrollbar-width:none;-ms-overflow-style:none}.sidenav .app-switcher-container::-webkit-scrollbar{display:none}.sidenav .actions-container{justify-self:flex-end;border-top:var(--ymt-outline-width) solid var(--ymt-outline-variant);display:flex;flex-direction:column;gap:var(--ymt-spacing-s);padding:var(--ymt-spacing-m) 0}:host{position:absolute;inset:0;overflow:hidden;background-color:var(--ymt-surface-app);display:grid;grid-template-rows:auto 1fr;grid-template-columns:auto 1fr;grid-template-areas:\"appheader appheader\" \"nav main\"}:host .progress-bar{position:absolute}:host yuv-app-header{grid-area:appheader}:host .shell-nav{grid-area:nav}:host .shell-nav__app-switcher-wrapper{display:contents}:host .shell-nav__app-switcher{display:contents;list-style:none}:host .shell-nav__app-switcher-item{position:relative;padding:var(--ymt-spacing-2xs) 0}:host .shell-nav__app-switcher-item:after{content:\"\";position:absolute;inset:0;top:var(--ymt-spacing-2xs);aspect-ratio:1/1;background-color:var(--mat-icon-button-state-layer-color, var(--mat-sys-on-surface-variant));border-radius:var(--ymt-corner-full);visibility:hidden;opacity:0}:host .shell-nav__app-switcher-item:before{content:\"\";height:var(--ymt-sizing-3xs);width:var(--ymt-sizing-xs);border-radius:var(--ymt-corner-full);position:absolute;left:50%;bottom:0;transform:translate3d(-50%,0,0);background-color:transparent;transition:background-color .1s ease-in-out}:host .shell-nav__app-switcher-item--active:before{background-color:var(--ymt-primary)}:host .shell-nav__app-switcher-item--active:after{visibility:visible;opacity:.08}:host .shell-nav__actions{display:contents}:host main{grid-area:main;overflow:hidden;color:var(--ymt-text-color)}:host .asideOutlet{position:absolute;inset:0;padding-inline-start:var(--yuv-side-nav-width, var(--ymt-sizing-6xl))}: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"] }]
+                    ], providers: [SafeHtmlPipe], template: "<yuv-metadata-default-templates></yuv-metadata-default-templates>\n\n@let iconsRegistered = registerIcons();\n@let showAppHeader = css.appHeader();\n\n<!-- gloabl busy indicator if app header is present, it will deal with busy indication -->\n@if (!showAppHeader && (busy$ | async)) {\n  <mat-progress-bar mode=\"indeterminate\" class=\"progress-bar\"></mat-progress-bar>\n}\n@if (showAppHeader) {\n  <yuv-app-header> </yuv-app-header>\n}\n\n<yuv-sidebar-nav class=\"shell-nav\">\n  @if (iconsRegistered && !showAppHeader) {\n    <yuv-shell-logo slot=\"shell-logo\" class=\"shell-nav__shell-logo\" />\n  }\n  <section slot=\"app-switcher\" class=\"shell-nav__app-switcher-wrapper\" [attr.aria-label]=\"'yuv.shell.app-switcher.aria.label' | translate\">\n    <ul class=\"shell-nav__app-switcher\">\n      @for (a of navApps(); track a.path) {\n        <li class=\"shell-nav__app-switcher-item\" routerLinkActive=\"shell-nav__app-switcher-item--active\">\n          <button class=\"shell-nav__app-switcher-link\" ymt-icon-button [routerLink]=\"a.path\" matTooltipPosition=\"after\" [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>\n\n  <section slot=\"shell-actions\" class=\"shell-nav__actions\" [attr.aria-label]=\"'yuv.shell.shell-actions.aria.label' | translate\">\n    @if (showNotifications()) {\n      <button\n        class=\"shell-nav__actions-button\"\n        ymt-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    @for (customButton of customActionButtons; track customButton.iconName) {\n      <button\n        class=\"shell-nav__actions-button\"\n        ymt-icon-button\n        (click)=\"handleCustomActionButtonClick(customButton)\"\n        matTooltipPosition=\"after\"\n        [matTooltip]=\"customButton.tooltip ? (customButton.tooltip | translate) : ''\"\n      >\n        <mat-icon>{{ customButton.iconName }}</mat-icon>\n      </button>\n    }\n    <button\n      class=\"shell-nav__actions-button\"\n      ymt-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\" ymt-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: [".sidenav{height:100%;width:var(--yuv-side-nav-width, var(--ymt-sizing-6xl));background:transparent;color:inherit;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:var(--ymt-spacing-s)}.sidenav .logo-container{width:100%}.sidenav .app-switcher-container{flex:1 1 0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--ymt-spacing-xs);scrollbar-width:none;-ms-overflow-style:none}.sidenav .app-switcher-container::-webkit-scrollbar{display:none}.sidenav .actions-container{justify-self:flex-end;border-top:var(--ymt-outline-width) solid var(--ymt-outline-variant);display:flex;flex-direction:column;gap:var(--ymt-spacing-s);padding:var(--ymt-spacing-m) 0}:host{position:absolute;inset:0;overflow:hidden;background-color:var(--ymt-surface-app);display:grid;grid-template-rows:auto 1fr;grid-template-columns:auto 1fr;grid-template-areas:\"appheader appheader\" \"nav main\"}:host .progress-bar{position:absolute}:host yuv-app-header{grid-area:appheader}:host .shell-nav{grid-area:nav}:host .shell-nav__app-switcher-wrapper{display:contents}:host .shell-nav__app-switcher{display:contents;list-style:none}:host .shell-nav__app-switcher-item{position:relative;padding:var(--ymt-spacing-2xs) 0}:host .shell-nav__app-switcher-item:after{content:\"\";position:absolute;inset:0;top:var(--ymt-spacing-2xs);aspect-ratio:1/1;background-color:var(--mat-icon-button-state-layer-color, var(--mat-sys-on-surface-variant));border-radius:var(--ymt-corner-full);visibility:hidden;opacity:0}:host .shell-nav__app-switcher-item:before{content:\"\";height:var(--ymt-sizing-3xs);width:var(--ymt-sizing-xs);border-radius:var(--ymt-corner-full);position:absolute;left:50%;bottom:0;transform:translate3d(-50%,0,0);background-color:transparent;transition:background-color .1s ease-in-out}:host .shell-nav__app-switcher-item--active:before{background-color:var(--ymt-primary)}:host .shell-nav__app-switcher-item--active:after{visibility:visible;opacity:.08;pointer-events:none}:host .shell-nav__actions{display:contents}:host main{grid-area:main;overflow:hidden;color:var(--ymt-text-color)}:host .asideOutlet{position:absolute;inset:0;padding-inline-start:var(--yuv-side-nav-width, var(--ymt-sizing-6xl))}: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"] }]
         }], ctorParameters: () => [], propDecorators: { onFocusChange: [{
                 type: HostListener,
                 args: ['document:focusin', ['$event']]

package/fesm2022/yuuvis-client-shell.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"yuuvis-client-shell.mjs","sources":["../../../../../libs/yuuvis/client-shell/src/lib/actions/manage-flavors/manage-flavors.component.ts","../../../../../libs/yuuvis/client-shell/src/lib/actions/manage-flavors/manage-flavors.component.html","../../../../../libs/yuuvis/client-shell/src/lib/actions/manage-flavors/manage-flavors.action.ts","../../../../../libs/yuuvis/client-shell/src/lib/services/client-shell/client-shell.service.ts","../../../../../libs/yuuvis/client-shell/src/lib/components/shell-logo/shell-logo.component.ts","../../../../../libs/yuuvis/client-shell/src/lib/components/shell-logo/shell-logo.component.html","../../../../../libs/yuuvis/client-shell/src/lib/components/app-header/app-header.component.ts","../../../../../libs/yuuvis/client-shell/src/lib/components/app-header/app-header.component.html","../../../../../libs/yuuvis/client-shell/src/lib/components/sidebar-nav/sidebar-nav.component.ts","../../../../../libs/yuuvis/client-shell/src/lib/components/sidebar-nav/sidebar-nav.component.html","../../../../../libs/yuuvis/client-shell/src/lib/pages/notifications/notifications.component.ts","../../../../../libs/yuuvis/client-shell/src/lib/pages/notifications/notifications.component.html","../../../../../libs/yuuvis/client-shell/src/lib/lib.routes.ts","../../../../../libs/yuuvis/client-shell/src/lib/services/shell-action-buttons/shell-action-buttons.interface.ts","../../../../../libs/yuuvis/client-shell/src/lib/client-shell.component.ts","../../../../../libs/yuuvis/client-shell/src/lib/client-shell.component.html","../../../../../libs/yuuvis/client-shell/src/lib/services/shell-action-buttons/provide.shell-action-buttons.ts","../../../../../libs/yuuvis/client-shell/src/lib/components/app-header/app-header-slot.directive.ts","../../../../../libs/yuuvis/client-shell/src/lib/client-shell.module.ts","../../../../../libs/yuuvis/client-shell/src/lib/directives/inert.directive.ts","../../../../../libs/yuuvis/client-shell/src/lib/services/shell-widgets/shell-widgets.service.ts","../../../../../libs/yuuvis/client-shell/src/yuuvis-client-shell.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, inject, OnInit, signal } from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { DmsObject, DmsService, TranslateModule, TranslateService } from '@yuuvis/client-core';\nimport { BusyOverlayDirective, ConfirmService, DialogComponent } from '@yuuvis/client-framework/common';\nimport { ListItemDirective } from '@yuuvis/client-framework/list';\nimport { FlavorChipComponent } from '@yuuvis/client-framework/object-flavor';\nimport { ObjectFlavor, ShellService } from '@yuuvis/client-shell-core';\nimport { YmtButtonDirective } from '@yuuvis/material';\nimport { of, switchMap, tap } from 'rxjs';\n\n@Component({\n  selector: 'yuv-manage-flavors',\n  standalone: true,\n  imports: [\n    CommonModule,\n    BusyOverlayDirective,\n    MatIconModule,\n    MatTooltipModule,\n    TranslateModule,\n    ListItemDirective,\n    FlavorChipComponent,\n    DialogComponent,\n    MatButtonModule,\n    YmtButtonDirective\n  ],\n  templateUrl: './manage-flavors.component.html',\n  styleUrl: './manage-flavors.component.scss'\n})\nexport class ManageFlavorsComponent implements OnInit {\n  #shell = inject(ShellService);\n  #dmsService = inject(DmsService);\n  #dialogData = inject<any>(MAT_DIALOG_DATA);\n  readonly #dialogRef = inject(MatDialogRef<ManageFlavorsComponent>);\n  item: DmsObject = this.#dialogData;\n  #confirm = inject(ConfirmService);\n  private translate = inject(TranslateService);\n\n  busy = signal<boolean>(false);\n\n  appliedFlavors: ObjectFlavor[] = [];\n  applicableFlavors: ObjectFlavor[] = [];\n\n  applyFlavor(flavor: ObjectFlavor) {\n    this.busy.set(true);\n    this.#shell.triggerApplyObjectFlavor(this.item, flavor).subscribe(() => {\n      this.#dialogRef.close();\n      this.busy.set(false);\n    });\n  }\n\n  removeFlavor(flavor: ObjectFlavor) {\n    this.busy.set(true);\n    this.#confirm\n      .confirm({\n        message: this.translate.instant('yuv.object-flavor.flavor.remove.confirm.message', {\n          flavor: this.#shell.getFlavorLabel(flavor.id)\n        })\n      })\n      .pipe(switchMap((confirmed: boolean) => (confirmed ? this.#shell.removeObjectFlavor(this.item, flavor) : of(undefined))))\n      .subscribe((res) => {\n        if (res !== undefined) this.#dialogRef.close();\n        this.busy.set(false);\n      });\n  }\n\n  #refreshDmsObject() {\n    this.busy.set(true);\n    this.#dmsService\n      .getDmsObject(this.item.id)\n      .pipe(\n        tap((dmsObject) => {\n          this.item = dmsObject;\n          this.#getAppliedFlavors(this.item);\n        })\n      )\n      .subscribe()\n      .add(() => this.busy.set(false));\n  }\n\n  #getAppliedFlavors(dmsObject: DmsObject) {\n    const res = this.#shell.getAppliedObjectFlavors(dmsObject);\n    this.appliedFlavors = res.applied;\n    this.applicableFlavors = res.applicable;\n  }\n\n  cancel() {\n    this.#dialogRef.close();\n  }\n\n  ngOnInit() {\n    this.#refreshDmsObject();\n  }\n}\n","<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","import { inject } from '@angular/core';\nimport { MatDialog } from '@angular/material/dialog';\nimport { DmsObject, SystemType, TranslateService } from '@yuuvis/client-core';\nimport { AbstractContextAction, Action, ACTION_ICON, ActionSupport, SelectionRange } from '@yuuvis/client-framework/actions';\nimport { ObjectFlavor, ShellService } from '@yuuvis/client-shell-core';\nimport { Observable, of } from 'rxjs';\nimport { ManageFlavorsComponent } from './manage-flavors.component';\n\nexport class ManageFlavorsAction extends AbstractContextAction implements Action {\n  #shell = inject(ShellService);\n  #dialog = inject(MatDialog);\n  private translate = inject(TranslateService);\n\n  id = 'yuv.base.manage-flavor';\n  label = this.translate.instant('yuv.shell.action.manage-flavor.label');\n  description = this.translate.instant('yuv.shell.action.manage-flavor.description');\n  priority = 8;\n  icon = ACTION_ICON.manageFlavor;\n  group = 'common';\n  range = SelectionRange.SINGLE_SELECT;\n  supports: ActionSupport = {\n    types: [SystemType.DOCUMENT]\n  };\n\n  isExecutable(items: DmsObject[]) {\n    const item = items[0];\n    if(!item) return of(false);\n    const applicableFlavors: ObjectFlavor[] = item.isFolder\n      ? this.#shell.getApplicableFolderFlavors()\n      : item.content\n        ? this.#shell.getApplicableDocumentFlavors(item.content.mimeType)\n        : [];\n    return of(item && !!item.permissions?.writeIndexData && applicableFlavors.length > 0);\n  }\n\n  run(items: DmsObject[]): Observable<boolean> {\n    this.#dialog.open(ManageFlavorsComponent, {\n      width: '400px',\n      maxWidth: '90vw',\n      data: items[0]\n    });\n    return of(true);\n  }\n}\n","import { inject, Injectable, signal, TemplateRef } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { NavigationEnd, Router } from '@angular/router';\nimport { App, AppOptions, ShellService } from '@yuuvis/client-shell-core';\nimport { filter } from 'rxjs';\nimport { AppHeaderSlot } from '../../components/app-header/app-header-slot.directive';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class ClientShellService {\n  #router = inject(Router);\n  #shell = inject(ShellService);\n\n  appHeaderSlots = signal<Record<string, TemplateRef<any>>>({});\n\n  apps = this.#shell.apps;\n  currentApp = signal<App | undefined>(undefined);\n  appHeader = signal<boolean>(false);\n\n  constructor() {\n    this.#router.events\n      .pipe(\n        takeUntilDestroyed(),\n        filter((e) => e instanceof NavigationEnd)\n      )\n      .subscribe((e) => {\n        this.#getAppFromUrl(this.#router.routerState.snapshot.url);\n      });\n  }\n\n  #getAppFromUrl(url: string) {\n    // remove request params\n    if(url.indexOf('?') !== -1) url = url.substring(0, url.indexOf('?'))\n    // remove fragments\n    if(url.indexOf('#') !== -1) url = url.substring(0, url.indexOf('#'))\n    const urlTokens = url.split('/').filter((t) => !!t);\n    // TODO: what about context path\n    const appPath = urlTokens[0];\n    if (this.currentApp()?.path !== appPath) {\n      const app = this.apps().find((a) => a.path === appPath);\n      this.currentApp.set(app);\n      const appData = app?.options as AppOptions;\n      this.appHeader.set(!!appData?.appHeader);\n      this.appHeaderSlots.set({});\n    }\n  }\n\n  addAppHeaderSlot(slot: AppHeaderSlot, tpl: TemplateRef<any>) {\n    this.appHeaderSlots.update((curr) => ({ ...curr, [slot]: tpl }));\n  }\n\n  getCssVars(vars: string[]): Record<string, unknown> {\n    // const vars = ['--ymt-spacing-m'];\n    const style = window.getComputedStyle(\n      document.getElementsByTagName('body')[0]\n    );\n    return vars.reduce(\n      (prev, curr) => ({ ...prev, [curr]: style.getPropertyValue(curr) }),\n      {}\n    );\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport { Component } from '@angular/core';\nimport { MatIconModule } from '@angular/material/icon';\nimport { RouterModule } from '@angular/router';\nimport { TranslateModule } from '@yuuvis/client-core';\n\n@Component({\n  selector: 'yuv-shell-logo',\n  standalone: true,\n  imports: [CommonModule, MatIconModule, RouterModule, TranslateModule],\n  templateUrl: './shell-logo.component.html',\n  styleUrl: './shell-logo.component.scss',\n  host: {\n    'class': 'shell-logo',\n  }\n})\nexport class ShellLogoComponent {\n  // label = input.required<string>();\n}\n","<a class=\"shell-logo__to-root\" routerLink=\"/\" [attr.aria-label]=\"'yuv.shell.logo.aria.label' | translate\">\n    <mat-icon class=\"shell-logo__icon\" svgIcon=\"shellIcons:app_logo\"></mat-icon>\n</a>\n","import { CommonModule } from '@angular/common';\nimport { Component, inject, TemplateRef } from '@angular/core';\nimport { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';\nimport { MatIconModule } from '@angular/material/icon';\nimport { RouterModule } from '@angular/router';\nimport { debounceTime } from 'rxjs';\nimport { ClientShellService } from '../../services/client-shell/client-shell.service';\nimport { ShellLogoComponent } from '../shell-logo/shell-logo.component';\nimport { YuvOverflowHiddenModule } from '@yuuvis/client-framework/overflow-hidden';\n\n@Component({\n  selector: 'yuv-app-header',\n  imports: [CommonModule, MatIconModule, YuvOverflowHiddenModule, ShellLogoComponent, RouterModule],\n  templateUrl: './app-header.component.html',\n  styleUrl: './app-header.component.scss'\n})\nexport class YuvAppHeaderComponent {\n  #clientShellService = inject(ClientShellService);\n\n  actionsSlot: TemplateRef<any> | null = null;\n  searchSlot: TemplateRef<any> | null = null;\n  notificationsSlot: TemplateRef<any> | null = null;\n\n  app = this.#clientShellService.currentApp;\n  #slots = this.#clientShellService.appHeaderSlots;\n\n  constructor() {\n    toObservable(this.#slots)\n      .pipe(debounceTime(1), takeUntilDestroyed())\n      .subscribe((slots) => {\n        this.actionsSlot = slots['actions'] || null;\n        this.searchSlot = slots['search'] || null;\n        this.notificationsSlot = slots['notifications'] || null;\n      });\n  }\n}\n","@let a = app();\n\n@if (a) {\n  <header\n    class=\"app-header\"\n    [ngClass]=\"{\n      'has-actions': !!actionsSlot,\n      'has-search': !!searchSlot,\n      'has-notifications': !!notificationsSlot\n    }\"\n    aria-labelledby=\"yuv-app-header\"\n  >\n    <yuv-shell-logo />\n    <yuv-overflow-hidden>\n      <ng-template #yuvDefaultSlot>\n        <a class=\"name\" [routerLink]=\"app()?.path\">\n          <span class=\"title\" id=\"yuv-app-header\">\n            {{ a.title }}\n            <span class=\"claim\">{{ a.options?.appClaim }}</span>\n          </span>\n        </a>\n      </ng-template>\n    </yuv-overflow-hidden>\n    <div class=\"actions\">\n      <ng-container *ngTemplateOutlet=\"actionsSlot\"></ng-container>\n    </div>\n    <div class=\"search\">\n      <ng-container *ngTemplateOutlet=\"searchSlot\"></ng-container>\n    </div>\n    <div class=\"notifications\">\n      <ng-container *ngTemplateOutlet=\"notificationsSlot\"></ng-container>\n    </div>\n  </header>\n}\n","import { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { TranslateModule } from '@yuuvis/client-core';\n\n@Component({\n  selector: 'yuv-sidebar-nav',\n  templateUrl: './sidebar-nav.component.html',\n  styleUrl: './sidebar-nav.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [TranslateModule]\n})\nexport class SidebarNavComponent {}\n","<nav class=\"sidenav\" [attr.aria-label]=\"('yuv.shell.side-nav.aria.label' | translate)\" >\n  <div class=\"logo-container\">\n    <ng-content select=\"[slot=shell-logo]\"></ng-content>\n  </div>\n  <div class=\"app-switcher-container\">\n    <ng-content select=\"[slot=app-switcher]\"></ng-content>\n  </div>\n  <div class=\"actions-container\">\n    <ng-content select=\"[slot=shell-actions]\"></ng-content>\n  </div>\n</nav>\n","import { CdkTrapFocus } from '@angular/cdk/a11y';\nimport { CommonModule } from '@angular/common';\nimport { Component, ElementRef, HostListener, OnInit, effect, inject } from '@angular/core';\nimport { toSignal } from '@angular/core/rxjs-interop';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { Router } from '@angular/router';\nimport { LocaleDatePipe, TranslateModule, Utils } from '@yuuvis/client-core';\nimport { LightDismissDirective } from '@yuuvis/client-framework/common';\nimport { YUV_ICONS, YuvIconComponent } from '@yuuvis/client-framework/icons';\nimport { YuvListModule } from '@yuuvis/client-framework/list';\nimport { ShellNotificationsService } from '@yuuvis/client-shell-core';\n\n@Component({\n  selector: 'yuv-notifications',\n  standalone: true,\n  imports: [\n    CommonModule,\n    LightDismissDirective,\n    MatIconModule,\n    MatButtonModule,\n    LocaleDatePipe,\n    YuvIconComponent,\n    CdkTrapFocus,\n    YuvListModule,\n    TranslateModule\n  ],\n  templateUrl: './notifications.component.html',\n  styleUrl: './notifications.component.scss'\n})\nexport class NotificationsPageComponent implements OnInit {\n  private router = inject(Router);\n  private shellNotifications = inject(ShellNotificationsService);\n  private elRef = inject(ElementRef);\n\n  private _focusedIndex = -1;\n  private _notificationIDs: string[] = [];\n  notifications = toSignal(this.shellNotifications.shellNotifications$);\n  notificationsIdEffect = effect(() => (this._notificationIDs = (this.notifications() || []).map((n) => n.id)));\n\n  icons = {\n    note: YUV_ICONS.notification\n  };\n\n  @HostListener('keydown', ['$event']) onKeydown(event: KeyboardEvent) {\n    switch (event.code) {\n      case 'Delete': {\n        if (this._focusedIndex >= 0) this.remove(this._notificationIDs[this._focusedIndex]);\n        break;\n      }\n    }\n  }\n\n  async itemSelected(idx: number[]) {\n    const n = this.shellNotifications.getNotificationById(this._notificationIDs[idx[0]]);\n    if (n?.targetRoute) {\n      await this.close();\n      this.router.navigateByUrl(n.targetRoute, { replaceUrl: true });\n      if (n.removeOnTargetRouteNavigated) this.remove(n.id);\n    }\n  }\n\n  itemFocused(index: number) {\n    this._focusedIndex = index;\n  }\n\n  remove(id: string) {\n    if (id) this.shellNotifications.remove(id);\n  }\n\n  removeAll() {\n    this.shellNotifications.removeAll();\n  }\n\n  close() {\n    return this.router.navigate([{ outlets: { aside: null } }], {\n      replaceUrl: true\n    });\n  }\n\n  ngOnInit(): void {\n    this.shellNotifications.markAllAsSeen();\n    setTimeout(() => {\n      const fc: HTMLElement[] = Utils.getFocusableChildren(this.elRef.nativeElement) as HTMLElement[];\n      if (fc.length) fc[0].focus();\n    });\n  }\n}\n","<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","import { Route } from '@angular/router';\nimport { NotificationsPageComponent } from './pages/notifications/notifications.component';\n\nexport const clientShellRoutes: Route[] = [\n  { path: 'dashboard', loadComponent: () => import('./pages/dashboard/dashboard.component').then((comp) => comp.DashboardPageComponent) },\n  { path: 'notifications', component: NotificationsPageComponent, outlet: 'aside' },\n  { path: 'settings', loadComponent: () => import('./pages/settings/settings.component').then((comp) => comp.SettingsPageComponent) },\n \n  // default route\n  { path: '', redirectTo: '/dashboard', pathMatch: 'full' },\n  // redirecting route\n  { path: '**', redirectTo: '/' }\n];\n","import { InjectionToken } from '@angular/core';\nimport { Router } from \"@angular/router\";\nimport { ConfigService } from \"@yuuvis/client-core\";\n\nexport const SHELL_ACTION_BUTTONS_CONFIG = new InjectionToken<ShellActionButton[]>('SHELL_ACTION_BUTTONS_CONFIG');\n\nexport interface ShellActionButton {\n  iconName: string; // name of the material icon to be displayed\n  onClick: (api: ShellActionButtonConfigAPI) => void; // function to be executed when button is clicked\n  tooltip?: string; // i18n translation key\n}\n\nexport interface ShellActionButtonConfigAPI {\n  router: Router,\n  config: ConfigService\n}\n","import { AsyncPipe } from '@angular/common';\nimport { Component, HostListener, OnInit, Signal, computed, effect, inject, input, signal } from '@angular/core';\nimport { toSignal } from '@angular/core/rxjs-interop';\nimport { MatIcon, MatIconRegistry } from '@angular/material/icon';\nimport { MatProgressBar } from '@angular/material/progress-bar';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { NavigationEnd, Route, Router, RouterModule } from '@angular/router';\nimport { SwPush } from '@angular/service-worker';\nimport { AuthService, ConfigService, DeviceService, SafeHtmlPipe, TranslateModule, TranslateService, UserRoles, UserService, Utils, YuvUser } from '@yuuvis/client-core';\nimport { YuvMetadataFormDefaultsModule } from '@yuuvis/client-framework/metadata-form-defaults';\nimport {\n  App,\n  ClientShellConfig,\n  CommandPaletteCommand,\n  CommandPaletteService,\n  ShellNotificationLevel,\n  ShellNotificationsService,\n  ShellService\n} from '@yuuvis/client-shell-core';\nimport { of } from 'rxjs';\nimport { catchError, filter, map, switchMap, tap } from 'rxjs/operators';\nimport { YuvAppHeaderComponent } from './components/app-header/app-header.component';\nimport { SidebarNavComponent } from './components/sidebar-nav/sidebar-nav.component';\nimport { clientShellRoutes } from './lib.routes';\nimport { ClientShellService } from './services/client-shell/client-shell.service';\nimport { ShellLogoComponent } from './components/shell-logo/shell-logo.component';\nimport { YmtIconButtonDirective } from '@yuuvis/material';\nimport { SHELL_ACTION_BUTTONS_CONFIG, ShellActionButton } from './services/shell-action-buttons/shell-action-buttons.interface';\n\n/**\n * Base component for the client shell application. In your apps\n * app.component.ts you can use this component as a base component\n * to provide the shell functionality.\n *\n * ```typescript\n * @Component({\n *   standalone: true,\n *   imports: [ClientShellComponent],\n *   selector: 'yuv-root',\n *   template: `<yuv-client-shell [apps]=\"apps\" [config]=\"shellConfig\"></yuv-client-shell>`,\n *   styleUrl: './app.component.scss'\n * })\n * export class AppComponent {\n *   #featureService = inject(FeatureService);\n *   apps: App[] = this.#featureService.getAvailableApps(app);\n * }\n * ```\n */\n@Component({\n  selector: 'yuv-client-shell',\n  standalone: true,\n  imports: [\n    AsyncPipe,\n    TranslateModule,\n    RouterModule,\n    YuvMetadataFormDefaultsModule,\n    YuvAppHeaderComponent,\n    SidebarNavComponent,\n    MatIcon,\n    MatProgressBar,\n    MatTooltipModule,\n    ShellLogoComponent,\n    YmtIconButtonDirective\n  ],\n  templateUrl: './client-shell.component.html',\n  styleUrls: ['./client-shell.component.scss'],\n  providers: [SafeHtmlPipe]\n})\nexport class ClientShellComponent implements OnInit {\n  private router = inject(Router);\n  #config = inject(ConfigService)\n  private auth = inject(AuthService);\n  private userService = inject(UserService);\n  #shell = inject(ShellService);\n  readonly css = inject(ClientShellService);\n  private shellNotifications = inject(ShellNotificationsService);\n  private translate = inject(TranslateService);\n  private commandPalette = inject(CommandPaletteService);\n  readonly #device = inject(DeviceService);\n  readonly #swPush = inject(SwPush);\n  readonly #matIconRegistryService = inject(MatIconRegistry);\n\n  private APP_LOGOUT_EVENT_KEY = 'yuv.app.event.logout';\n\n  private _levels: Record<ShellNotificationLevel, number> = {\n    info: 0,\n    success: 1,\n    warning: 2,\n    alert: 3\n  };\n\n  safeHtmlPipe = inject(SafeHtmlPipe);\n\n  showUploadOverlay = false;\n  busy$ = this.#shell.isBusy$;\n  context?: string;\n\n  customActionButtons = inject(SHELL_ACTION_BUTTONS_CONFIG, { optional: true });\n  showNotifications = signal<boolean>(false);\n  newNotifications: Signal<\n    | {\n        count: number;\n        maxLevel: ShellNotificationLevel;\n      }\n    | undefined\n  > = toSignal(\n    this.shellNotifications.shellNotifications$.pipe(\n      tap((n) => this.showNotifications.set(n.length > 0)),\n      map((notifications) => {\n        let maxLevel: ShellNotificationLevel = 'info';\n        const count = notifications.filter((n) => !n.seen).length;\n        notifications.forEach((n) => (maxLevel = n.level && this._levels[n.level] > this._levels[maxLevel] ? n.level : maxLevel));\n        return count > 0 ? { maxLevel, count } : undefined;\n      })\n    )\n  );\n\n  @HostListener('document:focusin', ['$event'])\n  onFocusChange(event: FocusEvent) {\n    // console.log('focused: ', document.activeElement);\n  }\n\n  @HostListener('dragover', ['$event'])\n  onDragOver(event: DragEvent) {\n    event.stopPropagation();\n    event.preventDefault();\n\n    this.showUploadOverlay = !!this._dragContainsFiles(event);\n  }\n\n  apps = input.required<App[]>();\n  navApps = computed(() => this.apps().filter((a) => !a.options?.hideFromNav));\n  #appsEffect = effect(() => this.#shell.setApps(this.apps()));\n  user?: YuvUser;\n  checkedForInitialRoute = false;\n  enableTenantSwitch = false;\n\n  config = input<ClientShellConfig>();\n  #shellConfigEffect = effect(() => {\n    const cfg = this.config();\n    if (cfg) {\n      this.#shell.setShellConfig(cfg);\n    }\n  });\n\n  registerIcons = computed(() => {\n    const apps = this.apps();\n    const config = this.#shell.shellConfig();\n    const namespace = config.shellIconNamespace;\n\n    // find svg-icons to register and put them in an array\n    const customSvgIconsToRegister = apps\n      .filter(({ svgIcon }) => !!svgIcon)\n      .map(({ svgIcon, iconName }): ClientShellConfig['appIcon'] => ({ svgIcon, iconName }));\n    customSvgIconsToRegister.push(config.appIcon);\n\n    // register svg-icons\n    const allRegistered = customSvgIconsToRegister.every((icon) => {\n      return namespace && icon && icon.svgIcon && icon.iconName\n        ? !!this.#matIconRegistryService.addSvgIconLiteralInNamespace(namespace, icon.iconName, this.safeHtmlPipe.transform(icon.svgIcon))\n        : false;\n    });\n\n    return allRegistered;\n  });\n\n  constructor() {\n    this.translate.onLangChange.subscribe(() => this._setCommands(true));\n    // this.router.events.pipe(\n    //   // filter(e => e instanceof NavigationStart)\n    // ).subscribe((e) => {\n    //   console.log(e);\n    // });\n\n    this.router.events\n      .pipe(\n        filter((e) => e instanceof NavigationEnd),\n        map((e) => e as NavigationEnd)\n      )\n      .subscribe((e: NavigationEnd) => this._processRouterNavigationEnd(e));\n\n    this.#device.init();\n\n    this.userService.user$.subscribe((user: YuvUser | undefined) => {\n      if (user) {\n        this.checkedForInitialRoute = !(!this.user || this.user.id !== user.id);\n        this.enableTenantSwitch = user.authorities.includes(UserRoles.MULTI_TENANT);\n      }\n      this.user = user;\n    });\n\n    window.addEventListener('storage', (evt) => {\n      if (evt.key === this.APP_LOGOUT_EVENT_KEY) {\n        this.appLogout(true);\n      }\n    });\n  }\n\n  getAppTitle(a: App): string {\n    return (a.title as string) || '';\n  }\n\n  handleCustomActionButtonClick(button: ShellActionButton): void {\n    button.onClick({ router: this.router, config: this.#config });\n  }\n\n  openNotifications() {\n    this.router.navigate([{}]);\n  }\n\n  // getNotifications(id: string) {\n  //   return this.shellNotifications.getNotifications(id);\n  // }\n\n  private _dragContainsFiles(event: DragEvent): number {\n    // do not allow to drop files/images from iframes\n    if ((event.relatedTarget as Element)?.tagName.toLowerCase() === 'iframe') return 0;\n    return event.dataTransfer ? Array.from(event.dataTransfer.items || []).filter((i) => i.kind === 'file' && i.type).length : 0;\n  }\n\n  private _setCommands(update?: boolean) {\n    const commands: CommandPaletteCommand[] = this.apps().map((a: App, i: number) => ({\n      id: `nav.app.${i}`,\n      label: this.translate.instant('yuv.shell.cmd.app.open', { title: a.title as string }),\n      callback: () => this.router.navigate([a.path])\n    }));\n    commands.push({\n      id: `nav.shell.settings`,\n      label: this.translate.instant('yuv.shell.cmd.open.settings'),\n      callback: () => this.router.navigate(['settings'])\n    });\n    commands.push({\n      id: `nav.shell.logout`,\n      label: this.translate.instant('yuv.shell.cmd.logout'),\n      callback: () => this.appLogout()\n    });\n\n    if (update) this.commandPalette.updateCommands(commands);\n    else this.commandPalette.registerCommands(commands);\n  }\n\n  requestSubscription() {\n    if (!this.#swPush.isEnabled) {\n      return;\n    }\n\n    this.#swPush.messages\n      .pipe(\n        tap((msg) => console.log({ msg })),\n        catchError((error) => {\n          console.log({ error });\n          return of(null);\n        })\n      )\n      .subscribe();\n  }\n\n  appLogout(triggeredFromOtherTab?: boolean) {\n    if (!triggeredFromOtherTab) {\n      // send storage event to logout all other open tabs\n      window.localStorage.setItem(this.APP_LOGOUT_EVENT_KEY, `${Date.now()}`);\n    }\n    this.userService.logout('');\n  }\n\n  private _processRouterNavigationEnd(e: NavigationEnd) {\n    if (!this.checkedForInitialRoute) {\n      this.checkedForInitialRoute = true;\n      // redirect to the page the user logged out from the last time\n      // but only if current route is not a deep link\n      const ignoreRoutes = ['', 'dashboard', 'index.html'].map((s) => `${Utils.getBaseHref()}${s}`.replace('//', '/'));\n      const currentRoute = this.routeWithBaseHref(this.router.routerState.snapshot.url);\n\n      if (this.userService.getCurrentUser() && !ignoreRoutes.includes(currentRoute)) {\n        // get persisted routes to decide where to redirect the logged in user to\n        this.auth\n          .getInitialRequestUri()\n          .pipe(switchMap((res) => this.auth.resetInitialRequestUri().pipe(map((_) => res))))\n          .subscribe((res: { uri: string; timestamp: number }) => {\n            const loginRes = res && !ignoreRoutes.includes(res.uri) ? res : null;\n            if (loginRes) this.router.navigateByUrl(loginRes.uri);\n          });\n      }\n    }\n  }\n\n  private routeWithBaseHref(r: string): string {\n    return `${Utils.getBaseHref()}${r}`.replace('//', '/');\n  }\n\n  ngOnInit(): void {\n    this.#shell._init();\n    clientShellRoutes.forEach((route: Route) => {\n      this.router.config.push(route);\n    });\n    this.router.resetConfig(this.router.config);\n    this._setCommands();\n    this.requestSubscription();\n  }\n}\n","<yuv-metadata-default-templates></yuv-metadata-default-templates>\n\n<!-- gloabl busy indicator -->\n@if (busy$ | async) {\n  <mat-progress-bar mode=\"indeterminate\" class=\"progress-bar\"></mat-progress-bar>\n}\n\n@let iconsRegistered = registerIcons();\n@let showAppHeader = css.appHeader();\n\n@if (showAppHeader) {\n  <yuv-app-header> </yuv-app-header>\n}\n\n<yuv-sidebar-nav class=\"shell-nav\">\n  @if (iconsRegistered && !showAppHeader) {\n    <yuv-shell-logo slot=\"shell-logo\" class=\"shell-nav__shell-logo\"/>\n  }\n  <section slot=\"app-switcher\"\n           class=\"shell-nav__app-switcher-wrapper\"\n           [attr.aria-label]=\"('yuv.shell.app-switcher.aria.label' | translate)\" >\n    <ul class=\"shell-nav__app-switcher\">\n      @for (a of navApps(); track a.path) {\n        <li class=\"shell-nav__app-switcher-item\"  routerLinkActive=\"shell-nav__app-switcher-item--active\">\n          <button\n            class=\"shell-nav__app-switcher-link\"\n            ymt-icon-button\n            [routerLink]=\"a.path\"\n            matTooltipPosition=\"after\"\n            [matTooltip]=\"getAppTitle(a)\"\n          >\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>\n\n  <section slot=\"shell-actions\"\n           class=\"shell-nav__actions\"\n           [attr.aria-label]=\"('yuv.shell.shell-actions.aria.label' | translate)\">\n    @if (showNotifications()) {\n      <button\n        class=\"shell-nav__actions-button\"\n        ymt-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    @for (customButton of customActionButtons; track customButton.iconName) {\n      <button\n        class=\"shell-nav__actions-button\"\n        ymt-icon-button\n        (click)=\"handleCustomActionButtonClick(customButton)\"\n        matTooltipPosition=\"after\"\n        [matTooltip]=\"customButton.tooltip ? (customButton.tooltip | translate) : ''\"\n      >\n        <mat-icon>{{ customButton.iconName }}</mat-icon>\n      </button>\n    }\n    <button\n      class=\"shell-nav__actions-button\"\n      ymt-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\" ymt-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","import { SHELL_ACTION_BUTTONS_CONFIG, ShellActionButton } from './shell-action-buttons.interface';\n\nexport const provideShellActionButtons = (buttons: ShellActionButton[]) => {\n  return [\n    {\n      provide: SHELL_ACTION_BUTTONS_CONFIG,\n      useValue: buttons\n    }\n  ];\n};\n","import { Directive, inject, input, OnInit, TemplateRef } from '@angular/core';\nimport { ClientShellService } from '../../services/client-shell/client-shell.service';\n\nexport type AppHeaderSlot = 'actions' | 'search' | 'notifications';\n\n@Directive({\n  selector: 'ng-template[yuvAppHeaderSlot]'\n})\nexport class YuvAppHeaderSlotDirective implements OnInit {\n  #tplRef = inject(TemplateRef<any>);\n  #clientShellService = inject(ClientShellService);\n\n  yuvAppHeaderSlot = input.required<AppHeaderSlot>();\n\n  ngOnInit(): void {\n    this.#clientShellService.addAppHeaderSlot(this.yuvAppHeaderSlot(), this.#tplRef);\n  }\n}\n","import { NgModule } from \"@angular/core\";\nimport { YuvAppHeaderSlotDirective } from \"./components/app-header/app-header-slot.directive\";\n\n\nconst cmp = [\n    YuvAppHeaderSlotDirective,\n]\n\n@NgModule({\n    imports: [cmp],\n    exports: [cmp]\n  })\n  export class YuvClientShellModule {}","import { Directive, ElementRef, effect, inject, input } from '@angular/core';\n\n@Directive({\n  // eslint-disable-next-line @angular-eslint/directive-selector\n  selector: '[inert]',\n  standalone: true\n})\nexport class InertDirective {\n  private elRef = inject(ElementRef);\n\n  inert = input<boolean>(false);\n\n  constructor() {\n    effect(() => {\n      const el: HTMLElement = this.elRef.nativeElement as HTMLElement;\n      if (this.inert()) el.setAttribute('inert', 'true');\n      else el.removeAttribute('inert');\n    });\n  }\n}\n","import { inject, Injectable } from '@angular/core';\nimport { GridWidget, WidgetGridRegistry } from '@yuuvis/client-framework/widget-grid';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class ShellWidgetsService {\n  #widgetGridRegistry = inject(WidgetGridRegistry);\n\n  #WIDGET_REGISTRY_BUCKET = 'io.yuuvis.shell.widgets';\n\n  exposeShellWidgets(widgets: GridWidget<any>[]) {\n    this.#widgetGridRegistry.registerGridWidgets(widgets, [this.#WIDGET_REGISTRY_BUCKET]);\n  }\n\n  concealShellWidgets(ids: string[]) {\n    ids.forEach((id) => this.#widgetGridRegistry.removeRegisteredWidget(id));\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i3","i2","i1","i5","tap","filter","switchMap","i4"],"mappings":"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"}
+{"version":3,"file":"yuuvis-client-shell.mjs","sources":["../../../../../libs/yuuvis/client-shell/src/lib/actions/manage-flavors/manage-flavors.component.ts","../../../../../libs/yuuvis/client-shell/src/lib/actions/manage-flavors/manage-flavors.component.html","../../../../../libs/yuuvis/client-shell/src/lib/actions/manage-flavors/manage-flavors.action.ts","../../../../../libs/yuuvis/client-shell/src/lib/services/client-shell/client-shell.service.ts","../../../../../libs/yuuvis/client-shell/src/lib/components/shell-logo/shell-logo.component.ts","../../../../../libs/yuuvis/client-shell/src/lib/components/shell-logo/shell-logo.component.html","../../../../../libs/yuuvis/client-shell/src/lib/components/app-header/app-header.component.ts","../../../../../libs/yuuvis/client-shell/src/lib/components/app-header/app-header.component.html","../../../../../libs/yuuvis/client-shell/src/lib/components/sidebar-nav/sidebar-nav.component.ts","../../../../../libs/yuuvis/client-shell/src/lib/components/sidebar-nav/sidebar-nav.component.html","../../../../../libs/yuuvis/client-shell/src/lib/pages/notifications/notifications.component.ts","../../../../../libs/yuuvis/client-shell/src/lib/pages/notifications/notifications.component.html","../../../../../libs/yuuvis/client-shell/src/lib/lib.routes.ts","../../../../../libs/yuuvis/client-shell/src/lib/services/shell-action-buttons/shell-action-buttons.interface.ts","../../../../../libs/yuuvis/client-shell/src/lib/client-shell.component.ts","../../../../../libs/yuuvis/client-shell/src/lib/client-shell.component.html","../../../../../libs/yuuvis/client-shell/src/lib/services/shell-action-buttons/provide.shell-action-buttons.ts","../../../../../libs/yuuvis/client-shell/src/lib/components/app-header/app-header-slot.directive.ts","../../../../../libs/yuuvis/client-shell/src/lib/client-shell.module.ts","../../../../../libs/yuuvis/client-shell/src/lib/directives/inert.directive.ts","../../../../../libs/yuuvis/client-shell/src/lib/services/shell-widgets/shell-widgets.service.ts","../../../../../libs/yuuvis/client-shell/src/yuuvis-client-shell.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, inject, OnInit, signal } from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { DmsObject, DmsService, TranslateModule, TranslateService } from '@yuuvis/client-core';\nimport { BusyOverlayDirective, ConfirmService, DialogComponent } from '@yuuvis/client-framework/common';\nimport { ListItemDirective } from '@yuuvis/client-framework/list';\nimport { FlavorChipComponent } from '@yuuvis/client-framework/object-flavor';\nimport { ObjectFlavor, ShellService } from '@yuuvis/client-shell-core';\nimport { YmtButtonDirective } from '@yuuvis/material';\nimport { of, switchMap, tap } from 'rxjs';\n\n@Component({\n  selector: 'yuv-manage-flavors',\n  standalone: true,\n  imports: [\n    CommonModule,\n    BusyOverlayDirective,\n    MatIconModule,\n    MatTooltipModule,\n    TranslateModule,\n    ListItemDirective,\n    FlavorChipComponent,\n    DialogComponent,\n    MatButtonModule,\n    YmtButtonDirective\n  ],\n  templateUrl: './manage-flavors.component.html',\n  styleUrl: './manage-flavors.component.scss'\n})\nexport class ManageFlavorsComponent implements OnInit {\n  #shell = inject(ShellService);\n  #dmsService = inject(DmsService);\n  #dialogData = inject<any>(MAT_DIALOG_DATA);\n  readonly #dialogRef = inject(MatDialogRef<ManageFlavorsComponent>);\n  item: DmsObject = this.#dialogData;\n  #confirm = inject(ConfirmService);\n  private translate = inject(TranslateService);\n\n  busy = signal<boolean>(false);\n\n  appliedFlavors: ObjectFlavor[] = [];\n  applicableFlavors: ObjectFlavor[] = [];\n\n  applyFlavor(flavor: ObjectFlavor) {\n    this.busy.set(true);\n    this.#shell.triggerApplyObjectFlavor(this.item, flavor).subscribe(() => {\n      this.#dialogRef.close();\n      this.busy.set(false);\n    });\n  }\n\n  removeFlavor(flavor: ObjectFlavor) {\n    this.busy.set(true);\n    this.#confirm\n      .confirm({\n        message: this.translate.instant('yuv.object-flavor.flavor.remove.confirm.message', {\n          flavor: this.#shell.getFlavorLabel(flavor.id)\n        })\n      })\n      .pipe(switchMap((confirmed: boolean) => (confirmed ? this.#shell.removeObjectFlavor(this.item, flavor) : of(undefined))))\n      .subscribe((res) => {\n        if (res !== undefined) this.#dialogRef.close();\n        this.busy.set(false);\n      });\n  }\n\n  #refreshDmsObject() {\n    this.busy.set(true);\n    this.#dmsService\n      .getDmsObject(this.item.id)\n      .pipe(\n        tap((dmsObject) => {\n          this.item = dmsObject;\n          this.#getAppliedFlavors(this.item);\n        })\n      )\n      .subscribe()\n      .add(() => this.busy.set(false));\n  }\n\n  #getAppliedFlavors(dmsObject: DmsObject) {\n    const res = this.#shell.getAppliedObjectFlavors(dmsObject);\n    this.appliedFlavors = res.applied;\n    this.applicableFlavors = res.applicable;\n  }\n\n  cancel() {\n    this.#dialogRef.close();\n  }\n\n  ngOnInit() {\n    this.#refreshDmsObject();\n  }\n}\n","<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","import { inject } from '@angular/core';\nimport { MatDialog } from '@angular/material/dialog';\nimport { DmsObject, SystemType, TranslateService } from '@yuuvis/client-core';\nimport { AbstractContextAction, Action, ACTION_ICON, ActionSupport, SelectionRange } from '@yuuvis/client-framework/actions';\nimport { ObjectFlavor, ShellService } from '@yuuvis/client-shell-core';\nimport { Observable, of } from 'rxjs';\nimport { ManageFlavorsComponent } from './manage-flavors.component';\n\nexport class ManageFlavorsAction extends AbstractContextAction implements Action {\n  #shell = inject(ShellService);\n  #dialog = inject(MatDialog);\n  private translate = inject(TranslateService);\n\n  id = 'yuv.base.manage-flavor';\n  label = this.translate.instant('yuv.shell.action.manage-flavor.label');\n  description = this.translate.instant('yuv.shell.action.manage-flavor.description');\n  priority = 8;\n  icon = ACTION_ICON.manageFlavor;\n  group = 'common';\n  range = SelectionRange.SINGLE_SELECT;\n  supports: ActionSupport = {\n    types: [SystemType.DOCUMENT]\n  };\n\n  isExecutable(items: DmsObject[]) {\n    const item = items[0];\n    if(!item) return of(false);\n    const applicableFlavors: ObjectFlavor[] = item.isFolder\n      ? this.#shell.getApplicableFolderFlavors()\n      : item.content\n        ? this.#shell.getApplicableDocumentFlavors(item.content.mimeType)\n        : [];\n    return of(item && !!item.permissions?.writeIndexData && applicableFlavors.length > 0);\n  }\n\n  run(items: DmsObject[]): Observable<boolean> {\n    this.#dialog.open(ManageFlavorsComponent, {\n      width: '400px',\n      maxWidth: '90vw',\n      data: items[0]\n    });\n    return of(true);\n  }\n}\n","import { inject, Injectable, signal, TemplateRef } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { NavigationEnd, Router } from '@angular/router';\nimport { App, AppOptions, ShellService } from '@yuuvis/client-shell-core';\nimport { filter } from 'rxjs';\nimport { AppHeaderSlot } from '../../components/app-header/app-header-slot.directive';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class ClientShellService {\n  #router = inject(Router);\n  #shell = inject(ShellService);\n\n  appHeaderSlots = signal<Record<string, TemplateRef<any>>>({});\n\n  apps = this.#shell.apps;\n  currentApp = signal<App | undefined>(undefined);\n  appHeader = signal<boolean>(false);\n\n  constructor() {\n    this.#router.events\n      .pipe(\n        takeUntilDestroyed(),\n        filter((e) => e instanceof NavigationEnd)\n      )\n      .subscribe((e) => {\n        this.#getAppFromUrl(this.#router.routerState.snapshot.url);\n      });\n  }\n\n  #getAppFromUrl(url: string) {\n    // remove request params\n    if(url.indexOf('?') !== -1) url = url.substring(0, url.indexOf('?'))\n    // remove fragments\n    if(url.indexOf('#') !== -1) url = url.substring(0, url.indexOf('#'))\n    const urlTokens = url.split('/').filter((t) => !!t);\n    // TODO: what about context path\n    const appPath = urlTokens[0];\n    if (this.currentApp()?.path !== appPath) {\n      const app = this.apps().find((a) => a.path === appPath);\n      this.currentApp.set(app);\n      const appData = app?.options as AppOptions;\n      this.appHeader.set(!!appData?.appHeader);\n      this.appHeaderSlots.set({});\n    }\n  }\n\n  addAppHeaderSlot(slot: AppHeaderSlot, tpl: TemplateRef<any>) {\n    this.appHeaderSlots.update((curr) => ({ ...curr, [slot]: tpl }));\n  }\n\n  getCssVars(vars: string[]): Record<string, unknown> {\n    // const vars = ['--ymt-spacing-m'];\n    const style = window.getComputedStyle(\n      document.getElementsByTagName('body')[0]\n    );\n    return vars.reduce(\n      (prev, curr) => ({ ...prev, [curr]: style.getPropertyValue(curr) }),\n      {}\n    );\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport { Component } from '@angular/core';\nimport { MatIconModule } from '@angular/material/icon';\nimport { RouterModule } from '@angular/router';\nimport { TranslateModule } from '@yuuvis/client-core';\n\n@Component({\n  selector: 'yuv-shell-logo',\n  standalone: true,\n  imports: [CommonModule, MatIconModule, RouterModule, TranslateModule],\n  templateUrl: './shell-logo.component.html',\n  styleUrl: './shell-logo.component.scss',\n  host: {\n    'class': 'shell-logo',\n  }\n})\nexport class ShellLogoComponent {\n  // label = input.required<string>();\n}\n","<a class=\"shell-logo__to-root\" routerLink=\"/\" [attr.aria-label]=\"'yuv.shell.logo.aria.label' | translate\">\n    <mat-icon class=\"shell-logo__icon\" svgIcon=\"shellIcons:app_logo\"></mat-icon>\n</a>\n","import { CommonModule } from '@angular/common';\nimport { Component, inject, TemplateRef } from '@angular/core';\nimport { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';\nimport { MatIconModule } from '@angular/material/icon';\nimport { RouterModule } from '@angular/router';\nimport { debounceTime } from 'rxjs';\nimport { ClientShellService } from '../../services/client-shell/client-shell.service';\nimport { ShellLogoComponent } from '../shell-logo/shell-logo.component';\nimport { YuvOverflowHiddenModule } from '@yuuvis/client-framework/overflow-hidden';\nimport { ShellService } from '@yuuvis/client-shell-core';\nimport { MatProgressBar } from '@angular/material/progress-bar';\n\n@Component({\n  selector: 'yuv-app-header',\n  imports: [CommonModule, \n    MatProgressBar,\n    MatIconModule, YuvOverflowHiddenModule, ShellLogoComponent, RouterModule],\n  templateUrl: './app-header.component.html',\n  styleUrl: './app-header.component.scss'\n})\nexport class YuvAppHeaderComponent {\n  #clientShellService = inject(ClientShellService);\n  #shell = inject(ShellService);\n\n  actionsSlot: TemplateRef<any> | null = null;\n  searchSlot: TemplateRef<any> | null = null;\n  notificationsSlot: TemplateRef<any> | null = null;\n\n  app = this.#clientShellService.currentApp;\n  #slots = this.#clientShellService.appHeaderSlots;\n\n  busy$ = this.#shell.isBusy$;\n\n  constructor() {\n    toObservable(this.#slots)\n      .pipe(debounceTime(1), takeUntilDestroyed())\n      .subscribe((slots) => {\n        this.actionsSlot = slots['actions'] || null;\n        this.searchSlot = slots['search'] || null;\n        this.notificationsSlot = slots['notifications'] || null;\n      });\n  }\n}\n","@let a = app();\n@if (a) {\n  <header\n  class=\"app-header\"\n  [ngClass]=\"{\n      'has-actions': !!actionsSlot,\n      'has-search': !!searchSlot,\n      'has-notifications': !!notificationsSlot\n    }\"\n    aria-labelledby=\"yuv-app-header\"\n    >\n    @if (busy$ | async) {\n      <mat-progress-bar mode=\"indeterminate\" class=\"progress-bar\"></mat-progress-bar>\n    }\n    <yuv-shell-logo />\n    <yuv-overflow-hidden>\n      <ng-template #yuvDefaultSlot>\n        <a class=\"name\" [routerLink]=\"app()?.path\">\n          <span class=\"title\" id=\"yuv-app-header\">\n            {{ a.title }}\n            <span class=\"claim\">{{ a.options?.appClaim }}</span>\n          </span>\n        </a>\n      </ng-template>\n    </yuv-overflow-hidden>\n    <div class=\"actions\">\n      <ng-container *ngTemplateOutlet=\"actionsSlot\"></ng-container>\n    </div>\n    <div class=\"search\">\n      <ng-container *ngTemplateOutlet=\"searchSlot\"></ng-container>\n    </div>\n    <div class=\"notifications\">\n      <ng-container *ngTemplateOutlet=\"notificationsSlot\"></ng-container>\n    </div>\n  </header>\n}\n","import { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { TranslateModule } from '@yuuvis/client-core';\n\n@Component({\n  selector: 'yuv-sidebar-nav',\n  templateUrl: './sidebar-nav.component.html',\n  styleUrl: './sidebar-nav.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [TranslateModule]\n})\nexport class SidebarNavComponent {}\n","<nav class=\"sidenav\" [attr.aria-label]=\"('yuv.shell.side-nav.aria.label' | translate)\" >\n  <div class=\"logo-container\">\n    <ng-content select=\"[slot=shell-logo]\"></ng-content>\n  </div>\n  <div class=\"app-switcher-container\">\n    <ng-content select=\"[slot=app-switcher]\"></ng-content>\n  </div>\n  <div class=\"actions-container\">\n    <ng-content select=\"[slot=shell-actions]\"></ng-content>\n  </div>\n</nav>\n","import { CdkTrapFocus } from '@angular/cdk/a11y';\nimport { CommonModule } from '@angular/common';\nimport { Component, ElementRef, HostListener, OnInit, effect, inject } from '@angular/core';\nimport { toSignal } from '@angular/core/rxjs-interop';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { Router } from '@angular/router';\nimport { LocaleDatePipe, TranslateModule, Utils } from '@yuuvis/client-core';\nimport { LightDismissDirective } from '@yuuvis/client-framework/common';\nimport { YUV_ICONS, YuvIconComponent } from '@yuuvis/client-framework/icons';\nimport { YuvListModule } from '@yuuvis/client-framework/list';\nimport { ShellNotificationsService } from '@yuuvis/client-shell-core';\n\n@Component({\n  selector: 'yuv-notifications',\n  standalone: true,\n  imports: [\n    CommonModule,\n    LightDismissDirective,\n    MatIconModule,\n    MatButtonModule,\n    LocaleDatePipe,\n    YuvIconComponent,\n    CdkTrapFocus,\n    YuvListModule,\n    TranslateModule\n  ],\n  templateUrl: './notifications.component.html',\n  styleUrl: './notifications.component.scss'\n})\nexport class NotificationsPageComponent implements OnInit {\n  private router = inject(Router);\n  private shellNotifications = inject(ShellNotificationsService);\n  private elRef = inject(ElementRef);\n\n  private _focusedIndex = -1;\n  private _notificationIDs: string[] = [];\n  notifications = toSignal(this.shellNotifications.shellNotifications$);\n  notificationsIdEffect = effect(() => (this._notificationIDs = (this.notifications() || []).map((n) => n.id)));\n\n  icons = {\n    note: YUV_ICONS.notification\n  };\n\n  @HostListener('keydown', ['$event']) onKeydown(event: KeyboardEvent) {\n    switch (event.code) {\n      case 'Delete': {\n        if (this._focusedIndex >= 0) this.remove(this._notificationIDs[this._focusedIndex]);\n        break;\n      }\n    }\n  }\n\n  async itemSelected(idx: number[]) {\n    const n = this.shellNotifications.getNotificationById(this._notificationIDs[idx[0]]);\n    if (n?.targetRoute) {\n      await this.close();\n      this.router.navigateByUrl(n.targetRoute, { replaceUrl: true });\n      if (n.removeOnTargetRouteNavigated) this.remove(n.id);\n    }\n  }\n\n  itemFocused(index: number) {\n    this._focusedIndex = index;\n  }\n\n  remove(id: string) {\n    if (id) this.shellNotifications.remove(id);\n  }\n\n  removeAll() {\n    this.shellNotifications.removeAll();\n  }\n\n  close() {\n    return this.router.navigate([{ outlets: { aside: null } }], {\n      replaceUrl: true\n    });\n  }\n\n  ngOnInit(): void {\n    this.shellNotifications.markAllAsSeen();\n    setTimeout(() => {\n      const fc: HTMLElement[] = Utils.getFocusableChildren(this.elRef.nativeElement) as HTMLElement[];\n      if (fc.length) fc[0].focus();\n    });\n  }\n}\n","<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","import { Route } from '@angular/router';\nimport { NotificationsPageComponent } from './pages/notifications/notifications.component';\n\nexport const clientShellRoutes: Route[] = [\n  { path: 'dashboard', loadComponent: () => import('./pages/dashboard/dashboard.component').then((comp) => comp.DashboardPageComponent) },\n  { path: 'notifications', component: NotificationsPageComponent, outlet: 'aside' },\n  { path: 'settings', loadComponent: () => import('./pages/settings/settings.component').then((comp) => comp.SettingsPageComponent) },\n \n  // default route\n  { path: '', redirectTo: '/dashboard', pathMatch: 'full' },\n  // redirecting route\n  { path: '**', redirectTo: '/' }\n];\n","import { InjectionToken } from '@angular/core';\nimport { Router } from \"@angular/router\";\nimport { ConfigService } from \"@yuuvis/client-core\";\n\nexport const SHELL_ACTION_BUTTONS_CONFIG = new InjectionToken<ShellActionButton[]>('SHELL_ACTION_BUTTONS_CONFIG');\n\nexport interface ShellActionButton {\n  iconName: string; // name of the material icon to be displayed\n  onClick: (api: ShellActionButtonConfigAPI) => void; // function to be executed when button is clicked\n  tooltip?: string; // i18n translation key\n}\n\nexport interface ShellActionButtonConfigAPI {\n  router: Router,\n  config: ConfigService\n}\n","import { AsyncPipe } from '@angular/common';\nimport { Component, HostListener, OnInit, Signal, computed, effect, inject, input, signal } from '@angular/core';\nimport { toSignal } from '@angular/core/rxjs-interop';\nimport { MatIcon, MatIconRegistry } from '@angular/material/icon';\nimport { MatProgressBar } from '@angular/material/progress-bar';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { NavigationEnd, Route, Router, RouterModule } from '@angular/router';\nimport { SwPush } from '@angular/service-worker';\nimport { AuthService, ConfigService, DeviceService, SafeHtmlPipe, TranslateModule, TranslateService, UserRoles, UserService, Utils, YuvUser } from '@yuuvis/client-core';\nimport { YuvMetadataFormDefaultsModule } from '@yuuvis/client-framework/metadata-form-defaults';\nimport {\n  App,\n  ClientShellConfig,\n  CommandPaletteCommand,\n  CommandPaletteService,\n  ShellNotificationLevel,\n  ShellNotificationsService,\n  ShellService\n} from '@yuuvis/client-shell-core';\nimport { of } from 'rxjs';\nimport { catchError, filter, map, switchMap, tap } from 'rxjs/operators';\nimport { YuvAppHeaderComponent } from './components/app-header/app-header.component';\nimport { SidebarNavComponent } from './components/sidebar-nav/sidebar-nav.component';\nimport { clientShellRoutes } from './lib.routes';\nimport { ClientShellService } from './services/client-shell/client-shell.service';\nimport { ShellLogoComponent } from './components/shell-logo/shell-logo.component';\nimport { YmtIconButtonDirective } from '@yuuvis/material';\nimport { SHELL_ACTION_BUTTONS_CONFIG, ShellActionButton } from './services/shell-action-buttons/shell-action-buttons.interface';\nimport { LayoutSettingsService } from '@yuuvis/client-framework/common';\n\n/**\n * Base component for the client shell application. In your apps\n * app.component.ts you can use this component as a base component\n * to provide the shell functionality.\n *\n * ```typescript\n * @Component({\n *   standalone: true,\n *   imports: [ClientShellComponent],\n *   selector: 'yuv-root',\n *   template: `<yuv-client-shell [apps]=\"apps\" [config]=\"shellConfig\"></yuv-client-shell>`,\n *   styleUrl: './app.component.scss'\n * })\n * export class AppComponent {\n *   #featureService = inject(FeatureService);\n *   apps: App[] = this.#featureService.getAvailableApps(app);\n * }\n * ```\n */\n@Component({\n  selector: 'yuv-client-shell',\n  standalone: true,\n  imports: [\n    AsyncPipe,\n    TranslateModule,\n    RouterModule,\n    YuvMetadataFormDefaultsModule,\n    YuvAppHeaderComponent,\n    SidebarNavComponent,\n    MatIcon,\n    MatProgressBar,\n    MatTooltipModule,\n    ShellLogoComponent,\n    YmtIconButtonDirective\n  ],\n  templateUrl: './client-shell.component.html',\n  styleUrls: ['./client-shell.component.scss'],\n  providers: [SafeHtmlPipe]\n})\nexport class ClientShellComponent implements OnInit {\n  private router = inject(Router);\n  #config = inject(ConfigService)\n  private auth = inject(AuthService);\n  private userService = inject(UserService);\n  #shell = inject(ShellService);\n  readonly css = inject(ClientShellService);\n  private shellNotifications = inject(ShellNotificationsService);\n  private translate = inject(TranslateService);\n  private commandPalette = inject(CommandPaletteService);\n  readonly #device = inject(DeviceService);\n  readonly #swPush = inject(SwPush);\n  readonly #matIconRegistryService = inject(MatIconRegistry);\n  readonly #layoutSettings = inject(LayoutSettingsService);\n\n  private APP_LOGOUT_EVENT_KEY = 'yuv.app.event.logout';\n\n  private _levels: Record<ShellNotificationLevel, number> = {\n    info: 0,\n    success: 1,\n    warning: 2,\n    alert: 3\n  };\n\n  safeHtmlPipe = inject(SafeHtmlPipe);\n\n  showUploadOverlay = false;\n  busy$ = this.#shell.isBusy$;\n  context?: string;\n\n  customActionButtons = inject(SHELL_ACTION_BUTTONS_CONFIG, { optional: true });\n  showNotifications = signal<boolean>(false);\n  newNotifications: Signal<\n    | {\n        count: number;\n        maxLevel: ShellNotificationLevel;\n      }\n    | undefined\n  > = toSignal(\n    this.shellNotifications.shellNotifications$.pipe(\n      tap((n) => this.showNotifications.set(n.length > 0)),\n      map((notifications) => {\n        let maxLevel: ShellNotificationLevel = 'info';\n        const count = notifications.filter((n) => !n.seen).length;\n        notifications.forEach((n) => (maxLevel = n.level && this._levels[n.level] > this._levels[maxLevel] ? n.level : maxLevel));\n        return count > 0 ? { maxLevel, count } : undefined;\n      })\n    )\n  );\n\n  @HostListener('document:focusin', ['$event'])\n  onFocusChange(event: FocusEvent) {\n    // console.log('focused: ', document.activeElement);\n  }\n\n  @HostListener('dragover', ['$event'])\n  onDragOver(event: DragEvent) {\n    event.stopPropagation();\n    event.preventDefault();\n\n    this.showUploadOverlay = !!this._dragContainsFiles(event);\n  }\n\n  apps = input.required<App[]>();\n  navApps = computed(() => this.apps().filter((a) => !a.options?.hideFromNav));\n  #appsEffect = effect(() => this.#shell.setApps(this.apps()));\n  user?: YuvUser;\n  checkedForInitialRoute = false;\n  enableTenantSwitch = false;\n\n  config = input<ClientShellConfig>();\n  #shellConfigEffect = effect(() => {\n    const cfg = this.config();\n    if (cfg) {\n      this.#shell.setShellConfig(cfg);\n    }\n  });\n\n  registerIcons = computed(() => {\n    const apps = this.apps();\n    const config = this.#shell.shellConfig();\n    const namespace = config.shellIconNamespace;\n\n    // find svg-icons to register and put them in an array\n    const customSvgIconsToRegister = apps\n      .filter(({ svgIcon }) => !!svgIcon)\n      .map(({ svgIcon, iconName }): ClientShellConfig['appIcon'] => ({ svgIcon, iconName }));\n    customSvgIconsToRegister.push(config.appIcon);\n\n    // register svg-icons\n    const allRegistered = customSvgIconsToRegister.every((icon) => {\n      return namespace && icon && icon.svgIcon && icon.iconName\n        ? !!this.#matIconRegistryService.addSvgIconLiteralInNamespace(namespace, icon.iconName, this.safeHtmlPipe.transform(icon.svgIcon))\n        : false;\n    });\n\n    return allRegistered;\n  });\n\n  constructor() {\n    this.#layoutSettings.init();\n    this.translate.onLangChange.subscribe(() => this._setCommands(true));\n    // this.router.events.pipe(\n    //   // filter(e => e instanceof NavigationStart)\n    // ).subscribe((e) => {\n    //   console.log(e);\n    // });\n\n    this.router.events\n      .pipe(\n        filter((e) => e instanceof NavigationEnd),\n        map((e) => e as NavigationEnd)\n      )\n      .subscribe((e: NavigationEnd) => this._processRouterNavigationEnd(e));\n\n    this.#device.init();\n\n    this.userService.user$.subscribe((user: YuvUser | undefined) => {\n      if (user) {\n        this.checkedForInitialRoute = !(!this.user || this.user.id !== user.id);\n        this.enableTenantSwitch = user.authorities.includes(UserRoles.MULTI_TENANT);\n      }\n      this.user = user;\n    });\n\n    window.addEventListener('storage', (evt) => {\n      if (evt.key === this.APP_LOGOUT_EVENT_KEY) {\n        this.appLogout(true);\n      }\n    });\n  }\n\n  getAppTitle(a: App): string {\n    return (a.title as string) || '';\n  }\n\n  handleCustomActionButtonClick(button: ShellActionButton): void {\n    button.onClick({ router: this.router, config: this.#config });\n  }\n\n  openNotifications() {\n    this.router.navigate([{}]);\n  }\n\n  // getNotifications(id: string) {\n  //   return this.shellNotifications.getNotifications(id);\n  // }\n\n  private _dragContainsFiles(event: DragEvent): number {\n    // do not allow to drop files/images from iframes\n    if ((event.relatedTarget as Element)?.tagName.toLowerCase() === 'iframe') return 0;\n    return event.dataTransfer ? Array.from(event.dataTransfer.items || []).filter((i) => i.kind === 'file' && i.type).length : 0;\n  }\n\n  private _setCommands(update?: boolean) {\n    const commands: CommandPaletteCommand[] = this.apps().map((a: App, i: number) => ({\n      id: `nav.app.${i}`,\n      label: this.translate.instant('yuv.shell.cmd.app.open', { title: a.title as string }),\n      callback: () => this.router.navigate([a.path])\n    }));\n    commands.push({\n      id: `nav.shell.settings`,\n      label: this.translate.instant('yuv.shell.cmd.open.settings'),\n      callback: () => this.router.navigate(['settings'])\n    });\n    commands.push({\n      id: `nav.shell.logout`,\n      label: this.translate.instant('yuv.shell.cmd.logout'),\n      callback: () => this.appLogout()\n    });\n\n    if (update) this.commandPalette.updateCommands(commands);\n    else this.commandPalette.registerCommands(commands);\n  }\n\n  requestSubscription() {\n    if (!this.#swPush.isEnabled) {\n      return;\n    }\n\n    this.#swPush.messages\n      .pipe(\n        tap((msg) => console.log({ msg })),\n        catchError((error) => {\n          console.log({ error });\n          return of(null);\n        })\n      )\n      .subscribe();\n  }\n\n  appLogout(triggeredFromOtherTab?: boolean) {\n    if (!triggeredFromOtherTab) {\n      // send storage event to logout all other open tabs\n      window.localStorage.setItem(this.APP_LOGOUT_EVENT_KEY, `${Date.now()}`);\n    }\n    this.userService.logout('');\n  }\n\n  private _processRouterNavigationEnd(e: NavigationEnd) {\n    if (!this.checkedForInitialRoute) {\n      this.checkedForInitialRoute = true;\n      // redirect to the page the user logged out from the last time\n      // but only if current route is not a deep link\n      const ignoreRoutes = ['', 'dashboard', 'index.html'].map((s) => `${Utils.getBaseHref()}${s}`.replace('//', '/'));\n      const currentRoute = this.routeWithBaseHref(this.router.routerState.snapshot.url);\n\n      if (this.userService.getCurrentUser() && !ignoreRoutes.includes(currentRoute)) {\n        // get persisted routes to decide where to redirect the logged in user to\n        this.auth\n          .getInitialRequestUri()\n          .pipe(switchMap((res) => this.auth.resetInitialRequestUri().pipe(map((_) => res))))\n          .subscribe((res: { uri: string; timestamp: number }) => {\n            const loginRes = res && !ignoreRoutes.includes(res.uri) ? res : null;\n            if (loginRes) this.router.navigateByUrl(loginRes.uri);\n          });\n      }\n    }\n  }\n\n  private routeWithBaseHref(r: string): string {\n    return `${Utils.getBaseHref()}${r}`.replace('//', '/');\n  }\n\n  ngOnInit(): void {\n    this.#shell._init();\n    clientShellRoutes.forEach((route: Route) => {\n      this.router.config.push(route);\n    });\n    this.router.resetConfig(this.router.config);\n    this._setCommands();\n    this.requestSubscription();\n  }\n}\n","<yuv-metadata-default-templates></yuv-metadata-default-templates>\n\n@let iconsRegistered = registerIcons();\n@let showAppHeader = css.appHeader();\n\n<!-- gloabl busy indicator if app header is present, it will deal with busy indication -->\n@if (!showAppHeader && (busy$ | async)) {\n  <mat-progress-bar mode=\"indeterminate\" class=\"progress-bar\"></mat-progress-bar>\n}\n@if (showAppHeader) {\n  <yuv-app-header> </yuv-app-header>\n}\n\n<yuv-sidebar-nav class=\"shell-nav\">\n  @if (iconsRegistered && !showAppHeader) {\n    <yuv-shell-logo slot=\"shell-logo\" class=\"shell-nav__shell-logo\" />\n  }\n  <section slot=\"app-switcher\" class=\"shell-nav__app-switcher-wrapper\" [attr.aria-label]=\"'yuv.shell.app-switcher.aria.label' | translate\">\n    <ul class=\"shell-nav__app-switcher\">\n      @for (a of navApps(); track a.path) {\n        <li class=\"shell-nav__app-switcher-item\" routerLinkActive=\"shell-nav__app-switcher-item--active\">\n          <button class=\"shell-nav__app-switcher-link\" ymt-icon-button [routerLink]=\"a.path\" matTooltipPosition=\"after\" [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>\n\n  <section slot=\"shell-actions\" class=\"shell-nav__actions\" [attr.aria-label]=\"'yuv.shell.shell-actions.aria.label' | translate\">\n    @if (showNotifications()) {\n      <button\n        class=\"shell-nav__actions-button\"\n        ymt-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    @for (customButton of customActionButtons; track customButton.iconName) {\n      <button\n        class=\"shell-nav__actions-button\"\n        ymt-icon-button\n        (click)=\"handleCustomActionButtonClick(customButton)\"\n        matTooltipPosition=\"after\"\n        [matTooltip]=\"customButton.tooltip ? (customButton.tooltip | translate) : ''\"\n      >\n        <mat-icon>{{ customButton.iconName }}</mat-icon>\n      </button>\n    }\n    <button\n      class=\"shell-nav__actions-button\"\n      ymt-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\" ymt-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","import { SHELL_ACTION_BUTTONS_CONFIG, ShellActionButton } from './shell-action-buttons.interface';\n\nexport const provideShellActionButtons = (buttons: ShellActionButton[]) => {\n  return [\n    {\n      provide: SHELL_ACTION_BUTTONS_CONFIG,\n      useValue: buttons\n    }\n  ];\n};\n","import { Directive, inject, input, OnInit, TemplateRef } from '@angular/core';\nimport { ClientShellService } from '../../services/client-shell/client-shell.service';\n\nexport type AppHeaderSlot = 'actions' | 'search' | 'notifications';\n\n@Directive({\n  selector: 'ng-template[yuvAppHeaderSlot]'\n})\nexport class YuvAppHeaderSlotDirective implements OnInit {\n  #tplRef = inject(TemplateRef<any>);\n  #clientShellService = inject(ClientShellService);\n\n  yuvAppHeaderSlot = input.required<AppHeaderSlot>();\n\n  ngOnInit(): void {\n    this.#clientShellService.addAppHeaderSlot(this.yuvAppHeaderSlot(), this.#tplRef);\n  }\n}\n","import { NgModule } from \"@angular/core\";\nimport { YuvAppHeaderSlotDirective } from \"./components/app-header/app-header-slot.directive\";\n\n\nconst cmp = [\n    YuvAppHeaderSlotDirective,\n]\n\n@NgModule({\n    imports: [cmp],\n    exports: [cmp]\n  })\n  export class YuvClientShellModule {}","import { Directive, ElementRef, effect, inject, input } from '@angular/core';\n\n@Directive({\n  // eslint-disable-next-line @angular-eslint/directive-selector\n  selector: '[inert]',\n  standalone: true\n})\nexport class InertDirective {\n  private elRef = inject(ElementRef);\n\n  inert = input<boolean>(false);\n\n  constructor() {\n    effect(() => {\n      const el: HTMLElement = this.elRef.nativeElement as HTMLElement;\n      if (this.inert()) el.setAttribute('inert', 'true');\n      else el.removeAttribute('inert');\n    });\n  }\n}\n","import { inject, Injectable } from '@angular/core';\nimport { GridWidget, WidgetGridRegistry } from '@yuuvis/client-framework/widget-grid';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class ShellWidgetsService {\n  #widgetGridRegistry = inject(WidgetGridRegistry);\n\n  #WIDGET_REGISTRY_BUCKET = 'io.yuuvis.shell.widgets';\n\n  exposeShellWidgets(widgets: GridWidget<any>[]) {\n    this.#widgetGridRegistry.registerGridWidgets(widgets, [this.#WIDGET_REGISTRY_BUCKET]);\n  }\n\n  concealShellWidgets(ids: string[]) {\n    ids.forEach((id) => this.#widgetGridRegistry.removeRegisteredWidget(id));\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i3","i2","i1","i5","tap","filter","switchMap","i4"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAgCa,sBAAsB,CAAA;AAlBnC,IAAA,WAAA,GAAA;AAmBE,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,YAAY,CAAC;AAC7B,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;AAChC,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAM,eAAe,CAAC;AACjC,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,EAAC,YAAoC,EAAC;AAClE,QAAA,IAAA,CAAA,IAAI,GAAc,IAAI,CAAC,WAAW;AAClC,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,cAAc,CAAC;AACzB,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,gBAAgB,CAAC;AAE5C,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAU,KAAK,CAAC;QAE7B,IAAc,CAAA,cAAA,GAAmB,EAAE;QACnC,IAAiB,CAAA,iBAAA,GAAmB,EAAE;AAoDvC;AA/DC,IAAA,MAAM;AACN,IAAA,WAAW;AACX,IAAA,WAAW;AACF,IAAA,UAAU;AAEnB,IAAA,QAAQ;AAQR,IAAA,WAAW,CAAC,MAAoB,EAAA;AAC9B,QAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC;AACnB,QAAA,IAAI,CAAC,MAAM,CAAC,wBAAwB,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,SAAS,CAAC,MAAK;AACrE,YAAA,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE;AACvB,YAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;AACtB,SAAC,CAAC;;AAGJ,IAAA,YAAY,CAAC,MAAoB,EAAA;AAC/B,QAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC;AACnB,QAAA,IAAI,CAAC;AACF,aAAA,OAAO,CAAC;YACP,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,iDAAiD,EAAE;gBACjF,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE;aAC7C;SACF;AACA,aAAA,IAAI,CAAC,SAAS,CAAC,CAAC,SAAkB,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;AACvH,aAAA,SAAS,CAAC,CAAC,GAAG,KAAI;YACjB,IAAI,GAAG,KAAK,SAAS;AAAE,gBAAA,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE;AAC9C,YAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;AACtB,SAAC,CAAC;;IAGN,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC;AACnB,QAAA,IAAI,CAAC;AACF,aAAA,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;AACzB,aAAA,IAAI,CACH,GAAG,CAAC,CAAC,SAAS,KAAI;AAChB,YAAA,IAAI,CAAC,IAAI,GAAG,SAAS;AACrB,YAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC;AACpC,SAAC,CAAC;AAEH,aAAA,SAAS;AACT,aAAA,GAAG,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;;AAGpC,IAAA,kBAAkB,CAAC,SAAoB,EAAA;QACrC,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,uBAAuB,CAAC,SAAS,CAAC;AAC1D,QAAA,IAAI,CAAC,cAAc,GAAG,GAAG,CAAC,OAAO;AACjC,QAAA,IAAI,CAAC,iBAAiB,GAAG,GAAG,CAAC,UAAU;;IAGzC,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE;;IAGzB,QAAQ,GAAA;QACN,IAAI,CAAC,iBAAiB,EAAE;;+GA9Df,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EChCnC,m9CAkCA,EDhBI,MAAA,EAAA,CAAA,6bAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,+BACZ,oBAAoB,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,gBAAA,EAAA,sBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACpB,aAAa,EACb,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,gBAAgB,4TAChB,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,aAAA,EAAA,IAAA,EAAA,WAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACf,iBAAiB,EACjB,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,mBAAmB,gJACnB,eAAe,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACf,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACf,kBAAkB,EAAA,QAAA,EAAA,iCAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,UAAA,EAAA,eAAA,EAAA,eAAA,EAAA,qBAAA,EAAA,aAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAKT,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAlBlC,SAAS;+BACE,oBAAoB,EAAA,UAAA,EAClB,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,oBAAoB;wBACpB,aAAa;wBACb,gBAAgB;wBAChB,eAAe;wBACf,iBAAiB;wBACjB,mBAAmB;wBACnB,eAAe;wBACf,eAAe;wBACf;AACD,qBAAA,EAAA,QAAA,EAAA,m9CAAA,EAAA,MAAA,EAAA,CAAA,6bAAA,CAAA,EAAA;;;AEpBG,MAAO,mBAAoB,SAAQ,qBAAqB,CAAA;AAA9D,IAAA,WAAA,GAAA;;AACE,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,YAAY,CAAC;AAC7B,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,SAAS,CAAC;AACnB,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,gBAAgB,CAAC;QAE5C,IAAE,CAAA,EAAA,GAAG,wBAAwB;QAC7B,IAAK,CAAA,KAAA,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,sCAAsC,CAAC;QACtE,IAAW,CAAA,WAAA,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,4CAA4C,CAAC;QAClF,IAAQ,CAAA,QAAA,GAAG,CAAC;AACZ,QAAA,IAAA,CAAA,IAAI,GAAG,WAAW,CAAC,YAAY;QAC/B,IAAK,CAAA,KAAA,GAAG,QAAQ;AAChB,QAAA,IAAA,CAAA,KAAK,GAAG,cAAc,CAAC,aAAa;AACpC,QAAA,IAAA,CAAA,QAAQ,GAAkB;AACxB,YAAA,KAAK,EAAE,CAAC,UAAU,CAAC,QAAQ;SAC5B;;AAbD,IAAA,MAAM;AACN,IAAA,OAAO;AAcP,IAAA,YAAY,CAAC,KAAkB,EAAA;AAC7B,QAAA,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC;AACrB,QAAA,IAAG,CAAC,IAAI;AAAE,YAAA,OAAO,EAAE,CAAC,KAAK,CAAC;AAC1B,QAAA,MAAM,iBAAiB,GAAmB,IAAI,CAAC;AAC7C,cAAE,IAAI,CAAC,MAAM,CAAC,0BAA0B;cACtC,IAAI,CAAC;AACL,kBAAE,IAAI,CAAC,MAAM,CAAC,4BAA4B,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ;kBAC9D,EAAE;AACR,QAAA,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,cAAc,IAAI,iBAAiB,CAAC,MAAM,GAAG,CAAC,CAAC;;AAGvF,IAAA,GAAG,CAAC,KAAkB,EAAA;AACpB,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,sBAAsB,EAAE;AACxC,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,QAAQ,EAAE,MAAM;AAChB,YAAA,IAAI,EAAE,KAAK,CAAC,CAAC;AACd,SAAA,CAAC;AACF,QAAA,OAAO,EAAE,CAAC,IAAI,CAAC;;AAElB;;MCjCY,kBAAkB,CAAA;AAC7B,IAAA,OAAO;AACP,IAAA,MAAM;AAQN,IAAA,WAAA,GAAA;AATA,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC;AACxB,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,YAAY,CAAC;AAE7B,QAAA,IAAA,CAAA,cAAc,GAAG,MAAM,CAAmC,EAAE,CAAC;AAE7D,QAAA,IAAA,CAAA,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI;AACvB,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAkB,SAAS,CAAC;AAC/C,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAU,KAAK,CAAC;QAGhC,IAAI,CAAC,OAAO,CAAC;AACV,aAAA,IAAI,CACH,kBAAkB,EAAE,EACpB,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,aAAa,CAAC;AAE1C,aAAA,SAAS,CAAC,CAAC,CAAC,KAAI;AACf,YAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,QAAQ,CAAC,GAAG,CAAC;AAC5D,SAAC,CAAC;;AAGN,IAAA,cAAc,CAAC,GAAW,EAAA;;QAExB,IAAG,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;AAAE,YAAA,GAAG,GAAG,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;;QAEpE,IAAG,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;AAAE,YAAA,GAAG,GAAG,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QACpE,MAAM,SAAS,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;;AAEnD,QAAA,MAAM,OAAO,GAAG,SAAS,CAAC,CAAC,CAAC;QAC5B,IAAI,IAAI,CAAC,UAAU,EAAE,EAAE,IAAI,KAAK,OAAO,EAAE;YACvC,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC;AACvD,YAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG,CAAC;AACxB,YAAA,MAAM,OAAO,GAAG,GAAG,EAAE,OAAqB;YAC1C,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,EAAE,SAAS,CAAC;AACxC,YAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,CAAC;;;IAI/B,gBAAgB,CAAC,IAAmB,EAAE,GAAqB,EAAA;QACzD,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,IAAI,MAAM,EAAE,GAAG,IAAI,EAAE,CAAC,IAAI,GAAG,GAAG,EAAE,CAAC,CAAC;;AAGlE,IAAA,UAAU,CAAC,IAAc,EAAA;;AAEvB,QAAA,MAAM,KAAK,GAAG,MAAM,CAAC,gBAAgB,CACnC,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CACzC;AACD,QAAA,OAAO,IAAI,CAAC,MAAM,CAChB,CAAC,IAAI,EAAE,IAAI,MAAM,EAAE,GAAG,IAAI,EAAE,CAAC,IAAI,GAAG,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC,EACnE,EAAE,CACH;;+GAlDQ,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,cAFjB,MAAM,EAAA,CAAA,CAAA;;4FAEP,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAH9B,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE;AACb,iBAAA;;;MCOY,kBAAkB,CAAA;+GAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,YAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EChB/B,gNAGA,EDMY,MAAA,EAAA,CAAA,qKAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,8BAAE,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,UAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,aAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,OAAA,EAAA,MAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAAD,IAAA,CAAA,aAAA,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAOzD,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAV9B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,EACd,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,CAAC,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,eAAe,CAAC,EAG/D,IAAA,EAAA;AACJ,wBAAA,OAAO,EAAE,YAAY;AACtB,qBAAA,EAAA,QAAA,EAAA,gNAAA,EAAA,MAAA,EAAA,CAAA,qKAAA,CAAA,EAAA;;;MEMU,qBAAqB,CAAA;AAChC,IAAA,mBAAmB;AACnB,IAAA,MAAM;AAON,IAAA,MAAM;AAIN,IAAA,WAAA,GAAA;AAZA,QAAA,IAAA,CAAA,mBAAmB,GAAG,MAAM,CAAC,kBAAkB,CAAC;AAChD,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,YAAY,CAAC;QAE7B,IAAW,CAAA,WAAA,GAA4B,IAAI;QAC3C,IAAU,CAAA,UAAA,GAA4B,IAAI;QAC1C,IAAiB,CAAA,iBAAA,GAA4B,IAAI;AAEjD,QAAA,IAAA,CAAA,GAAG,GAAG,IAAI,CAAC,mBAAmB,CAAC,UAAU;AACzC,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,CAAC,mBAAmB,CAAC,cAAc;AAEhD,QAAA,IAAA,CAAA,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO;AAGzB,QAAA,YAAY,CAAC,IAAI,CAAC,MAAM;aACrB,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,kBAAkB,EAAE;AAC1C,aAAA,SAAS,CAAC,CAAC,KAAK,KAAI;YACnB,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,IAAI,IAAI;YAC3C,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,IAAI;YACzC,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC,eAAe,CAAC,IAAI,IAAI;AACzD,SAAC,CAAC;;+GApBK,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qBAAqB,ECpBlC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,omCAoCA,EDtBY,MAAA,EAAA,CAAA,+jDAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,EACpB,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAE,IAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,SAAA,EAAA,IAAA,EAAA,OAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,cAAc,EACd,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,aAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,cAAA,CAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,aAAa,EAAE,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,uBAAuB,EAAE,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAD,IAAA,CAAA,uBAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,kBAAkB,0DAAE,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAD,IAAA,CAAA,UAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,aAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,OAAA,EAAA,MAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAI/D,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBARjC,SAAS;+BACE,gBAAgB,EAAA,OAAA,EACjB,CAAC,YAAY;wBACpB,cAAc;AACd,wBAAA,aAAa,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,YAAY,CAAC,EAAA,QAAA,EAAA,omCAAA,EAAA,MAAA,EAAA,CAAA,+jDAAA,CAAA,EAAA;;;MENhE,mBAAmB,CAAA;+GAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAnB,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECVhC,gbAWA,EAAA,MAAA,EAAA,CAAA,4rBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDHY,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAAE,IAAA,CAAA,aAAA,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAEd,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAP/B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,mBAGV,uBAAuB,CAAC,MAAM,EACtC,OAAA,EAAA,CAAC,eAAe,CAAC,EAAA,QAAA,EAAA,gbAAA,EAAA,MAAA,EAAA,CAAA,4rBAAA,CAAA,EAAA;;;MEsBf,0BAA0B,CAAA;AAjBvC,IAAA,WAAA,GAAA;AAkBU,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AACvB,QAAA,IAAA,CAAA,kBAAkB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACtD,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC;QAE1B,IAAa,CAAA,aAAA,GAAG,CAAC,CAAC;QAClB,IAAgB,CAAA,gBAAA,GAAa,EAAE;QACvC,IAAa,CAAA,aAAA,GAAG,QAAQ,CAAC,IAAI,CAAC,kBAAkB,CAAC,mBAAmB,CAAC;AACrE,QAAA,IAAA,CAAA,qBAAqB,GAAG,MAAM,CAAC,OAAO,IAAI,CAAC,gBAAgB,GAAG,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAE7G,QAAA,IAAA,CAAA,KAAK,GAAG;YACN,IAAI,EAAE,SAAS,CAAC;SACjB;AA6CF;AA3CsC,IAAA,SAAS,CAAC,KAAoB,EAAA;AACjE,QAAA,QAAQ,KAAK,CAAC,IAAI;YAChB,KAAK,QAAQ,EAAE;AACb,gBAAA,IAAI,IAAI,CAAC,aAAa,IAAI,CAAC;AAAE,oBAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;gBACnF;;;;IAKN,MAAM,YAAY,CAAC,GAAa,EAAA;AAC9B,QAAA,MAAM,CAAC,GAAG,IAAI,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;AACpF,QAAA,IAAI,CAAC,EAAE,WAAW,EAAE;AAClB,YAAA,MAAM,IAAI,CAAC,KAAK,EAAE;AAClB,YAAA,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC;YAC9D,IAAI,CAAC,CAAC,4BAA4B;AAAE,gBAAA,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;;;AAIzD,IAAA,WAAW,CAAC,KAAa,EAAA;AACvB,QAAA,IAAI,CAAC,aAAa,GAAG,KAAK;;AAG5B,IAAA,MAAM,CAAC,EAAU,EAAA;AACf,QAAA,IAAI,EAAE;AAAE,YAAA,IAAI,CAAC,kBAAkB,CAAC,MAAM,CAAC,EAAE,CAAC;;IAG5C,SAAS,GAAA;AACP,QAAA,IAAI,CAAC,kBAAkB,CAAC,SAAS,EAAE;;IAGrC,KAAK,GAAA;AACH,QAAA,OAAO,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC,EAAE;AAC1D,YAAA,UAAU,EAAE;AACb,SAAA,CAAC;;IAGJ,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,kBAAkB,CAAC,aAAa,EAAE;QACvC,UAAU,CAAC,MAAK;AACd,YAAA,MAAM,EAAE,GAAkB,KAAK,CAAC,oBAAoB,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAkB;YAC/F,IAAI,EAAE,CAAC,MAAM;AAAE,gBAAA,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE;AAC9B,SAAC,CAAC;;+GAvDO,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,0BAA0B,sIC9BvC,q8CAqCA,EAAA,MAAA,EAAA,CAAA,04FAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDpBI,YAAY,EACZ,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,qBAAqB,2FACrB,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAD,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACb,eAAe,EACf,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAD,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,cAAc,mDACd,gBAAgB,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,KAAA,EAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAChB,YAAY,EACZ,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,cAAA,EAAA,yBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,aAAa,yVACb,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAAG,IAAA,CAAA,aAAA,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAKN,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAjBtC,SAAS;+BACE,mBAAmB,EAAA,UAAA,EACjB,IAAI,EACP,OAAA,EAAA;wBACP,YAAY;wBACZ,qBAAqB;wBACrB,aAAa;wBACb,eAAe;wBACf,cAAc;wBACd,gBAAgB;wBAChB,YAAY;wBACZ,aAAa;wBACb;AACD,qBAAA,EAAA,QAAA,EAAA,q8CAAA,EAAA,MAAA,EAAA,CAAA,04FAAA,CAAA,EAAA;8BAkBoC,SAAS,EAAA,CAAA;sBAA7C,YAAY;uBAAC,SAAS,EAAE,CAAC,QAAQ,CAAC;;;AEzCxB,MAAA,iBAAiB,GAAY;IACxC,EAAE,IAAI,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,OAAO,wDAAuC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,sBAAsB,CAAC,EAAE;IACvI,EAAE,IAAI,EAAE,eAAe,EAAE,SAAS,EAAE,0BAA0B,EAAE,MAAM,EAAE,OAAO,EAAE;IACjF,EAAE,IAAI,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,OAAO,uDAAqC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,qBAAqB,CAAC,EAAE;;IAGnI,EAAE,IAAI,EAAE,EAAE,EAAE,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,EAAE;;AAEzD,IAAA,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG;;;MCPlB,2BAA2B,GAAG,IAAI,cAAc,CAAsB,6BAA6B;;AC0BhH;;;;;;;;;;;;;;;;;;AAkBG;MAqBU,oBAAoB,CAAA;AAE/B,IAAA,OAAO;AAGP,IAAA,MAAM;AAKG,IAAA,OAAO;AACP,IAAA,OAAO;AACP,IAAA,uBAAuB;AACvB,IAAA,eAAe;AAsCxB,IAAA,aAAa,CAAC,KAAiB,EAAA;;;AAK/B,IAAA,UAAU,CAAC,KAAgB,EAAA;QACzB,KAAK,CAAC,eAAe,EAAE;QACvB,KAAK,CAAC,cAAc,EAAE;QAEtB,IAAI,CAAC,iBAAiB,GAAG,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC;;AAK3D,IAAA,WAAW;AAMX,IAAA,kBAAkB;AA4BlB,IAAA,WAAA,GAAA;AAlGQ,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AAC/B,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,aAAa,CAAC;AACvB,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAC,WAAW,CAAC;AAC1B,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC;AACzC,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,YAAY,CAAC;AACpB,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,kBAAkB,CAAC;AACjC,QAAA,IAAA,CAAA,kBAAkB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACtD,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACpC,QAAA,IAAA,CAAA,cAAc,GAAG,MAAM,CAAC,qBAAqB,CAAC;AAC7C,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,aAAa,CAAC;AAC/B,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC;AACxB,QAAA,IAAA,CAAA,uBAAuB,GAAG,MAAM,CAAC,eAAe,CAAC;AACjD,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAC,qBAAqB,CAAC;QAEhD,IAAoB,CAAA,oBAAA,GAAG,sBAAsB;AAE7C,QAAA,IAAA,CAAA,OAAO,GAA2C;AACxD,YAAA,IAAI,EAAE,CAAC;AACP,YAAA,OAAO,EAAE,CAAC;AACV,YAAA,OAAO,EAAE,CAAC;AACV,YAAA,KAAK,EAAE;SACR;AAED,QAAA,IAAA,CAAA,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC;QAEnC,IAAiB,CAAA,iBAAA,GAAG,KAAK;AACzB,QAAA,IAAA,CAAA,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO;QAG3B,IAAmB,CAAA,mBAAA,GAAG,MAAM,CAAC,2BAA2B,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAC7E,QAAA,IAAA,CAAA,iBAAiB,GAAG,MAAM,CAAU,KAAK,CAAC;AAC1C,QAAA,IAAA,CAAA,gBAAgB,GAMZ,QAAQ,CACV,IAAI,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,IAAI,CAC9CC,KAAG,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,EACpD,GAAG,CAAC,CAAC,aAAa,KAAI;YACpB,IAAI,QAAQ,GAA2B,MAAM;AAC7C,YAAA,MAAM,KAAK,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM;AACzD,YAAA,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,QAAQ,GAAG,CAAC,CAAC,KAAK,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,GAAG,QAAQ,CAAC,CAAC;AACzH,YAAA,OAAO,KAAK,GAAG,CAAC,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,SAAS;SACnD,CAAC,CACH,CACF;AAeD,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,QAAQ,EAAS;QAC9B,IAAO,CAAA,OAAA,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;AAC5E,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;QAE5D,IAAsB,CAAA,sBAAA,GAAG,KAAK;QAC9B,IAAkB,CAAA,kBAAA,GAAG,KAAK;QAE1B,IAAM,CAAA,MAAA,GAAG,KAAK,EAAqB;AACnC,QAAA,IAAA,CAAA,kBAAkB,GAAG,MAAM,CAAC,MAAK;AAC/B,YAAA,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE;YACzB,IAAI,GAAG,EAAE;AACP,gBAAA,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC;;AAEnC,SAAC,CAAC;AAEF,QAAA,IAAA,CAAA,aAAa,GAAG,QAAQ,CAAC,MAAK;AAC5B,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE;YACxB,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE;AACxC,YAAA,MAAM,SAAS,GAAG,MAAM,CAAC,kBAAkB;;YAG3C,MAAM,wBAAwB,GAAG;iBAC9B,MAAM,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,OAAO;AACjC,iBAAA,GAAG,CAAC,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAoC,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC;AACxF,YAAA,wBAAwB,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;;YAG7C,MAAM,aAAa,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAC,IAAI,KAAI;gBAC5D,OAAO,SAAS,IAAI,IAAI,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC;sBAC7C,CAAC,CAAC,IAAI,CAAC,uBAAuB,CAAC,4BAA4B,CAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;sBAC/H,KAAK;AACX,aAAC,CAAC;AAEF,YAAA,OAAO,aAAa;AACtB,SAAC,CAAC;AAGA,QAAA,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE;AAC3B,QAAA,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;;;;;;QAOpE,IAAI,CAAC,MAAM,CAAC;aACT,IAAI,CACHC,QAAM,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,aAAa,CAAC,EACzC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAkB,CAAC;AAE/B,aAAA,SAAS,CAAC,CAAC,CAAgB,KAAK,IAAI,CAAC,2BAA2B,CAAC,CAAC,CAAC,CAAC;AAEvE,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE;QAEnB,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,IAAyB,KAAI;YAC7D,IAAI,IAAI,EAAE;gBACR,IAAI,CAAC,sBAAsB,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,CAAC;AACvE,gBAAA,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,SAAS,CAAC,YAAY,CAAC;;AAE7E,YAAA,IAAI,CAAC,IAAI,GAAG,IAAI;AAClB,SAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,GAAG,KAAI;YACzC,IAAI,GAAG,CAAC,GAAG,KAAK,IAAI,CAAC,oBAAoB,EAAE;AACzC,gBAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;;AAExB,SAAC,CAAC;;AAGJ,IAAA,WAAW,CAAC,CAAM,EAAA;AAChB,QAAA,OAAQ,CAAC,CAAC,KAAgB,IAAI,EAAE;;AAGlC,IAAA,6BAA6B,CAAC,MAAyB,EAAA;AACrD,QAAA,MAAM,CAAC,OAAO,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC;;IAG/D,iBAAiB,GAAA;QACf,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC;;;;;AAOpB,IAAA,kBAAkB,CAAC,KAAgB,EAAA;;QAEzC,IAAK,KAAK,CAAC,aAAyB,EAAE,OAAO,CAAC,WAAW,EAAE,KAAK,QAAQ;AAAE,YAAA,OAAO,CAAC;AAClF,QAAA,OAAO,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,KAAK,MAAM,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC;;AAGtH,IAAA,YAAY,CAAC,MAAgB,EAAA;AACnC,QAAA,MAAM,QAAQ,GAA4B,IAAI,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC,CAAM,EAAE,CAAS,MAAM;YAChF,EAAE,EAAE,CAAW,QAAA,EAAA,CAAC,CAAE,CAAA;AAClB,YAAA,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,wBAAwB,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,KAAe,EAAE,CAAC;AACrF,YAAA,QAAQ,EAAE,MAAM,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AAC9C,SAAA,CAAC,CAAC;QACH,QAAQ,CAAC,IAAI,CAAC;AACZ,YAAA,EAAE,EAAE,CAAoB,kBAAA,CAAA;YACxB,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,6BAA6B,CAAC;AAC5D,YAAA,QAAQ,EAAE,MAAM,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC;AAClD,SAAA,CAAC;QACF,QAAQ,CAAC,IAAI,CAAC;AACZ,YAAA,EAAE,EAAE,CAAkB,gBAAA,CAAA;YACtB,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,sBAAsB,CAAC;AACrD,YAAA,QAAQ,EAAE,MAAM,IAAI,CAAC,SAAS;AAC/B,SAAA,CAAC;AAEF,QAAA,IAAI,MAAM;AAAE,YAAA,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,QAAQ,CAAC;;AACnD,YAAA,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,QAAQ,CAAC;;IAGrD,mBAAmB,GAAA;AACjB,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE;YAC3B;;QAGF,IAAI,CAAC,OAAO,CAAC;aACV,IAAI,CACHD,KAAG,CAAC,CAAC,GAAG,KAAK,OAAO,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,EAClC,UAAU,CAAC,CAAC,KAAK,KAAI;AACnB,YAAA,OAAO,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC;AACtB,YAAA,OAAO,EAAE,CAAC,IAAI,CAAC;AACjB,SAAC,CAAC;AAEH,aAAA,SAAS,EAAE;;AAGhB,IAAA,SAAS,CAAC,qBAA+B,EAAA;QACvC,IAAI,CAAC,qBAAqB,EAAE;;AAE1B,YAAA,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,oBAAoB,EAAE,CAAA,EAAG,IAAI,CAAC,GAAG,EAAE,CAAA,CAAE,CAAC;;AAEzE,QAAA,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,CAAC;;AAGrB,IAAA,2BAA2B,CAAC,CAAgB,EAAA;AAClD,QAAA,IAAI,CAAC,IAAI,CAAC,sBAAsB,EAAE;AAChC,YAAA,IAAI,CAAC,sBAAsB,GAAG,IAAI;;;AAGlC,YAAA,MAAM,YAAY,GAAG,CAAC,EAAE,EAAE,WAAW,EAAE,YAAY,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAA,EAAG,KAAK,CAAC,WAAW,EAAE,GAAG,CAAC,CAAA,CAAE,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;AAChH,YAAA,MAAM,YAAY,GAAG,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,GAAG,CAAC;AAEjF,YAAA,IAAI,IAAI,CAAC,WAAW,CAAC,cAAc,EAAE,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE;;AAE7E,gBAAA,IAAI,CAAC;AACF,qBAAA,oBAAoB;AACpB,qBAAA,IAAI,CAACE,WAAS,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,IAAI,CAAC,sBAAsB,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;AACjF,qBAAA,SAAS,CAAC,CAAC,GAAuC,KAAI;oBACrD,MAAM,QAAQ,GAAG,GAAG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,IAAI;AACpE,oBAAA,IAAI,QAAQ;wBAAE,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,QAAQ,CAAC,GAAG,CAAC;AACvD,iBAAC,CAAC;;;;AAKF,IAAA,iBAAiB,CAAC,CAAS,EAAA;AACjC,QAAA,OAAO,CAAG,EAAA,KAAK,CAAC,WAAW,EAAE,CAAG,EAAA,CAAC,CAAE,CAAA,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC;;IAGxD,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE;AACnB,QAAA,iBAAiB,CAAC,OAAO,CAAC,CAAC,KAAY,KAAI;YACzC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;AAChC,SAAC,CAAC;QACF,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;QAC3C,IAAI,CAAC,YAAY,EAAE;QACnB,IAAI,CAAC,mBAAmB,EAAE;;+GAvOjB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,kBAAA,EAAA,uBAAA,EAAA,UAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,SAAA,EAFpB,CAAC,YAAY,CAAC,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECnE3B,ikHA0FA,EAAA,MAAA,EAAA,CAAA,m9EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EDrCI,SAAS,EAAA,IAAA,EAAA,OAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACT,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAAJ,IAAA,CAAA,aAAA,EAAA,IAAA,EAAA,WAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACf,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAD,IAAA,CAAA,YAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,kBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,QAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,UAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,aAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,OAAA,EAAA,MAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,uBAAA,EAAA,kBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACZ,6BAA6B,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iCAAA,EAAA,QAAA,EAAA,gCAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAC7B,qBAAqB,EAAA,QAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACrB,mBAAmB,EAAA,QAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACnB,OAAO,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACP,cAAc,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,aAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,cAAA,CAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACd,gBAAgB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAM,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,4BAAA,EAAA,oBAAA,EAAA,qBAAA,EAAA,qBAAA,EAAA,yBAAA,EAAA,YAAA,EAAA,iBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAChB,kBAAkB,EAAA,QAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAClB,sBAAsB,EAAA,QAAA,EAAA,mFAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,eAAA,EAAA,eAAA,EAAA,qBAAA,EAAA,kBAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAMb,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBApBhC,SAAS;+BACE,kBAAkB,EAAA,UAAA,EAChB,IAAI,EACP,OAAA,EAAA;wBACP,SAAS;wBACT,eAAe;wBACf,YAAY;wBACZ,6BAA6B;wBAC7B,qBAAqB;wBACrB,mBAAmB;wBACnB,OAAO;wBACP,cAAc;wBACd,gBAAgB;wBAChB,kBAAkB;wBAClB;qBACD,EAGU,SAAA,EAAA,CAAC,YAAY,CAAC,EAAA,QAAA,EAAA,ikHAAA,EAAA,MAAA,EAAA,CAAA,m9EAAA,CAAA,EAAA;wDAqDzB,aAAa,EAAA,CAAA;sBADZ,YAAY;uBAAC,kBAAkB,EAAE,CAAC,QAAQ,CAAC;gBAM5C,UAAU,EAAA,CAAA;sBADT,YAAY;uBAAC,UAAU,EAAE,CAAC,QAAQ,CAAC;;;AE1HzB,MAAA,yBAAyB,GAAG,CAAC,OAA4B,KAAI;IACxE,OAAO;AACL,QAAA;AACE,YAAA,OAAO,EAAE,2BAA2B;AACpC,YAAA,QAAQ,EAAE;AACX;KACF;AACH;;MCDa,yBAAyB,CAAA;AAHtC,IAAA,WAAA,GAAA;AAIE,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,EAAC,WAAgB,EAAC;AAClC,QAAA,IAAA,CAAA,mBAAmB,GAAG,MAAM,CAAC,kBAAkB,CAAC;AAEhD,QAAA,IAAA,CAAA,gBAAgB,GAAG,KAAK,CAAC,QAAQ,EAAiB;AAKnD;AARC,IAAA,OAAO;AACP,IAAA,mBAAmB;IAInB,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,IAAI,CAAC,gBAAgB,EAAE,EAAE,IAAI,CAAC,OAAO,CAAC;;+GAPvE,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAzB,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,+BAAA,EAAA,MAAA,EAAA,EAAA,gBAAA,EAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAzB,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAHrC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE;AACX,iBAAA;;;ACHD,MAAM,GAAG,GAAG;IACR,yBAAyB;CAC5B;MAMc,oBAAoB,CAAA;+GAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;gHAApB,oBAAoB,EAAA,OAAA,EAAA,CAP/B,yBAAyB,CAAA,EAAA,OAAA,EAAA,CAAzB,yBAAyB,CAAA,EAAA,CAAA,CAAA;gHAOd,oBAAoB,EAAA,CAAA,CAAA;;4FAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAJlC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,GAAG,CAAC;oBACd,OAAO,EAAE,CAAC,GAAG;AACd,iBAAA;;;MCJU,cAAc,CAAA;AAKzB,IAAA,WAAA,GAAA;AAJQ,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC;AAElC,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAU,KAAK,CAAC;QAG3B,MAAM,CAAC,MAAK;AACV,YAAA,MAAM,EAAE,GAAgB,IAAI,CAAC,KAAK,CAAC,aAA4B;YAC/D,IAAI,IAAI,CAAC,KAAK,EAAE;AAAE,gBAAA,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC;;AAC7C,gBAAA,EAAE,CAAC,eAAe,CAAC,OAAO,CAAC;AAClC,SAAC,CAAC;;+GAVO,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAd,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAd,cAAc,EAAA,UAAA,EAAA,CAAA;kBAL1B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;;AAET,oBAAA,QAAQ,EAAE,SAAS;AACnB,oBAAA,UAAU,EAAE;AACb,iBAAA;;;MCAY,mBAAmB,CAAA;AAC9B,IAAA,mBAAmB,GAAG,MAAM,CAAC,kBAAkB,CAAC;IAEhD,uBAAuB,GAAG,yBAAyB;AAEnD,IAAA,kBAAkB,CAAC,OAA0B,EAAA;AAC3C,QAAA,IAAI,CAAC,mBAAmB,CAAC,mBAAmB,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAC;;AAGvF,IAAA,mBAAmB,CAAC,GAAa,EAAA;AAC/B,QAAA,GAAG,CAAC,OAAO,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,mBAAmB,CAAC,sBAAsB,CAAC,EAAE,CAAC,CAAC;;+GAV/D,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,cAFlB,MAAM,EAAA,CAAA,CAAA;;4FAEP,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAH/B,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE;AACb,iBAAA;;;ACLD;;AAEG;;;;"}

package/lib/components/app-header/app-header.component.d.ts

@@ -6,6 +6,7 @@ export declare class YuvAppHeaderComponent {
     searchSlot: TemplateRef<any> | null;
     notificationsSlot: TemplateRef<any> | null;
     app: import("@angular/core").WritableSignal<import("@yuuvis/client-shell-core").App | undefined>;
+    busy$: import("rxjs").Observable<boolean>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<YuvAppHeaderComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<YuvAppHeaderComponent, "yuv-app-header", never, {}, {}, never, never, true, never>;

package/lib/pages/settings/settings.component.d.ts

@@ -1,6 +1,7 @@
 import { OnInit, Signal } from '@angular/core';
 import { TranslateService, YuvConfigLanguages, YuvUser } from '@yuuvis/client-core';
 import { FormGroup } from '@angular/forms';
+import { MatButtonToggleChange } from '@angular/material/button-toggle';
 import { ShellAppSettingProperty } from '@yuuvis/client-shell-core';
 import { Observable } from 'rxjs';
 import { AboutData } from './settings.model';
@@ -16,7 +17,7 @@ export declare class SettingsPageComponent implements OnInit {
     clientLocales: import("@angular/core").WritableSignal<YuvConfigLanguages[]>;
     clientVersion: import("@angular/core").WritableSignal<string | undefined>;
     clientAboutData: import("@angular/core").WritableSignal<AboutData | undefined>;
-    currentMode: LayoutMode;
+    currentMode: Signal<LayoutMode>;
     user: Signal<YuvUser | undefined>;
     appSettingForms$: Observable<{
         appID: string;
@@ -26,7 +27,7 @@ export declare class SettingsPageComponent implements OnInit {
     }[]>;
     saveAppSettings(appID: string, form: FormGroup): void;
     changeClientLocale(iso: string): void;
-    changeMode(mode: LayoutMode): void;
+    changeMode({ value }: MatButtonToggleChange): void;
     toggleDarkMode(): void;
     ngOnInit(): void;
     getAboutData(): void;

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@yuuvis/client-shell",
-  "version": "2.1.34",
+  "version": "2.3.0",
   "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.1.34",
-    "@yuuvis/client-shell-core": "^2.1.34",
-    "@yuuvis/client-framework": "^2.1.34"
+    "@yuuvis/client-core": "^2.3.0",
+    "@yuuvis/client-shell-core": "^2.3.0",
+    "@yuuvis/client-framework": "^2.3.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"

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

@@ -1,115 +0,0 @@
-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, TranslateModule } from '@yuuvis/client-core';
-import { DOCUMENT, CommonModule } from '@angular/common';
-import { HttpClient } from '@angular/common/http';
-import { FormBuilder, ReactiveFormsModule } from '@angular/forms';
-import { MatButtonToggleGroup, MatButtonToggle } from '@angular/material/button-toggle';
-import * as i2 from '@angular/material/expansion';
-import { MatExpansionModule } from '@angular/material/expansion';
-import { MatSelectModule } from '@angular/material/select';
-import * as i3 from '@angular/material/table';
-import { MatTableModule } from '@angular/material/table';
-import { ShellService } from '@yuuvis/client-shell-core';
-import { map } from 'rxjs';
-import { LayoutSettingsService } from '@yuuvis/client-framework/common';
-
-class SettingsPageComponent {
-    constructor() {
-        this.userService = inject(UserService);
-        this.config = inject(ConfigService);
-        this.translate = inject(TranslateService);
-        this.shell = inject(ShellService);
-        this.document = inject(DOCUMENT);
-        this.#layoutSettingsService = inject(LayoutSettingsService);
-        this.#http = inject(HttpClient);
-        this.#fb = inject(FormBuilder);
-        this.clientLocales = signal([]);
-        this.clientVersion = signal(undefined);
-        this.clientAboutData = signal(undefined);
-        this.currentMode = this.#layoutSettingsService.mode;
-        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)
-            };
-        })));
-    }
-    #layoutSettingsService;
-    #http;
-    #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);
-    }
-    changeMode(mode) {
-        if (mode && mode !== this.currentMode) {
-            this.#layoutSettingsService.setMode(mode);
-            this.#layoutSettingsService.applyLayoutMode(mode);
-        }
-    }
-    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());
-        this.getAboutData();
-    }
-    getAboutData() {
-        this.#http
-            .get('assets/about.data.json')
-            .pipe(map((response) => ({
-            ...response,
-            libraries: response.libraries
-                ? response.libraries.map((lib) => ({
-                    ...lib,
-                    ...(lib.license !== 'SEE LICENSE IN LICENSE' ? { link: `https://opensource.org/license/${lib.license}` } : {})
-                }))
-                : undefined
-        })))
-            .subscribe({
-            next: (response) => this.clientAboutData.set(response),
-            error: (error) => console.log({ error })
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SettingsPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: SettingsPageComponent, isStandalone: true, selector: "yuv-settings", ngImport: i0, template: "<header>\n  <h1>{{ 'yuv.shell.settings.title' | translate }}</h1>\n  <span class=\"subhead\">{{ 'yuv.shell.settings.client.version' | translate }}: {{ clientVersion() }}</span>\n</header>\n\n<main>\n  <div class=\"content-container\">\n    <!-- User Info -->\n    @let user = this.user();\n    @if (user) {\n      <section class=\"section user\">\n        <h2 class=\"section__title\">{{ user.title }}</h2>\n        <div class=\"section__body user__data grid\">\n          <div class=\"user__data-entry grid-row\">\n            <span class=\"user__data-entry-key grid-col grid-col-key\"> {{ 'yuv.shell.settings.user.email' | translate }}: </span>\n            <span class=\"user__data-entry-value grid-col grid-col-value\">\n              {{ user.email }}\n            </span>\n          </div>\n          <div class=\"user__data-entry grid-row\">\n            <span class=\"user__data-entry-key grid-col grid-col-key\"> {{ 'yuv.shell.settings.tenant' | translate }}: </span>\n            <span class=\"user__data-entry-value grid-col grid-col-value\">\n              {{ user.tenant }}\n            </span>\n          </div>\n\n          <!--<div class=\"user__data\">{{ 'yuv.shell.settings.user.name' | translate }}: {{ user.username }}</div>\n          <div class=\"user__data-entry\">{{ 'yuv.shell.settings.user.email' | translate }}: {{ user.email }}</div>\n          <div class=\"user__data-entry\">{{ 'yuv.shell.settings.tenant' | translate }}: {{ user.tenant }}</div>-->\n        </div>\n      </section>\n    }\n    <!-- Language Settings -->\n    <section yuvOfflineDisabled class=\"section\">\n      <h2 class=\"section__title\">{{ 'yuv.shell.settings.language' | translate }}</h2>\n      <div class=\"section__body\">\n        <mat-button-toggle-group\n          name=\"language\"\n          [value]=\"translate.currentLang\"\n          (valueChange)=\"changeClientLocale($event)\"\n          [attr.aria-label]=\"'yuv.shell.settings.language' | translate\"\n        >\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    <!-- Mode -->\n    <section class=\"section\">\n      <h2 class=\"section__title\">{{ 'yuv.shell.settings.mode' | translate }}</h2>\n      <div class=\"section__body\">\n        <mat-button-toggle-group\n          name=\"mode\"\n          [value]=\"currentMode\"\n          (valueChange)=\"changeMode($event)\"\n          [attr.aria-label]=\"'yuv.shell.settings.mode' | translate\"\n        >\n          <mat-button-toggle value=\"light\">{{ 'yuv.shell.settings.mode.light' | translate }}</mat-button-toggle>\n          <mat-button-toggle value=\"dark\">{{ 'yuv.shell.settings.mode.dark' | translate }}</mat-button-toggle>\n          <mat-button-toggle value=\"system\">{{ 'yuv.shell.settings.mode.system' | translate }}</mat-button-toggle>\n        </mat-button-toggle-group>\n      </div>\n    </section>\n\n    <!-- About Info -->\n    @let libraries = this.clientAboutData()?.libraries;\n    @if (libraries) {\n      <section class=\"section about\">\n        <h2 class=\"section__title\">{{ 'yuv.shell.settings.about.title' | translate }}</h2>\n        <mat-expansion-panel class=\"about__panel\">\n          <mat-expansion-panel-header>\n            <mat-panel-title>{{ 'yuv.shell.settings.dependency-info.title' | translate }}</mat-panel-title>\n            <!--            <mat-panel-description>{{ '' | translate }}</mat-panel-description>-->\n          </mat-expansion-panel-header>\n\n          <ng-template matExpansionPanelContent>\n            <div class=\"about__panel-content\">\n              <table mat-table [dataSource]=\"libraries\" class=\"mat-elevation-z8\">\n                <!-- Name Column -->\n                <ng-container matColumnDef=\"name\">\n                  <th mat-header-cell *matHeaderCellDef>{{ 'yuv.shell.settings.dependency-info.package' | translate }}</th>\n                  <td mat-cell *matCellDef=\"let element\">{{ element.name }}</td>\n                </ng-container>\n\n                <!-- Version Column -->\n                <ng-container matColumnDef=\"version\">\n                  <th mat-header-cell *matHeaderCellDef>{{ 'yuv.shell.settings.dependency-info.version' | translate }}</th>\n                  <td mat-cell *matCellDef=\"let element\">{{ element.version }}</td>\n                </ng-container>\n\n                <!-- License Column -->\n                <ng-container matColumnDef=\"license\">\n                  <th mat-header-cell *matHeaderCellDef>{{ 'yuv.shell.settings.dependency-info.license' | translate }}</th>\n                  <td mat-cell *matCellDef=\"let element\">\n                    @if (element.link) {\n                      <a href=\"{{ element.link }}\" target=\"_blank\">{{ element.license }}</a>\n                    } @else {\n                      {{ element.license }}\n                    }\n                  </td>\n                </ng-container>\n\n                <tr mat-header-row *matHeaderRowDef=\"['name', 'version', 'license']\"></tr>\n                <tr mat-row *matRowDef=\"let row; columns: ['name', 'version', 'license']\"></tr>\n              </table>\n            </div>\n          </ng-template>\n        </mat-expansion-panel>\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  </div>\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);padding-right:0;overflow-y:auto;scrollbar-gutter:stable}:host main .content-container{max-width:900px}:host main section{display:flex;flex-flow:column;padding:var(--ymt-spacing-m);margin-bottom:var(--ymt-spacing-l)}:host main .about__panel-content{overflow-x:auto}:host main .grid-row{display:grid;grid-template-columns:minmax(10ch,1fr) 11fr;grid-gap:var(--ymt-spacing-s);grid-template-areas:\"key value\";align-items:baseline}:host main .grid-col-key{font-weight:700;grid-area:key}:host main .grid-col-value{grid-area:value;word-break:break-all}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { 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"] }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "component", type: i2.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i2.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i2.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i2.MatExpansionPanelContent, selector: "ng-template[matExpansionPanelContent]" }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i3.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i3.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i3.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i3.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i3.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i3.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i3.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i3.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i3.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i3.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SettingsPageComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'yuv-settings', standalone: true, imports: [CommonModule, TranslateModule, MatSelectModule, ReactiveFormsModule, MatButtonToggleGroup, MatButtonToggle, MatExpansionModule, MatTableModule], template: "<header>\n  <h1>{{ 'yuv.shell.settings.title' | translate }}</h1>\n  <span class=\"subhead\">{{ 'yuv.shell.settings.client.version' | translate }}: {{ clientVersion() }}</span>\n</header>\n\n<main>\n  <div class=\"content-container\">\n    <!-- User Info -->\n    @let user = this.user();\n    @if (user) {\n      <section class=\"section user\">\n        <h2 class=\"section__title\">{{ user.title }}</h2>\n        <div class=\"section__body user__data grid\">\n          <div class=\"user__data-entry grid-row\">\n            <span class=\"user__data-entry-key grid-col grid-col-key\"> {{ 'yuv.shell.settings.user.email' | translate }}: </span>\n            <span class=\"user__data-entry-value grid-col grid-col-value\">\n              {{ user.email }}\n            </span>\n          </div>\n          <div class=\"user__data-entry grid-row\">\n            <span class=\"user__data-entry-key grid-col grid-col-key\"> {{ 'yuv.shell.settings.tenant' | translate }}: </span>\n            <span class=\"user__data-entry-value grid-col grid-col-value\">\n              {{ user.tenant }}\n            </span>\n          </div>\n\n          <!--<div class=\"user__data\">{{ 'yuv.shell.settings.user.name' | translate }}: {{ user.username }}</div>\n          <div class=\"user__data-entry\">{{ 'yuv.shell.settings.user.email' | translate }}: {{ user.email }}</div>\n          <div class=\"user__data-entry\">{{ 'yuv.shell.settings.tenant' | translate }}: {{ user.tenant }}</div>-->\n        </div>\n      </section>\n    }\n    <!-- Language Settings -->\n    <section yuvOfflineDisabled class=\"section\">\n      <h2 class=\"section__title\">{{ 'yuv.shell.settings.language' | translate }}</h2>\n      <div class=\"section__body\">\n        <mat-button-toggle-group\n          name=\"language\"\n          [value]=\"translate.currentLang\"\n          (valueChange)=\"changeClientLocale($event)\"\n          [attr.aria-label]=\"'yuv.shell.settings.language' | translate\"\n        >\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    <!-- Mode -->\n    <section class=\"section\">\n      <h2 class=\"section__title\">{{ 'yuv.shell.settings.mode' | translate }}</h2>\n      <div class=\"section__body\">\n        <mat-button-toggle-group\n          name=\"mode\"\n          [value]=\"currentMode\"\n          (valueChange)=\"changeMode($event)\"\n          [attr.aria-label]=\"'yuv.shell.settings.mode' | translate\"\n        >\n          <mat-button-toggle value=\"light\">{{ 'yuv.shell.settings.mode.light' | translate }}</mat-button-toggle>\n          <mat-button-toggle value=\"dark\">{{ 'yuv.shell.settings.mode.dark' | translate }}</mat-button-toggle>\n          <mat-button-toggle value=\"system\">{{ 'yuv.shell.settings.mode.system' | translate }}</mat-button-toggle>\n        </mat-button-toggle-group>\n      </div>\n    </section>\n\n    <!-- About Info -->\n    @let libraries = this.clientAboutData()?.libraries;\n    @if (libraries) {\n      <section class=\"section about\">\n        <h2 class=\"section__title\">{{ 'yuv.shell.settings.about.title' | translate }}</h2>\n        <mat-expansion-panel class=\"about__panel\">\n          <mat-expansion-panel-header>\n            <mat-panel-title>{{ 'yuv.shell.settings.dependency-info.title' | translate }}</mat-panel-title>\n            <!--            <mat-panel-description>{{ '' | translate }}</mat-panel-description>-->\n          </mat-expansion-panel-header>\n\n          <ng-template matExpansionPanelContent>\n            <div class=\"about__panel-content\">\n              <table mat-table [dataSource]=\"libraries\" class=\"mat-elevation-z8\">\n                <!-- Name Column -->\n                <ng-container matColumnDef=\"name\">\n                  <th mat-header-cell *matHeaderCellDef>{{ 'yuv.shell.settings.dependency-info.package' | translate }}</th>\n                  <td mat-cell *matCellDef=\"let element\">{{ element.name }}</td>\n                </ng-container>\n\n                <!-- Version Column -->\n                <ng-container matColumnDef=\"version\">\n                  <th mat-header-cell *matHeaderCellDef>{{ 'yuv.shell.settings.dependency-info.version' | translate }}</th>\n                  <td mat-cell *matCellDef=\"let element\">{{ element.version }}</td>\n                </ng-container>\n\n                <!-- License Column -->\n                <ng-container matColumnDef=\"license\">\n                  <th mat-header-cell *matHeaderCellDef>{{ 'yuv.shell.settings.dependency-info.license' | translate }}</th>\n                  <td mat-cell *matCellDef=\"let element\">\n                    @if (element.link) {\n                      <a href=\"{{ element.link }}\" target=\"_blank\">{{ element.license }}</a>\n                    } @else {\n                      {{ element.license }}\n                    }\n                  </td>\n                </ng-container>\n\n                <tr mat-header-row *matHeaderRowDef=\"['name', 'version', 'license']\"></tr>\n                <tr mat-row *matRowDef=\"let row; columns: ['name', 'version', 'license']\"></tr>\n              </table>\n            </div>\n          </ng-template>\n        </mat-expansion-panel>\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  </div>\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);padding-right:0;overflow-y:auto;scrollbar-gutter:stable}:host main .content-container{max-width:900px}:host main section{display:flex;flex-flow:column;padding:var(--ymt-spacing-m);margin-bottom:var(--ymt-spacing-l)}:host main .about__panel-content{overflow-x:auto}:host main .grid-row{display:grid;grid-template-columns:minmax(10ch,1fr) 11fr;grid-gap:var(--ymt-spacing-s);grid-template-areas:\"key value\";align-items:baseline}:host main .grid-col-key{font-weight:700;grid-area:key}:host main .grid-col-value{grid-area:value;word-break:break-all}\n"] }]
-        }] });
-
-export { SettingsPageComponent };
-//# sourceMappingURL=yuuvis-client-shell-settings.component-BKkbA5aO.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"yuuvis-client-shell-settings.component-BKkbA5aO.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 { HttpClient } from '@angular/common/http';\nimport { FormBuilder, FormGroup, ReactiveFormsModule } from '@angular/forms';\nimport { MatButtonToggle, MatButtonToggleGroup } from '@angular/material/button-toggle';\nimport { MatExpansionModule } from '@angular/material/expansion';\nimport { MatSelectModule } from '@angular/material/select';\nimport { MatTableModule } from '@angular/material/table';\nimport { ShellAppSettingProperty, ShellAppSettings, ShellService } from '@yuuvis/client-shell-core';\nimport { map, Observable } from 'rxjs';\nimport { AboutData } from './settings.model';\nimport { LayoutMode, LayoutSettingsService } from '@yuuvis/client-framework/common';\n\n@Component({\n  selector: 'yuv-settings',\n  standalone: true,\n  imports: [CommonModule, TranslateModule, MatSelectModule, ReactiveFormsModule, MatButtonToggleGroup, MatButtonToggle, MatExpansionModule, MatTableModule],\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  #layoutSettingsService = inject(LayoutSettingsService);\n  #http = inject(HttpClient);\n\n  #fb = inject(FormBuilder);\n\n  clientLocales = signal<YuvConfigLanguages[]>([]);\n  clientVersion = signal<string | undefined>(undefined);\n  clientAboutData = signal<AboutData | undefined>(undefined);\n  currentMode = this.#layoutSettingsService.mode;\n\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  changeMode(mode: LayoutMode) {\n    if (mode && mode !== this.currentMode) {\n      this.#layoutSettingsService.setMode(mode);\n      this.#layoutSettingsService.applyLayoutMode(mode);\n    }\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    this.getAboutData();\n  }\n\n  getAboutData() {\n    this.#http\n      .get('assets/about.data.json')\n      .pipe(\n        map((response: AboutData) => ({\n          ...response,\n          libraries: response.libraries\n            ? response.libraries.map((lib) => ({\n                ...lib,\n                ...(lib.license !== 'SEE LICENSE IN LICENSE' ? { link: `https://opensource.org/license/${lib.license}` } : {})\n              }))\n            : undefined\n        }))\n      )\n      .subscribe({\n        next: (response: AboutData) => this.clientAboutData.set(response),\n        error: (error) => console.log({ error })\n      });\n  }\n}\n","<header>\n  <h1>{{ 'yuv.shell.settings.title' | translate }}</h1>\n  <span class=\"subhead\">{{ 'yuv.shell.settings.client.version' | translate }}: {{ clientVersion() }}</span>\n</header>\n\n<main>\n  <div class=\"content-container\">\n    <!-- User Info -->\n    @let user = this.user();\n    @if (user) {\n      <section class=\"section user\">\n        <h2 class=\"section__title\">{{ user.title }}</h2>\n        <div class=\"section__body user__data grid\">\n          <div class=\"user__data-entry grid-row\">\n            <span class=\"user__data-entry-key grid-col grid-col-key\"> {{ 'yuv.shell.settings.user.email' | translate }}: </span>\n            <span class=\"user__data-entry-value grid-col grid-col-value\">\n              {{ user.email }}\n            </span>\n          </div>\n          <div class=\"user__data-entry grid-row\">\n            <span class=\"user__data-entry-key grid-col grid-col-key\"> {{ 'yuv.shell.settings.tenant' | translate }}: </span>\n            <span class=\"user__data-entry-value grid-col grid-col-value\">\n              {{ user.tenant }}\n            </span>\n          </div>\n\n          <!--<div class=\"user__data\">{{ 'yuv.shell.settings.user.name' | translate }}: {{ user.username }}</div>\n          <div class=\"user__data-entry\">{{ 'yuv.shell.settings.user.email' | translate }}: {{ user.email }}</div>\n          <div class=\"user__data-entry\">{{ 'yuv.shell.settings.tenant' | translate }}: {{ user.tenant }}</div>-->\n        </div>\n      </section>\n    }\n    <!-- Language Settings -->\n    <section yuvOfflineDisabled class=\"section\">\n      <h2 class=\"section__title\">{{ 'yuv.shell.settings.language' | translate }}</h2>\n      <div class=\"section__body\">\n        <mat-button-toggle-group\n          name=\"language\"\n          [value]=\"translate.currentLang\"\n          (valueChange)=\"changeClientLocale($event)\"\n          [attr.aria-label]=\"'yuv.shell.settings.language' | translate\"\n        >\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    <!-- Mode -->\n    <section class=\"section\">\n      <h2 class=\"section__title\">{{ 'yuv.shell.settings.mode' | translate }}</h2>\n      <div class=\"section__body\">\n        <mat-button-toggle-group\n          name=\"mode\"\n          [value]=\"currentMode\"\n          (valueChange)=\"changeMode($event)\"\n          [attr.aria-label]=\"'yuv.shell.settings.mode' | translate\"\n        >\n          <mat-button-toggle value=\"light\">{{ 'yuv.shell.settings.mode.light' | translate }}</mat-button-toggle>\n          <mat-button-toggle value=\"dark\">{{ 'yuv.shell.settings.mode.dark' | translate }}</mat-button-toggle>\n          <mat-button-toggle value=\"system\">{{ 'yuv.shell.settings.mode.system' | translate }}</mat-button-toggle>\n        </mat-button-toggle-group>\n      </div>\n    </section>\n\n    <!-- About Info -->\n    @let libraries = this.clientAboutData()?.libraries;\n    @if (libraries) {\n      <section class=\"section about\">\n        <h2 class=\"section__title\">{{ 'yuv.shell.settings.about.title' | translate }}</h2>\n        <mat-expansion-panel class=\"about__panel\">\n          <mat-expansion-panel-header>\n            <mat-panel-title>{{ 'yuv.shell.settings.dependency-info.title' | translate }}</mat-panel-title>\n            <!--            <mat-panel-description>{{ '' | translate }}</mat-panel-description>-->\n          </mat-expansion-panel-header>\n\n          <ng-template matExpansionPanelContent>\n            <div class=\"about__panel-content\">\n              <table mat-table [dataSource]=\"libraries\" class=\"mat-elevation-z8\">\n                <!-- Name Column -->\n                <ng-container matColumnDef=\"name\">\n                  <th mat-header-cell *matHeaderCellDef>{{ 'yuv.shell.settings.dependency-info.package' | translate }}</th>\n                  <td mat-cell *matCellDef=\"let element\">{{ element.name }}</td>\n                </ng-container>\n\n                <!-- Version Column -->\n                <ng-container matColumnDef=\"version\">\n                  <th mat-header-cell *matHeaderCellDef>{{ 'yuv.shell.settings.dependency-info.version' | translate }}</th>\n                  <td mat-cell *matCellDef=\"let element\">{{ element.version }}</td>\n                </ng-container>\n\n                <!-- License Column -->\n                <ng-container matColumnDef=\"license\">\n                  <th mat-header-cell *matHeaderCellDef>{{ 'yuv.shell.settings.dependency-info.license' | translate }}</th>\n                  <td mat-cell *matCellDef=\"let element\">\n                    @if (element.link) {\n                      <a href=\"{{ element.link }}\" target=\"_blank\">{{ element.license }}</a>\n                    } @else {\n                      {{ element.license }}\n                    }\n                  </td>\n                </ng-container>\n\n                <tr mat-header-row *matHeaderRowDef=\"['name', 'version', 'license']\"></tr>\n                <tr mat-row *matRowDef=\"let row; columns: ['name', 'version', 'license']\"></tr>\n              </table>\n            </div>\n          </ng-template>\n        </mat-expansion-panel>\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  </div>\n</main>\n"],"names":[],"mappings":"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"}