@dereekb/dbx-firebase 4.0.1 → 5.0.1

package/fesm2020/dereekb-dbx-firebase.mjs

@@ -17,10 +17,10 @@ import { addToSet, removeFromSet, filterMaybeValues, mapIterable, asArray, exclu
 import * as i3 from '@dereekb/dbx-web';
 import { DbxRouterAnchorModule, DbxReadableErrorModule, DbxActionModule, DbxButtonModule } from '@dereekb/dbx-web';
 import * as i1$1 from '@dereekb/dbx-form';
-import { AbstractAsyncFormlyFormDirective, usernamePasswordLoginFields, ProvideFormlyContext, AbstractSyncFormlyFormDirective, emailField, DbxFormIoModule, DbxFormModule, DbxFormlyModule, DbxFormActionModule, DbxFormFormlyTextFieldModule } from '@dereekb/dbx-form';
+import { AbstractAsyncFormlyFormDirective, usernamePasswordLoginFields, provideFormlyContext, AbstractSyncFormlyFormDirective, emailField, DbxFormIoModule, DbxFormModule, DbxFormlyModule, DbxFormActionModule, DbxFormFormlyTextFieldModule } from '@dereekb/dbx-form';
 import { initializeApp } from 'firebase/app';
 import * as i5 from '@angular/fire/app';
-import { provideFirebaseApp } from '@angular/fire/app';
+import { FirebaseApp, provideFirebaseApp } from '@angular/fire/app';
 import * as i3$2 from '@angular/fire/storage';
 import { provideStorage, getStorage, connectStorageEmulator } from '@angular/fire/storage';
 import * as i4$1 from '@angular/fire/functions';
@@ -28,7 +28,6 @@ import { provideFunctions, getFunctions, connectFunctionsEmulator, Functions } f
 import * as i1$2 from '@angular/fire/firestore';
 import { provideFirestore, getFirestore, connectFirestoreEmulator, enableIndexedDbPersistence, Firestore } from '@angular/fire/firestore';
 import { firebaseFirestoreContextFactory, iterationQueryDocChangeWatcher, firebaseQueryItemAccumulator, documentDataWithId } from '@dereekb/firebase';
-import { shareReplay as shareReplay$1 } from 'rxjs/operators';
 
 /**
  * Derives a user state from the input firebase auth service.
@@ -41,7 +40,7 @@ function authUserStateFromFirebaseAuthService(dbxFirebaseAuthService, stateForLo
     return dbxFirebaseAuthService.hasAuthUser$.pipe(switchMap((hasUser) => {
         let obs;
         if (hasUser) {
-            obs = dbxFirebaseAuthService.isAnonymousUser$.pipe(switchMap((isAnon) => isAnon ? of('anon') : stateForLoggedInUser(dbxFirebaseAuthService)));
+            obs = dbxFirebaseAuthService.isAnonymousUser$.pipe(switchMap((isAnon) => (isAnon ? of('anon') : stateForLoggedInUser(dbxFirebaseAuthService))));
         }
         else {
             obs = of('none');
@@ -60,7 +59,7 @@ function authUserStateFromFirebaseAuthService(dbxFirebaseAuthService, stateForLo
 function readValueFromIdToken(dbxFirebaseAuthService, readBooleanFromIdToken, defaultValue) {
     return dbxFirebaseAuthService.currentAuthUserInfo$.pipe(switchMap((x) => {
         if (x) {
-            return dbxFirebaseAuthService.idTokenResult$.pipe(switchMap(x => readBooleanFromIdToken(x)));
+            return dbxFirebaseAuthService.idTokenResult$.pipe(switchMap((x) => readBooleanFromIdToken(x)));
         }
         else {
             return of(defaultValue);
@@ -85,10 +84,10 @@ const DEFAULT_DBX_FIREBASE_AUTH_SERVICE_DELEGATE = {
         return authUserStateFromFirebaseAuthService(dbxFirebaseAuthService);
     },
     authRolesObs(dbxFirebaseAuthService) {
-        return dbxFirebaseAuthService.authUserState$.pipe(map(x => x === 'user' ? new Set(['user']) : new Set()));
+        return dbxFirebaseAuthService.authUserState$.pipe(map((x) => (x === 'user' ? new Set(['user']) : new Set())));
     },
     isOnboarded(dbxFirebaseAuthService) {
-        return dbxFirebaseAuthService.authUserState$.pipe(map(x => x === 'user'));
+        return dbxFirebaseAuthService.authUserState$.pipe(map((x) => x === 'user'));
     }
 };
 class DbxFirebaseAuthService {
@@ -99,19 +98,19 @@ class DbxFirebaseAuthService {
             first: 1000,
             with: () => this._authState$.pipe(startWith(null))
         }), distinctUntilChanged(), shareReplay(1));
-        this.currentAuthUserInfo$ = this.currentAuthUser$.pipe(map((x) => (x) ? authUserInfoFromAuthUser(x) : undefined));
+        this.currentAuthUserInfo$ = this.currentAuthUser$.pipe(map((x) => (x ? authUserInfoFromAuthUser(x) : undefined)));
         this.authUser$ = this.currentAuthUser$.pipe(filterMaybe());
         this.authUserInfo$ = this.authUser$.pipe(map(authUserInfoFromAuthUser));
-        this.hasAuthUser$ = this.currentAuthUser$.pipe(map(x => Boolean(x)), distinctUntilChanged(), shareReplay(1));
-        this.isAnonymousUser$ = this.authUser$.pipe(map(x => x.isAnonymous), distinctUntilChanged(), shareReplay(1));
+        this.hasAuthUser$ = this.currentAuthUser$.pipe(map((x) => Boolean(x)), distinctUntilChanged(), shareReplay(1));
+        this.isAnonymousUser$ = this.authUser$.pipe(map((x) => x.isAnonymous), distinctUntilChanged(), shareReplay(1));
         this.isNotAnonymousUser$ = this.isAnonymousUser$.pipe(isNot());
         this.isLoggedIn$ = this.hasAuthUser$;
         this.isNotLoggedIn$ = this.isLoggedIn$.pipe(isNot());
         this.onLogIn$ = loggedInObsFromIsLoggedIn(this.isLoggedIn$);
         this.onLogOut$ = loggedOutObsFromIsLoggedIn(this.isLoggedIn$);
-        this.userIdentifier$ = this.currentAuthUser$.pipe(map(x => authUserIdentifier(x?.uid)));
-        this.idTokenResult$ = this.authUser$.pipe(switchMap(x => x.getIdTokenResult()));
-        this.claims$ = this.idTokenResult$.pipe(map(x => x.claims));
+        this.userIdentifier$ = this.currentAuthUser$.pipe(map((x) => authUserIdentifier(x?.uid)));
+        this.idTokenResult$ = this.authUser$.pipe(switchMap((x) => x.getIdTokenResult()));
+        this.claims$ = this.idTokenResult$.pipe(map((x) => x.claims));
         delegate = delegate ?? DEFAULT_DBX_FIREBASE_AUTH_SERVICE_DELEGATE;
         this.authUserState$ = delegate.authUserStateObs(this).pipe(distinctUntilChanged(), shareReplay(1));
         this.authRoles$ = delegate.authRolesObs(this);
@@ -185,21 +184,21 @@ class DbxFirebaseLoginTermsSimpleComponent {
 }
 DbxFirebaseLoginTermsSimpleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseLoginTermsSimpleComponent, deps: [{ token: DbxFirebaseLoginTermsConfig }], target: i0.ɵɵFactoryTarget.Component });
 DbxFirebaseLoginTermsSimpleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxFirebaseLoginTermsSimpleComponent, selector: "ng-component", ngImport: i0, template: `
-  <div class="dbx-firebase-login-terms-view">
-    <dbx-link [anchor]="tosAnchor">Terms</dbx-link>
-    <span class="dbx-link-spacer"></span>
-    <dbx-link [anchor]="privacyAnchor">Privacy</dbx-link>
-  </div>
+    <div class="dbx-firebase-login-terms-view">
+      <dbx-link [anchor]="tosAnchor">Terms</dbx-link>
+      <span class="dbx-link-spacer"></span>
+      <dbx-link [anchor]="privacyAnchor">Privacy</dbx-link>
+    </div>
   `, isInline: true, components: [{ type: i3.DbxAnchorLinkComponent, selector: "dbx-link", inputs: ["anchor", "ref", "href"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseLoginTermsSimpleComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
-  <div class="dbx-firebase-login-terms-view">
-    <dbx-link [anchor]="tosAnchor">Terms</dbx-link>
-    <span class="dbx-link-spacer"></span>
-    <dbx-link [anchor]="privacyAnchor">Privacy</dbx-link>
-  </div>
+    <div class="dbx-firebase-login-terms-view">
+      <dbx-link [anchor]="tosAnchor">Terms</dbx-link>
+      <span class="dbx-link-spacer"></span>
+      <dbx-link [anchor]="privacyAnchor">Privacy</dbx-link>
+    </div>
   `
                 }]
         }], ctorParameters: function () { return [{ type: DbxFirebaseLoginTermsConfig }]; } });
@@ -289,7 +288,7 @@ class DbxFirebaseAuthLoginService {
         return Array.from(this._providers.keys());
     }
     getEnabledTypes() {
-        return (this._enableAll) ? this.getRegisteredTypes() : Array.from(this._enabled);
+        return this._enableAll ? this.getRegisteredTypes() : Array.from(this._enabled);
     }
     getLoginProvider(type) {
         return this._providers.get(type);
@@ -301,7 +300,7 @@ class DbxFirebaseAuthLoginService {
         return this._providers.get(type);
     }
     getRegisterProviders(types) {
-        return filterMaybeValues(mapIterable(types ?? [], (x) => this._providers.get(x))).filter(x => x.registrationComponentClass !== false);
+        return filterMaybeValues(mapIterable(types ?? [], (x) => this._providers.get(x))).filter((x) => x.registrationComponentClass !== false);
     }
     getProviderAssets(type) {
         return this._assets.get(type);
@@ -318,7 +317,7 @@ DbxFirebaseAuthLoginService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "1
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseAuthLoginService, decorators: [{
             type: Injectable,
             args: [{
-                    providedIn: 'root',
+                    providedIn: 'root'
                 }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Optional
@@ -348,11 +347,11 @@ class DbxFirebaseLoginContext extends DbxInjectionContext {
  */
 class DbxFirebaseLoginButtonComponent {
     constructor() {
-        this.handleAction = (value) => {
+        this.handleAction = () => {
             const loginPromise = this.config.handleLogin();
             return from(loginPromise);
         };
-        this.onActionSuccess = (value) => {
+        this.onActionSuccess = () => {
             // todo: show checkmark on success?
         };
     }
@@ -374,39 +373,37 @@ class DbxFirebaseLoginButtonComponent {
 }
 DbxFirebaseLoginButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseLoginButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
 DbxFirebaseLoginButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxFirebaseLoginButtonComponent, selector: "dbx-firebase-login-button", inputs: { config: "config" }, host: { classAttribute: "dbx-firebase-login-button" }, ngImport: i0, template: `
-  <ng-container dbxAction [dbxActionHandler]="handleAction" dbxActionValue
-    [dbxActionSuccessHandler]="onActionSuccess">
-    <dbx-button dbxActionButton [customTextColor]="buttonTextColor" [customButtonColor]="buttonColor" [raised]="true">
-      <div class="dbx-firebase-login-button-content">
-        <span class="dbx-firebase-login-button-icon dbx-icon-spacer">
-          <img *ngIf="iconUrl" [src]="iconUrl"/>
-          <mat-icon *ngIf="icon">{{icon}}</mat-icon>
-        </span>
-        <span class="dbx-firebase-login-button-text">{{ text }}</span>
-      </div>
-    </dbx-button>
-  </ng-container>
+    <ng-container dbxAction [dbxActionHandler]="handleAction" dbxActionValue [dbxActionSuccessHandler]="onActionSuccess">
+      <dbx-button dbxActionButton [customTextColor]="buttonTextColor" [customButtonColor]="buttonColor" [raised]="true">
+        <div class="dbx-firebase-login-button-content">
+          <span class="dbx-firebase-login-button-icon dbx-icon-spacer">
+            <img *ngIf="iconUrl" [src]="iconUrl" />
+            <mat-icon *ngIf="icon">{{ icon }}</mat-icon>
+          </span>
+          <span class="dbx-firebase-login-button-text">{{ text }}</span>
+        </div>
+      </dbx-button>
+    </ng-container>
   `, isInline: true, components: [{ type: i3.DbxButtonComponent, selector: "dbx-button", inputs: ["type", "raised", "stroked", "flat", "color", "customButtonColor", "customTextColor", "customSpinnerColor"] }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i3$1.DbxActionDirective, selector: "dbx-action,[dbxAction],dbx-action-context,[dbxActionContext]", exportAs: ["action", "dbxAction"] }, { type: i3$1.DbxActionValueDirective, selector: "[dbxActionValue]", inputs: ["dbxActionValue"] }, { type: i3$1.DbxActionHandlerDirective, selector: "[dbxActionHandler]", inputs: ["dbxActionHandler"] }, { type: i3$1.DbxActionSuccessHandlerDirective, selector: "[dbxActionSuccessHandler]", inputs: ["dbxActionSuccessHandler"] }, { type: i3$1.DbxActionButtonDirective, selector: "[dbxActionButton]" }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseLoginButtonComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-firebase-login-button',
                     template: `
-  <ng-container dbxAction [dbxActionHandler]="handleAction" dbxActionValue
-    [dbxActionSuccessHandler]="onActionSuccess">
-    <dbx-button dbxActionButton [customTextColor]="buttonTextColor" [customButtonColor]="buttonColor" [raised]="true">
-      <div class="dbx-firebase-login-button-content">
-        <span class="dbx-firebase-login-button-icon dbx-icon-spacer">
-          <img *ngIf="iconUrl" [src]="iconUrl"/>
-          <mat-icon *ngIf="icon">{{icon}}</mat-icon>
-        </span>
-        <span class="dbx-firebase-login-button-text">{{ text }}</span>
-      </div>
-    </dbx-button>
-  </ng-container>
+    <ng-container dbxAction [dbxActionHandler]="handleAction" dbxActionValue [dbxActionSuccessHandler]="onActionSuccess">
+      <dbx-button dbxActionButton [customTextColor]="buttonTextColor" [customButtonColor]="buttonColor" [raised]="true">
+        <div class="dbx-firebase-login-button-content">
+          <span class="dbx-firebase-login-button-icon dbx-icon-spacer">
+            <img *ngIf="iconUrl" [src]="iconUrl" />
+            <mat-icon *ngIf="icon">{{ icon }}</mat-icon>
+          </span>
+          <span class="dbx-firebase-login-button-text">{{ text }}</span>
+        </div>
+      </dbx-button>
+    </ng-container>
   `,
                     host: {
-                        'class': 'dbx-firebase-login-button'
+                        class: 'dbx-firebase-login-button'
                     }
                 }]
         }], propDecorators: { config: [{
@@ -416,18 +413,18 @@ class DbxFirebaseLoginButtonContainerComponent {
 }
 DbxFirebaseLoginButtonContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseLoginButtonContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
 DbxFirebaseLoginButtonContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxFirebaseLoginButtonContainerComponent, selector: "dbx-firebase-login-button-container", ngImport: i0, template: `
-  <div class="dbx-firebase-login-button-container">
-    <ng-content></ng-content>
-  </div>
+    <div class="dbx-firebase-login-button-container">
+      <ng-content></ng-content>
+    </div>
   `, isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseLoginButtonContainerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-firebase-login-button-container',
                     template: `
-  <div class="dbx-firebase-login-button-container">
-    <ng-content></ng-content>
-  </div>
+    <div class="dbx-firebase-login-button-container">
+      <ng-content></ng-content>
+    </div>
   `
                 }]
         }] });
