@cleavelandprice/ngx-lib 2.2.3 → 2.3.7

package/fesm2015/cleavelandprice-ngx-lib-authentication.mjs

@@ -0,0 +1,299 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Injectable, Optional, Output, Component, Inject, Input, NgModule, SkipSelf } from '@angular/core';
+import { ConfirmationComponent } from '@cleavelandprice/ngx-lib/dialog';
+import * as i4 from '@angular/forms';
+import { UntypedFormGroup, UntypedFormControl, Validators, ReactiveFormsModule } from '@angular/forms';
+import * as i1 from '@angular/material/dialog';
+import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
+import { JwtHelperService } from '@auth0/angular-jwt';
+import * as i2 from '@angular/common/http';
+import * as i3 from '@cleavelandprice/ngx-lib/sharepoint';
+import * as i3$1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i5 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i6 from '@angular/material/form-field';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import * as i7 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i8 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i9 from '@angular/material/progress-spinner';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+
+class ServiceConfig {
+}
+
+const defaultConfig = {
+    apiUrl: 'http://utilityapi/authenticate/token'
+};
+
+//#region Imports
+//#endregion
+class AuthenticationService {
+    //#endregion
+    //#region Lifecycle
+    // If a ServiceConfig object is not provided when the module is imported, then default values are pulled in from default-config.ts.
+    constructor(config, http, sharePointService) {
+        var _a;
+        this.config = config;
+        this.http = http;
+        this.sharePointService = sharePointService;
+        //#region Fields
+        this.authenticatedChanged = new EventEmitter();
+        this.authenticatingChanged = new EventEmitter();
+        this.authenticationError = new EventEmitter();
+        // Flag set to true while the service is attempting to authenticate the user
+        this.authenticating = false;
+        //Flag set to true when the user is successfully authenticated
+        this.authenticated = false;
+        this.config = (_a = this.config) !== null && _a !== void 0 ? _a : defaultConfig;
+        this.checkForExistingToken();
+    }
+    //#endregion
+    //#region Utilities
+    //Authenticate the user and store the token in Local Storage
+    login(username, password, adminGroup) {
+        const today = new Date();
+        //const expiration = new Date().setFullYear(today.getFullYear() + 10);
+        const request = {
+            username: username,
+            password: password,
+            adminGroup: adminGroup
+            //expirationDate: expiration // moment().add(10, 'years').toDate()
+        };
+        this.authenticating = true;
+        this.authenticatingChanged.emit(this.authenticating);
+        // Sending a 'raw' POST request so that we can tell HttpClient that we are expecting text instead of Json
+        // Otherwise, it would throw an error trying to decode Json from the response
+        this.http.request('POST', this.config.apiUrl, { body: request, responseType: 'text' })
+            .subscribe(token => this.validateUser(token), err => {
+            //console.log('Authentication error', err);
+            this.authenticating = false;
+            this.authenticatingChanged.emit(this.authenticating);
+            this.authenticationError.emit(err);
+        });
+    }
+    //Logout the user and delete the token from Local Storage
+    logout() {
+        if (localStorage.getItem('token')) {
+            localStorage.removeItem('token');
+        }
+        this.authenticatedUser = null;
+        this.authenticated = false;
+        this.authenticatedChanged.emit(false);
+    }
+    validateUser(token) {
+        if (!token) {
+            return;
+        }
+        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
+        };
+        localStorage.setItem('token', 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 => {
+            var _a;
+            // The user may have been logged out by the time the photos came back
+            if (!((_a = this.authenticatedUser) === null || _a === void 0 ? void 0 : _a.employeeNumber)) {
+                return;
+            }
+            const photo = photos.find(pic => pic.employeeNumber === +this.authenticatedUser.employeeNumber);
+            if (photo) {
+                this.authenticatedUser.photoUrl = photo.encodedAbsUrl;
+            }
+        });
+    }
+    checkForExistingToken() {
+        this.validateUser(localStorage.getItem('token'));
+    }
+}
+AuthenticationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", 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: "14.2.0", ngImport: i0, type: AuthenticationService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: AuthenticationService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () {
+        return [{ type: ServiceConfig, decorators: [{
+                        type: Optional
+                    }] }, { type: i2.HttpClient }, { type: i3.SharepointService }];
+    }, propDecorators: { authenticatedChanged: [{
+                type: Output
+            }], authenticatingChanged: [{
+                type: Output
+            }], authenticationError: [{
+                type: Output
+            }] } });
+
+class LoginFormComponent {
+    constructor(data, dialogRef, authenticationService) {
+        var _a;
+        this.dialogRef = dialogRef;
+        this.authenticationService = authenticationService;
+        this.errorMessage = null;
+        this.form = new UntypedFormGroup({
+            username: new UntypedFormControl(null, [Validators.required]),
+            password: new UntypedFormControl(null, [Validators.required]),
+            adminGroup: new UntypedFormControl()
+        });
+        (_a = this.form.get('adminGroup')) === null || _a === void 0 ? void 0 : _a.setValue(data.adminGroup);
+    }
+    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 = null;
+        const { username, password, adminGroup } = this.form.value;
+        this.authenticationService.login(username, password, adminGroup);
+    }
+    authChangedHandler(authenticated) {
+        if (authenticated) {
+            this.dialogRef.close();
+        }
+    }
+    errorHandler(err) {
+        console.log('Authentication error', err);
+        this.errorMessage = `${err.name}: ${err.statusText}`;
+    }
+}
+LoginFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", 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: "14.2.0", type: LoginFormComponent, selector: "authentication-login-form", ngImport: i0, template: "<h2 mat-dialog-title>\n    <span *ngIf=\"!authenticationService.authenticating\">Login</span>\n    <span *ngIf=\"authenticationService.authenticating\">Authenticating...</span>\n</h2>\n\n<mat-dialog-content>\n    <div id=\"spinner\" *ngIf=\"authenticationService.authenticating\">\n        <mat-progress-spinner color=\"primary\" mode=\"indeterminate\"></mat-progress-spinner>\n    </div>\n\n    <form *ngIf=\"!authenticationService.authenticating\" [formGroup]=\"form\">\n        <mat-form-field>\n            <input matInput formControlName=\"username\" placeholder=\"Username\" (keyup.enter)=\"authenticate()\">\n        </mat-form-field>\n\n        <mat-form-field>\n            <input matInput formControlName=\"password\" type=\"password\" placeholder=\"Password\" (keyup.enter)=\"authenticate()\">\n        </mat-form-field>\n    </form>\n\n    <div *ngIf=\"!authenticationService.authenticating && errorMessage\" id=\"error\">\n        {{ errorMessage }}\n    </div>\n</mat-dialog-content>\n\n<mat-dialog-actions *ngIf=\"!authenticationService.authenticating\">\n    <button mat-raised-button color=\"primary\" (click)=\"authenticate()\"\n        [disabled]=\"form.invalid\">\n        <mat-icon fontIcon=\"done\"></mat-icon>\n        <span>OK</span>\n    </button>\n\n    <button mat-raised-button (click)=\"dialogRef.close()\">\n        <mat-icon fontIcon=\"close\"></mat-icon>\n        <span>Cancel</span>\n    </button>\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-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-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: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], 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", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: LoginFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'authentication-login-form', template: "<h2 mat-dialog-title>\n    <span *ngIf=\"!authenticationService.authenticating\">Login</span>\n    <span *ngIf=\"authenticationService.authenticating\">Authenticating...</span>\n</h2>\n\n<mat-dialog-content>\n    <div id=\"spinner\" *ngIf=\"authenticationService.authenticating\">\n        <mat-progress-spinner color=\"primary\" mode=\"indeterminate\"></mat-progress-spinner>\n    </div>\n\n    <form *ngIf=\"!authenticationService.authenticating\" [formGroup]=\"form\">\n        <mat-form-field>\n            <input matInput formControlName=\"username\" placeholder=\"Username\" (keyup.enter)=\"authenticate()\">\n        </mat-form-field>\n\n        <mat-form-field>\n            <input matInput formControlName=\"password\" type=\"password\" placeholder=\"Password\" (keyup.enter)=\"authenticate()\">\n        </mat-form-field>\n    </form>\n\n    <div *ngIf=\"!authenticationService.authenticating && errorMessage\" id=\"error\">\n        {{ errorMessage }}\n    </div>\n</mat-dialog-content>\n\n<mat-dialog-actions *ngIf=\"!authenticationService.authenticating\">\n    <button mat-raised-button color=\"primary\" (click)=\"authenticate()\"\n        [disabled]=\"form.invalid\">\n        <mat-icon fontIcon=\"done\"></mat-icon>\n        <span>OK</span>\n    </button>\n\n    <button mat-raised-button (click)=\"dialogRef.close()\">\n        <mat-icon fontIcon=\"close\"></mat-icon>\n        <span>Cancel</span>\n    </button>\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 }
+        });
+    }
+    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: "14.2.0", ngImport: i0, type: LoginComponent, deps: [{ token: i1.MatDialog }, { token: AuthenticationService }], target: i0.ɵɵFactoryTarget.Component });
+LoginComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: LoginComponent, selector: "authentication-login", inputs: { adminGroup: "adminGroup" }, ngImport: i0, template: "<div id=\"user-id\">\n    <!-- Logged out -->\n    <mat-icon *ngIf=\"!authenticationService.authenticated\"\n        fontIcon=\"account_circle\"\n        matTooltip=\"Login\"\n        (click)=\"login()\">\n    </mat-icon>\n\n    <!-- Logged in -->\n    <ng-container *ngIf=\"authenticationService.authenticated\">\n        <!-- With photo -->\n        <img *ngIf=\"authenticationService.authenticatedUser?.photoUrl\"\n            id=\"authenticated-user-image\"\n            [src]=\"authenticationService.authenticatedUser?.photoUrl\"\n            matTooltip=\"Logout\"\n            (click)=\"confirmLogout()\" />\n    \n        <!-- Without photo -->\n        <mat-icon *ngIf=\"!authenticationService.authenticatedUser?.photoUrl\"\n            fontIcon=\"account_circle\"\n            matTooltip=\"Logout\"\n            (click)=\"confirmLogout()\">\n        </mat-icon>\n    \n        <!-- Name -->\n        <div id=\"user-name\">\n            {{ authenticationService.authenticatedUser?.displayName }}\n        </div>\n    </ng-container>\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: "14.2.0", ngImport: i0, type: LoginComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'authentication-login', template: "<div id=\"user-id\">\n    <!-- Logged out -->\n    <mat-icon *ngIf=\"!authenticationService.authenticated\"\n        fontIcon=\"account_circle\"\n        matTooltip=\"Login\"\n        (click)=\"login()\">\n    </mat-icon>\n\n    <!-- Logged in -->\n    <ng-container *ngIf=\"authenticationService.authenticated\">\n        <!-- With photo -->\n        <img *ngIf=\"authenticationService.authenticatedUser?.photoUrl\"\n            id=\"authenticated-user-image\"\n            [src]=\"authenticationService.authenticatedUser?.photoUrl\"\n            matTooltip=\"Logout\"\n            (click)=\"confirmLogout()\" />\n    \n        <!-- Without photo -->\n        <mat-icon *ngIf=\"!authenticationService.authenticatedUser?.photoUrl\"\n            fontIcon=\"account_circle\"\n            matTooltip=\"Logout\"\n            (click)=\"confirmLogout()\">\n        </mat-icon>\n    \n        <!-- Name -->\n        <div id=\"user-name\">\n            {{ authenticationService.authenticatedUser?.displayName }}\n        </div>\n    </ng-container>\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
+            }] } });
+
+class AuthenticationModule {
+    constructor(parentModule) {
+        if (parentModule) {
+            throw new Error('AuthenticationModule is already loaded. Import it in the AppModule only');
+        }
+    }
+    static forRoot(config) {
+        return {
+            ngModule: AuthenticationModule,
+            providers: [
+                AuthenticationService,
+                { provide: ServiceConfig, useValue: config }
+            ]
+        };
+    }
+}
+AuthenticationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: AuthenticationModule, deps: [{ token: AuthenticationModule, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.NgModule });
+AuthenticationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: AuthenticationModule, declarations: [LoginComponent,
+        LoginFormComponent], imports: [CommonModule,
+        ReactiveFormsModule,
+        MatButtonModule,
+        MatDialogModule,
+        MatFormFieldModule,
+        MatIconModule,
+        MatInputModule,
+        MatProgressSpinnerModule], exports: [LoginComponent,
+        LoginFormComponent] });
+AuthenticationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: AuthenticationModule, imports: [CommonModule,
+        ReactiveFormsModule,
+        MatButtonModule,
+        MatDialogModule,
+        MatFormFieldModule,
+        MatIconModule,
+        MatInputModule,
+        MatProgressSpinnerModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: AuthenticationModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        LoginComponent,
+                        LoginFormComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        MatButtonModule,
+                        MatDialogModule,
+                        MatFormFieldModule,
+                        MatIconModule,
+                        MatInputModule,
+                        MatProgressSpinnerModule
+                    ],
+                    exports: [
+                        LoginComponent,
+                        LoginFormComponent
+                    ]
+                }]
+        }], ctorParameters: function () {
+        return [{ type: AuthenticationModule, decorators: [{
+                        type: Optional
+                    }, {
+                        type: SkipSelf
+                    }] }];
+    } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AuthenticationModule, AuthenticationService, LoginComponent, LoginFormComponent, ServiceConfig };
+//# sourceMappingURL=cleavelandprice-ngx-lib-authentication.mjs.map

