ngssm-shell 14.1.3

package/README.md

@@ -0,0 +1,3 @@
+# ngssm-shell
+
+A complete sheel with header, footer, side navigation...

package/esm2020/lib/components/shell/shell.component.mjs

@@ -0,0 +1,39 @@
+import { Component, ChangeDetectionStrategy, Input, HostBinding } from '@angular/core';
+import { BehaviorSubject } from 'rxjs';
+import { NgSsmComponent } from 'ngssm-store';
+import * as i0 from "@angular/core";
+import * as i1 from "ngssm-store";
+import * as i2 from "@angular/router";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/material/toolbar";
+import * as i5 from "@angular/material/sidenav";
+import * as i6 from "@angular/material/button";
+import * as i7 from "@angular/material/icon";
+import * as i8 from "@angular/flex-layout/flex";
+import * as i9 from "../side-nav/side-nav.component";
+import * as i10 from "../wrapper/wrapper.component";
+export class ShellComponent extends NgSsmComponent {
+    constructor(store) {
+        super(store);
+        this._shellConfig$ = new BehaviorSubject(undefined);
+        this.class = 'ngssm-shell';
+    }
+    set shellConfig(value) {
+        this._shellConfig$.next(value);
+    }
+    get shellConfig$() {
+        return this._shellConfig$.asObservable();
+    }
+}
+ShellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: ShellComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component });
+ShellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.4", type: ShellComponent, selector: "ngssm-shell", inputs: { shellConfig: "shellConfig" }, host: { properties: { "class": "this.class" } }, usesInheritance: true, ngImport: i0, template: "<div fxFlex fxLayout=\"column\" fxLayoutAlign=\" stretch\" class=\"ngssm-shell-container\"\n    *ngIf=\"(shellConfig$ | async) as config; else noShellConfig\">\n    <mat-sidenav-container fxFlex>\n        <mat-sidenav-content fxLayout=\"column\">\n            <mat-toolbar fxLayout=\"row\" fxLayoutAlign=\" center\" class=\"ngssm-shell-header\">\n                <button mat-icon-button (click)=\"leftSidebar.toggle()\">\n                    <mat-icon class=\"fa-solid fa-bars\"></mat-icon>\n                </button>\n                <img [src]=\"config.logo\" *ngIf=\"config.logo\" class=\"ngssm-shell-header-logo\" />\n                <span class=\"ngssm-shell-header-title\" *ngIf=\"config.applicationTitle\">\n                    {{config.applicationTitle}}\n                </span>\n            </mat-toolbar>\n\n            <mat-sidenav-container fxFlex>\n                <mat-sidenav mode=\"side\" opened=\"true\" #leftSidebar class=\"ngssm-shell-navigation-bar\">\n                    <ngssm-side-nav [config]=\"config.sidenavConfig\"></ngssm-side-nav>\n                </mat-sidenav>\n                <mat-sidenav-content class=\"ngssm-shell-content\">\n                    <router-outlet></router-outlet>\n                </mat-sidenav-content>\n            </mat-sidenav-container>\n        </mat-sidenav-content>\n\n        <mat-sidenav mode=\"over\" opened=\"false\" #rightSidebar position=\"end\" class=\"ngssm-shell-messages-bar\">\n            TODO - display the notifications\n        </mat-sidenav>\n    </mat-sidenav-container>\n    <mat-toolbar fxLayout=\"row\" fxLayoutAlign=\" center\" class=\"ngssm-shell-footer\"\n        *ngIf=\"config.displayFooter === true\">\n        <ngssm-wrapper *ngFor=\"let component of config.footerComponents\" [item]=\"component\"></ngssm-wrapper>\n        <span fxFlex></span>\n        <button mat-icon-button (click)=\"rightSidebar.toggle()\" *ngIf=\"config.displayFooterNotificationsButton\">\n            <mat-icon class=\"fa-regular fa-message\"></mat-icon>\n        </button>\n    </mat-toolbar>\n</div>\n\n<ng-template #noShellConfig>\n    <div class=\"ngssm-shell-no-config\">\n        Please, provide a config for the shell.\n    </div>\n</ng-template>", dependencies: [{ kind: "directive", type: i2.RouterOutlet, selector: "router-outlet", outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i5.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i5.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: i5.MatSidenavContent, selector: "mat-sidenav-content" }, { kind: "component", type: i6.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i8.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i8.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i8.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "component", type: i9.SideNavComponent, selector: "ngssm-side-nav", inputs: ["config"] }, { kind: "component", type: i10.WrapperComponent, selector: "ngssm-wrapper", inputs: ["item"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: ShellComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngssm-shell', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div fxFlex fxLayout=\"column\" fxLayoutAlign=\" stretch\" class=\"ngssm-shell-container\"\n    *ngIf=\"(shellConfig$ | async) as config; else noShellConfig\">\n    <mat-sidenav-container fxFlex>\n        <mat-sidenav-content fxLayout=\"column\">\n            <mat-toolbar fxLayout=\"row\" fxLayoutAlign=\" center\" class=\"ngssm-shell-header\">\n                <button mat-icon-button (click)=\"leftSidebar.toggle()\">\n                    <mat-icon class=\"fa-solid fa-bars\"></mat-icon>\n                </button>\n                <img [src]=\"config.logo\" *ngIf=\"config.logo\" class=\"ngssm-shell-header-logo\" />\n                <span class=\"ngssm-shell-header-title\" *ngIf=\"config.applicationTitle\">\n                    {{config.applicationTitle}}\n                </span>\n            </mat-toolbar>\n\n            <mat-sidenav-container fxFlex>\n                <mat-sidenav mode=\"side\" opened=\"true\" #leftSidebar class=\"ngssm-shell-navigation-bar\">\n                    <ngssm-side-nav [config]=\"config.sidenavConfig\"></ngssm-side-nav>\n                </mat-sidenav>\n                <mat-sidenav-content class=\"ngssm-shell-content\">\n                    <router-outlet></router-outlet>\n                </mat-sidenav-content>\n            </mat-sidenav-container>\n        </mat-sidenav-content>\n\n        <mat-sidenav mode=\"over\" opened=\"false\" #rightSidebar position=\"end\" class=\"ngssm-shell-messages-bar\">\n            TODO - display the notifications\n        </mat-sidenav>\n    </mat-sidenav-container>\n    <mat-toolbar fxLayout=\"row\" fxLayoutAlign=\" center\" class=\"ngssm-shell-footer\"\n        *ngIf=\"config.displayFooter === true\">\n        <ngssm-wrapper *ngFor=\"let component of config.footerComponents\" [item]=\"component\"></ngssm-wrapper>\n        <span fxFlex></span>\n        <button mat-icon-button (click)=\"rightSidebar.toggle()\" *ngIf=\"config.displayFooterNotificationsButton\">\n            <mat-icon class=\"fa-regular fa-message\"></mat-icon>\n        </button>\n    </mat-toolbar>\n</div>\n\n<ng-template #noShellConfig>\n    <div class=\"ngssm-shell-no-config\">\n        Please, provide a config for the shell.\n    </div>\n</ng-template>" }]
+        }], ctorParameters: function () { return [{ type: i1.Store }]; }, propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class']
+            }], shellConfig: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hlbGwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmdzc20tc2hlbGwvc3JjL2xpYi9jb21wb25lbnRzL3NoZWxsL3NoZWxsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nc3NtLXNoZWxsL3NyYy9saWIvY29tcG9uZW50cy9zaGVsbC9zaGVsbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLHVCQUF1QixFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkYsT0FBTyxFQUFFLGVBQWUsRUFBYyxNQUFNLE1BQU0sQ0FBQztBQUVuRCxPQUFPLEVBQUUsY0FBYyxFQUFTLE1BQU0sYUFBYSxDQUFDOzs7Ozs7Ozs7Ozs7QUFTcEQsTUFBTSxPQUFPLGNBQWUsU0FBUSxjQUFjO0lBS2hELFlBQVksS0FBWTtRQUN0QixLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFMRSxrQkFBYSxHQUFHLElBQUksZUFBZSxDQUEwQixTQUFTLENBQUMsQ0FBQztRQUVuRSxVQUFLLEdBQUcsYUFBYSxDQUFDO0lBSTVDLENBQUM7SUFFRCxJQUFvQixXQUFXLENBQUMsS0FBa0I7UUFDaEQsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDakMsQ0FBQztJQUVELElBQVcsWUFBWTtRQUNyQixPQUFPLElBQUksQ0FBQyxhQUFhLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDM0MsQ0FBQzs7MkdBZlUsY0FBYzsrRkFBZCxjQUFjLG1LQ1ozQix5cUVBMENjOzJGRDlCRCxjQUFjO2tCQUwxQixTQUFTOytCQUNFLGFBQWEsbUJBRU4sdUJBQXVCLENBQUMsTUFBTTs0RkFLekIsS0FBSztzQkFBMUIsV0FBVzt1QkFBQyxPQUFPO2dCQU1BLFdBQVc7c0JBQTlCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBJbnB1dCwgSG9zdEJpbmRpbmcgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCwgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuXG5pbXBvcnQgeyBOZ1NzbUNvbXBvbmVudCwgU3RvcmUgfSBmcm9tICduZ3NzbS1zdG9yZSc7XG5cbmltcG9ydCB7IFNoZWxsQ29uZmlnIH0gZnJvbSAnLi4vLi4vbW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduZ3NzbS1zaGVsbCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9zaGVsbC5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIFNoZWxsQ29tcG9uZW50IGV4dGVuZHMgTmdTc21Db21wb25lbnQge1xuICBwcml2YXRlIHJlYWRvbmx5IF9zaGVsbENvbmZpZyQgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PFNoZWxsQ29uZmlnIHwgdW5kZWZpbmVkPih1bmRlZmluZWQpO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKSBjbGFzcyA9ICduZ3NzbS1zaGVsbCc7XG5cbiAgY29uc3RydWN0b3Ioc3RvcmU6IFN0b3JlKSB7XG4gICAgc3VwZXIoc3RvcmUpO1xuICB9XG5cbiAgQElucHV0KCkgcHVibGljIHNldCBzaGVsbENvbmZpZyh2YWx1ZTogU2hlbGxDb25maWcpIHtcbiAgICB0aGlzLl9zaGVsbENvbmZpZyQubmV4dCh2YWx1ZSk7XG4gIH1cblxuICBwdWJsaWMgZ2V0IHNoZWxsQ29uZmlnJCgpOiBPYnNlcnZhYmxlPFNoZWxsQ29uZmlnIHwgdW5kZWZpbmVkPiB7XG4gICAgcmV0dXJuIHRoaXMuX3NoZWxsQ29uZmlnJC5hc09ic2VydmFibGUoKTtcbiAgfVxufVxuIiwiPGRpdiBmeEZsZXggZnhMYXlvdXQ9XCJjb2x1bW5cIiBmeExheW91dEFsaWduPVwiIHN0cmV0Y2hcIiBjbGFzcz1cIm5nc3NtLXNoZWxsLWNvbnRhaW5lclwiXG4gICAgKm5nSWY9XCIoc2hlbGxDb25maWckIHwgYXN5bmMpIGFzIGNvbmZpZzsgZWxzZSBub1NoZWxsQ29uZmlnXCI+XG4gICAgPG1hdC1zaWRlbmF2LWNvbnRhaW5lciBmeEZsZXg+XG4gICAgICAgIDxtYXQtc2lkZW5hdi1jb250ZW50IGZ4TGF5b3V0PVwiY29sdW1uXCI+XG4gICAgICAgICAgICA8bWF0LXRvb2xiYXIgZnhMYXlvdXQ9XCJyb3dcIiBmeExheW91dEFsaWduPVwiIGNlbnRlclwiIGNsYXNzPVwibmdzc20tc2hlbGwtaGVhZGVyXCI+XG4gICAgICAgICAgICAgICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gKGNsaWNrKT1cImxlZnRTaWRlYmFyLnRvZ2dsZSgpXCI+XG4gICAgICAgICAgICAgICAgICAgIDxtYXQtaWNvbiBjbGFzcz1cImZhLXNvbGlkIGZhLWJhcnNcIj48L21hdC1pY29uPlxuICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgICAgIDxpbWcgW3NyY109XCJjb25maWcubG9nb1wiICpuZ0lmPVwiY29uZmlnLmxvZ29cIiBjbGFzcz1cIm5nc3NtLXNoZWxsLWhlYWRlci1sb2dvXCIgLz5cbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cIm5nc3NtLXNoZWxsLWhlYWRlci10aXRsZVwiICpuZ0lmPVwiY29uZmlnLmFwcGxpY2F0aW9uVGl0bGVcIj5cbiAgICAgICAgICAgICAgICAgICAge3tjb25maWcuYXBwbGljYXRpb25UaXRsZX19XG4gICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgPC9tYXQtdG9vbGJhcj5cblxuICAgICAgICAgICAgPG1hdC1zaWRlbmF2LWNvbnRhaW5lciBmeEZsZXg+XG4gICAgICAgICAgICAgICAgPG1hdC1zaWRlbmF2IG1vZGU9XCJzaWRlXCIgb3BlbmVkPVwidHJ1ZVwiICNsZWZ0U2lkZWJhciBjbGFzcz1cIm5nc3NtLXNoZWxsLW5hdmlnYXRpb24tYmFyXCI+XG4gICAgICAgICAgICAgICAgICAgIDxuZ3NzbS1zaWRlLW5hdiBbY29uZmlnXT1cImNvbmZpZy5zaWRlbmF2Q29uZmlnXCI+PC9uZ3NzbS1zaWRlLW5hdj5cbiAgICAgICAgICAgICAgICA8L21hdC1zaWRlbmF2PlxuICAgICAgICAgICAgICAgIDxtYXQtc2lkZW5hdi1jb250ZW50IGNsYXNzPVwibmdzc20tc2hlbGwtY29udGVudFwiPlxuICAgICAgICAgICAgICAgICAgICA8cm91dGVyLW91dGxldD48L3JvdXRlci1vdXRsZXQ+XG4gICAgICAgICAgICAgICAgPC9tYXQtc2lkZW5hdi1jb250ZW50PlxuICAgICAgICAgICAgPC9tYXQtc2lkZW5hdi1jb250YWluZXI+XG4gICAgICAgIDwvbWF0LXNpZGVuYXYtY29udGVudD5cblxuICAgICAgICA8bWF0LXNpZGVuYXYgbW9kZT1cIm92ZXJcIiBvcGVuZWQ9XCJmYWxzZVwiICNyaWdodFNpZGViYXIgcG9zaXRpb249XCJlbmRcIiBjbGFzcz1cIm5nc3NtLXNoZWxsLW1lc3NhZ2VzLWJhclwiPlxuICAgICAgICAgICAgVE9ETyAtIGRpc3BsYXkgdGhlIG5vdGlmaWNhdGlvbnNcbiAgICAgICAgPC9tYXQtc2lkZW5hdj5cbiAgICA8L21hdC1zaWRlbmF2LWNvbnRhaW5lcj5cbiAgICA8bWF0LXRvb2xiYXIgZnhMYXlvdXQ9XCJyb3dcIiBmeExheW91dEFsaWduPVwiIGNlbnRlclwiIGNsYXNzPVwibmdzc20tc2hlbGwtZm9vdGVyXCJcbiAgICAgICAgKm5nSWY9XCJjb25maWcuZGlzcGxheUZvb3RlciA9PT0gdHJ1ZVwiPlxuICAgICAgICA8bmdzc20td3JhcHBlciAqbmdGb3I9XCJsZXQgY29tcG9uZW50IG9mIGNvbmZpZy5mb290ZXJDb21wb25lbnRzXCIgW2l0ZW1dPVwiY29tcG9uZW50XCI+PC9uZ3NzbS13cmFwcGVyPlxuICAgICAgICA8c3BhbiBmeEZsZXg+PC9zcGFuPlxuICAgICAgICA8YnV0dG9uIG1hdC1pY29uLWJ1dHRvbiAoY2xpY2spPVwicmlnaHRTaWRlYmFyLnRvZ2dsZSgpXCIgKm5nSWY9XCJjb25maWcuZGlzcGxheUZvb3Rlck5vdGlmaWNhdGlvbnNCdXR0b25cIj5cbiAgICAgICAgICAgIDxtYXQtaWNvbiBjbGFzcz1cImZhLXJlZ3VsYXIgZmEtbWVzc2FnZVwiPjwvbWF0LWljb24+XG4gICAgICAgIDwvYnV0dG9uPlxuICAgIDwvbWF0LXRvb2xiYXI+XG48L2Rpdj5cblxuPG5nLXRlbXBsYXRlICNub1NoZWxsQ29uZmlnPlxuICAgIDxkaXYgY2xhc3M9XCJuZ3NzbS1zaGVsbC1uby1jb25maWdcIj5cbiAgICAgICAgUGxlYXNlLCBwcm92aWRlIGEgY29uZmlnIGZvciB0aGUgc2hlbGwuXG4gICAgPC9kaXY+XG48L25nLXRlbXBsYXRlPiJdfQ==

