@dereekb/dbx-firebase 5.0.0 → 5.2.0

package/fesm2020/dereekb-dbx-firebase.mjs

@@ -1,34 +1,123 @@
+import { urlWithoutParameters, addToSet, removeFromSet, filterMaybeValues, mapIterable, asArray, excludeValuesFromArray, containsStringAnyCase, forEachKeyValue, readableError, isMaybeSo } from '@dereekb/util';
+import * as i0 from '@angular/core';
+import { InjectionToken, Injectable, Inject, Optional, Component, Input, Directive, EventEmitter, Output, NgModule, Injector, forwardRef, Host } from '@angular/core';
+import { getToken, initializeAppCheck, ReCaptchaV3Provider } from 'firebase/app-check';
+import { switchMap, from, first, map, of, shareReplay, timeout, startWith, distinctUntilChanged, BehaviorSubject, combineLatest, tap, firstValueFrom, Subject, throttleTime, NEVER, filter, take, exhaustMap } from 'rxjs';
+import * as i1 from '@angular/fire/app-check';
+import { provideAppCheck } from '@angular/fire/app-check';
 import * as i4 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
 import * as i2 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
 import * as i6 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { Injectable, Optional, Component, InjectionToken, Inject, Input, Directive, EventEmitter, Output, NgModule, Injector, forwardRef, Host } from '@angular/core';
-import { of, switchMap, shareReplay, map, timeout, startWith, distinctUntilChanged, from, BehaviorSubject, combineLatest, tap, firstValueFrom, Subject, throttleTime, NEVER, filter, take, exhaustMap, first } from 'rxjs';
 import { filterMaybe, isNot, SubscriptionObject, cleanupDestroyable, accumulatorFlattenPageListLoadingState, useFirst, successResult, beginLoading, loadingStateFromObs, errorResult, cleanup } from '@dereekb/rxjs';
 import * as i3$1 from '@dereekb/dbx-core';
 import { loggedInObsFromIsLoggedIn, loggedOutObsFromIsLoggedIn, authUserIdentifier, DbxInjectionContext, AbstractForwardDbxInjectionContextDirective, DBX_INJECTION_COMPONENT_DATA, DbxInjectionComponentModule, DbxAuthService, AbstractSubscriptionDirective, AbstractIfDirective, LockSetComponentStore } from '@dereekb/dbx-core';
-import * as i1 from '@angular/fire/auth';
+import * as i1$1 from '@angular/fire/auth';
 import { authState, GoogleAuthProvider, FacebookAuthProvider, TwitterAuthProvider, GithubAuthProvider, signInWithPopup, createUserWithEmailAndPassword, signInWithEmailAndPassword, signInAnonymously, provideAuth, getAuth, connectAuthEmulator } from '@angular/fire/auth';
 import { sendPasswordResetEmail } from 'firebase/auth';
-import { addToSet, removeFromSet, filterMaybeValues, mapIterable, asArray, excludeValuesFromArray, containsStringAnyCase, forEachKeyValue, readableError, isMaybeSo } from '@dereekb/util';
 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 * as i1$2 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 * as i6$1 from '@angular/fire/app';
 import { FirebaseApp, provideFirebaseApp } from '@angular/fire/app';
-import * as i3$2 from '@angular/fire/storage';
+import * as i4$1 from '@angular/fire/storage';
 import { provideStorage, getStorage, connectStorageEmulator } from '@angular/fire/storage';
-import * as i4$1 from '@angular/fire/functions';
+import * as i5 from '@angular/fire/functions';
 import { provideFunctions, getFunctions, connectFunctionsEmulator, Functions } from '@angular/fire/functions';
-import * as i1$2 from '@angular/fire/firestore';
+import * as i1$3 from '@angular/fire/firestore';
 import { provideFirestore, getFirestore, connectFirestoreEmulator, enableIndexedDbPersistence, Firestore } from '@angular/fire/firestore';
+import { HTTP_INTERCEPTORS } from '@angular/common/http';
 import { firebaseFirestoreContextFactory, iterationQueryDocChangeWatcher, firebaseQueryItemAccumulator, documentDataWithId } from '@dereekb/firebase';
 