package/fesm2015/cleavelandprice-ngx-lib-authentication.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cleavelandprice-ngx-lib-authentication.mjs","sources":["../../../../projects/cleavelandprice/ngx-lib/authentication/src/model/service-config.ts","../../../../projects/cleavelandprice/ngx-lib/authentication/src/model/default-config.ts","../../../../projects/cleavelandprice/ngx-lib/authentication/src/services/authentication.service.ts","../../../../projects/cleavelandprice/ngx-lib/authentication/src/components/login-form/login-form.component.ts","../../../../projects/cleavelandprice/ngx-lib/authentication/src/components/login-form/login-form.component.html","../../../../projects/cleavelandprice/ngx-lib/authentication/src/components/login/login.component.ts","../../../../projects/cleavelandprice/ngx-lib/authentication/src/components/login/login.component.html","../../../../projects/cleavelandprice/ngx-lib/authentication/src/authentication.module.ts","../../../../projects/cleavelandprice/ngx-lib/authentication/src/cleavelandprice-ngx-lib-authentication.ts"],"sourcesContent":["export class ServiceConfig {\r\n    apiUrl!: string;\r\n}\r\n","import { ServiceConfig } from \"./service-config\";\r\n\r\nexport const defaultConfig: ServiceConfig = {\r\n    apiUrl: 'http://utilityapi/authenticate/token'\r\n}","//#region Imports\nimport { Injectable, Output, EventEmitter, Optional } from '@angular/core';\nimport { HttpClient } from '@angular/common/http';\nimport { JwtHelperService } from '@auth0/angular-jwt';\n\nimport { defaultConfig } from '../model/default-config';\n\nimport { AuthenticationToken } from '../model/authentication-token';\nimport { ServiceConfig } from '../model/service-config';\nimport { SharepointService } from '@cleavelandprice/ngx-lib/sharepoint';\nimport { AuthenticatedUser } from '../model/authenticated-user';\nimport { AuthenticationRequest } from '../model/authentication-request';\n//#endregion\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class AuthenticationService {\n  //#region Fields\n  @Output() authenticatedChanged = new EventEmitter<boolean>();\n  @Output() authenticatingChanged = new EventEmitter<boolean>();\n  @Output() authenticationError = new EventEmitter();\n \n  // Flag set to true while the service is attempting to authenticate the user\n   authenticating = false;\n \n  //Flag set to true when the user is successfully authenticated\n  authenticated = false;\n \n  // Object representing the authenticated user\n  authenticatedUser!: AuthenticatedUser | null;\n  //#endregion\n \n  //#region Lifecycle\n  // If a ServiceConfig object is not provided when the module is imported, then default values are pulled in from default-config.ts.\n  constructor(@Optional() private config: ServiceConfig,\n              private http: HttpClient,\n              private sharePointService: SharepointService) {\n\n                this.config = this.config ?? defaultConfig;\n                \n                this.checkForExistingToken();\n  }\n  //#endregion\n\n  //#region Utilities\n  //Authenticate the user and store the token in Local Storage\n  login(username: string, password: string, adminGroup?: string): void {\n    const today = new Date();\n    //const expiration = new Date().setFullYear(today.getFullYear() + 10);\n\n    const request: AuthenticationRequest = {\n      username: username,\n      password: password,\n      adminGroup: adminGroup\n      //expirationDate: expiration // moment().add(10, 'years').toDate()\n    };\n\n    this.authenticating = true;\n    this.authenticatingChanged.emit(this.authenticating);\n\n    // Sending a 'raw' POST request so that we can tell HttpClient that we are expecting text instead of Json\n    // Otherwise, it would throw an error trying to decode Json from the response\n    this.http.request('POST', this.config.apiUrl, { body: request, responseType: 'text' })\n      .subscribe(token => this.validateUser(token),\n      err => {\n        //console.log('Authentication error', err);\n        this.authenticating = false;\n        this.authenticatingChanged.emit(this.authenticating);\n        this.authenticationError.emit(err);\n      });\n  }\n \n  //Logout the user and delete the token from Local Storage\n  logout(): void {\n    if (localStorage.getItem('token')) {\n      localStorage.removeItem('token');\n    }\n\n    this.authenticatedUser = null;\n    this.authenticated = false;\n    this.authenticatedChanged.emit(false);\n  }\n \n  private validateUser(token: string | null): void {\n    if (!token) { return; }\n\n    const jwtHelper = new JwtHelperService();\n    const decoded = jwtHelper.decodeToken(token) as AuthenticationToken;\n\n    if (jwtHelper.isTokenExpired(token)) {\n      this.logout();\n      return;\n    }\n\n    this.authenticatedUser = {\n      admin: decoded.role === 'Admin',\n      displayName: decoded.displayName,\n      accountName: decoded.winaccountname,\n      distinguishedName: decoded.distinguishedName,\n      employeeNumber: decoded.employeeNumber,\n      memberOf: decoded.memberOf\n    };\n\n    localStorage.setItem('token', token);\n\n    this.getPhoto();\n    \n    this.authenticated = true;\n    this.authenticatedChanged.emit(this.authenticated);\n\n    this.authenticating = false;\n    this.authenticatingChanged.emit(this.authenticating);\n  }\n\n  private getPhoto(): void {\n    this.sharePointService.getPhotos()\n      .subscribe(photos => {\n        // The user may have been logged out by the time the photos came back\n        if (!this.authenticatedUser?.employeeNumber) {\n          return;\n        }\n\n        const photo = photos.find(pic => pic.employeeNumber === +this.authenticatedUser!.employeeNumber);\n\n        if (photo) {\n          this.authenticatedUser.photoUrl = photo.encodedAbsUrl;\n        }\n      });\n  }\n\n  private checkForExistingToken(): void {\n    this.validateUser(localStorage.getItem('token'));\n  }\n  //#endregion\n}\n ","import { Component, Inject, OnInit, OnDestroy } from '@angular/core';\nimport { UntypedFormGroup, UntypedFormControl, Validators } from '@angular/forms';\nimport { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';\nimport { Subscription } from 'rxjs';\n\nimport { AuthenticationService } from '../../services/authentication.service';\nimport { LoginFormData } from '../../model/login-form-data';\n\n@Component({\n  selector: 'authentication-login-form',\n  templateUrl: './login-form.component.html',\n  styleUrls: [\n    './login-form.component.css',\n    '../../../../styles/mat-icon.css'\n  ]\n})\nexport class LoginFormComponent implements OnInit, OnDestroy {\n  errorMessage: string | null = null;\n  authenticatedChangedSubscription!: Subscription;\n  authenticationErrorSubscription!: Subscription;\n\n  form = new UntypedFormGroup({\n    username: new UntypedFormControl(null, [ Validators.required ]),\n    password: new UntypedFormControl(null, [ Validators.required ]),\n    adminGroup: new UntypedFormControl()\n  });\n\n  constructor(@Inject(MAT_DIALOG_DATA) data: LoginFormData,\n              public dialogRef: MatDialogRef<LoginFormComponent>,\n              public authenticationService: AuthenticationService) {\n\n                this.form.get('adminGroup')?.setValue(data.adminGroup);\n  }\n\n  ngOnInit(): void {\n    this.authenticatedChangedSubscription = this.authenticationService.authenticatedChanged\n      .subscribe(this.authChangedHandler.bind(this));\n\n    this.authenticationErrorSubscription = this.authenticationService.authenticationError\n      .subscribe(this.errorHandler.bind(this));\n  }\n\n  ngOnDestroy(): void {\n    this.authenticationErrorSubscription.unsubscribe();\n    this.authenticatedChangedSubscription.unsubscribe();\n  }\n\n  authenticate() {\n    this.errorMessage = null;\n    const { username, password, adminGroup } = this.form.value;\n    this.authenticationService.login(username, password, adminGroup);\n  }\n\n  private authChangedHandler(authenticated: boolean): void {\n    if (authenticated) {\n      this.dialogRef.close();\n    }\n  }\n\n  private errorHandler(err: any): void {\n    console.log('Authentication error', err);\n    this.errorMessage = `${err.name}: ${err.statusText}`;\n  }\n}\n","<h2 mat-dialog-title>\n    <span *ngIf=\"!authenticationService.authenticating\">Login</span>\n    <span *ngIf=\"authenticationService.authenticating\">Authenticating...</span>\n</h2>\n\n<mat-dialog-content>\n    <div id=\"spinner\" *ngIf=\"authenticationService.authenticating\">\n        <mat-progress-spinner color=\"primary\" mode=\"indeterminate\"></mat-progress-spinner>\n    </div>\n\n    <form *ngIf=\"!authenticationService.authenticating\" [formGroup]=\"form\">\n        <mat-form-field>\n            <input matInput formControlName=\"username\" placeholder=\"Username\" (keyup.enter)=\"authenticate()\">\n        </mat-form-field>\n\n        <mat-form-field>\n            <input matInput formControlName=\"password\" type=\"password\" placeholder=\"Password\" (keyup.enter)=\"authenticate()\">\n        </mat-form-field>\n    </form>\n\n    <div *ngIf=\"!authenticationService.authenticating && errorMessage\" id=\"error\">\n        {{ errorMessage }}\n    </div>\n</mat-dialog-content>\n\n<mat-dialog-actions *ngIf=\"!authenticationService.authenticating\">\n    <button mat-raised-button color=\"primary\" (click)=\"authenticate()\"\n        [disabled]=\"form.invalid\">\n        <mat-icon fontIcon=\"done\"></mat-icon>\n        <span>OK</span>\n    </button>\n\n    <button mat-raised-button (click)=\"dialogRef.close()\">\n        <mat-icon fontIcon=\"close\"></mat-icon>\n        <span>Cancel</span>\n    </button>\n</mat-dialog-actions>","import { Component, Input } from '@angular/core';\nimport { MatDialog } from '@angular/material/dialog';\nimport { ConfirmationComponent } from '@cleavelandprice/ngx-lib/dialog';\nimport { LoginFormComponent } from '../login-form/login-form.component';\nimport { AuthenticationService } from '../../services/authentication.service';\n\n@Component({\n  selector: 'authentication-login',\n  templateUrl: './login.component.html',\n  styleUrls: [\n    './login.component.css',\n    '../../../../styles/mat-icon.css'\n  ]\n})\nexport class LoginComponent {\n  @Input() adminGroup!: string;\n\n  constructor(private dialog: MatDialog,\n              public authenticationService: AuthenticationService) {\n  }\n\n  login(): void {\n    this.dialog.open(LoginFormComponent, {\n      data: { adminGroup: this.adminGroup }\n    });\n  }\n\n  confirmLogout(): void {\n    this.dialog.open(ConfirmationComponent, {\n      data: { message: `Are you sure you want to logout?` }\n    })\n    .afterClosed()\n    .subscribe(result => {\n      if (result) {\n        this.authenticationService.logout();\n      }\n    });\n  }\n}\n","<div id=\"user-id\">\n    <!-- Logged out -->\n    <mat-icon *ngIf=\"!authenticationService.authenticated\"\n        fontIcon=\"account_circle\"\n        matTooltip=\"Login\"\n        (click)=\"login()\">\n    </mat-icon>\n\n    <!-- Logged in -->\n    <ng-container *ngIf=\"authenticationService.authenticated\">\n        <!-- With photo -->\n        <img *ngIf=\"authenticationService.authenticatedUser?.photoUrl\"\n            id=\"authenticated-user-image\"\n            [src]=\"authenticationService.authenticatedUser?.photoUrl\"\n            matTooltip=\"Logout\"\n            (click)=\"confirmLogout()\" />\n    \n        <!-- Without photo -->\n        <mat-icon *ngIf=\"!authenticationService.authenticatedUser?.photoUrl\"\n            fontIcon=\"account_circle\"\n            matTooltip=\"Logout\"\n            (click)=\"confirmLogout()\">\n        </mat-icon>\n    \n        <!-- Name -->\n        <div id=\"user-name\">\n            {{ authenticationService.authenticatedUser?.displayName }}\n        </div>\n    </ng-container>\n</div>","import { ModuleWithProviders, NgModule, Optional, SkipSelf } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatDialogModule } from '@angular/material/dialog';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\n\nimport { LoginComponent } from './components/login/login.component';\nimport { LoginFormComponent } from './components/login-form/login-form.component';\nimport { ServiceConfig } from './model/service-config';\nimport { AuthenticationService } from './services/authentication.service';\n\n@NgModule({\n  declarations: [\n    LoginComponent,\n    LoginFormComponent\n  ],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    \n    MatButtonModule,\n    MatDialogModule,\n    MatFormFieldModule,\n    MatIconModule,\n    MatInputModule,\n    MatProgressSpinnerModule\n  ],\n  exports: [\n    LoginComponent,\n    LoginFormComponent\n  ]\n})\nexport class AuthenticationModule {\n  static forRoot(config: ServiceConfig): ModuleWithProviders<AuthenticationModule> {\n    return {\n      ngModule: AuthenticationModule,\n      providers: [\n        AuthenticationService,\n        { provide: ServiceConfig, useValue: config }\n      ]\n    };\n  }\n\n  constructor( @Optional() @SkipSelf() parentModule: AuthenticationModule) {\n    if (parentModule) {\n      throw new Error(\n        'AuthenticationModule is already loaded. Import it in the AppModule only');\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["i1.ServiceConfig","i2.AuthenticationService","i3","i4"],"mappings":"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"}