package/esm2020/lib/components/side-nav/side-nav.component.mjs

@@ -0,0 +1,36 @@
+import { Component, ChangeDetectionStrategy, Input, HostBinding } from '@angular/core';
+import { BehaviorSubject } from 'rxjs';
+import { NgSsmComponent } from 'ngssm-store';
+import * as i0 from "@angular/core";
+import * as i1 from "ngssm-store";
+import * as i2 from "@angular/router";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/material/list";
+import * as i5 from "@angular/material/divider";
+import * as i6 from "@angular/flex-layout/flex";
+import * as i7 from "../wrapper/wrapper.component";
+export class SideNavComponent extends NgSsmComponent {
+    constructor(store) {
+        super(store);
+        this._sidenavConfig$ = new BehaviorSubject(undefined);
+        this.class = 'ngssm-sidenav';
+    }
+    set config(value) {
+        this._sidenavConfig$.next(value);
+    }
+    get sidenavConfig$() {
+        return this._sidenavConfig$.asObservable();
+    }
+}
+SideNavComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: SideNavComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component });
+SideNavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.4", type: SideNavComponent, selector: "ngssm-side-nav", inputs: { config: "config" }, host: { properties: { "class": "this.class" } }, usesInheritance: true, ngImport: i0, template: "<mat-nav-list class=\"ngssm-sidenav-main-container\" *ngIf=\"(sidenavConfig$ | async) as config\">\n    <div mat-header *ngIf=\"config.title\">{{config.title}}</div>\n    <mat-divider *ngIf=\"config.title\"></mat-divider>\n    <ng-container *ngFor=\"let section of config.sections;let last = last;\" class=\"ngssm-sidenav-section-container\">\n        <mat-list-item mat-subheader class=\"ngssm-sidenav-section-item-container\">\n            <div *ngIf=\"!section.route\" class=\"ngssm-sidenav-section-item\">\n                <span *ngIf=\"section.icon\" [innerHTML]=\"section.icon\" class=\"ngssm-sidenav-item-icon\"></span>\n                {{section.label}}\n                <ngssm-wrapper *ngIf=\"section.component\" [item]=\"section.component\"></ngssm-wrapper>\n            </div>\n\n            <a [routerLink]=\"section.route\" routerLinkActive=\"ngssm-sidenav-active-link\"\n                [routerLinkActiveOptions]=\"{exact:false}\" *ngIf=\"section.route\" class=\"ngssm-sidenav-section-item\">\n                <div fxLayout=\"row\" fxLayoutAlign=\" center\" fxFlex>\n                    <span *ngIf=\"section.icon\" [innerHTML]=\"section.icon\" class=\"ngssm-sidenav-item-icon\"></span>\n                    {{section.label}}\n                    <ngssm-wrapper *ngIf=\"section.component\" [item]=\"section.component\"></ngssm-wrapper>\n                </div>\n            </a>\n        </mat-list-item>\n        <mat-list-item *ngFor=\"let item of section.items\" class=\"ngssm-sidenav-item-container\">\n            <div *ngIf=\"!item.route\" class=\"ngssm-sidenav-section-item\">\n                <span *ngIf=\"item.icon\" [innerHTML]=\"item.icon\" class=\"ngssm-sidenav-item-icon\"></span>\n                {{item.label}}\n                <ngssm-wrapper *ngIf=\"item.component\" [item]=\"item.component\"></ngssm-wrapper>\n            </div>\n\n            <a [routerLink]=\"item.route\" routerLinkActive=\"ngssm-sidenav-active-link\"\n                [routerLinkActiveOptions]=\"{exact:true}\" *ngIf=\"item.route\" class=\"ngssm-sidenav-section-item\">\n                <div>\n                    <span *ngIf=\"item.icon\" [innerHTML]=\"item.icon\" class=\"ngssm-sidenav-item-icon\"></span>\n                    {{item.label}}\n                    <ngssm-wrapper *ngIf=\"item.component\" [item]=\"item.component\"></ngssm-wrapper>\n                </div>\n            </a>\n        </mat-list-item>\n\n        <mat-divider *ngIf=\"!last\"></mat-divider>\n    </ng-container>\n</mat-nav-list>", dependencies: [{ kind: "directive", type: i2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatNavList, selector: "mat-nav-list", inputs: ["disableRipple", "disabled"], exportAs: ["matNavList"] }, { kind: "component", type: i4.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }, { kind: "directive", type: i4.MatListSubheaderCssMatStyler, selector: "[mat-subheader], [matSubheader]" }, { kind: "component", type: i5.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i6.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i6.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i6.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "component", type: i7.WrapperComponent, selector: "ngssm-wrapper", inputs: ["item"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: SideNavComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngssm-side-nav', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-nav-list class=\"ngssm-sidenav-main-container\" *ngIf=\"(sidenavConfig$ | async) as config\">\n    <div mat-header *ngIf=\"config.title\">{{config.title}}</div>\n    <mat-divider *ngIf=\"config.title\"></mat-divider>\n    <ng-container *ngFor=\"let section of config.sections;let last = last;\" class=\"ngssm-sidenav-section-container\">\n        <mat-list-item mat-subheader class=\"ngssm-sidenav-section-item-container\">\n            <div *ngIf=\"!section.route\" class=\"ngssm-sidenav-section-item\">\n                <span *ngIf=\"section.icon\" [innerHTML]=\"section.icon\" class=\"ngssm-sidenav-item-icon\"></span>\n                {{section.label}}\n                <ngssm-wrapper *ngIf=\"section.component\" [item]=\"section.component\"></ngssm-wrapper>\n            </div>\n\n            <a [routerLink]=\"section.route\" routerLinkActive=\"ngssm-sidenav-active-link\"\n                [routerLinkActiveOptions]=\"{exact:false}\" *ngIf=\"section.route\" class=\"ngssm-sidenav-section-item\">\n                <div fxLayout=\"row\" fxLayoutAlign=\" center\" fxFlex>\n                    <span *ngIf=\"section.icon\" [innerHTML]=\"section.icon\" class=\"ngssm-sidenav-item-icon\"></span>\n                    {{section.label}}\n                    <ngssm-wrapper *ngIf=\"section.component\" [item]=\"section.component\"></ngssm-wrapper>\n                </div>\n            </a>\n        </mat-list-item>\n        <mat-list-item *ngFor=\"let item of section.items\" class=\"ngssm-sidenav-item-container\">\n            <div *ngIf=\"!item.route\" class=\"ngssm-sidenav-section-item\">\n                <span *ngIf=\"item.icon\" [innerHTML]=\"item.icon\" class=\"ngssm-sidenav-item-icon\"></span>\n                {{item.label}}\n                <ngssm-wrapper *ngIf=\"item.component\" [item]=\"item.component\"></ngssm-wrapper>\n            </div>\n\n            <a [routerLink]=\"item.route\" routerLinkActive=\"ngssm-sidenav-active-link\"\n                [routerLinkActiveOptions]=\"{exact:true}\" *ngIf=\"item.route\" class=\"ngssm-sidenav-section-item\">\n                <div>\n                    <span *ngIf=\"item.icon\" [innerHTML]=\"item.icon\" class=\"ngssm-sidenav-item-icon\"></span>\n                    {{item.label}}\n                    <ngssm-wrapper *ngIf=\"item.component\" [item]=\"item.component\"></ngssm-wrapper>\n                </div>\n            </a>\n        </mat-list-item>\n\n        <mat-divider *ngIf=\"!last\"></mat-divider>\n    </ng-container>\n</mat-nav-list>" }]
+        }], ctorParameters: function () { return [{ type: i1.Store }]; }, propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class']
+            }], config: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1uYXYuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmdzc20tc2hlbGwvc3JjL2xpYi9jb21wb25lbnRzL3NpZGUtbmF2L3NpZGUtbmF2LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nc3NtLXNoZWxsL3NyYy9saWIvY29tcG9uZW50cy9zaWRlLW5hdi9zaWRlLW5hdi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLHVCQUF1QixFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkYsT0FBTyxFQUFFLGVBQWUsRUFBYyxNQUFNLE1BQU0sQ0FBQztBQUVuRCxPQUFPLEVBQUUsY0FBYyxFQUFTLE1BQU0sYUFBYSxDQUFDOzs7Ozs7Ozs7QUFTcEQsTUFBTSxPQUFPLGdCQUFpQixTQUFRLGNBQWM7SUFLbEQsWUFBWSxLQUFZO1FBQ3RCLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUxFLG9CQUFlLEdBQUcsSUFBSSxlQUFlLENBQTRCLFNBQVMsQ0FBQyxDQUFDO1FBRXZFLFVBQUssR0FBRyxlQUFlLENBQUM7SUFJOUMsQ0FBQztJQUVELElBQW9CLE1BQU0sQ0FBQyxLQUFnQztRQUN6RCxJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNuQyxDQUFDO0lBRUQsSUFBVyxjQUFjO1FBQ3ZCLE9BQU8sSUFBSSxDQUFDLGVBQWUsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUM3QyxDQUFDOzs2R0FmVSxnQkFBZ0I7aUdBQWhCLGdCQUFnQiw0SkNaN0IsZzlFQXVDZTsyRkQzQkYsZ0JBQWdCO2tCQUw1QixTQUFTOytCQUNFLGdCQUFnQixtQkFFVCx1QkFBdUIsQ0FBQyxNQUFNOzRGQUt6QixLQUFLO3NCQUExQixXQUFXO3VCQUFDLE9BQU87Z0JBTUEsTUFBTTtzQkFBekIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIElucHV0LCBIb3N0QmluZGluZyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQmVoYXZpb3JTdWJqZWN0LCBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XG5cbmltcG9ydCB7IE5nU3NtQ29tcG9uZW50LCBTdG9yZSB9IGZyb20gJ25nc3NtLXN0b3JlJztcblxuaW1wb3J0IHsgU2lkZW5hdkNvbmZpZyB9IGZyb20gJy4uLy4uL21vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmdzc20tc2lkZS1uYXYnLFxuICB0ZW1wbGF0ZVVybDogJy4vc2lkZS1uYXYuY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBTaWRlTmF2Q29tcG9uZW50IGV4dGVuZHMgTmdTc21Db21wb25lbnQge1xuICBwcml2YXRlIHJlYWRvbmx5IF9zaWRlbmF2Q29uZmlnJCA9IG5ldyBCZWhhdmlvclN1YmplY3Q8U2lkZW5hdkNvbmZpZyB8IHVuZGVmaW5lZD4odW5kZWZpbmVkKTtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJykgY2xhc3MgPSAnbmdzc20tc2lkZW5hdic7XG5cbiAgY29uc3RydWN0b3Ioc3RvcmU6IFN0b3JlKSB7XG4gICAgc3VwZXIoc3RvcmUpO1xuICB9XG5cbiAgQElucHV0KCkgcHVibGljIHNldCBjb25maWcodmFsdWU6IFNpZGVuYXZDb25maWcgfCB1bmRlZmluZWQpIHtcbiAgICB0aGlzLl9zaWRlbmF2Q29uZmlnJC5uZXh0KHZhbHVlKTtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgc2lkZW5hdkNvbmZpZyQoKTogT2JzZXJ2YWJsZTxTaWRlbmF2Q29uZmlnIHwgdW5kZWZpbmVkPiB7XG4gICAgcmV0dXJuIHRoaXMuX3NpZGVuYXZDb25maWckLmFzT2JzZXJ2YWJsZSgpO1xuICB9XG59XG4iLCI8bWF0LW5hdi1saXN0IGNsYXNzPVwibmdzc20tc2lkZW5hdi1tYWluLWNvbnRhaW5lclwiICpuZ0lmPVwiKHNpZGVuYXZDb25maWckIHwgYXN5bmMpIGFzIGNvbmZpZ1wiPlxuICAgIDxkaXYgbWF0LWhlYWRlciAqbmdJZj1cImNvbmZpZy50aXRsZVwiPnt7Y29uZmlnLnRpdGxlfX08L2Rpdj5cbiAgICA8bWF0LWRpdmlkZXIgKm5nSWY9XCJjb25maWcudGl0bGVcIj48L21hdC1kaXZpZGVyPlxuICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IHNlY3Rpb24gb2YgY29uZmlnLnNlY3Rpb25zO2xldCBsYXN0ID0gbGFzdDtcIiBjbGFzcz1cIm5nc3NtLXNpZGVuYXYtc2VjdGlvbi1jb250YWluZXJcIj5cbiAgICAgICAgPG1hdC1saXN0LWl0ZW0gbWF0LXN1YmhlYWRlciBjbGFzcz1cIm5nc3NtLXNpZGVuYXYtc2VjdGlvbi1pdGVtLWNvbnRhaW5lclwiPlxuICAgICAgICAgICAgPGRpdiAqbmdJZj1cIiFzZWN0aW9uLnJvdXRlXCIgY2xhc3M9XCJuZ3NzbS1zaWRlbmF2LXNlY3Rpb24taXRlbVwiPlxuICAgICAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwic2VjdGlvbi5pY29uXCIgW2lubmVySFRNTF09XCJzZWN0aW9uLmljb25cIiBjbGFzcz1cIm5nc3NtLXNpZGVuYXYtaXRlbS1pY29uXCI+PC9zcGFuPlxuICAgICAgICAgICAgICAgIHt7c2VjdGlvbi5sYWJlbH19XG4gICAgICAgICAgICAgICAgPG5nc3NtLXdyYXBwZXIgKm5nSWY9XCJzZWN0aW9uLmNvbXBvbmVudFwiIFtpdGVtXT1cInNlY3Rpb24uY29tcG9uZW50XCI+PC9uZ3NzbS13cmFwcGVyPlxuICAgICAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgICAgIDxhIFtyb3V0ZXJMaW5rXT1cInNlY3Rpb24ucm91dGVcIiByb3V0ZXJMaW5rQWN0aXZlPVwibmdzc20tc2lkZW5hdi1hY3RpdmUtbGlua1wiXG4gICAgICAgICAgICAgICAgW3JvdXRlckxpbmtBY3RpdmVPcHRpb25zXT1cIntleGFjdDpmYWxzZX1cIiAqbmdJZj1cInNlY3Rpb24ucm91dGVcIiBjbGFzcz1cIm5nc3NtLXNpZGVuYXYtc2VjdGlvbi1pdGVtXCI+XG4gICAgICAgICAgICAgICAgPGRpdiBmeExheW91dD1cInJvd1wiIGZ4TGF5b3V0QWxpZ249XCIgY2VudGVyXCIgZnhGbGV4PlxuICAgICAgICAgICAgICAgICAgICA8c3BhbiAqbmdJZj1cInNlY3Rpb24uaWNvblwiIFtpbm5lckhUTUxdPVwic2VjdGlvbi5pY29uXCIgY2xhc3M9XCJuZ3NzbS1zaWRlbmF2LWl0ZW0taWNvblwiPjwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAge3tzZWN0aW9uLmxhYmVsfX1cbiAgICAgICAgICAgICAgICAgICAgPG5nc3NtLXdyYXBwZXIgKm5nSWY9XCJzZWN0aW9uLmNvbXBvbmVudFwiIFtpdGVtXT1cInNlY3Rpb24uY29tcG9uZW50XCI+PC9uZ3NzbS13cmFwcGVyPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9hPlxuICAgICAgICA8L21hdC1saXN0LWl0ZW0+XG4gICAgICAgIDxtYXQtbGlzdC1pdGVtICpuZ0Zvcj1cImxldCBpdGVtIG9mIHNlY3Rpb24uaXRlbXNcIiBjbGFzcz1cIm5nc3NtLXNpZGVuYXYtaXRlbS1jb250YWluZXJcIj5cbiAgICAgICAgICAgIDxkaXYgKm5nSWY9XCIhaXRlbS5yb3V0ZVwiIGNsYXNzPVwibmdzc20tc2lkZW5hdi1zZWN0aW9uLWl0ZW1cIj5cbiAgICAgICAgICAgICAgICA8c3BhbiAqbmdJZj1cIml0ZW0uaWNvblwiIFtpbm5lckhUTUxdPVwiaXRlbS5pY29uXCIgY2xhc3M9XCJuZ3NzbS1zaWRlbmF2LWl0ZW0taWNvblwiPjwvc3Bhbj5cbiAgICAgICAgICAgICAgICB7e2l0ZW0ubGFiZWx9fVxuICAgICAgICAgICAgICAgIDxuZ3NzbS13cmFwcGVyICpuZ0lmPVwiaXRlbS5jb21wb25lbnRcIiBbaXRlbV09XCJpdGVtLmNvbXBvbmVudFwiPjwvbmdzc20td3JhcHBlcj5cbiAgICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAgICA8YSBbcm91dGVyTGlua109XCJpdGVtLnJvdXRlXCIgcm91dGVyTGlua0FjdGl2ZT1cIm5nc3NtLXNpZGVuYXYtYWN0aXZlLWxpbmtcIlxuICAgICAgICAgICAgICAgIFtyb3V0ZXJMaW5rQWN0aXZlT3B0aW9uc109XCJ7ZXhhY3Q6dHJ1ZX1cIiAqbmdJZj1cIml0ZW0ucm91dGVcIiBjbGFzcz1cIm5nc3NtLXNpZGVuYXYtc2VjdGlvbi1pdGVtXCI+XG4gICAgICAgICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgICAgICAgICAgPHNwYW4gKm5nSWY9XCJpdGVtLmljb25cIiBbaW5uZXJIVE1MXT1cIml0ZW0uaWNvblwiIGNsYXNzPVwibmdzc20tc2lkZW5hdi1pdGVtLWljb25cIj48L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgIHt7aXRlbS5sYWJlbH19XG4gICAgICAgICAgICAgICAgICAgIDxuZ3NzbS13cmFwcGVyICpuZ0lmPVwiaXRlbS5jb21wb25lbnRcIiBbaXRlbV09XCJpdGVtLmNvbXBvbmVudFwiPjwvbmdzc20td3JhcHBlcj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvYT5cbiAgICAgICAgPC9tYXQtbGlzdC1pdGVtPlxuXG4gICAgICAgIDxtYXQtZGl2aWRlciAqbmdJZj1cIiFsYXN0XCI+PC9tYXQtZGl2aWRlcj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbjwvbWF0LW5hdi1saXN0PiJdfQ==