+/**
+ * Enables debug token generation for AppCheck by setting FIREBASE_APPCHECK_DEBUG_TOKEN in the browser's self/window.
+ *
+ * https://firebase.google.com/docs/app-check/web/debug-provider
+ *
+ * @param enable
+ */
+function enableAppCheckDebugTokenGeneration(enable = true) {
+    self.FIREBASE_APPCHECK_DEBUG_TOKEN = enable;
+}
+
+const DBX_FIREBASE_OPTIONS_TOKEN = new InjectionToken('DbxFirebaseOptions');
+
+/**
+ * HTTP Interceptor that sets the X-Firebase-AppCheck for any requests to the routes configured in DbxFirebaseOptions.
+ */
+class DbxFirebaseAppCheckHttpInterceptor {
+    constructor(dbxFirebaseOptions, appCheck) {
+        this.dbxFirebaseOptions = dbxFirebaseOptions;
+        this.appCheck = appCheck;
+        let routes = [];
+        if (appCheck != null) {
+            routes = (this.dbxFirebaseOptions.appCheck?.appCheckRoutes ?? ['/api/*']).map((route) => {
+                const wildcardIndex = route.indexOf('*');
+                const isWildcard = wildcardIndex === route.length - 1;
+                const match = isWildcard ? route.substring(0, wildcardIndex) : route;
+                return {
+                    isWildcard,
+                    match
+                };
+            });
+        }
+        this._appCheckRoutes = routes;
+        this._isEnabled = routes.length > 0;
+    }
+    intercept(req, next) {
+        let obs;
+        if (this._isEnabled) {
+            obs = this.matchesAnyRoute(req.url).pipe(switchMap((isMatch) => {
+                let nextEvent;
+                if (isMatch) {
+                    nextEvent = from(getToken(this.appCheck).then((appCheckTokenResponse) => {
+                        const token = appCheckTokenResponse.token;
+                        let nextRequest = req;
+                        if (token) {
+                            nextRequest = req.clone({
+                                headers: req.headers.set('X-Firebase-AppCheck', token)
+                            });
+                        }
+                        return nextRequest;
+                    })).pipe(switchMap((nextRequest) => next.handle(nextRequest)));
+                }
+                else {
+                    nextEvent = next.handle(req);
+                }
+                return nextEvent;
+            }));
+        }
+        else {
+            obs = next.handle(req);
+        }
+        return obs;
+    }
+    matchesAnyRoute(inputUrl) {
+        const url = urlWithoutParameters(inputUrl);
+        function isEnabledRouteMatch(enabledRoute) {
+            if (enabledRoute.isWildcard) {
+                return url.startsWith(enabledRoute.match);
+            }
+            else {
+                return url === enabledRoute.match;
+            }
+        }
+        return from(this._appCheckRoutes).pipe(first((route) => isEnabledRouteMatch(route), false), map((x) => Boolean(x)));
+    }
+}
+DbxFirebaseAppCheckHttpInterceptor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseAppCheckHttpInterceptor, deps: [{ token: DBX_FIREBASE_OPTIONS_TOKEN }, { token: i1.AppCheck }], target: i0.ɵɵFactoryTarget.Injectable });
+DbxFirebaseAppCheckHttpInterceptor.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseAppCheckHttpInterceptor });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseAppCheckHttpInterceptor, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DBX_FIREBASE_OPTIONS_TOKEN]
+                }] }, { type: i1.AppCheck }]; } });
+
 /**
  * Derives a user state from the input firebase auth service.
  *
@@ -40,7 +129,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');
@@ -59,7 +148,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);
@@ -84,10 +173,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 {
@@ -98,19 +187,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);
@@ -158,11 +247,11 @@ class DbxFirebaseAuthService {
         return this.firebaseAuth.signOut();
     }
 }
-DbxFirebaseAuthService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseAuthService, deps: [{ token: i1.Auth }, { token: DbxFirebaseAuthServiceDelegate, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+DbxFirebaseAuthService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseAuthService, deps: [{ token: i1$1.Auth }, { token: DbxFirebaseAuthServiceDelegate, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
 DbxFirebaseAuthService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseAuthService });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseAuthService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: i1.Auth }, { type: DbxFirebaseAuthServiceDelegate, decorators: [{
+        }], ctorParameters: function () { return [{ type: i1$1.Auth }, { type: DbxFirebaseAuthServiceDelegate, decorators: [{
                     type: Optional
                 }] }]; } });
 
@@ -184,21 +273,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 }]; } });
@@ -288,7 +377,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);
@@ -300,7 +389,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);
@@ -317,7 +406,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
@@ -373,39 +462,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: [{
@@ -415,18 +502,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>
   `
                 }]
         }] });
@@ -518,8 +605,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]) => {
@@ -527,14 +614,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);
         }));
     }
@@ -559,21 +644,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: [{
@@ -592,18 +677,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
-                        }]
+                        }
+                    ]
                 }]
         }] });
 
@@ -631,7 +720,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" }'
                     }
                 }]
@@ -678,7 +767,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;
         }));
     }
@@ -691,11 +780,15 @@ 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$2.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()]
                 }]
@@ -710,11 +803,15 @@ 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$2.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()]
                 }]
@@ -802,10 +899,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$2.DbxActionFormDirective, selector: "[dbxActionForm]", inputs: ["dbxActionFormValidator", "dbxActionFormModified", "formDisabledOnWorking"] }, { type: i1$2.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 +968,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,14 +1066,18 @@ 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 }]; } });
@@ -992,8 +1097,8 @@ DbxFirebaseLoginContextBackButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ m
 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>
   `
                 }]
@@ -1008,7 +1113,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 +1125,8 @@ function defaultFirebaseAuthLoginProvidersFactory() {
                 backgroundColor: '#ea4335',
                 textColor: '#FFF'
             }
-        }, {
+        },
+        {
             category: OAUTH_FIREBASE_LOGIN_METHOD_CATEGORY,
             loginMethodType: 'google',
             componentClass: DbxFirebaseLoginGoogleComponent,
@@ -1029,7 +1136,8 @@ function defaultFirebaseAuthLoginProvidersFactory() {
                 backgroundColor: '#FFF',
                 textColor: '#757575'
             }
-        }, {
+        },
+        {
             category: OAUTH_FIREBASE_LOGIN_METHOD_CATEGORY,
             loginMethodType: 'facebook',
             componentClass: DbxFirebaseLoginFacebookComponent,
@@ -1039,7 +1147,8 @@ function defaultFirebaseAuthLoginProvidersFactory() {
                 backgroundColor: '#4267B2',
                 textColor: '#FFF'
             }
-        }, {
+        },
+        {
             category: OAUTH_FIREBASE_LOGIN_METHOD_CATEGORY,
             loginMethodType: 'twitter',
             componentClass: DbxFirebaseLoginTwitterComponent,
@@ -1049,7 +1158,8 @@ function defaultFirebaseAuthLoginProvidersFactory() {
                 backgroundColor: '#1da1f2',
                 textColor: '#FFF'
             }
-        }, {
+        },
+        {
             category: OAUTH_FIREBASE_LOGIN_METHOD_CATEGORY,
             loginMethodType: 'github',
             componentClass: DbxFirebaseLoginGitHubComponent,
@@ -1060,7 +1170,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 +1200,8 @@ function defaultFirebaseAuthLoginProvidersFactory() {
                 backgroundColor: '#000',
                 textColor: '#FFF'
             }
-        }];
+        }
+    ];
 }
 /**
  * Contains components related to logging in.
@@ -1087,22 +1218,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 +1264,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 +1285,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,
@@ -1283,7 +1380,7 @@ class DbxFirebaseParsedEmulatorsConfig {
 class DbxFirebaseDefaultFirestoreProviderModule {
 }
 DbxFirebaseDefaultFirestoreProviderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseDefaultFirestoreProviderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxFirebaseDefaultFirestoreProviderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseDefaultFirestoreProviderModule, imports: [i1$2.FirestoreModule] });
+DbxFirebaseDefaultFirestoreProviderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseDefaultFirestoreProviderModule, imports: [i1$3.FirestoreModule] });
 DbxFirebaseDefaultFirestoreProviderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseDefaultFirestoreProviderModule, imports: [[
             provideFirestore(((injector) => {
                 const firebaseApp = injector.get(FirebaseApp);
@@ -1313,13 +1410,96 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
                     ]
                 }]
         }] });
+/**
+ * Default firebase app check provider module.
+ *
+ * Also configures the DbxFirebaseAppCheckHttpInterceptor with HTTP_INTERCEPTORS in order for appCheck to be appended to requests to the api.
+ */
+class DbxFirebaseDefaultAppCheckProviderModule {
+}
+DbxFirebaseDefaultAppCheckProviderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseDefaultAppCheckProviderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxFirebaseDefaultAppCheckProviderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseDefaultAppCheckProviderModule, imports: [i1.AppCheckModule] });
+DbxFirebaseDefaultAppCheckProviderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseDefaultAppCheckProviderModule, providers: [
+        {
+            provide: HTTP_INTERCEPTORS,
+            useClass: DbxFirebaseAppCheckHttpInterceptor,
+            multi: true
+        }
+    ], imports: [[
+            provideAppCheck(((injector) => {
+                const firebaseApp = injector.get(FirebaseApp);
+                const firebaseOptions = injector.get(DBX_FIREBASE_OPTIONS_TOKEN);
+                const appCheckOptions = firebaseOptions.appCheck;
+                const appCheckKnowinglyDisabled = appCheckOptions?.disabled === true || firebaseOptions.emulators?.useEmulators === true;
+                let appCheck;
+                if (appCheckOptions && !appCheckKnowinglyDisabled) {
+                    // enable the debug tokens if not using emulators and allowDebugTokens is set true
+                    if (firebaseOptions.emulators?.useEmulators !== true && appCheckOptions.allowDebugTokens) {
+                        enableAppCheckDebugTokenGeneration(true);
+                    }
+                    // Only enabled outside of app-check environments. The emulators will not use appcheck.
+                    appCheck = initializeAppCheck(firebaseApp, {
+                        provider: new ReCaptchaV3Provider(appCheckOptions.reCaptchaV3),
+                        isTokenAutoRefreshEnabled: appCheckOptions.isTokenAutoRefreshEnabled ?? true
+                    });
+                    console.debug('Enabled AppCheck.');
+                }
+                else {
+                    appCheck = undefined;
+                    if (!appCheckKnowinglyDisabled) {
+                        console.error('dbx-firebase: No appcheck configuration for the app, and not specifically disabled in config either.');
+                    }
+                }
+                return appCheck;
+            }))
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseDefaultAppCheckProviderModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        provideAppCheck(((injector) => {
+                            const firebaseApp = injector.get(FirebaseApp);
+                            const firebaseOptions = injector.get(DBX_FIREBASE_OPTIONS_TOKEN);
+                            const appCheckOptions = firebaseOptions.appCheck;
+                            const appCheckKnowinglyDisabled = appCheckOptions?.disabled === true || firebaseOptions.emulators?.useEmulators === true;
+                            let appCheck;
+                            if (appCheckOptions && !appCheckKnowinglyDisabled) {
+                                // enable the debug tokens if not using emulators and allowDebugTokens is set true
+                                if (firebaseOptions.emulators?.useEmulators !== true && appCheckOptions.allowDebugTokens) {
+                                    enableAppCheckDebugTokenGeneration(true);
+                                }
+                                // Only enabled outside of app-check environments. The emulators will not use appcheck.
+                                appCheck = initializeAppCheck(firebaseApp, {
+                                    provider: new ReCaptchaV3Provider(appCheckOptions.reCaptchaV3),
+                                    isTokenAutoRefreshEnabled: appCheckOptions.isTokenAutoRefreshEnabled ?? true
+                                });
+                                console.debug('Enabled AppCheck.');
+                            }
+                            else {
+                                appCheck = undefined;
+                                if (!appCheckKnowinglyDisabled) {
+                                    console.error('dbx-firebase: No appcheck configuration for the app, and not specifically disabled in config either.');
+                                }
+                            }
+                            return appCheck;
+                        }))
+                    ],
+                    providers: [
+                        {
+                            provide: HTTP_INTERCEPTORS,
+                            useClass: DbxFirebaseAppCheckHttpInterceptor,
+                            multi: true
+                        }
+                    ]
+                }]
+        }] });
 /**
  * Default firebase auth provider module.
  */
 class DbxFirebaseDefaultAuthProviderModule {
 }
 DbxFirebaseDefaultAuthProviderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseDefaultAuthProviderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxFirebaseDefaultAuthProviderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseDefaultAuthProviderModule, imports: [i1.AuthModule] });
+DbxFirebaseDefaultAuthProviderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseDefaultAuthProviderModule, imports: [i1$1.AuthModule] });
 DbxFirebaseDefaultAuthProviderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseDefaultAuthProviderModule, imports: [[
             provideAuth(((injector) => {
                 const firebaseApp = injector.get(FirebaseApp);
@@ -1353,7 +1533,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
 class DbxFirebaseDefaultStorageProviderModule {
 }
 DbxFirebaseDefaultStorageProviderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseDefaultStorageProviderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxFirebaseDefaultStorageProviderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseDefaultStorageProviderModule, imports: [i3$2.StorageModule] });
+DbxFirebaseDefaultStorageProviderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseDefaultStorageProviderModule, imports: [i4$1.StorageModule] });
 DbxFirebaseDefaultStorageProviderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseDefaultStorageProviderModule, imports: [[
             provideStorage(((injector) => {
                 const firebaseApp = injector.get(FirebaseApp);
@@ -1387,7 +1567,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
 class DbxFirebaseDefaultFunctionsProviderModule {
 }
 DbxFirebaseDefaultFunctionsProviderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseDefaultFunctionsProviderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxFirebaseDefaultFunctionsProviderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseDefaultFunctionsProviderModule, imports: [i4$1.FunctionsModule] });
+DbxFirebaseDefaultFunctionsProviderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseDefaultFunctionsProviderModule, imports: [i5.FunctionsModule] });
 DbxFirebaseDefaultFunctionsProviderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseDefaultFunctionsProviderModule, imports: [[
             provideFunctions(((injector) => {
                 const firebaseApp = injector.get(FirebaseApp);
@@ -1419,7 +1599,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
                     ]
                 }]
         }] });