@@ -519,8 +516,8 @@ class DbxFirebaseLoginListComponent {
         this._omitProviderTypes = new BehaviorSubject(undefined);
         this._inputProviderTypes = new BehaviorSubject(undefined);
         this.providerTypes$ = combineLatest([this._inputProviderTypes, this._omitProviderTypes]).pipe(map(([providerTypes, omitProviderTypes]) => {
-            const baseTypes = (providerTypes) ? asArray(providerTypes) : this.dbxFirebaseAuthLoginService.getEnabledTypes();
-            const types = (omitProviderTypes) ? excludeValuesFromArray(baseTypes, asArray(omitProviderTypes)) : baseTypes;
+            const baseTypes = providerTypes ? asArray(providerTypes) : this.dbxFirebaseAuthLoginService.getEnabledTypes();
+            const types = omitProviderTypes ? excludeValuesFromArray(baseTypes, asArray(omitProviderTypes)) : baseTypes;
             return types;
         }), shareReplay(1));
         this.providers$ = combineLatest([this.providerTypes$, this._inputProviderCategories]).pipe(map(([x, inputProviderCategories]) => {
@@ -528,14 +525,12 @@ class DbxFirebaseLoginListComponent {
             let providers = this.dbxFirebaseAuthLoginService.getLoginProviders(x);
             if (providerCategories.length) {
                 const categories = new Set(providerCategories);
-                providers = providers.filter(x => containsStringAnyCase(categories, x.category ?? ''));
+                providers = providers.filter((x) => containsStringAnyCase(categories, x.category ?? ''));
             }
             return providers;
         }));
         this.providerInjectionConfigs$ = combineLatest([this._loginMode, this.providers$]).pipe(map(([mode, providers]) => {
-            const mapFn = (mode === 'register') ?
-                ((x) => ({ componentClass: x.registrationComponentClass ?? x.componentClass })) :
-                ((x) => ({ componentClass: x.componentClass }));
+            const mapFn = mode === 'register' ? (x) => ({ componentClass: x.registrationComponentClass ?? x.componentClass }) : (x) => ({ componentClass: x.componentClass });
             return providers.map(mapFn);
         }));
     }
@@ -560,21 +555,21 @@ class DbxFirebaseLoginListComponent {
 }
 DbxFirebaseLoginListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseLoginListComponent, deps: [{ token: DbxFirebaseAuthLoginService }], target: i0.ɵɵFactoryTarget.Component });
 DbxFirebaseLoginListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxFirebaseLoginListComponent, selector: "dbx-firebase-login-list", inputs: { loginMode: "loginMode", providerTypes: "providerTypes", omitProviderTypes: "omitProviderTypes", providerCategories: "providerCategories" }, host: { classAttribute: "dbx-firebase-login-list" }, ngImport: i0, template: `
-    <div class="dbx-firebase-login-item" *ngFor="let config of (providerInjectionConfigs$ | async)">
+    <div class="dbx-firebase-login-item" *ngFor="let config of providerInjectionConfigs$ | async">
       <dbx-injection [config]="config"></dbx-injection>
     </div>
-`, isInline: true, components: [{ type: i3$1.DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }], directives: [{ type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i6.AsyncPipe } });
+  `, isInline: true, components: [{ type: i3$1.DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }], directives: [{ type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i6.AsyncPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseLoginListComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-firebase-login-list',
                     template: `
-    <div class="dbx-firebase-login-item" *ngFor="let config of (providerInjectionConfigs$ | async)">
+    <div class="dbx-firebase-login-item" *ngFor="let config of providerInjectionConfigs$ | async">
       <dbx-injection [config]="config"></dbx-injection>
     </div>
-`,
+  `,
                     host: {
-                        'class': 'dbx-firebase-login-list'
+                        class: 'dbx-firebase-login-list'
                     }
                 }]
         }], ctorParameters: function () { return [{ type: DbxFirebaseAuthLoginService }]; }, propDecorators: { loginMode: [{
@@ -593,18 +588,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
 class DbxFirebaseLoginContextDirective extends AbstractForwardDbxInjectionContextDirective {
 }
 DbxFirebaseLoginContextDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseLoginContextDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-DbxFirebaseLoginContextDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxFirebaseLoginContextDirective, selector: "[dbxFirebaseLoginContext]", providers: [{
+DbxFirebaseLoginContextDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxFirebaseLoginContextDirective, selector: "[dbxFirebaseLoginContext]", providers: [
+        {
             provide: DbxFirebaseLoginContext,
             useExisting: DbxFirebaseLoginContextDirective
-        }], usesInheritance: true, ngImport: i0 });
+        }
+    ], usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseLoginContextDirective, decorators: [{
             type: Directive,
             args: [{
-                    'selector': '[dbxFirebaseLoginContext]',
-                    providers: [{
+                    selector: '[dbxFirebaseLoginContext]',
+                    providers: [
+                        {
                             provide: DbxFirebaseLoginContext,
                             useExisting: DbxFirebaseLoginContextDirective
-                        }]
+                        }
+                    ]
                 }]
         }] });
 