package/esm2020/lib/components/wrapper/wrapper.component.mjs

@@ -0,0 +1,34 @@
+import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
+import { BehaviorSubject } from 'rxjs';
+import { NgSsmComponent } from 'ngssm-store';
+import * as i0 from "@angular/core";
+import * as i1 from "ngssm-store";
+import * as i2 from "@angular/common";
+export class WrapperComponent extends NgSsmComponent {
+    constructor(store, viewContainerRef) {
+        super(store);
+        this.viewContainerRef = viewContainerRef;
+        this._innerHtml$ = new BehaviorSubject(undefined);
+    }
+    set item(value) {
+        if (typeof value === 'string') {
+            this._innerHtml$.next(value);
+        }
+        else if (!!value) {
+            this.viewContainerRef.clear();
+            this.viewContainerRef.createComponent(value);
+        }
+    }
+    get innerHtml$() {
+        return this._innerHtml$.asObservable();
+    }
+}
+WrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: WrapperComponent, deps: [{ token: i1.Store }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
+WrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.4", type: WrapperComponent, selector: "ngssm-wrapper", inputs: { item: "item" }, usesInheritance: true, ngImport: i0, template: "<span *ngIf=\"(innerHtml$ | async) as innerHtml\" [innerHTML]=\"innerHtml\"></span>", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: WrapperComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngssm-wrapper', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span *ngIf=\"(innerHtml$ | async) as innerHtml\" [innerHTML]=\"innerHtml\"></span>" }]
+        }], ctorParameters: function () { return [{ type: i1.Store }, { type: i0.ViewContainerRef }]; }, propDecorators: { item: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid3JhcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3NzbS1zaGVsbC9zcmMvbGliL2NvbXBvbmVudHMvd3JhcHBlci93cmFwcGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nc3NtLXNoZWxsL3NyYy9saWIvY29tcG9uZW50cy93cmFwcGVyL3dyYXBwZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSx1QkFBdUIsRUFBRSxLQUFLLEVBQW9CLE1BQU0sZUFBZSxDQUFDO0FBQzVGLE9BQU8sRUFBRSxlQUFlLEVBQWMsTUFBTSxNQUFNLENBQUM7QUFFbkQsT0FBTyxFQUFFLGNBQWMsRUFBUyxNQUFNLGFBQWEsQ0FBQzs7OztBQU9wRCxNQUFNLE9BQU8sZ0JBQWlCLFNBQVEsY0FBYztJQUdsRCxZQUFZLEtBQVksRUFBVSxnQkFBa0M7UUFDbEUsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBRG1CLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBa0I7UUFGbkQsZ0JBQVcsR0FBRyxJQUFJLGVBQWUsQ0FBcUIsU0FBUyxDQUFDLENBQUM7SUFJbEYsQ0FBQztJQUVELElBQW9CLElBQUksQ0FBQyxLQUFVO1FBQ2pDLElBQUksT0FBTyxLQUFLLEtBQUssUUFBUSxFQUFFO1lBQzdCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQzlCO2FBQU0sSUFBSSxDQUFDLENBQUMsS0FBSyxFQUFFO1lBQ2xCLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUM5QixJQUFJLENBQUMsZ0JBQWdCLENBQUMsZUFBZSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQzlDO0lBQ0gsQ0FBQztJQUVELElBQVcsVUFBVTtRQUNuQixPQUFPLElBQUksQ0FBQyxXQUFXLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDekMsQ0FBQzs7NkdBbEJVLGdCQUFnQjtpR0FBaEIsZ0JBQWdCLHNHQ1Y3QixxRkFBK0U7MkZEVWxFLGdCQUFnQjtrQkFMNUIsU0FBUzsrQkFDRSxlQUFlLG1CQUVSLHVCQUF1QixDQUFDLE1BQU07MkhBUzNCLElBQUk7c0JBQXZCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBJbnB1dCwgVmlld0NvbnRhaW5lclJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQmVoYXZpb3JTdWJqZWN0LCBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XG5cbmltcG9ydCB7IE5nU3NtQ29tcG9uZW50LCBTdG9yZSB9IGZyb20gJ25nc3NtLXN0b3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmdzc20td3JhcHBlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi93cmFwcGVyLmNvbXBvbmVudC5odG1sJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgV3JhcHBlckNvbXBvbmVudCBleHRlbmRzIE5nU3NtQ29tcG9uZW50IHtcbiAgcHJpdmF0ZSByZWFkb25seSBfaW5uZXJIdG1sJCA9IG5ldyBCZWhhdmlvclN1YmplY3Q8c3RyaW5nIHwgdW5kZWZpbmVkPih1bmRlZmluZWQpO1xuXG4gIGNvbnN0cnVjdG9yKHN0b3JlOiBTdG9yZSwgcHJpdmF0ZSB2aWV3Q29udGFpbmVyUmVmOiBWaWV3Q29udGFpbmVyUmVmKSB7XG4gICAgc3VwZXIoc3RvcmUpO1xuICB9XG5cbiAgQElucHV0KCkgcHVibGljIHNldCBpdGVtKHZhbHVlOiBhbnkpIHtcbiAgICBpZiAodHlwZW9mIHZhbHVlID09PSAnc3RyaW5nJykge1xuICAgICAgdGhpcy5faW5uZXJIdG1sJC5uZXh0KHZhbHVlKTtcbiAgICB9IGVsc2UgaWYgKCEhdmFsdWUpIHtcbiAgICAgIHRoaXMudmlld0NvbnRhaW5lclJlZi5jbGVhcigpO1xuICAgICAgdGhpcy52aWV3Q29udGFpbmVyUmVmLmNyZWF0ZUNvbXBvbmVudCh2YWx1ZSk7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIGdldCBpbm5lckh0bWwkKCk6IE9ic2VydmFibGU8c3RyaW5nIHwgdW5kZWZpbmVkPiB7XG4gICAgcmV0dXJuIHRoaXMuX2lubmVySHRtbCQuYXNPYnNlcnZhYmxlKCk7XG4gIH1cbn1cbiIsIjxzcGFuICpuZ0lmPVwiKGlubmVySHRtbCQgfCBhc3luYykgYXMgaW5uZXJIdG1sXCIgW2lubmVySFRNTF09XCJpbm5lckh0bWxcIj48L3NwYW4+Il19

package/esm2020/lib/model/index.mjs

@@ -0,0 +1,5 @@
+export * from './shell-config';
+export * from './sidenav-config';
+export * from './sidenav-item';
+export * from './sidenav-section';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3NzbS1zaGVsbC9zcmMvbGliL21vZGVsL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsbUJBQW1CLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3NoZWxsLWNvbmZpZyc7XG5leHBvcnQgKiBmcm9tICcuL3NpZGVuYXYtY29uZmlnJztcbmV4cG9ydCAqIGZyb20gJy4vc2lkZW5hdi1pdGVtJztcbmV4cG9ydCAqIGZyb20gJy4vc2lkZW5hdi1zZWN0aW9uJztcbiJdfQ==

package/esm2020/lib/model/shell-config.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hlbGwtY29uZmlnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmdzc20tc2hlbGwvc3JjL2xpYi9tb2RlbC9zaGVsbC1jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFNpZGVuYXZDb25maWcgfSBmcm9tICcuL3NpZGVuYXYtY29uZmlnJztcblxuLyoqXG4gKiBDb25maWd1cmF0aW9uIHBhcmFtZXRlcnMgb2Yge0BsaW5rIFNoZWxsQ29tcG9uZW50fSBjb21wb25lbnQuXG4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgU2hlbGxDb25maWcge1xuICAvKiogUGF0aCBvZiB0aGUgbG9nbyBpbWFnZSB0byBkaXNwbGF5IGluIHRoZSBoZWFkZXIgYmFyIGlmIGFueSAqL1xuICBsb2dvPzogc3RyaW5nO1xuXG4gIC8qKiBUaGUgdGl0bGUgdG8gYmUgZGlzcGxheWVkIGluIHRoZSBoZWFkZXIgYmFyLiAqL1xuICBhcHBsaWNhdGlvblRpdGxlPzogc3RyaW5nO1xuXG4gIC8qKiBDb25maWd1cmF0aW9uIHBhcmFtZXRlcnMgb2Ygc2lkZW5hdiBhc3NvY2lhdGVkIHRvIHRoZSBzaGVsbC4gKi9cbiAgc2lkZW5hdkNvbmZpZz86IFNpZGVuYXZDb25maWc7XG5cbiAgLyoqIElmIHRydWUsIGRpc3BsYXkgdGhlIGZvb3RlciBNYXRUb29sYmFyICovXG4gIGRpc3BsYXlGb290ZXI/OiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBJZiB0cnVlLCB0aGUgYnV0dG9uIHVzZWQgdG8gZGlzcGxheSB0aGUgbGlzdCBvZiBub3RpZmljYXRpb25zIGlzIGRpc3BsYXllZC5cbiAgICogRm9yIG5vdywgdGhpcyBpcyB1c2VsZXNzIGFzIG5vdGhpbmcgaXMgZG9uZSBhYm91dCB0aGUgbm90aWZpY2F0aW9uc1xuICAgKi9cbiAgZGlzcGxheUZvb3Rlck5vdGlmaWNhdGlvbnNCdXR0b24/OiBib29sZWFuO1xuXG4gIC8qKiBMaXN0IG9mIGNvbXBvbmVudHMgb3IgaHRtbCB0byBkaXNwbGF5IGluIHRoZSBmb290ZXIgKi9cbiAgZm9vdGVyQ29tcG9uZW50cz86IGFueVtdO1xufVxuIl19

package/esm2020/lib/model/sidenav-config.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZW5hdi1jb25maWcuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3NzbS1zaGVsbC9zcmMvbGliL21vZGVsL3NpZGVuYXYtY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBTaWRlbmF2U2VjdGlvbiB9IGZyb20gJy4vc2lkZW5hdi1zZWN0aW9uJztcblxuLyoqXG4gKiBDb25maWd1cmF0aW9uIHBhcmFtZXRlcnMgb2YgdGhlIHtAbGluayBTaWRlTmF2Q29tcG9uZW50fSBjb21wb25lbnQuXG4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgU2lkZW5hdkNvbmZpZyB7XG4gIC8qKiBNYWluIHRpdGxlIG9mIHRoZSBzaWRlbmF2ICovXG4gIHRpdGxlPzogc3RyaW5nO1xuXG4gIC8qKiBMaXN0IG9mIHNlY3Rpb25zIHRvIGJlIGRpc3BsYXllZC4gRWFjaCBzZWN0aW9uIGlzIHVzZWQgdG8gZ3JvdXAgYSBsaXN0IG9mIGxpbmtzLiAqL1xuICBzZWN0aW9ucz86IFNpZGVuYXZTZWN0aW9uW107XG59XG4iXX0=

package/esm2020/lib/model/sidenav-item.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZW5hdi1pdGVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmdzc20tc2hlbGwvc3JjL2xpYi9tb2RlbC9zaWRlbmF2LWl0ZW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgU2lkZW5hdkl0ZW0ge1xuICAvKiogTGFiZWwgZGlzcGxheWVkIGluIHRoZSB7QGxpbmsgU2lkZU5hdkNvbXBvbmVudH0gZm9yIHRoZSBzZWN0aW9uIG9yIHRoZSBsaW5rICovXG4gIGxhYmVsOiBzdHJpbmc7XG5cbiAgLyoqIEh0bWwgY29kZSBmb3IgdGhlIGljb24gdG8gZGlzcGxheSBiZWZvcmUgdGhlIGxhYmVsICovXG4gIGljb24/OiBzdHJpbmc7XG5cbiAgLyoqIFJvdXRlciBsaW5rIGFzc29jaWF0ZWQgdG8gdGhlIGl0ZW0gKi9cbiAgcm91dGU/OiBzdHJpbmc7XG5cbiAgLyoqIEFuZ3VsYXIgY29tcG9uZW50IHRvIGRpc3BsYXkgYXQgdGhlIHJpZ2h0IG9mIHRoZSBsYWJlbCAqL1xuICBjb21wb25lbnQ/OiBhbnk7XG59XG4iXX0=

package/esm2020/lib/model/sidenav-section.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZW5hdi1zZWN0aW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmdzc20tc2hlbGwvc3JjL2xpYi9tb2RlbC9zaWRlbmF2LXNlY3Rpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFNpZGVuYXZJdGVtIH0gZnJvbSAnLi9zaWRlbmF2LWl0ZW0nO1xuXG5leHBvcnQgaW50ZXJmYWNlIFNpZGVuYXZTZWN0aW9uIGV4dGVuZHMgU2lkZW5hdkl0ZW0ge1xuICAvKiogTGlzdCBvZiBsaW5rcyB0byBiZSBkaXNwbGF5ZWQgZm9yIHRoZSBjdXJyZW50IHNlY3Rpb24gKi9cbiAgaXRlbXM/OiBTaWRlbmF2SXRlbVtdO1xufVxuIl19

package/esm2020/lib/ngssm-shell.module.mjs

@@ -0,0 +1,21 @@
+import { NgModule } from '@angular/core';
+import { RouterModule } from '@angular/router';
+import { MaterialImportsModule } from 'ngssm-toolkit';
+import { ShellComponent } from './components/shell/shell.component';
+import { SideNavComponent } from './components/side-nav/side-nav.component';
+import { WrapperComponent } from './components/wrapper/wrapper.component';
+import * as i0 from "@angular/core";
+export class NgssmShellModule {
+}
+NgssmShellModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: NgssmShellModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NgssmShellModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.4", ngImport: i0, type: NgssmShellModule, declarations: [ShellComponent, SideNavComponent, WrapperComponent], imports: [RouterModule, MaterialImportsModule], exports: [ShellComponent, SideNavComponent] });
+NgssmShellModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: NgssmShellModule, imports: [RouterModule, MaterialImportsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: NgssmShellModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ShellComponent, SideNavComponent, WrapperComponent],
+                    imports: [RouterModule, MaterialImportsModule],
+                    exports: [ShellComponent, SideNavComponent]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmdzc20tc2hlbGwubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmdzc20tc2hlbGwvc3JjL2xpYi9uZ3NzbS1zaGVsbC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFL0MsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXRELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUNwRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUM1RSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQzs7QUFPMUUsTUFBTSxPQUFPLGdCQUFnQjs7NkdBQWhCLGdCQUFnQjs4R0FBaEIsZ0JBQWdCLGlCQUpaLGNBQWMsRUFBRSxnQkFBZ0IsRUFBRSxnQkFBZ0IsYUFDdkQsWUFBWSxFQUFFLHFCQUFxQixhQUNuQyxjQUFjLEVBQUUsZ0JBQWdCOzhHQUUvQixnQkFBZ0IsWUFIakIsWUFBWSxFQUFFLHFCQUFxQjsyRkFHbEMsZ0JBQWdCO2tCQUw1QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLGNBQWMsRUFBRSxnQkFBZ0IsRUFBRSxnQkFBZ0IsQ0FBQztvQkFDbEUsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLHFCQUFxQixDQUFDO29CQUM5QyxPQUFPLEVBQUUsQ0FBQyxjQUFjLEVBQUUsZ0JBQWdCLENBQUM7aUJBQzVDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJvdXRlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5cbmltcG9ydCB7IE1hdGVyaWFsSW1wb3J0c01vZHVsZSB9IGZyb20gJ25nc3NtLXRvb2xraXQnO1xuXG5pbXBvcnQgeyBTaGVsbENvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9zaGVsbC9zaGVsbC5jb21wb25lbnQnO1xuaW1wb3J0IHsgU2lkZU5hdkNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9zaWRlLW5hdi9zaWRlLW5hdi5jb21wb25lbnQnO1xuaW1wb3J0IHsgV3JhcHBlckNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy93cmFwcGVyL3dyYXBwZXIuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbU2hlbGxDb21wb25lbnQsIFNpZGVOYXZDb21wb25lbnQsIFdyYXBwZXJDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbUm91dGVyTW9kdWxlLCBNYXRlcmlhbEltcG9ydHNNb2R1bGVdLFxuICBleHBvcnRzOiBbU2hlbGxDb21wb25lbnQsIFNpZGVOYXZDb21wb25lbnRdXG59KVxuZXhwb3J0IGNsYXNzIE5nc3NtU2hlbGxNb2R1bGUge31cbiJdfQ==

package/esm2020/ngssm-shell.mjs

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

package/esm2020/public-api.mjs

@@ -0,0 +1,8 @@
+/*
+ * Public API Surface of ngssm-shell
+ */
+export * from './lib/ngssm-shell.module';
+export * from './lib/components/shell/shell.component';
+export * from './lib/components/side-nav/side-nav.component';
+export * from './lib/model';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL25nc3NtLXNoZWxsL3NyYy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLHdDQUF3QyxDQUFDO0FBQ3ZELGNBQWMsOENBQThDLENBQUM7QUFDN0QsY0FBYyxhQUFhLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIG5nc3NtLXNoZWxsXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9saWIvbmdzc20tc2hlbGwubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvc2hlbGwvc2hlbGwuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvc2lkZS1uYXYvc2lkZS1uYXYuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVsJztcbiJdfQ==

package/fesm2015/ngssm-shell.mjs

@@ -0,0 +1,119 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, HostBinding, NgModule } from '@angular/core';
+import * as i2 from '@angular/router';
+import { RouterModule } from '@angular/router';
+import { MaterialImportsModule } from 'ngssm-toolkit';
+import { BehaviorSubject } from 'rxjs';
+import * as i1 from 'ngssm-store';
+import { NgSsmComponent } from 'ngssm-store';
+import * as i3 from '@angular/common';
+import * as i4$1 from '@angular/material/toolbar';
+import * as i5$1 from '@angular/material/sidenav';
+import * as i6$1 from '@angular/material/button';
+import * as i7 from '@angular/material/icon';
+import * as i6 from '@angular/flex-layout/flex';
+import * as i4 from '@angular/material/list';
+import * as i5 from '@angular/material/divider';
+
+class WrapperComponent extends NgSsmComponent {
+    constructor(store, viewContainerRef) {
+        super(store);
+        this.viewContainerRef = viewContainerRef;
+        this._innerHtml$ = new BehaviorSubject(undefined);
+    }
+    set item(value) {
+        if (typeof value === 'string') {
+            this._innerHtml$.next(value);
+        }
+        else if (!!value) {
+            this.viewContainerRef.clear();
+            this.viewContainerRef.createComponent(value);
+        }
+    }
+    get innerHtml$() {
+        return this._innerHtml$.asObservable();
+    }
+}
+WrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: WrapperComponent, deps: [{ token: i1.Store }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
+WrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.4", type: WrapperComponent, selector: "ngssm-wrapper", inputs: { item: "item" }, usesInheritance: true, ngImport: i0, template: "<span *ngIf=\"(innerHtml$ | async) as innerHtml\" [innerHTML]=\"innerHtml\"></span>", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: WrapperComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngssm-wrapper', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span *ngIf=\"(innerHtml$ | async) as innerHtml\" [innerHTML]=\"innerHtml\"></span>" }]
+        }], ctorParameters: function () { return [{ type: i1.Store }, { type: i0.ViewContainerRef }]; }, propDecorators: { item: [{
+                type: Input
+            }] } });
+
+class SideNavComponent extends NgSsmComponent {
+    constructor(store) {
+        super(store);
+        this._sidenavConfig$ = new BehaviorSubject(undefined);
+        this.class = 'ngssm-sidenav';
+    }
+    set config(value) {
+        this._sidenavConfig$.next(value);
+    }
+    get sidenavConfig$() {
+        return this._sidenavConfig$.asObservable();
+    }
+}
+SideNavComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: SideNavComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component });
+SideNavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.4", type: SideNavComponent, selector: "ngssm-side-nav", inputs: { config: "config" }, host: { properties: { "class": "this.class" } }, usesInheritance: true, ngImport: i0, template: "<mat-nav-list class=\"ngssm-sidenav-main-container\" *ngIf=\"(sidenavConfig$ | async) as config\">\n    <div mat-header *ngIf=\"config.title\">{{config.title}}</div>\n    <mat-divider *ngIf=\"config.title\"></mat-divider>\n    <ng-container *ngFor=\"let section of config.sections;let last = last;\" class=\"ngssm-sidenav-section-container\">\n        <mat-list-item mat-subheader class=\"ngssm-sidenav-section-item-container\">\n            <div *ngIf=\"!section.route\" class=\"ngssm-sidenav-section-item\">\n                <span *ngIf=\"section.icon\" [innerHTML]=\"section.icon\" class=\"ngssm-sidenav-item-icon\"></span>\n                {{section.label}}\n                <ngssm-wrapper *ngIf=\"section.component\" [item]=\"section.component\"></ngssm-wrapper>\n            </div>\n\n            <a [routerLink]=\"section.route\" routerLinkActive=\"ngssm-sidenav-active-link\"\n                [routerLinkActiveOptions]=\"{exact:false}\" *ngIf=\"section.route\" class=\"ngssm-sidenav-section-item\">\n                <div fxLayout=\"row\" fxLayoutAlign=\" center\" fxFlex>\n                    <span *ngIf=\"section.icon\" [innerHTML]=\"section.icon\" class=\"ngssm-sidenav-item-icon\"></span>\n                    {{section.label}}\n                    <ngssm-wrapper *ngIf=\"section.component\" [item]=\"section.component\"></ngssm-wrapper>\n                </div>\n            </a>\n        </mat-list-item>\n        <mat-list-item *ngFor=\"let item of section.items\" class=\"ngssm-sidenav-item-container\">\n            <div *ngIf=\"!item.route\" class=\"ngssm-sidenav-section-item\">\n                <span *ngIf=\"item.icon\" [innerHTML]=\"item.icon\" class=\"ngssm-sidenav-item-icon\"></span>\n                {{item.label}}\n                <ngssm-wrapper *ngIf=\"item.component\" [item]=\"item.component\"></ngssm-wrapper>\n            </div>\n\n            <a [routerLink]=\"item.route\" routerLinkActive=\"ngssm-sidenav-active-link\"\n                [routerLinkActiveOptions]=\"{exact:true}\" *ngIf=\"item.route\" class=\"ngssm-sidenav-section-item\">\n                <div>\n                    <span *ngIf=\"item.icon\" [innerHTML]=\"item.icon\" class=\"ngssm-sidenav-item-icon\"></span>\n                    {{item.label}}\n                    <ngssm-wrapper *ngIf=\"item.component\" [item]=\"item.component\"></ngssm-wrapper>\n                </div>\n            </a>\n        </mat-list-item>\n\n        <mat-divider *ngIf=\"!last\"></mat-divider>\n    </ng-container>\n</mat-nav-list>", dependencies: [{ kind: "directive", type: i2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatNavList, selector: "mat-nav-list", inputs: ["disableRipple", "disabled"], exportAs: ["matNavList"] }, { kind: "component", type: i4.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }, { kind: "directive", type: i4.MatListSubheaderCssMatStyler, selector: "[mat-subheader], [matSubheader]" }, { kind: "component", type: i5.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i6.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i6.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i6.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "component", type: WrapperComponent, selector: "ngssm-wrapper", inputs: ["item"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: SideNavComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngssm-side-nav', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-nav-list class=\"ngssm-sidenav-main-container\" *ngIf=\"(sidenavConfig$ | async) as config\">\n    <div mat-header *ngIf=\"config.title\">{{config.title}}</div>\n    <mat-divider *ngIf=\"config.title\"></mat-divider>\n    <ng-container *ngFor=\"let section of config.sections;let last = last;\" class=\"ngssm-sidenav-section-container\">\n        <mat-list-item mat-subheader class=\"ngssm-sidenav-section-item-container\">\n            <div *ngIf=\"!section.route\" class=\"ngssm-sidenav-section-item\">\n                <span *ngIf=\"section.icon\" [innerHTML]=\"section.icon\" class=\"ngssm-sidenav-item-icon\"></span>\n                {{section.label}}\n                <ngssm-wrapper *ngIf=\"section.component\" [item]=\"section.component\"></ngssm-wrapper>\n            </div>\n\n            <a [routerLink]=\"section.route\" routerLinkActive=\"ngssm-sidenav-active-link\"\n                [routerLinkActiveOptions]=\"{exact:false}\" *ngIf=\"section.route\" class=\"ngssm-sidenav-section-item\">\n                <div fxLayout=\"row\" fxLayoutAlign=\" center\" fxFlex>\n                    <span *ngIf=\"section.icon\" [innerHTML]=\"section.icon\" class=\"ngssm-sidenav-item-icon\"></span>\n                    {{section.label}}\n                    <ngssm-wrapper *ngIf=\"section.component\" [item]=\"section.component\"></ngssm-wrapper>\n                </div>\n            </a>\n        </mat-list-item>\n        <mat-list-item *ngFor=\"let item of section.items\" class=\"ngssm-sidenav-item-container\">\n            <div *ngIf=\"!item.route\" class=\"ngssm-sidenav-section-item\">\n                <span *ngIf=\"item.icon\" [innerHTML]=\"item.icon\" class=\"ngssm-sidenav-item-icon\"></span>\n                {{item.label}}\n                <ngssm-wrapper *ngIf=\"item.component\" [item]=\"item.component\"></ngssm-wrapper>\n            </div>\n\n            <a [routerLink]=\"item.route\" routerLinkActive=\"ngssm-sidenav-active-link\"\n                [routerLinkActiveOptions]=\"{exact:true}\" *ngIf=\"item.route\" class=\"ngssm-sidenav-section-item\">\n                <div>\n                    <span *ngIf=\"item.icon\" [innerHTML]=\"item.icon\" class=\"ngssm-sidenav-item-icon\"></span>\n                    {{item.label}}\n                    <ngssm-wrapper *ngIf=\"item.component\" [item]=\"item.component\"></ngssm-wrapper>\n                </div>\n            </a>\n        </mat-list-item>\n\n        <mat-divider *ngIf=\"!last\"></mat-divider>\n    </ng-container>\n</mat-nav-list>" }]
+        }], ctorParameters: function () { return [{ type: i1.Store }]; }, propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class']
+            }], config: [{
+                type: Input
+            }] } });
+
+class ShellComponent extends NgSsmComponent {
+    constructor(store) {
+        super(store);
+        this._shellConfig$ = new BehaviorSubject(undefined);
+        this.class = 'ngssm-shell';
+    }
+    set shellConfig(value) {
+        this._shellConfig$.next(value);
+    }
+    get shellConfig$() {
+        return this._shellConfig$.asObservable();
+    }
+}
+ShellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: ShellComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component });
+ShellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.4", type: ShellComponent, selector: "ngssm-shell", inputs: { shellConfig: "shellConfig" }, host: { properties: { "class": "this.class" } }, usesInheritance: true, ngImport: i0, template: "<div fxFlex fxLayout=\"column\" fxLayoutAlign=\" stretch\" class=\"ngssm-shell-container\"\n    *ngIf=\"(shellConfig$ | async) as config; else noShellConfig\">\n    <mat-sidenav-container fxFlex>\n        <mat-sidenav-content fxLayout=\"column\">\n            <mat-toolbar fxLayout=\"row\" fxLayoutAlign=\" center\" class=\"ngssm-shell-header\">\n                <button mat-icon-button (click)=\"leftSidebar.toggle()\">\n                    <mat-icon class=\"fa-solid fa-bars\"></mat-icon>\n                </button>\n                <img [src]=\"config.logo\" *ngIf=\"config.logo\" class=\"ngssm-shell-header-logo\" />\n                <span class=\"ngssm-shell-header-title\" *ngIf=\"config.applicationTitle\">\n                    {{config.applicationTitle}}\n                </span>\n            </mat-toolbar>\n\n            <mat-sidenav-container fxFlex>\n                <mat-sidenav mode=\"side\" opened=\"true\" #leftSidebar class=\"ngssm-shell-navigation-bar\">\n                    <ngssm-side-nav [config]=\"config.sidenavConfig\"></ngssm-side-nav>\n                </mat-sidenav>\n                <mat-sidenav-content class=\"ngssm-shell-content\">\n                    <router-outlet></router-outlet>\n                </mat-sidenav-content>\n            </mat-sidenav-container>\n        </mat-sidenav-content>\n\n        <mat-sidenav mode=\"over\" opened=\"false\" #rightSidebar position=\"end\" class=\"ngssm-shell-messages-bar\">\n            TODO - display the notifications\n        </mat-sidenav>\n    </mat-sidenav-container>\n    <mat-toolbar fxLayout=\"row\" fxLayoutAlign=\" center\" class=\"ngssm-shell-footer\"\n        *ngIf=\"config.displayFooter === true\">\n        <ngssm-wrapper *ngFor=\"let component of config.footerComponents\" [item]=\"component\"></ngssm-wrapper>\n        <span fxFlex></span>\n        <button mat-icon-button (click)=\"rightSidebar.toggle()\" *ngIf=\"config.displayFooterNotificationsButton\">\n            <mat-icon class=\"fa-regular fa-message\"></mat-icon>\n        </button>\n    </mat-toolbar>\n</div>\n\n<ng-template #noShellConfig>\n    <div class=\"ngssm-shell-no-config\">\n        Please, provide a config for the shell.\n    </div>\n</ng-template>", dependencies: [{ kind: "directive", type: i2.RouterOutlet, selector: "router-outlet", outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i5$1.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i5$1.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: i5$1.MatSidenavContent, selector: "mat-sidenav-content" }, { kind: "component", type: i6$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i6.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i6.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i6.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "component", type: SideNavComponent, selector: "ngssm-side-nav", inputs: ["config"] }, { kind: "component", type: WrapperComponent, selector: "ngssm-wrapper", inputs: ["item"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: ShellComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngssm-shell', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div fxFlex fxLayout=\"column\" fxLayoutAlign=\" stretch\" class=\"ngssm-shell-container\"\n    *ngIf=\"(shellConfig$ | async) as config; else noShellConfig\">\n    <mat-sidenav-container fxFlex>\n        <mat-sidenav-content fxLayout=\"column\">\n            <mat-toolbar fxLayout=\"row\" fxLayoutAlign=\" center\" class=\"ngssm-shell-header\">\n                <button mat-icon-button (click)=\"leftSidebar.toggle()\">\n                    <mat-icon class=\"fa-solid fa-bars\"></mat-icon>\n                </button>\n                <img [src]=\"config.logo\" *ngIf=\"config.logo\" class=\"ngssm-shell-header-logo\" />\n                <span class=\"ngssm-shell-header-title\" *ngIf=\"config.applicationTitle\">\n                    {{config.applicationTitle}}\n                </span>\n            </mat-toolbar>\n\n            <mat-sidenav-container fxFlex>\n                <mat-sidenav mode=\"side\" opened=\"true\" #leftSidebar class=\"ngssm-shell-navigation-bar\">\n                    <ngssm-side-nav [config]=\"config.sidenavConfig\"></ngssm-side-nav>\n                </mat-sidenav>\n                <mat-sidenav-content class=\"ngssm-shell-content\">\n                    <router-outlet></router-outlet>\n                </mat-sidenav-content>\n            </mat-sidenav-container>\n        </mat-sidenav-content>\n\n        <mat-sidenav mode=\"over\" opened=\"false\" #rightSidebar position=\"end\" class=\"ngssm-shell-messages-bar\">\n            TODO - display the notifications\n        </mat-sidenav>\n    </mat-sidenav-container>\n    <mat-toolbar fxLayout=\"row\" fxLayoutAlign=\" center\" class=\"ngssm-shell-footer\"\n        *ngIf=\"config.displayFooter === true\">\n        <ngssm-wrapper *ngFor=\"let component of config.footerComponents\" [item]=\"component\"></ngssm-wrapper>\n        <span fxFlex></span>\n        <button mat-icon-button (click)=\"rightSidebar.toggle()\" *ngIf=\"config.displayFooterNotificationsButton\">\n            <mat-icon class=\"fa-regular fa-message\"></mat-icon>\n        </button>\n    </mat-toolbar>\n</div>\n\n<ng-template #noShellConfig>\n    <div class=\"ngssm-shell-no-config\">\n        Please, provide a config for the shell.\n    </div>\n</ng-template>" }]
+        }], ctorParameters: function () { return [{ type: i1.Store }]; }, propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class']
+            }], shellConfig: [{
+                type: Input
+            }] } });
+
+class NgssmShellModule {
+}
+NgssmShellModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: NgssmShellModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NgssmShellModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.4", ngImport: i0, type: NgssmShellModule, declarations: [ShellComponent, SideNavComponent, WrapperComponent], imports: [RouterModule, MaterialImportsModule], exports: [ShellComponent, SideNavComponent] });
+NgssmShellModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: NgssmShellModule, imports: [RouterModule, MaterialImportsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: NgssmShellModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ShellComponent, SideNavComponent, WrapperComponent],
+                    imports: [RouterModule, MaterialImportsModule],
+                    exports: [ShellComponent, SideNavComponent]
+                }]
+        }] });
+
+/*
+ * Public API Surface of ngssm-shell
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgssmShellModule, ShellComponent, SideNavComponent };
+//# sourceMappingURL=ngssm-shell.mjs.map

package/fesm2015/ngssm-shell.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngssm-shell.mjs","sources":["../../../projects/ngssm-shell/src/lib/components/wrapper/wrapper.component.ts","../../../projects/ngssm-shell/src/lib/components/wrapper/wrapper.component.html","../../../projects/ngssm-shell/src/lib/components/side-nav/side-nav.component.ts","../../../projects/ngssm-shell/src/lib/components/side-nav/side-nav.component.html","../../../projects/ngssm-shell/src/lib/components/shell/shell.component.ts","../../../projects/ngssm-shell/src/lib/components/shell/shell.component.html","../../../projects/ngssm-shell/src/lib/ngssm-shell.module.ts","../../../projects/ngssm-shell/src/public-api.ts","../../../projects/ngssm-shell/src/ngssm-shell.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, Input, ViewContainerRef } from '@angular/core';\nimport { BehaviorSubject, Observable } from 'rxjs';\n\nimport { NgSsmComponent, Store } from 'ngssm-store';\n\n@Component({\n  selector: 'ngssm-wrapper',\n  templateUrl: './wrapper.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class WrapperComponent extends NgSsmComponent {\n  private readonly _innerHtml$ = new BehaviorSubject<string | undefined>(undefined);\n\n  constructor(store: Store, private viewContainerRef: ViewContainerRef) {\n    super(store);\n  }\n\n  @Input() public set item(value: any) {\n    if (typeof value === 'string') {\n      this._innerHtml$.next(value);\n    } else if (!!value) {\n      this.viewContainerRef.clear();\n      this.viewContainerRef.createComponent(value);\n    }\n  }\n\n  public get innerHtml$(): Observable<string | undefined> {\n    return this._innerHtml$.asObservable();\n  }\n}\n","<span *ngIf=\"(innerHtml$ | async) as innerHtml\" [innerHTML]=\"innerHtml\"></span>","import { Component, ChangeDetectionStrategy, Input, HostBinding } from '@angular/core';\nimport { BehaviorSubject, Observable } from 'rxjs';\n\nimport { NgSsmComponent, Store } from 'ngssm-store';\n\nimport { SidenavConfig } from '../../model';\n\n@Component({\n  selector: 'ngssm-side-nav',\n  templateUrl: './side-nav.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SideNavComponent extends NgSsmComponent {\n  private readonly _sidenavConfig$ = new BehaviorSubject<SidenavConfig | undefined>(undefined);\n\n  @HostBinding('class') class = 'ngssm-sidenav';\n\n  constructor(store: Store) {\n    super(store);\n  }\n\n  @Input() public set config(value: SidenavConfig | undefined) {\n    this._sidenavConfig$.next(value);\n  }\n\n  public get sidenavConfig$(): Observable<SidenavConfig | undefined> {\n    return this._sidenavConfig$.asObservable();\n  }\n}\n","<mat-nav-list class=\"ngssm-sidenav-main-container\" *ngIf=\"(sidenavConfig$ | async) as config\">\n    <div mat-header *ngIf=\"config.title\">{{config.title}}</div>\n    <mat-divider *ngIf=\"config.title\"></mat-divider>\n    <ng-container *ngFor=\"let section of config.sections;let last = last;\" class=\"ngssm-sidenav-section-container\">\n        <mat-list-item mat-subheader class=\"ngssm-sidenav-section-item-container\">\n            <div *ngIf=\"!section.route\" class=\"ngssm-sidenav-section-item\">\n                <span *ngIf=\"section.icon\" [innerHTML]=\"section.icon\" class=\"ngssm-sidenav-item-icon\"></span>\n                {{section.label}}\n                <ngssm-wrapper *ngIf=\"section.component\" [item]=\"section.component\"></ngssm-wrapper>\n            </div>\n\n            <a [routerLink]=\"section.route\" routerLinkActive=\"ngssm-sidenav-active-link\"\n                [routerLinkActiveOptions]=\"{exact:false}\" *ngIf=\"section.route\" class=\"ngssm-sidenav-section-item\">\n                <div fxLayout=\"row\" fxLayoutAlign=\" center\" fxFlex>\n                    <span *ngIf=\"section.icon\" [innerHTML]=\"section.icon\" class=\"ngssm-sidenav-item-icon\"></span>\n                    {{section.label}}\n                    <ngssm-wrapper *ngIf=\"section.component\" [item]=\"section.component\"></ngssm-wrapper>\n                </div>\n            </a>\n        </mat-list-item>\n        <mat-list-item *ngFor=\"let item of section.items\" class=\"ngssm-sidenav-item-container\">\n            <div *ngIf=\"!item.route\" class=\"ngssm-sidenav-section-item\">\n                <span *ngIf=\"item.icon\" [innerHTML]=\"item.icon\" class=\"ngssm-sidenav-item-icon\"></span>\n                {{item.label}}\n                <ngssm-wrapper *ngIf=\"item.component\" [item]=\"item.component\"></ngssm-wrapper>\n            </div>\n\n            <a [routerLink]=\"item.route\" routerLinkActive=\"ngssm-sidenav-active-link\"\n                [routerLinkActiveOptions]=\"{exact:true}\" *ngIf=\"item.route\" class=\"ngssm-sidenav-section-item\">\n                <div>\n                    <span *ngIf=\"item.icon\" [innerHTML]=\"item.icon\" class=\"ngssm-sidenav-item-icon\"></span>\n                    {{item.label}}\n                    <ngssm-wrapper *ngIf=\"item.component\" [item]=\"item.component\"></ngssm-wrapper>\n                </div>\n            </a>\n        </mat-list-item>\n\n        <mat-divider *ngIf=\"!last\"></mat-divider>\n    </ng-container>\n</mat-nav-list>","import { Component, ChangeDetectionStrategy, Input, HostBinding } from '@angular/core';\nimport { BehaviorSubject, Observable } from 'rxjs';\n\nimport { NgSsmComponent, Store } from 'ngssm-store';\n\nimport { ShellConfig } from '../../model';\n\n@Component({\n  selector: 'ngssm-shell',\n  templateUrl: './shell.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ShellComponent extends NgSsmComponent {\n  private readonly _shellConfig$ = new BehaviorSubject<ShellConfig | undefined>(undefined);\n\n  @HostBinding('class') class = 'ngssm-shell';\n\n  constructor(store: Store) {\n    super(store);\n  }\n\n  @Input() public set shellConfig(value: ShellConfig) {\n    this._shellConfig$.next(value);\n  }\n\n  public get shellConfig$(): Observable<ShellConfig | undefined> {\n    return this._shellConfig$.asObservable();\n  }\n}\n","<div fxFlex fxLayout=\"column\" fxLayoutAlign=\" stretch\" class=\"ngssm-shell-container\"\n    *ngIf=\"(shellConfig$ | async) as config; else noShellConfig\">\n    <mat-sidenav-container fxFlex>\n        <mat-sidenav-content fxLayout=\"column\">\n            <mat-toolbar fxLayout=\"row\" fxLayoutAlign=\" center\" class=\"ngssm-shell-header\">\n                <button mat-icon-button (click)=\"leftSidebar.toggle()\">\n                    <mat-icon class=\"fa-solid fa-bars\"></mat-icon>\n                </button>\n                <img [src]=\"config.logo\" *ngIf=\"config.logo\" class=\"ngssm-shell-header-logo\" />\n                <span class=\"ngssm-shell-header-title\" *ngIf=\"config.applicationTitle\">\n                    {{config.applicationTitle}}\n                </span>\n            </mat-toolbar>\n\n            <mat-sidenav-container fxFlex>\n                <mat-sidenav mode=\"side\" opened=\"true\" #leftSidebar class=\"ngssm-shell-navigation-bar\">\n                    <ngssm-side-nav [config]=\"config.sidenavConfig\"></ngssm-side-nav>\n                </mat-sidenav>\n                <mat-sidenav-content class=\"ngssm-shell-content\">\n                    <router-outlet></router-outlet>\n                </mat-sidenav-content>\n            </mat-sidenav-container>\n        </mat-sidenav-content>\n\n        <mat-sidenav mode=\"over\" opened=\"false\" #rightSidebar position=\"end\" class=\"ngssm-shell-messages-bar\">\n            TODO - display the notifications\n        </mat-sidenav>\n    </mat-sidenav-container>\n    <mat-toolbar fxLayout=\"row\" fxLayoutAlign=\" center\" class=\"ngssm-shell-footer\"\n        *ngIf=\"config.displayFooter === true\">\n        <ngssm-wrapper *ngFor=\"let component of config.footerComponents\" [item]=\"component\"></ngssm-wrapper>\n        <span fxFlex></span>\n        <button mat-icon-button (click)=\"rightSidebar.toggle()\" *ngIf=\"config.displayFooterNotificationsButton\">\n            <mat-icon class=\"fa-regular fa-message\"></mat-icon>\n        </button>\n    </mat-toolbar>\n</div>\n\n<ng-template #noShellConfig>\n    <div class=\"ngssm-shell-no-config\">\n        Please, provide a config for the shell.\n    </div>\n</ng-template>","import { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\n\nimport { MaterialImportsModule } from 'ngssm-toolkit';\n\nimport { ShellComponent } from './components/shell/shell.component';\nimport { SideNavComponent } from './components/side-nav/side-nav.component';\nimport { WrapperComponent } from './components/wrapper/wrapper.component';\n\n@NgModule({\n  declarations: [ShellComponent, SideNavComponent, WrapperComponent],\n  imports: [RouterModule, MaterialImportsModule],\n  exports: [ShellComponent, SideNavComponent]\n})\nexport class NgssmShellModule {}\n","/*\n * Public API Surface of ngssm-shell\n */\n\nexport * from './lib/ngssm-shell.module';\nexport * from './lib/components/shell/shell.component';\nexport * from './lib/components/side-nav/side-nav.component';\nexport * from './lib/model';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i2","i7.WrapperComponent","i4","i5","i6","i8","i9.SideNavComponent","i10.WrapperComponent"],"mappings":"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"}