-const DBX_FIREBASE_OPTIONS_TOKEN = new InjectionToken('DbxFirebaseOptions');
 /**
  * Default provider module.
  */
@@ -1427,20 +1606,23 @@ 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: [i5.FirebaseAppModule, DbxFirebaseDefaultFirestoreProviderModule, DbxFirebaseDefaultAuthProviderModule, DbxFirebaseDefaultStorageProviderModule, DbxFirebaseDefaultFunctionsProviderModule] });
+DbxFirebaseDefaultFirebaseProvidersModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseDefaultFirebaseProvidersModule, imports: [i6$1.FirebaseAppModule, DbxFirebaseDefaultAppCheckProviderModule, DbxFirebaseDefaultFirestoreProviderModule, DbxFirebaseDefaultAuthProviderModule, DbxFirebaseDefaultStorageProviderModule, DbxFirebaseDefaultFunctionsProviderModule] });
 DbxFirebaseDefaultFirebaseProvidersModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseDefaultFirebaseProvidersModule, imports: [[
             provideFirebaseApp(((injector) => {
                 const firebaseOptions = injector.get(DBX_FIREBASE_OPTIONS_TOKEN);
                 return initializeApp(firebaseOptions);
             })),
+            DbxFirebaseDefaultAppCheckProviderModule,
             DbxFirebaseDefaultFirestoreProviderModule,
             DbxFirebaseDefaultAuthProviderModule,
             DbxFirebaseDefaultStorageProviderModule,
@@ -1454,6 +1636,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
                             const firebaseOptions = injector.get(DBX_FIREBASE_OPTIONS_TOKEN);
                             return initializeApp(firebaseOptions);
                         })),