package/fesm2015/cleavelandprice-ngx-lib-dialog.mjs

@@ -0,0 +1,218 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output, Inject, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import * as i3 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i4 from '@angular/material/checkbox';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import * as i1$1 from '@angular/material/dialog';
+import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
+import * as i6 from '@angular/material/form-field';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import * as i7 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+
+var ConfirmationDialogMode;
+(function (ConfirmationDialogMode) {
+    ConfirmationDialogMode[ConfirmationDialogMode["OkCancel"] = 0] = "OkCancel";
+    ConfirmationDialogMode[ConfirmationDialogMode["YesNo"] = 1] = "YesNo";
+    ConfirmationDialogMode[ConfirmationDialogMode["TrueFalse"] = 2] = "TrueFalse";
+    ConfirmationDialogMode[ConfirmationDialogMode["Custom"] = 3] = "Custom";
+})(ConfirmationDialogMode || (ConfirmationDialogMode = {}));
+
+var DialogType;
+(function (DialogType) {
+    DialogType[DialogType["Confirmation"] = 0] = "Confirmation";
+    DialogType[DialogType["Input"] = 1] = "Input";
+    DialogType[DialogType["Message"] = 2] = "Message";
+})(DialogType || (DialogType = {}));
+
+class BaseComponent {
+    constructor() {
+        // This is so that DialogType can be publish accessible from the HTML template
+        this.DialogType = DialogType;
+        this.dialogType = DialogType.Message;
+        this.closed = new EventEmitter();
+        this.ConfirmationDialogMode = ConfirmationDialogMode;
+    }
+    get customTrueText() {
+        return this.data.customTrueFalseText ?
+            this.data.customTrueFalseText[0] :
+            null;
+    }
+    get customFalseText() {
+        return this.data.customTrueFalseText ?
+            this.data.customTrueFalseText[1] :
+            null;
+    }
+    close() {
+        let data;
+        switch (this.dialogType) {
+            case DialogType.Message:
+                data = this.data.checkboxMessage ?
+                    {
+                        checkbox: this.checkboxValue || false
+                    } :
+                    null;
+                break;
+            case DialogType.Input:
+                data = this.data.checkboxMessage ?
+                    {
+                        response: this.userInput,
+                        checkbox: this.checkboxValue || false
+                    } :
+                    this.userInput;
+                break;
+            case DialogType.Confirmation:
+                data = this.data.checkboxMessage ?
+                    {
+                        response: true,
+                        checkbox: this.checkboxValue || false
+                    } :
+                    true;
+                break;
+        }
+        this.closed.emit(data);
+    }
+    cancel() {
+        let data;
+        if (this.dialogType === DialogType.Confirmation) {
+            data = this.data.checkboxMessage ?
+                {
+                    response: false,
+                    checkbox: this.checkboxValue || false
+                } :
+                false;
+        }
+        this.closed.emit(data);
+    }
+}
+BaseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: BaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BaseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: BaseComponent, selector: "dialog-base", inputs: { dialogType: "dialogType", data: "data" }, outputs: { closed: "closed" }, ngImport: i0, template: "<h2 *ngIf=\"data?.title\" mat-dialog-title [innerHTML]=\"data.title\"></h2>\n\n<mat-dialog-content>\n    <div *ngIf=\"data?.message\" [innerHTML]=\"data.message\"></div>\n\n    <mat-form-field *ngIf=\"dialogType === DialogType.Input\">\n        <textarea matInput [placeholder]=\"data.placeholder ?? ''\" [(ngModel)]=\"userInput\"></textarea>\n    </mat-form-field>\n\n    <div id=\"checkbox\" *ngIf=\"data?.checkboxMessage\">\n        <mat-checkbox [(ngModel)]=\"checkboxValue\">\n            <span [innerHTML]=\"data.checkboxMessage\"></span>\n        </mat-checkbox>\n    </div>\n</mat-dialog-content>\n\n<mat-dialog-actions>\n    <button mat-raised-button (click)=\"close()\" [disabled]=\"dialogType === DialogType.Input && !userInput\">\n        <span [ngSwitch]=\"data.mode\">\n            <span *ngSwitchCase=\"ConfirmationDialogMode.YesNo\">Yes</span>\n            <span *ngSwitchCase=\"ConfirmationDialogMode.TrueFalse\">True</span>\n            <span *ngSwitchCase=\"ConfirmationDialogMode.Custom\">{{ customTrueText }}</span>\n            <span *ngSwitchDefault>OK</span>\n        </span>\n    </button>\n    <button *ngIf=\"dialogType !== DialogType.Message\" mat-raised-button (click)=\"cancel()\">\n        <span [ngSwitch]=\"data.mode\">\n            <span *ngSwitchCase=\"ConfirmationDialogMode.YesNo\">No</span>\n            <span *ngSwitchCase=\"ConfirmationDialogMode.TrueFalse\">False</span>\n            <span *ngSwitchCase=\"ConfirmationDialogMode.Custom\">{{ customFalseText }}</span>\n            <span *ngSwitchDefault>Cancel</span>\n        </span>\n    </button>\n</mat-dialog-actions>", styles: ["mat-form-field{margin-top:2em;width:100%}#checkbox{margin:2em 0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i1$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7.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"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: BaseComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'dialog-base', template: "<h2 *ngIf=\"data?.title\" mat-dialog-title [innerHTML]=\"data.title\"></h2>\n\n<mat-dialog-content>\n    <div *ngIf=\"data?.message\" [innerHTML]=\"data.message\"></div>\n\n    <mat-form-field *ngIf=\"dialogType === DialogType.Input\">\n        <textarea matInput [placeholder]=\"data.placeholder ?? ''\" [(ngModel)]=\"userInput\"></textarea>\n    </mat-form-field>\n\n    <div id=\"checkbox\" *ngIf=\"data?.checkboxMessage\">\n        <mat-checkbox [(ngModel)]=\"checkboxValue\">\n            <span [innerHTML]=\"data.checkboxMessage\"></span>\n        </mat-checkbox>\n    </div>\n</mat-dialog-content>\n\n<mat-dialog-actions>\n    <button mat-raised-button (click)=\"close()\" [disabled]=\"dialogType === DialogType.Input && !userInput\">\n        <span [ngSwitch]=\"data.mode\">\n            <span *ngSwitchCase=\"ConfirmationDialogMode.YesNo\">Yes</span>\n            <span *ngSwitchCase=\"ConfirmationDialogMode.TrueFalse\">True</span>\n            <span *ngSwitchCase=\"ConfirmationDialogMode.Custom\">{{ customTrueText }}</span>\n            <span *ngSwitchDefault>OK</span>\n        </span>\n    </button>\n    <button *ngIf=\"dialogType !== DialogType.Message\" mat-raised-button (click)=\"cancel()\">\n        <span [ngSwitch]=\"data.mode\">\n            <span *ngSwitchCase=\"ConfirmationDialogMode.YesNo\">No</span>\n            <span *ngSwitchCase=\"ConfirmationDialogMode.TrueFalse\">False</span>\n            <span *ngSwitchCase=\"ConfirmationDialogMode.Custom\">{{ customFalseText }}</span>\n            <span *ngSwitchDefault>Cancel</span>\n        </span>\n    </button>\n</mat-dialog-actions>", styles: ["mat-form-field{margin-top:2em;width:100%}#checkbox{margin:2em 0}\n"] }]
+        }], propDecorators: { dialogType: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], closed: [{
+                type: Output
+            }] } });
+
+class ConfirmationComponent {
+    constructor(data, dialogRef) {
+        this.data = data;
+        this.dialogRef = dialogRef;
+        this.dialogType = DialogType.Confirmation;
+    }
+}
+ConfirmationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ConfirmationComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
+ConfirmationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: ConfirmationComponent, selector: "dialog-confirmation", ngImport: i0, template: "<dialog-base\n  [data]=\"data\"\n  [dialogType]=\"dialogType\"\n  (closed)=\"dialogRef.close($event)\">\n</dialog-base>", styles: [""], dependencies: [{ kind: "component", type: BaseComponent, selector: "dialog-base", inputs: ["dialogType", "data"], outputs: ["closed"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ConfirmationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'dialog-confirmation', template: "<dialog-base\n  [data]=\"data\"\n  [dialogType]=\"dialogType\"\n  (closed)=\"dialogRef.close($event)\">\n</dialog-base>" }]
+        }], ctorParameters: function () {
+        return [{ type: undefined, decorators: [{
+                        type: Inject,
+                        args: [MAT_DIALOG_DATA]
+                    }] }, { type: i1$1.MatDialogRef }];
+    } });
+
+class InputComponent {
+    constructor(data, dialogRef) {
+        this.data = data;
+        this.dialogRef = dialogRef;
+        this.dialogType = DialogType.Input;
+    }
+}
+InputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: InputComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
+InputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: InputComponent, selector: "dialog-input", ngImport: i0, template: "<dialog-base\n  [data]=\"data\"\n  [dialogType]=\"dialogType\"\n  (closed)=\"dialogRef.close($event)\">\n</dialog-base>", styles: [""], dependencies: [{ kind: "component", type: BaseComponent, selector: "dialog-base", inputs: ["dialogType", "data"], outputs: ["closed"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: InputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'dialog-input', template: "<dialog-base\n  [data]=\"data\"\n  [dialogType]=\"dialogType\"\n  (closed)=\"dialogRef.close($event)\">\n</dialog-base>" }]
+        }], ctorParameters: function () {
+        return [{ type: undefined, decorators: [{
+                        type: Inject,
+                        args: [MAT_DIALOG_DATA]
+                    }] }, { type: i1$1.MatDialogRef }];
+    } });
+
+class MessageComponent {
+    constructor(data, dialogRef) {
+        this.data = data;
+        this.dialogRef = dialogRef;
+        this.dialogType = DialogType.Message;
+    }
+}
+MessageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MessageComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
+MessageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: MessageComponent, selector: "dialog-message", ngImport: i0, template: "<dialog-base\n  [data]=\"data\"\n  [dialogType]=\"dialogType\"\n  (closed)=\"dialogRef.close($event)\">\n</dialog-base>", styles: [""], dependencies: [{ kind: "component", type: BaseComponent, selector: "dialog-base", inputs: ["dialogType", "data"], outputs: ["closed"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: MessageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'dialog-message', template: "<dialog-base\n  [data]=\"data\"\n  [dialogType]=\"dialogType\"\n  (closed)=\"dialogRef.close($event)\">\n</dialog-base>" }]
+        }], ctorParameters: function () {
+        return [{ type: undefined, decorators: [{
+                        type: Inject,
+                        args: [MAT_DIALOG_DATA]
+                    }] }, { type: i1$1.MatDialogRef }];
+    } });
+
+class DialogModule {
+}
+DialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: DialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: DialogModule, declarations: [BaseComponent,
+        ConfirmationComponent,
+        InputComponent,
+        MessageComponent], imports: [CommonModule,
+        FormsModule,
+        MatButtonModule,
+        MatCheckboxModule,
+        MatDialogModule,
+        MatFormFieldModule,
+        MatInputModule], exports: [BaseComponent,
+        ConfirmationComponent,
+        InputComponent,
+        MessageComponent] });
+DialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: DialogModule, imports: [CommonModule,
+        FormsModule,
+        MatButtonModule,
+        MatCheckboxModule,
+        MatDialogModule,
+        MatFormFieldModule,
+        MatInputModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: DialogModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        BaseComponent,
+                        ConfirmationComponent,
+                        InputComponent,
+                        MessageComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        MatButtonModule,
+                        MatCheckboxModule,
+                        MatDialogModule,
+                        MatFormFieldModule,
+                        MatInputModule
+                    ],
+                    exports: [
+                        BaseComponent,
+                        ConfirmationComponent,
+                        InputComponent,
+                        MessageComponent
+                    ]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BaseComponent, ConfirmationComponent, ConfirmationDialogMode, DialogModule, DialogType, InputComponent, MessageComponent };
+//# sourceMappingURL=cleavelandprice-ngx-lib-dialog.mjs.map