package/fesm2020/ngssm-shell.mjs

@@ -0,0 +1,119 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, HostBinding, NgModule } from '@angular/core';
+import * as i2 from '@angular/router';
+import { RouterModule } from '@angular/router';
+import { MaterialImportsModule } from 'ngssm-toolkit';
+import { BehaviorSubject } from 'rxjs';
+import * as i1 from 'ngssm-store';
+import { NgSsmComponent } from 'ngssm-store';
+import * as i3 from '@angular/common';
+import * as i4$1 from '@angular/material/toolbar';
+import * as i5$1 from '@angular/material/sidenav';
+import * as i6$1 from '@angular/material/button';
+import * as i7 from '@angular/material/icon';
+import * as i6 from '@angular/flex-layout/flex';
+import * as i4 from '@angular/material/list';
+import * as i5 from '@angular/material/divider';
+
+class WrapperComponent extends NgSsmComponent {
+    constructor(store, viewContainerRef) {
+        super(store);
+        this.viewContainerRef = viewContainerRef;
+        this._innerHtml$ = new BehaviorSubject(undefined);
+    }
+    set item(value) {
+        if (typeof value === 'string') {
+            this._innerHtml$.next(value);
+        }
+        else if (!!value) {
+            this.viewContainerRef.clear();
+            this.viewContainerRef.createComponent(value);
+        }
+    }
+    get innerHtml$() {
+        return this._innerHtml$.asObservable();
+    }
+}
+WrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: WrapperComponent, deps: [{ token: i1.Store }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
+WrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.4", type: WrapperComponent, selector: "ngssm-wrapper", inputs: { item: "item" }, usesInheritance: true, ngImport: i0, template: "<span *ngIf=\"(innerHtml$ | async) as innerHtml\" [innerHTML]=\"innerHtml\"></span>", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: WrapperComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngssm-wrapper', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span *ngIf=\"(innerHtml$ | async) as innerHtml\" [innerHTML]=\"innerHtml\"></span>" }]
+        }], ctorParameters: function () { return [{ type: i1.Store }, { type: i0.ViewContainerRef }]; }, propDecorators: { item: [{
+                type: Input
+            }] } });
+
+class SideNavComponent extends NgSsmComponent {
+    constructor(store) {
+        super(store);
+        this._sidenavConfig$ = new BehaviorSubject(undefined);
+        this.class = 'ngssm-sidenav';
+    }
+    set config(value) {
+        this._sidenavConfig$.next(value);
+    }
+    get sidenavConfig$() {
+        return this._sidenavConfig$.asObservable();
+    }
+}
+SideNavComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: SideNavComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component });
+SideNavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.4", type: SideNavComponent, selector: "ngssm-side-nav", inputs: { config: "config" }, host: { properties: { "class": "this.class" } }, usesInheritance: true, ngImport: i0, template: "<mat-nav-list class=\"ngssm-sidenav-main-container\" *ngIf=\"(sidenavConfig$ | async) as config\">\n    <div mat-header *ngIf=\"config.title\">{{config.title}}</div>\n    <mat-divider *ngIf=\"config.title\"></mat-divider>\n    <ng-container *ngFor=\"let section of config.sections;let last = last;\" class=\"ngssm-sidenav-section-container\">\n        <mat-list-item mat-subheader class=\"ngssm-sidenav-section-item-container\">\n            <div *ngIf=\"!section.route\" class=\"ngssm-sidenav-section-item\">\n                <span *ngIf=\"section.icon\" [innerHTML]=\"section.icon\" class=\"ngssm-sidenav-item-icon\"></span>\n                {{section.label}}\n                <ngssm-wrapper *ngIf=\"section.component\" [item]=\"section.component\"></ngssm-wrapper>\n            </div>\n\n            <a [routerLink]=\"section.route\" routerLinkActive=\"ngssm-sidenav-active-link\"\n                [routerLinkActiveOptions]=\"{exact:false}\" *ngIf=\"section.route\" class=\"ngssm-sidenav-section-item\">\n                <div fxLayout=\"row\" fxLayoutAlign=\" center\" fxFlex>\n                    <span *ngIf=\"section.icon\" [innerHTML]=\"section.icon\" class=\"ngssm-sidenav-item-icon\"></span>\n                    {{section.label}}\n                    <ngssm-wrapper *ngIf=\"section.component\" [item]=\"section.component\"></ngssm-wrapper>\n                </div>\n            </a>\n        </mat-list-item>\n        <mat-list-item *ngFor=\"let item of section.items\" class=\"ngssm-sidenav-item-container\">\n            <div *ngIf=\"!item.route\" class=\"ngssm-sidenav-section-item\">\n                <span *ngIf=\"item.icon\" [innerHTML]=\"item.icon\" class=\"ngssm-sidenav-item-icon\"></span>\n                {{item.label}}\n                <ngssm-wrapper *ngIf=\"item.component\" [item]=\"item.component\"></ngssm-wrapper>\n            </div>\n\n            <a [routerLink]=\"item.route\" routerLinkActive=\"ngssm-sidenav-active-link\"\n                [routerLinkActiveOptions]=\"{exact:true}\" *ngIf=\"item.route\" class=\"ngssm-sidenav-section-item\">\n                <div>\n                    <span *ngIf=\"item.icon\" [innerHTML]=\"item.icon\" class=\"ngssm-sidenav-item-icon\"></span>\n                    {{item.label}}\n                    <ngssm-wrapper *ngIf=\"item.component\" [item]=\"item.component\"></ngssm-wrapper>\n                </div>\n            </a>\n        </mat-list-item>\n\n        <mat-divider *ngIf=\"!last\"></mat-divider>\n    </ng-container>\n</mat-nav-list>", dependencies: [{ kind: "directive", type: i2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatNavList, selector: "mat-nav-list", inputs: ["disableRipple", "disabled"], exportAs: ["matNavList"] }, { kind: "component", type: i4.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["disableRipple", "disabled"], exportAs: ["matListItem"] }, { kind: "directive", type: i4.MatListSubheaderCssMatStyler, selector: "[mat-subheader], [matSubheader]" }, { kind: "component", type: i5.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: i6.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i6.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i6.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "component", type: WrapperComponent, selector: "ngssm-wrapper", inputs: ["item"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: SideNavComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngssm-side-nav', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-nav-list class=\"ngssm-sidenav-main-container\" *ngIf=\"(sidenavConfig$ | async) as config\">\n    <div mat-header *ngIf=\"config.title\">{{config.title}}</div>\n    <mat-divider *ngIf=\"config.title\"></mat-divider>\n    <ng-container *ngFor=\"let section of config.sections;let last = last;\" class=\"ngssm-sidenav-section-container\">\n        <mat-list-item mat-subheader class=\"ngssm-sidenav-section-item-container\">\n            <div *ngIf=\"!section.route\" class=\"ngssm-sidenav-section-item\">\n                <span *ngIf=\"section.icon\" [innerHTML]=\"section.icon\" class=\"ngssm-sidenav-item-icon\"></span>\n                {{section.label}}\n                <ngssm-wrapper *ngIf=\"section.component\" [item]=\"section.component\"></ngssm-wrapper>\n            </div>\n\n            <a [routerLink]=\"section.route\" routerLinkActive=\"ngssm-sidenav-active-link\"\n                [routerLinkActiveOptions]=\"{exact:false}\" *ngIf=\"section.route\" class=\"ngssm-sidenav-section-item\">\n                <div fxLayout=\"row\" fxLayoutAlign=\" center\" fxFlex>\n                    <span *ngIf=\"section.icon\" [innerHTML]=\"section.icon\" class=\"ngssm-sidenav-item-icon\"></span>\n                    {{section.label}}\n                    <ngssm-wrapper *ngIf=\"section.component\" [item]=\"section.component\"></ngssm-wrapper>\n                </div>\n            </a>\n        </mat-list-item>\n        <mat-list-item *ngFor=\"let item of section.items\" class=\"ngssm-sidenav-item-container\">\n            <div *ngIf=\"!item.route\" class=\"ngssm-sidenav-section-item\">\n                <span *ngIf=\"item.icon\" [innerHTML]=\"item.icon\" class=\"ngssm-sidenav-item-icon\"></span>\n                {{item.label}}\n                <ngssm-wrapper *ngIf=\"item.component\" [item]=\"item.component\"></ngssm-wrapper>\n            </div>\n\n            <a [routerLink]=\"item.route\" routerLinkActive=\"ngssm-sidenav-active-link\"\n                [routerLinkActiveOptions]=\"{exact:true}\" *ngIf=\"item.route\" class=\"ngssm-sidenav-section-item\">\n                <div>\n                    <span *ngIf=\"item.icon\" [innerHTML]=\"item.icon\" class=\"ngssm-sidenav-item-icon\"></span>\n                    {{item.label}}\n                    <ngssm-wrapper *ngIf=\"item.component\" [item]=\"item.component\"></ngssm-wrapper>\n                </div>\n            </a>\n        </mat-list-item>\n\n        <mat-divider *ngIf=\"!last\"></mat-divider>\n    </ng-container>\n</mat-nav-list>" }]
+        }], ctorParameters: function () { return [{ type: i1.Store }]; }, propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class']
+            }], config: [{
+                type: Input
+            }] } });
+
+class ShellComponent extends NgSsmComponent {
+    constructor(store) {
+        super(store);
+        this._shellConfig$ = new BehaviorSubject(undefined);
+        this.class = 'ngssm-shell';
+    }
+    set shellConfig(value) {
+        this._shellConfig$.next(value);
+    }
+    get shellConfig$() {
+        return this._shellConfig$.asObservable();
+    }
+}
+ShellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: ShellComponent, deps: [{ token: i1.Store }], target: i0.ɵɵFactoryTarget.Component });
+ShellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.4", type: ShellComponent, selector: "ngssm-shell", inputs: { shellConfig: "shellConfig" }, host: { properties: { "class": "this.class" } }, usesInheritance: true, ngImport: i0, template: "<div fxFlex fxLayout=\"column\" fxLayoutAlign=\" stretch\" class=\"ngssm-shell-container\"\n    *ngIf=\"(shellConfig$ | async) as config; else noShellConfig\">\n    <mat-sidenav-container fxFlex>\n        <mat-sidenav-content fxLayout=\"column\">\n            <mat-toolbar fxLayout=\"row\" fxLayoutAlign=\" center\" class=\"ngssm-shell-header\">\n                <button mat-icon-button (click)=\"leftSidebar.toggle()\">\n                    <mat-icon class=\"fa-solid fa-bars\"></mat-icon>\n                </button>\n                <img [src]=\"config.logo\" *ngIf=\"config.logo\" class=\"ngssm-shell-header-logo\" />\n                <span class=\"ngssm-shell-header-title\" *ngIf=\"config.applicationTitle\">\n                    {{config.applicationTitle}}\n                </span>\n            </mat-toolbar>\n\n            <mat-sidenav-container fxFlex>\n                <mat-sidenav mode=\"side\" opened=\"true\" #leftSidebar class=\"ngssm-shell-navigation-bar\">\n                    <ngssm-side-nav [config]=\"config.sidenavConfig\"></ngssm-side-nav>\n                </mat-sidenav>\n                <mat-sidenav-content class=\"ngssm-shell-content\">\n                    <router-outlet></router-outlet>\n                </mat-sidenav-content>\n            </mat-sidenav-container>\n        </mat-sidenav-content>\n\n        <mat-sidenav mode=\"over\" opened=\"false\" #rightSidebar position=\"end\" class=\"ngssm-shell-messages-bar\">\n            TODO - display the notifications\n        </mat-sidenav>\n    </mat-sidenav-container>\n    <mat-toolbar fxLayout=\"row\" fxLayoutAlign=\" center\" class=\"ngssm-shell-footer\"\n        *ngIf=\"config.displayFooter === true\">\n        <ngssm-wrapper *ngFor=\"let component of config.footerComponents\" [item]=\"component\"></ngssm-wrapper>\n        <span fxFlex></span>\n        <button mat-icon-button (click)=\"rightSidebar.toggle()\" *ngIf=\"config.displayFooterNotificationsButton\">\n            <mat-icon class=\"fa-regular fa-message\"></mat-icon>\n        </button>\n    </mat-toolbar>\n</div>\n\n<ng-template #noShellConfig>\n    <div class=\"ngssm-shell-no-config\">\n        Please, provide a config for the shell.\n    </div>\n</ng-template>", dependencies: [{ kind: "directive", type: i2.RouterOutlet, selector: "router-outlet", outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i5$1.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i5$1.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: i5$1.MatSidenavContent, selector: "mat-sidenav-content" }, { kind: "component", type: i6$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i6.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i6.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i6.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "component", type: SideNavComponent, selector: "ngssm-side-nav", inputs: ["config"] }, { kind: "component", type: WrapperComponent, selector: "ngssm-wrapper", inputs: ["item"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: ShellComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngssm-shell', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div fxFlex fxLayout=\"column\" fxLayoutAlign=\" stretch\" class=\"ngssm-shell-container\"\n    *ngIf=\"(shellConfig$ | async) as config; else noShellConfig\">\n    <mat-sidenav-container fxFlex>\n        <mat-sidenav-content fxLayout=\"column\">\n            <mat-toolbar fxLayout=\"row\" fxLayoutAlign=\" center\" class=\"ngssm-shell-header\">\n                <button mat-icon-button (click)=\"leftSidebar.toggle()\">\n                    <mat-icon class=\"fa-solid fa-bars\"></mat-icon>\n                </button>\n                <img [src]=\"config.logo\" *ngIf=\"config.logo\" class=\"ngssm-shell-header-logo\" />\n                <span class=\"ngssm-shell-header-title\" *ngIf=\"config.applicationTitle\">\n                    {{config.applicationTitle}}\n                </span>\n            </mat-toolbar>\n\n            <mat-sidenav-container fxFlex>\n                <mat-sidenav mode=\"side\" opened=\"true\" #leftSidebar class=\"ngssm-shell-navigation-bar\">\n                    <ngssm-side-nav [config]=\"config.sidenavConfig\"></ngssm-side-nav>\n                </mat-sidenav>\n                <mat-sidenav-content class=\"ngssm-shell-content\">\n                    <router-outlet></router-outlet>\n                </mat-sidenav-content>\n            </mat-sidenav-container>\n        </mat-sidenav-content>\n\n        <mat-sidenav mode=\"over\" opened=\"false\" #rightSidebar position=\"end\" class=\"ngssm-shell-messages-bar\">\n            TODO - display the notifications\n        </mat-sidenav>\n    </mat-sidenav-container>\n    <mat-toolbar fxLayout=\"row\" fxLayoutAlign=\" center\" class=\"ngssm-shell-footer\"\n        *ngIf=\"config.displayFooter === true\">\n        <ngssm-wrapper *ngFor=\"let component of config.footerComponents\" [item]=\"component\"></ngssm-wrapper>\n        <span fxFlex></span>\n        <button mat-icon-button (click)=\"rightSidebar.toggle()\" *ngIf=\"config.displayFooterNotificationsButton\">\n            <mat-icon class=\"fa-regular fa-message\"></mat-icon>\n        </button>\n    </mat-toolbar>\n</div>\n\n<ng-template #noShellConfig>\n    <div class=\"ngssm-shell-no-config\">\n        Please, provide a config for the shell.\n    </div>\n</ng-template>" }]
+        }], ctorParameters: function () { return [{ type: i1.Store }]; }, propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class']
+            }], shellConfig: [{
+                type: Input
+            }] } });
+
+class NgssmShellModule {
+}
+NgssmShellModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: NgssmShellModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NgssmShellModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.4", ngImport: i0, type: NgssmShellModule, declarations: [ShellComponent, SideNavComponent, WrapperComponent], imports: [RouterModule, MaterialImportsModule], exports: [ShellComponent, SideNavComponent] });
+NgssmShellModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: NgssmShellModule, imports: [RouterModule, MaterialImportsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.4", ngImport: i0, type: NgssmShellModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ShellComponent, SideNavComponent, WrapperComponent],
+                    imports: [RouterModule, MaterialImportsModule],
+                    exports: [ShellComponent, SideNavComponent]
+                }]
+        }] });
+
+/*
+ * Public API Surface of ngssm-shell
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgssmShellModule, ShellComponent, SideNavComponent };
+//# sourceMappingURL=ngssm-shell.mjs.map

package/fesm2020/ngssm-shell.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngssm-shell.mjs","sources":["../../../projects/ngssm-shell/src/lib/components/wrapper/wrapper.component.ts","../../../projects/ngssm-shell/src/lib/components/wrapper/wrapper.component.html","../../../projects/ngssm-shell/src/lib/components/side-nav/side-nav.component.ts","../../../projects/ngssm-shell/src/lib/components/side-nav/side-nav.component.html","../../../projects/ngssm-shell/src/lib/components/shell/shell.component.ts","../../../projects/ngssm-shell/src/lib/components/shell/shell.component.html","../../../projects/ngssm-shell/src/lib/ngssm-shell.module.ts","../../../projects/ngssm-shell/src/public-api.ts","../../../projects/ngssm-shell/src/ngssm-shell.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, Input, ViewContainerRef } from '@angular/core';\nimport { BehaviorSubject, Observable } from 'rxjs';\n\nimport { NgSsmComponent, Store } from 'ngssm-store';\n\n@Component({\n  selector: 'ngssm-wrapper',\n  templateUrl: './wrapper.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class WrapperComponent extends NgSsmComponent {\n  private readonly _innerHtml$ = new BehaviorSubject<string | undefined>(undefined);\n\n  constructor(store: Store, private viewContainerRef: ViewContainerRef) {\n    super(store);\n  }\n\n  @Input() public set item(value: any) {\n    if (typeof value === 'string') {\n      this._innerHtml$.next(value);\n    } else if (!!value) {\n      this.viewContainerRef.clear();\n      this.viewContainerRef.createComponent(value);\n    }\n  }\n\n  public get innerHtml$(): Observable<string | undefined> {\n    return this._innerHtml$.asObservable();\n  }\n}\n","<span *ngIf=\"(innerHtml$ | async) as innerHtml\" [innerHTML]=\"innerHtml\"></span>","import { Component, ChangeDetectionStrategy, Input, HostBinding } from '@angular/core';\nimport { BehaviorSubject, Observable } from 'rxjs';\n\nimport { NgSsmComponent, Store } from 'ngssm-store';\n\nimport { SidenavConfig } from '../../model';\n\n@Component({\n  selector: 'ngssm-side-nav',\n  templateUrl: './side-nav.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SideNavComponent extends NgSsmComponent {\n  private readonly _sidenavConfig$ = new BehaviorSubject<SidenavConfig | undefined>(undefined);\n\n  @HostBinding('class') class = 'ngssm-sidenav';\n\n  constructor(store: Store) {\n    super(store);\n  }\n\n  @Input() public set config(value: SidenavConfig | undefined) {\n    this._sidenavConfig$.next(value);\n  }\n\n  public get sidenavConfig$(): Observable<SidenavConfig | undefined> {\n    return this._sidenavConfig$.asObservable();\n  }\n}\n","<mat-nav-list class=\"ngssm-sidenav-main-container\" *ngIf=\"(sidenavConfig$ | async) as config\">\n    <div mat-header *ngIf=\"config.title\">{{config.title}}</div>\n    <mat-divider *ngIf=\"config.title\"></mat-divider>\n    <ng-container *ngFor=\"let section of config.sections;let last = last;\" class=\"ngssm-sidenav-section-container\">\n        <mat-list-item mat-subheader class=\"ngssm-sidenav-section-item-container\">\n            <div *ngIf=\"!section.route\" class=\"ngssm-sidenav-section-item\">\n                <span *ngIf=\"section.icon\" [innerHTML]=\"section.icon\" class=\"ngssm-sidenav-item-icon\"></span>\n                {{section.label}}\n                <ngssm-wrapper *ngIf=\"section.component\" [item]=\"section.component\"></ngssm-wrapper>\n            </div>\n\n            <a [routerLink]=\"section.route\" routerLinkActive=\"ngssm-sidenav-active-link\"\n                [routerLinkActiveOptions]=\"{exact:false}\" *ngIf=\"section.route\" class=\"ngssm-sidenav-section-item\">\n                <div fxLayout=\"row\" fxLayoutAlign=\" center\" fxFlex>\n                    <span *ngIf=\"section.icon\" [innerHTML]=\"section.icon\" class=\"ngssm-sidenav-item-icon\"></span>\n                    {{section.label}}\n                    <ngssm-wrapper *ngIf=\"section.component\" [item]=\"section.component\"></ngssm-wrapper>\n                </div>\n            </a>\n        </mat-list-item>\n        <mat-list-item *ngFor=\"let item of section.items\" class=\"ngssm-sidenav-item-container\">\n            <div *ngIf=\"!item.route\" class=\"ngssm-sidenav-section-item\">\n                <span *ngIf=\"item.icon\" [innerHTML]=\"item.icon\" class=\"ngssm-sidenav-item-icon\"></span>\n                {{item.label}}\n                <ngssm-wrapper *ngIf=\"item.component\" [item]=\"item.component\"></ngssm-wrapper>\n            </div>\n\n            <a [routerLink]=\"item.route\" routerLinkActive=\"ngssm-sidenav-active-link\"\n                [routerLinkActiveOptions]=\"{exact:true}\" *ngIf=\"item.route\" class=\"ngssm-sidenav-section-item\">\n                <div>\n                    <span *ngIf=\"item.icon\" [innerHTML]=\"item.icon\" class=\"ngssm-sidenav-item-icon\"></span>\n                    {{item.label}}\n                    <ngssm-wrapper *ngIf=\"item.component\" [item]=\"item.component\"></ngssm-wrapper>\n                </div>\n            </a>\n        </mat-list-item>\n\n        <mat-divider *ngIf=\"!last\"></mat-divider>\n    </ng-container>\n</mat-nav-list>","import { Component, ChangeDetectionStrategy, Input, HostBinding } from '@angular/core';\nimport { BehaviorSubject, Observable } from 'rxjs';\n\nimport { NgSsmComponent, Store } from 'ngssm-store';\n\nimport { ShellConfig } from '../../model';\n\n@Component({\n  selector: 'ngssm-shell',\n  templateUrl: './shell.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ShellComponent extends NgSsmComponent {\n  private readonly _shellConfig$ = new BehaviorSubject<ShellConfig | undefined>(undefined);\n\n  @HostBinding('class') class = 'ngssm-shell';\n\n  constructor(store: Store) {\n    super(store);\n  }\n\n  @Input() public set shellConfig(value: ShellConfig) {\n    this._shellConfig$.next(value);\n  }\n\n  public get shellConfig$(): Observable<ShellConfig | undefined> {\n    return this._shellConfig$.asObservable();\n  }\n}\n","<div fxFlex fxLayout=\"column\" fxLayoutAlign=\" stretch\" class=\"ngssm-shell-container\"\n    *ngIf=\"(shellConfig$ | async) as config; else noShellConfig\">\n    <mat-sidenav-container fxFlex>\n        <mat-sidenav-content fxLayout=\"column\">\n            <mat-toolbar fxLayout=\"row\" fxLayoutAlign=\" center\" class=\"ngssm-shell-header\">\n                <button mat-icon-button (click)=\"leftSidebar.toggle()\">\n                    <mat-icon class=\"fa-solid fa-bars\"></mat-icon>\n                </button>\n                <img [src]=\"config.logo\" *ngIf=\"config.logo\" class=\"ngssm-shell-header-logo\" />\n                <span class=\"ngssm-shell-header-title\" *ngIf=\"config.applicationTitle\">\n                    {{config.applicationTitle}}\n                </span>\n            </mat-toolbar>\n\n            <mat-sidenav-container fxFlex>\n                <mat-sidenav mode=\"side\" opened=\"true\" #leftSidebar class=\"ngssm-shell-navigation-bar\">\n                    <ngssm-side-nav [config]=\"config.sidenavConfig\"></ngssm-side-nav>\n                </mat-sidenav>\n                <mat-sidenav-content class=\"ngssm-shell-content\">\n                    <router-outlet></router-outlet>\n                </mat-sidenav-content>\n            </mat-sidenav-container>\n        </mat-sidenav-content>\n\n        <mat-sidenav mode=\"over\" opened=\"false\" #rightSidebar position=\"end\" class=\"ngssm-shell-messages-bar\">\n            TODO - display the notifications\n        </mat-sidenav>\n    </mat-sidenav-container>\n    <mat-toolbar fxLayout=\"row\" fxLayoutAlign=\" center\" class=\"ngssm-shell-footer\"\n        *ngIf=\"config.displayFooter === true\">\n        <ngssm-wrapper *ngFor=\"let component of config.footerComponents\" [item]=\"component\"></ngssm-wrapper>\n        <span fxFlex></span>\n        <button mat-icon-button (click)=\"rightSidebar.toggle()\" *ngIf=\"config.displayFooterNotificationsButton\">\n            <mat-icon class=\"fa-regular fa-message\"></mat-icon>\n        </button>\n    </mat-toolbar>\n</div>\n\n<ng-template #noShellConfig>\n    <div class=\"ngssm-shell-no-config\">\n        Please, provide a config for the shell.\n    </div>\n</ng-template>","import { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\n\nimport { MaterialImportsModule } from 'ngssm-toolkit';\n\nimport { ShellComponent } from './components/shell/shell.component';\nimport { SideNavComponent } from './components/side-nav/side-nav.component';\nimport { WrapperComponent } from './components/wrapper/wrapper.component';\n\n@NgModule({\n  declarations: [ShellComponent, SideNavComponent, WrapperComponent],\n  imports: [RouterModule, MaterialImportsModule],\n  exports: [ShellComponent, SideNavComponent]\n})\nexport class NgssmShellModule {}\n","/*\n * Public API Surface of ngssm-shell\n */\n\nexport * from './lib/ngssm-shell.module';\nexport * from './lib/components/shell/shell.component';\nexport * from './lib/components/side-nav/side-nav.component';\nexport * from './lib/model';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i2","i7.WrapperComponent","i4","i5","i6","i8","i9.SideNavComponent","i10.WrapperComponent"],"mappings":"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"}