@@ -632,7 +631,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
     </ng-container>
   `,
                     host: {
-                        'class': 'd-block dbx-firebase-login',
+                        class: 'd-block dbx-firebase-login',
                         '[class]': '{ "dbx-firebase-register": loginMode === "register" }'
                     }
                 }]
@@ -679,7 +678,7 @@ class DbxFirebaseEmailFormComponent extends AbstractAsyncFormlyFormDirective {
         super(...arguments);
         this._config = new BehaviorSubject({ loginMode: 'login' });
         this.fields$ = this._config.pipe(map(({ loginMode = 'login', passwordConfig }) => {
-            const fields = usernamePasswordLoginFields({ username: 'email', password: passwordConfig, verifyPassword: (loginMode === 'register') });
+            const fields = usernamePasswordLoginFields({ username: 'email', password: passwordConfig, verifyPassword: loginMode === 'register' });
             return fields;
         }));
     }
@@ -692,13 +691,17 @@ class DbxFirebaseEmailFormComponent extends AbstractAsyncFormlyFormDirective {
     }
 }
 DbxFirebaseEmailFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseEmailFormComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-DbxFirebaseEmailFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxFirebaseEmailFormComponent, selector: "dbx-firebase-email-form", inputs: { config: "config" }, providers: [ProvideFormlyContext()], usesInheritance: true, ngImport: i0, template: `<dbx-formly></dbx-formly>`, isInline: true, components: [{ type: i1$1.DbxFormlyFormComponent, selector: "dbx-formly", exportAs: ["formly"] }] });
+DbxFirebaseEmailFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxFirebaseEmailFormComponent, selector: "dbx-firebase-email-form", inputs: { config: "config" }, providers: [provideFormlyContext()], usesInheritance: true, ngImport: i0, template: `
+    <dbx-formly></dbx-formly>
+  `, isInline: true, components: [{ type: i1$1.DbxFormlyFormComponent, selector: "dbx-formly", exportAs: ["formly"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseEmailFormComponent, decorators: [{
             type: Component,
             args: [{
-                    template: `<dbx-formly></dbx-formly>`,
+                    template: `
+    <dbx-formly></dbx-formly>
+  `,
                     selector: 'dbx-firebase-email-form',
-                    providers: [ProvideFormlyContext()]
+                    providers: [provideFormlyContext()]
                 }]
         }], propDecorators: { config: [{
                 type: Input
@@ -711,13 +714,17 @@ class DbxFirebaseEmailRecoveryFormComponent extends AbstractSyncFormlyFormDirect
     }
 }
 DbxFirebaseEmailRecoveryFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseEmailRecoveryFormComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-DbxFirebaseEmailRecoveryFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxFirebaseEmailRecoveryFormComponent, selector: "dbx-firebase-email-recovery-form", providers: [ProvideFormlyContext()], usesInheritance: true, ngImport: i0, template: `<dbx-formly></dbx-formly>`, isInline: true, components: [{ type: i1$1.DbxFormlyFormComponent, selector: "dbx-formly", exportAs: ["formly"] }] });
+DbxFirebaseEmailRecoveryFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxFirebaseEmailRecoveryFormComponent, selector: "dbx-firebase-email-recovery-form", providers: [provideFormlyContext()], usesInheritance: true, ngImport: i0, template: `
+    <dbx-formly></dbx-formly>
+  `, isInline: true, components: [{ type: i1$1.DbxFormlyFormComponent, selector: "dbx-formly", exportAs: ["formly"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseEmailRecoveryFormComponent, decorators: [{
             type: Component,
             args: [{
-                    template: `<dbx-formly></dbx-formly>`,
+                    template: `
+    <dbx-formly></dbx-formly>
+  `,
                     selector: 'dbx-firebase-email-recovery-form',
-                    providers: [ProvideFormlyContext()]
+                    providers: [provideFormlyContext()]
                 }]
         }] });
 
@@ -756,15 +763,12 @@ class DbxFirebaseLoginEmailContentComponent {
         this.handleRecoveryAction = (value) => {
             this.recoveryFormValue = value;
             this.emailFormValue = { username: value.email, password: '' };
-            let result = this.dbxFirebaseAuthService.sendPasswordResetEmail(value.email);
+            const result = this.dbxFirebaseAuthService.sendPasswordResetEmail(value.email);
             return from(result).pipe(tap(() => {
                 this.onRecoveringSuccess();
             }));
         };
     }
-    ngOnDestroy() {
-        this._emailMode.complete();
-    }
     static openEmailLoginContext(dbxFirebaseLoginContext, config) {
         return dbxFirebaseLoginContext.showContext({
             config: {
@@ -774,6 +778,9 @@ class DbxFirebaseLoginEmailContentComponent {
             use: (instance) => firstValueFrom(instance.doneOrCancelled)
         });
     }
+    ngOnDestroy() {
+        this._emailMode.complete();
+    }
     get loginMode() {
         return this.config.loginMode;
     }
@@ -792,6 +799,7 @@ class DbxFirebaseLoginEmailContentComponent {
     }
     // MARK: Recovering
     onRecoveringSuccess() {
+        // optionally override in parent
     }
     // MARK: Cancel
     onCancel() {
@@ -802,10 +810,10 @@ class DbxFirebaseLoginEmailContentComponent {
     }
 }
 DbxFirebaseLoginEmailContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseLoginEmailContentComponent, deps: [{ token: DbxFirebaseAuthService }, { token: DBX_INJECTION_COMPONENT_DATA }], target: i0.ɵɵFactoryTarget.Component });
-DbxFirebaseLoginEmailContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxFirebaseLoginEmailContentComponent, selector: "ng-component", ngImport: i0, template: "<div class=\"dbx-firebase-login-email-content\">\n  <ng-container [ngSwitch]=\"emailMode$ | async\">\n    <ng-container *ngSwitchCase=\"'login'\">\n      <ng-container *ngTemplateOutlet=\"loginView\"></ng-container>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'recover'\">\n      <ng-container *ngTemplateOutlet=\"resetPassword\"></ng-container>\n    </ng-container>\n  </ng-container>\n</div>\n\n<!-- Login View -->\n<ng-template #loginView>\n  <ng-container dbxAction [dbxActionHandler]=\"handleLoginAction\">\n    <dbx-firebase-email-form [config]=\"formConfig\" dbxActionForm [dbxFormSource]=\"emailFormValue\">\n    </dbx-firebase-email-form>\n    <div class=\"dbx-firebase-login-email-forgot-prompt\" *ngIf=\"isLoginMode\">\n      <dbx-link [anchor]=\"forgotAnchor\">Forgot Password?</dbx-link>\n    </div>\n    <div class=\"dbx-flex\">\n      <dbx-button class=\"dbx-wide-button\" [text]=\"buttonText\" [raised]=\"true\" color=\"primary\" dbxActionButton>\n      </dbx-button>\n      <dbx-button-spacer></dbx-button-spacer>\n      <span class=\"dbx-spacer\"></span>\n      <button mat-flat-button (click)=\"onCancel()\">Cancel</button>\n    </div>\n    <dbx-error dbxActionError></dbx-error>\n  </ng-container>\n</ng-template>\n\n<!-- Reset Password View -->\n<ng-template #resetPassword>\n  <ng-container dbxAction [dbxActionHandler]=\"handleRecoveryAction\">\n    <dbx-firebase-email-recovery-form dbxActionForm [dbxFormSource]=\"recoveryFormValue\">\n    </dbx-firebase-email-recovery-form>\n    <p class=\"dbx-hint\">An email will be sent to the above address to help you reset your password.</p>\n    <div class=\"dbx-flex\">\n      <dbx-button class=\"dbx-wide-button\" text=\"Send Recovery Email\" [raised]=\"true\" color=\"primary\" dbxActionButton>\n      </dbx-button>\n      <span class=\"dbx-spacer\"></span>\n      <button mat-flat-button (click)=\"onCancelReset()\">Cancel Recovery</button>\n    </div>\n    <dbx-error dbxActionError></dbx-error>\n  </ng-container>\n</ng-template>\n", components: [{ type: DbxFirebaseEmailFormComponent, selector: "dbx-firebase-email-form", inputs: ["config"] }, { type: i3.DbxAnchorLinkComponent, selector: "dbx-link", inputs: ["anchor", "ref", "href"] }, { type: i3.DbxButtonComponent, selector: "dbx-button", inputs: ["type", "raised", "stroked", "flat", "color", "customButtonColor", "customTextColor", "customSpinnerColor"] }, { type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i3.DbxReadableErrorComponent, selector: "dbx-error", inputs: ["error"] }, { type: DbxFirebaseEmailRecoveryFormComponent, selector: "dbx-firebase-email-recovery-form" }], directives: [{ type: i6.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i6.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3$1.DbxActionDirective, selector: "dbx-action,[dbxAction],dbx-action-context,[dbxActionContext]", exportAs: ["action", "dbxAction"] }, { type: i3$1.DbxActionHandlerDirective, selector: "[dbxActionHandler]", inputs: ["dbxActionHandler"] }, { type: i1$1.DbxActionFormDirective, selector: "[dbxActionForm]", inputs: ["dbxActionFormValidator", "dbxActionFormModified", "formDisabledOnWorking"] }, { type: i1$1.DbxFormSourceDirective, selector: "[dbxFormSource]", inputs: ["dbxFormSourceMode", "dbxFormSource"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$1.DbxActionButtonDirective, selector: "[dbxActionButton]" }, { type: i3.DbxButtonSpacerDirective, selector: "dbx-button-spacer,dbxButtonSpacer" }, { type: i3.DbxActionErrorDirective, selector: "[dbxActionError]" }], pipes: { "async": i6.AsyncPipe } });
+DbxFirebaseLoginEmailContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxFirebaseLoginEmailContentComponent, selector: "ng-component", ngImport: i0, template: "<div class=\"dbx-firebase-login-email-content\">\n  <ng-container [ngSwitch]=\"emailMode$ | async\">\n    <ng-container *ngSwitchCase=\"'login'\">\n      <ng-container *ngTemplateOutlet=\"loginView\"></ng-container>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'recover'\">\n      <ng-container *ngTemplateOutlet=\"resetPassword\"></ng-container>\n    </ng-container>\n  </ng-container>\n</div>\n\n<!-- Login View -->\n<ng-template #loginView>\n  <ng-container dbxAction [dbxActionHandler]=\"handleLoginAction\">\n    <dbx-firebase-email-form [config]=\"formConfig\" dbxActionForm [dbxFormSource]=\"emailFormValue\"></dbx-firebase-email-form>\n    <div class=\"dbx-firebase-login-email-forgot-prompt\" *ngIf=\"isLoginMode\">\n      <dbx-link [anchor]=\"forgotAnchor\">Forgot Password?</dbx-link>\n    </div>\n    <div class=\"dbx-flex\">\n      <dbx-button class=\"dbx-wide-button\" [text]=\"buttonText\" [raised]=\"true\" color=\"primary\" dbxActionButton></dbx-button>\n      <dbx-button-spacer></dbx-button-spacer>\n      <span class=\"dbx-spacer\"></span>\n      <button mat-flat-button (click)=\"onCancel()\">Cancel</button>\n    </div>\n    <dbx-error dbxActionError></dbx-error>\n  </ng-container>\n</ng-template>\n\n<!-- Reset Password View -->\n<ng-template #resetPassword>\n  <ng-container dbxAction [dbxActionHandler]=\"handleRecoveryAction\">\n    <dbx-firebase-email-recovery-form dbxActionForm [dbxFormSource]=\"recoveryFormValue\"></dbx-firebase-email-recovery-form>\n    <p class=\"dbx-hint\">An email will be sent to the above address to help you reset your password.</p>\n    <div class=\"dbx-flex\">\n      <dbx-button class=\"dbx-wide-button\" text=\"Send Recovery Email\" [raised]=\"true\" color=\"primary\" dbxActionButton></dbx-button>\n      <span class=\"dbx-spacer\"></span>\n      <button mat-flat-button (click)=\"onCancelReset()\">Cancel Recovery</button>\n    </div>\n    <dbx-error dbxActionError></dbx-error>\n  </ng-container>\n</ng-template>\n", components: [{ type: DbxFirebaseEmailFormComponent, selector: "dbx-firebase-email-form", inputs: ["config"] }, { type: i3.DbxAnchorLinkComponent, selector: "dbx-link", inputs: ["anchor", "ref", "href"] }, { type: i3.DbxButtonComponent, selector: "dbx-button", inputs: ["type", "raised", "stroked", "flat", "color", "customButtonColor", "customTextColor", "customSpinnerColor"] }, { type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i3.DbxReadableErrorComponent, selector: "dbx-error", inputs: ["error"] }, { type: DbxFirebaseEmailRecoveryFormComponent, selector: "dbx-firebase-email-recovery-form" }], directives: [{ type: i6.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i6.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3$1.DbxActionDirective, selector: "dbx-action,[dbxAction],dbx-action-context,[dbxActionContext]", exportAs: ["action", "dbxAction"] }, { type: i3$1.DbxActionHandlerDirective, selector: "[dbxActionHandler]", inputs: ["dbxActionHandler"] }, { type: i1$1.DbxActionFormDirective, selector: "[dbxActionForm]", inputs: ["dbxActionFormValidator", "dbxActionFormModified", "formDisabledOnWorking"] }, { type: i1$1.DbxFormSourceDirective, selector: "[dbxFormSource]", inputs: ["dbxFormSourceMode", "dbxFormSource"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$1.DbxActionButtonDirective, selector: "[dbxActionButton]" }, { type: i3.DbxButtonSpacerDirective, selector: "dbx-button-spacer,[dbxButtonSpacer]" }, { type: i3.DbxActionErrorDirective, selector: "[dbxActionError]" }], pipes: { "async": i6.AsyncPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseLoginEmailContentComponent, decorators: [{
             type: Component,
-            args: [{ template: "<div class=\"dbx-firebase-login-email-content\">\n  <ng-container [ngSwitch]=\"emailMode$ | async\">\n    <ng-container *ngSwitchCase=\"'login'\">\n      <ng-container *ngTemplateOutlet=\"loginView\"></ng-container>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'recover'\">\n      <ng-container *ngTemplateOutlet=\"resetPassword\"></ng-container>\n    </ng-container>\n  </ng-container>\n</div>\n\n<!-- Login View -->\n<ng-template #loginView>\n  <ng-container dbxAction [dbxActionHandler]=\"handleLoginAction\">\n    <dbx-firebase-email-form [config]=\"formConfig\" dbxActionForm [dbxFormSource]=\"emailFormValue\">\n    </dbx-firebase-email-form>\n    <div class=\"dbx-firebase-login-email-forgot-prompt\" *ngIf=\"isLoginMode\">\n      <dbx-link [anchor]=\"forgotAnchor\">Forgot Password?</dbx-link>\n    </div>\n    <div class=\"dbx-flex\">\n      <dbx-button class=\"dbx-wide-button\" [text]=\"buttonText\" [raised]=\"true\" color=\"primary\" dbxActionButton>\n      </dbx-button>\n      <dbx-button-spacer></dbx-button-spacer>\n      <span class=\"dbx-spacer\"></span>\n      <button mat-flat-button (click)=\"onCancel()\">Cancel</button>\n    </div>\n    <dbx-error dbxActionError></dbx-error>\n  </ng-container>\n</ng-template>\n\n<!-- Reset Password View -->\n<ng-template #resetPassword>\n  <ng-container dbxAction [dbxActionHandler]=\"handleRecoveryAction\">\n    <dbx-firebase-email-recovery-form dbxActionForm [dbxFormSource]=\"recoveryFormValue\">\n    </dbx-firebase-email-recovery-form>\n    <p class=\"dbx-hint\">An email will be sent to the above address to help you reset your password.</p>\n    <div class=\"dbx-flex\">\n      <dbx-button class=\"dbx-wide-button\" text=\"Send Recovery Email\" [raised]=\"true\" color=\"primary\" dbxActionButton>\n      </dbx-button>\n      <span class=\"dbx-spacer\"></span>\n      <button mat-flat-button (click)=\"onCancelReset()\">Cancel Recovery</button>\n    </div>\n    <dbx-error dbxActionError></dbx-error>\n  </ng-container>\n</ng-template>\n" }]
+            args: [{ template: "<div class=\"dbx-firebase-login-email-content\">\n  <ng-container [ngSwitch]=\"emailMode$ | async\">\n    <ng-container *ngSwitchCase=\"'login'\">\n      <ng-container *ngTemplateOutlet=\"loginView\"></ng-container>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'recover'\">\n      <ng-container *ngTemplateOutlet=\"resetPassword\"></ng-container>\n    </ng-container>\n  </ng-container>\n</div>\n\n<!-- Login View -->\n<ng-template #loginView>\n  <ng-container dbxAction [dbxActionHandler]=\"handleLoginAction\">\n    <dbx-firebase-email-form [config]=\"formConfig\" dbxActionForm [dbxFormSource]=\"emailFormValue\"></dbx-firebase-email-form>\n    <div class=\"dbx-firebase-login-email-forgot-prompt\" *ngIf=\"isLoginMode\">\n      <dbx-link [anchor]=\"forgotAnchor\">Forgot Password?</dbx-link>\n    </div>\n    <div class=\"dbx-flex\">\n      <dbx-button class=\"dbx-wide-button\" [text]=\"buttonText\" [raised]=\"true\" color=\"primary\" dbxActionButton></dbx-button>\n      <dbx-button-spacer></dbx-button-spacer>\n      <span class=\"dbx-spacer\"></span>\n      <button mat-flat-button (click)=\"onCancel()\">Cancel</button>\n    </div>\n    <dbx-error dbxActionError></dbx-error>\n  </ng-container>\n</ng-template>\n\n<!-- Reset Password View -->\n<ng-template #resetPassword>\n  <ng-container dbxAction [dbxActionHandler]=\"handleRecoveryAction\">\n    <dbx-firebase-email-recovery-form dbxActionForm [dbxFormSource]=\"recoveryFormValue\"></dbx-firebase-email-recovery-form>\n    <p class=\"dbx-hint\">An email will be sent to the above address to help you reset your password.</p>\n    <div class=\"dbx-flex\">\n      <dbx-button class=\"dbx-wide-button\" text=\"Send Recovery Email\" [raised]=\"true\" color=\"primary\" dbxActionButton></dbx-button>\n      <span class=\"dbx-spacer\"></span>\n      <button mat-flat-button (click)=\"onCancelReset()\">Cancel Recovery</button>\n    </div>\n    <dbx-error dbxActionError></dbx-error>\n  </ng-container>\n</ng-template>\n" }]
         }], ctorParameters: function () { return [{ type: DbxFirebaseAuthService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [DBX_INJECTION_COMPONENT_DATA]
@@ -871,12 +879,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
 class DbxFirebaseRegisterComponent {
 }
 DbxFirebaseRegisterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseRegisterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbxFirebaseRegisterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxFirebaseRegisterComponent, selector: "dbx-firebase-register", inputs: { providerTypes: "providerTypes", omitProviderTypes: "omitProviderTypes", providerCategories: "providerCategories" }, ngImport: i0, template: `<dbx-firebase-login loginMode="register" [providerTypes]="providerTypes" [omitProviderTypes]="omitProviderTypes" [providerCategories]="providerCategories"></dbx-firebase-login>`, isInline: true, components: [{ type: DbxFirebaseLoginComponent, selector: "dbx-firebase-login", inputs: ["loginMode", "providerTypes", "omitProviderTypes", "providerCategories"] }] });
+DbxFirebaseRegisterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxFirebaseRegisterComponent, selector: "dbx-firebase-register", inputs: { providerTypes: "providerTypes", omitProviderTypes: "omitProviderTypes", providerCategories: "providerCategories" }, ngImport: i0, template: `
+    <dbx-firebase-login loginMode="register" [providerTypes]="providerTypes" [omitProviderTypes]="omitProviderTypes" [providerCategories]="providerCategories"></dbx-firebase-login>
+  `, isInline: true, components: [{ type: DbxFirebaseLoginComponent, selector: "dbx-firebase-login", inputs: ["loginMode", "providerTypes", "omitProviderTypes", "providerCategories"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseRegisterComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-firebase-register',
-                    template: `<dbx-firebase-login loginMode="register" [providerTypes]="providerTypes" [omitProviderTypes]="omitProviderTypes" [providerCategories]="providerCategories"></dbx-firebase-login>`
+                    template: `
+    <dbx-firebase-login loginMode="register" [providerTypes]="providerTypes" [omitProviderTypes]="omitProviderTypes" [providerCategories]="providerCategories"></dbx-firebase-login>
+  `
                 }]
         }], propDecorators: { providerTypes: [{
                 type: Input
@@ -965,39 +977,43 @@ class DbxFirebaseLoginTermsComponent {
     }
 }
 DbxFirebaseLoginTermsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseLoginTermsComponent, deps: [{ token: DbxFirebaseAuthLoginService }], target: i0.ɵɵFactoryTarget.Component });
-DbxFirebaseLoginTermsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxFirebaseLoginTermsComponent, selector: "dbx-firebase-login-terms", host: { classAttribute: "dbx-firebase-login-terms d-block" }, ngImport: i0, template: `<dbx-injection [config]="config"></dbx-injection>`, isInline: true, components: [{ type: i3$1.DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }] });
+DbxFirebaseLoginTermsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxFirebaseLoginTermsComponent, selector: "dbx-firebase-login-terms", host: { classAttribute: "dbx-firebase-login-terms d-block" }, ngImport: i0, template: `
+    <dbx-injection [config]="config"></dbx-injection>
+  `, isInline: true, components: [{ type: i3$1.DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseLoginTermsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-firebase-login-terms',
-                    template: `<dbx-injection [config]="config"></dbx-injection>`,
+                    template: `
+    <dbx-injection [config]="config"></dbx-injection>
+  `,
                     host: {
-                        'class': 'dbx-firebase-login-terms d-block',
+                        class: 'dbx-firebase-login-terms d-block'
                     }
                 }]
         }], ctorParameters: function () { return [{ type: DbxFirebaseAuthLoginService }]; } });
 
 class DbxFirebaseLoginContextBackButtonComponent {
     constructor() {
-        this.onCancel = new EventEmitter();
+        this.cancelLogin = new EventEmitter();
         this.anchor = {
-            onClick: () => this.onCancel.emit()
+            onClick: () => this.cancelLogin.emit()
         };
     }
 }
 DbxFirebaseLoginContextBackButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseLoginContextBackButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbxFirebaseLoginContextBackButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxFirebaseLoginContextBackButtonComponent, selector: "dbx-firebase-login-context-back-button", outputs: { onCancel: "onCancel" }, ngImport: i0, template: `
+DbxFirebaseLoginContextBackButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxFirebaseLoginContextBackButtonComponent, selector: "dbx-firebase-login-context-back-button", outputs: { cancelLogin: "cancelLogin" }, ngImport: i0, template: `
     <dbx-link [anchor]="anchor">Choose other login method.</dbx-link>
   `, isInline: true, components: [{ type: i3.DbxAnchorLinkComponent, selector: "dbx-link", inputs: ["anchor", "ref", "href"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseLoginContextBackButtonComponent, decorators: [{
             type: Component,
             args: [{
-                    'selector': 'dbx-firebase-login-context-back-button',
-                    'template': `
+                    selector: 'dbx-firebase-login-context-back-button',
+                    template: `
     <dbx-link [anchor]="anchor">Choose other login method.</dbx-link>
   `
                 }]
-        }], propDecorators: { onCancel: [{
+        }], propDecorators: { cancelLogin: [{
                 type: Output
             }] } });
 
@@ -1008,7 +1024,8 @@ function defaultFirebaseAuthLoginProvidersFactory() {
     // https://firebase.google.com/docs/auth/web/firebaseui
     const baseFirebaseJSUrl = `https://www.gstatic.com/firebasejs/ui/2.0.0/images/auth`;
     // NOTE: Colors are from https://brandcolors.net/
-    return [{
+    return [
+        {
             category: DEFAULT_FIREBASE_LOGIN_METHOD_CATEGORY,
             loginMethodType: 'email',
             componentClass: DbxFirebaseLoginEmailComponent,
@@ -1019,7 +1036,8 @@ function defaultFirebaseAuthLoginProvidersFactory() {
                 backgroundColor: '#ea4335',
                 textColor: '#FFF'
             }
-        }, {
+        },
+        {
             category: OAUTH_FIREBASE_LOGIN_METHOD_CATEGORY,
             loginMethodType: 'google',
             componentClass: DbxFirebaseLoginGoogleComponent,
@@ -1029,7 +1047,8 @@ function defaultFirebaseAuthLoginProvidersFactory() {
                 backgroundColor: '#FFF',
                 textColor: '#757575'
             }
-        }, {
+        },
+        {
             category: OAUTH_FIREBASE_LOGIN_METHOD_CATEGORY,
             loginMethodType: 'facebook',
             componentClass: DbxFirebaseLoginFacebookComponent,
@@ -1039,7 +1058,8 @@ function defaultFirebaseAuthLoginProvidersFactory() {
                 backgroundColor: '#4267B2',
                 textColor: '#FFF'
             }
-        }, {
+        },
+        {
             category: OAUTH_FIREBASE_LOGIN_METHOD_CATEGORY,
             loginMethodType: 'twitter',
             componentClass: DbxFirebaseLoginTwitterComponent,
@@ -1049,7 +1069,8 @@ function defaultFirebaseAuthLoginProvidersFactory() {
                 backgroundColor: '#1da1f2',
                 textColor: '#FFF'
             }
-        }, {
+        },
+        {
             category: OAUTH_FIREBASE_LOGIN_METHOD_CATEGORY,
             loginMethodType: 'github',
             componentClass: DbxFirebaseLoginGitHubComponent,
@@ -1060,7 +1081,27 @@ function defaultFirebaseAuthLoginProvidersFactory() {
                 textColor: '#FFF'
             }
         },
-        {
+        /*{
+        category: OAUTH_FIREBASE_LOGIN_METHOD_CATEGORY,
+        loginMethodType: 'apple' as KnownFirebaseLoginMethodType,
+        componentClass: DbxFirebaseLoginGitHubComponent,
+        assets: {
+          logoUrl: `${baseFirebaseJSUrl}/apple.svg`,
+          loginText: 'Continue with Apple',
+          backgroundColor: '#333',
+          textColor: '#FFF'
+        }
+      }, {
+        category: OAUTH_FIREBASE_LOGIN_METHOD_CATEGORY,
+        loginMethodType: 'microsoft' as KnownFirebaseLoginMethodType,
+        componentClass: DbxFirebaseLoginGitHubComponent,
+        assets: {
+          logoUrl: `${baseFirebaseJSUrl}/microsoft.svg`,
+          loginText: 'Continue with Microsoft',
+          backgroundColor: '#ea3e23',
+          textColor: '#FFF'
+        }
+      },*/ {
             category: DEFAULT_FIREBASE_LOGIN_METHOD_CATEGORY,
             loginMethodType: 'anonymous',
             componentClass: DbxFirebaseLoginAnonymousComponent,
@@ -1070,7 +1111,8 @@ function defaultFirebaseAuthLoginProvidersFactory() {
                 backgroundColor: '#000',
                 textColor: '#FFF'
             }
-        }];
+        }
+    ];
 }
 /**
  * Contains components related to logging in.
@@ -1087,22 +1129,28 @@ class DbxFirebaseLoginModule {
     static forRoot(config) {
         return {
             ngModule: DbxFirebaseLoginModule,
-            providers: [{
+            providers: [
+                {
                     provide: DEFAULT_FIREBASE_AUTH_LOGIN_PROVIDERS_TOKEN,
                     useFactory: defaultFirebaseAuthLoginProvidersFactory
-                }, {
+                },
+                {
                     provide: DEFAULT_FIREBASE_AUTH_LOGIN_TERMS_COMPONENT_CLASS_TOKEN,
                     useValue: config.termsComponentClass
-                }, {
+                },
+                {
                     provide: DEFAULT_FIREBASE_AUTH_LOGIN_PASSWORD_CONFIG_TOKEN,
                     useValue: config.passwordConfig
-                }, {
+                },
+                {
                     provide: DbxFirebaseLoginModuleRootConfig,
                     useValue: config
-                }, {
+                },
+                {
                     provide: DbxFirebaseLoginTermsConfig,
                     useValue: config
-                }]
+                }
+            ]
         };
     }
 }
@@ -1127,19 +1175,7 @@ DbxFirebaseLoginModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0",
         DbxFirebaseLoginFacebookComponent,
         DbxFirebaseLoginAnonymousComponent,
         DbxFirebaseLoginTermsComponent,
-        DbxFirebaseLoginTermsSimpleComponent], imports: [CommonModule,
-        MatIconModule,
-        MatButtonModule,
-        DbxRouterAnchorModule,
-        DbxFormIoModule,
-        DbxFormModule,
-        DbxFormlyModule,
-        DbxFormActionModule,
-        DbxFormFormlyTextFieldModule,
-        DbxReadableErrorModule,
-        DbxActionModule,
-        DbxButtonModule,
-        DbxInjectionComponentModule], exports: [DbxFirebaseLoginComponent,
+        DbxFirebaseLoginTermsSimpleComponent], imports: [CommonModule, MatIconModule, MatButtonModule, DbxRouterAnchorModule, DbxFormIoModule, DbxFormModule, DbxFormlyModule, DbxFormActionModule, DbxFormFormlyTextFieldModule, DbxReadableErrorModule, DbxActionModule, DbxButtonModule, DbxInjectionComponentModule], exports: [DbxFirebaseLoginComponent,
         DbxFirebaseLoginContextDirective,
         DbxFirebaseLoginContextBackButtonComponent,
         DbxFirebaseRegisterComponent,
@@ -1160,39 +1196,11 @@ DbxFirebaseLoginModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0",
         DbxFirebaseLoginAnonymousComponent,
         DbxFirebaseLoginTermsComponent,
         DbxFirebaseLoginTermsSimpleComponent] });
-DbxFirebaseLoginModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseLoginModule, providers: [], imports: [[
-            CommonModule,
-            MatIconModule,
-            MatButtonModule,
-            DbxRouterAnchorModule,
-            DbxFormIoModule,
-            DbxFormModule,
-            DbxFormlyModule,
-            DbxFormActionModule,
-            DbxFormFormlyTextFieldModule,
-            DbxReadableErrorModule,
-            DbxActionModule,
-            DbxButtonModule,
-            DbxInjectionComponentModule
-        ]] });
+DbxFirebaseLoginModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseLoginModule, providers: [], imports: [[CommonModule, MatIconModule, MatButtonModule, DbxRouterAnchorModule, DbxFormIoModule, DbxFormModule, DbxFormlyModule, DbxFormActionModule, DbxFormFormlyTextFieldModule, DbxReadableErrorModule, DbxActionModule, DbxButtonModule, DbxInjectionComponentModule]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseLoginModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [
-                        CommonModule,
-                        MatIconModule,
-                        MatButtonModule,
-                        DbxRouterAnchorModule,
-                        DbxFormIoModule,
-                        DbxFormModule,
-                        DbxFormlyModule,
-                        DbxFormActionModule,
-                        DbxFormFormlyTextFieldModule,
-                        DbxReadableErrorModule,
-                        DbxActionModule,
-                        DbxButtonModule,
-                        DbxInjectionComponentModule
-                    ],
+                    imports: [CommonModule, MatIconModule, MatButtonModule, DbxRouterAnchorModule, DbxFormIoModule, DbxFormModule, DbxFormlyModule, DbxFormActionModule, DbxFormFormlyTextFieldModule, DbxReadableErrorModule, DbxActionModule, DbxButtonModule, DbxInjectionComponentModule],
                     declarations: [
                         DbxFirebaseLoginComponent,
                         DbxFirebaseLoginContextDirective,
@@ -1286,7 +1294,8 @@ DbxFirebaseDefaultFirestoreProviderModule.ɵfac = i0.ɵɵngDeclareFactory({ minV
 DbxFirebaseDefaultFirestoreProviderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseDefaultFirestoreProviderModule, imports: [i1$2.FirestoreModule] });
 DbxFirebaseDefaultFirestoreProviderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseDefaultFirestoreProviderModule, imports: [[
             provideFirestore(((injector) => {
-                const firestore = getFirestore();
+                const firebaseApp = injector.get(FirebaseApp);
+                const firestore = getFirestore(firebaseApp);
                 const emulators = injector.get(DbxFirebaseParsedEmulatorsConfig, undefined);
                 if (emulators?.useEmulators && emulators?.firestore) {
                     connectFirestoreEmulator(firestore, emulators.firestore.host, emulators.firestore.port, {});
@@ -1300,7 +1309,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
             args: [{
                     imports: [
                         provideFirestore(((injector) => {
-                            const firestore = getFirestore();
+                            const firebaseApp = injector.get(FirebaseApp);
+                            const firestore = getFirestore(firebaseApp);
                             const emulators = injector.get(DbxFirebaseParsedEmulatorsConfig, undefined);
                             if (emulators?.useEmulators && emulators?.firestore) {
                                 connectFirestoreEmulator(firestore, emulators.firestore.host, emulators.firestore.port, {});
@@ -1320,7 +1330,8 @@ DbxFirebaseDefaultAuthProviderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersio
 DbxFirebaseDefaultAuthProviderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseDefaultAuthProviderModule, imports: [i1.AuthModule] });
 DbxFirebaseDefaultAuthProviderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseDefaultAuthProviderModule, imports: [[
             provideAuth(((injector) => {
-                const auth = getAuth();
+                const firebaseApp = injector.get(FirebaseApp);
+                const auth = getAuth(firebaseApp);
                 const emulators = injector.get(DbxFirebaseParsedEmulatorsConfig, undefined);
                 if (emulators?.useEmulators && emulators?.auth) {
                     connectAuthEmulator(auth, `http://${emulators.auth.host}:${emulators.auth.port}`);
@@ -1333,7 +1344,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
             args: [{
                     imports: [
                         provideAuth(((injector) => {
-                            const auth = getAuth();
+                            const firebaseApp = injector.get(FirebaseApp);
+                            const auth = getAuth(firebaseApp);
                             const emulators = injector.get(DbxFirebaseParsedEmulatorsConfig, undefined);
                             if (emulators?.useEmulators && emulators?.auth) {
                                 connectAuthEmulator(auth, `http://${emulators.auth.host}:${emulators.auth.port}`);
@@ -1352,7 +1364,8 @@ DbxFirebaseDefaultStorageProviderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVer
 DbxFirebaseDefaultStorageProviderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseDefaultStorageProviderModule, imports: [i3$2.StorageModule] });
 DbxFirebaseDefaultStorageProviderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseDefaultStorageProviderModule, imports: [[
             provideStorage(((injector) => {
-                const storage = getStorage();
+                const firebaseApp = injector.get(FirebaseApp);
+                const storage = getStorage(firebaseApp);
                 const emulators = injector.get(DbxFirebaseParsedEmulatorsConfig, undefined);
                 if (emulators?.useEmulators && emulators?.storage) {
                     connectStorageEmulator(storage, emulators.storage.host, emulators.storage.port, {});
@@ -1365,7 +1378,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
             args: [{
                     imports: [
                         provideStorage(((injector) => {
-                            const storage = getStorage();
+                            const firebaseApp = injector.get(FirebaseApp);
+                            const storage = getStorage(firebaseApp);
                             const emulators = injector.get(DbxFirebaseParsedEmulatorsConfig, undefined);
                             if (emulators?.useEmulators && emulators?.storage) {
                                 connectStorageEmulator(storage, emulators.storage.host, emulators.storage.port, {});
@@ -1384,7 +1398,10 @@ DbxFirebaseDefaultFunctionsProviderModule.ɵfac = i0.ɵɵngDeclareFactory({ minV
 DbxFirebaseDefaultFunctionsProviderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseDefaultFunctionsProviderModule, imports: [i4$1.FunctionsModule] });
 DbxFirebaseDefaultFunctionsProviderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseDefaultFunctionsProviderModule, imports: [[
             provideFunctions(((injector) => {
-                const functions = getFunctions();
+                const firebaseApp = injector.get(FirebaseApp);
+                const firebaseOptions = injector.get(DBX_FIREBASE_OPTIONS_TOKEN);
+                const { functionsRegionOrCustomDomain } = firebaseOptions;
+                const functions = getFunctions(firebaseApp, functionsRegionOrCustomDomain);
                 const emulators = injector.get(DbxFirebaseParsedEmulatorsConfig, undefined);
                 if (emulators?.useEmulators && emulators?.functions) {
                     connectFunctionsEmulator(functions, emulators.functions.host, emulators.functions.port);
@@ -1397,7 +1414,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
             args: [{
                     imports: [
                         provideFunctions(((injector) => {
-                            const functions = getFunctions();
+                            const firebaseApp = injector.get(FirebaseApp);
+                            const firebaseOptions = injector.get(DBX_FIREBASE_OPTIONS_TOKEN);
+                            const { functionsRegionOrCustomDomain } = firebaseOptions;
+                            const functions = getFunctions(firebaseApp, functionsRegionOrCustomDomain);
                             const emulators = injector.get(DbxFirebaseParsedEmulatorsConfig, undefined);
                             if (emulators?.useEmulators && emulators?.functions) {
                                 connectFunctionsEmulator(functions, emulators.functions.host, emulators.functions.port);
@@ -1415,37 +1435,39 @@ class DbxFirebaseDefaultFirebaseProvidersModule {
     static forRoot(firebaseOptions) {
         return {
             ngModule: DbxFirebaseDefaultFirebaseProvidersModule,
-            providers: [{
+            providers: [
+                {
                     provide: DBX_FIREBASE_OPTIONS_TOKEN,
                     useValue: firebaseOptions
-                }]
+                }
+            ]
         };
     }
 }
 DbxFirebaseDefaultFirebaseProvidersModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseDefaultFirebaseProvidersModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxFirebaseDefaultFirebaseProvidersModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseDefaultFirebaseProvidersModule, imports: [DbxFirebaseDefaultFirestoreProviderModule, DbxFirebaseDefaultAuthProviderModule, DbxFirebaseDefaultStorageProviderModule, DbxFirebaseDefaultFunctionsProviderModule, i5.FirebaseAppModule] });
+DbxFirebaseDefaultFirebaseProvidersModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseDefaultFirebaseProvidersModule, imports: [i5.FirebaseAppModule, DbxFirebaseDefaultFirestoreProviderModule, DbxFirebaseDefaultAuthProviderModule, DbxFirebaseDefaultStorageProviderModule, DbxFirebaseDefaultFunctionsProviderModule] });
 DbxFirebaseDefaultFirebaseProvidersModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseDefaultFirebaseProvidersModule, imports: [[
-            DbxFirebaseDefaultFirestoreProviderModule,
-            DbxFirebaseDefaultAuthProviderModule,
-            DbxFirebaseDefaultStorageProviderModule,
-            DbxFirebaseDefaultFunctionsProviderModule,
             provideFirebaseApp(((injector) => {
                 const firebaseOptions = injector.get(DBX_FIREBASE_OPTIONS_TOKEN);
                 return initializeApp(firebaseOptions);
-            }))
+            })),
+            DbxFirebaseDefaultFirestoreProviderModule,
+            DbxFirebaseDefaultAuthProviderModule,
+            DbxFirebaseDefaultStorageProviderModule,
+            DbxFirebaseDefaultFunctionsProviderModule
         ]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseDefaultFirebaseProvidersModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
-                        DbxFirebaseDefaultFirestoreProviderModule,
-                        DbxFirebaseDefaultAuthProviderModule,
-                        DbxFirebaseDefaultStorageProviderModule,
-                        DbxFirebaseDefaultFunctionsProviderModule,
                         provideFirebaseApp(((injector) => {
                             const firebaseOptions = injector.get(DBX_FIREBASE_OPTIONS_TOKEN);
                             return initializeApp(firebaseOptions);
-                        }))
+                        })),
+                        DbxFirebaseDefaultFirestoreProviderModule,
+                        DbxFirebaseDefaultAuthProviderModule,
+                        DbxFirebaseDefaultStorageProviderModule,
+                        DbxFirebaseDefaultFunctionsProviderModule
                     ]
                 }]
         }] });
@@ -1457,7 +1479,7 @@ class DbxFirebaseEmulatorModule {
     static forRoot(config) {
         const defaultHost = config.host ?? 'localhost';
         function emulatorConfig(emulator) {
-            return (emulator) ? { host: emulator.host ?? defaultHost, port: emulator.port } : undefined;
+            return emulator ? { host: emulator.host ?? defaultHost, port: emulator.port } : undefined;
         }
         const finalConfig = {
             useEmulators: config.useEmulators !== false,
@@ -1469,10 +1491,12 @@ class DbxFirebaseEmulatorModule {
         };
         return {
             ngModule: DbxFirebaseEmulatorModule,
-            providers: [{
+            providers: [
+                {
                     provide: DbxFirebaseParsedEmulatorsConfig,
                     useValue: finalConfig
-                }]
+                }
+            ]
         };
     }
 }
@@ -1495,15 +1519,18 @@ class DbxFirebaseFirestoreCollectionModule {
     static forRoot(config) {
         return {
             ngModule: DbxFirebaseFirestoreCollectionModule,
-            providers: [{
+            providers: [
+                {
                     provide: DBX_FIRESTORE_CONTEXT_TOKEN,
                     useFactory: firebaseFirestoreContextFactory,
                     deps: [Firestore]
-                }, {
+                },
+                {
                     provide: config.appCollectionClass,
                     useFactory: config.collectionFactory,
                     deps: [DBX_FIRESTORE_CONTEXT_TOKEN]
-                }]
+                }
+            ]
         };
     }
 }
@@ -1539,11 +1566,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
  */
 class DbxFirebaseFunctionsModule {
     static forRoot(config) {
-        const providers = [{
+        const providers = [
+            {
                 provide: config.functionsGetterToken,
                 useFactory: config.functionsGetterFactory,
                 deps: [Functions]
-            }];
+            }
+        ];
         if (config.functionsConfigMap) {
             forEachKeyValue(config.functionsConfigMap, {
                 forEach: ([key, entry]) => {
@@ -1591,10 +1620,7 @@ class DbxFirebaseCollectionLoaderInstance {
         this._maxPagesSub = new SubscriptionObject();
         this.collection$ = this._collection.pipe(distinctUntilChanged());
         this.constraints$ = this._constraints.pipe(distinctUntilChanged());
-        this.iteratorFilter$ = combineLatest([
-            this._itemsPerPage.pipe(distinctUntilChanged()),
-            this.constraints$
-        ]).pipe(map(([limit, constraints]) => ({ limit, constraints, maxPageLoadLimit: this.maxPages })), shareReplay(1));
+        this.iteratorFilter$ = combineLatest([this._itemsPerPage.pipe(distinctUntilChanged()), this.constraints$]).pipe(map(([limit, constraints]) => ({ limit, constraints, maxPageLoadLimit: this.maxPages })), shareReplay(1));
         this.firestoreIteration$ = this.collection$.pipe(switchMap((collection) => {
             if (collection) {
                 return combineLatest([this.iteratorFilter$, this._restart.pipe(startWith(undefined))]).pipe(throttleTime(100, undefined, { trailing: true }), // prevent rapid changes and executing filters too quickly.
@@ -1606,16 +1632,18 @@ class DbxFirebaseCollectionLoaderInstance {
             }
         }), cleanupDestroyable(), // cleanup the iteration
         shareReplay(1));
-        this.queryChangeWatcher$ = this.firestoreIteration$.pipe(map(instance => iterationQueryDocChangeWatcher({ instance })), shareReplay(1));
-        this.accumulator$ = this.firestoreIteration$.pipe(map(x => firebaseQueryItemAccumulator(x)), cleanupDestroyable(), shareReplay(1));
-        this.pageLoadingState$ = this.accumulator$.pipe(switchMap(x => accumulatorFlattenPageListLoadingState(x)), shareReplay(1));
+        this.queryChangeWatcher$ = this.firestoreIteration$.pipe(map((instance) => iterationQueryDocChangeWatcher({ instance })), shareReplay(1));
+        this.accumulator$ = this.firestoreIteration$.pipe(map((x) => firebaseQueryItemAccumulator(x)), cleanupDestroyable(), shareReplay(1));
+        this.pageLoadingState$ = this.accumulator$.pipe(switchMap((x) => accumulatorFlattenPageListLoadingState(x)), shareReplay(1));
     }
     init() {
         // When max pages changes, update the iteration's max page limit.
-        this._maxPagesSub.subscription = this._maxPages.pipe(distinctUntilChanged(), filterMaybe(), // do not pass null/undefined values
+        this._maxPagesSub.subscription = this._maxPages
+            .pipe(distinctUntilChanged(), filterMaybe(), // do not pass null/undefined values
         switchMap((maxPageLoadLimit) => this.firestoreIteration$.pipe(tap((iteration) => {
             iteration.maxPageLoadLimit = maxPageLoadLimit;
-        })))).subscribe();
+        }))))
+            .subscribe();
     }
     destroy() {
         this._maxPages.complete();
@@ -1715,10 +1743,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
                 type: Input
             }] } });
 function provideDbxFirebaseCollectionStoreDirective(sourceType, storeType) {
-    const providers = [{
+    const providers = [
+        {
             provide: DbxFirebaseCollectionStoreDirective,
             useExisting: forwardRef(() => sourceType)
-        }];
+        }
+    ];
     if (storeType) {
         providers.push(storeType);
     }
@@ -1734,16 +1764,18 @@ class DbxFirebaseCollectionChangeDirective extends AbstractSubscriptionDirective
         this.dbxFirebaseCollectionStoreDirective = dbxFirebaseCollectionStoreDirective;
         this._mode = new BehaviorSubject('manual');
         this.mode$ = this._mode.pipe(distinctUntilChanged());
-        this.event$ = this.dbxFirebaseCollectionStoreDirective.store.queryChangeWatcher$.pipe(switchMap((x) => x.event$.pipe(filter(x => x.type !== 'none'), // do not share 'none' events.
+        this.event$ = this.dbxFirebaseCollectionStoreDirective.store.queryChangeWatcher$.pipe(switchMap((x) => x.event$.pipe(filter((x) => x.type !== 'none'), // do not share 'none' events.
         take(1), // only need one event to mark as change is available.
         startWith({
             time: new Date(),
             type: 'none'
         }))), shareReplay(1));
-        this.hasChangeAvailable$ = this.event$.pipe(map(x => x.type !== 'none'), shareReplay(1));
+        this.hasChangeAvailable$ = this.event$.pipe(map((x) => x.type !== 'none'), shareReplay(1));
     }
     ngOnInit() {
-        this.sub = combineLatest([this.mode$, this.hasChangeAvailable$]).pipe(filter(([mode, hasChange]) => mode === 'auto' && hasChange)).subscribe(() => {
+        this.sub = combineLatest([this.mode$, this.hasChangeAvailable$])
+            .pipe(filter(([mode, hasChange]) => mode === 'auto' && hasChange))
+            .subscribe(() => {
             this.restart();
         });
     }
@@ -1879,10 +1911,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
                 type: Input
             }] } });
 function provideDbxFirebaseDocumentStoreDirective(sourceType, storeType) {
-    const providers = [{
+    const providers = [
+        {
             provide: DbxFirebaseDocumentStoreDirective,
             useExisting: forwardRef(() => sourceType)
-        }];
+        }
+    ];
     if (storeType) {
         providers.push(storeType);
     }
@@ -1928,7 +1962,7 @@ class DbxFirebaseDocumentStoreRouteIdDirective extends AbstractSubscriptionDirec
         this.idParamKey$ = this._idParamKey.asObservable();
         this.idFromParams$ = combineLatest([this.idParamKey$, this.dbxRouterService.params$]).pipe(map(([key, params]) => {
             return params[key] ?? undefined;
-        }), distinctUntilChanged(), shareReplay$1(1));
+        }), distinctUntilChanged(), shareReplay(1));
     }
     ngOnInit() {
         this.sub = this.dbxFirebaseDocumentStoreDirective.store.setId(this.idFromParams$);
@@ -1962,34 +1996,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
 class DbxFirebaseModelStoreModule {
 }
 DbxFirebaseModelStoreModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseModelStoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxFirebaseModelStoreModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseModelStoreModule, declarations: [DbxFirebaseCollectionListDirective,
-        DbxFirebaseCollectionChangeDirective,
-        DbxFirebaseCollectionHasChangeDirective,
-        DbxFirebaseDocumentStoreRouteIdDirective,
-        DbxFirebaseDocumentAuthIdDirective], exports: [DbxFirebaseCollectionListDirective,
-        DbxFirebaseCollectionChangeDirective,
-        DbxFirebaseCollectionHasChangeDirective,
-        DbxFirebaseDocumentStoreRouteIdDirective,
-        DbxFirebaseDocumentAuthIdDirective] });
+DbxFirebaseModelStoreModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseModelStoreModule, declarations: [DbxFirebaseCollectionListDirective, DbxFirebaseCollectionChangeDirective, DbxFirebaseCollectionHasChangeDirective, DbxFirebaseDocumentStoreRouteIdDirective, DbxFirebaseDocumentAuthIdDirective], exports: [DbxFirebaseCollectionListDirective, DbxFirebaseCollectionChangeDirective, DbxFirebaseCollectionHasChangeDirective, DbxFirebaseDocumentStoreRouteIdDirective, DbxFirebaseDocumentAuthIdDirective] });
 DbxFirebaseModelStoreModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseModelStoreModule, imports: [[]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseModelStoreModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [],
-                    declarations: [
-                        DbxFirebaseCollectionListDirective,
-                        DbxFirebaseCollectionChangeDirective,
-                        DbxFirebaseCollectionHasChangeDirective,
-                        DbxFirebaseDocumentStoreRouteIdDirective,
-                        DbxFirebaseDocumentAuthIdDirective
-                    ],
-                    exports: [
-                        DbxFirebaseCollectionListDirective,
-                        DbxFirebaseCollectionChangeDirective,
-                        DbxFirebaseCollectionHasChangeDirective,
-                        DbxFirebaseDocumentStoreRouteIdDirective,
-                        DbxFirebaseDocumentAuthIdDirective
-                    ]
+                    declarations: [DbxFirebaseCollectionListDirective, DbxFirebaseCollectionChangeDirective, DbxFirebaseCollectionHasChangeDirective, DbxFirebaseDocumentStoreRouteIdDirective, DbxFirebaseDocumentAuthIdDirective],
+                    exports: [DbxFirebaseCollectionListDirective, DbxFirebaseCollectionChangeDirective, DbxFirebaseCollectionHasChangeDirective, DbxFirebaseDocumentStoreRouteIdDirective, DbxFirebaseDocumentAuthIdDirective]
                 }]
         }] });
 
