@dbg-riskit/angular-login 12.3.0 → 13.0.3

package/fesm2015/dbg-riskit-angular-login.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dbg-riskit-angular-login.mjs","sources":["../../../../pkg/dbg-riskit/angular-login/src/lib/login.component.ts","../../../../pkg/dbg-riskit/angular-login/src/lib/login.component.html","../../../../pkg/dbg-riskit/angular-login/src/lib/login.menu.component.ts","../../../../pkg/dbg-riskit/angular-login/src/lib/login.menu.component.html","../../../../pkg/dbg-riskit/angular-login/src/lib/login.module.ts","../../../../pkg/dbg-riskit/angular-login/src/dbg-riskit-angular-login.ts"],"sourcesContent":["import {AfterViewInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, Inject} from '@angular/core';\n\nimport {AuthRoutingFlowService} from '@dbg-riskit/angular-auth';\nimport {AUTH_PROVIDER, SECONDARY_LOGO} from '@dbg-riskit/angular-common';\nimport {ErrorTypes, toErrorMessage} from '@dbg-riskit/angular-error';\nimport {BaseComponent} from '@dbg-riskit/angular-view';\nimport {AuthProvider, UserInfo} from '@dbg-riskit/common';\n\nimport {Observable} from 'rxjs';\nimport {first, takeUntil} from 'rxjs/operators';\n\n@Component({\n    templateUrl        : 'login.component.html',\n    styleUrls          : [\n        '../../../component.scss',\n        'login.component.scss'\n    ],\n    host               : {\n        '[class.risk-login-form]': 'true'\n    },\n    changeDetection    : ChangeDetectionStrategy.OnPush,\n    preserveWhitespaces: false\n})\nexport class LoginComponent extends BaseComponent implements AfterViewInit {\n\n    /**\n     * Error message to be displayed.\n     */\n    public errorMessage?: string;\n\n    /**\n     * User name binding.\n     */\n    public username?: string;\n\n    /**\n     * Password binding.\n     */\n    public password?: string;\n\n    /**\n     * Control for \"login button-to-spinner\".\n     */\n    public loggingIn = false;\n\n    public constructor(@Inject(AUTH_PROVIDER) private readonly authProvider: AuthProvider,\n                       private readonly changeDetectorRef: ChangeDetectorRef,\n                       private readonly authRoutingFlowService: AuthRoutingFlowService,\n                       @Inject(SECONDARY_LOGO) private readonly secondaryLogo: string) {\n        super();\n        // Update component state on login status change\n        this.authProvider.loggedInStream.pipe(\n            takeUntil(this.destroyed)\n        ).subscribe(() => this.changeDetectorRef.markForCheck());\n    }\n\n    public ngAfterViewInit(): void {\n        this.authRoutingFlowService.loginViaService().pipe(\n            takeUntil(this.destroyed)\n        ).subscribe(\n            () => {\n                this.changeDetectorRef.markForCheck();\n            },\n            (err: ErrorTypes) => {\n                this.errorMessage = toErrorMessage(err).message;\n                this.changeDetectorRef.markForCheck();\n            }\n        );\n    }\n\n    public get isDirectFlow(): boolean {\n        return this.authRoutingFlowService.directFlow;\n    }\n\n    public get authStatus(): Observable<boolean> {\n        return this.authProvider.loggedIn;\n    }\n\n    public get userProfile(): Observable<UserInfo | undefined> {\n        return this.authProvider.userProfile;\n    }\n\n    public login(): void {\n        this.loggingIn = true;\n        this.authRoutingFlowService.login(this.username, this.password).pipe(\n            first()\n        ).subscribe(\n            (res: boolean) => {\n                if (!res) {\n                    this.errorMessage = 'Authentication failed. Server did not generate a token.';\n                }\n                this.loggingIn = false;\n                this.changeDetectorRef.markForCheck();\n            },\n            () => {\n                this.loggingIn = false;\n                this.errorMessage = 'Authentication failed. Is the username and password correct?';\n                this.changeDetectorRef.markForCheck();\n            }\n        );\n    }\n\n    public get logo(): string {\n        return this.secondaryLogo;\n    }\n}\n","<risk-flex>\n    <risk-flex-spacer></risk-flex-spacer>\n\n    <div *ngIf=\"isDirectFlow\">\n        <ng-template #loggedOut>\n            <risk-error *ngIf=\"errorMessage\" [message]=\"errorMessage\"></risk-error>\n\n            <form (ngSubmit)=\"login()\" role=\"form\">\n                <mat-card>\n                    <mat-card-title-group>\n                        <mat-card-title>Please Sign In</mat-card-title>\n                    </mat-card-title-group>\n                    <mat-card-content>\n                        <mat-form-field class=\"risk-full-width\">\n                            <input matInput\n                                   type=\"text\"\n                                   placeholder=\"Username\"\n                                   name=\"username\"\n                                   [(ngModel)]=\"username\"\n                                   autofocus>\n                        </mat-form-field>\n                        <mat-form-field class=\"risk-full-width\">\n                            <input matInput\n                                   type=\"password\"\n                                   placeholder=\"Password\"\n                                   name=\"password\"\n                                   [(ngModel)]=\"password\">\n                        </mat-form-field>\n                    </mat-card-content>\n                    <mat-card-actions>\n                        <button *ngIf=\"!loggingIn\"\n                                mat-raised-button\n                                color=\"primary\"\n                                type=\"submit\">\n                            Sign in\n                        </button>\n                        <img [src]=\"logo\" alt=\"Company logo\">\n                        <mat-spinner *ngIf=\"loggingIn\" [diameter]=\"36\"></mat-spinner>\n                    </mat-card-actions>\n                </mat-card>\n            </form>\n        </ng-template>\n\n        <ng-template [ngIf]=\"authStatus | async\" [ngIfElse]=\"loggedOut\">\n            <ng-template [ngIf]=\"userProfile | async\" let-user=\"ngIf\">\n                <risk-good *ngIf=\"user?.name\"\n                           [message]=\"'Successfully logged in as ' + user.name + '.'\"></risk-good>\n                <risk-good *ngIf=\"!user && !user.name\"\n                           [message]=\"'Successfully logged in!'\"></risk-good>\n            </ng-template>\n        </ng-template>\n    </div>\n\n    <div *ngIf=\"!isDirectFlow\">\n        <ng-template [ngIf]=\"!errorMessage\">\n            <div class=\"risk-login-form-flex-wrapper\">\n                <div></div>\n                <mat-spinner></mat-spinner>\n                <div></div>\n            </div>\n            <h3>Contacting authentication server...</h3>\n        </ng-template>\n        <ng-template [ngIf]=\"errorMessage\">\n            <div class=\"risk-login-form-flex-wrapper\">\n                <div></div>\n                <mat-icon class=\"risk-login-form-error\" color=\"warn\">error_outline</mat-icon>\n                <div></div>\n            </div>\n            <h3>Failed to authenticate user: {{errorMessage}}</h3>\n            <div class=\"risk-login-form-flex-wrapper\">\n                <div></div>\n                <button mat-button\n                        (click)=\"login()\"\n                        color=\"primary\"\n                        type=\"button\">\n                    <mat-icon>autorenew</mat-icon>\n                    Retry\n                </button>\n                <div></div>\n            </div>\n        </ng-template>\n    </div>\n\n    <risk-flex-spacer></risk-flex-spacer>\n</risk-flex>\n","import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    Directive,\n    HostBinding,\n    Inject,\n    Input\n} from '@angular/core';\n\nimport {AuthRoutingFlowService} from '@dbg-riskit/angular-auth';\nimport {AUTH_PROVIDER} from '@dbg-riskit/angular-common';\nimport {BaseComponent} from '@dbg-riskit/angular-view';\nimport {AuthProvider} from '@dbg-riskit/common';\n\nimport {Observable} from 'rxjs';\nimport {first, takeUntil} from 'rxjs/operators';\n\n@Directive({\n    selector: 'risk-login-menu-title-horizontal, '\n              + 'risk-login-menu-title-vertical',\n    host    : {\n        '[class.risk-login-menu-title]': 'true'\n    }\n})\nexport class LoginMenuComponentTitleDirective {\n}\n\n@Directive({\n    selector: 'risk-login-menu-before-items-horizontal,'\n              + ' risk-login-menu-before-items-vertical,'\n              + 'risk-login-menu-after-items-horizontal,'\n              + 'risk-login-menu-after-items-vertical'\n})\nexport class LoginMenuItemsDirective {\n}\n\n@Component({\n    selector           : 'risk-login-menu',\n    templateUrl        : 'login.menu.component.html',\n    styleUrls          : [\n        '../../../component.scss',\n        'login.menu.component.scss'\n    ],\n    host               : {\n        '[class.risk-login-menu]': 'true'\n    },\n    changeDetection    : ChangeDetectionStrategy.OnPush,\n    preserveWhitespaces: false\n})\nexport class LoginMenuComponent extends BaseComponent {\n\n    @Input()\n    public orientation: 'row' | 'column' = 'row';\n\n    @HostBinding('class.risk-login-menu-flex-row')\n    public get isRow(): boolean {\n        return this.orientation === 'row';\n    }\n\n    @HostBinding('class.risk-login-menu-flex-column')\n    public get isColumn(): boolean {\n        return this.orientation === 'column';\n    }\n\n    public constructor(@Inject(AUTH_PROVIDER) private readonly authProvider: AuthProvider,\n                       private readonly authRoutingFlowService: AuthRoutingFlowService,\n                       private readonly changeDetectorRef: ChangeDetectorRef) {\n        super();\n\n        // Update menu state on login status change\n        this.authProvider.loggedInStream.pipe(\n            takeUntil(this.destroyed)\n        ).subscribe(() => this.changeDetectorRef.markForCheck());\n    }\n\n    public menuClosed(): void {\n        this.changeDetectorRef.markForCheck();\n    }\n\n    public get authStatus(): Observable<boolean> {\n        return this.authProvider.loggedIn;\n    }\n\n    public logout(): void {\n        this.authRoutingFlowService.logout().pipe(\n            first()\n        ).subscribe();\n    }\n}\n","<ng-template [ngIf]=\"orientation === 'row'\">\n    <mat-menu #loginMenu=\"matMenu\"\n              [overlapTrigger]=\"false\">\n        <ng-content select=\"risk-login-menu-before-items-horizontal\"></ng-content>\n        <ng-template [ngIf]=\"authStatus | async\" [ngIfElse]=\"loggedOut\">\n            <button mat-menu-item\n                    (click)=\"logout()\"\n                    type=\"button\">\n                <mat-icon>exit_to_app</mat-icon>\n                Logout\n            </button>\n        </ng-template>\n        <ng-template #loggedOut>\n            <button mat-menu-item\n                    (click)=\"logout()\"\n                    type=\"button\">\n                <mat-icon>launch</mat-icon>\n                Login\n            </button>\n        </ng-template>\n        <ng-content select=\"risk-login-menu-after-items-horizontal\"></ng-content>\n    </mat-menu>\n    <button mat-button\n            #menu=\"matMenuTrigger\"\n            [matMenuTriggerFor]=\"loginMenu\"\n            [class.risk-menu-open]=\"menu.menuOpen\"\n            (onMenuClose)=\"menuClosed()\"\n            type=\"button\">\n        <ng-content select=\"risk-login-menu-title-horizontal\"></ng-content>\n        <mat-icon>person</mat-icon>\n    </button>\n</ng-template>\n\n<ng-template [ngIf]=\"orientation === 'column'\">\n    <ng-content select=\"risk-login-menu-title-vertical\"></ng-content>\n    <ng-content select=\"risk-login-menu-before-items-vertical\"></ng-content>\n    <ng-template [ngIf]=\"authStatus | async\" [ngIfElse]=\"loggedOut2\">\n        <a mat-button\n           (click)=\"logout()\">\n            <mat-icon>exit_to_app</mat-icon>\n            Logout\n        </a>\n    </ng-template>\n    <ng-template #loggedOut2>\n        <a mat-button\n           (click)=\"logout()\">\n            <mat-icon>launch</mat-icon>\n            Login\n        </a>\n    </ng-template>\n    <ng-content select=\"risk-login-menu-after-items-vertical\"></ng-content>\n</ng-template>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\nimport {RouterModule} from '@angular/router';\nimport {AuthModule} from '@dbg-riskit/angular-auth';\nimport {CommonViewModule} from '@dbg-riskit/angular-view';\nimport {LoginComponent} from './login.component';\nimport {LoginMenuComponent, LoginMenuComponentTitleDirective, LoginMenuItemsDirective} from './login.menu.component';\n\n@NgModule({\n    imports     : [\n        CommonModule,\n        FormsModule,\n        RouterModule,\n        AuthModule,\n        CommonViewModule\n    ],\n    declarations: [\n        LoginMenuComponent,\n        LoginComponent,\n        LoginMenuComponentTitleDirective,\n        LoginMenuItemsDirective\n    ],\n    exports     : [\n        LoginMenuComponent,\n        LoginMenuComponentTitleDirective,\n        LoginMenuItemsDirective\n    ]\n})\nexport class LoginModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2020/dbg-riskit-angular-login.mjs

@@ -0,0 +1,208 @@
+import * as i8 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Inject, Directive, Input, HostBinding, NgModule } from '@angular/core';
+import * as i9 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { RouterModule } from '@angular/router';
+import * as i1 from '@dbg-riskit/angular-auth';
+import { AuthModule } from '@dbg-riskit/angular-auth';
+import * as i2 from '@dbg-riskit/angular-view';
+import { BaseComponent, CommonViewModule } from '@dbg-riskit/angular-view';
+import { AUTH_PROVIDER, SECONDARY_LOGO } from '@dbg-riskit/angular-common';
+import { toErrorMessage } from '@dbg-riskit/angular-error';
+import { takeUntil, first } from 'rxjs/operators';
+import * as i3 from '@angular/material/card';
+import * as i4 from '@angular/material/form-field';
+import * as i4$1 from '@angular/material/button';
+import * as i6 from '@angular/material/progress-spinner';
+import * as i7 from '@angular/material/icon';
+import * as i10 from '@angular/material/input';
+import * as i2$1 from '@angular/material/menu';
+
+class LoginComponent extends BaseComponent {
+    constructor(authProvider, changeDetectorRef, authRoutingFlowService, secondaryLogo) {
+        super();
+        this.authProvider = authProvider;
+        this.changeDetectorRef = changeDetectorRef;
+        this.authRoutingFlowService = authRoutingFlowService;
+        this.secondaryLogo = secondaryLogo;
+        /**
+         * Control for "login button-to-spinner".
+         */
+        this.loggingIn = false;
+        // Update component state on login status change
+        this.authProvider.loggedInStream.pipe(takeUntil(this.destroyed)).subscribe(() => this.changeDetectorRef.markForCheck());
+    }
+    ngAfterViewInit() {
+        this.authRoutingFlowService.loginViaService().pipe(takeUntil(this.destroyed)).subscribe(() => {
+            this.changeDetectorRef.markForCheck();
+        }, (err) => {
+            this.errorMessage = toErrorMessage(err).message;
+            this.changeDetectorRef.markForCheck();
+        });
+    }
+    get isDirectFlow() {
+        return this.authRoutingFlowService.directFlow;
+    }
+    get authStatus() {
+        return this.authProvider.loggedIn;
+    }
+    get userProfile() {
+        return this.authProvider.userProfile;
+    }
+    login() {
+        this.loggingIn = true;
+        this.authRoutingFlowService.login(this.username, this.password).pipe(first()).subscribe((res) => {
+            if (!res) {
+                this.errorMessage = 'Authentication failed. Server did not generate a token.';
+            }
+            this.loggingIn = false;
+            this.changeDetectorRef.markForCheck();
+        }, () => {
+            this.loggingIn = false;
+            this.errorMessage = 'Authentication failed. Is the username and password correct?';
+            this.changeDetectorRef.markForCheck();
+        });
+    }
+    get logo() {
+        return this.secondaryLogo;
+    }
+}
+LoginComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LoginComponent, deps: [{ token: AUTH_PROVIDER }, { token: i0.ChangeDetectorRef }, { token: i1.AuthRoutingFlowService }, { token: SECONDARY_LOGO }], target: i0.ɵɵFactoryTarget.Component });
+LoginComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: LoginComponent, selector: "ng-component", host: { properties: { "class.risk-login-form": "true" } }, usesInheritance: true, ngImport: i0, template: "<risk-flex>\n    <risk-flex-spacer></risk-flex-spacer>\n\n    <div *ngIf=\"isDirectFlow\">\n        <ng-template #loggedOut>\n            <risk-error *ngIf=\"errorMessage\" [message]=\"errorMessage\"></risk-error>\n\n            <form (ngSubmit)=\"login()\" role=\"form\">\n                <mat-card>\n                    <mat-card-title-group>\n                        <mat-card-title>Please Sign In</mat-card-title>\n                    </mat-card-title-group>\n                    <mat-card-content>\n                        <mat-form-field class=\"risk-full-width\">\n                            <input matInput\n                                   type=\"text\"\n                                   placeholder=\"Username\"\n                                   name=\"username\"\n                                   [(ngModel)]=\"username\"\n                                   autofocus>\n                        </mat-form-field>\n                        <mat-form-field class=\"risk-full-width\">\n                            <input matInput\n                                   type=\"password\"\n                                   placeholder=\"Password\"\n                                   name=\"password\"\n                                   [(ngModel)]=\"password\">\n                        </mat-form-field>\n                    </mat-card-content>\n                    <mat-card-actions>\n                        <button *ngIf=\"!loggingIn\"\n                                mat-raised-button\n                                color=\"primary\"\n                                type=\"submit\">\n                            Sign in\n                        </button>\n                        <img [src]=\"logo\" alt=\"Company logo\">\n                        <mat-spinner *ngIf=\"loggingIn\" [diameter]=\"36\"></mat-spinner>\n                    </mat-card-actions>\n                </mat-card>\n            </form>\n        </ng-template>\n\n        <ng-template [ngIf]=\"authStatus | async\" [ngIfElse]=\"loggedOut\">\n            <ng-template [ngIf]=\"userProfile | async\" let-user=\"ngIf\">\n                <risk-good *ngIf=\"user?.name\"\n                           [message]=\"'Successfully logged in as ' + user.name + '.'\"></risk-good>\n                <risk-good *ngIf=\"!user && !user.name\"\n                           [message]=\"'Successfully logged in!'\"></risk-good>\n            </ng-template>\n        </ng-template>\n    </div>\n\n    <div *ngIf=\"!isDirectFlow\">\n        <ng-template [ngIf]=\"!errorMessage\">\n            <div class=\"risk-login-form-flex-wrapper\">\n                <div></div>\n                <mat-spinner></mat-spinner>\n                <div></div>\n            </div>\n            <h3>Contacting authentication server...</h3>\n        </ng-template>\n        <ng-template [ngIf]=\"errorMessage\">\n            <div class=\"risk-login-form-flex-wrapper\">\n                <div></div>\n                <mat-icon class=\"risk-login-form-error\" color=\"warn\">error_outline</mat-icon>\n                <div></div>\n            </div>\n            <h3>Failed to authenticate user: {{errorMessage}}</h3>\n            <div class=\"risk-login-form-flex-wrapper\">\n                <div></div>\n                <button mat-button\n                        (click)=\"login()\"\n                        color=\"primary\"\n                        type=\"button\">\n                    <mat-icon>autorenew</mat-icon>\n                    Retry\n                </button>\n                <div></div>\n            </div>\n        </ng-template>\n    </div>\n\n    <risk-flex-spacer></risk-flex-spacer>\n</risk-flex>\n", styles: [":host{display:block;padding:0;margin:0}:host>*{vertical-align:bottom}\n", ".risk-flex>div{width:400px;max-width:97vw;max-height:70vh;margin-top:40px}.mat-card-title-group{margin:0}.mat-card-title-group .mat-card-title{font-weight:500}.mat-card-actions{margin:0;margin-bottom:-8px!important;padding:0}.mat-card-actions img{float:right;margin:3px 0;height:30px}.risk-login-form-flex-wrapper{display:-webkit-flex;display:flex}.risk-login-form-flex-wrapper>div{-webkit-flex:1;flex:1}.risk-login-form-error{font-size:100px;height:100px;width:100px}h3{text-align:center}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px white inset}\n"], components: [{ type: i2.FlexComponent, selector: "risk-flex", inputs: ["wrapContent"] }, { type: i2.FlexSpacerComponent, selector: "risk-flex-spacer" }, { type: i2.MessageComponent, selector: "risk-error, risk-good, risk-info, risk-message, risk-warn, risk-initial-load, risk-no-data, risk-update-failed", inputs: ["message"] }, { type: i3.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i3.MatCardTitleGroup, selector: "mat-card-title-group" }, { type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i4$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"] }, { type: i6.MatSpinner, selector: "mat-spinner", inputs: ["color"] }, { type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i9.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i9.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i3.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { type: i3.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i10.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i9.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i9.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i3.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }], pipes: { "async": i8.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LoginComponent, decorators: [{
+            type: Component,
+            args: [{ host: {
+                        '[class.risk-login-form]': 'true'
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<risk-flex>\n    <risk-flex-spacer></risk-flex-spacer>\n\n    <div *ngIf=\"isDirectFlow\">\n        <ng-template #loggedOut>\n            <risk-error *ngIf=\"errorMessage\" [message]=\"errorMessage\"></risk-error>\n\n            <form (ngSubmit)=\"login()\" role=\"form\">\n                <mat-card>\n                    <mat-card-title-group>\n                        <mat-card-title>Please Sign In</mat-card-title>\n                    </mat-card-title-group>\n                    <mat-card-content>\n                        <mat-form-field class=\"risk-full-width\">\n                            <input matInput\n                                   type=\"text\"\n                                   placeholder=\"Username\"\n                                   name=\"username\"\n                                   [(ngModel)]=\"username\"\n                                   autofocus>\n                        </mat-form-field>\n                        <mat-form-field class=\"risk-full-width\">\n                            <input matInput\n                                   type=\"password\"\n                                   placeholder=\"Password\"\n                                   name=\"password\"\n                                   [(ngModel)]=\"password\">\n                        </mat-form-field>\n                    </mat-card-content>\n                    <mat-card-actions>\n                        <button *ngIf=\"!loggingIn\"\n                                mat-raised-button\n                                color=\"primary\"\n                                type=\"submit\">\n                            Sign in\n                        </button>\n                        <img [src]=\"logo\" alt=\"Company logo\">\n                        <mat-spinner *ngIf=\"loggingIn\" [diameter]=\"36\"></mat-spinner>\n                    </mat-card-actions>\n                </mat-card>\n            </form>\n        </ng-template>\n\n        <ng-template [ngIf]=\"authStatus | async\" [ngIfElse]=\"loggedOut\">\n            <ng-template [ngIf]=\"userProfile | async\" let-user=\"ngIf\">\n                <risk-good *ngIf=\"user?.name\"\n                           [message]=\"'Successfully logged in as ' + user.name + '.'\"></risk-good>\n                <risk-good *ngIf=\"!user && !user.name\"\n                           [message]=\"'Successfully logged in!'\"></risk-good>\n            </ng-template>\n        </ng-template>\n    </div>\n\n    <div *ngIf=\"!isDirectFlow\">\n        <ng-template [ngIf]=\"!errorMessage\">\n            <div class=\"risk-login-form-flex-wrapper\">\n                <div></div>\n                <mat-spinner></mat-spinner>\n                <div></div>\n            </div>\n            <h3>Contacting authentication server...</h3>\n        </ng-template>\n        <ng-template [ngIf]=\"errorMessage\">\n            <div class=\"risk-login-form-flex-wrapper\">\n                <div></div>\n                <mat-icon class=\"risk-login-form-error\" color=\"warn\">error_outline</mat-icon>\n                <div></div>\n            </div>\n            <h3>Failed to authenticate user: {{errorMessage}}</h3>\n            <div class=\"risk-login-form-flex-wrapper\">\n                <div></div>\n                <button mat-button\n                        (click)=\"login()\"\n                        color=\"primary\"\n                        type=\"button\">\n                    <mat-icon>autorenew</mat-icon>\n                    Retry\n                </button>\n                <div></div>\n            </div>\n        </ng-template>\n    </div>\n\n    <risk-flex-spacer></risk-flex-spacer>\n</risk-flex>\n", styles: [":host{display:block;padding:0;margin:0}:host>*{vertical-align:bottom}\n", ".risk-flex>div{width:400px;max-width:97vw;max-height:70vh;margin-top:40px}.mat-card-title-group{margin:0}.mat-card-title-group .mat-card-title{font-weight:500}.mat-card-actions{margin:0;margin-bottom:-8px!important;padding:0}.mat-card-actions img{float:right;margin:3px 0;height:30px}.risk-login-form-flex-wrapper{display:-webkit-flex;display:flex}.risk-login-form-flex-wrapper>div{-webkit-flex:1;flex:1}.risk-login-form-error{font-size:100px;height:100px;width:100px}h3{text-align:center}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px white inset}\n"] }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [AUTH_PROVIDER]
+                }] }, { type: i0.ChangeDetectorRef }, { type: i1.AuthRoutingFlowService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [SECONDARY_LOGO]
+                }] }]; } });
+
+class LoginMenuComponentTitleDirective {
+}
+LoginMenuComponentTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LoginMenuComponentTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+LoginMenuComponentTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.2", type: LoginMenuComponentTitleDirective, selector: "risk-login-menu-title-horizontal, risk-login-menu-title-vertical", host: { properties: { "class.risk-login-menu-title": "true" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LoginMenuComponentTitleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'risk-login-menu-title-horizontal, '
+                        + 'risk-login-menu-title-vertical',
+                    host: {
+                        '[class.risk-login-menu-title]': 'true'
+                    }
+                }]
+        }] });
+class LoginMenuItemsDirective {
+}
+LoginMenuItemsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LoginMenuItemsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+LoginMenuItemsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.2", type: LoginMenuItemsDirective, selector: "risk-login-menu-before-items-horizontal, risk-login-menu-before-items-vertical,risk-login-menu-after-items-horizontal,risk-login-menu-after-items-vertical", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LoginMenuItemsDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'risk-login-menu-before-items-horizontal,'
+                        + ' risk-login-menu-before-items-vertical,'
+                        + 'risk-login-menu-after-items-horizontal,'
+                        + 'risk-login-menu-after-items-vertical'
+                }]
+        }] });
+class LoginMenuComponent extends BaseComponent {
+    constructor(authProvider, authRoutingFlowService, changeDetectorRef) {
+        super();
+        this.authProvider = authProvider;
+        this.authRoutingFlowService = authRoutingFlowService;
+        this.changeDetectorRef = changeDetectorRef;
+        this.orientation = 'row';
+        // Update menu state on login status change
+        this.authProvider.loggedInStream.pipe(takeUntil(this.destroyed)).subscribe(() => this.changeDetectorRef.markForCheck());
+    }
+    get isRow() {
+        return this.orientation === 'row';
+    }
+    get isColumn() {
+        return this.orientation === 'column';
+    }
+    menuClosed() {
+        this.changeDetectorRef.markForCheck();
+    }
+    get authStatus() {
+        return this.authProvider.loggedIn;
+    }
+    logout() {
+        this.authRoutingFlowService.logout().pipe(first()).subscribe();
+    }
+}
+LoginMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LoginMenuComponent, deps: [{ token: AUTH_PROVIDER }, { token: i1.AuthRoutingFlowService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+LoginMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: LoginMenuComponent, selector: "risk-login-menu", inputs: { orientation: "orientation" }, host: { properties: { "class.risk-login-menu": "true", "class.risk-login-menu-flex-row": "this.isRow", "class.risk-login-menu-flex-column": "this.isColumn" } }, usesInheritance: true, ngImport: i0, template: "<ng-template [ngIf]=\"orientation === 'row'\">\n    <mat-menu #loginMenu=\"matMenu\"\n              [overlapTrigger]=\"false\">\n        <ng-content select=\"risk-login-menu-before-items-horizontal\"></ng-content>\n        <ng-template [ngIf]=\"authStatus | async\" [ngIfElse]=\"loggedOut\">\n            <button mat-menu-item\n                    (click)=\"logout()\"\n                    type=\"button\">\n                <mat-icon>exit_to_app</mat-icon>\n                Logout\n            </button>\n        </ng-template>\n        <ng-template #loggedOut>\n            <button mat-menu-item\n                    (click)=\"logout()\"\n                    type=\"button\">\n                <mat-icon>launch</mat-icon>\n                Login\n            </button>\n        </ng-template>\n        <ng-content select=\"risk-login-menu-after-items-horizontal\"></ng-content>\n    </mat-menu>\n    <button mat-button\n            #menu=\"matMenuTrigger\"\n            [matMenuTriggerFor]=\"loginMenu\"\n            [class.risk-menu-open]=\"menu.menuOpen\"\n            (onMenuClose)=\"menuClosed()\"\n            type=\"button\">\n        <ng-content select=\"risk-login-menu-title-horizontal\"></ng-content>\n        <mat-icon>person</mat-icon>\n    </button>\n</ng-template>\n\n<ng-template [ngIf]=\"orientation === 'column'\">\n    <ng-content select=\"risk-login-menu-title-vertical\"></ng-content>\n    <ng-content select=\"risk-login-menu-before-items-vertical\"></ng-content>\n    <ng-template [ngIf]=\"authStatus | async\" [ngIfElse]=\"loggedOut2\">\n        <a mat-button\n           (click)=\"logout()\">\n            <mat-icon>exit_to_app</mat-icon>\n            Logout\n        </a>\n    </ng-template>\n    <ng-template #loggedOut2>\n        <a mat-button\n           (click)=\"logout()\">\n            <mat-icon>launch</mat-icon>\n            Login\n        </a>\n    </ng-template>\n    <ng-content select=\"risk-login-menu-after-items-vertical\"></ng-content>\n</ng-template>\n", styles: [":host{display:block;padding:0;margin:0}:host>*{vertical-align:bottom}\n", ":host{display:-webkit-flex!important;display:flex!important}:host.risk-login-menu-flex-row{-webkit-flex-direction:row;flex-direction:row}:host.risk-login-menu-flex-column{-webkit-flex-direction:column;flex-direction:column}:host .risk-login-menu-title{font-weight:bold;margin:0 5px}\n"], components: [{ type: i2$1.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i2$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4$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"] }, { type: i4$1.MatAnchor, selector: "a[mat-button], a[mat-raised-button], a[mat-icon-button], a[mat-fab],             a[mat-mini-fab], a[mat-stroked-button], a[mat-flat-button]", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matButton", "matAnchor"] }], directives: [{ type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }], pipes: { "async": i8.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LoginMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'risk-login-menu', host: {
+                        '[class.risk-login-menu]': 'true'
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<ng-template [ngIf]=\"orientation === 'row'\">\n    <mat-menu #loginMenu=\"matMenu\"\n              [overlapTrigger]=\"false\">\n        <ng-content select=\"risk-login-menu-before-items-horizontal\"></ng-content>\n        <ng-template [ngIf]=\"authStatus | async\" [ngIfElse]=\"loggedOut\">\n            <button mat-menu-item\n                    (click)=\"logout()\"\n                    type=\"button\">\n                <mat-icon>exit_to_app</mat-icon>\n                Logout\n            </button>\n        </ng-template>\n        <ng-template #loggedOut>\n            <button mat-menu-item\n                    (click)=\"logout()\"\n                    type=\"button\">\n                <mat-icon>launch</mat-icon>\n                Login\n            </button>\n        </ng-template>\n        <ng-content select=\"risk-login-menu-after-items-horizontal\"></ng-content>\n    </mat-menu>\n    <button mat-button\n            #menu=\"matMenuTrigger\"\n            [matMenuTriggerFor]=\"loginMenu\"\n            [class.risk-menu-open]=\"menu.menuOpen\"\n            (onMenuClose)=\"menuClosed()\"\n            type=\"button\">\n        <ng-content select=\"risk-login-menu-title-horizontal\"></ng-content>\n        <mat-icon>person</mat-icon>\n    </button>\n</ng-template>\n\n<ng-template [ngIf]=\"orientation === 'column'\">\n    <ng-content select=\"risk-login-menu-title-vertical\"></ng-content>\n    <ng-content select=\"risk-login-menu-before-items-vertical\"></ng-content>\n    <ng-template [ngIf]=\"authStatus | async\" [ngIfElse]=\"loggedOut2\">\n        <a mat-button\n           (click)=\"logout()\">\n            <mat-icon>exit_to_app</mat-icon>\n            Logout\n        </a>\n    </ng-template>\n    <ng-template #loggedOut2>\n        <a mat-button\n           (click)=\"logout()\">\n            <mat-icon>launch</mat-icon>\n            Login\n        </a>\n    </ng-template>\n    <ng-content select=\"risk-login-menu-after-items-vertical\"></ng-content>\n</ng-template>\n", styles: [":host{display:block;padding:0;margin:0}:host>*{vertical-align:bottom}\n", ":host{display:-webkit-flex!important;display:flex!important}:host.risk-login-menu-flex-row{-webkit-flex-direction:row;flex-direction:row}:host.risk-login-menu-flex-column{-webkit-flex-direction:column;flex-direction:column}:host .risk-login-menu-title{font-weight:bold;margin:0 5px}\n"] }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [AUTH_PROVIDER]
+                }] }, { type: i1.AuthRoutingFlowService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { orientation: [{
+                type: Input
+            }], isRow: [{
+                type: HostBinding,
+                args: ['class.risk-login-menu-flex-row']
+            }], isColumn: [{
+                type: HostBinding,
+                args: ['class.risk-login-menu-flex-column']
+            }] } });
+
+class LoginModule {
+}
+LoginModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LoginModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+LoginModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LoginModule, declarations: [LoginMenuComponent,
+        LoginComponent,
+        LoginMenuComponentTitleDirective,
+        LoginMenuItemsDirective], imports: [CommonModule,
+        FormsModule,
+        RouterModule,
+        AuthModule,
+        CommonViewModule], exports: [LoginMenuComponent,
+        LoginMenuComponentTitleDirective,
+        LoginMenuItemsDirective] });
+LoginModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LoginModule, imports: [[
+            CommonModule,
+            FormsModule,
+            RouterModule,
+            AuthModule,
+            CommonViewModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LoginModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        RouterModule,
+                        AuthModule,
+                        CommonViewModule
+                    ],
+                    declarations: [
+                        LoginMenuComponent,
+                        LoginComponent,
+                        LoginMenuComponentTitleDirective,
+                        LoginMenuItemsDirective
+                    ],
+                    exports: [
+                        LoginMenuComponent,
+                        LoginMenuComponentTitleDirective,
+                        LoginMenuItemsDirective
+                    ]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { LoginComponent, LoginMenuComponent, LoginMenuComponentTitleDirective, LoginMenuItemsDirective, LoginModule };

package/fesm2020/dbg-riskit-angular-login.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dbg-riskit-angular-login.mjs","sources":["../../../../pkg/dbg-riskit/angular-login/src/lib/login.component.ts","../../../../pkg/dbg-riskit/angular-login/src/lib/login.component.html","../../../../pkg/dbg-riskit/angular-login/src/lib/login.menu.component.ts","../../../../pkg/dbg-riskit/angular-login/src/lib/login.menu.component.html","../../../../pkg/dbg-riskit/angular-login/src/lib/login.module.ts","../../../../pkg/dbg-riskit/angular-login/src/dbg-riskit-angular-login.ts"],"sourcesContent":["import {AfterViewInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, Inject} from '@angular/core';\n\nimport {AuthRoutingFlowService} from '@dbg-riskit/angular-auth';\nimport {AUTH_PROVIDER, SECONDARY_LOGO} from '@dbg-riskit/angular-common';\nimport {ErrorTypes, toErrorMessage} from '@dbg-riskit/angular-error';\nimport {BaseComponent} from '@dbg-riskit/angular-view';\nimport {AuthProvider, UserInfo} from '@dbg-riskit/common';\n\nimport {Observable} from 'rxjs';\nimport {first, takeUntil} from 'rxjs/operators';\n\n@Component({\n    templateUrl        : 'login.component.html',\n    styleUrls          : [\n        '../../../component.scss',\n        'login.component.scss'\n    ],\n    host               : {\n        '[class.risk-login-form]': 'true'\n    },\n    changeDetection    : ChangeDetectionStrategy.OnPush,\n    preserveWhitespaces: false\n})\nexport class LoginComponent extends BaseComponent implements AfterViewInit {\n\n    /**\n     * Error message to be displayed.\n     */\n    public errorMessage?: string;\n\n    /**\n     * User name binding.\n     */\n    public username?: string;\n\n    /**\n     * Password binding.\n     */\n    public password?: string;\n\n    /**\n     * Control for \"login button-to-spinner\".\n     */\n    public loggingIn = false;\n\n    public constructor(@Inject(AUTH_PROVIDER) private readonly authProvider: AuthProvider,\n                       private readonly changeDetectorRef: ChangeDetectorRef,\n                       private readonly authRoutingFlowService: AuthRoutingFlowService,\n                       @Inject(SECONDARY_LOGO) private readonly secondaryLogo: string) {\n        super();\n        // Update component state on login status change\n        this.authProvider.loggedInStream.pipe(\n            takeUntil(this.destroyed)\n        ).subscribe(() => this.changeDetectorRef.markForCheck());\n    }\n\n    public ngAfterViewInit(): void {\n        this.authRoutingFlowService.loginViaService().pipe(\n            takeUntil(this.destroyed)\n        ).subscribe(\n            () => {\n                this.changeDetectorRef.markForCheck();\n            },\n            (err: ErrorTypes) => {\n                this.errorMessage = toErrorMessage(err).message;\n                this.changeDetectorRef.markForCheck();\n            }\n        );\n    }\n\n    public get isDirectFlow(): boolean {\n        return this.authRoutingFlowService.directFlow;\n    }\n\n    public get authStatus(): Observable<boolean> {\n        return this.authProvider.loggedIn;\n    }\n\n    public get userProfile(): Observable<UserInfo | undefined> {\n        return this.authProvider.userProfile;\n    }\n\n    public login(): void {\n        this.loggingIn = true;\n        this.authRoutingFlowService.login(this.username, this.password).pipe(\n            first()\n        ).subscribe(\n            (res: boolean) => {\n                if (!res) {\n                    this.errorMessage = 'Authentication failed. Server did not generate a token.';\n                }\n                this.loggingIn = false;\n                this.changeDetectorRef.markForCheck();\n            },\n            () => {\n                this.loggingIn = false;\n                this.errorMessage = 'Authentication failed. Is the username and password correct?';\n                this.changeDetectorRef.markForCheck();\n            }\n        );\n    }\n\n    public get logo(): string {\n        return this.secondaryLogo;\n    }\n}\n","<risk-flex>\n    <risk-flex-spacer></risk-flex-spacer>\n\n    <div *ngIf=\"isDirectFlow\">\n        <ng-template #loggedOut>\n            <risk-error *ngIf=\"errorMessage\" [message]=\"errorMessage\"></risk-error>\n\n            <form (ngSubmit)=\"login()\" role=\"form\">\n                <mat-card>\n                    <mat-card-title-group>\n                        <mat-card-title>Please Sign In</mat-card-title>\n                    </mat-card-title-group>\n                    <mat-card-content>\n                        <mat-form-field class=\"risk-full-width\">\n                            <input matInput\n                                   type=\"text\"\n                                   placeholder=\"Username\"\n                                   name=\"username\"\n                                   [(ngModel)]=\"username\"\n                                   autofocus>\n                        </mat-form-field>\n                        <mat-form-field class=\"risk-full-width\">\n                            <input matInput\n                                   type=\"password\"\n                                   placeholder=\"Password\"\n                                   name=\"password\"\n                                   [(ngModel)]=\"password\">\n                        </mat-form-field>\n                    </mat-card-content>\n                    <mat-card-actions>\n                        <button *ngIf=\"!loggingIn\"\n                                mat-raised-button\n                                color=\"primary\"\n                                type=\"submit\">\n                            Sign in\n                        </button>\n                        <img [src]=\"logo\" alt=\"Company logo\">\n                        <mat-spinner *ngIf=\"loggingIn\" [diameter]=\"36\"></mat-spinner>\n                    </mat-card-actions>\n                </mat-card>\n            </form>\n        </ng-template>\n\n        <ng-template [ngIf]=\"authStatus | async\" [ngIfElse]=\"loggedOut\">\n            <ng-template [ngIf]=\"userProfile | async\" let-user=\"ngIf\">\n                <risk-good *ngIf=\"user?.name\"\n                           [message]=\"'Successfully logged in as ' + user.name + '.'\"></risk-good>\n                <risk-good *ngIf=\"!user && !user.name\"\n                           [message]=\"'Successfully logged in!'\"></risk-good>\n            </ng-template>\n        </ng-template>\n    </div>\n\n    <div *ngIf=\"!isDirectFlow\">\n        <ng-template [ngIf]=\"!errorMessage\">\n            <div class=\"risk-login-form-flex-wrapper\">\n                <div></div>\n                <mat-spinner></mat-spinner>\n                <div></div>\n            </div>\n            <h3>Contacting authentication server...</h3>\n        </ng-template>\n        <ng-template [ngIf]=\"errorMessage\">\n            <div class=\"risk-login-form-flex-wrapper\">\n                <div></div>\n                <mat-icon class=\"risk-login-form-error\" color=\"warn\">error_outline</mat-icon>\n                <div></div>\n            </div>\n            <h3>Failed to authenticate user: {{errorMessage}}</h3>\n            <div class=\"risk-login-form-flex-wrapper\">\n                <div></div>\n                <button mat-button\n                        (click)=\"login()\"\n                        color=\"primary\"\n                        type=\"button\">\n                    <mat-icon>autorenew</mat-icon>\n                    Retry\n                </button>\n                <div></div>\n            </div>\n        </ng-template>\n    </div>\n\n    <risk-flex-spacer></risk-flex-spacer>\n</risk-flex>\n","import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    Directive,\n    HostBinding,\n    Inject,\n    Input\n} from '@angular/core';\n\nimport {AuthRoutingFlowService} from '@dbg-riskit/angular-auth';\nimport {AUTH_PROVIDER} from '@dbg-riskit/angular-common';\nimport {BaseComponent} from '@dbg-riskit/angular-view';\nimport {AuthProvider} from '@dbg-riskit/common';\n\nimport {Observable} from 'rxjs';\nimport {first, takeUntil} from 'rxjs/operators';\n\n@Directive({\n    selector: 'risk-login-menu-title-horizontal, '\n              + 'risk-login-menu-title-vertical',\n    host    : {\n        '[class.risk-login-menu-title]': 'true'\n    }\n})\nexport class LoginMenuComponentTitleDirective {\n}\n\n@Directive({\n    selector: 'risk-login-menu-before-items-horizontal,'\n              + ' risk-login-menu-before-items-vertical,'\n              + 'risk-login-menu-after-items-horizontal,'\n              + 'risk-login-menu-after-items-vertical'\n})\nexport class LoginMenuItemsDirective {\n}\n\n@Component({\n    selector           : 'risk-login-menu',\n    templateUrl        : 'login.menu.component.html',\n    styleUrls          : [\n        '../../../component.scss',\n        'login.menu.component.scss'\n    ],\n    host               : {\n        '[class.risk-login-menu]': 'true'\n    },\n    changeDetection    : ChangeDetectionStrategy.OnPush,\n    preserveWhitespaces: false\n})\nexport class LoginMenuComponent extends BaseComponent {\n\n    @Input()\n    public orientation: 'row' | 'column' = 'row';\n\n    @HostBinding('class.risk-login-menu-flex-row')\n    public get isRow(): boolean {\n        return this.orientation === 'row';\n    }\n\n    @HostBinding('class.risk-login-menu-flex-column')\n    public get isColumn(): boolean {\n        return this.orientation === 'column';\n    }\n\n    public constructor(@Inject(AUTH_PROVIDER) private readonly authProvider: AuthProvider,\n                       private readonly authRoutingFlowService: AuthRoutingFlowService,\n                       private readonly changeDetectorRef: ChangeDetectorRef) {\n        super();\n\n        // Update menu state on login status change\n        this.authProvider.loggedInStream.pipe(\n            takeUntil(this.destroyed)\n        ).subscribe(() => this.changeDetectorRef.markForCheck());\n    }\n\n    public menuClosed(): void {\n        this.changeDetectorRef.markForCheck();\n    }\n\n    public get authStatus(): Observable<boolean> {\n        return this.authProvider.loggedIn;\n    }\n\n    public logout(): void {\n        this.authRoutingFlowService.logout().pipe(\n            first()\n        ).subscribe();\n    }\n}\n","<ng-template [ngIf]=\"orientation === 'row'\">\n    <mat-menu #loginMenu=\"matMenu\"\n              [overlapTrigger]=\"false\">\n        <ng-content select=\"risk-login-menu-before-items-horizontal\"></ng-content>\n        <ng-template [ngIf]=\"authStatus | async\" [ngIfElse]=\"loggedOut\">\n            <button mat-menu-item\n                    (click)=\"logout()\"\n                    type=\"button\">\n                <mat-icon>exit_to_app</mat-icon>\n                Logout\n            </button>\n        </ng-template>\n        <ng-template #loggedOut>\n            <button mat-menu-item\n                    (click)=\"logout()\"\n                    type=\"button\">\n                <mat-icon>launch</mat-icon>\n                Login\n            </button>\n        </ng-template>\n        <ng-content select=\"risk-login-menu-after-items-horizontal\"></ng-content>\n    </mat-menu>\n    <button mat-button\n            #menu=\"matMenuTrigger\"\n            [matMenuTriggerFor]=\"loginMenu\"\n            [class.risk-menu-open]=\"menu.menuOpen\"\n            (onMenuClose)=\"menuClosed()\"\n            type=\"button\">\n        <ng-content select=\"risk-login-menu-title-horizontal\"></ng-content>\n        <mat-icon>person</mat-icon>\n    </button>\n</ng-template>\n\n<ng-template [ngIf]=\"orientation === 'column'\">\n    <ng-content select=\"risk-login-menu-title-vertical\"></ng-content>\n    <ng-content select=\"risk-login-menu-before-items-vertical\"></ng-content>\n    <ng-template [ngIf]=\"authStatus | async\" [ngIfElse]=\"loggedOut2\">\n        <a mat-button\n           (click)=\"logout()\">\n            <mat-icon>exit_to_app</mat-icon>\n            Logout\n        </a>\n    </ng-template>\n    <ng-template #loggedOut2>\n        <a mat-button\n           (click)=\"logout()\">\n            <mat-icon>launch</mat-icon>\n            Login\n        </a>\n    </ng-template>\n    <ng-content select=\"risk-login-menu-after-items-vertical\"></ng-content>\n</ng-template>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\nimport {RouterModule} from '@angular/router';\nimport {AuthModule} from '@dbg-riskit/angular-auth';\nimport {CommonViewModule} from '@dbg-riskit/angular-view';\nimport {LoginComponent} from './login.component';\nimport {LoginMenuComponent, LoginMenuComponentTitleDirective, LoginMenuItemsDirective} from './login.menu.component';\n\n@NgModule({\n    imports     : [\n        CommonModule,\n        FormsModule,\n        RouterModule,\n        AuthModule,\n        CommonViewModule\n    ],\n    declarations: [\n        LoginMenuComponent,\n        LoginComponent,\n        LoginMenuComponentTitleDirective,\n        LoginMenuItemsDirective\n    ],\n    exports     : [\n        LoginMenuComponent,\n        LoginMenuComponentTitleDirective,\n        LoginMenuItemsDirective\n    ]\n})\nexport class LoginModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/lib/login.component.d.ts

@@ -3,6 +3,7 @@ import { AuthRoutingFlowService } from '@dbg-riskit/angular-auth';
 import { BaseComponent } from '@dbg-riskit/angular-view';
 import { AuthProvider, UserInfo } from '@dbg-riskit/common';
 import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
 export declare class LoginComponent extends BaseComponent implements AfterViewInit {
     private readonly authProvider;
     private readonly changeDetectorRef;
@@ -31,4 +32,6 @@ export declare class LoginComponent extends BaseComponent implements AfterViewIn
     get userProfile(): Observable<UserInfo | undefined>;
     login(): void;
     get logo(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LoginComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoginComponent, "ng-component", never, {}, {}, never, never>;
 }

package/lib/login.menu.component.d.ts

@@ -3,9 +3,14 @@ import { AuthRoutingFlowService } from '@dbg-riskit/angular-auth';
 import { BaseComponent } from '@dbg-riskit/angular-view';
 import { AuthProvider } from '@dbg-riskit/common';
 import { Observable } from 'rxjs';
-export declare class LoginMenuComponentTitle {
+import * as i0 from "@angular/core";
+export declare class LoginMenuComponentTitleDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<LoginMenuComponentTitleDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LoginMenuComponentTitleDirective, "risk-login-menu-title-horizontal, risk-login-menu-title-vertical", never, {}, {}, never>;
 }
-export declare class LoginMenuItems {
+export declare class LoginMenuItemsDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<LoginMenuItemsDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LoginMenuItemsDirective, "risk-login-menu-before-items-horizontal, risk-login-menu-before-items-vertical,risk-login-menu-after-items-horizontal,risk-login-menu-after-items-vertical", never, {}, {}, never>;
 }
 export declare class LoginMenuComponent extends BaseComponent {
     private readonly authProvider;
@@ -18,4 +23,6 @@ export declare class LoginMenuComponent extends BaseComponent {
     menuClosed(): void;
     get authStatus(): Observable<boolean>;
     logout(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LoginMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoginMenuComponent, "risk-login-menu", never, { "orientation": "orientation"; }, {}, never, ["risk-login-menu-before-items-horizontal", "risk-login-menu-after-items-horizontal", "risk-login-menu-title-horizontal", "risk-login-menu-title-vertical", "risk-login-menu-before-items-vertical", "risk-login-menu-after-items-vertical"]>;
 }

package/lib/login.module.d.ts

@@ -1,2 +1,13 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./login.menu.component";
+import * as i2 from "./login.component";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/forms";
+import * as i5 from "@angular/router";
+import * as i6 from "@dbg-riskit/angular-auth";
+import * as i7 from "@dbg-riskit/angular-view";
 export declare class LoginModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<LoginModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<LoginModule, [typeof i1.LoginMenuComponent, typeof i2.LoginComponent, typeof i1.LoginMenuComponentTitleDirective, typeof i1.LoginMenuItemsDirective], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i5.RouterModule, typeof i6.AuthModule, typeof i7.CommonViewModule], [typeof i1.LoginMenuComponent, typeof i1.LoginMenuComponentTitleDirective, typeof i1.LoginMenuItemsDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<LoginModule>;
 }

package/package.json

@@ -1,27 +1,39 @@
 {
     "name": "@dbg-riskit/angular-login",
-    "version": "12.3.0",
+    "version": "13.0.3",
     "license": "SEE LICENSE IN LICENSE",
     "peerDependencies": {
-        "@angular/core": "^12.2.13",
-        "@angular/forms": "^12.2.13",
-        "@angular/router": "^12.2.13",
-        "@dbg-riskit/common": "~12.3.0",
-        "@dbg-riskit/angular-auth": "~12.3.0",
-        "@dbg-riskit/angular-common": "~12.3.0",
-        "@dbg-riskit/angular-error": "~12.3.0",
-        "@dbg-riskit/angular-view": "~12.3.0",
-        "rxjs": "~6.6.7"
+        "@angular/core": "^13.0.2",
+        "@angular/forms": "^13.0.2",
+        "@angular/router": "^13.0.2",
+        "@dbg-riskit/common": "~13.0.3",
+        "@dbg-riskit/angular-auth": "~13.0.3",
+        "@dbg-riskit/angular-common": "~13.0.3",
+        "@dbg-riskit/angular-error": "~13.0.3",
+        "@dbg-riskit/angular-view": "~13.0.3",
+        "rxjs": "~7.4.0"
     },
     "dependencies": {
         "tslib": "^2.3.1"
     },
-    "main": "bundles/dbg-riskit-angular-login.umd.js",
-    "module": "fesm2015/dbg-riskit-angular-login.js",
-    "es2015": "fesm2015/dbg-riskit-angular-login.js",
-    "esm2015": "esm2015/dbg-riskit-angular-login.js",
-    "fesm2015": "fesm2015/dbg-riskit-angular-login.js",
+    "module": "fesm2015/dbg-riskit-angular-login.mjs",
+    "es2020": "fesm2020/dbg-riskit-angular-login.mjs",
+    "esm2020": "esm2020/dbg-riskit-angular-login.mjs",
+    "fesm2020": "fesm2020/dbg-riskit-angular-login.mjs",
+    "fesm2015": "fesm2015/dbg-riskit-angular-login.mjs",
     "typings": "dbg-riskit-angular-login.d.ts",
-    "metadata": "dbg-riskit-angular-login.metadata.json",
+    "exports": {
+        "./package.json": {
+            "default": "./package.json"
+        },
+        ".": {
+            "types": "./dbg-riskit-angular-login.d.ts",
+            "esm2020": "./esm2020/dbg-riskit-angular-login.mjs",
+            "es2020": "./fesm2020/dbg-riskit-angular-login.mjs",
+            "es2015": "./fesm2015/dbg-riskit-angular-login.mjs",
+            "node": "./fesm2015/dbg-riskit-angular-login.mjs",
+            "default": "./fesm2020/dbg-riskit-angular-login.mjs"
+        }
+    },
     "sideEffects": false
 }