+                        DbxFirebaseDefaultAppCheckProviderModule,
                         DbxFirebaseDefaultFirestoreProviderModule,
                         DbxFirebaseDefaultAuthProviderModule,
                         DbxFirebaseDefaultStorageProviderModule,
@@ -1469,7 +1652,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,
@@ -1481,10 +1664,12 @@ class DbxFirebaseEmulatorModule {
         };
         return {
             ngModule: DbxFirebaseEmulatorModule,
-            providers: [{
+            providers: [
+                {
                     provide: DbxFirebaseParsedEmulatorsConfig,
                     useValue: finalConfig
-                }]
+                }
+            ]
         };
     }
 }
@@ -1507,15 +1692,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]
-                }]
+                }
+            ]
         };
     }
 }
@@ -1551,11 +1739,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]) => {
@@ -1603,10 +1793,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.
@@ -1618,16 +1805,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();
@@ -1727,10 +1916,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);
     }
@@ -1746,16 +1937,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();
         });
     }
@@ -1891,10 +2084,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);
     }
@@ -1974,34 +2169,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]
                 }]
         }] });
 
@@ -2013,10 +2188,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)))));
@@ -2030,16 +2205,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 }));
     }
 }
@@ -2064,9 +2239,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;
@@ -2081,12 +2256,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.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.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;
@@ -2107,17 +2282,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 }));
     }
 }
@@ -2132,7 +2307,7 @@ function setParentStoreEffect(store) {
         return input.pipe(map((parentStore) => {
             let result;
             if (parentStore) {
-                result = store.setParent(parentStore.currentDocument$);
+                result = store._setParent(parentStore.currentDocument$);
             }
             else {
                 result = undefined;
@@ -2147,56 +2322,79 @@ function setParentStoreEffect(store) {
         }));
     });
 }