package/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="ngssm-shell" />
+export * from './public-api';

package/lib/components/shell/shell.component.d.ts

@@ -0,0 +1,13 @@
+import { Observable } from 'rxjs';
+import { NgSsmComponent, Store } from 'ngssm-store';
+import { ShellConfig } from '../../model';
+import * as i0 from "@angular/core";
+export declare class ShellComponent extends NgSsmComponent {
+    private readonly _shellConfig$;
+    class: string;
+    constructor(store: Store);
+    set shellConfig(value: ShellConfig);
+    get shellConfig$(): Observable<ShellConfig | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ShellComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ShellComponent, "ngssm-shell", never, { "shellConfig": "shellConfig"; }, {}, never, never, false>;
+}

package/lib/components/side-nav/side-nav.component.d.ts

@@ -0,0 +1,13 @@
+import { Observable } from 'rxjs';
+import { NgSsmComponent, Store } from 'ngssm-store';
+import { SidenavConfig } from '../../model';
+import * as i0 from "@angular/core";
+export declare class SideNavComponent extends NgSsmComponent {
+    private readonly _sidenavConfig$;
+    class: string;
+    constructor(store: Store);
+    set config(value: SidenavConfig | undefined);
+    get sidenavConfig$(): Observable<SidenavConfig | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SideNavComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SideNavComponent, "ngssm-side-nav", never, { "config": "config"; }, {}, never, never, false>;
+}

