ngx-oauth 2.2.2 → 3.0.2

package/fesm2015/ngx-oauth.mjs

@@ -1,10 +1,10 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Injectable, Inject, EventEmitter, Component, ViewEncapsulation, Input, Output, ContentChild, HostListener, PLATFORM_ID, Optional, NgModule } from '@angular/core';
+import { InjectionToken, inject, Injectable, Inject, EventEmitter, Component, ViewEncapsulation, Input, Output, ContentChild, HostListener, PLATFORM_ID, Optional, NgModule } from '@angular/core';
 import { __awaiter } from 'tslib';
 import * as i1 from '@angular/common/http';
 import { HttpHeaders, HttpParams, HTTP_INTERCEPTORS, HttpClientModule } from '@angular/common/http';
 import { filter, map, switchMap, shareReplay, tap, catchError, concatMap, delay } from 'rxjs/operators';
-import { ReplaySubject, of, EMPTY, from, noop, throwError, Subscription, take } from 'rxjs';
+import { ReplaySubject, of, EMPTY, from, noop, firstValueFrom, throwError, Subscription, take } from 'rxjs';
 import * as i2 from '@angular/common';
 import { isPlatformBrowser, CommonModule } from '@angular/common';
 import * as i3 from '@angular/forms';
@@ -17,6 +17,28 @@ const LOCATION = new InjectionToken('Location');
 const STORAGE = new InjectionToken('Storage');
 const OAUTH_CONFIG = new InjectionToken('OAuthConfig');
 const OAUTH_TOKEN = new InjectionToken('OAuthToken');
+class OAuthConfig {
+}
+OAuthConfig.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: OAuthConfig, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+OAuthConfig.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: OAuthConfig, providedIn: 'root', useFactory: () => inject(OAUTH_CONFIG).reduce((p, c) => (Object.assign(Object.assign({}, p), c)), {}) });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: OAuthConfig, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                    useFactory: () => inject(OAUTH_CONFIG).reduce((p, c) => (Object.assign(Object.assign({}, p), c)), {})
+                }]
+        }] });
+const provideOAuthConfig = (config = {}) => ({
+    provide: OAUTH_CONFIG,
+    useValue: config,
+    multi: true
+});
+const provideOAuthConfigFactory = (factory, deps) => ({
+    provide: OAUTH_CONFIG,
+    useFactory: factory,
+    deps: deps,
+    multi: true
+});
 var OAuthType;
 (function (OAuthType) {
     OAuthType["RESOURCE"] = "password";
@@ -85,7 +107,7 @@ class OAuthService {
         if (config && config.clientId) {
             const { issuerPath, scope } = config;
             if (issuerPath) {
-                return this.http.get(`${issuerPath}/.well-known/openid-configuration`).pipe(tap(v => this.set(this.type, Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, v.authorization_endpoint && { authorizePath: v.authorization_endpoint } || {}), v.token_endpoint && { tokenPath: v.token_endpoint } || {}), v.revocation_endpoint && { revokePath: v.revocation_endpoint } || {}), v.code_challenge_methods_supported && { pkce: v.code_challenge_methods_supported.indexOf('S256') > -1 } || {}), v.userinfo_endpoint && { userPath: v.userinfo_endpoint } || {}), v.introspection_endpoint && { introspectionPath: v.introspection_endpoint } || {}), v.end_session_endpoint && { logoutPath: v.end_session_endpoint } || {}), scope && {} || { scope: 'openid' }))), map(() => this.authConfig.config));
+                return this.http.get(`${issuerPath}/.well-known/openid-configuration`).pipe(tap(v => this.type && this.set(this.type, Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, v.authorization_endpoint && { authorizePath: v.authorization_endpoint } || {}), v.token_endpoint && { tokenPath: v.token_endpoint } || {}), v.revocation_endpoint && { revokePath: v.revocation_endpoint } || {}), v.code_challenge_methods_supported && { pkce: v.code_challenge_methods_supported.indexOf('S256') > -1 } || {}), v.userinfo_endpoint && { userPath: v.userinfo_endpoint } || {}), v.introspection_endpoint && { introspectionPath: v.introspection_endpoint } || {}), v.end_session_endpoint && { logoutPath: v.end_session_endpoint } || {}), scope && {} || { scope: 'openid' }))), map(() => this.authConfig.config));
             }
             return of(config);
         }