-function setParentEffect(store) {
-    return store.effect((input) => {
-        return input.pipe(switchMap((parent) => {
-            store._setParentDocument(parent);
-            if (parent) {
-                return store.collectionFactory$.pipe(tap((collectionFactory) => {
-                    const collection = collectionFactory(parent);
-                    store.setFirestoreCollection(collection);
-                }));
-            }
-            else {
-                // clear the current collection
-                store.setFirestoreCollection(undefined);
-                // do nothing until a parent is returned.
-                return NEVER;
-            }
-        }));
-    });
-}
 
 /**
  * Abstract DbxFirebaseCollectionStore that has a parent document from which is derives it's FiresbaseCollection from.
  */
 class AbstractDbxFirebaseCollectionWithParentStore extends AbstractDbxFirebaseCollectionStore {
-    constructor() {
-        super(...arguments);
+    constructor(state, defaultSourceMode) {
+        super(state);
         // MARK: Effects
-        this.setParent = setParentEffect(this);
         this.setParentStore = setParentStoreEffect(this);
+        this.setSourceMode = this.effect((input) => {
+            return input.pipe(distinctUntilChanged(), switchMap((inputMode) => {
+                const mode = inputMode?.toLowerCase() ?? 'parent'; // default to parent mode
+                if (mode === 'group') {
+                    return this.currentCollectionGroup$.pipe(tap((collectionGroup) => {
+                        this.setFirestoreCollection(collectionGroup);
+                    }));
+                }
+                else {
+                    // parent document collection
+                    return this.currentParent$.pipe(switchMap((parent) => {
+                        if (parent) {
+                            return this.collectionFactory$.pipe(tap((collectionFactory) => {
+                                const collection = collectionFactory(parent);
+                                this.setFirestoreCollection(collection);
+                            }));
+                        }
+                        else {
+                            this.setFirestoreCollection(undefined);
+                            return NEVER;
+                        }
+                    }));
+                }
+            }));
+        });
         // 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());
+        this.currentCollectionGroup$ = this.state$.pipe(map((x) => x.collectionGroup), distinctUntilChanged(), shareReplay(1));
+        this.collectionGroup$ = this.currentCollectionGroup$.pipe(filterMaybe());
         // MARK: State Changes
         /**
          * Sets the collection factory function to use.
          */
         this.setCollectionFactory = this.updater((state, collectionFactory) => ({ ...state, collectionFactory }));
+        /**
+         * Sets the collection group to use.
+         */
+        this.setCollectionGroup = this.updater((state, collectionGroup) => ({ ...state, collectionGroup }));
         /**
          * Sets the parent on the current state.
          */
         this._setParentDocument = this.updater((state, parent) => ({ ...state, parent }));
+        this._setParent = this._setParentDocument;
+        this.setSourceMode(defaultSourceMode || 'parent');
     }
 }
-AbstractDbxFirebaseCollectionWithParentStore.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: AbstractDbxFirebaseCollectionWithParentStore, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+AbstractDbxFirebaseCollectionWithParentStore.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: AbstractDbxFirebaseCollectionWithParentStore, deps: [{ token: null, optional: true }, { token: null, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
 AbstractDbxFirebaseCollectionWithParentStore.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: AbstractDbxFirebaseCollectionWithParentStore });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: AbstractDbxFirebaseCollectionWithParentStore, decorators: [{
             type: Injectable
-        }] });
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [null]
+                }, {
+                    type: Optional
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [null]
+                }, {
+                    type: Optional
+                }] }]; } });
 
 /**
  * Abstract DbxFirebaseDocumentStore that has a parent document from which is derives it's FiresbaseCollection from.
@@ -2205,12 +2403,29 @@ class AbstractDbxFirebaseDocumentWithParentStore extends AbstractDbxFirebaseDocu
     constructor() {
         super(...arguments);
         // MARK: Effects
-        this.setParent = setParentEffect(this);
         this.setParentStore = setParentStoreEffect(this);
+        this.setParent = this.effect((input) => {
+            return input.pipe(switchMap((parent) => {
+                this._setParentDocument(parent);
+                if (parent) {
+                    return this.collectionFactory$.pipe(tap((collectionFactory) => {
+                        const collection = collectionFactory(parent);
+                        this.setFirestoreCollection(collection);
+                    }));
+                }
+                else {
+                    // clear the current collection
+                    this.setFirestoreCollection(undefined);
+                    // do nothing until a parent is returned.
+                    return NEVER;
+                }
+            }));
+        });
+        this._setParent = this.setParent;
         // 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
         /**
@@ -2229,6 +2444,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
             type: Injectable
         }] });
 
+/**
+ * Abstract directive that contains a DbxFirebaseCollectionWithParentStore and provides an interface for communicating with other directives.
+ */
+class DbxFirebaseCollectionWithParentStoreDirective extends DbxFirebaseCollectionStoreDirective {
+    // MARK: Inputs
+    set sourceMode(sourceMode) {
+        this.store.setSourceMode(sourceMode);
+    }
+}
+DbxFirebaseCollectionWithParentStoreDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseCollectionWithParentStoreDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+DbxFirebaseCollectionWithParentStoreDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxFirebaseCollectionWithParentStoreDirective, inputs: { sourceMode: "sourceMode" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseCollectionWithParentStoreDirective, decorators: [{
+            type: Directive
+        }], propDecorators: { sourceMode: [{
+                type: Input
+            }] } });
+function provideDbxFirebaseCollectionWithParentStoreDirective(sourceType, storeType) {
+    const providers = [
+        ...provideDbxFirebaseCollectionStoreDirective(sourceType, storeType),
+        {
+            provide: DbxFirebaseCollectionWithParentStoreDirective,
+            useExisting: forwardRef(() => sourceType)
+        }
+    ];
+    return providers;
+}
+
 class DbxFirebaseModelModule {
 }
 DbxFirebaseModelModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseModelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -2237,9 +2479,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]
                 }]
         }] });
 