package/lib/components/wrapper/wrapper.component.d.ts

@@ -0,0 +1,13 @@
+import { ViewContainerRef } from '@angular/core';
+import { Observable } from 'rxjs';
+import { NgSsmComponent, Store } from 'ngssm-store';
+import * as i0 from "@angular/core";
+export declare class WrapperComponent extends NgSsmComponent {
+    private viewContainerRef;
+    private readonly _innerHtml$;
+    constructor(store: Store, viewContainerRef: ViewContainerRef);
+    set item(value: any);
+    get innerHtml$(): Observable<string | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WrapperComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WrapperComponent, "ngssm-wrapper", never, { "item": "item"; }, {}, never, never, false>;
+}

package/lib/model/index.d.ts

@@ -0,0 +1,4 @@
+export * from './shell-config';
+export * from './sidenav-config';
+export * from './sidenav-item';
+export * from './sidenav-section';

package/lib/model/shell-config.d.ts

@@ -0,0 +1,21 @@
+import { SidenavConfig } from './sidenav-config';
+/**
+ * Configuration parameters of {@link ShellComponent} component.
+ */
+export interface ShellConfig {
+    /** Path of the logo image to display in the header bar if any */
+    logo?: string;
+    /** The title to be displayed in the header bar. */
+    applicationTitle?: string;
+    /** Configuration parameters of sidenav associated to the shell. */
+    sidenavConfig?: SidenavConfig;
+    /** If true, display the footer MatToolbar */
+    displayFooter?: boolean;
+    /**
+     * If true, the button used to display the list of notifications is displayed.
+     * For now, this is useless as nothing is done about the notifications
+     */
+    displayFooterNotificationsButton?: boolean;
+    /** List of components or html to display in the footer */
+    footerComponents?: any[];
+}