@@ -120,7 +142,7 @@ class OAuthService {
                     const { clientId, clientSecret, tokenPath, scope } = config;
                     const codeVerifier = savedToken && savedToken.codeVerifier;
                     this.http.post(tokenPath, new HttpParams({
-                        fromObject: Object.assign(Object.assign(Object.assign(Object.assign({ code: parameters === null || parameters === void 0 ? void 0 : parameters.code, client_id: clientId }, clientSecret && { client_secret: clientSecret } || {}), { redirect_uri: `${origin}${pathname}`, grant_type: 'authorization_code' }), scope && { scope } || {}), codeVerifier && { code_verifier: codeVerifier } || {})
+                        fromObject: Object.assign(Object.assign(Object.assign(Object.assign({ code: parameters === null || parameters === void 0 ? void 0 : parameters['code'], client_id: clientId }, clientSecret && { client_secret: clientSecret } || {}), { redirect_uri: `${origin}${pathname}`, grant_type: 'authorization_code' }), scope && { scope } || {}), codeVerifier && { code_verifier: codeVerifier } || {})
                     }), { headers: REQUEST_HEADER }).pipe(catchError((err) => {
                         this.token = err;
                         this.status = OAuthStatus.DENIED;
@@ -156,7 +178,7 @@ class OAuthService {
     login(parameters) {
         return __awaiter(this, void 0, void 0, function* () {
             if (this.isResourceType(parameters)) {
-                this.resourceLogin(parameters);
+                yield this.resourceLogin(parameters);
             }
             else if (this.isAuthorizationCodeType(parameters)) {
                 yield this.authorizationCodeLogin(parameters);
@@ -165,7 +187,7 @@ class OAuthService {
                 yield this.implicitLogin(parameters);
             }
             else if (this.isClientCredentialType()) {
-                this.clientCredentialLogin();
+                yield this.clientCredentialLogin();
             }
         });
     }
@@ -214,25 +236,36 @@ class OAuthService {
     get ignorePaths() {
         return this.authConfig.ignorePaths || [];
     }
-    resourceLogin(parameters) {
-        const { clientId, clientSecret, tokenPath, scope } = this.authConfig.config;
-        const { username, password } = parameters;
-        this.http.post(tokenPath, new HttpParams({
-            fromObject: Object.assign(Object.assign(Object.assign(Object.assign({ client_id: clientId }, clientSecret && { client_secret: clientSecret } || {}), { grant_type: OAuthType.RESOURCE }), scope && { scope } || {}), { username,
-                password })
-        }), { headers: REQUEST_HEADER }).pipe(catchError(err => {
-            this.token = err;
-            this.status = OAuthStatus.DENIED;
-            return EMPTY;
-        })).subscribe(params => {
-            this.token = params;
-            this.status = OAuthStatus.AUTHORIZED;
+    clientCredentialLogin() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const { clientId, clientSecret, tokenPath, scope } = this.authConfig.config;
+            yield firstValueFrom(this.http.post(tokenPath, new HttpParams({
+                fromObject: Object.assign({ client_id: clientId, client_secret: clientSecret, grant_type: OAuthType.CLIENT_CREDENTIAL }, scope ? { scope } : {})
+            }), { headers: REQUEST_HEADER }).pipe(catchError((err) => {
+                this.token = err;
+                this.status = OAuthStatus.DENIED;
+                return EMPTY;
+            }), tap(params => {
+                this.token = params;
+                this.status = OAuthStatus.AUTHORIZED;
+            })));
         });
     }
-    authorizationCodeLogin(parameters) {
+    resourceLogin(parameters) {
         return __awaiter(this, void 0, void 0, function* () {
-            const authUrl = yield this.toAuthorizationUrl(parameters, OAuthType.AUTHORIZATION_CODE);
-            this.location.replace(authUrl);
+            const { clientId, clientSecret, tokenPath, scope } = this.authConfig.config;
+            const { username, password } = parameters;
+            yield firstValueFrom(this.http.post(tokenPath, new HttpParams({
+                fromObject: Object.assign(Object.assign(Object.assign(Object.assign({ client_id: clientId }, clientSecret && { client_secret: clientSecret } || {}), { grant_type: OAuthType.RESOURCE }), scope && { scope } || {}), { username,
+                    password })
+            }), { headers: REQUEST_HEADER }).pipe(catchError(err => {
+                this.token = err;
+                this.status = OAuthStatus.DENIED;
+                return EMPTY;
+            }), tap(params => {
+                this.token = params;
+                this.status = OAuthStatus.AUTHORIZED;
+            })));
         });
     }
     implicitLogin(parameters) {
@@ -241,17 +274,10 @@ class OAuthService {
             this.location.replace(authUrl);
         });
     }
-    clientCredentialLogin() {
-        const { clientId, clientSecret, tokenPath, scope } = this.authConfig.config;
-        this.http.post(tokenPath, new HttpParams({
-            fromObject: Object.assign({ client_id: clientId, client_secret: clientSecret, grant_type: OAuthType.CLIENT_CREDENTIAL }, scope ? { scope } : {})
-        }), { headers: REQUEST_HEADER }).pipe(catchError((err) => {
-            this.token = err;
-            this.status = OAuthStatus.DENIED;
-            return EMPTY;
-        })).subscribe(params => {
-            this.token = params;
-            this.status = OAuthStatus.AUTHORIZED;
+    authorizationCodeLogin(parameters) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const authUrl = yield this.toAuthorizationUrl(parameters, OAuthType.AUTHORIZATION_CODE);
+            this.location.replace(authUrl);
         });
     }
     isClientCredentialType() {
@@ -300,14 +326,14 @@ class OAuthService {
     checkResponse(token, parameters) {
         this.emitState(parameters);
         this.cleanLocationHash();
-        if (!parameters || parameters.error) {
+        if (!parameters || parameters['error']) {
             return false;
         }
-        if (token && token.nonce && parameters.access_token) {
-            const jwtToken = jwt(parameters.access_token);
+        if (token && token.nonce && parameters['access_token']) {
+            const jwtToken = jwt(parameters['access_token']);
             return token.nonce === jwtToken.nonce;
         }
-        return parameters.access_token || parameters.code;
+        return parameters['access_token'] || parameters['code'];
     }
     set token(token) {
         this._token = token;
@@ -377,15 +403,12 @@ class OAuthService {
         }
     }
 }
-OAuthService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: OAuthService, deps: [{ token: i1.HttpClient }, { token: i0.NgZone }, { token: OAUTH_CONFIG }, { token: LOCATION }, { token: i2.Location }], target: i0.ɵɵFactoryTarget.Injectable });
-OAuthService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: OAuthService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: OAuthService, decorators: [{
+OAuthService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: OAuthService, deps: [{ token: i1.HttpClient }, { token: i0.NgZone }, { token: OAuthConfig }, { token: LOCATION }, { token: i2.Location }], target: i0.ɵɵFactoryTarget.Injectable });
+OAuthService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: OAuthService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: OAuthService, decorators: [{
             type: Injectable
         }], ctorParameters: function () {
-        return [{ type: i1.HttpClient }, { type: i0.NgZone }, { type: undefined, decorators: [{
-                        type: Inject,
-                        args: [OAUTH_CONFIG]
-                    }] }, { type: Location, decorators: [{
+        return [{ type: i1.HttpClient }, { type: i0.NgZone }, { type: OAuthConfig }, { type: Location, decorators: [{
                         type: Inject,
                         args: [LOCATION]
                     }] }, { type: i2.Location }];
@@ -435,9 +458,9 @@ class OAuthInterceptor {
         return false;
     }
 }
-OAuthInterceptor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: OAuthInterceptor, deps: [{ token: OAuthService }], target: i0.ɵɵFactoryTarget.Injectable });
-OAuthInterceptor.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: OAuthInterceptor });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: OAuthInterceptor, decorators: [{
+OAuthInterceptor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: OAuthInterceptor, deps: [{ token: OAuthService }], target: i0.ɵɵFactoryTarget.Injectable });
+OAuthInterceptor.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: OAuthInterceptor });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: OAuthInterceptor, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: OAuthService }]; } });
 
@@ -511,9 +534,9 @@ class OAuthLoginComponent {
         this.collapse = false;
     }
 }
-OAuthLoginComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: OAuthLoginComponent, deps: [{ token: OAuthService }, { token: i2.Location }, { token: LOCATION }], target: i0.ɵɵFactoryTarget.Component });
-OAuthLoginComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: OAuthLoginComponent, selector: "oauth-login", inputs: { i18n: "i18n", redirectUri: "redirectUri", useLogoutUrl: "useLogoutUrl", state: "state", profileName$: "profileName$" }, outputs: { stateChange: "stateChange" }, host: { listeners: { "window:keydown.escape": "keyboardEvent()" } }, queries: [{ propertyName: "loginTemplate", first: true, predicate: ["login"], descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"state$ | async\"></ng-container>\r\n<ng-container *ngIf=\"loginTemplate; else defaultLogin\"\r\n              [ngTemplateOutlet]=\"loginTemplate\"\r\n              [ngTemplateOutletContext]=\"{login: loginFunction, logout: logoutFunction, status: status$ | async}\">\r\n</ng-container>\r\n<ng-template #defaultLogin>\r\n  <ng-container *ngIf=\"status$ | async as status\">\r\n    <ng-container *ngIf=\"type === OAuthType.RESOURCE; else noResource\">\r\n      <div class=\"oauth dropdown text-end p-3 {{collapse ? 'show': ''}}\">\r\n        <button class=\"btn btn-link p-0 dropdown-toggle\"\r\n                (click)=\"status === OAuthStatus.AUTHORIZED ? logout() : toggleCollapse()\">\r\n          <ng-container *ngTemplateOutlet=\"message\"></ng-container>\r\n        </button>\r\n        <div class=\"dropdown-menu mr-3 {{collapse ? 'show': ''}}\">\r\n          <form class=\"p-3\" #form=\"ngForm\"\r\n                *ngIf=\"status === OAuthStatus.NOT_AUTHORIZED || status === OAuthStatus.DENIED\"\r\n                (submit)=\"login({username: username, password: password})\">\r\n            <div class=\"mb-3\">\r\n              <input type=\"text\"\r\n                     class=\"form-control\"\r\n                     name=\"username\"\r\n                     required\r\n                     [(ngModel)]=\"username\"\r\n                     [placeholder]=\"i18n.username\">\r\n            </div>\r\n            <div class=\"mb-3\">\r\n              <input type=\"password\"\r\n                     class=\"form-control\"\r\n                     name=\"password\"\r\n                     required\r\n                     [(ngModel)]=\"password\"\r\n                     [placeholder]=\"i18n.password\">\r\n            </div>\r\n            <div class=\"text-end\">\r\n              <button type=\"submit\"\r\n                      class=\"btn btn-primary\"\r\n                      [disabled]=\"form.invalid\">{{i18n.submit}}</button>\r\n            </div>\r\n          </form>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n\r\n    <ng-template #noResource>\r\n      <a role=\"button\" class=\"oauth\"\r\n         (click)=\"status === OAuthStatus.AUTHORIZED ? logout() : login({redirectUri: redirectUri, state:state})\">\r\n        <ng-container *ngTemplateOutlet=\"message\"></ng-container>\r\n      </a>\r\n    </ng-template>\r\n\r\n    <ng-template #message>\r\n      <span *ngIf=\"status === OAuthStatus.NOT_AUTHORIZED\" class=\"not-authorized\">{{i18n.notAuthorized}}</span>\r\n      <span *ngIf=\"status === OAuthStatus.AUTHORIZED\" class=\"authorized\">\r\n        <span class=\"welcome\">{{i18n.authorized}}&nbsp;</span>\r\n        <strong class=\"profile-name\" [innerHTML]=\"profileName\"></strong>\r\n      </span>\r\n      <span *ngIf=\"status === OAuthStatus.DENIED\" class=\"denied\">{{i18n.denied}}</span>\r\n    </ng-template>\r\n  </ng-container>\r\n</ng-template>\r\n\r\n", styles: [".oauth .dropdown-menu{left:auto;right:0;box-shadow:0 5px 10px #0003;min-width:250px}.oauth .dropdown-menu:before{content:\"\";display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:#0003;position:absolute;top:-7px;left:auto;right:15px}.oauth .dropdown-menu:after{content:\"\";display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #ffffff;position:absolute;top:-6px;left:auto;right:16px}\n"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i3.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "async": i2.AsyncPipe }, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: OAuthLoginComponent, decorators: [{
+OAuthLoginComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: OAuthLoginComponent, deps: [{ token: OAuthService }, { token: i2.Location }, { token: LOCATION }], target: i0.ɵɵFactoryTarget.Component });
+OAuthLoginComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.5", type: OAuthLoginComponent, selector: "oauth-login", inputs: { i18n: "i18n", redirectUri: "redirectUri", useLogoutUrl: "useLogoutUrl", state: "state", profileName$: "profileName$" }, outputs: { stateChange: "stateChange" }, host: { listeners: { "window:keydown.escape": "keyboardEvent()" } }, queries: [{ propertyName: "loginTemplate", first: true, predicate: ["login"], descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"state$ | async\"></ng-container>\r\n<ng-container *ngIf=\"loginTemplate; else defaultLogin\"\r\n              [ngTemplateOutlet]=\"loginTemplate\"\r\n              [ngTemplateOutletContext]=\"{login: loginFunction, logout: logoutFunction, status: status$ | async}\">\r\n</ng-container>\r\n<ng-template #defaultLogin>\r\n  <ng-container *ngIf=\"status$ | async as status\">\r\n    <ng-container *ngIf=\"type === OAuthType.RESOURCE; else noResource\">\r\n      <div class=\"oauth dropdown text-end p-3 {{collapse ? 'show': ''}}\">\r\n        <button class=\"btn btn-link p-0 dropdown-toggle\"\r\n                (click)=\"status === OAuthStatus.AUTHORIZED ? logout() : toggleCollapse()\">\r\n          <ng-container *ngTemplateOutlet=\"message\"></ng-container>\r\n        </button>\r\n        <div class=\"dropdown-menu mr-3 {{collapse ? 'show': ''}}\">\r\n          <form class=\"p-3\" #form=\"ngForm\"\r\n                *ngIf=\"status === OAuthStatus.NOT_AUTHORIZED || status === OAuthStatus.DENIED\"\r\n                (submit)=\"login({username: username, password: password})\">\r\n            <div class=\"mb-3\">\r\n              <input type=\"text\"\r\n                     class=\"form-control\"\r\n                     name=\"username\"\r\n                     required\r\n                     [(ngModel)]=\"username\"\r\n                     [placeholder]=\"i18n.username\">\r\n            </div>\r\n            <div class=\"mb-3\">\r\n              <input type=\"password\"\r\n                     class=\"form-control\"\r\n                     name=\"password\"\r\n                     required\r\n                     [(ngModel)]=\"password\"\r\n                     [placeholder]=\"i18n.password\">\r\n            </div>\r\n            <div class=\"text-end\">\r\n              <button type=\"submit\"\r\n                      class=\"btn btn-primary\"\r\n                      [disabled]=\"form.invalid\">{{i18n.submit}}</button>\r\n            </div>\r\n          </form>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n\r\n    <ng-template #noResource>\r\n      <a role=\"button\" class=\"oauth\"\r\n         (click)=\"status === OAuthStatus.AUTHORIZED ? logout() : login({redirectUri: redirectUri, state:state})\">\r\n        <ng-container *ngTemplateOutlet=\"message\"></ng-container>\r\n      </a>\r\n    </ng-template>\r\n\r\n    <ng-template #message>\r\n      <span *ngIf=\"status === OAuthStatus.NOT_AUTHORIZED\" class=\"not-authorized\">{{i18n.notAuthorized}}</span>\r\n      <span *ngIf=\"status === OAuthStatus.AUTHORIZED\" class=\"authorized\">\r\n        <span class=\"welcome\">{{i18n.authorized}}&nbsp;</span>\r\n        <strong class=\"profile-name\" [innerHTML]=\"profileName\"></strong>\r\n      </span>\r\n      <span *ngIf=\"status === OAuthStatus.DENIED\" class=\"denied\">{{i18n.denied}}</span>\r\n    </ng-template>\r\n  </ng-container>\r\n</ng-template>\r\n\r\n", styles: [".oauth .dropdown-menu{left:auto;right:0;box-shadow:0 5px 10px #0003;min-width:250px}.oauth .dropdown-menu:before{content:\"\";display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:#0003;position:absolute;top:-7px;left:auto;right:15px}.oauth .dropdown-menu:after{content:\"\";display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #ffffff;position:absolute;top:-6px;left:auto;right:16px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: OAuthLoginComponent, decorators: [{
             type: Component,
             args: [{ selector: 'oauth-login', encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"state$ | async\"></ng-container>\r\n<ng-container *ngIf=\"loginTemplate; else defaultLogin\"\r\n              [ngTemplateOutlet]=\"loginTemplate\"\r\n              [ngTemplateOutletContext]=\"{login: loginFunction, logout: logoutFunction, status: status$ | async}\">\r\n</ng-container>\r\n<ng-template #defaultLogin>\r\n  <ng-container *ngIf=\"status$ | async as status\">\r\n    <ng-container *ngIf=\"type === OAuthType.RESOURCE; else noResource\">\r\n      <div class=\"oauth dropdown text-end p-3 {{collapse ? 'show': ''}}\">\r\n        <button class=\"btn btn-link p-0 dropdown-toggle\"\r\n                (click)=\"status === OAuthStatus.AUTHORIZED ? logout() : toggleCollapse()\">\r\n          <ng-container *ngTemplateOutlet=\"message\"></ng-container>\r\n        </button>\r\n        <div class=\"dropdown-menu mr-3 {{collapse ? 'show': ''}}\">\r\n          <form class=\"p-3\" #form=\"ngForm\"\r\n                *ngIf=\"status === OAuthStatus.NOT_AUTHORIZED || status === OAuthStatus.DENIED\"\r\n                (submit)=\"login({username: username, password: password})\">\r\n            <div class=\"mb-3\">\r\n              <input type=\"text\"\r\n                     class=\"form-control\"\r\n                     name=\"username\"\r\n                     required\r\n                     [(ngModel)]=\"username\"\r\n                     [placeholder]=\"i18n.username\">\r\n            </div>\r\n            <div class=\"mb-3\">\r\n              <input type=\"password\"\r\n                     class=\"form-control\"\r\n                     name=\"password\"\r\n                     required\r\n                     [(ngModel)]=\"password\"\r\n                     [placeholder]=\"i18n.password\">\r\n            </div>\r\n            <div class=\"text-end\">\r\n              <button type=\"submit\"\r\n                      class=\"btn btn-primary\"\r\n                      [disabled]=\"form.invalid\">{{i18n.submit}}</button>\r\n            </div>\r\n          </form>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n\r\n    <ng-template #noResource>\r\n      <a role=\"button\" class=\"oauth\"\r\n         (click)=\"status === OAuthStatus.AUTHORIZED ? logout() : login({redirectUri: redirectUri, state:state})\">\r\n        <ng-container *ngTemplateOutlet=\"message\"></ng-container>\r\n      </a>\r\n    </ng-template>\r\n\r\n    <ng-template #message>\r\n      <span *ngIf=\"status === OAuthStatus.NOT_AUTHORIZED\" class=\"not-authorized\">{{i18n.notAuthorized}}</span>\r\n      <span *ngIf=\"status === OAuthStatus.AUTHORIZED\" class=\"authorized\">\r\n        <span class=\"welcome\">{{i18n.authorized}}&nbsp;</span>\r\n        <strong class=\"profile-name\" [innerHTML]=\"profileName\"></strong>\r\n      </span>\r\n      <span *ngIf=\"status === OAuthStatus.DENIED\" class=\"denied\">{{i18n.denied}}</span>\r\n    </ng-template>\r\n  </ng-container>\r\n</ng-template>\r\n\r\n", styles: [".oauth .dropdown-menu{left:auto;right:0;box-shadow:0 5px 10px #0003;min-width:250px}.oauth .dropdown-menu:before{content:\"\";display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:#0003;position:absolute;top:-7px;left:auto;right:15px}.oauth .dropdown-menu:after{content:\"\";display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #ffffff;position:absolute;top:-6px;left:auto;right:16px}\n"] }]
         }], ctorParameters: function () {
@@ -601,7 +624,7 @@ const defaultConfig = (storage) => {
     };
 };
 class OAuthModule {
-    static forRoot(config) {
+    static forRoot(config = {}) {
         return {
             ngModule: OAuthModule,
             providers: [
@@ -609,36 +632,21 @@ class OAuthModule {
                 StorageService,
                 OAuthService,
                 OAuthInterceptorService,
-                {
-                    provide: OAUTH_CONFIG,
-                    useFactory(storage) {
-                        return Object.assign(Object.assign({}, defaultConfig(storage)), config);
-                    },
-                    deps: [
-                        STORAGE
-                    ]
-                }
+                provideOAuthConfigFactory((storage) => (Object.assign(Object.assign({}, defaultConfig(storage)), config)), [STORAGE]),
             ]
         };
     }
 }
-OAuthModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: OAuthModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-OAuthModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: OAuthModule, declarations: [OAuthLoginComponent], imports: [CommonModule,
+OAuthModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: OAuthModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+OAuthModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.5", ngImport: i0, type: OAuthModule, declarations: [OAuthLoginComponent], imports: [CommonModule,
         FormsModule,
         HttpClientModule,
         RouterModule], exports: [OAuthLoginComponent] });
-OAuthModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: OAuthModule, providers: [
-        LocationService,
-        StorageService,
-        OAuthService,
-        OAuthInterceptorService,
-    ], imports: [[
-            CommonModule,
-            FormsModule,
-            HttpClientModule,
-            RouterModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: OAuthModule, decorators: [{
+OAuthModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: OAuthModule, imports: [CommonModule,
+        FormsModule,
+        HttpClientModule,
+        RouterModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.5", ngImport: i0, type: OAuthModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -648,13 +656,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
                         RouterModule,
                     ],
                     declarations: [OAuthLoginComponent],
-                    exports: [OAuthLoginComponent],
-                    providers: [
-                        LocationService,
-                        StorageService,
-                        OAuthService,
-                        OAuthInterceptorService,
-                    ]
+                    exports: [OAuthLoginComponent]
                 }]
         }] });
 
@@ -666,5 +668,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { LOCATION, OAUTH_CONFIG, OAUTH_TOKEN, OAuthInterceptor, OAuthLoginComponent, OAuthModule, OAuthService, OAuthStatus, OAuthType, SERVER_HOST, SERVER_PATH, STORAGE };
+export { LOCATION, OAUTH_CONFIG, OAUTH_TOKEN, OAuthConfig, OAuthInterceptor, OAuthLoginComponent, OAuthModule, OAuthService, OAuthStatus, OAuthType, SERVER_HOST, SERVER_PATH, STORAGE, provideOAuthConfig, provideOAuthConfigFactory };
 //# sourceMappingURL=ngx-oauth.mjs.map