@rxap/layout 18.0.3-dev.1 → 18.1.0-dev.1

package/esm2022/lib/default-header/apps-button/apps-button.component.mjs

@@ -0,0 +1,40 @@
+import { NgOptimizedImage } from '@angular/common';
+import { ChangeDetectionStrategy, Component, computed, inject, signal, } from '@angular/core';
+import { MatAnchor, MatButton, MatIconButton, } from '@angular/material/button';
+import { MatIcon } from '@angular/material/icon';
+import { RouterLink } from '@angular/router';
+import { IconDirective } from '@rxap/material-directives/icon';
+import { ExternalAppsService } from '../../external-apps.service';
+import * as i0 from "@angular/core";
+export class AppsButtonComponent {
+    constructor() {
+        /**
+         * The signal that indicates if the app list is open
+         */
+        this.isOpen = signal(false);
+        this.externalAppsService = inject(ExternalAppsService);
+        this.appList = computed(() => this.externalAppsService.activeAppList());
+        this.hasApps = computed(() => this.appList().length > 0);
+    }
+    toggle() {
+        this.isOpen.update(isOpen => !isOpen);
+    }
+    ngOnInit() {
+        this.externalAppsService.getAppList();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: AppsButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: AppsButtonComponent, isStandalone: true, selector: "rxap-apps-button", ngImport: i0, template: "@if (hasApps()) {\n  <div class=\"flex flex-row items-center gap-8\">\n\n    @if (isOpen()) {\n      <div class=\"flex flex-row items-center gap-6 h-10\">\n\n        @for (app of appList(); track app.label) {\n          @if (app.href) {\n            <a [href]=\"app.href\" [target]=\"app.target ?? '_self'\" mat-stroked-button>\n              <span class=\"flex flex-row items-center gap-4\">\n                @if (app.icon) {\n                  <mat-icon [rxapIcon]=\"app.icon\"></mat-icon>\n                }\n                @if (app.image) {\n                  <img [alt]=\"app.label\" [ngSrc]=\"app.image\" height=\"40\" width=\"40\">\n                }\n                <span class=\"label grow-0\">{{ app.label }}</span>\n              </span>\n            </a>\n          } @else if (app.routerLink) {\n            <a mat-stroked-button [routerLink]=\"app.routerLink\">\n              <span class=\"flex flex-row items-center gap-4\">\n                @if (app.icon) {\n                  <mat-icon [rxapIcon]=\"app.icon\"></mat-icon>\n                }\n                @if (app.image) {\n                  <img [alt]=\"app.label\" [ngSrc]=\"app.image\" height=\"40\" width=\"40\">\n                }\n                <span class=\"label grow-0\">{{ app.label }}</span>\n              </span>\n            </a>\n          } @else {\n            <button mat-stroked-button [disabled]=\"true\">\n              <span class=\"flex flex-row items-center gap-4\">\n                @if (app.icon) {\n                  <mat-icon [rxapIcon]=\"app.icon\"></mat-icon>\n                }\n                @if (app.image) {\n                  <img [alt]=\"app.label\" [ngSrc]=\"app.image\" height=\"40\" width=\"40\">\n                }\n                <span class=\"label grow-0\">{{ app.label }}</span>\n              </span>\n            </button>\n          }\n        }\n\n      </div>\n    }\n\n    <button (click)=\"toggle()\" mat-icon-button>\n      <mat-icon svgIcon=\"apps\"></mat-icon>\n    </button>\n\n  </div>\n}\n", styles: [""], dependencies: [{ kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }, { kind: "component", type: MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: MatAnchor, selector: "a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: IconDirective, selector: "mat-icon[rxapIcon]", inputs: ["rxapIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: AppsButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rxap-apps-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        NgOptimizedImage,
+                        MatButton,
+                        RouterLink,
+                        MatAnchor,
+                        MatIconButton,
+                        MatIcon,
+                        IconDirective,
+                    ], template: "@if (hasApps()) {\n  <div class=\"flex flex-row items-center gap-8\">\n\n    @if (isOpen()) {\n      <div class=\"flex flex-row items-center gap-6 h-10\">\n\n        @for (app of appList(); track app.label) {\n          @if (app.href) {\n            <a [href]=\"app.href\" [target]=\"app.target ?? '_self'\" mat-stroked-button>\n              <span class=\"flex flex-row items-center gap-4\">\n                @if (app.icon) {\n                  <mat-icon [rxapIcon]=\"app.icon\"></mat-icon>\n                }\n                @if (app.image) {\n                  <img [alt]=\"app.label\" [ngSrc]=\"app.image\" height=\"40\" width=\"40\">\n                }\n                <span class=\"label grow-0\">{{ app.label }}</span>\n              </span>\n            </a>\n          } @else if (app.routerLink) {\n            <a mat-stroked-button [routerLink]=\"app.routerLink\">\n              <span class=\"flex flex-row items-center gap-4\">\n                @if (app.icon) {\n                  <mat-icon [rxapIcon]=\"app.icon\"></mat-icon>\n                }\n                @if (app.image) {\n                  <img [alt]=\"app.label\" [ngSrc]=\"app.image\" height=\"40\" width=\"40\">\n                }\n                <span class=\"label grow-0\">{{ app.label }}</span>\n              </span>\n            </a>\n          } @else {\n            <button mat-stroked-button [disabled]=\"true\">\n              <span class=\"flex flex-row items-center gap-4\">\n                @if (app.icon) {\n                  <mat-icon [rxapIcon]=\"app.icon\"></mat-icon>\n                }\n                @if (app.image) {\n                  <img [alt]=\"app.label\" [ngSrc]=\"app.image\" height=\"40\" width=\"40\">\n                }\n                <span class=\"label grow-0\">{{ app.label }}</span>\n              </span>\n            </button>\n          }\n        }\n\n      </div>\n    }\n\n    <button (click)=\"toggle()\" mat-icon-button>\n      <mat-icon svgIcon=\"apps\"></mat-icon>\n    </button>\n\n  </div>\n}\n" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwcy1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvYW5ndWxhci9sYXlvdXQvc3JjL2xpYi9kZWZhdWx0LWhlYWRlci9hcHBzLWJ1dHRvbi9hcHBzLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9hbmd1bGFyL2xheW91dC9zcmMvbGliL2RlZmF1bHQtaGVhZGVyL2FwcHMtYnV0dG9uL2FwcHMtYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ25ELE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFFBQVEsRUFDUixNQUFNLEVBRU4sTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFDTCxTQUFTLEVBQ1QsU0FBUyxFQUNULGFBQWEsR0FDZCxNQUFNLDBCQUEwQixDQUFDO0FBQ2xDLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUNqRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDN0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQy9ELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDZCQUE2QixDQUFDOztBQWtCbEUsTUFBTSxPQUFPLG1CQUFtQjtJQWhCaEM7UUFpQkU7O1dBRUc7UUFDYSxXQUFNLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBRXRCLHdCQUFtQixHQUFHLE1BQU0sQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDO1FBQ25ELFlBQU8sR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLG1CQUFtQixDQUFDLGFBQWEsRUFBRSxDQUFDLENBQUM7UUFDbkUsWUFBTyxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDO0tBVXJFO0lBUlEsTUFBTTtRQUNYLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUN4QyxDQUFDO0lBRU0sUUFBUTtRQUNiLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxVQUFVLEVBQUUsQ0FBQztJQUN4QyxDQUFDOzhHQWhCVSxtQkFBbUI7a0dBQW5CLG1CQUFtQiw0RUNuQ2hDLDArREF1REEsMEREN0JJLGdCQUFnQixnUEFDaEIsU0FBUyxpTEFDVCxVQUFVLG9PQUNWLFNBQVMsaUtBQ1QsYUFBYSw2RkFDYixPQUFPLDJJQUNQLGFBQWE7OzJGQUdKLG1CQUFtQjtrQkFoQi9CLFNBQVM7K0JBQ0Usa0JBQWtCLG1CQUdYLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsSUFBSSxXQUNQO3dCQUNQLGdCQUFnQjt3QkFDaEIsU0FBUzt3QkFDVCxVQUFVO3dCQUNWLFNBQVM7d0JBQ1QsYUFBYTt3QkFDYixPQUFPO3dCQUNQLGFBQWE7cUJBQ2QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ09wdGltaXplZEltYWdlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIGNvbXB1dGVkLFxuICBpbmplY3QsXG4gIE9uSW5pdCxcbiAgc2lnbmFsLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIE1hdEFuY2hvcixcbiAgTWF0QnV0dG9uLFxuICBNYXRJY29uQnV0dG9uLFxufSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xuaW1wb3J0IHsgTWF0SWNvbiB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHsgUm91dGVyTGluayB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBJY29uRGlyZWN0aXZlIH0gZnJvbSAnQHJ4YXAvbWF0ZXJpYWwtZGlyZWN0aXZlcy9pY29uJztcbmltcG9ydCB7IEV4dGVybmFsQXBwc1NlcnZpY2UgfSBmcm9tICcuLi8uLi9leHRlcm5hbC1hcHBzLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdyeGFwLWFwcHMtYnV0dG9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FwcHMtYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbICcuL2FwcHMtYnV0dG9uLmNvbXBvbmVudC5zY3NzJyBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIE5nT3B0aW1pemVkSW1hZ2UsXG4gICAgTWF0QnV0dG9uLFxuICAgIFJvdXRlckxpbmssXG4gICAgTWF0QW5jaG9yLFxuICAgIE1hdEljb25CdXR0b24sXG4gICAgTWF0SWNvbixcbiAgICBJY29uRGlyZWN0aXZlLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBBcHBzQnV0dG9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgLyoqXG4gICAqIFRoZSBzaWduYWwgdGhhdCBpbmRpY2F0ZXMgaWYgdGhlIGFwcCBsaXN0IGlzIG9wZW5cbiAgICovXG4gIHB1YmxpYyByZWFkb25seSBpc09wZW4gPSBzaWduYWwoZmFsc2UpO1xuXG4gIHByaXZhdGUgcmVhZG9ubHkgZXh0ZXJuYWxBcHBzU2VydmljZSA9IGluamVjdChFeHRlcm5hbEFwcHNTZXJ2aWNlKTtcbiAgcHVibGljIHJlYWRvbmx5IGFwcExpc3QgPSBjb21wdXRlZCgoKSA9PiB0aGlzLmV4dGVybmFsQXBwc1NlcnZpY2UuYWN0aXZlQXBwTGlzdCgpKTtcbiAgcHVibGljIHJlYWRvbmx5IGhhc0FwcHMgPSBjb21wdXRlZCgoKSA9PiB0aGlzLmFwcExpc3QoKS5sZW5ndGggPiAwKTtcblxuICBwdWJsaWMgdG9nZ2xlKCk6IHZvaWQge1xuICAgIHRoaXMuaXNPcGVuLnVwZGF0ZShpc09wZW4gPT4gIWlzT3Blbik7XG4gIH1cblxuICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5leHRlcm5hbEFwcHNTZXJ2aWNlLmdldEFwcExpc3QoKTtcbiAgfVxuXG59XG4iLCJAaWYgKGhhc0FwcHMoKSkge1xuICA8ZGl2IGNsYXNzPVwiZmxleCBmbGV4LXJvdyBpdGVtcy1jZW50ZXIgZ2FwLThcIj5cblxuICAgIEBpZiAoaXNPcGVuKCkpIHtcbiAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IGZsZXgtcm93IGl0ZW1zLWNlbnRlciBnYXAtNiBoLTEwXCI+XG5cbiAgICAgICAgQGZvciAoYXBwIG9mIGFwcExpc3QoKTsgdHJhY2sgYXBwLmxhYmVsKSB7XG4gICAgICAgICAgQGlmIChhcHAuaHJlZikge1xuICAgICAgICAgICAgPGEgW2hyZWZdPVwiYXBwLmhyZWZcIiBbdGFyZ2V0XT1cImFwcC50YXJnZXQgPz8gJ19zZWxmJ1wiIG1hdC1zdHJva2VkLWJ1dHRvbj5cbiAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJmbGV4IGZsZXgtcm93IGl0ZW1zLWNlbnRlciBnYXAtNFwiPlxuICAgICAgICAgICAgICAgIEBpZiAoYXBwLmljb24pIHtcbiAgICAgICAgICAgICAgICAgIDxtYXQtaWNvbiBbcnhhcEljb25dPVwiYXBwLmljb25cIj48L21hdC1pY29uPlxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICBAaWYgKGFwcC5pbWFnZSkge1xuICAgICAgICAgICAgICAgICAgPGltZyBbYWx0XT1cImFwcC5sYWJlbFwiIFtuZ1NyY109XCJhcHAuaW1hZ2VcIiBoZWlnaHQ9XCI0MFwiIHdpZHRoPVwiNDBcIj5cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJsYWJlbCBncm93LTBcIj57eyBhcHAubGFiZWwgfX08L3NwYW4+XG4gICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgIDwvYT5cbiAgICAgICAgICB9IEBlbHNlIGlmIChhcHAucm91dGVyTGluaykge1xuICAgICAgICAgICAgPGEgbWF0LXN0cm9rZWQtYnV0dG9uIFtyb3V0ZXJMaW5rXT1cImFwcC5yb3V0ZXJMaW5rXCI+XG4gICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZmxleCBmbGV4LXJvdyBpdGVtcy1jZW50ZXIgZ2FwLTRcIj5cbiAgICAgICAgICAgICAgICBAaWYgKGFwcC5pY29uKSB7XG4gICAgICAgICAgICAgICAgICA8bWF0LWljb24gW3J4YXBJY29uXT1cImFwcC5pY29uXCI+PC9tYXQtaWNvbj5cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgQGlmIChhcHAuaW1hZ2UpIHtcbiAgICAgICAgICAgICAgICAgIDxpbWcgW2FsdF09XCJhcHAubGFiZWxcIiBbbmdTcmNdPVwiYXBwLmltYWdlXCIgaGVpZ2h0PVwiNDBcIiB3aWR0aD1cIjQwXCI+XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwibGFiZWwgZ3Jvdy0wXCI+e3sgYXBwLmxhYmVsIH19PC9zcGFuPlxuICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICA8L2E+XG4gICAgICAgICAgfSBAZWxzZSB7XG4gICAgICAgICAgICA8YnV0dG9uIG1hdC1zdHJva2VkLWJ1dHRvbiBbZGlzYWJsZWRdPVwidHJ1ZVwiPlxuICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImZsZXggZmxleC1yb3cgaXRlbXMtY2VudGVyIGdhcC00XCI+XG4gICAgICAgICAgICAgICAgQGlmIChhcHAuaWNvbikge1xuICAgICAgICAgICAgICAgICAgPG1hdC1pY29uIFtyeGFwSWNvbl09XCJhcHAuaWNvblwiPjwvbWF0LWljb24+XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIEBpZiAoYXBwLmltYWdlKSB7XG4gICAgICAgICAgICAgICAgICA8aW1nIFthbHRdPVwiYXBwLmxhYmVsXCIgW25nU3JjXT1cImFwcC5pbWFnZVwiIGhlaWdodD1cIjQwXCIgd2lkdGg9XCI0MFwiPlxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImxhYmVsIGdyb3ctMFwiPnt7IGFwcC5sYWJlbCB9fTwvc3Bhbj5cbiAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgIDwvZGl2PlxuICAgIH1cblxuICAgIDxidXR0b24gKGNsaWNrKT1cInRvZ2dsZSgpXCIgbWF0LWljb24tYnV0dG9uPlxuICAgICAgPG1hdC1pY29uIHN2Z0ljb249XCJhcHBzXCI+PC9tYXQtaWNvbj5cbiAgICA8L2J1dHRvbj5cblxuICA8L2Rpdj5cbn1cbiJdfQ==

package/esm2022/lib/default-header/default-header.component.mjs

@@ -0,0 +1,32 @@
+import { ChangeDetectionStrategy, Component, computed, inject, } from '@angular/core';
+import { toSignal } from '@angular/core/rxjs-interop';
+import { LayoutService } from '../layout.service';
+import { UserProfileDataSource } from '@rxap/ngx-user';
+import { AppsButtonComponent } from './apps-button/apps-button.component';
+import { SettingsButtonComponent } from './settings-button/settings-button.component';
+import { SidenavToggleButtonComponent } from './sidenav-toggle-button/sidenav-toggle-button.component';
+import { UserProfileIconComponent } from './user-profile-icon/user-profile-icon.component';
+import * as i0 from "@angular/core";
+export class DefaultHeaderComponent {
+    constructor() {
+        this.layoutComponentService = inject(LayoutService);
+        this.collapsable = computed(() => this.layoutComponentService.collapsable());
+        this.opened = computed(() => this.layoutComponentService.opened());
+        this.userProfileService = inject(UserProfileDataSource);
+        this.profile = toSignal(this.userProfileService.connect('user-profile'), { initialValue: null });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: DefaultHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: DefaultHeaderComponent, isStandalone: true, selector: "rxap-default-header", host: { classAttribute: "grow" }, ngImport: i0, template: "<div class=\"w-full flex flex-row gap-x-4 justify-between items-center\">\n  @if (!collapsable()) {\n    <rxap-sidenav-toggle-button></rxap-sidenav-toggle-button>\n  }\n  <div class=\"grow\">\n    <ng-content></ng-content>\n  </div>\n  <rxap-apps-button class=\"grow-0\"></rxap-apps-button>\n  <rxap-settings-button class=\"grow-0\"></rxap-settings-button>\n  @if (this.profile(); as profile) {\n    <rxap-user-profile-icon [profile]=\"profile\" class=\"grow-0\"></rxap-user-profile-icon>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: AppsButtonComponent, selector: "rxap-apps-button" }, { kind: "component", type: SettingsButtonComponent, selector: "rxap-settings-button" }, { kind: "component", type: SidenavToggleButtonComponent, selector: "rxap-sidenav-toggle-button" }, { kind: "component", type: UserProfileIconComponent, selector: "rxap-user-profile-icon", inputs: ["profile"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: DefaultHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rxap-default-header', standalone: true, imports: [
+                        AppsButtonComponent,
+                        SettingsButtonComponent,
+                        SidenavToggleButtonComponent,
+                        UserProfileIconComponent,
+                    ], host: {
+                        'class': 'grow',
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"w-full flex flex-row gap-x-4 justify-between items-center\">\n  @if (!collapsable()) {\n    <rxap-sidenav-toggle-button></rxap-sidenav-toggle-button>\n  }\n  <div class=\"grow\">\n    <ng-content></ng-content>\n  </div>\n  <rxap-apps-button class=\"grow-0\"></rxap-apps-button>\n  <rxap-settings-button class=\"grow-0\"></rxap-settings-button>\n  @if (this.profile(); as profile) {\n    <rxap-user-profile-icon [profile]=\"profile\" class=\"grow-0\"></rxap-user-profile-icon>\n  }\n</div>\n" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVmYXVsdC1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvYW5ndWxhci9sYXlvdXQvc3JjL2xpYi9kZWZhdWx0LWhlYWRlci9kZWZhdWx0LWhlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9hbmd1bGFyL2xheW91dC9zcmMvbGliL2RlZmF1bHQtaGVhZGVyL2RlZmF1bHQtaGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFFBQVEsRUFDUixNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3RELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNsRCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUMxRSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUN0RixPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSx5REFBeUQsQ0FBQztBQUN2RyxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxpREFBaUQsQ0FBQzs7QUFrQjNGLE1BQU0sT0FBTyxzQkFBc0I7SUFoQm5DO1FBa0JrQiwyQkFBc0IsR0FBRyxNQUFNLENBQUMsYUFBYSxDQUFDLENBQUM7UUFFL0MsZ0JBQVcsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLHNCQUFzQixDQUFDLFdBQVcsRUFBRSxDQUFDLENBQUM7UUFDeEUsV0FBTSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsc0JBQXNCLENBQUMsTUFBTSxFQUFFLENBQUMsQ0FBQztRQUU3RCx1QkFBa0IsR0FBMEIsTUFBTSxDQUFDLHFCQUFxQixDQUFDLENBQUM7UUFDM0UsWUFBTyxHQUFHLFFBQVEsQ0FBQyxJQUFJLENBQUMsa0JBQWtCLENBQUMsT0FBTyxDQUFDLGNBQWMsQ0FBQyxFQUFFLEVBQUUsWUFBWSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUM7S0FFN0c7OEdBVlksc0JBQXNCO2tHQUF0QixzQkFBc0IsaUhDOUJuQyx5ZkFhQSwwRERLSSxtQkFBbUIsNkRBQ25CLHVCQUF1QixpRUFDdkIsNEJBQTRCLHVFQUM1Qix3QkFBd0I7OzJGQVNmLHNCQUFzQjtrQkFoQmxDLFNBQVM7K0JBQ0UscUJBQXFCLGNBQ25CLElBQUksV0FDUDt3QkFDUCxtQkFBbUI7d0JBQ25CLHVCQUF1Qjt3QkFDdkIsNEJBQTRCO3dCQUM1Qix3QkFBd0I7cUJBQ3pCLFFBQ0s7d0JBQ0osT0FBTyxFQUFFLE1BQU07cUJBQ2hCLG1CQUdnQix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgY29tcHV0ZWQsXG4gIGluamVjdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyB0b1NpZ25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUvcnhqcy1pbnRlcm9wJztcbmltcG9ydCB7IExheW91dFNlcnZpY2UgfSBmcm9tICcuLi9sYXlvdXQuc2VydmljZSc7XG5pbXBvcnQgeyBVc2VyUHJvZmlsZURhdGFTb3VyY2UgfSBmcm9tICdAcnhhcC9uZ3gtdXNlcic7XG5pbXBvcnQgeyBBcHBzQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi9hcHBzLWJ1dHRvbi9hcHBzLWJ1dHRvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgU2V0dGluZ3NCdXR0b25Db21wb25lbnQgfSBmcm9tICcuL3NldHRpbmdzLWJ1dHRvbi9zZXR0aW5ncy1idXR0b24uY29tcG9uZW50JztcbmltcG9ydCB7IFNpZGVuYXZUb2dnbGVCdXR0b25Db21wb25lbnQgfSBmcm9tICcuL3NpZGVuYXYtdG9nZ2xlLWJ1dHRvbi9zaWRlbmF2LXRvZ2dsZS1idXR0b24uY29tcG9uZW50JztcbmltcG9ydCB7IFVzZXJQcm9maWxlSWNvbkNvbXBvbmVudCB9IGZyb20gJy4vdXNlci1wcm9maWxlLWljb24vdXNlci1wcm9maWxlLWljb24uY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncnhhcC1kZWZhdWx0LWhlYWRlcicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBBcHBzQnV0dG9uQ29tcG9uZW50LFxuICAgIFNldHRpbmdzQnV0dG9uQ29tcG9uZW50LFxuICAgIFNpZGVuYXZUb2dnbGVCdXR0b25Db21wb25lbnQsXG4gICAgVXNlclByb2ZpbGVJY29uQ29tcG9uZW50LFxuICBdLFxuICBob3N0OiB7XG4gICAgJ2NsYXNzJzogJ2dyb3cnLFxuICB9LFxuICB0ZW1wbGF0ZVVybDogJy4vZGVmYXVsdC1oZWFkZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vZGVmYXVsdC1oZWFkZXIuY29tcG9uZW50LnNjc3MnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRGVmYXVsdEhlYWRlckNvbXBvbmVudCB7XG5cbiAgcHVibGljIHJlYWRvbmx5IGxheW91dENvbXBvbmVudFNlcnZpY2UgPSBpbmplY3QoTGF5b3V0U2VydmljZSk7XG5cbiAgcHVibGljIHJlYWRvbmx5IGNvbGxhcHNhYmxlID0gY29tcHV0ZWQoKCkgPT4gdGhpcy5sYXlvdXRDb21wb25lbnRTZXJ2aWNlLmNvbGxhcHNhYmxlKCkpO1xuICBwdWJsaWMgcmVhZG9ubHkgb3BlbmVkID0gY29tcHV0ZWQoKCkgPT4gdGhpcy5sYXlvdXRDb21wb25lbnRTZXJ2aWNlLm9wZW5lZCgpKTtcblxuICBwcml2YXRlIHJlYWRvbmx5IHVzZXJQcm9maWxlU2VydmljZTogVXNlclByb2ZpbGVEYXRhU291cmNlID0gaW5qZWN0KFVzZXJQcm9maWxlRGF0YVNvdXJjZSk7XG4gIHB1YmxpYyByZWFkb25seSBwcm9maWxlID0gdG9TaWduYWwodGhpcy51c2VyUHJvZmlsZVNlcnZpY2UuY29ubmVjdCgndXNlci1wcm9maWxlJyksIHsgaW5pdGlhbFZhbHVlOiBudWxsIH0pO1xuXG59XG4iLCI8ZGl2IGNsYXNzPVwidy1mdWxsIGZsZXggZmxleC1yb3cgZ2FwLXgtNCBqdXN0aWZ5LWJldHdlZW4gaXRlbXMtY2VudGVyXCI+XG4gIEBpZiAoIWNvbGxhcHNhYmxlKCkpIHtcbiAgICA8cnhhcC1zaWRlbmF2LXRvZ2dsZS1idXR0b24+PC9yeGFwLXNpZGVuYXYtdG9nZ2xlLWJ1dHRvbj5cbiAgfVxuICA8ZGl2IGNsYXNzPVwiZ3Jvd1wiPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9kaXY+XG4gIDxyeGFwLWFwcHMtYnV0dG9uIGNsYXNzPVwiZ3Jvdy0wXCI+PC9yeGFwLWFwcHMtYnV0dG9uPlxuICA8cnhhcC1zZXR0aW5ncy1idXR0b24gY2xhc3M9XCJncm93LTBcIj48L3J4YXAtc2V0dGluZ3MtYnV0dG9uPlxuICBAaWYgKHRoaXMucHJvZmlsZSgpOyBhcyBwcm9maWxlKSB7XG4gICAgPHJ4YXAtdXNlci1wcm9maWxlLWljb24gW3Byb2ZpbGVdPVwicHJvZmlsZVwiIGNsYXNzPVwiZ3Jvdy0wXCI+PC9yeGFwLXVzZXItcHJvZmlsZS1pY29uPlxuICB9XG48L2Rpdj5cbiJdfQ==

package/esm2022/lib/default-header/settings-button/settings-button.component.mjs

@@ -0,0 +1,73 @@
+import { CdkPortalOutlet, ComponentPortal, } from '@angular/cdk/portal';
+import { Component, inject, Injector, isDevMode, runInInjectionContext, signal, } from '@angular/core';
+import { MatIconButton } from '@angular/material/button';
+import { MatIcon } from '@angular/material/icon';
+import { MatMenu, MatMenuItem, MatMenuTrigger, } from '@angular/material/menu';
+import { IconDirective } from '@rxap/material-directives/icon';
+import { ThemeService, } from '@rxap/ngx-theme';
+import { coerceArray } from '@rxap/utilities';
+import { RXAP_SETTINGS_MENU_ITEM, RXAP_SETTINGS_MENU_ITEM_COMPONENT, } from '../../tokens';
+import * as i0 from "@angular/core";
+export class SettingsButtonComponent {
+    constructor() {
+        this.isDevMode = isDevMode();
+        this.theme = inject(ThemeService);
+        this.injector = inject(Injector);
+        this.customItemComponents = signal(coerceArray(inject(RXAP_SETTINGS_MENU_ITEM_COMPONENT, { optional: true }))
+            .map(item => new ComponentPortal(item, null, this.injector)));
+        this.customItems = signal(coerceArray(inject(RXAP_SETTINGS_MENU_ITEM, { optional: true })));
+        this.savePreviewDensityValue = false;
+        this.currentDensityValue = null;
+        this.savePreviewTypographyValue = false;
+        this.currentTypographyValue = null;
+        this.availableTypographies = this.theme.getAvailableTypographies();
+        this.savePreviewThemeValue = false;
+        this.availableThemes = this.theme.getAvailableThemes();
+        this.currentThemeValue = null;
+    }
+    previewDensity(density) {
+        this.theme.applyDensity(density);
+    }
+    restoreDensity() {
+        this.theme.applyDensity(this.theme.density());
+    }
+    setDensity(density) {
+        this.theme.setDensity(density);
+    }
+    previewTypography(typography) {
+        this.theme.applyTypography(typography);
+    }
+    restoreTypography() {
+        this.theme.applyTypography(this.theme.typography());
+    }
+    setTypography(typography) {
+        this.theme.setTypography(typography);
+    }
+    previewTheme(theme) {
+        this.theme.applyTheme(theme);
+    }
+    restoreTheme() {
+        this.theme.applyTheme(this.theme.themeName());
+    }
+    setTheme(theme) {
+        this.theme.setTheme(theme);
+    }
+    clickItem(item) {
+        runInInjectionContext(this.injector, () => item.action());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: SettingsButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: SettingsButtonComponent, isStandalone: true, selector: "rxap-settings-button", ngImport: i0, template: "<button [matMenuTriggerFor]=\"menu\" mat-icon-button>\n  <mat-icon svgIcon=\"cog\"></mat-icon>\n</button>\n\n<mat-menu #menu=\"matMenu\">\n  <button (click)=\"theme.toggleDarkTheme()\" mat-menu-item>\n    @if (theme.darkMode()) {\n      <mat-icon svgIcon=\"brightness-2\"></mat-icon>\n    } @else {\n      <mat-icon svgIcon=\"brightness-5\"></mat-icon>\n    }\n    <span i18n>Mode</span>\n  </button>\n  <button [matMenuTriggerFor]=\"themeMenu\" mat-menu-item>\n    <mat-icon svgIcon=\"compare\"></mat-icon>\n    <span i18n>Theme</span>\n  </button>\n  @for (item of customItems(); track item.label) {\n    <button (click)=\"clickItem(item)\" mat-menu-item>\n      <mat-icon [rxapIcon]=\"item.icon\"></mat-icon>\n      <span>{{ item.label }}</span>\n    </button>\n  }\n  @for (item of customItemComponents(); track item) {\n    <ng-template [cdkPortalOutlet]=\"item\"></ng-template>\n  }\n</mat-menu>\n\n<mat-menu #themeMenu=\"matMenu\" xPosition=\"before\">\n  <button [matMenuTriggerFor]=\"themeDensityMenu\" mat-menu-item>\n    <mat-icon svgIcon=\"move-resize\"></mat-icon>\n    <span i18n>Density</span>\n  </button>\n  @if (availableTypographies?.length) {\n    <button [matMenuTriggerFor]=\"themeFontMenu\" mat-menu-item>\n      <mat-icon svgIcon=\"format-font\"></mat-icon>\n      <span i18n>Font</span>\n    </button>\n  }\n  @if (availableThemes?.length) {\n    <button [matMenuTriggerFor]=\"themePresetMenu\" mat-menu-item>\n      <mat-icon svgIcon=\"shape-outline\"></mat-icon>\n      <span i18n>Preset</span>\n    </button>\n  }\n</mat-menu>\n\n<mat-menu #themeDensityMenu=\"matMenu\" xPosition=\"before\">\n  <button (click)=\"setDensity(0)\" (mouseenter)=\"previewDensity(0)\" (mouseleave)=\"restoreDensity()\" mat-menu-item>\n    <mat-icon svgIcon=\"size-l\"></mat-icon>\n    <span i18n>Normal</span>\n  </button>\n  <button (click)=\"setDensity(-1)\" (mouseenter)=\"previewDensity(-1)\" (mouseleave)=\"restoreDensity()\" mat-menu-item>\n    <mat-icon svgIcon=\"size-m\"></mat-icon>\n    <span i18n>Dense</span>\n  </button>\n  <button (click)=\"setDensity(-2)\" (mouseenter)=\"previewDensity(-2)\" (mouseleave)=\"restoreDensity()\" mat-menu-item>\n    <mat-icon svgIcon=\"size-s\"></mat-icon>\n    <span i18n>Very Dense</span>\n  </button>\n  <button (click)=\"setDensity(-3)\" (mouseenter)=\"previewDensity(-3)\" (mouseleave)=\"restoreDensity()\" mat-menu-item>\n    <mat-icon svgIcon=\"size-xs\"></mat-icon>\n    <span i18n>Extreme Dense</span>\n  </button>\n</mat-menu>\n<mat-menu #themeFontMenu=\"matMenu\" xPosition=\"before\">\n  @for (typographyName of availableTypographies ?? []; track typographyName) {\n    <button (click)=\"setTypography(typographyName)\"\n            (mouseenter)=\"previewTypography(typographyName)\"\n            (mouseleave)=\"restoreTypography()\"\n            mat-menu-item>\n      {{ typographyName }}\n    </button>\n  }\n</mat-menu>\n\n<mat-menu #themePresetMenu=\"matMenu\" xPosition=\"before\">\n  @for (themeName of availableThemes ?? []; track themeName) {\n    <button (click)=\"setTheme(themeName)\"\n            (mouseenter)=\"previewTheme(themeName)\"\n            (mouseleave)=\"restoreTheme()\"\n            mat-menu-item>\n      {{ themeName }}\n    </button>\n  }\n</mat-menu>\n", styles: [""], dependencies: [{ kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "directive", type: IconDirective, selector: "mat-icon[rxapIcon]", inputs: ["rxapIcon"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: SettingsButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rxap-settings-button', standalone: true, imports: [
+                        MatIconButton,
+                        MatIcon,
+                        MatMenu,
+                        MatMenuTrigger,
+                        MatMenuItem,
+                        CdkPortalOutlet,
+                        IconDirective,
+                    ], template: "<button [matMenuTriggerFor]=\"menu\" mat-icon-button>\n  <mat-icon svgIcon=\"cog\"></mat-icon>\n</button>\n\n<mat-menu #menu=\"matMenu\">\n  <button (click)=\"theme.toggleDarkTheme()\" mat-menu-item>\n    @if (theme.darkMode()) {\n      <mat-icon svgIcon=\"brightness-2\"></mat-icon>\n    } @else {\n      <mat-icon svgIcon=\"brightness-5\"></mat-icon>\n    }\n    <span i18n>Mode</span>\n  </button>\n  <button [matMenuTriggerFor]=\"themeMenu\" mat-menu-item>\n    <mat-icon svgIcon=\"compare\"></mat-icon>\n    <span i18n>Theme</span>\n  </button>\n  @for (item of customItems(); track item.label) {\n    <button (click)=\"clickItem(item)\" mat-menu-item>\n      <mat-icon [rxapIcon]=\"item.icon\"></mat-icon>\n      <span>{{ item.label }}</span>\n    </button>\n  }\n  @for (item of customItemComponents(); track item) {\n    <ng-template [cdkPortalOutlet]=\"item\"></ng-template>\n  }\n</mat-menu>\n\n<mat-menu #themeMenu=\"matMenu\" xPosition=\"before\">\n  <button [matMenuTriggerFor]=\"themeDensityMenu\" mat-menu-item>\n    <mat-icon svgIcon=\"move-resize\"></mat-icon>\n    <span i18n>Density</span>\n  </button>\n  @if (availableTypographies?.length) {\n    <button [matMenuTriggerFor]=\"themeFontMenu\" mat-menu-item>\n      <mat-icon svgIcon=\"format-font\"></mat-icon>\n      <span i18n>Font</span>\n    </button>\n  }\n  @if (availableThemes?.length) {\n    <button [matMenuTriggerFor]=\"themePresetMenu\" mat-menu-item>\n      <mat-icon svgIcon=\"shape-outline\"></mat-icon>\n      <span i18n>Preset</span>\n    </button>\n  }\n</mat-menu>\n\n<mat-menu #themeDensityMenu=\"matMenu\" xPosition=\"before\">\n  <button (click)=\"setDensity(0)\" (mouseenter)=\"previewDensity(0)\" (mouseleave)=\"restoreDensity()\" mat-menu-item>\n    <mat-icon svgIcon=\"size-l\"></mat-icon>\n    <span i18n>Normal</span>\n  </button>\n  <button (click)=\"setDensity(-1)\" (mouseenter)=\"previewDensity(-1)\" (mouseleave)=\"restoreDensity()\" mat-menu-item>\n    <mat-icon svgIcon=\"size-m\"></mat-icon>\n    <span i18n>Dense</span>\n  </button>\n  <button (click)=\"setDensity(-2)\" (mouseenter)=\"previewDensity(-2)\" (mouseleave)=\"restoreDensity()\" mat-menu-item>\n    <mat-icon svgIcon=\"size-s\"></mat-icon>\n    <span i18n>Very Dense</span>\n  </button>\n  <button (click)=\"setDensity(-3)\" (mouseenter)=\"previewDensity(-3)\" (mouseleave)=\"restoreDensity()\" mat-menu-item>\n    <mat-icon svgIcon=\"size-xs\"></mat-icon>\n    <span i18n>Extreme Dense</span>\n  </button>\n</mat-menu>\n<mat-menu #themeFontMenu=\"matMenu\" xPosition=\"before\">\n  @for (typographyName of availableTypographies ?? []; track typographyName) {\n    <button (click)=\"setTypography(typographyName)\"\n            (mouseenter)=\"previewTypography(typographyName)\"\n            (mouseleave)=\"restoreTypography()\"\n            mat-menu-item>\n      {{ typographyName }}\n    </button>\n  }\n</mat-menu>\n\n<mat-menu #themePresetMenu=\"matMenu\" xPosition=\"before\">\n  @for (themeName of availableThemes ?? []; track themeName) {\n    <button (click)=\"setTheme(themeName)\"\n            (mouseenter)=\"previewTheme(themeName)\"\n            (mouseleave)=\"restoreTheme()\"\n            mat-menu-item>\n      {{ themeName }}\n    </button>\n  }\n</mat-menu>\n" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2V0dGluZ3MtYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2FuZ3VsYXIvbGF5b3V0L3NyYy9saWIvZGVmYXVsdC1oZWFkZXIvc2V0dGluZ3MtYnV0dG9uL3NldHRpbmdzLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9hbmd1bGFyL2xheW91dC9zcmMvbGliL2RlZmF1bHQtaGVhZGVyL3NldHRpbmdzLWJ1dHRvbi9zZXR0aW5ncy1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLGVBQWUsRUFDZixlQUFlLEdBQ2hCLE1BQU0scUJBQXFCLENBQUM7QUFDN0IsT0FBTyxFQUNMLFNBQVMsRUFDVCxNQUFNLEVBQ04sUUFBUSxFQUNSLFNBQVMsRUFDVCxxQkFBcUIsRUFDckIsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDakQsT0FBTyxFQUNMLE9BQU8sRUFDUCxXQUFXLEVBQ1gsY0FBYyxHQUNmLE1BQU0sd0JBQXdCLENBQUM7QUFDaEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQy9ELE9BQU8sRUFFTCxZQUFZLEdBQ2IsTUFBTSxpQkFBaUIsQ0FBQztBQUN6QixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDOUMsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixpQ0FBaUMsR0FDbEMsTUFBTSxjQUFjLENBQUM7O0FBa0J0QixNQUFNLE9BQU8sdUJBQXVCO0lBZnBDO1FBaUJTLGNBQVMsR0FBRyxTQUFTLEVBQUUsQ0FBQztRQUVmLFVBQUssR0FBRyxN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ZUFBZTt3QkFDZixhQUFhO3FCQUNkIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2RrUG9ydGFsT3V0bGV0LFxuICBDb21wb25lbnRQb3J0YWwsXG59IGZyb20gJ0Bhbmd1bGFyL2Nkay9wb3J0YWwnO1xuaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBpbmplY3QsXG4gIEluamVjdG9yLFxuICBpc0Rldk1vZGUsXG4gIHJ1bkluSW5qZWN0aW9uQ29udGV4dCxcbiAgc2lnbmFsLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdEljb25CdXR0b24gfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xuaW1wb3J0IHsgTWF0SWNvbiB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHtcbiAgTWF0TWVudSxcbiAgTWF0TWVudUl0ZW0sXG4gIE1hdE1lbnVUcmlnZ2VyLFxufSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9tZW51JztcbmltcG9ydCB7IEljb25EaXJlY3RpdmUgfSBmcm9tICdAcnhhcC9tYXRlcmlhbC1kaXJlY3RpdmVzL2ljb24nO1xuaW1wb3J0IHtcbiAgVGhlbWVEZW5zaXR5LFxuICBUaGVtZVNlcnZpY2UsXG59IGZyb20gJ0ByeGFwL25neC10aGVtZSc7XG5pbXBvcnQgeyBjb2VyY2VBcnJheSB9IGZyb20gJ0ByeGFwL3V0aWxpdGllcyc7XG5pbXBvcnQge1xuICBSWEFQX1NFVFRJTkdTX01FTlVfSVRFTSxcbiAgUlhBUF9TRVRUSU5HU19NRU5VX0lURU1fQ09NUE9ORU5ULFxufSBmcm9tICcuLi8uLi90b2tlbnMnO1xuaW1wb3J0IHsgU2V0dGluZ3NNZW51SXRlbSB9IGZyb20gJy4uLy4uL3R5cGVzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncnhhcC1zZXR0aW5ncy1idXR0b24nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICB0ZW1wbGF0ZVVybDogJy4vc2V0dGluZ3MtYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbICcuL3NldHRpbmdzLWJ1dHRvbi5jb21wb25lbnQuc2NzcycgXSxcbiAgaW1wb3J0czogW1xuICAgIE1hdEljb25CdXR0b24sXG4gICAgTWF0SWNvbixcbiAgICBNYXRNZW51LFxuICAgIE1hdE1lbnVUcmlnZ2VyLFxuICAgIE1hdE1lbnVJdGVtLFxuICAgIENka1BvcnRhbE91dGxldCxcbiAgICBJY29uRGlyZWN0aXZlLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTZXR0aW5nc0J1dHRvbkNvbXBvbmVudCB7XG5cbiAgcHVibGljIGlzRGV2TW9kZSA9IGlzRGV2TW9kZSgpO1xuXG4gIHB1YmxpYyByZWFkb25seSB0aGVtZSA9IGluamVjdChUaGVtZVNlcnZpY2UpO1xuICBwcml2YXRlIHJlYWRvbmx5IGluamVjdG9yID0gaW5qZWN0KEluamVjdG9yKTtcblxuICBjdXN0b21JdGVtQ29tcG9uZW50cyA9IHNpZ25hbChcbiAgICBjb2VyY2VBcnJheShpbmplY3QoUlhBUF9TRVRUSU5HU19NRU5VX0lURU1fQ09NUE9ORU5ULCB7IG9wdGlvbmFsOiB0cnVlIH0pKVxuICAgICAgLm1hcChpdGVtID0+IG5ldyBDb21wb25lbnRQb3J0YWwoaXRlbSwgbnVsbCwgdGhpcy5pbmplY3RvcikpLFxuICApO1xuXG4gIGN1c3RvbUl0ZW1zID0gc2lnbmFsKGNvZXJjZUFycmF5KGluamVjdChSWEFQX1NFVFRJTkdTX01FTlVfSVRFTSwgeyBvcHRpb25hbDogdHJ1ZSB9KSkpO1xuXG4gIHByaXZhdGUgc2F2ZVByZXZpZXdEZW5zaXR5VmFsdWUgPSBmYWxzZTtcbiAgcHJpdmF0ZSBjdXJyZW50RGVuc2l0eVZhbHVlOiBUaGVtZURlbnNpdHkgfCBudWxsID0gbnVsbDtcblxuICBwcml2YXRlIHNhdmVQcmV2aWV3VHlwb2dyYXBoeVZhbHVlID0gZmFsc2U7XG4gIHByaXZhdGUgY3VycmVudFR5cG9ncmFwaHlWYWx1ZTogc3RyaW5nIHwgbnVsbCA9IG51bGw7XG5cbiAgcHVibGljIHJlYWRvbmx5IGF2YWlsYWJsZVR5cG9ncmFwaGllcyA9IHRoaXMudGhlbWUuZ2V0QXZhaWxhYmxlVHlwb2dyYXBoaWVzKCk7XG4gIHByaXZhdGUgc2F2ZVByZXZpZXdUaGVtZVZhbHVlID0gZmFsc2U7XG5cbiAgcHVibGljIHJlYWRvbmx5IGF2YWlsYWJsZVRoZW1lcyA9IHRoaXMudGhlbWUuZ2V0QXZhaWxhYmxlVGhlbWVzKCk7XG4gIHByaXZhdGUgY3VycmVudFRoZW1lVmFsdWU6IHN0cmluZyB8IG51bGwgPSBudWxsO1xuXG4gIHByZXZpZXdEZW5zaXR5KGRlbnNpdHk6IFRoZW1lRGVuc2l0eSkge1xuICAgIHRoaXMudGhlbWUuYXBwbHlEZW5zaXR5KGRlbnNpdHkpO1xuICB9XG5cbiAgcmVzdG9yZURlbnNpdHkoKSB7XG4gICAgdGhpcy50aGVtZS5hcHBseURlbnNpdHkodGhpcy50aGVtZS5kZW5zaXR5KCkpO1xuICB9XG5cbiAgc2V0RGVuc2l0eShkZW5zaXR5OiBUaGVtZURlbnNpdHkpIHtcbiAgICB0aGlzLnRoZW1lLnNldERlbnNpdHkoZGVuc2l0eSk7XG4gIH1cblxuICBwcmV2aWV3VHlwb2dyYXBoeSh0eXBvZ3JhcGh5OiBzdHJpbmcpIHtcbiAgICB0aGlzLnRoZW1lLmFwcGx5VHlwb2dyYXBoeSh0eXBvZ3JhcGh5KTtcbiAgfVxuXG4gIHJlc3RvcmVUeXBvZ3JhcGh5KCkge1xuICAgIHRoaXMudGhlbWUuYXBwbHlUeXBvZ3JhcGh5KHRoaXMudGhlbWUudHlwb2dyYXBoeSgpKTtcbiAgfVxuXG4gIHNldFR5cG9ncmFwaHkodHlwb2dyYXBoeTogc3RyaW5nKSB7XG4gICAgdGhpcy50aGVtZS5zZXRUeXBvZ3JhcGh5KHR5cG9ncmFwaHkpO1xuICB9XG5cbiAgcHJldmlld1RoZW1lKHRoZW1lOiBzdHJpbmcpIHtcbiAgICB0aGlzLnRoZW1lLmFwcGx5VGhlbWUodGhlbWUpO1xuICB9XG5cbiAgcmVzdG9yZVRoZW1lKCkge1xuICAgIHRoaXMudGhlbWUuYXBwbHlUaGVtZSh0aGlzLnRoZW1lLnRoZW1lTmFtZSgpKTtcbiAgfVxuXG4gIHNldFRoZW1lKHRoZW1lOiBzdHJpbmcpIHtcbiAgICB0aGlzLnRoZW1lLnNldFRoZW1lKHRoZW1lKTtcbiAgfVxuXG4gIGNsaWNrSXRlbShpdGVtOiBTZXR0aW5nc01lbnVJdGVtKSB7XG4gICAgcnVuSW5JbmplY3Rpb25Db250ZXh0KHRoaXMuaW5qZWN0b3IsICgpID0+IGl0ZW0uYWN0aW9uKCkpO1xuICB9XG59XG4iLCI8YnV0dG9uIFttYXRNZW51VHJpZ2dlckZvcl09XCJtZW51XCIgbWF0LWljb24tYnV0dG9uPlxuICA8bWF0LWljb24gc3ZnSWNvbj1cImNvZ1wiPjwvbWF0LWljb24+XG48L2J1dHRvbj5cblxuPG1hdC1tZW51ICNtZW51PVwibWF0TWVudVwiPlxuICA8YnV0dG9uIChjbGljayk9XCJ0aGVtZS50b2dnbGVEYXJrVGhlbWUoKVwiIG1hdC1tZW51LWl0ZW0+XG4gICAgQGlmICh0aGVtZS5kYXJrTW9kZSgpKSB7XG4gICAgICA8bWF0LWljb24gc3ZnSWNvbj1cImJyaWdodG5lc3MtMlwiPjwvbWF0LWljb24+XG4gICAgfSBAZWxzZSB7XG4gICAgICA8bWF0LWljb24gc3ZnSWNvbj1cImJyaWdodG5lc3MtNVwiPjwvbWF0LWljb24+XG4gICAgfVxuICAgIDxzcGFuIGkxOG4+TW9kZTwvc3Bhbj5cbiAgPC9idXR0b24+XG4gIDxidXR0b24gW21hdE1lbnVUcmlnZ2VyRm9yXT1cInRoZW1lTWVudVwiIG1hdC1tZW51LWl0ZW0+XG4gICAgPG1hdC1pY29uIHN2Z0ljb249XCJjb21wYXJlXCI+PC9tYXQtaWNvbj5cbiAgICA8c3BhbiBpMThuPlRoZW1lPC9zcGFuPlxuICA8L2J1dHRvbj5cbiAgQGZvciAoaXRlbSBvZiBjdXN0b21JdGVtcygpOyB0cmFjayBpdGVtLmxhYmVsKSB7XG4gICAgPGJ1dHRvbiAoY2xpY2spPVwiY2xpY2tJdGVtKGl0ZW0pXCIgbWF0LW1lbnUtaXRlbT5cbiAgICAgIDxtYXQtaWNvbiBbcnhhcEljb25dPVwiaXRlbS5pY29uXCI+PC9tYXQtaWNvbj5cbiAgICAgIDxzcGFuPnt7IGl0ZW0ubGFiZWwgfX08L3NwYW4+XG4gICAgPC9idXR0b24+XG4gIH1cbiAgQGZvciAoaXRlbSBvZiBjdXN0b21JdGVtQ29tcG9uZW50cygpOyB0cmFjayBpdGVtKSB7XG4gICAgPG5nLXRlbXBsYXRlIFtjZGtQb3J0YWxPdXRsZXRdPVwiaXRlbVwiPjwvbmctdGVtcGxhdGU+XG4gIH1cbjwvbWF0LW1lbnU+XG5cbjxtYXQtbWVudSAjdGhlbWVNZW51PVwibWF0TWVudVwiIHhQb3NpdGlvbj1cImJlZm9yZVwiPlxuICA8YnV0dG9uIFttYXRNZW51VHJpZ2dlckZvcl09XCJ0aGVtZURlbnNpdHlNZW51XCIgbWF0LW1lbnUtaXRlbT5cbiAgICA8bWF0LWljb24gc3ZnSWNvbj1cIm1vdmUtcmVzaXplXCI+PC9tYXQtaWNvbj5cbiAgICA8c3BhbiBpMThuPkRlbnNpdHk8L3NwYW4+XG4gIDwvYnV0dG9uPlxuICBAaWYgKGF2YWlsYWJsZVR5cG9ncmFwaGllcz8ubGVuZ3RoKSB7XG4gICAgPGJ1dHRvbiBbbWF0TWVudVRyaWdnZXJGb3JdPVwidGhlbWVGb250TWVudVwiIG1hdC1tZW51LWl0ZW0+XG4gICAgICA8bWF0LWljb24gc3ZnSWNvbj1cImZvcm1hdC1mb250XCI+PC9tYXQtaWNvbj5cbiAgICAgIDxzcGFuIGkxOG4+Rm9udDwvc3Bhbj5cbiAgICA8L2J1dHRvbj5cbiAgfVxuICBAaWYgKGF2YWlsYWJsZVRoZW1lcz8ubGVuZ3RoKSB7XG4gICAgPGJ1dHRvbiBbbWF0TWVudVRyaWdnZXJGb3JdPVwidGhlbWVQcmVzZXRNZW51XCIgbWF0LW1lbnUtaXRlbT5cbiAgICAgIDxtYXQtaWNvbiBzdmdJY29uPVwic2hhcGUtb3V0bGluZVwiPjwvbWF0LWljb24+XG4gICAgICA8c3BhbiBpMThuPlByZXNldDwvc3Bhbj5cbiAgICA8L2J1dHRvbj5cbiAgfVxuPC9tYXQtbWVudT5cblxuPG1hdC1tZW51ICN0aGVtZURlbnNpdHlNZW51PVwibWF0TWVudVwiIHhQb3NpdGlvbj1cImJlZm9yZVwiPlxuICA8YnV0dG9uIChjbGljayk9XCJzZXREZW5zaXR5KDApXCIgKG1vdXNlZW50ZXIpPVwicHJldmlld0RlbnNpdHkoMClcIiAobW91c2VsZWF2ZSk9XCJyZXN0b3JlRGVuc2l0eSgpXCIgbWF0LW1lbnUtaXRlbT5cbiAgICA8bWF0LWljb24gc3ZnSWNvbj1cInNpemUtbFwiPjwvbWF0LWljb24+XG4gICAgPHNwYW4gaTE4bj5Ob3JtYWw8L3NwYW4+XG4gIDwvYnV0dG9uPlxuICA8YnV0dG9uIChjbGljayk9XCJzZXREZW5zaXR5KC0xKVwiIChtb3VzZWVudGVyKT1cInByZXZpZXdEZW5zaXR5KC0xKVwiIChtb3VzZWxlYXZlKT1cInJlc3RvcmVEZW5zaXR5KClcIiBtYXQtbWVudS1pdGVtPlxuICAgIDxtYXQtaWNvbiBzdmdJY29uPVwic2l6ZS1tXCI+PC9tYXQtaWNvbj5cbiAgICA8c3BhbiBpMThuPkRlbnNlPC9zcGFuPlxuICA8L2J1dHRvbj5cbiAgPGJ1dHRvbiAoY2xpY2spPVwic2V0RGVuc2l0eSgtMilcIiAobW91c2VlbnRlcik9XCJwcmV2aWV3RGVuc2l0eSgtMilcIiAobW91c2VsZWF2ZSk9XCJyZXN0b3JlRGVuc2l0eSgpXCIgbWF0LW1lbnUtaXRlbT5cbiAgICA8bWF0LWljb24gc3ZnSWNvbj1cInNpemUtc1wiPjwvbWF0LWljb24+XG4gICAgPHNwYW4gaTE4bj5WZXJ5IERlbnNlPC9zcGFuPlxuICA8L2J1dHRvbj5cbiAgPGJ1dHRvbiAoY2xpY2spPVwic2V0RGVuc2l0eSgtMylcIiAobW91c2VlbnRlcik9XCJwcmV2aWV3RGVuc2l0eSgtMylcIiAobW91c2VsZWF2ZSk9XCJyZXN0b3JlRGVuc2l0eSgpXCIgbWF0LW1lbnUtaXRlbT5cbiAgICA8bWF0LWljb24gc3ZnSWNvbj1cInNpemUteHNcIj48L21hdC1pY29uPlxuICAgIDxzcGFuIGkxOG4+RXh0cmVtZSBEZW5zZTwvc3Bhbj5cbiAgPC9idXR0b24+XG48L21hdC1tZW51PlxuPG1hdC1tZW51ICN0aGVtZUZvbnRNZW51PVwibWF0TWVudVwiIHhQb3NpdGlvbj1cImJlZm9yZVwiPlxuICBAZm9yICh0eXBvZ3JhcGh5TmFtZSBvZiBhdmFpbGFibGVUeXBvZ3JhcGhpZXMgPz8gW107IHRyYWNrIHR5cG9ncmFwaHlOYW1lKSB7XG4gICAgPGJ1dHRvbiAoY2xpY2spPVwic2V0VHlwb2dyYXBoeSh0eXBvZ3JhcGh5TmFtZSlcIlxuICAgICAgICAgICAgKG1vdXNlZW50ZXIpPVwicHJldmlld1R5cG9ncmFwaHkodHlwb2dyYXBoeU5hbWUpXCJcbiAgICAgICAgICAgIChtb3VzZWxlYXZlKT1cInJlc3RvcmVUeXBvZ3JhcGh5KClcIlxuICAgICAgICAgICAgbWF0LW1lbnUtaXRlbT5cbiAgICAgIHt7IHR5cG9ncmFwaHlOYW1lIH19XG4gICAgPC9idXR0b24+XG4gIH1cbjwvbWF0LW1lbnU+XG5cbjxtYXQtbWVudSAjdGhlbWVQcmVzZXRNZW51PVwibWF0TWVudVwiIHhQb3NpdGlvbj1cImJlZm9yZVwiPlxuICBAZm9yICh0aGVtZU5hbWUgb2YgYXZhaWxhYmxlVGhlbWVzID8/IFtdOyB0cmFjayB0aGVtZU5hbWUpIHtcbiAgICA8YnV0dG9uIChjbGljayk9XCJzZXRUaGVtZSh0aGVtZU5hbWUpXCJcbiAgICAgICAgICAgIChtb3VzZWVudGVyKT1cInByZXZpZXdUaGVtZSh0aGVtZU5hbWUpXCJcbiAgICAgICAgICAgIChtb3VzZWxlYXZlKT1cInJlc3RvcmVUaGVtZSgpXCJcbiAgICAgICAgICAgIG1hdC1tZW51LWl0ZW0+XG4gICAgICB7eyB0aGVtZU5hbWUgfX1cbiAgICA8L2J1dHRvbj5cbiAgfVxuPC9tYXQtbWVudT5cbiJdfQ==

package/esm2022/lib/default-header/sidenav-toggle-button/sidenav-toggle-button.component.mjs

@@ -0,0 +1,24 @@
+import { ChangeDetectionStrategy, Component, computed, inject, } from '@angular/core';
+import { MatIconButton } from '@angular/material/button';
+import { MatIcon } from '@angular/material/icon';
+import { LayoutService } from '../../layout.service';
+import * as i0 from "@angular/core";
+export class SidenavToggleButtonComponent {
+    constructor() {
+        this.layoutComponentService = inject(LayoutService);
+        this.opened = computed(() => this.layoutComponentService.opened());
+    }
+    toggle() {
+        this.layoutComponentService.toggleOpened();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: SidenavToggleButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: SidenavToggleButtonComponent, isStandalone: true, selector: "rxap-sidenav-toggle-button", ngImport: i0, template: "<button (click)=\"toggle()\" mat-icon-button>\n  @if (opened()) {\n    <mat-icon>menu_open</mat-icon>\n  } @else {\n    <mat-icon>menu</mat-icon>\n  }\n</button>\n", styles: [""], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: SidenavToggleButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rxap-sidenav-toggle-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        MatIcon,
+                        MatIconButton,
+                    ], template: "<button (click)=\"toggle()\" mat-icon-button>\n  @if (opened()) {\n    <mat-icon>menu_open</mat-icon>\n  } @else {\n    <mat-icon>menu</mat-icon>\n  }\n</button>\n" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZW5hdi10b2dnbGUtYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2FuZ3VsYXIvbGF5b3V0L3NyYy9saWIvZGVmYXVsdC1oZWFkZXIvc2lkZW5hdi10b2dnbGUtYnV0dG9uL3NpZGVuYXYtdG9nZ2xlLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9hbmd1bGFyL2xheW91dC9zcmMvbGliL2RlZmF1bHQtaGVhZGVyL3NpZGVuYXYtdG9nZ2xlLWJ1dHRvbi9zaWRlbmF2LXRvZ2dsZS1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsUUFBUSxFQUNSLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDekQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ2pELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7QUFhckQsTUFBTSxPQUFPLDRCQUE0QjtJQVh6QztRQWFtQiwyQkFBc0IsR0FBRyxNQUFNLENBQUMsYUFBYSxDQUFDLENBQUM7UUFFaEQsV0FBTSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsc0JBQXNCLENBQUMsTUFBTSxFQUFFLENBQUMsQ0FBQztLQU0vRTtJQUpRLE1BQU07UUFDWCxJQUFJLENBQUMsc0JBQXNCLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDN0MsQ0FBQzs4R0FSVSw0QkFBNEI7a0dBQTVCLDRCQUE0QixzRkNyQnpDLHFLQU9BLDBERFVJLE9BQU8sMklBQ1AsYUFBYTs7MkZBR0osNEJBQTRCO2tCQVh4QyxTQUFTOytCQUNFLDRCQUE0QixtQkFHckIsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1A7d0JBQ1AsT0FBTzt3QkFDUCxhQUFhO3FCQUNkIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgY29tcHV0ZWQsXG4gIGluamVjdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXRJY29uQnV0dG9uIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uJztcbmltcG9ydCB7IE1hdEljb24gfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcbmltcG9ydCB7IExheW91dFNlcnZpY2UgfSBmcm9tICcuLi8uLi9sYXlvdXQuc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3J4YXAtc2lkZW5hdi10b2dnbGUtYnV0dG9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NpZGVuYXYtdG9nZ2xlLWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWyAnLi9zaWRlbmF2LXRvZ2dsZS1idXR0b24uY29tcG9uZW50LnNjc3MnIF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgTWF0SWNvbixcbiAgICBNYXRJY29uQnV0dG9uLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTaWRlbmF2VG9nZ2xlQnV0dG9uQ29tcG9uZW50IHtcblxuICBwcml2YXRlIHJlYWRvbmx5IGxheW91dENvbXBvbmVudFNlcnZpY2UgPSBpbmplY3QoTGF5b3V0U2VydmljZSk7XG5cbiAgcHVibGljIHJlYWRvbmx5IG9wZW5lZCA9IGNvbXB1dGVkKCgpID0+IHRoaXMubGF5b3V0Q29tcG9uZW50U2VydmljZS5vcGVuZWQoKSk7XG5cbiAgcHVibGljIHRvZ2dsZSgpIHtcbiAgICB0aGlzLmxheW91dENvbXBvbmVudFNlcnZpY2UudG9nZ2xlT3BlbmVkKCk7XG4gIH1cblxufVxuIiwiPGJ1dHRvbiAoY2xpY2spPVwidG9nZ2xlKClcIiBtYXQtaWNvbi1idXR0b24+XG4gIEBpZiAob3BlbmVkKCkpIHtcbiAgICA8bWF0LWljb24+bWVudV9vcGVuPC9tYXQtaWNvbj5cbiAgfSBAZWxzZSB7XG4gICAgPG1hdC1pY29uPm1lbnU8L21hdC1pY29uPlxuICB9XG48L2J1dHRvbj5cbiJdfQ==

package/esm2022/lib/default-header/user-profile-icon/user-profile-icon.component.mjs

@@ -0,0 +1,35 @@
+import { ChangeDetectionStrategy, Component, computed, inject, input, } from '@angular/core';
+import { MatIconModule } from '@angular/material/icon';
+import { MatMenuModule } from '@angular/material/menu';
+import { PubSubService } from '@rxap/ngx-pub-sub';
+import { EXTRACT_USERNAME_FROM_PROFILE } from '../../tokens';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/menu";
+import * as i2 from "@angular/material/icon";
+export class UserProfileIconComponent {
+    constructor() {
+        this.extractUsernameFromProfile = inject(EXTRACT_USERNAME_FROM_PROFILE);
+        this.pubSubService = inject(PubSubService);
+        this.profile = input.required();
+        this.username = computed(() => {
+            const profile = this.profile();
+            if (profile) {
+                return this.extractUsernameFromProfile(profile);
+            }
+            return null;
+        });
+    }
+    logout() {
+        this.pubSubService.publish('authentication.logout');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: UserProfileIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: UserProfileIconComponent, isStandalone: true, selector: "rxap-user-profile-icon", inputs: { profile: { classPropertyName: "profile", publicName: "profile", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<button [matMenuTriggerFor]=\"menu\"\n        class=\"rounded-full cursor-pointer outline-none overflow-hidden h-8 w-8 bg-center bg-no-repeat bg-cover flex flex-row justify-center items-center\">\n  <mat-icon class=\"h-8 w-8 text-[32px]\" svgIcon=\"account-circle\"></mat-icon>\n</button>\n\n<mat-menu #menu=\"matMenu\" [yPosition]=\"'below'\" class=\"!max-w-none\">\n  @if (this.username(); as username) {\n  <button mat-menu-item>\n    <span class=\"flex flex-row gap-2\">\n      <mat-icon svgIcon=\"account\"></mat-icon>\n      <span>{{username}}</span>\n    </span>\n  </button>\n  }\n  <button (click)=\"logout()\" mat-menu-item>\n    <span class=\"flex flex-row gap-2\">\n      <mat-icon svgIcon=\"logout\"></mat-icon>\n      <span i18n>Logout</span>\n    </span>\n  </button>\n</mat-menu>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: UserProfileIconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rxap-user-profile-icon', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        MatMenuModule,
+                        MatIconModule,
+                    ], template: "<button [matMenuTriggerFor]=\"menu\"\n        class=\"rounded-full cursor-pointer outline-none overflow-hidden h-8 w-8 bg-center bg-no-repeat bg-cover flex flex-row justify-center items-center\">\n  <mat-icon class=\"h-8 w-8 text-[32px]\" svgIcon=\"account-circle\"></mat-icon>\n</button>\n\n<mat-menu #menu=\"matMenu\" [yPosition]=\"'below'\" class=\"!max-w-none\">\n  @if (this.username(); as username) {\n  <button mat-menu-item>\n    <span class=\"flex flex-row gap-2\">\n      <mat-icon svgIcon=\"account\"></mat-icon>\n      <span>{{username}}</span>\n    </span>\n  </button>\n  }\n  <button (click)=\"logout()\" mat-menu-item>\n    <span class=\"flex flex-row gap-2\">\n      <mat-icon svgIcon=\"logout\"></mat-icon>\n      <span i18n>Logout</span>\n    </span>\n  </button>\n</mat-menu>\n" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1wcm9maWxlLWljb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvYW5ndWxhci9sYXlvdXQvc3JjL2xpYi9kZWZhdWx0LWhlYWRlci91c2VyLXByb2ZpbGUtaWNvbi91c2VyLXByb2ZpbGUtaWNvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9hbmd1bGFyL2xheW91dC9zcmMvbGliL2RlZmF1bHQtaGVhZGVyL3VzZXItcHJvZmlsZS1pY29uL3VzZXItcHJvZmlsZS1pY29uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFFBQVEsRUFDUixNQUFNLEVBQ04sS0FBSyxHQUNOLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ2xELE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLGNBQWMsQ0FBQzs7OztBQWM3RCxNQUFNLE9BQU8sd0JBQXdCO0lBWHJDO1FBYW1CLCtCQUEwQixHQUFpQyxNQUFNLENBQUMsNkJBQTZCLENBQUMsQ0FBQztRQUNqRyxrQkFBYSxHQUFHLE1BQU0sQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUV2QyxZQUFPLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBRTNCLGFBQVEsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFO1lBQ3ZDLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztZQUMvQixJQUFJLE9BQU8sRUFBRSxDQUFDO2dCQUNaLE9BQU8sSUFBSSxDQUFDLDBCQUEwQixDQUFDLE9BQU8sQ0FBQyxDQUFDO1lBQ2xELENBQUM7WUFDRCxPQUFPLElBQUksQ0FBQztRQUNkLENBQUMsQ0FBQyxDQUFDO0tBT0o7SUFMUSxNQUFNO1FBQ1gsSUFBSSxDQUFDLGFBQWEsQ0FBQyxPQUFPLENBQUMsdUJBQXVCLENBQUMsQ0FBQztJQUN0RCxDQUFDOzhHQWpCVSx3QkFBd0I7a0dBQXhCLHdCQUF3QiwyTkN4QnJDLCt4QkFxQkEseUREREksYUFBYSw2dkJBQ2IsYUFBYTs7MkZBR0osd0JBQXdCO2tCQVhwQyxTQUFTOytCQUNFLHdCQUF3QixtQkFHakIsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1A7d0JBQ1AsYUFBYTt3QkFDYixhQUFhO3FCQUNkIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgY29tcHV0ZWQsXG4gIGluamVjdCxcbiAgaW5wdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHsgTWF0TWVudU1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL21lbnUnO1xuaW1wb3J0IHsgUHViU3ViU2VydmljZSB9IGZyb20gJ0ByeGFwL25neC1wdWItc3ViJztcbmltcG9ydCB7IEVYVFJBQ1RfVVNFUk5BTUVfRlJPTV9QUk9GSUxFIH0gZnJvbSAnLi4vLi4vdG9rZW5zJztcbmltcG9ydCB7IEV4dHJhY3RVc2VybmFtZUZyb21Qcm9maWxlRm4gfSBmcm9tICcuLi8uLi90eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3J4YXAtdXNlci1wcm9maWxlLWljb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vdXNlci1wcm9maWxlLWljb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsgJy4vdXNlci1wcm9maWxlLWljb24uY29tcG9uZW50LnNjc3MnIF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgTWF0TWVudU1vZHVsZSxcbiAgICBNYXRJY29uTW9kdWxlLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBVc2VyUHJvZmlsZUljb25Db21wb25lbnQge1xuXG4gIHByaXZhdGUgcmVhZG9ubHkgZXh0cmFjdFVzZXJuYW1lRnJvbVByb2ZpbGU6IEV4dHJhY3RVc2VybmFtZUZyb21Qcm9maWxlRm4gPSBpbmplY3QoRVhUUkFDVF9VU0VSTkFNRV9GUk9NX1BST0ZJTEUpO1xuICBwcml2YXRlIHJlYWRvbmx5IHB1YlN1YlNlcnZpY2UgPSBpbmplY3QoUHViU3ViU2VydmljZSk7XG5cbiAgcHVibGljIHJlYWRvbmx5IHByb2ZpbGUgPSBpbnB1dC5yZXF1aXJlZCgpO1xuXG4gIHB1YmxpYyByZWFkb25seSB1c2VybmFtZSA9IGNvbXB1dGVkKCgpID0+IHtcbiAgICBjb25zdCBwcm9maWxlID0gdGhpcy5wcm9maWxlKCk7XG4gICAgaWYgKHByb2ZpbGUpIHtcbiAgICAgIHJldHVybiB0aGlzLmV4dHJhY3RVc2VybmFtZUZyb21Qcm9maWxlKHByb2ZpbGUpO1xuICAgIH1cbiAgICByZXR1cm4gbnVsbDtcbiAgfSk7XG5cbiAgcHVibGljIGxvZ291dCgpIHtcbiAgICB0aGlzLnB1YlN1YlNlcnZpY2UucHVibGlzaCgnYXV0aGVudGljYXRpb24ubG9nb3V0Jyk7XG4gIH1cblxuXG59XG4iLCI8YnV0dG9uIFttYXRNZW51VHJpZ2dlckZvcl09XCJtZW51XCJcbiAgICAgICAgY2xhc3M9XCJyb3VuZGVkLWZ1bGwgY3Vyc29yLXBvaW50ZXIgb3V0bGluZS1ub25lIG92ZXJmbG93LWhpZGRlbiBoLTggdy04IGJnLWNlbnRlciBiZy1uby1yZXBlYXQgYmctY292ZXIgZmxleCBmbGV4LXJvdyBqdXN0aWZ5LWNlbnRlciBpdGVtcy1jZW50ZXJcIj5cbiAgPG1hdC1pY29uIGNsYXNzPVwiaC04IHctOCB0ZXh0LVszMnB4XVwiIHN2Z0ljb249XCJhY2NvdW50LWNpcmNsZVwiPjwvbWF0LWljb24+XG48L2J1dHRvbj5cblxuPG1hdC1tZW51ICNtZW51PVwibWF0TWVudVwiIFt5UG9zaXRpb25dPVwiJ2JlbG93J1wiIGNsYXNzPVwiIW1heC13LW5vbmVcIj5cbiAgQGlmICh0aGlzLnVzZXJuYW1lKCk7IGFzIHVzZXJuYW1lKSB7XG4gIDxidXR0b24gbWF0LW1lbnUtaXRlbT5cbiAgICA8c3BhbiBjbGFzcz1cImZsZXggZmxleC1yb3cgZ2FwLTJcIj5cbiAgICAgIDxtYXQtaWNvbiBzdmdJY29uPVwiYWNjb3VudFwiPjwvbWF0LWljb24+XG4gICAgICA8c3Bhbj57e3VzZXJuYW1lfX08L3NwYW4+XG4gICAgPC9zcGFuPlxuICA8L2J1dHRvbj5cbiAgfVxuICA8YnV0dG9uIChjbGljayk9XCJsb2dvdXQoKVwiIG1hdC1tZW51LWl0ZW0+XG4gICAgPHNwYW4gY2xhc3M9XCJmbGV4IGZsZXgtcm93IGdhcC0yXCI+XG4gICAgICA8bWF0LWljb24gc3ZnSWNvbj1cImxvZ291dFwiPjwvbWF0LWljb24+XG4gICAgICA8c3BhbiBpMThuPkxvZ291dDwvc3Bhbj5cbiAgICA8L3NwYW4+XG4gIDwvYnV0dG9uPlxuPC9tYXQtbWVudT5cbiJdfQ==

package/esm2022/lib/external-apps.service.mjs

@@ -0,0 +1,99 @@
+import { inject, Injectable, LOCALE_ID, signal, } from '@angular/core';
+// eslint-disable-next-line @nx/enforce-module-boundaries
+import { ClickOnLink } from '@rxap/browser-utilities';
+import { ConfigService } from '@rxap/config';
+import { RXAP_ENVIRONMENT } from '@rxap/environment';
+import { coerceArray, JoinPath, } from '@rxap/utilities';
+import { RXAP_EXTERNAL_APP, RXAP_EXTERNAL_APP_FILTER, } from './tokens';
+import * as i0 from "@angular/core";
+export class ExternalAppsService {
+    constructor() {
+        this.appFilterList = coerceArray(inject(RXAP_EXTERNAL_APP_FILTER, { optional: true }));
+        this.config = inject(ConfigService);
+        this.localeId = inject(LOCALE_ID);
+        this.environment = inject(RXAP_ENVIRONMENT);
+        this.apps = this.config.get('navigation.apps', []);
+        this.externalApps = coerceArray(inject(RXAP_EXTERNAL_APP, { optional: true }));
+        /**
+         * The list of active apps that is processed by the getAppList method
+         */
+        this.activeAppList = signal([]);
+    }
+    hasApp(appId) {
+        return this.apps.some(app => app.id === appId);
+    }
+    getApp(appId) {
+        if (!this.hasApp(appId)) {
+            return null;
+        }
+        const app = this.apps.find(app => app.id === appId);
+        if (!app) {
+            throw new Error(`FATAL: App with id "${appId}" not found!`);
+        }
+        return structuredClone(app);
+    }
+    getAppUrl(appId, path, infix = this.getPathPrefix()) {
+        const app = this.getApp(appId);
+        if (!app || !app.href) {
+            return null;
+        }
+        return JoinPath(app.href, infix, path);
+    }
+    getAppRouterLink(appId, path) {
+        const app = this.getApp(appId);
+        if (!app || !app.routerLink) {
+            return null;
+        }
+        return [...app.routerLink, path];
+    }
+    getAppUrlOrThrow(appId, path) {
+        const url = this.getAppUrl(appId, path);
+        if (url) {
+            return url;
+        }
+        throw new Error(`Could not find url for app with id "${appId}"`);
+    }
+    getAppRouterLinkOrThrow(appId, path) {
+        const routerLink = this.getAppRouterLink(appId, path);
+        if (routerLink) {
+            return routerLink;
+        }
+        throw new Error(`Could not find router link for app with id "${appId}"`);
+    }
+    navigate(appId, path) {
+        const url = this.getAppUrl(appId, path);
+        if (url) {
+            ClickOnLink(url);
+        }
+    }
+    async getAppList() {
+        let appList = [
+            ...this.externalApps,
+            ...this.apps,
+        ].filter(app => !app.hidden)
+            .map(app => structuredClone(app));
+        appList.forEach(app => {
+            if (app.href) {
+                app.href = JoinPath(app.href, this.getPathPrefix());
+            }
+        });
+        for (const appFilter of this.appFilterList) {
+            appList = await appFilter.call(structuredClone(appList));
+        }
+        appList = structuredClone(appList);
+        this.activeAppList.set(appList);
+        return appList;
+    }
+    getPathPrefix() {
+        if (this.environment.production && this.localeId) {
+            return this.localeId.replace(/-.+$/, '');
+        }
+        return '';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ExternalAppsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ExternalAppsService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ExternalAppsService, decorators: [{
+            type: Injectable
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXh0ZXJuYWwtYXBwcy5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvYW5ndWxhci9sYXlvdXQvc3JjL2xpYi9leHRlcm5hbC1hcHBzLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLE1BQU0sRUFDTixVQUFVLEVBQ1YsU0FBUyxFQUNULE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUN2Qix5REFBeUQ7QUFDekQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3RELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDN0MsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDckQsT0FBTyxFQUNMLFdBQVcsRUFDWCxRQUFRLEdBQ1QsTUFBTSxpQkFBaUIsQ0FBQztBQUN6QixPQUFPLEVBQ0wsaUJBQWlCLEVBQ2pCLHdCQUF3QixHQUN6QixNQUFNLFVBQVUsQ0FBQzs7QUFJbEIsTUFBTSxPQUFPLG1CQUFtQjtJQURoQztRQUdxQixrQkFBYSxHQUFHLFdBQVcsQ0FBQyxNQUFNLENBQUMsd0JBQXdCLEVBQUUsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBQ2xGLFdBQU0sR0FBRyxNQUFNLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDL0IsYUFBUSxHQUFHLE1BQU0sQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUM3QixnQkFBVyxHQUFHLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1FBQ3ZDLFNBQUksR0FBdUIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsaUJBQWlCLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDbEUsaUJBQVksR0FBRyxXQUFXLENBQUMsTUFBTSxDQUFDLGlCQUFpQixFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUMs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LEVBQUUsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxNQUFNLENBQUM7YUFDekIsR0FBRyxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsZUFBZSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUM7UUFFcEMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsRUFBRTtZQUNwQixJQUFJLEdBQUcsQ0FBQyxJQUFJLEVBQUUsQ0FBQztnQkFDYixHQUFHLENBQUMsSUFBSSxHQUFHLFFBQVEsQ0FBQyxHQUFHLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQyxDQUFDO1lBQ3RELENBQUM7UUFDSCxDQUFDLENBQUMsQ0FBQztRQUVILEtBQUssTUFBTSxTQUFTLElBQUksSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1lBQzNDLE9BQU8sR0FBRyxNQUFNLFNBQVMsQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7UUFDM0QsQ0FBQztRQUVELE9BQU8sR0FBRyxlQUFlLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDbkMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDaEMsT0FBTyxPQUFPLENBQUM7SUFDakIsQ0FBQztJQUVTLGFBQWE7UUFDckIsSUFBSSxJQUFJLENBQUMsV0FBVyxDQUFDLFVBQVUsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDakQsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDM0MsQ0FBQztRQUNELE9BQU8sRUFBRSxDQUFDO0lBQ1osQ0FBQzs4R0F6R1UsbUJBQW1CO2tIQUFuQixtQkFBbUI7OzJGQUFuQixtQkFBbUI7a0JBRC9CLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBpbmplY3QsXG4gIEluamVjdGFibGUsXG4gIExPQ0FMRV9JRCxcbiAgc2lnbmFsLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAbngvZW5mb3JjZS1tb2R1bGUtYm91bmRhcmllc1xuaW1wb3J0IHsgQ2xpY2tPbkxpbmsgfSBmcm9tICdAcnhhcC9icm93c2VyLXV0aWxpdGllcyc7XG5pbXBvcnQgeyBDb25maWdTZXJ2aWNlIH0gZnJvbSAnQHJ4YXAvY29uZmlnJztcbmltcG9ydCB7IFJYQVBfRU5WSVJPTk1FTlQgfSBmcm9tICdAcnhhcC9lbnZpcm9ubWVudCc7XG5pbXBvcnQge1xuICBjb2VyY2VBcnJheSxcbiAgSm9pblBhdGgsXG59IGZyb20gJ0ByeGFwL3V0aWxpdGllcyc7XG5pbXBvcnQge1xuICBSWEFQX0VYVEVSTkFMX0FQUCxcbiAgUlhBUF9FWFRFUk5BTF9BUFBfRklMVEVSLFxufSBmcm9tICcuL3Rva2Vucyc7XG5pbXBvcnQgeyBFeHRlcm5hbEFwcCB9IGZyb20gJy4vdHlwZXMnO1xuXG5ASW5qZWN0YWJsZSgpXG5leHBvcnQgY2xhc3MgRXh0ZXJuYWxBcHBzU2VydmljZSB7XG5cbiAgcHJvdGVjdGVkIHJlYWRvbmx5IGFwcEZpbHRlckxpc3QgPSBjb2VyY2VBcnJheShpbmplY3QoUlhBUF9FWFRFUk5BTF9BUFBfRklMVEVSLCB7IG9wdGlvbmFsOiB0cnVlIH0pKTtcbiAgcHJvdGVjdGVkIHJlYWRvbmx5IGNvbmZpZyA9IGluamVjdChDb25maWdTZXJ2aWNlKTtcbiAgcHJvdGVjdGVkIHJlYWRvbmx5IGxvY2FsZUlkID0gaW5qZWN0KExPQ0FMRV9JRCk7XG4gIHByb3RlY3RlZCByZWFkb25seSBlbnZpcm9ubWVudCA9IGluamVjdChSWEFQX0VOVklST05NRU5UKTtcbiAgcHJvdGVjdGVkIHJlYWRvbmx5IGFwcHM6IEFycmF5PEV4dGVybmFsQXBwPiA9IHRoaXMuY29uZmlnLmdldCgnbmF2aWdhdGlvbi5hcHBzJywgW10pO1xuICBwcm90ZWN0ZWQgcmVhZG9ubHkgZXh0ZXJuYWxBcHBzID0gY29lcmNlQXJyYXkoaW5qZWN0KFJYQVBfRVhURVJOQUxfQVBQLCB7IG9wdGlvbmFsOiB0cnVlIH0pKTtcblxuICAvKipcbiAgICogVGhlIGxpc3Qgb2YgYWN0aXZlIGFwcHMgdGhhdCBpcyBwcm9jZXNzZWQgYnkgdGhlIGdldEFwcExpc3QgbWV0aG9kXG4gICAqL1xuICBwdWJsaWMgcmVhZG9ubHkgYWN0aXZlQXBwTGlzdCA9IHNpZ25hbDxBcnJheTxFeHRlcm5hbEFwcD4+KFtdKTtcblxuICBwdWJsaWMgaGFzQXBwKGFwcElkOiBzdHJpbmcpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5hcHBzLnNvbWUoYXBwID0+IGFwcC5pZCA9PT0gYXBwSWQpO1xuICB9XG5cbiAgcHVibGljIGdldEFwcChhcHBJZDogc3RyaW5nKTogRXh0ZXJuYWxBcHAgfCBudWxsIHtcbiAgICBpZiAoIXRoaXMuaGFzQXBwKGFwcElkKSkge1xuICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxuICAgIGNvbnN0IGFwcCA9IHRoaXMuYXBwcy5maW5kKGFwcCA9PiBhcHAuaWQgPT09IGFwcElkKTtcbiAgICBpZiAoIWFwcCkge1xuICAgICAgdGhyb3cgbmV3IEVycm9yKGBGQVRBTDogQXBwIHdpdGggaWQgXCIkeyBhcHBJZCB9XCIgbm90IGZvdW5kIWApO1xuICAgIH1cbiAgICByZXR1cm4gc3RydWN0dXJlZENsb25lKGFwcCk7XG4gIH1cblxuICBwdWJsaWMgZ2V0QXBwVXJsKGFwcElkOiBzdHJpbmcsIHBhdGg6IHN0cmluZywgaW5maXg6IHN0cmluZyB8IG51bGwgPSB0aGlzLmdldFBhdGhQcmVmaXgoKSk6IHN0cmluZyB8IG51bGwge1xuXG4gICAgY29uc3QgYXBwID0gdGhpcy5nZXRBcHAoYXBwSWQpO1xuXG4gICAgaWYgKCFhcHAgfHwgIWFwcC5ocmVmKSB7XG4gICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG5cbiAgICByZXR1cm4gSm9pblBhdGgoYXBwLmhyZWYsIGluZml4LCBwYXRoKTtcblxuICB9XG5cbiAgcHVibGljIGdldEFwcFJvdXRlckxpbmsoYXBwSWQ6IHN0cmluZywgcGF0aDogc3RyaW5nKTogc3RyaW5nW10gfCBudWxsIHtcblxuICAgIGNvbnN0IGFwcCA9IHRoaXMuZ2V0QXBwKGFwcElkKTtcblxuICAgIGlmICghYXBwIHx8ICFhcHAucm91dGVyTGluaykge1xuICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxuXG4gICAgcmV0dXJuIFsgLi4uYXBwLnJvdXRlckxpbmssIHBhdGggXTtcbiAgfVxuXG4gIHB1YmxpYyBnZXRBcHBVcmxPclRocm93KGFwcElkOiBzdHJpbmcsIHBhdGg6IHN0cmluZyk6IHN0cmluZyB7XG4gICAgY29uc3QgdXJsID0gdGhpcy5nZXRBcHBVcmwoYXBwSWQsIHBhdGgpO1xuICAgIGlmICh1cmwpIHtcbiAgICAgIHJldHVybiB1cmw7XG4gICAgfVxuICAgIHRocm93IG5ldyBFcnJvcihgQ291bGQgbm90IGZpbmQgdXJsIGZvciBhcHAgd2l0aCBpZCBcIiR7IGFwcElkIH1cImApO1xuICB9XG5cbiAgcHVibGljIGdldEFwcFJvdXRlckxpbmtPclRocm93KGFwcElkOiBzdHJpbmcsIHBhdGg6IHN0cmluZyk6IHN0cmluZ1tdIHtcbiAgICBjb25zdCByb3V0ZXJMaW5rID0gdGhpcy5nZXRBcHBSb3V0ZXJMaW5rKGFwcElkLCBwYXRoKTtcbiAgICBpZiAocm91dGVyTGluaykge1xuICAgICAgcmV0dXJuIHJvdXRlckxpbms7XG4gICAgfVxuICAgIHRocm93IG5ldyBFcnJvcihgQ291bGQgbm90IGZpbmQgcm91dGVyIGxpbmsgZm9yIGFwcCB3aXRoIGlkIFwiJHsgYXBwSWQgfVwiYCk7XG4gIH1cblxuICBwdWJsaWMgbmF2aWdhdGUoYXBwSWQ6IHN0cmluZywgcGF0aDogc3RyaW5nKTogdm9pZCB7XG5cbiAgICBjb25zdCB1cmwgPSB0aGlzLmdldEFwcFVybChhcHBJZCwgcGF0aCk7XG5cbiAgICBpZiAodXJsKSB7XG4gICAgICBDbGlja09uTGluayh1cmwpO1xuICAgIH1cblxuICB9XG5cbiAgcHVibGljIGFzeW5jIGdldEFwcExpc3QoKTogUHJvbWlzZTxBcnJheTxFeHRlcm5hbEFwcD4+IHtcbiAgICBsZXQgYXBwTGlzdDogRXh0ZXJuYWxBcHBbXSA9IFtcbiAgICAgIC4uLnRoaXMuZXh0ZXJuYWxBcHBzLFxuICAgICAgLi4udGhpcy5hcHBzLFxuICAgIF0uZmlsdGVyKGFwcCA9PiAhYXBwLmhpZGRlbilcbiAgICAgIC5tYXAoYXBwID0+IHN0cnVjdHVyZWRDbG9uZShhcHApKTtcblxuICAgIGFwcExpc3QuZm9yRWFjaChhcHAgPT4ge1xuICAgICAgaWYgKGFwcC5ocmVmKSB7XG4gICAgICAgIGFwcC5ocmVmID0gSm9pblBhdGgoYXBwLmhyZWYsIHRoaXMuZ2V0UGF0aFByZWZpeCgpKTtcbiAgICAgIH1cbiAgICB9KTtcblxuICAgIGZvciAoY29uc3QgYXBwRmlsdGVyIG9mIHRoaXMuYXBwRmlsdGVyTGlzdCkge1xuICAgICAgYXBwTGlzdCA9IGF3YWl0IGFwcEZpbHRlci5jYWxsKHN0cnVjdHVyZWRDbG9uZShhcHBMaXN0KSk7XG4gICAgfVxuXG4gICAgYXBwTGlzdCA9IHN0cnVjdHVyZWRDbG9uZShhcHBMaXN0KTtcbiAgICB0aGlzLmFjdGl2ZUFwcExpc3Quc2V0KGFwcExpc3QpO1xuICAgIHJldHVybiBhcHBMaXN0O1xuICB9XG5cbiAgcHJvdGVjdGVkIGdldFBhdGhQcmVmaXgoKTogc3RyaW5nIHtcbiAgICBpZiAodGhpcy5lbnZpcm9ubWVudC5wcm9kdWN0aW9uICYmIHRoaXMubG9jYWxlSWQpIHtcbiAgICAgIHJldHVybiB0aGlzLmxvY2FsZUlkLnJlcGxhY2UoLy0uKyQvLCAnJyk7XG4gICAgfVxuICAgIHJldHVybiAnJztcbiAgfVxuXG59XG4iXX0=

package/esm2022/lib/footer/footer.component.mjs

@@ -1,21 +1,21 @@
-import { ChangeDetectionStrategy, Component, } from '@angular/core';
-import { FooterService } from '@rxap/services';
 import { PortalModule } from '@angular/cdk/portal';
+import { ChangeDetectionStrategy, Component, computed, inject, } from '@angular/core';
 import { MatToolbarModule } from '@angular/material/toolbar';
-import { AsyncPipe, NgFor, NgIf, } from '@angular/common';
+import { FooterService } from '../footer.service';
 import * as i0 from "@angular/core";
-import * as i1 from "@rxap/services";
-import * as i2 from "@angular/material/toolbar";
-import * as i3 from "@angular/cdk/portal";
+import * as i1 from "@angular/material/toolbar";
+import * as i2 from "@angular/cdk/portal";
 export class FooterComponent {
-    constructor(footerService) {
-        this.footerService = footerService;
+    constructor() {
+        this.footerService = inject(FooterService);
+        this.portals = computed(() => this.footerService.portals());
+        this.hasPortals = computed(() => this.portals().length > 0);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: FooterComponent, deps: [{ token: i1.FooterService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: FooterComponent, isStandalone: true, selector: "rxap-footer", ngImport: i0, template: "<ng-template [ngIf]=\"footerService.portals()\" let-portals>\n  <mat-toolbar *ngIf=\"portals.length\" class=\"footer mat-elevation-z1\">\n    <mat-toolbar-row *ngFor=\"let portal of portals\">\n      <ng-template [cdkPortalOutlet]=\"portal\"></ng-template>\n    </mat-toolbar-row>\n  </mat-toolbar>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatToolbarModule }, { kind: "component", type: i2.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: i2.MatToolbarRow, selector: "mat-toolbar-row", exportAs: ["matToolbarRow"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i3.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: FooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: FooterComponent, isStandalone: true, selector: "rxap-footer", ngImport: i0, template: "@if (hasPortals()) {\n  <mat-toolbar class=\"mat-elevation-z1\">\n    @for (portal of portals(); track portal) {\n      <mat-toolbar-row>\n        <ng-template [cdkPortalOutlet]=\"portal\"></ng-template>\n      </mat-toolbar-row>\n    }\n  </mat-toolbar>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: MatToolbarModule }, { kind: "component", type: i1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: i1.MatToolbarRow, selector: "mat-toolbar-row", exportAs: ["matToolbarRow"] }, { kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i2.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: FooterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'rxap-footer', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf, MatToolbarModule, NgFor, PortalModule, AsyncPipe], template: "<ng-template [ngIf]=\"footerService.portals()\" let-portals>\n  <mat-toolbar *ngIf=\"portals.length\" class=\"footer mat-elevation-z1\">\n    <mat-toolbar-row *ngFor=\"let portal of portals\">\n      <ng-template [cdkPortalOutlet]=\"portal\"></ng-template>\n    </mat-toolbar-row>\n  </mat-toolbar>\n</ng-template>\n" }]
-        }], ctorParameters: () => [{ type: i1.FooterService }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9vdGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2FuZ3VsYXIvbGF5b3V0L3NyYy9saWIvZm9vdGVyL2Zvb3Rlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9hbmd1bGFyL2xheW91dC9zcmMvbGliL2Zvb3Rlci9mb290ZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUM3RCxPQUFPLEVBQ0wsU0FBUyxFQUNULEtBQUssRUFDTCxJQUFJLEdBQ0wsTUFBTSxpQkFBaUIsQ0FBQzs7Ozs7QUFVekIsTUFBTSxPQUFPLGVBQWU7SUFFMUIsWUFDa0IsYUFBNEI7UUFBNUIsa0JBQWEsR0FBYixhQUFhLENBQWU7SUFFOUMsQ0FBQzs4R0FMVSxlQUFlO2tHQUFmLGVBQWUsdUVDckI1Qiw4VEFPQSwwRERZYSxJQUFJLDRGQUFFLGdCQUFnQiwwUEFBRSxLQUFLLGtIQUFFLFlBQVk7OzJGQUUzQyxlQUFlO2tCQVIzQixTQUFTOytCQUNFLGFBQWEsbUJBR04sdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1AsQ0FBRSxJQUFJLEVBQUUsZ0JBQWdCLEVBQUUsS0FBSyxFQUFFLFlBQVksRUFBRSxTQUFTLENBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvb3RlclNlcnZpY2UgfSBmcm9tICdAcnhhcC9zZXJ2aWNlcyc7XG5pbXBvcnQgeyBQb3J0YWxNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jZGsvcG9ydGFsJztcbmltcG9ydCB7IE1hdFRvb2xiYXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC90b29sYmFyJztcbmltcG9ydCB7XG4gIEFzeW5jUGlwZSxcbiAgTmdGb3IsXG4gIE5nSWYsXG59IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3J4YXAtZm9vdGVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Zvb3Rlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWyAnLi9mb290ZXIuY29tcG9uZW50LnNjc3MnIF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbIE5nSWYsIE1hdFRvb2xiYXJNb2R1bGUsIE5nRm9yLCBQb3J0YWxNb2R1bGUsIEFzeW5jUGlwZSBdLFxufSlcbmV4cG9ydCBjbGFzcyBGb290ZXJDb21wb25lbnQge1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHB1YmxpYyByZWFkb25seSBmb290ZXJTZXJ2aWNlOiBGb290ZXJTZXJ2aWNlLFxuICApIHtcbiAgfVxuXG59XG4iLCI8bmctdGVtcGxhdGUgW25nSWZdPVwiZm9vdGVyU2VydmljZS5wb3J0YWxzKClcIiBsZXQtcG9ydGFscz5cbiAgPG1hdC10b29sYmFyICpuZ0lmPVwicG9ydGFscy5sZW5ndGhcIiBjbGFzcz1cImZvb3RlciBtYXQtZWxldmF0aW9uLXoxXCI+XG4gICAgPG1hdC10b29sYmFyLXJvdyAqbmdGb3I9XCJsZXQgcG9ydGFsIG9mIHBvcnRhbHNcIj5cbiAgICAgIDxuZy10ZW1wbGF0ZSBbY2RrUG9ydGFsT3V0bGV0XT1cInBvcnRhbFwiPjwvbmctdGVtcGxhdGU+XG4gICAgPC9tYXQtdG9vbGJhci1yb3c+XG4gIDwvbWF0LXRvb2xiYXI+XG48L25nLXRlbXBsYXRlPlxuIl19
+            args: [{ selector: 'rxap-footer', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [MatToolbarModule, PortalModule], template: "@if (hasPortals()) {\n  <mat-toolbar class=\"mat-elevation-z1\">\n    @for (portal of portals(); track portal) {\n      <mat-toolbar-row>\n        <ng-template [cdkPortalOutlet]=\"portal\"></ng-template>\n      </mat-toolbar-row>\n    }\n  </mat-toolbar>\n}\n" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9vdGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2FuZ3VsYXIvbGF5b3V0L3NyYy9saWIvZm9vdGVyL2Zvb3Rlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9hbmd1bGFyL2xheW91dC9zcmMvbGliL2Zvb3Rlci9mb290ZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ25ELE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFFBQVEsRUFDUixNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDN0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG1CQUFtQixDQUFDOzs7O0FBVWxELE1BQU0sT0FBTyxlQUFlO0lBUjVCO1FBVW1CLGtCQUFhLEdBQUcsTUFBTSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBRXZDLFlBQU8sR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxPQUFPLEVBQUUsQ0FBQyxDQUFDO1FBQ3ZELGVBQVUsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQztLQUV4RTs4R0FQWSxlQUFlO2tHQUFmLGVBQWUsdUVDbEI1QixxUUFTQSx5RERPYSxnQkFBZ0IseVBBQUUsWUFBWTs7MkZBRTlCLGVBQWU7a0JBUjNCLFNBQVM7K0JBQ0UsYUFBYSxtQkFHTix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUksV0FDUCxDQUFFLGdCQUFnQixFQUFFLFlBQVksQ0FBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBvcnRhbE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9wb3J0YWwnO1xuaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgY29tcHV0ZWQsXG4gIGluamVjdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXRUb29sYmFyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvdG9vbGJhcic7XG5pbXBvcnQgeyBGb290ZXJTZXJ2aWNlIH0gZnJvbSAnLi4vZm9vdGVyLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdyeGFwLWZvb3RlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9mb290ZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsgJy4vZm9vdGVyLmNvbXBvbmVudC5zY3NzJyBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogWyBNYXRUb29sYmFyTW9kdWxlLCBQb3J0YWxNb2R1bGUgXSxcbn0pXG5leHBvcnQgY2xhc3MgRm9vdGVyQ29tcG9uZW50IHtcblxuICBwcml2YXRlIHJlYWRvbmx5IGZvb3RlclNlcnZpY2UgPSBpbmplY3QoRm9vdGVyU2VydmljZSk7XG5cbiAgcHVibGljIHJlYWRvbmx5IHBvcnRhbHMgPSBjb21wdXRlZCgoKSA9PiB0aGlzLmZvb3RlclNlcnZpY2UucG9ydGFscygpKTtcbiAgcHVibGljIHJlYWRvbmx5IGhhc1BvcnRhbHMgPSBjb21wdXRlZCgoKSA9PiB0aGlzLnBvcnRhbHMoKS5sZW5ndGggPiAwKTtcblxufVxuIiwiQGlmIChoYXNQb3J0YWxzKCkpIHtcbiAgPG1hdC10b29sYmFyIGNsYXNzPVwibWF0LWVsZXZhdGlvbi16MVwiPlxuICAgIEBmb3IgKHBvcnRhbCBvZiBwb3J0YWxzKCk7IHRyYWNrIHBvcnRhbCkge1xuICAgICAgPG1hdC10b29sYmFyLXJvdz5cbiAgICAgICAgPG5nLXRlbXBsYXRlIFtjZGtQb3J0YWxPdXRsZXRdPVwicG9ydGFsXCI+PC9uZy10ZW1wbGF0ZT5cbiAgICAgIDwvbWF0LXRvb2xiYXItcm93PlxuICAgIH1cbiAgPC9tYXQtdG9vbGJhcj5cbn1cbiJdfQ==

package/esm2022/lib/footer/footer.directive.mjs

@@ -0,0 +1,30 @@
+import { TemplatePortal } from '@angular/cdk/portal';
+import { Directive, inject, TemplateRef, ViewContainerRef, } from '@angular/core';
+import { FooterService } from '../footer.service';
+import * as i0 from "@angular/core";
+export class FooterDirective {
+    constructor() {
+        this.footerService = inject(FooterService);
+        this.template = inject(TemplateRef);
+        this.viewContainerRef = inject(ViewContainerRef);
+    }
+    ngOnInit() {
+        this._portal = new TemplatePortal(this.template, this.viewContainerRef);
+        this.footerService.pushPortal(this._portal);
+    }
+    ngOnDestroy() {
+        if (this._portal) {
+            this.footerService.removePortal(this._portal);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: FooterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.1", type: FooterDirective, isStandalone: true, selector: "[rxapFooter]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: FooterDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rxapFooter]',
+                    standalone: true,
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9vdGVyLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2FuZ3VsYXIvbGF5b3V0L3NyYy9saWIvZm9vdGVyL2Zvb3Rlci5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3JELE9BQU8sRUFDTCxTQUFTLEVBQ1QsTUFBTSxFQUdOLFdBQVcsRUFDWCxnQkFBZ0IsR0FDakIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG1CQUFtQixDQUFDOztBQU1sRCxNQUFNLE9BQU8sZUFBZTtJQUo1QjtRQU9tQixrQkFBYSxHQUFHLE1BQU0sQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUN0QyxhQUFRLEdBQXNCLE1BQU0sQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUNsRCxxQkFBZ0IsR0FBRyxNQUFNLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztLQWU5RDtJQWJRLFFBQVE7UUFDYixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksY0FBYyxDQUMvQixJQUFJLENBQUMsUUFBUSxFQUNiLElBQUksQ0FBQyxnQkFBZ0IsQ0FDdEIsQ0FBQztRQUNGLElBQUksQ0FBQyxhQUFhLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUM5QyxDQUFDO0lBRU0sV0FBVztRQUNoQixJQUFJLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztZQUNqQixJQUFJLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDaEQsQ0FBQztJQUNILENBQUM7OEdBbkJVLGVBQWU7a0dBQWYsZUFBZTs7MkZBQWYsZUFBZTtrQkFKM0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsY0FBYztvQkFDeEIsVUFBVSxFQUFFLElBQUk7aUJBQ2pCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVGVtcGxhdGVQb3J0YWwgfSBmcm9tICdAYW5ndWxhci9jZGsvcG9ydGFsJztcbmltcG9ydCB7XG4gIERpcmVjdGl2ZSxcbiAgaW5qZWN0LFxuICBPbkRlc3Ryb3ksXG4gIE9uSW5pdCxcbiAgVGVtcGxhdGVSZWYsXG4gIFZpZXdDb250YWluZXJSZWYsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9vdGVyU2VydmljZSB9IGZyb20gJy4uL2Zvb3Rlci5zZXJ2aWNlJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW3J4YXBGb290ZXJdJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgRm9vdGVyRGlyZWN0aXZlIGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICBwcml2YXRlIF9wb3J0YWw/OiBUZW1wbGF0ZVBvcnRhbDx2b2lkPjtcblxuICBwcml2YXRlIHJlYWRvbmx5IGZvb3RlclNlcnZpY2UgPSBpbmplY3QoRm9vdGVyU2VydmljZSk7XG4gIHByaXZhdGUgcmVhZG9ubHkgdGVtcGxhdGU6IFRlbXBsYXRlUmVmPHZvaWQ+ID0gaW5qZWN0KFRlbXBsYXRlUmVmKTtcbiAgcHJpdmF0ZSByZWFkb25seSB2aWV3Q29udGFpbmVyUmVmID0gaW5qZWN0KFZpZXdDb250YWluZXJSZWYpO1xuXG4gIHB1YmxpYyBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLl9wb3J0YWwgPSBuZXcgVGVtcGxhdGVQb3J0YWw8dm9pZD4oXG4gICAgICB0aGlzLnRlbXBsYXRlLFxuICAgICAgdGhpcy52aWV3Q29udGFpbmVyUmVmLFxuICAgICk7XG4gICAgdGhpcy5mb290ZXJTZXJ2aWNlLnB1c2hQb3J0YWwodGhpcy5fcG9ydGFsKTtcbiAgfVxuXG4gIHB1YmxpYyBuZ09uRGVzdHJveSgpIHtcbiAgICBpZiAodGhpcy5fcG9ydGFsKSB7XG4gICAgICB0aGlzLmZvb3RlclNlcnZpY2UucmVtb3ZlUG9ydGFsKHRoaXMuX3BvcnRhbCk7XG4gICAgfVxuICB9XG59XG5cblxuIl19

package/esm2022/lib/footer.service.mjs

@@ -0,0 +1,58 @@
+import { ComponentPortal, } from '@angular/cdk/portal';
+import { computed, inject, Injectable, isDevMode, signal, } from '@angular/core';
+import { RXAP_FOOTER_COMPONENT } from './tokens';
+import { coerceArray } from '@rxap/utilities';
+import * as i0 from "@angular/core";
+export class FooterService {
+    constructor() {
+        this.components = coerceArray(inject(RXAP_FOOTER_COMPONENT, { optional: true }));
+        /**
+         * Represents an array of `Portal` objects with unknown type.
+         */
+        this.portals = signal(this.components.map(component => new ComponentPortal(component)));
+        /**
+         * Computes the count of portals.
+         *
+         * @returns {number} The count of portals.
+         */
+        this.portalCount = computed(() => this.portals().length);
+    }
+    /**
+     * Adds a portal to the list of portals.
+     *
+     * @param {Portal<unknown>} portal - The portal to be added.
+     *
+     * @return {void}
+     */
+    pushPortal(portal) {
+        if (!this.portals().includes(portal)) {
+            this.portals.update(portals => [...portals, portal]);
+        }
+        else {
+            if (isDevMode()) {
+                console.warn('Can not add the same portal multiple times');
+            }
+        }
+    }
+    /**
+     * Removes a portal from the list of portals.
+     *
+     * @param {Portal<unknown>} portal - The portal to be removed.
+     * @return {void}
+     */
+    removePortal(portal) {
+        const index = this.portals().indexOf(portal);
+        if (index !== -1) {
+            this.portals.update(portals => {
+                portals.splice(index, 1);
+                return portals.slice();
+            });
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: FooterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: FooterService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: FooterService, decorators: [{
+            type: Injectable
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9vdGVyLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9hbmd1bGFyL2xheW91dC9zcmMvbGliL2Zvb3Rlci5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxlQUFlLEdBRWhCLE1BQU0scUJBQXFCLENBQUM7QUFDN0IsT0FBTyxFQUNMLFFBQVEsRUFDUixNQUFNLEVBQ04sVUFBVSxFQUNWLFNBQVMsRUFDVCxNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sVUFBVSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7QUFHOUMsTUFBTSxPQUFPLGFBQWE7SUFEMUI7UUFHbUIsZUFBVSxHQUFHLFdBQVcsQ0FBQyxNQUFNLENBQUMscUJBQXFCLEVBQUUsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBRTdGOztXQUVHO1FBQ2EsWUFBTyxHQUFHLE1BQU0sQ0FBeUIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxHQUFHLENBQUMsU0FBUyxDQUFDLEVBQUUsQ0FBQyxJQUFJLGVBQWUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFHM0g7Ozs7V0FJRztRQUNhLGdCQUFXLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxNQUFNLENBQUMsQ0FBQztLQW1DckU7SUFqQ0M7Ozs7OztPQU1HO0lBQ0ksVUFBVSxDQUFDLE1BQXVCO1FBQ3ZDLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxFQUFFLENBQUM7WUFDckMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQyxDQUFFLEdBQUcsT0FBTyxFQUFFLE1BQU0sQ0FBRSxDQUFDLENBQUM7UUFDekQsQ0FBQzthQUFNLENBQUM7WUFDTixJQUFJLFNBQVMsRUFBRSxFQUFFLENBQUM7Z0JBQ2hCLE9BQU8sQ0FBQyxJQUFJLENBQUMsNENBQTRDLENBQUMsQ0FBQztZQUM3RCxDQUFDO1FBQ0gsQ0FBQztJQUNILENBQUM7SUFFRDs7Ozs7T0FLRztJQUNJLFlBQVksQ0FBQyxNQUF1QjtRQUN6QyxNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQzdDLElBQUksS0FBSyxLQUFLLENBQUMsQ0FBQyxFQUFFLENBQUM7WUFDakIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLEVBQUU7Z0JBQzVCLE9BQU8sQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQyxDQUFDO2dCQUN6QixPQUFPLE9BQU8sQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUN6QixDQUFDLENBQUMsQ0FBQztRQUNMLENBQUM7SUFDSCxDQUFDOzhHQWhEVSxhQUFhO2tIQUFiLGFBQWE7OzJGQUFiLGFBQWE7a0JBRHpCLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnRQb3J0YWwsXG4gIFBvcnRhbCxcbn0gZnJvbSAnQGFuZ3VsYXIvY2RrL3BvcnRhbCc7XG5pbXBvcnQge1xuICBjb21wdXRlZCxcbiAgaW5qZWN0LFxuICBJbmplY3RhYmxlLFxuICBpc0Rldk1vZGUsXG4gIHNpZ25hbCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSWEFQX0ZPT1RFUl9DT01QT05FTlQgfSBmcm9tICcuL3Rva2Vucyc7XG5pbXBvcnQgeyBjb2VyY2VBcnJheSB9IGZyb20gJ0ByeGFwL3V0aWxpdGllcyc7XG5cbkBJbmplY3RhYmxlKClcbmV4cG9ydCBjbGFzcyBGb290ZXJTZXJ2aWNlIHtcblxuICBwcml2YXRlIHJlYWRvbmx5IGNvbXBvbmVudHMgPSBjb2VyY2VBcnJheShpbmplY3QoUlhBUF9GT09URVJfQ09NUE9ORU5ULCB7IG9wdGlvbmFsOiB0cnVlIH0pKTtcblxuICAvKipcbiAgICogUmVwcmVzZW50cyBhbiBhcnJheSBvZiBgUG9ydGFsYCBvYmplY3RzIHdpdGggdW5rbm93biB0eXBlLlxuICAgKi9cbiAgcHVibGljIHJlYWRvbmx5IHBvcnRhbHMgPSBzaWduYWw8QXJyYXk8UG9ydGFsPHVua25vd24+Pj4odGhpcy5jb21wb25lbnRzLm1hcChjb21wb25lbnQgPT4gbmV3IENvbXBvbmVudFBvcnRhbChjb21wb25lbnQpKSk7XG5cblxuICAvKipcbiAgICogQ29tcHV0ZXMgdGhlIGNvdW50IG9mIHBvcnRhbHMuXG4gICAqXG4gICAqIEByZXR1cm5zIHtudW1iZXJ9IFRoZSBjb3VudCBvZiBwb3J0YWxzLlxuICAgKi9cbiAgcHVibGljIHJlYWRvbmx5IHBvcnRhbENvdW50ID0gY29tcHV0ZWQoKCkgPT4gdGhpcy5wb3J0YWxzKCkubGVuZ3RoKTtcblxuICAvKipcbiAgICogQWRkcyBhIHBvcnRhbCB0byB0aGUgbGlzdCBvZiBwb3J0YWxzLlxuICAgKlxuICAgKiBAcGFyYW0ge1BvcnRhbDx1bmtub3duPn0gcG9ydGFsIC0gVGhlIHBvcnRhbCB0byBiZSBhZGRlZC5cbiAgICpcbiAgICogQHJldHVybiB7dm9pZH1cbiAgICovXG4gIHB1YmxpYyBwdXNoUG9ydGFsKHBvcnRhbDogUG9ydGFsPHVua25vd24+KSB7XG4gICAgaWYgKCF0aGlzLnBvcnRhbHMoKS5pbmNsdWRlcyhwb3J0YWwpKSB7XG4gICAgICB0aGlzLnBvcnRhbHMudXBkYXRlKHBvcnRhbHMgPT4gWyAuLi5wb3J0YWxzLCBwb3J0YWwgXSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIGlmIChpc0Rldk1vZGUoKSkge1xuICAgICAgICBjb25zb2xlLndhcm4oJ0NhbiBub3QgYWRkIHRoZSBzYW1lIHBvcnRhbCBtdWx0aXBsZSB0aW1lcycpO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBSZW1vdmVzIGEgcG9ydGFsIGZyb20gdGhlIGxpc3Qgb2YgcG9ydGFscy5cbiAgICpcbiAgICogQHBhcmFtIHtQb3J0YWw8dW5rbm93bj59IHBvcnRhbCAtIFRoZSBwb3J0YWwgdG8gYmUgcmVtb3ZlZC5cbiAgICogQHJldHVybiB7dm9pZH1cbiAgICovXG4gIHB1YmxpYyByZW1vdmVQb3J0YWwocG9ydGFsOiBQb3J0YWw8dW5rbm93bj4pIHtcbiAgICBjb25zdCBpbmRleCA9IHRoaXMucG9ydGFscygpLmluZGV4T2YocG9ydGFsKTtcbiAgICBpZiAoaW5kZXggIT09IC0xKSB7XG4gICAgICB0aGlzLnBvcnRhbHMudXBkYXRlKHBvcnRhbHMgPT4ge1xuICAgICAgICBwb3J0YWxzLnNwbGljZShpbmRleCwgMSk7XG4gICAgICAgIHJldHVybiBwb3J0YWxzLnNsaWNlKCk7XG4gICAgICB9KTtcbiAgICB9XG4gIH1cblxufVxuIl19