package/lib/model/sidenav-config.d.ts

@@ -0,0 +1,10 @@
+import { SidenavSection } from './sidenav-section';
+/**
+ * Configuration parameters of the {@link SideNavComponent} component.
+ */
+export interface SidenavConfig {
+    /** Main title of the sidenav */
+    title?: string;
+    /** List of sections to be displayed. Each section is used to group a list of links. */
+    sections?: SidenavSection[];
+}

package/lib/model/sidenav-item.d.ts

@@ -0,0 +1,10 @@
+export interface SidenavItem {
+    /** Label displayed in the {@link SideNavComponent} for the section or the link */
+    label: string;
+    /** Html code for the icon to display before the label */
+    icon?: string;
+    /** Router link associated to the item */
+    route?: string;
+    /** Angular component to display at the right of the label */
+    component?: any;
+}

package/lib/model/sidenav-section.d.ts

@@ -0,0 +1,5 @@
+import { SidenavItem } from './sidenav-item';
+export interface SidenavSection extends SidenavItem {
+    /** List of links to be displayed for the current section */
+    items?: SidenavItem[];
+}

package/lib/ngssm-shell.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./components/shell/shell.component";
+import * as i2 from "./components/side-nav/side-nav.component";
+import * as i3 from "./components/wrapper/wrapper.component";
+import * as i4 from "@angular/router";
+import * as i5 from "ngssm-toolkit";
+export declare class NgssmShellModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgssmShellModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgssmShellModule, [typeof i1.ShellComponent, typeof i2.SideNavComponent, typeof i3.WrapperComponent], [typeof i4.RouterModule, typeof i5.MaterialImportsModule], [typeof i1.ShellComponent, typeof i2.SideNavComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NgssmShellModule>;
+}