@@ -2251,9 +2491,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]
                 }]
         }] });
 
@@ -2261,5 +2499,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AbstractConfiguredDbxFirebaseLoginButtonDirective, AbstractDbxFirebaseCollectionStore, AbstractDbxFirebaseCollectionWithParentStore, AbstractDbxFirebaseDocumentStore, AbstractDbxFirebaseDocumentWithParentStore, DBX_FIREBASE_MODEL_DOES_NOT_EXIST_ERROR, DBX_FIREBASE_OPTIONS_TOKEN, DBX_FIREBASE_ROUTER_SYNC_DEFAULT_ID_PARAM_KEY, DBX_FIRESTORE_CONTEXT_TOKEN, DEFAULT_CONFIGURED_DBX_FIREBASE_LOGIN_BUTTON_TEMPLATE, DEFAULT_DBX_FIREBASE_AUTH_SERVICE_DELEGATE, DEFAULT_FIREBASE_AUTH_LOGIN_PASSWORD_CONFIG, DEFAULT_FIREBASE_AUTH_LOGIN_PASSWORD_CONFIG_TOKEN, DEFAULT_FIREBASE_AUTH_LOGIN_PROVIDERS_TOKEN, DEFAULT_FIREBASE_AUTH_LOGIN_TERMS_COMPONENT_CLASS_TOKEN, DEFAULT_FIREBASE_LOGIN_METHOD_CATEGORY, DbxFirebaseAuthLoginService, DbxFirebaseAuthModule, DbxFirebaseAuthService, DbxFirebaseAuthServiceDelegate, DbxFirebaseCollectionChangeDirective, DbxFirebaseCollectionHasChangeDirective, DbxFirebaseCollectionListDirective, DbxFirebaseCollectionLoaderInstance, DbxFirebaseCollectionStoreDirective, DbxFirebaseDefaultAuthProviderModule, DbxFirebaseDefaultFirebaseProvidersModule, DbxFirebaseDefaultFirestoreProviderModule, DbxFirebaseDefaultFunctionsProviderModule, DbxFirebaseDefaultStorageProviderModule, DbxFirebaseDocumentAuthIdDirective, DbxFirebaseDocumentStoreDirective, DbxFirebaseDocumentStoreRouteIdDirective, DbxFirebaseEmailFormComponent, DbxFirebaseEmailRecoveryFormComponent, DbxFirebaseEmulatorModule, DbxFirebaseFirestoreCollectionModule, DbxFirebaseFunctionsModule, DbxFirebaseLoginAnonymousComponent, DbxFirebaseLoginAppleComponent, DbxFirebaseLoginButtonComponent, DbxFirebaseLoginButtonContainerComponent, DbxFirebaseLoginComponent, DbxFirebaseLoginContext, DbxFirebaseLoginContextBackButtonComponent, DbxFirebaseLoginContextDirective, DbxFirebaseLoginEmailComponent, DbxFirebaseLoginEmailContentComponent, DbxFirebaseLoginFacebookComponent, DbxFirebaseLoginGitHubComponent, DbxFirebaseLoginGoogleComponent, DbxFirebaseLoginListComponent, DbxFirebaseLoginMicrosoftComponent, DbxFirebaseLoginModule, DbxFirebaseLoginModuleRootConfig, DbxFirebaseLoginTermsComponent, DbxFirebaseLoginTermsSimpleComponent, DbxFirebaseLoginTwitterComponent, DbxFirebaseModelModule, DbxFirebaseModelStoreModule, DbxFirebaseModule, DbxFirebaseParsedEmulatorsConfig, DbxFirebaseRegisterComponent, DbxFirebaseRegisterEmailComponent, DbxFirestoreContextService, FIREBASE_AUTH_NETWORK_REQUEST_ERROR, FIREBASE_AUTH_USER_NOT_FOUND_ERROR, OAUTH_FIREBASE_LOGIN_METHOD_CATEGORY, authUserInfoFromAuthUser, authUserStateFromFirebaseAuthService, dbxFirebaseCollectionLoaderInstance, dbxFirebaseCollectionLoaderInstanceWithCollection, defaultFirebaseAuthLoginProvidersFactory, firebaseAuthErrorToReadableError, modelDoesNotExistError, provideDbxFirebaseCollectionStoreDirective, provideDbxFirebaseDocumentStoreDirective, readValueFromIdToken, setParentEffect, setParentStoreEffect };
+export { AbstractConfiguredDbxFirebaseLoginButtonDirective, AbstractDbxFirebaseCollectionStore, AbstractDbxFirebaseCollectionWithParentStore, AbstractDbxFirebaseDocumentStore, AbstractDbxFirebaseDocumentWithParentStore, DBX_FIREBASE_MODEL_DOES_NOT_EXIST_ERROR, DBX_FIREBASE_OPTIONS_TOKEN, DBX_FIREBASE_ROUTER_SYNC_DEFAULT_ID_PARAM_KEY, DBX_FIRESTORE_CONTEXT_TOKEN, DEFAULT_CONFIGURED_DBX_FIREBASE_LOGIN_BUTTON_TEMPLATE, DEFAULT_DBX_FIREBASE_AUTH_SERVICE_DELEGATE, DEFAULT_FIREBASE_AUTH_LOGIN_PASSWORD_CONFIG, DEFAULT_FIREBASE_AUTH_LOGIN_PASSWORD_CONFIG_TOKEN, DEFAULT_FIREBASE_AUTH_LOGIN_PROVIDERS_TOKEN, DEFAULT_FIREBASE_AUTH_LOGIN_TERMS_COMPONENT_CLASS_TOKEN, DEFAULT_FIREBASE_LOGIN_METHOD_CATEGORY, DbxFirebaseAppCheckHttpInterceptor, DbxFirebaseAuthLoginService, DbxFirebaseAuthModule, DbxFirebaseAuthService, DbxFirebaseAuthServiceDelegate, DbxFirebaseCollectionChangeDirective, DbxFirebaseCollectionHasChangeDirective, DbxFirebaseCollectionListDirective, DbxFirebaseCollectionLoaderInstance, DbxFirebaseCollectionStoreDirective, DbxFirebaseCollectionWithParentStoreDirective, DbxFirebaseDefaultAppCheckProviderModule, DbxFirebaseDefaultAuthProviderModule, DbxFirebaseDefaultFirebaseProvidersModule, DbxFirebaseDefaultFirestoreProviderModule, DbxFirebaseDefaultFunctionsProviderModule, DbxFirebaseDefaultStorageProviderModule, DbxFirebaseDocumentAuthIdDirective, DbxFirebaseDocumentStoreDirective, DbxFirebaseDocumentStoreRouteIdDirective, DbxFirebaseEmailFormComponent, DbxFirebaseEmailRecoveryFormComponent, DbxFirebaseEmulatorModule, DbxFirebaseFirestoreCollectionModule, DbxFirebaseFunctionsModule, DbxFirebaseLoginAnonymousComponent, DbxFirebaseLoginAppleComponent, DbxFirebaseLoginButtonComponent, DbxFirebaseLoginButtonContainerComponent, DbxFirebaseLoginComponent, DbxFirebaseLoginContext, DbxFirebaseLoginContextBackButtonComponent, DbxFirebaseLoginContextDirective, DbxFirebaseLoginEmailComponent, DbxFirebaseLoginEmailContentComponent, DbxFirebaseLoginFacebookComponent, DbxFirebaseLoginGitHubComponent, DbxFirebaseLoginGoogleComponent, DbxFirebaseLoginListComponent, DbxFirebaseLoginMicrosoftComponent, DbxFirebaseLoginModule, DbxFirebaseLoginModuleRootConfig, DbxFirebaseLoginTermsComponent, DbxFirebaseLoginTermsSimpleComponent, DbxFirebaseLoginTwitterComponent, DbxFirebaseModelModule, DbxFirebaseModelStoreModule, DbxFirebaseModule, DbxFirebaseParsedEmulatorsConfig, DbxFirebaseRegisterComponent, DbxFirebaseRegisterEmailComponent, DbxFirestoreContextService, FIREBASE_AUTH_NETWORK_REQUEST_ERROR, FIREBASE_AUTH_USER_NOT_FOUND_ERROR, OAUTH_FIREBASE_LOGIN_METHOD_CATEGORY, authUserInfoFromAuthUser, authUserStateFromFirebaseAuthService, dbxFirebaseCollectionLoaderInstance, dbxFirebaseCollectionLoaderInstanceWithCollection, defaultFirebaseAuthLoginProvidersFactory, enableAppCheckDebugTokenGeneration, firebaseAuthErrorToReadableError, modelDoesNotExistError, provideDbxFirebaseCollectionStoreDirective, provideDbxFirebaseCollectionWithParentStoreDirective, provideDbxFirebaseDocumentStoreDirective, readValueFromIdToken, setParentStoreEffect };
 //# sourceMappingURL=dereekb-dbx-firebase.mjs.map