@@ -2001,10 +2015,10 @@ class AbstractDbxFirebaseCollectionStore extends LockSetComponentStore {
         super(...arguments);
         // MARK: Effects
         this.setMaxPages = this.effect((input) => {
-            return input.pipe(switchMap((maxPages) => this.loader$.pipe(tap((x) => x.maxPages = maxPages))));
+            return input.pipe(switchMap((maxPages) => this.loader$.pipe(tap((x) => (x.maxPages = maxPages)))));
         });
         this.setItemsPerPage = this.effect((input) => {
-            return input.pipe(switchMap((itemsPerPage) => this.loader$.pipe(tap((x) => x.itemsPerPage = itemsPerPage))));
+            return input.pipe(switchMap((itemsPerPage) => this.loader$.pipe(tap((x) => (x.itemsPerPage = itemsPerPage)))));
         });
         this.setConstraints = this.effect((input) => {
             return input.pipe(switchMap((constraints) => this.loader$.pipe(tap((x) => x.setConstraints(constraints)))));
@@ -2018,16 +2032,16 @@ class AbstractDbxFirebaseCollectionStore extends LockSetComponentStore {
         // MARK: Accessors
         this.currentFirestoreCollection$ = this.state$.pipe(map((x) => x.firestoreCollection), distinctUntilChanged(), shareReplay(1));
         this.firestoreCollection$ = this.currentFirestoreCollection$.pipe(filterMaybe());
-        this.loader$ = this.currentFirestoreCollection$.pipe(switchMap((collection) => this.state$.pipe(first(), map(x => dbxFirebaseCollectionLoaderInstance({
+        this.loader$ = this.currentFirestoreCollection$.pipe(switchMap((collection) => this.state$.pipe(first(), map((x) => dbxFirebaseCollectionLoaderInstance({
             collection,
             maxPages: x.maxPages,
             itemsPerPage: x.itemsPerPage,
             constraints: x.constraints
         })))), cleanupDestroyable(), distinctUntilChanged(), shareReplay(1));
-        this.firestoreIteration$ = this.loader$.pipe(switchMap(x => x.firestoreIteration$));
-        this.queryChangeWatcher$ = this.loader$.pipe(switchMap(x => x.queryChangeWatcher$));
-        this.accumulator$ = this.loader$.pipe(switchMap(x => x.accumulator$));
-        this.pageLoadingState$ = this.loader$.pipe(switchMap(x => x.pageLoadingState$));
+        this.firestoreIteration$ = this.loader$.pipe(switchMap((x) => x.firestoreIteration$));
+        this.queryChangeWatcher$ = this.loader$.pipe(switchMap((x) => x.queryChangeWatcher$));
+        this.accumulator$ = this.loader$.pipe(switchMap((x) => x.accumulator$));
+        this.pageLoadingState$ = this.loader$.pipe(switchMap((x) => x.pageLoadingState$));
         this.setFirestoreCollection = this.updater((state, firestoreCollection) => ({ ...state, firestoreCollection }));
     }
 }
@@ -2052,9 +2066,9 @@ class AbstractDbxFirebaseDocumentStore extends LockSetComponentStore {
         // MARK: Accessors
         this.currentFirestoreCollection$ = this.state$.pipe(map((x) => x.firestoreCollection), distinctUntilChanged(), shareReplay(1));
         this.firestoreCollection$ = this.currentFirestoreCollection$.pipe(filterMaybe());
-        this.currentInputId$ = this.state$.pipe(map(x => x.id), distinctUntilChanged(), shareReplay(1));
+        this.currentInputId$ = this.state$.pipe(map((x) => x.id), distinctUntilChanged(), shareReplay(1));
         this.inputId$ = this.currentInputId$.pipe(filterMaybe(), distinctUntilChanged(), shareReplay(1));
-        this.currentInputRef$ = this.state$.pipe(map(x => x.ref), distinctUntilChanged(), shareReplay(1));
+        this.currentInputRef$ = this.state$.pipe(map((x) => x.ref), distinctUntilChanged(), shareReplay(1));
         this.inputRef$ = this.currentInputRef$.pipe(filterMaybe(), distinctUntilChanged(), shareReplay(1));
         this.currentDocument$ = combineLatest([this.currentFirestoreCollection$, this.currentInputId$, this.currentInputRef$]).pipe(map(([collection, id, ref]) => {
             let document;
@@ -2069,12 +2083,12 @@ class AbstractDbxFirebaseDocumentStore extends LockSetComponentStore {
             return document;
         }), distinctUntilChanged(), shareReplay(1));
         this.document$ = this.currentDocument$.pipe(filterMaybe(), distinctUntilChanged(), shareReplay(1));
-        this.documentLoadingState$ = this.currentDocument$.pipe(map(x => (x) ? successResult(x) : beginLoading()), shareReplay(1));
-        this.id$ = this.document$.pipe(map(x => x.id), shareReplay());
-        this.ref$ = this.document$.pipe(map(x => x.documentRef), shareReplay());
-        this.snapshot$ = this.document$.pipe(switchMap(x => x.accessor.stream()), shareReplay(1));
-        this.snapshotLoadingState$ = this.currentDocument$.pipe(switchMap(_ => loadingStateFromObs(this.snapshot$)), shareReplay(1));
-        this.currentData$ = this.document$.pipe(switchMap(x => x.accessor.stream().pipe(map(y => documentDataWithId(y)))), shareReplay(1));
+        this.documentLoadingState$ = this.currentDocument$.pipe(map((x) => (x ? successResult(x) : beginLoading())), shareReplay(1));
+        this.id$ = this.document$.pipe(map((x) => x.id), shareReplay());
+        this.ref$ = this.document$.pipe(map((x) => x.documentRef), shareReplay());
+        this.snapshot$ = this.document$.pipe(switchMap((x) => x.accessor.stream()), shareReplay(1));
+        this.snapshotLoadingState$ = this.currentDocument$.pipe(switchMap(() => loadingStateFromObs(this.snapshot$)), shareReplay(1));
+        this.currentData$ = this.document$.pipe(switchMap((x) => x.accessor.stream().pipe(map((y) => documentDataWithId(y)))), shareReplay(1));
         this.data$ = this.currentDocument$.pipe(switchMap(() => this.currentData$.pipe(filterMaybe())), shareReplay(1));
         this.dataLoadingState$ = this.snapshotLoadingState$.pipe(map((x) => {
             let result;
@@ -2095,17 +2109,17 @@ class AbstractDbxFirebaseDocumentStore extends LockSetComponentStore {
             }
             return result;
         }), shareReplay(1));
-        this.exists$ = this.currentData$.pipe(map(x => isMaybeSo(x)), shareReplay(1));
-        this.doesNotExist$ = this.exists$.pipe(map(x => !x), shareReplay(1));
+        this.exists$ = this.currentData$.pipe(map((x) => isMaybeSo(x)), shareReplay(1));
+        this.doesNotExist$ = this.exists$.pipe(map((x) => !x), shareReplay(1));
         // MARK: State Changes
         /**
          * Sets the id of the document to load.
          */
-        this.setId = this.updater((state, id) => (id) ? ({ ...state, id, ref: undefined }) : ({ ...state, id }));
+        this.setId = this.updater((state, id) => (id ? { ...state, id, ref: undefined } : { ...state, id }));
         /**
          * Sets the ref of the document to load.
          */
-        this.setRef = this.updater((state, ref) => (ref) ? ({ ...state, id: undefined, ref }) : ({ ...state, ref }));
+        this.setRef = this.updater((state, ref) => (ref ? { ...state, id: undefined, ref } : { ...state, ref }));
         this.setFirestoreCollection = this.updater((state, firestoreCollection) => ({ ...state, firestoreCollection }));
     }
 }
@@ -2165,9 +2179,9 @@ class AbstractDbxFirebaseCollectionWithParentStore extends AbstractDbxFirebaseCo
         this.setParent = setParentEffect(this);
         this.setParentStore = setParentStoreEffect(this);
         // MARK: Accessors
-        this.currentParent$ = this.state$.pipe(map(x => x.parent), distinctUntilChanged(), shareReplay(1));
+        this.currentParent$ = this.state$.pipe(map((x) => x.parent), distinctUntilChanged(), shareReplay(1));
         this.parent$ = this.currentParent$.pipe(filterMaybe());
-        this.currentCollectionFactory$ = this.state$.pipe(map(x => x.collectionFactory), distinctUntilChanged(), shareReplay(1));
+        this.currentCollectionFactory$ = this.state$.pipe(map((x) => x.collectionFactory), distinctUntilChanged(), shareReplay(1));
         this.collectionFactory$ = this.currentCollectionFactory$.pipe(filterMaybe());
         // MARK: State Changes
         /**
@@ -2196,9 +2210,9 @@ class AbstractDbxFirebaseDocumentWithParentStore extends AbstractDbxFirebaseDocu
         this.setParent = setParentEffect(this);
         this.setParentStore = setParentStoreEffect(this);
         // MARK: Accessors
-        this.currentParent$ = this.state$.pipe(map(x => x.parent), distinctUntilChanged(), shareReplay(1));
+        this.currentParent$ = this.state$.pipe(map((x) => x.parent), distinctUntilChanged(), shareReplay(1));
         this.parent$ = this.currentParent$.pipe(filterMaybe());
-        this.currentCollectionFactory$ = this.state$.pipe(map(x => x.collectionFactory), distinctUntilChanged(), shareReplay(1));
+        this.currentCollectionFactory$ = this.state$.pipe(map((x) => x.collectionFactory), distinctUntilChanged(), shareReplay(1));
         this.collectionFactory$ = this.currentCollectionFactory$.pipe(filterMaybe());
         // MARK: State Changes
         /**
@@ -2225,9 +2239,7 @@ DbxFirebaseModelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0",
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseModelModule, decorators: [{
             type: NgModule,
             args: [{
-                    exports: [
-                        DbxFirebaseModelStoreModule
-                    ]
+                    exports: [DbxFirebaseModelStoreModule]
                 }]
         }] });
 
@@ -2239,9 +2251,7 @@ DbxFirebaseModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", versi
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseModule, decorators: [{
             type: NgModule,
             args: [{
-                    exports: [
-                        DbxFirebaseModelModule
-                    ]
+                    exports: [DbxFirebaseModelModule]
                 }]
         }] });