package/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "ngssm-shell",
+  "version": "14.1.3",
+  "description": "NgSsm - A complete sheel with header, footer, side navigation...",
+  "author": "Lion Marc",
+  "license": "MIT",
+  "peerDependencies": {
+    "@angular/common": "^14.2.0",
+    "@angular/core": "^14.2.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/LionMarc/ng-simple-state-management",
+    "directory": "projects/ngssm-shell"
+  },
+  "module": "fesm2015/ngssm-shell.mjs",
+  "es2020": "fesm2020/ngssm-shell.mjs",
+  "esm2020": "esm2020/ngssm-shell.mjs",
+  "fesm2020": "fesm2020/ngssm-shell.mjs",
+  "fesm2015": "fesm2015/ngssm-shell.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2020": "./esm2020/ngssm-shell.mjs",
+      "es2020": "./fesm2020/ngssm-shell.mjs",
+      "es2015": "./fesm2015/ngssm-shell.mjs",
+      "node": "./fesm2015/ngssm-shell.mjs",
+      "default": "./fesm2020/ngssm-shell.mjs"
+    }
+  },
+  "sideEffects": false
+}

package/public-api.d.ts

@@ -0,0 +1,4 @@
+export * from './lib/ngssm-shell.module';
+export * from './lib/components/shell/shell.component';
+export * from './lib/components/side-nav/side-nav.component';
+export * from './lib/model';

package/styles/ngssm-shell.scss

@@ -0,0 +1,53 @@
+@use '@angular/material'as mat;
+@include mat.core();
+
+.ngssm-shell {
+    display: flex;
+    flex-direction: column;
+}
+
+.ngssm-shell-header {
+    background: mat.get-color-from-palette(mat.$indigo-palette, 500);
+    color: mat.get-color-from-palette(mat.$indigo-palette, 50);
+}
+
+.ngssm-shell-header-logo {
+    height: 50px;
+    margin-right: 10px;
+}
+
+.ngssm-shell-header-title {
+    font-size: 24px;
+}
+
+.ngssm-shell-navigation-bar {
+    min-width: 250px;
+    max-width: 250px;
+}
+
+.ngssm-shell-content {
+    flex: 1;
+    display: flex !important;
+    flex-direction: column;
+}
+
+.ngssm-shell-messages-bar {
+    display: flex;
+    flex-direction: column;
+}
+
+.ngssm-shell-footer {
+    min-height: 50px;
+    max-height: 50px;
+    border-top: thick double mat.get-color-from-palette(mat.$indigo-palette, 500);
+
+    ngssm-wrapper {
+        margin-right: 4px;
+    }
+}
+
+.ngssm-shell-no-config {
+    color: red;
+    font-weight: bold;
+    font-size: 2em;
+}

package/styles/ngssm-sidenav.scss

@@ -0,0 +1,39 @@
+.ngssm-sidenav {
+    .mat-list-item {
+        cursor: default !important;
+    }
+}
+
+.ngssm-sidenav-main-container {
+    [mat-header] {
+        font-size: 24px;
+        margin-bottom: 12px;
+        text-align: center;
+    }
+}
+
+.ngssm-sidenav-item-icon {
+    margin-right: 12px;
+}
+
+.ngssm-sidenav-section-container {}
+
+.ngssm-sidenav-section-item-container {
+    font-size: 20px !important;
+
+    .ngssm-sidenav-section-item {
+        width: 100%;
+    }
+}
+
+.ngssm-sidenav-item-container {
+
+    .ngssm-sidenav-section-item {
+        padding-left: 15px;
+        width: 100%;
+    }
+}
+
+.ngssm-sidenav-active-link {
+    color: blue !important;
+}