@cleavelandprice/ngx-lib 3.7.3 → 3.8.0

package/{fesm2020 → fesm2022}/cleavelandprice-ngx-lib-authentication-token-gui.mjs

@@ -24,250 +24,249 @@ import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import * as i10 from '@angular/material/slide-toggle';
 import { MatSlideToggleModule } from '@angular/material/slide-toggle';
 
-//import { ServiceConfig as NgxLibServiceConfig } from '@cleavelandprice/ngx-lib';
-class ServiceConfig extends ServiceConfig$1 {
-    // See the comment in the library's main service-config.ts file for an explanation
-    constructor(useSsl_or_customApiUrl = false, showRememberMeOption = true, appName = undefined, tokenName = 'token', authenticateEndpoint = '/authenticate/token') {
-        super(useSsl_or_customApiUrl, appName, tokenName, authenticateEndpoint);
-        this.showRememberMeOption = showRememberMeOption;
-    }
+//import { ServiceConfig as NgxLibServiceConfig } from '@cleavelandprice/ngx-lib';
+class ServiceConfig extends ServiceConfig$1 {
+    // See the comment in the library's main service-config.ts file for an explanation
+    constructor(useSsl_or_customApiUrl = false, showRememberMeOption = true, appName = undefined, tokenName = 'token', authenticateEndpoint = '/authenticate/token') {
+        super(useSsl_or_customApiUrl, appName, tokenName, authenticateEndpoint);
+        this.showRememberMeOption = showRememberMeOption;
+    }
 }
 
-class AuthenticationService extends AuthenticationService$1 {
-    //#region Lifecycle
-    constructor(config, http, sharePointService) {
-        config = config ?? new ServiceConfig();
-        /*config = {
-          ...new ServiceConfig(),
-          ...config,
-
-          // Need to force deferTokenValidation here because if a custom config was passed in, deferTokenValidation would have defaulted to false since it's the default boolean value
-          // If a custom config wasn't passed in, then deferTokenValidation would have been true from defaultConfig
-          deferTokenValidation: true
-        };*/
-        // Need to force deferTokenValidation here because if a custom config was passed in, deferTokenValidation would have defaulted to false since it's the default boolean value
-        // If a custom config wasn't passed in, then deferTokenValidation would have been true from defaultConfig
-        config.deferTokenValidation = true;
-        super(config, http);
-        this.config = config;
-        this.http = http;
-        this.sharePointService = sharePointService;
-        this.checkForExistingToken();
-    }
-    //#endregion
-    //#region Utilities
-    validateUser(token) {
-        const jwtHelper = new JwtHelperService();
-        const decoded = jwtHelper.decodeToken(token);
-        if (jwtHelper.isTokenExpired(token)) {
-            this.logout();
-            return;
-        }
-        this.authenticatedUser = {
-            admin: decoded.role === 'Admin',
-            displayName: decoded.displayName,
-            accountName: decoded.winaccountname,
-            distinguishedName: decoded.distinguishedName,
-            employeeNumber: decoded.employeeNumber,
-            memberOf: decoded.memberOf
-        };
-        this.storage.setItem(this.config.tokenName, token);
-        this.getPhoto();
-        this.authenticated = true;
-        this.authenticatedChanged.emit(this.authenticated);
-        this.authenticating = false;
-        this.authenticatingChanged.emit(this.authenticating);
-    }
-    getPhoto() {
-        this.sharePointService.getPhotos()
-            .subscribe(photos => {
-            // The user may have been logged out by the time the photos came back
-            if (!this.authenticatedUser?.employeeNumber) {
-                return;
-            }
-            const photo = photos.find(pic => pic.employeeNumber === +this.authenticatedUser.employeeNumber);
-            if (photo) {
-                this.authenticatedUser.photoUrl = photo.encodedAbsUrl;
-            }
-        });
-    }
-}
-AuthenticationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AuthenticationService, deps: [{ token: ServiceConfig, optional: true }, { token: i2.HttpClient }, { token: i3.SharePointService }], target: i0.ɵɵFactoryTarget.Injectable });
-AuthenticationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AuthenticationService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AuthenticationService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return [{ type: ServiceConfig, decorators: [{
-                    type: Optional
+class AuthenticationService extends AuthenticationService$1 {
+    //#region Lifecycle
+    constructor(config, http, sharePointService) {
+        config = config ?? new ServiceConfig();
+        /*config = {
+          ...new ServiceConfig(),
+          ...config,
+
+          // Need to force deferTokenValidation here because if a custom config was passed in, deferTokenValidation would have defaulted to false since it's the default boolean value
+          // If a custom config wasn't passed in, then deferTokenValidation would have been true from defaultConfig
+          deferTokenValidation: true
+        };*/
+        // Need to force deferTokenValidation here because if a custom config was passed in, deferTokenValidation would have defaulted to false since it's the default boolean value
+        // If a custom config wasn't passed in, then deferTokenValidation would have been true from defaultConfig
+        config.deferTokenValidation = true;
+        super(config, http);
+        this.config = config;
+        this.http = http;
+        this.sharePointService = sharePointService;
+        this.checkForExistingToken();
+    }
+    //#endregion
+    //#region Utilities
+    validateUser(token) {
+        const jwtHelper = new JwtHelperService();
+        const decoded = jwtHelper.decodeToken(token);
+        if (jwtHelper.isTokenExpired(token)) {
+            this.logout();
+            return;
+        }
+        this.authenticatedUser = {
+            admin: decoded.role === 'Admin',
+            displayName: decoded.displayName,
+            accountName: decoded.winaccountname,
+            distinguishedName: decoded.distinguishedName,
+            employeeNumber: decoded.employeeNumber,
+            memberOf: decoded.memberOf
+        };
+        this.storage.setItem(this.config.tokenName, token);
+        this.getPhoto();
+        this.authenticated = true;
+        this.authenticatedChanged.emit(this.authenticated);
+        this.authenticating = false;
+        this.authenticatingChanged.emit(this.authenticating);
+    }
+    getPhoto() {
+        this.sharePointService.getPhotos()
+            .subscribe(photos => {
+            // The user may have been logged out by the time the photos came back
+            if (!this.authenticatedUser?.employeeNumber) {
+                return;
+            }
+            const photo = photos.find(pic => pic.employeeNumber === +this.authenticatedUser.employeeNumber);
+            if (photo) {
+                this.authenticatedUser.photoUrl = photo.encodedAbsUrl;
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AuthenticationService, deps: [{ token: ServiceConfig, optional: true }, { token: i2.HttpClient }, { token: i3.SharePointService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AuthenticationService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AuthenticationService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: ServiceConfig, decorators: [{
+                    type: Optional
                 }] }, { type: i2.HttpClient }, { type: i3.SharePointService }]; } });
 
-class LoginFormComponent {
-    constructor(data, dialogRef, authenticationService) {
-        this.dialogRef = dialogRef;
-        this.authenticationService = authenticationService;
-        this.form = new FormGroup({
-            username: new FormControl(null, [Validators.required]),
-            password: new FormControl(null, [Validators.required]),
-            adminGroup: new FormControl(),
-            additionalInfo: new FormControl()
-        });
-        this.form.get('adminGroup')?.setValue(data.adminGroup);
-        this.form.get('additionalInfo')?.setValue(data.additionalInfo);
-    }
-    ngOnInit() {
-        this.authenticatedChangedSubscription = this.authenticationService.authenticatedChanged
-            .subscribe(this.authChangedHandler.bind(this));
-        this.authenticationErrorSubscription = this.authenticationService.authenticationError
-            .subscribe(this.errorHandler.bind(this));
-    }
-    ngOnDestroy() {
-        this.authenticationErrorSubscription.unsubscribe();
-        this.authenticatedChangedSubscription.unsubscribe();
-    }
-    authenticate() {
-        this.errorMessage = undefined;
-        const { username, password, adminGroup, additionalInfo } = this.form.value;
-        this.authenticationService.login(username, password, adminGroup, additionalInfo);
-    }
-    authChangedHandler(authenticated) {
-        if (authenticated) {
-            this.dialogRef.close();
-        }
-    }
-    errorHandler(err) {
-        console.log('Authentication error', err);
-        this.errorMessage = `${err.name}: ${err.statusText}`;
-    }
-    changeTokenStorageMode(checked) {
-        const keyName = 'storeTokenInSession';
-        if (checked) {
-            if (localStorage.getItem(keyName)) {
-                localStorage.removeItem(keyName);
-            }
-        }
-        else {
-            localStorage.setItem(keyName, 'true');
-        }
-    }
-}
-LoginFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: LoginFormComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1.MatDialogRef }, { token: AuthenticationService }], target: i0.ɵɵFactoryTarget.Component });
-LoginFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: LoginFormComponent, selector: "ng-component", ngImport: i0, template: "<h2 mat-dialog-title>\r\n    <span *ngIf=\"!authenticationService.authenticating\">Login</span>\r\n    <span *ngIf=\"authenticationService.authenticating\">Authenticating...</span>\r\n</h2>\r\n\r\n<mat-dialog-content>\r\n    <div id=\"spinner\" *ngIf=\"authenticationService.authenticating\">\r\n        <mat-progress-spinner color=\"primary\" mode=\"indeterminate\"></mat-progress-spinner>\r\n    </div>\r\n\r\n    <form *ngIf=\"!authenticationService.authenticating\" [formGroup]=\"form\">\r\n        <mat-form-field>\r\n            <input matInput formControlName=\"username\" placeholder=\"Username\" (keyup.enter)=\"authenticate()\">\r\n        </mat-form-field>\r\n\r\n        <mat-form-field>\r\n            <input matInput formControlName=\"password\" type=\"password\" placeholder=\"Password\" (keyup.enter)=\"authenticate()\">\r\n        </mat-form-field>\r\n\r\n        <mat-slide-toggle *ngIf=\"authenticationService.config.showRememberMeOption\" [checked]=\"!authenticationService.useSessionStorage\" (change)=\"changeTokenStorageMode($event.checked)\">\r\n            Remember me next time\r\n        </mat-slide-toggle>\r\n    </form>\r\n\r\n    <div *ngIf=\"!authenticationService.authenticating && errorMessage\" id=\"error\">\r\n        {{ errorMessage }}\r\n    </div>\r\n</mat-dialog-content>\r\n\r\n<mat-dialog-actions *ngIf=\"!authenticationService.authenticating\">\r\n    <button mat-raised-button color=\"primary\" (click)=\"authenticate()\"\r\n        [disabled]=\"form.invalid\">\r\n        <mat-icon fontIcon=\"done\"></mat-icon>\r\n        <span>OK</span>\r\n    </button>\r\n\r\n    <button mat-raised-button (click)=\"dialogRef.close()\">\r\n        <mat-icon fontIcon=\"close\"></mat-icon>\r\n        <span>Cancel</span>\r\n    </button>\r\n</mat-dialog-actions>", styles: ["#spinner{width:100%;height:100%;display:flex;justify-content:center;align-items:center}form{display:grid;gap:1rem}mat-dialog-actions{display:grid;justify-content:center;grid-template-columns:auto auto;gap:1rem}#error{color:red}\n", ".material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}\n"], dependencies: [{ kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i5.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i8.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: i9.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i10.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matSlideToggle"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: LoginFormComponent, decorators: [{
-            type: Component,
-            args: [{ template: "<h2 mat-dialog-title>\r\n    <span *ngIf=\"!authenticationService.authenticating\">Login</span>\r\n    <span *ngIf=\"authenticationService.authenticating\">Authenticating...</span>\r\n</h2>\r\n\r\n<mat-dialog-content>\r\n    <div id=\"spinner\" *ngIf=\"authenticationService.authenticating\">\r\n        <mat-progress-spinner color=\"primary\" mode=\"indeterminate\"></mat-progress-spinner>\r\n    </div>\r\n\r\n    <form *ngIf=\"!authenticationService.authenticating\" [formGroup]=\"form\">\r\n        <mat-form-field>\r\n            <input matInput formControlName=\"username\" placeholder=\"Username\" (keyup.enter)=\"authenticate()\">\r\n        </mat-form-field>\r\n\r\n        <mat-form-field>\r\n            <input matInput formControlName=\"password\" type=\"password\" placeholder=\"Password\" (keyup.enter)=\"authenticate()\">\r\n        </mat-form-field>\r\n\r\n        <mat-slide-toggle *ngIf=\"authenticationService.config.showRememberMeOption\" [checked]=\"!authenticationService.useSessionStorage\" (change)=\"changeTokenStorageMode($event.checked)\">\r\n            Remember me next time\r\n        </mat-slide-toggle>\r\n    </form>\r\n\r\n    <div *ngIf=\"!authenticationService.authenticating && errorMessage\" id=\"error\">\r\n        {{ errorMessage }}\r\n    </div>\r\n</mat-dialog-content>\r\n\r\n<mat-dialog-actions *ngIf=\"!authenticationService.authenticating\">\r\n    <button mat-raised-button color=\"primary\" (click)=\"authenticate()\"\r\n        [disabled]=\"form.invalid\">\r\n        <mat-icon fontIcon=\"done\"></mat-icon>\r\n        <span>OK</span>\r\n    </button>\r\n\r\n    <button mat-raised-button (click)=\"dialogRef.close()\">\r\n        <mat-icon fontIcon=\"close\"></mat-icon>\r\n        <span>Cancel</span>\r\n    </button>\r\n</mat-dialog-actions>", styles: ["#spinner{width:100%;height:100%;display:flex;justify-content:center;align-items:center}form{display:grid;gap:1rem}mat-dialog-actions{display:grid;justify-content:center;grid-template-columns:auto auto;gap:1rem}#error{color:red}\n", ".material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}\n"] }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [MAT_DIALOG_DATA]
+class LoginFormComponent {
+    constructor(data, dialogRef, authenticationService) {
+        this.dialogRef = dialogRef;
+        this.authenticationService = authenticationService;
+        this.form = new FormGroup({
+            username: new FormControl(null, [Validators.required]),
+            password: new FormControl(null, [Validators.required]),
+            adminGroup: new FormControl(),
+            additionalInfo: new FormControl()
+        });
+        this.form.get('adminGroup')?.setValue(data.adminGroup);
+        this.form.get('additionalInfo')?.setValue(data.additionalInfo);
+    }
+    ngOnInit() {
+        this.authenticatedChangedSubscription = this.authenticationService.authenticatedChanged
+            .subscribe(this.authChangedHandler.bind(this));
+        this.authenticationErrorSubscription = this.authenticationService.authenticationError
+            .subscribe(this.errorHandler.bind(this));
+    }
+    ngOnDestroy() {
+        this.authenticationErrorSubscription.unsubscribe();
+        this.authenticatedChangedSubscription.unsubscribe();
+    }
+    authenticate() {
+        this.errorMessage = undefined;
+        const { username, password, adminGroup, additionalInfo } = this.form.value;
+        this.authenticationService.login(username, password, adminGroup, additionalInfo);
+    }
+    authChangedHandler(authenticated) {
+        if (authenticated) {
+            this.dialogRef.close();
+        }
+    }
+    errorHandler(err) {
+        console.log('Authentication error', err);
+        this.errorMessage = `${err.name}: ${err.statusText}`;
+    }
+    changeTokenStorageMode(checked) {
+        const keyName = 'storeTokenInSession';
+        if (checked) {
+            if (localStorage.getItem(keyName)) {
+                localStorage.removeItem(keyName);
+            }
+        }
+        else {
+            localStorage.setItem(keyName, 'true');
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: LoginFormComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1.MatDialogRef }, { token: AuthenticationService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: LoginFormComponent, selector: "ng-component", ngImport: i0, template: "<h2 mat-dialog-title>\r\n    <span *ngIf=\"!authenticationService.authenticating\">Login</span>\r\n    <span *ngIf=\"authenticationService.authenticating\">Authenticating...</span>\r\n</h2>\r\n\r\n<mat-dialog-content>\r\n    <div id=\"spinner\" *ngIf=\"authenticationService.authenticating\">\r\n        <mat-progress-spinner color=\"primary\" mode=\"indeterminate\"></mat-progress-spinner>\r\n    </div>\r\n\r\n    <form *ngIf=\"!authenticationService.authenticating\" [formGroup]=\"form\">\r\n        <mat-form-field>\r\n            <input matInput formControlName=\"username\" placeholder=\"Username\" (keyup.enter)=\"authenticate()\">\r\n        </mat-form-field>\r\n\r\n        <mat-form-field>\r\n            <input matInput formControlName=\"password\" type=\"password\" placeholder=\"Password\" (keyup.enter)=\"authenticate()\">\r\n        </mat-form-field>\r\n\r\n        <mat-slide-toggle *ngIf=\"authenticationService.config.showRememberMeOption\" [checked]=\"!authenticationService.useSessionStorage\" (change)=\"changeTokenStorageMode($event.checked)\">\r\n            Remember me next time\r\n        </mat-slide-toggle>\r\n    </form>\r\n\r\n    <div *ngIf=\"!authenticationService.authenticating && errorMessage\" id=\"error\">\r\n        {{ errorMessage }}\r\n    </div>\r\n</mat-dialog-content>\r\n\r\n<mat-dialog-actions *ngIf=\"!authenticationService.authenticating\">\r\n    <button mat-raised-button color=\"primary\" (click)=\"authenticate()\"\r\n        [disabled]=\"form.invalid\">\r\n        <mat-icon fontIcon=\"done\"></mat-icon>\r\n        <span>OK</span>\r\n    </button>\r\n\r\n    <button mat-raised-button (click)=\"dialogRef.close()\">\r\n        <mat-icon fontIcon=\"close\"></mat-icon>\r\n        <span>Cancel</span>\r\n    </button>\r\n</mat-dialog-actions>", styles: ["#spinner{width:100%;height:100%;display:flex;justify-content:center;align-items:center}form{display:grid;gap:1rem}mat-dialog-actions{display:grid;justify-content:center;grid-template-columns:auto auto;gap:1rem}#error{color:red}\n", ".material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}\n"], dependencies: [{ kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i5.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i8.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: i9.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i10.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matSlideToggle"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: LoginFormComponent, decorators: [{
+            type: Component,
+            args: [{ template: "<h2 mat-dialog-title>\r\n    <span *ngIf=\"!authenticationService.authenticating\">Login</span>\r\n    <span *ngIf=\"authenticationService.authenticating\">Authenticating...</span>\r\n</h2>\r\n\r\n<mat-dialog-content>\r\n    <div id=\"spinner\" *ngIf=\"authenticationService.authenticating\">\r\n        <mat-progress-spinner color=\"primary\" mode=\"indeterminate\"></mat-progress-spinner>\r\n    </div>\r\n\r\n    <form *ngIf=\"!authenticationService.authenticating\" [formGroup]=\"form\">\r\n        <mat-form-field>\r\n            <input matInput formControlName=\"username\" placeholder=\"Username\" (keyup.enter)=\"authenticate()\">\r\n        </mat-form-field>\r\n\r\n        <mat-form-field>\r\n            <input matInput formControlName=\"password\" type=\"password\" placeholder=\"Password\" (keyup.enter)=\"authenticate()\">\r\n        </mat-form-field>\r\n\r\n        <mat-slide-toggle *ngIf=\"authenticationService.config.showRememberMeOption\" [checked]=\"!authenticationService.useSessionStorage\" (change)=\"changeTokenStorageMode($event.checked)\">\r\n            Remember me next time\r\n        </mat-slide-toggle>\r\n    </form>\r\n\r\n    <div *ngIf=\"!authenticationService.authenticating && errorMessage\" id=\"error\">\r\n        {{ errorMessage }}\r\n    </div>\r\n</mat-dialog-content>\r\n\r\n<mat-dialog-actions *ngIf=\"!authenticationService.authenticating\">\r\n    <button mat-raised-button color=\"primary\" (click)=\"authenticate()\"\r\n        [disabled]=\"form.invalid\">\r\n        <mat-icon fontIcon=\"done\"></mat-icon>\r\n        <span>OK</span>\r\n    </button>\r\n\r\n    <button mat-raised-button (click)=\"dialogRef.close()\">\r\n        <mat-icon fontIcon=\"close\"></mat-icon>\r\n        <span>Cancel</span>\r\n    </button>\r\n</mat-dialog-actions>", styles: ["#spinner{width:100%;height:100%;display:flex;justify-content:center;align-items:center}form{display:grid;gap:1rem}mat-dialog-actions{display:grid;justify-content:center;grid-template-columns:auto auto;gap:1rem}#error{color:red}\n", ".material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}\n"] }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
                 }] }, { type: i1.MatDialogRef }, { type: AuthenticationService }]; } });
 
-class LoginComponent {
-    constructor(dialog, authenticationService) {
-        this.dialog = dialog;
-        this.authenticationService = authenticationService;
-    }
-    login() {
-        this.dialog.open(LoginFormComponent, {
-            data: {
-                adminGroup: this.adminGroup,
-                additionalInfo: this.additionalInfo
-            }
-        });
-    }
-    confirmLogout() {
-        this.dialog.open(ConfirmationComponent, {
-            data: { message: `Are you sure you want to logout?` }
-        })
-            .afterClosed()
-            .subscribe(result => {
-            if (result) {
-                this.authenticationService.logout();
-            }
-        });
-    }
-}
-LoginComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: LoginComponent, deps: [{ token: i1.MatDialog }, { token: AuthenticationService }], target: i0.ɵɵFactoryTarget.Component });
-LoginComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: LoginComponent, selector: "cp-login", inputs: { adminGroup: "adminGroup", additionalInfo: "additionalInfo" }, ngImport: i0, template: "<div id=\"user-id\">\r\n    <!-- Logged out -->\r\n    <mat-icon *ngIf=\"!authenticationService.authenticated\"\r\n        fontIcon=\"account_circle\"\r\n        matTooltip=\"Login\"\r\n        (click)=\"login()\">\r\n    </mat-icon>\r\n\r\n    <!-- Logged in -->\r\n    <ng-container *ngIf=\"authenticationService.authenticated\">\r\n        <!-- With photo -->\r\n        <img *ngIf=\"authenticationService.authenticatedUser?.photoUrl\"\r\n            id=\"authenticated-user-image\"\r\n            [src]=\"authenticationService.authenticatedUser?.photoUrl\"\r\n            matTooltip=\"Logout\"\r\n            (click)=\"confirmLogout()\" />\r\n    \r\n        <!-- Without photo -->\r\n        <mat-icon *ngIf=\"!authenticationService.authenticatedUser?.photoUrl\"\r\n            fontIcon=\"account_circle\"\r\n            matTooltip=\"Logout\"\r\n            (click)=\"confirmLogout()\">\r\n        </mat-icon>\r\n    \r\n        <!-- Name -->\r\n        <div id=\"user-name\">\r\n            {{ authenticationService.authenticatedUser?.displayName }}\r\n        </div>\r\n    </ng-container>\r\n</div>", styles: ["#user-id{display:flex;height:2em;padding:.3em;font-family:Verdana,Geneva,Tahoma,sans-serif}mat-icon{font-size:2em!important;height:2em!important;width:2em!important}img{border-radius:100%;width:2em;height:2em}#user-id>div{display:flex;align-items:center;height:100%;margin-left:.75em;font-size:1.15em}\n", ".material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}\n"], dependencies: [{ kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: LoginComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'cp-login', template: "<div id=\"user-id\">\r\n    <!-- Logged out -->\r\n    <mat-icon *ngIf=\"!authenticationService.authenticated\"\r\n        fontIcon=\"account_circle\"\r\n        matTooltip=\"Login\"\r\n        (click)=\"login()\">\r\n    </mat-icon>\r\n\r\n    <!-- Logged in -->\r\n    <ng-container *ngIf=\"authenticationService.authenticated\">\r\n        <!-- With photo -->\r\n        <img *ngIf=\"authenticationService.authenticatedUser?.photoUrl\"\r\n            id=\"authenticated-user-image\"\r\n            [src]=\"authenticationService.authenticatedUser?.photoUrl\"\r\n            matTooltip=\"Logout\"\r\n            (click)=\"confirmLogout()\" />\r\n    \r\n        <!-- Without photo -->\r\n        <mat-icon *ngIf=\"!authenticationService.authenticatedUser?.photoUrl\"\r\n            fontIcon=\"account_circle\"\r\n            matTooltip=\"Logout\"\r\n            (click)=\"confirmLogout()\">\r\n        </mat-icon>\r\n    \r\n        <!-- Name -->\r\n        <div id=\"user-name\">\r\n            {{ authenticationService.authenticatedUser?.displayName }}\r\n        </div>\r\n    </ng-container>\r\n</div>", styles: ["#user-id{display:flex;height:2em;padding:.3em;font-family:Verdana,Geneva,Tahoma,sans-serif}mat-icon{font-size:2em!important;height:2em!important;width:2em!important}img{border-radius:100%;width:2em;height:2em}#user-id>div{display:flex;align-items:center;height:100%;margin-left:.75em;font-size:1.15em}\n", ".material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.MatDialog }, { type: AuthenticationService }]; }, propDecorators: { adminGroup: [{
-                type: Input
-            }], additionalInfo: [{
-                type: Input
+class LoginComponent {
+    constructor(dialog, authenticationService) {
+        this.dialog = dialog;
+        this.authenticationService = authenticationService;
+    }
+    login() {
+        this.dialog.open(LoginFormComponent, {
+            data: {
+                adminGroup: this.adminGroup,
+                additionalInfo: this.additionalInfo
+            }
+        });
+    }
+    confirmLogout() {
+        this.dialog.open(ConfirmationComponent, {
+            data: { message: `Are you sure you want to logout?` }
+        })
+            .afterClosed()
+            .subscribe(result => {
+            if (result) {
+                this.authenticationService.logout();
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: LoginComponent, deps: [{ token: i1.MatDialog }, { token: AuthenticationService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: LoginComponent, selector: "cp-login", inputs: { adminGroup: "adminGroup", additionalInfo: "additionalInfo" }, ngImport: i0, template: "<div id=\"user-id\">\r\n    <!-- Logged out -->\r\n    <mat-icon *ngIf=\"!authenticationService.authenticated\"\r\n        fontIcon=\"account_circle\"\r\n        matTooltip=\"Login\"\r\n        (click)=\"login()\">\r\n    </mat-icon>\r\n\r\n    <!-- Logged in -->\r\n    <ng-container *ngIf=\"authenticationService.authenticated\">\r\n        <!-- With photo -->\r\n        <img *ngIf=\"authenticationService.authenticatedUser?.photoUrl\"\r\n            id=\"authenticated-user-image\"\r\n            [src]=\"authenticationService.authenticatedUser?.photoUrl\"\r\n            matTooltip=\"Logout\"\r\n            (click)=\"confirmLogout()\" />\r\n    \r\n        <!-- Without photo -->\r\n        <mat-icon *ngIf=\"!authenticationService.authenticatedUser?.photoUrl\"\r\n            fontIcon=\"account_circle\"\r\n            matTooltip=\"Logout\"\r\n            (click)=\"confirmLogout()\">\r\n        </mat-icon>\r\n    \r\n        <!-- Name -->\r\n        <div id=\"user-name\">\r\n            {{ authenticationService.authenticatedUser?.displayName }}\r\n        </div>\r\n    </ng-container>\r\n</div>", styles: ["#user-id{display:flex;height:2em;padding:.3em;font-family:Verdana,Geneva,Tahoma,sans-serif}mat-icon{font-size:2em!important;height:2em!important;width:2em!important}img{border-radius:100%;width:2em;height:2em}#user-id>div{display:flex;align-items:center;height:100%;margin-left:.75em;font-size:1.15em}\n", ".material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}\n"], dependencies: [{ kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: LoginComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cp-login', template: "<div id=\"user-id\">\r\n    <!-- Logged out -->\r\n    <mat-icon *ngIf=\"!authenticationService.authenticated\"\r\n        fontIcon=\"account_circle\"\r\n        matTooltip=\"Login\"\r\n        (click)=\"login()\">\r\n    </mat-icon>\r\n\r\n    <!-- Logged in -->\r\n    <ng-container *ngIf=\"authenticationService.authenticated\">\r\n        <!-- With photo -->\r\n        <img *ngIf=\"authenticationService.authenticatedUser?.photoUrl\"\r\n            id=\"authenticated-user-image\"\r\n            [src]=\"authenticationService.authenticatedUser?.photoUrl\"\r\n            matTooltip=\"Logout\"\r\n            (click)=\"confirmLogout()\" />\r\n    \r\n        <!-- Without photo -->\r\n        <mat-icon *ngIf=\"!authenticationService.authenticatedUser?.photoUrl\"\r\n            fontIcon=\"account_circle\"\r\n            matTooltip=\"Logout\"\r\n            (click)=\"confirmLogout()\">\r\n        </mat-icon>\r\n    \r\n        <!-- Name -->\r\n        <div id=\"user-name\">\r\n            {{ authenticationService.authenticatedUser?.displayName }}\r\n        </div>\r\n    </ng-container>\r\n</div>", styles: ["#user-id{display:flex;height:2em;padding:.3em;font-family:Verdana,Geneva,Tahoma,sans-serif}mat-icon{font-size:2em!important;height:2em!important;width:2em!important}img{border-radius:100%;width:2em;height:2em}#user-id>div{display:flex;align-items:center;height:100%;margin-left:.75em;font-size:1.15em}\n", ".material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.MatDialog }, { type: AuthenticationService }]; }, propDecorators: { adminGroup: [{
+                type: Input
+            }], additionalInfo: [{
+                type: Input
             }] } });
 
-class GuiModule {
-    constructor(parentModule) {
-        if (parentModule) {
-            throw new Error('GuiModule is already loaded. Import it in the AppModule only');
-        }
-    }
-    static forRoot(config) {
-        return {
-            ngModule: GuiModule,
-            providers: [
-                AuthenticationService,
-                { provide: ServiceConfig, useValue: config }
-            ]
-        };
-    }
-}
-GuiModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: GuiModule, deps: [{ token: GuiModule, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.NgModule });
-GuiModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: GuiModule, declarations: [LoginComponent,
-        LoginFormComponent], imports: [CommonModule,
-        ReactiveFormsModule,
-        MatButtonModule,
-        MatDialogModule,
-        MatFormFieldModule,
-        MatIconModule,
-        MatInputModule,
-        MatProgressSpinnerModule,
-        MatSlideToggleModule], exports: [LoginComponent,
-        LoginFormComponent] });
-GuiModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: GuiModule, imports: [CommonModule,
-        ReactiveFormsModule,
-        MatButtonModule,
-        MatDialogModule,
-        MatFormFieldModule,
-        MatIconModule,
-        MatInputModule,
-        MatProgressSpinnerModule,
-        MatSlideToggleModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: GuiModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        LoginComponent,
-                        LoginFormComponent
-                    ],
-                    imports: [
-                        CommonModule,
-                        ReactiveFormsModule,
-                        MatButtonModule,
-                        MatDialogModule,
-                        MatFormFieldModule,
-                        MatIconModule,
-                        MatInputModule,
-                        MatProgressSpinnerModule,
-                        MatSlideToggleModule
-                    ],
-                    exports: [
-                        LoginComponent,
-                        LoginFormComponent
-                    ]
-                }]
-        }], ctorParameters: function () { return [{ type: GuiModule, decorators: [{
-                    type: Optional
-                }, {
-                    type: SkipSelf
+class GuiModule {
+    static forRoot(config) {
+        return {
+            ngModule: GuiModule,
+            providers: [
+                AuthenticationService,
+                { provide: ServiceConfig, useValue: config }
+            ]
+        };
+    }
+    constructor(parentModule) {
+        if (parentModule) {
+            throw new Error('GuiModule is already loaded. Import it in the AppModule only');
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: GuiModule, deps: [{ token: GuiModule, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.1", ngImport: i0, type: GuiModule, declarations: [LoginComponent,
+            LoginFormComponent], imports: [CommonModule,
+            ReactiveFormsModule,
+            MatButtonModule,
+            MatDialogModule,
+            MatFormFieldModule,
+            MatIconModule,
+            MatInputModule,
+            MatProgressSpinnerModule,
+            MatSlideToggleModule], exports: [LoginComponent,
+            LoginFormComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: GuiModule, imports: [CommonModule,
+            ReactiveFormsModule,
+            MatButtonModule,
+            MatDialogModule,
+            MatFormFieldModule,
+            MatIconModule,
+            MatInputModule,
+            MatProgressSpinnerModule,
+            MatSlideToggleModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: GuiModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        LoginComponent,
+                        LoginFormComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        MatButtonModule,
+                        MatDialogModule,
+                        MatFormFieldModule,
+                        MatIconModule,
+                        MatInputModule,
+                        MatProgressSpinnerModule,
+                        MatSlideToggleModule
+                    ],
+                    exports: [
+                        LoginComponent,
+                        LoginFormComponent
+                    ]
+                }]
+        }], ctorParameters: function () { return [{ type: GuiModule, decorators: [{
+                    type: Optional
+                }, {
+                    type: SkipSelf
                 }] }]; } });
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
 export { AuthenticationService, GuiModule, LoginComponent, LoginFormComponent, ServiceConfig };
 //# sourceMappingURL=cleavelandprice-ngx-lib-authentication-token-gui.mjs.map
-//# sourceMappingURL=cleavelandprice-ngx-lib-authentication-token-gui.mjs.map