@dbg-riskit/angular-login 15.1.0 → 16.0.0

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

@@ -1,211 +0,0 @@
-import * as i2 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 i3 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 i4 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$1 from '@angular/material/button';
-import * as i6 from '@angular/material/card';
-import * as i7 from '@angular/material/form-field';
-import * as i8 from '@angular/material/icon';
-import * as i9 from '@angular/material/input';
-import * as i10 from '@angular/material/progress-spinner';
-import * as i5 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: "15.2.9", 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: "14.0.0", version: "15.2.9", 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-mdc-card-title-group{margin:0}.mat-mdc-card-title-group .mat-mdc-card-title{font-weight:500}.mat-mdc-card-actions{margin:0;margin-bottom:-8px!important;padding:0}.mat-mdc-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"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i4.MessageComponent, selector: "risk-error, risk-good, risk-info, risk-message, risk-warn, risk-initial-load, risk-no-data, risk-update-failed", inputs: ["message"] }, { kind: "component", type: i3$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i6.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i6.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i6.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i6.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "component", type: i6.MatCardTitleGroup, selector: "mat-card-title-group" }, { kind: "component", type: i7.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i9.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i4.FlexComponent, selector: "risk-flex", inputs: ["wrapContent"] }, { kind: "component", type: i4.FlexSpacerComponent, selector: "risk-flex-spacer" }, { kind: "component", type: i10.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", 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-mdc-card-title-group{margin:0}.mat-mdc-card-title-group .mat-mdc-card-title{font-weight:500}.mat-mdc-card-actions{margin:0;margin-bottom:-8px!important;padding:0}.mat-mdc-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: "15.2.9", ngImport: i0, type: LoginMenuComponentTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-LoginMenuComponentTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", 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: "15.2.9", 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: "15.2.9", ngImport: i0, type: LoginMenuItemsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-LoginMenuItemsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", 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: "15.2.9", 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: "15.2.9", ngImport: i0, type: LoginMenuComponent, deps: [{ token: AUTH_PROVIDER }, { token: i1.AuthRoutingFlowService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-LoginMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", 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:700;margin:0 5px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$1.MatAnchor, selector: "a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button]", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i5.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i5.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", 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:700;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: "15.2.9", ngImport: i0, type: LoginModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-LoginModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", 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: "15.2.9", ngImport: i0, type: LoginModule, imports: [CommonModule,
-        FormsModule,
-        RouterModule,
-        AuthModule,
-        CommonViewModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", 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 };
-//# sourceMappingURL=dbg-riskit-angular-login.mjs.map

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

@@ -1 +0,0 @@
-{"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":["i5","i3","i4"],"mappings":"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"}

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

@@ -1,207 +0,0 @@
-import * as i2 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 i3 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 i4 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$1 from '@angular/material/button';
-import * as i6 from '@angular/material/card';
-import * as i7 from '@angular/material/form-field';
-import * as i8 from '@angular/material/icon';
-import * as i9 from '@angular/material/input';
-import * as i10 from '@angular/material/progress-spinner';
-import * as i5 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: "15.2.9", 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: "14.0.0", version: "15.2.9", 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-mdc-card-title-group{margin:0}.mat-mdc-card-title-group .mat-mdc-card-title{font-weight:500}.mat-mdc-card-actions{margin:0;margin-bottom:-8px!important;padding:0}.mat-mdc-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"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i4.MessageComponent, selector: "risk-error, risk-good, risk-info, risk-message, risk-warn, risk-initial-load, risk-no-data, risk-update-failed", inputs: ["message"] }, { kind: "component", type: i3$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i6.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i6.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i6.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i6.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "component", type: i6.MatCardTitleGroup, selector: "mat-card-title-group" }, { kind: "component", type: i7.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i9.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i4.FlexComponent, selector: "risk-flex", inputs: ["wrapContent"] }, { kind: "component", type: i4.FlexSpacerComponent, selector: "risk-flex-spacer" }, { kind: "component", type: i10.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", 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-mdc-card-title-group{margin:0}.mat-mdc-card-title-group .mat-mdc-card-title{font-weight:500}.mat-mdc-card-actions{margin:0;margin-bottom:-8px!important;padding:0}.mat-mdc-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: "15.2.9", ngImport: i0, type: LoginMenuComponentTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-LoginMenuComponentTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", 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: "15.2.9", 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: "15.2.9", ngImport: i0, type: LoginMenuItemsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-LoginMenuItemsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", 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: "15.2.9", 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: "15.2.9", ngImport: i0, type: LoginMenuComponent, deps: [{ token: AUTH_PROVIDER }, { token: i1.AuthRoutingFlowService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-LoginMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", 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:700;margin:0 5px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$1.MatAnchor, selector: "a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button]", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i5.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i5.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", 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:700;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: "15.2.9", ngImport: i0, type: LoginModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-LoginModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", 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: "15.2.9", ngImport: i0, type: LoginModule, imports: [CommonModule,
-        FormsModule,
-        RouterModule,
-        AuthModule,
-        CommonViewModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", 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 };
-//# sourceMappingURL=dbg-riskit-angular-login.mjs.map