@dereekb/dbx-firebase 2.1.0 → 3.0.0

package/fesm2020/dereekb-dbx-firebase.mjs

@@ -1,8 +1,2253 @@
-const test = '';
+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 { 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 { AbstractAsyncFormlyFormDirective, usernamePasswordLoginFields, ProvideFormlyContext, AbstractSyncFormlyFormDirective, emailField, DbxFormIoModule, DbxFormModule, DbxFormlyModule, DbxFormActionModule, DbxFormFormlyTextFieldModule } from '@dereekb/dbx-form';
+import { initializeApp } from 'firebase/app';
+import * as i5 from '@angular/fire/app';
+import { provideFirebaseApp } from '@angular/fire/app';
+import * as i3$2 from '@angular/fire/storage';
+import { provideStorage, getStorage, connectStorageEmulator } from '@angular/fire/storage';
+import * as i4$1 from '@angular/fire/functions';
+import { provideFunctions, getFunctions, connectFunctionsEmulator, Functions } from '@angular/fire/functions';
+import * as i1$2 from '@angular/fire/firestore';
+import { provideFirestore, getFirestore, connectFirestoreEmulator, enableIndexedDbPersistence, Firestore } from '@angular/fire/firestore';
+import { firebaseFirestoreContextFactory, iterationQueryDocChangeWatcher, firebaseQueryItemAccumulator, documentDataWithId } from '@dereekb/firebase';
+import { shareReplay as shareReplay$1 } from 'rxjs/operators';
+
+/**
+ * Derives a user state from the input firebase auth service.
+ *
+ * @param dbxFirebaseAuthService
+ * @param stateForLoggedInUser Optional function that returns an observable for the user's state if they are logged in and not an anonymous user.
+ * @returns
+ */
+function authUserStateFromFirebaseAuthService(dbxFirebaseAuthService, stateForLoggedInUser = () => of('user')) {
+    return dbxFirebaseAuthService.hasAuthUser$.pipe(switchMap((hasUser) => {
+        let obs;
+        if (hasUser) {
+            obs = dbxFirebaseAuthService.isAnonymousUser$.pipe(switchMap((isAnon) => isAnon ? of('anon') : stateForLoggedInUser(dbxFirebaseAuthService)));
+        }
+        else {
+            obs = of('none');
+        }
+        return obs;
+    }), shareReplay(1));
+}
+/**
+ * Convenience function to read a value from an IdTokenResult off of the current user.
+ *
+ * @param dbxFirebaseAuthService
+ * @param readBooleanFromIdToken
+ * @param defaultValue
+ * @returns
+ */
+function readValueFromIdToken(dbxFirebaseAuthService, readBooleanFromIdToken, defaultValue) {
+    return dbxFirebaseAuthService.currentAuthUserInfo$.pipe(switchMap((x) => {
+        if (x) {
+            return dbxFirebaseAuthService.idTokenResult$.pipe(switchMap(x => readBooleanFromIdToken(x)));
+        }
+        else {
+            return of(defaultValue);
+        }
+    }));
+}
+
+function authUserInfoFromAuthUser(user) {
+    return {
+        displayName: user?.displayName,
+        email: user.email,
+        phoneNumber: user.phoneNumber,
+        photoURL: user.photoURL,
+        uid: user.uid
+    };
+}
+
+class DbxFirebaseAuthServiceDelegate {
+}
+const DEFAULT_DBX_FIREBASE_AUTH_SERVICE_DELEGATE = {
+    authUserStateObs(dbxFirebaseAuthService) {
+        return authUserStateFromFirebaseAuthService(dbxFirebaseAuthService);
+    },
+    authRolesObs(dbxFirebaseAuthService) {
+        return dbxFirebaseAuthService.authUserState$.pipe(map(x => x === 'user' ? new Set(['user']) : new Set()));
+    },
+    isOnboarded(dbxFirebaseAuthService) {
+        return dbxFirebaseAuthService.authUserState$.pipe(map(x => x === 'user'));
+    }
+};
+class DbxFirebaseAuthService {
+    constructor(firebaseAuth, delegate) {
+        this.firebaseAuth = firebaseAuth;
+        this._authState$ = authState(this.firebaseAuth);
+        this.currentAuthUser$ = this._authState$.pipe(timeout({
+            first: 1000,
+            with: () => this._authState$.pipe(startWith(null))
+        }), distinctUntilChanged(), shareReplay(1));
+        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.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));
+        delegate = delegate ?? DEFAULT_DBX_FIREBASE_AUTH_SERVICE_DELEGATE;
+        this.authUserState$ = delegate.authUserStateObs(this).pipe(distinctUntilChanged(), shareReplay(1));
+        this.authRoles$ = delegate.authRolesObs(this);
+        this.isOnboarded$ = delegate.isOnboarded(this);
+    }
+    logInWithGoogle() {
+        return this.logInWithPopup(new GoogleAuthProvider());
+    }
+    logInWithFacebook() {
+        return this.logInWithPopup(new FacebookAuthProvider());
+    }
+    logInWithTwitter() {
+        return this.logInWithPopup(new TwitterAuthProvider());
+    }
+    logInWithGithub() {
+        return this.logInWithPopup(new GithubAuthProvider());
+    }
+    logInWithApple() {
+        throw new Error('todo');
+    }
+    logInWithMicrosoft() {
+        // return this.logInWithPopup(new MicrosoftAuthProvider());
+        throw new Error('todo');
+    }
+    logInWithPhone() {
+        throw new Error('todo');
+        // return signInWithPhoneNumber(this.firebaseAuth, )
+    }
+    logInWithPopup(provider, resolver) {
+        return signInWithPopup(this.firebaseAuth, provider, resolver);
+    }
+    registerWithEmailAndPassword(email, password) {
+        return createUserWithEmailAndPassword(this.firebaseAuth, email, password);
+    }
+    sendPasswordResetEmail(email) {
+        return sendPasswordResetEmail(this.firebaseAuth, email);
+    }
+    logInWithEmailAndPassword(email, password) {
+        return signInWithEmailAndPassword(this.firebaseAuth, email, password);
+    }
+    logInAsAnonymous() {
+        return signInAnonymously(this.firebaseAuth);
+    }
+    logOut() {
+        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.ɵ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: [{
+                    type: Optional
+                }] }]; } });
+
+class DbxFirebaseLoginTermsConfig {
+}
+
+class DbxFirebaseLoginTermsSimpleComponent {
+    constructor(dbxFirebaseLoginTermsConfig) {
+        this.dbxFirebaseLoginTermsConfig = dbxFirebaseLoginTermsConfig;
+        this.tosAnchor = {
+            url: this.dbxFirebaseLoginTermsConfig.tosUrl,
+            target: '_blank'
+        };
+        this.privacyAnchor = {
+            url: this.dbxFirebaseLoginTermsConfig.privacyUrl,
+            target: '_blank'
+        };
+    }
+}
+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>
+  `, 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>
+  `
+                }]
+        }], ctorParameters: function () { return [{ type: DbxFirebaseLoginTermsConfig }]; } });
+
+const DEFAULT_FIREBASE_AUTH_LOGIN_PASSWORD_CONFIG = {
+    minLength: 6
+};
+
+/**
+ * Default providers to inject.
+ */
+const DEFAULT_FIREBASE_AUTH_LOGIN_PROVIDERS_TOKEN = new InjectionToken('DefaultDbxFirebaseAuthLoginProviders');
+const DEFAULT_FIREBASE_AUTH_LOGIN_TERMS_COMPONENT_CLASS_TOKEN = new InjectionToken('DefaultDbxFirebaseAuthLoginTermsComponentClass');
+const DEFAULT_FIREBASE_AUTH_LOGIN_PASSWORD_CONFIG_TOKEN = new InjectionToken('DefaultDbxFirebaseAuthLoginPasswordConfig');
+/**
+ * Service used for registering components used for logging in.
+ *
+ * Default providers can be configured by the DEFAULT_FIREBASE_AUTH_LOGIN_PROVIDERS_TOKEN injectable value.
+ */
+class DbxFirebaseAuthLoginService {
+    constructor(defaultProviders, passwordConfig, termsComponentClass = DbxFirebaseLoginTermsSimpleComponent) {
+        this.termsComponentClass = termsComponentClass;
+        this._enableAll = false;
+        this._providers = new Map();
+        this._assets = new Map();
+        this._enabled = new Set();
+        if (defaultProviders) {
+            defaultProviders.forEach((x) => this.register(x, false));
+        }
+        this._passwordConfig = passwordConfig ?? DEFAULT_FIREBASE_AUTH_LOGIN_PASSWORD_CONFIG;
+    }
+    /**
+     * Used to register a provider. If a provider is already registered, this will override it by default.
+     *
+     * @param provider
+     * @param override
+     */
+    register(provider, override = true) {
+        if (override || !this._providers.has(provider.loginMethodType)) {
+            this._providers.set(provider.loginMethodType, provider);
+            if (provider.assets) {
+                this.updateAssetsForProvider(provider.loginMethodType, provider.assets);
+            }
+            return true;
+        }
+        else {
+            return false;
+        }
+    }
+    /**
+     * Updates the assets for a provider type.
+     *
+     * @param type
+     * @param assets
+     */
+    updateAssetsForProvider(type, assets) {
+        const current = this._assets.get(type);
+        const update = {
+            ...current,
+            ...assets
+        };
+        this._assets.set(type, update);
+    }
+    // MARK: Enable/Disable
+    /**
+     * Enables all providers and any providers that will be registered.
+     */
+    setEnableAll(enableAll = true) {
+        this._enableAll = enableAll;
+    }
+    clearEnabled() {
+        this._enabled = new Set();
+    }
+    /**
+     * Enables all of the specified types.
+     *
+     * @param types
+     */
+    enable(types) {
+        addToSet(this._enabled, types);
+    }
+    disable(types) {
+        removeFromSet(this._enabled, types);
+    }
+    // MARK: Get
+    getRegisteredTypes() {
+        return Array.from(this._providers.keys());
+    }
+    getEnabledTypes() {
+        return (this._enableAll) ? this.getRegisteredTypes() : Array.from(this._enabled);
+    }
+    getLoginProvider(type) {
+        return this._providers.get(type);
+    }
+    getLoginProviders(types) {
+        return filterMaybeValues(mapIterable(types ?? [], (x) => this._providers.get(x)));
+    }
+    getRegisterProvider(type) {
+        return this._providers.get(type);
+    }
+    getRegisterProviders(types) {
+        return filterMaybeValues(mapIterable(types ?? [], (x) => this._providers.get(x))).filter(x => x.registrationComponentClass !== false);
+    }
+    getProviderAssets(type) {
+        return this._assets.get(type);
+    }
+    getPasswordConfig() {
+        return this._passwordConfig;
+    }
+    setPasswordConfig(passwordConfig) {
+        this._passwordConfig = passwordConfig;
+    }
+}
+DbxFirebaseAuthLoginService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseAuthLoginService, deps: [{ token: DEFAULT_FIREBASE_AUTH_LOGIN_PROVIDERS_TOKEN, optional: true }, { token: DEFAULT_FIREBASE_AUTH_LOGIN_PASSWORD_CONFIG_TOKEN, optional: true }, { token: DEFAULT_FIREBASE_AUTH_LOGIN_TERMS_COMPONENT_CLASS_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+DbxFirebaseAuthLoginService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseAuthLoginService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseAuthLoginService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [DEFAULT_FIREBASE_AUTH_LOGIN_PROVIDERS_TOKEN]
+                }] }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [DEFAULT_FIREBASE_AUTH_LOGIN_PASSWORD_CONFIG_TOKEN]
+                }] }, { type: i0.Type, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [DEFAULT_FIREBASE_AUTH_LOGIN_TERMS_COMPONENT_CLASS_TOKEN]
+                }] }]; } });
+
+/**
+ * Injection token for a DbxInjectionContext for DbxFirebaseLoginContext.
+ */
+class DbxFirebaseLoginContext extends DbxInjectionContext {
+}
+
+/**
+ * Login button and action.
+ */
+class DbxFirebaseLoginButtonComponent {
+    constructor() {
+        this.handleAction = (value) => {
+            const loginPromise = this.config.handleLogin();
+            return from(loginPromise);
+        };
+        this.onActionSuccess = (value) => {
+            // todo: show checkmark on success?
+        };
+    }
+    get iconUrl() {
+        return this.config?.iconUrl;
+    }
+    get icon() {
+        return this.config?.icon;
+    }
+    get text() {
+        return this.config?.text;
+    }
+    get buttonColor() {
+        return this.config?.buttonColor ?? 'transparent';
+    }
+    get buttonTextColor() {
+        return this.config?.buttonTextColor;
+    }
+}
+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>
+  `, 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>
+  `,
+                    host: {
+                        'class': 'dbx-firebase-login-button'
+                    }
+                }]
+        }], propDecorators: { config: [{
+                type: Input
+            }] } });
+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>
+  `, 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>
+  `
+                }]
+        }] });
+const DEFAULT_CONFIGURED_DBX_FIREBASE_LOGIN_BUTTON_TEMPLATE = `
+  <dbx-firebase-login-button-container>
+    <dbx-firebase-login-button [config]="config"></dbx-firebase-login-button>
+  </dbx-firebase-login-button-container>
+`;
+class AbstractConfiguredDbxFirebaseLoginButtonDirective {
+    constructor(dbxFirebaseAuthService, dbxFirebaseAuthLoginService, dbxFirebaseLoginContext) {
+        this.dbxFirebaseAuthService = dbxFirebaseAuthService;
+        this.dbxFirebaseAuthLoginService = dbxFirebaseAuthLoginService;
+        this.dbxFirebaseLoginContext = dbxFirebaseLoginContext;
+    }
+    ngOnInit() {
+        const assets = this.assetConfig;
+        this._config = {
+            text: assets.loginText ?? `<loginText not configured>`,
+            icon: assets.loginIcon,
+            iconUrl: assets.logoUrl,
+            buttonColor: assets.backgroundColor,
+            buttonTextColor: assets.textColor,
+            handleLogin: () => this.handleLogin()
+        };
+    }
+    get providerConfig() {
+        return this.dbxFirebaseAuthLoginService.getLoginProvider(this.loginProvider);
+    }
+    get assetConfig() {
+        return this.dbxFirebaseAuthLoginService.getProviderAssets(this.loginProvider) ?? {};
+    }
+    get config() {
+        return this._config;
+    }
+}
+AbstractConfiguredDbxFirebaseLoginButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: AbstractConfiguredDbxFirebaseLoginButtonDirective, deps: [{ token: DbxFirebaseAuthService }, { token: DbxFirebaseAuthLoginService }, { token: DbxFirebaseLoginContext }], target: i0.ɵɵFactoryTarget.Directive });
+AbstractConfiguredDbxFirebaseLoginButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: AbstractConfiguredDbxFirebaseLoginButtonDirective, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: AbstractConfiguredDbxFirebaseLoginButtonDirective, decorators: [{
+            type: Directive
+        }], ctorParameters: function () { return [{ type: DbxFirebaseAuthService }, { type: DbxFirebaseAuthLoginService }, { type: DbxFirebaseLoginContext }]; } });
+
+class DbxFirebaseLoginAppleComponent extends AbstractConfiguredDbxFirebaseLoginButtonDirective {
+    constructor() {
+        super(...arguments);
+        this.loginProvider = 'apple';
+    }
+    handleLogin() {
+        return this.dbxFirebaseAuthService.logInWithApple();
+    }
+}
+DbxFirebaseLoginAppleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseLoginAppleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+DbxFirebaseLoginAppleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxFirebaseLoginAppleComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "\n  <dbx-firebase-login-button-container>\n    <dbx-firebase-login-button [config]=\"config\"></dbx-firebase-login-button>\n  </dbx-firebase-login-button-container>\n", isInline: true, components: [{ type: DbxFirebaseLoginButtonContainerComponent, selector: "dbx-firebase-login-button-container" }, { type: DbxFirebaseLoginButtonComponent, selector: "dbx-firebase-login-button", inputs: ["config"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseLoginAppleComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: DEFAULT_CONFIGURED_DBX_FIREBASE_LOGIN_BUTTON_TEMPLATE
+                }]
+        }] });
+
+const DEFAULT_FIREBASE_LOGIN_METHOD_CATEGORY = 'default';
+const OAUTH_FIREBASE_LOGIN_METHOD_CATEGORY = 'oauth';
+
+class DbxFirebaseLoginAnonymousComponent extends AbstractConfiguredDbxFirebaseLoginButtonDirective {
+    constructor() {
+        super(...arguments);
+        this.loginProvider = 'anonymous';
+    }
+    handleLogin() {
+        return this.dbxFirebaseAuthService.logInAsAnonymous();
+    }
+}
+DbxFirebaseLoginAnonymousComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseLoginAnonymousComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+DbxFirebaseLoginAnonymousComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxFirebaseLoginAnonymousComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "\n  <dbx-firebase-login-button-container>\n    <dbx-firebase-login-button [config]=\"config\"></dbx-firebase-login-button>\n  </dbx-firebase-login-button-container>\n", isInline: true, components: [{ type: DbxFirebaseLoginButtonContainerComponent, selector: "dbx-firebase-login-button-container" }, { type: DbxFirebaseLoginButtonComponent, selector: "dbx-firebase-login-button", inputs: ["config"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseLoginAnonymousComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: DEFAULT_CONFIGURED_DBX_FIREBASE_LOGIN_BUTTON_TEMPLATE
+                }]
+        }] });
+
+/**
+ * Pre-configured login component that displays all configured login types.
+ */
+class DbxFirebaseLoginListComponent {
+    constructor(dbxFirebaseAuthLoginService) {
+        this.dbxFirebaseAuthLoginService = dbxFirebaseAuthLoginService;
+        this._loginMode = new BehaviorSubject('login');
+        this._inputProviderCategories = new BehaviorSubject(undefined);
+        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;
+            return types;
+        }), shareReplay(1));
+        this.providers$ = combineLatest([this.providerTypes$, this._inputProviderCategories]).pipe(map(([x, inputProviderCategories]) => {
+            const providerCategories = asArray(inputProviderCategories);
+            let providers = this.dbxFirebaseAuthLoginService.getLoginProviders(x);
+            if (providerCategories.length) {
+                const categories = new Set(providerCategories);
+                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 }));
+            return providers.map(mapFn);
+        }));
+    }
+    ngOnDestroy() {
+        this._loginMode.complete();
+        this._inputProviderCategories.complete();
+        this._omitProviderTypes.complete();
+        this._inputProviderTypes.complete();
+    }
+    set loginMode(loginMode) {
+        this._loginMode.next(loginMode);
+    }
+    set providerTypes(providerTypes) {
+        this._inputProviderTypes.next(providerTypes);
+    }
+    set omitProviderTypes(providerTypes) {
+        this._omitProviderTypes.next(providerTypes);
+    }
+    set providerCategories(providerCategories) {
+        this._inputProviderCategories.next(providerCategories);
+    }
+}
+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)">
+      <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 } });
+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)">
+      <dbx-injection [config]="config"></dbx-injection>
+    </div>
+`,
+                    host: {
+                        'class': 'dbx-firebase-login-list'
+                    }
+                }]
+        }], ctorParameters: function () { return [{ type: DbxFirebaseAuthLoginService }]; }, propDecorators: { loginMode: [{
+                type: Input
+            }], providerTypes: [{
+                type: Input
+            }], omitProviderTypes: [{
+                type: Input
+            }], providerCategories: [{
+                type: Input
+            }] } });
+
+/**
+ * DbxFirebaseLoginContext implementation.
+ */
+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: [{
+            provide: DbxFirebaseLoginContext,
+            useExisting: DbxFirebaseLoginContextDirective
+        }], 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: [{
+                            provide: DbxFirebaseLoginContext,
+                            useExisting: DbxFirebaseLoginContextDirective
+                        }]
+                }]
+        }] });
+
+/**
+ * Pre-configured login component that displays all configured login types.
+ */
+class DbxFirebaseLoginComponent {
+    constructor() {
+        this.loginMode = 'login';
+    }
+}
+DbxFirebaseLoginComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseLoginComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbxFirebaseLoginComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxFirebaseLoginComponent, selector: "dbx-firebase-login", inputs: { loginMode: "loginMode", providerTypes: "providerTypes", omitProviderTypes: "omitProviderTypes", providerCategories: "providerCategories" }, host: { properties: { "class": "{ \"dbx-firebase-register\": loginMode === \"register\" }" }, classAttribute: "d-block dbx-firebase-login" }, ngImport: i0, template: `
+    <ng-container *dbxInjectionContext dbxFirebaseLoginContext>
+      <dbx-firebase-login-list [providerTypes]="providerTypes" [omitProviderTypes]="omitProviderTypes" [providerCategories]="providerCategories" [loginMode]="loginMode"></dbx-firebase-login-list>
+    </ng-container>
+  `, isInline: true, components: [{ type: DbxFirebaseLoginListComponent, selector: "dbx-firebase-login-list", inputs: ["loginMode", "providerTypes", "omitProviderTypes", "providerCategories"] }], directives: [{ type: i3$1.DbxInjectionContextDirective, selector: "[dbxInjectionContext]", inputs: ["config"] }, { type: DbxFirebaseLoginContextDirective, selector: "[dbxFirebaseLoginContext]" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseLoginComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'dbx-firebase-login',
+                    template: `
+    <ng-container *dbxInjectionContext dbxFirebaseLoginContext>
+      <dbx-firebase-login-list [providerTypes]="providerTypes" [omitProviderTypes]="omitProviderTypes" [providerCategories]="providerCategories" [loginMode]="loginMode"></dbx-firebase-login-list>
+    </ng-container>
+  `,
+                    host: {
+                        'class': 'd-block dbx-firebase-login',
+                        '[class]': '{ "dbx-firebase-register": loginMode === "register" }'
+                    }
+                }]
+        }], propDecorators: { loginMode: [{
+                type: Input
+            }], providerTypes: [{
+                type: Input
+            }], omitProviderTypes: [{
+                type: Input
+            }], providerCategories: [{
+                type: Input
+            }] } });
+
+const FIREBASE_AUTH_USER_NOT_FOUND_ERROR = 'auth/user-not-found';
+const FIREBASE_AUTH_NETWORK_REQUEST_ERROR = 'auth/network-request-error';
+function firebaseAuthErrorToReadableError(inputError) {
+    const code = inputError.code;
+    let error;
+    switch (code) {
+        case FIREBASE_AUTH_USER_NOT_FOUND_ERROR:
+            error = {
+                code,
+                message: 'A user with this email address was not found.'
+            };
+            break;
+        case FIREBASE_AUTH_NETWORK_REQUEST_ERROR:
+            error = {
+                code,
+                message: 'Could not reach the server.'
+            };
+            break;
+        default:
+            error = {
+                code,
+                message: 'An error occured.'
+            };
+            break;
+    }
+    return error;
+}
+
+class DbxFirebaseEmailFormComponent extends AbstractAsyncFormlyFormDirective {
+    constructor() {
+        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') });
+            return fields;
+        }));
+    }
+    set config(config) {
+        this._config.next(config);
+    }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+        this._config.complete();
+    }
+}
+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"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseEmailFormComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: `<dbx-formly></dbx-formly>`,
+                    selector: 'dbx-firebase-email-form',
+                    providers: [ProvideFormlyContext()]
+                }]
+        }], propDecorators: { config: [{
+                type: Input
+            }] } });
+
+class DbxFirebaseEmailRecoveryFormComponent extends AbstractSyncFormlyFormDirective {
+    constructor() {
+        super(...arguments);
+        this.fields = [emailField({ required: true })];
+    }
+}
+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"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseEmailRecoveryFormComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: `<dbx-formly></dbx-formly>`,
+                    selector: 'dbx-firebase-email-recovery-form',
+                    providers: [ProvideFormlyContext()]
+                }]
+        }] });
+
+class DbxFirebaseLoginEmailContentComponent {
+    constructor(dbxFirebaseAuthService, config) {
+        this.dbxFirebaseAuthService = dbxFirebaseAuthService;
+        this.config = config;
+        this.formConfig = {
+            loginMode: this.config.loginMode,
+            passwordConfig: this.config.passwordConfig
+        };
+        this._emailMode = new BehaviorSubject('login');
+        this.emailMode$ = this._emailMode.asObservable();
+        this.forgotAnchor = {
+            onClick: () => {
+                this.openRecovery();
+            }
+        };
+        this.doneOrCancelled = new EventEmitter();
+        this.handleLoginAction = (value) => {
+            this.emailFormValue = value;
+            this.recoveryFormValue = { email: value.username }; // cache value for recovery
+            let result;
+            if (this.loginMode === 'register') {
+                result = this.dbxFirebaseAuthService.registerWithEmailAndPassword(value.username, value.password);
+            }
+            else {
+                result = this.dbxFirebaseAuthService.logInWithEmailAndPassword(value.username, value.password).catch((error) => {
+                    throw firebaseAuthErrorToReadableError(error);
+                });
+            }
+            return from(result).pipe(tap(() => {
+                this.doneOrCancelled.next(true);
+            }));
+        };
+        this.handleRecoveryAction = (value) => {
+            this.recoveryFormValue = value;
+            this.emailFormValue = { username: value.email, password: '' };
+            let result = this.dbxFirebaseAuthService.sendPasswordResetEmail(value.email);
+            return from(result).pipe(tap(() => {
+                this.onRecoveringSuccess();
+            }));
+        };
+    }
+    ngOnDestroy() {
+        this._emailMode.complete();
+    }
+    static openEmailLoginContext(dbxFirebaseLoginContext, config) {
+        return dbxFirebaseLoginContext.showContext({
+            config: {
+                componentClass: DbxFirebaseLoginEmailContentComponent,
+                data: config
+            },
+            use: (instance) => firstValueFrom(instance.doneOrCancelled)
+        });
+    }
+    get loginMode() {
+        return this.config.loginMode;
+    }
+    get isLoginMode() {
+        return this.loginMode === 'login';
+    }
+    get isRegisterMode() {
+        return this.loginMode === 'register';
+    }
+    get buttonText() {
+        return this.config.loginMode === 'register' ? 'Register' : 'Log In';
+    }
+    // MARK: Recovery
+    openRecovery() {
+        this._emailMode.next('recover');
+    }
+    // MARK: Recovering
+    onRecoveringSuccess() {
+    }
+    // MARK: Cancel
+    onCancel() {
+        this.doneOrCancelled.next(false);
+    }
+    onCancelReset() {
+        this.doneOrCancelled.next(false);
+    }
+}
+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 } });
+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" }]
+        }], ctorParameters: function () { return [{ type: DbxFirebaseAuthService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DBX_INJECTION_COMPONENT_DATA]
+                }] }]; } });
+
+class DbxFirebaseLoginEmailComponent extends AbstractConfiguredDbxFirebaseLoginButtonDirective {
+    constructor() {
+        super(...arguments);
+        this.loginProvider = 'email';
+    }
+    handleLogin() {
+        return DbxFirebaseLoginEmailContentComponent.openEmailLoginContext(this.dbxFirebaseLoginContext, { loginMode: 'login', passwordConfig: this.dbxFirebaseAuthLoginService.getPasswordConfig() });
+    }
+}
+DbxFirebaseLoginEmailComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseLoginEmailComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+DbxFirebaseLoginEmailComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxFirebaseLoginEmailComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "\n  <dbx-firebase-login-button-container>\n    <dbx-firebase-login-button [config]=\"config\"></dbx-firebase-login-button>\n  </dbx-firebase-login-button-container>\n", isInline: true, components: [{ type: DbxFirebaseLoginButtonContainerComponent, selector: "dbx-firebase-login-button-container" }, { type: DbxFirebaseLoginButtonComponent, selector: "dbx-firebase-login-button", inputs: ["config"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseLoginEmailComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: DEFAULT_CONFIGURED_DBX_FIREBASE_LOGIN_BUTTON_TEMPLATE
+                }]
+        }] });
+
+class DbxFirebaseLoginFacebookComponent extends AbstractConfiguredDbxFirebaseLoginButtonDirective {
+    constructor() {
+        super(...arguments);
+        this.loginProvider = 'facebook';
+    }
+    handleLogin() {
+        return this.dbxFirebaseAuthService.logInWithFacebook();
+    }
+}
+DbxFirebaseLoginFacebookComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseLoginFacebookComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+DbxFirebaseLoginFacebookComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxFirebaseLoginFacebookComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "\n  <dbx-firebase-login-button-container>\n    <dbx-firebase-login-button [config]=\"config\"></dbx-firebase-login-button>\n  </dbx-firebase-login-button-container>\n", isInline: true, components: [{ type: DbxFirebaseLoginButtonContainerComponent, selector: "dbx-firebase-login-button-container" }, { type: DbxFirebaseLoginButtonComponent, selector: "dbx-firebase-login-button", inputs: ["config"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseLoginFacebookComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: DEFAULT_CONFIGURED_DBX_FIREBASE_LOGIN_BUTTON_TEMPLATE
+                }]
+        }] });
+
+class DbxFirebaseLoginGoogleComponent extends AbstractConfiguredDbxFirebaseLoginButtonDirective {
+    constructor() {
+        super(...arguments);
+        this.loginProvider = 'google';
+    }
+    handleLogin() {
+        return this.dbxFirebaseAuthService.logInWithGoogle();
+    }
+}
+DbxFirebaseLoginGoogleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseLoginGoogleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+DbxFirebaseLoginGoogleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxFirebaseLoginGoogleComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "\n  <dbx-firebase-login-button-container>\n    <dbx-firebase-login-button [config]=\"config\"></dbx-firebase-login-button>\n  </dbx-firebase-login-button-container>\n", isInline: true, components: [{ type: DbxFirebaseLoginButtonContainerComponent, selector: "dbx-firebase-login-button-container" }, { type: DbxFirebaseLoginButtonComponent, selector: "dbx-firebase-login-button", inputs: ["config"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseLoginGoogleComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: DEFAULT_CONFIGURED_DBX_FIREBASE_LOGIN_BUTTON_TEMPLATE
+                }]
+        }] });
+
+/**
+ * Pre-configured register component that displays all configured login types and their registration components.
+ */
+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"] }] });
+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>`
+                }]
+        }], propDecorators: { providerTypes: [{
+                type: Input
+            }], omitProviderTypes: [{
+                type: Input
+            }], providerCategories: [{
+                type: Input
+            }] } });
+
+class DbxFirebaseLoginGitHubComponent extends AbstractConfiguredDbxFirebaseLoginButtonDirective {
+    constructor() {
+        super(...arguments);
+        this.loginProvider = 'github';
+    }
+    handleLogin() {
+        return this.dbxFirebaseAuthService.logInWithGithub();
+    }
+}
+DbxFirebaseLoginGitHubComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseLoginGitHubComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+DbxFirebaseLoginGitHubComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxFirebaseLoginGitHubComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "\n  <dbx-firebase-login-button-container>\n    <dbx-firebase-login-button [config]=\"config\"></dbx-firebase-login-button>\n  </dbx-firebase-login-button-container>\n", isInline: true, components: [{ type: DbxFirebaseLoginButtonContainerComponent, selector: "dbx-firebase-login-button-container" }, { type: DbxFirebaseLoginButtonComponent, selector: "dbx-firebase-login-button", inputs: ["config"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseLoginGitHubComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: DEFAULT_CONFIGURED_DBX_FIREBASE_LOGIN_BUTTON_TEMPLATE
+                }]
+        }] });
+
+class DbxFirebaseLoginTwitterComponent extends AbstractConfiguredDbxFirebaseLoginButtonDirective {
+    constructor() {
+        super(...arguments);
+        this.loginProvider = 'twitter';
+    }
+    handleLogin() {
+        return this.dbxFirebaseAuthService.logInWithTwitter();
+    }
+}
+DbxFirebaseLoginTwitterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseLoginTwitterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+DbxFirebaseLoginTwitterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxFirebaseLoginTwitterComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "\n  <dbx-firebase-login-button-container>\n    <dbx-firebase-login-button [config]=\"config\"></dbx-firebase-login-button>\n  </dbx-firebase-login-button-container>\n", isInline: true, components: [{ type: DbxFirebaseLoginButtonContainerComponent, selector: "dbx-firebase-login-button-container" }, { type: DbxFirebaseLoginButtonComponent, selector: "dbx-firebase-login-button", inputs: ["config"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseLoginTwitterComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: DEFAULT_CONFIGURED_DBX_FIREBASE_LOGIN_BUTTON_TEMPLATE
+                }]
+        }] });
+
+class DbxFirebaseLoginMicrosoftComponent extends AbstractConfiguredDbxFirebaseLoginButtonDirective {
+    constructor() {
+        super(...arguments);
+        this.loginProvider = 'microsoft';
+    }
+    handleLogin() {
+        return this.dbxFirebaseAuthService.logInWithMicrosoft();
+    }
+}
+DbxFirebaseLoginMicrosoftComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseLoginMicrosoftComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+DbxFirebaseLoginMicrosoftComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxFirebaseLoginMicrosoftComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "\n  <dbx-firebase-login-button-container>\n    <dbx-firebase-login-button [config]=\"config\"></dbx-firebase-login-button>\n  </dbx-firebase-login-button-container>\n", isInline: true, components: [{ type: DbxFirebaseLoginButtonContainerComponent, selector: "dbx-firebase-login-button-container" }, { type: DbxFirebaseLoginButtonComponent, selector: "dbx-firebase-login-button", inputs: ["config"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseLoginMicrosoftComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: DEFAULT_CONFIGURED_DBX_FIREBASE_LOGIN_BUTTON_TEMPLATE
+                }]
+        }] });
+
+class DbxFirebaseRegisterEmailComponent extends AbstractConfiguredDbxFirebaseLoginButtonDirective {
+    constructor() {
+        super(...arguments);
+        this.loginProvider = 'email';
+    }
+    handleLogin() {
+        return DbxFirebaseLoginEmailContentComponent.openEmailLoginContext(this.dbxFirebaseLoginContext, { loginMode: 'register', passwordConfig: this.dbxFirebaseAuthLoginService.getPasswordConfig() });
+    }
+}
+DbxFirebaseRegisterEmailComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseRegisterEmailComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+DbxFirebaseRegisterEmailComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxFirebaseRegisterEmailComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<dbx-firebase-login-button-container>\n  <dbx-firebase-login-button [config]=\"config\"></dbx-firebase-login-button>\n</dbx-firebase-login-button-container>\n", components: [{ type: DbxFirebaseLoginButtonContainerComponent, selector: "dbx-firebase-login-button-container" }, { type: DbxFirebaseLoginButtonComponent, selector: "dbx-firebase-login-button", inputs: ["config"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseRegisterEmailComponent, decorators: [{
+            type: Component,
+            args: [{ template: "<dbx-firebase-login-button-container>\n  <dbx-firebase-login-button [config]=\"config\"></dbx-firebase-login-button>\n</dbx-firebase-login-button-container>\n" }]
+        }] });
+
+class DbxFirebaseLoginTermsComponent {
+    constructor(dbxFirebaseAuthLoginService) {
+        this.dbxFirebaseAuthLoginService = dbxFirebaseAuthLoginService;
+        this.config = {
+            componentClass: this.dbxFirebaseAuthLoginService.termsComponentClass
+        };
+    }
+}
+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"] }] });
+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>`,
+                    host: {
+                        'class': 'dbx-firebase-login-terms d-block',
+                    }
+                }]
+        }], ctorParameters: function () { return [{ type: DbxFirebaseAuthLoginService }]; } });
+
+class DbxFirebaseLoginContextBackButtonComponent {
+    constructor() {
+        this.onCancel = new EventEmitter();
+        this.anchor = {
+            onClick: () => this.onCancel.emit()
+        };
+    }
+}
+DbxFirebaseLoginContextBackButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseLoginContextBackButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbxFirebaseLoginContextBackButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxFirebaseLoginContextBackButtonComponent, selector: "dbx-firebase-login-context-back-button", outputs: { onCancel: "onCancel" }, ngImport: i0, template: `
+    <dbx-link [anchor]="anchor">Choose other login method.</dbx-link>
+  `, isInline: true, components: [{ type: i3.DbxAnchorLinkComponent, selector: "dbx-link", inputs: ["anchor", "ref", "href"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseLoginContextBackButtonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    'selector': 'dbx-firebase-login-context-back-button',
+                    'template': `
+    <dbx-link [anchor]="anchor">Choose other login method.</dbx-link>
+  `
+                }]
+        }], propDecorators: { onCancel: [{
+                type: Output
+            }] } });
+
+class DbxFirebaseLoginModuleRootConfig extends DbxFirebaseLoginTermsConfig {
+}
+function defaultFirebaseAuthLoginProvidersFactory() {
+    // NOTE: Asset URLS are from Firebase.
+    // 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 [{
+            category: DEFAULT_FIREBASE_LOGIN_METHOD_CATEGORY,
+            loginMethodType: 'email',
+            componentClass: DbxFirebaseLoginEmailComponent,
+            registrationComponentClass: DbxFirebaseRegisterEmailComponent,
+            assets: {
+                logoUrl: `${baseFirebaseJSUrl}/mail.svg`,
+                loginText: 'Continue with Email',
+                backgroundColor: '#ea4335',
+                textColor: '#FFF'
+            }
+        }, {
+            category: OAUTH_FIREBASE_LOGIN_METHOD_CATEGORY,
+            loginMethodType: 'google',
+            componentClass: DbxFirebaseLoginGoogleComponent,
+            assets: {
+                logoUrl: `${baseFirebaseJSUrl}/google.svg`,
+                loginText: 'Continue with Google',
+                backgroundColor: '#FFF',
+                textColor: '#757575'
+            }
+        }, {
+            category: OAUTH_FIREBASE_LOGIN_METHOD_CATEGORY,
+            loginMethodType: 'facebook',
+            componentClass: DbxFirebaseLoginFacebookComponent,
+            assets: {
+                logoUrl: `${baseFirebaseJSUrl}/facebook.svg`,
+                loginText: 'Continue with Facebook',
+                backgroundColor: '#4267B2',
+                textColor: '#FFF'
+            }
+        }, {
+            category: OAUTH_FIREBASE_LOGIN_METHOD_CATEGORY,
+            loginMethodType: 'twitter',
+            componentClass: DbxFirebaseLoginTwitterComponent,
+            assets: {
+                logoUrl: `${baseFirebaseJSUrl}/twitter.svg`,
+                loginText: 'Continue with Twitter',
+                backgroundColor: '#1da1f2',
+                textColor: '#FFF'
+            }
+        }, {
+            category: OAUTH_FIREBASE_LOGIN_METHOD_CATEGORY,
+            loginMethodType: 'github',
+            componentClass: DbxFirebaseLoginGitHubComponent,
+            assets: {
+                logoUrl: `${baseFirebaseJSUrl}/github.svg`,
+                loginText: 'Continue with Github',
+                backgroundColor: '#333',
+                textColor: '#FFF'
+            }
+        },
+        {
+            category: DEFAULT_FIREBASE_LOGIN_METHOD_CATEGORY,
+            loginMethodType: 'anonymous',
+            componentClass: DbxFirebaseLoginAnonymousComponent,
+            assets: {
+                loginIcon: 'account_circle',
+                loginText: 'Continue as Guest',
+                backgroundColor: '#000',
+                textColor: '#FFF'
+            }
+        }];
+}
+/**
+ * Contains components related to logging in.
+ */
+class DbxFirebaseLoginModule {
+    constructor(config, dbxFirebaseAuthLoginService) {
+        if (config.enabledLoginMethods === true) {
+            dbxFirebaseAuthLoginService.setEnableAll();
+        }
+        else {
+            dbxFirebaseAuthLoginService.enable(config.enabledLoginMethods); // enable the types in the service.
+        }
+    }
+    static forRoot(config) {
+        return {
+            ngModule: DbxFirebaseLoginModule,
+            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
+                }]
+        };
+    }
+}
+DbxFirebaseLoginModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseLoginModule, deps: [{ token: DbxFirebaseLoginModuleRootConfig }, { token: DbxFirebaseAuthLoginService }], target: i0.ɵɵFactoryTarget.NgModule });
+DbxFirebaseLoginModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseLoginModule, declarations: [DbxFirebaseLoginComponent,
+        DbxFirebaseLoginContextDirective,
+        DbxFirebaseLoginContextBackButtonComponent,
+        DbxFirebaseRegisterComponent,
+        DbxFirebaseLoginListComponent,
+        DbxFirebaseLoginButtonComponent,
+        DbxFirebaseLoginButtonContainerComponent,
+        DbxFirebaseLoginEmailComponent,
+        DbxFirebaseLoginEmailContentComponent,
+        DbxFirebaseEmailFormComponent,
+        DbxFirebaseEmailRecoveryFormComponent,
+        DbxFirebaseRegisterEmailComponent,
+        DbxFirebaseLoginGoogleComponent,
+        DbxFirebaseLoginGitHubComponent,
+        DbxFirebaseLoginTwitterComponent,
+        DbxFirebaseLoginAppleComponent,
+        DbxFirebaseLoginMicrosoftComponent,
+        DbxFirebaseLoginFacebookComponent,
+        DbxFirebaseLoginAnonymousComponent,
+        DbxFirebaseLoginTermsComponent,
+        DbxFirebaseLoginTermsSimpleComponent], imports: [CommonModule,
+        MatIconModule,
+        MatButtonModule,
+        DbxRouterAnchorModule,
+        DbxFormIoModule,
+        DbxFormModule,
+        DbxFormlyModule,
+        DbxFormActionModule,
+        DbxFormFormlyTextFieldModule,
+        DbxReadableErrorModule,
+        DbxActionModule,
+        DbxButtonModule,
+        DbxInjectionComponentModule], exports: [DbxFirebaseLoginComponent,
+        DbxFirebaseLoginContextDirective,
+        DbxFirebaseLoginContextBackButtonComponent,
+        DbxFirebaseRegisterComponent,
+        DbxFirebaseLoginListComponent,
+        DbxFirebaseLoginButtonComponent,
+        DbxFirebaseLoginButtonContainerComponent,
+        DbxFirebaseLoginEmailComponent,
+        DbxFirebaseLoginEmailContentComponent,
+        DbxFirebaseEmailFormComponent,
+        DbxFirebaseEmailRecoveryFormComponent,
+        DbxFirebaseRegisterEmailComponent,
+        DbxFirebaseLoginGoogleComponent,
+        DbxFirebaseLoginGitHubComponent,
+        DbxFirebaseLoginTwitterComponent,
+        DbxFirebaseLoginAppleComponent,
+        DbxFirebaseLoginMicrosoftComponent,
+        DbxFirebaseLoginFacebookComponent,
+        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
+        ]] });
+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
+                    ],
+                    declarations: [
+                        DbxFirebaseLoginComponent,
+                        DbxFirebaseLoginContextDirective,
+                        DbxFirebaseLoginContextBackButtonComponent,
+                        DbxFirebaseRegisterComponent,
+                        DbxFirebaseLoginListComponent,
+                        DbxFirebaseLoginButtonComponent,
+                        DbxFirebaseLoginButtonContainerComponent,
+                        DbxFirebaseLoginEmailComponent,
+                        DbxFirebaseLoginEmailContentComponent,
+                        DbxFirebaseEmailFormComponent,
+                        DbxFirebaseEmailRecoveryFormComponent,
+                        DbxFirebaseRegisterEmailComponent,
+                        DbxFirebaseLoginGoogleComponent,
+                        DbxFirebaseLoginGitHubComponent,
+                        DbxFirebaseLoginTwitterComponent,
+                        DbxFirebaseLoginAppleComponent,
+                        DbxFirebaseLoginMicrosoftComponent,
+                        DbxFirebaseLoginFacebookComponent,
+                        DbxFirebaseLoginAnonymousComponent,
+                        DbxFirebaseLoginTermsComponent,
+                        DbxFirebaseLoginTermsSimpleComponent
+                    ],
+                    exports: [
+                        DbxFirebaseLoginComponent,
+                        DbxFirebaseLoginContextDirective,
+                        DbxFirebaseLoginContextBackButtonComponent,
+                        DbxFirebaseRegisterComponent,
+                        DbxFirebaseLoginListComponent,
+                        DbxFirebaseLoginButtonComponent,
+                        DbxFirebaseLoginButtonContainerComponent,
+                        DbxFirebaseLoginEmailComponent,
+                        DbxFirebaseLoginEmailContentComponent,
+                        DbxFirebaseEmailFormComponent,
+                        DbxFirebaseEmailRecoveryFormComponent,
+                        DbxFirebaseRegisterEmailComponent,
+                        DbxFirebaseLoginGoogleComponent,
+                        DbxFirebaseLoginGitHubComponent,
+                        DbxFirebaseLoginTwitterComponent,
+                        DbxFirebaseLoginAppleComponent,
+                        DbxFirebaseLoginMicrosoftComponent,
+                        DbxFirebaseLoginFacebookComponent,
+                        DbxFirebaseLoginAnonymousComponent,
+                        DbxFirebaseLoginTermsComponent,
+                        DbxFirebaseLoginTermsSimpleComponent
+                    ],
+                    providers: []
+                }]
+        }], ctorParameters: function () { return [{ type: DbxFirebaseLoginModuleRootConfig }, { type: DbxFirebaseAuthLoginService }]; } });
+
+class DbxFirebaseAuthModule {
+    static forRoot(config) {
+        const providers = [
+            DbxFirebaseAuthService,
+            {
+                provide: DbxAuthService,
+                useExisting: DbxFirebaseAuthService
+            }
+        ];
+        if (config.delegateFactory) {
+            providers.push({
+                provide: DbxFirebaseAuthServiceDelegate,
+                useFactory: config.delegateFactory,
+                deps: [Injector]
+            });
+        }
+        return {
+            ngModule: DbxFirebaseAuthModule,
+            providers
+        };
+    }
+}
+DbxFirebaseAuthModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseAuthModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxFirebaseAuthModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseAuthModule });
+DbxFirebaseAuthModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseAuthModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseAuthModule, decorators: [{
+            type: NgModule,
+            args: [{}]
+        }] });
+
+class DbxFirebaseParsedEmulatorsConfig {
+}
+
+// TODO: remove "as any" typescript casting - https://github.com/angular/angularfire/issues/3086
+/**
+ * Default firebase firestore provider module.
+ */
+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.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseDefaultFirestoreProviderModule, imports: [[
+            provideFirestore(((injector) => {
+                const firestore = getFirestore();
+                const emulators = injector.get(DbxFirebaseParsedEmulatorsConfig, undefined);
+                if (emulators?.useEmulators && emulators?.firestore) {
+                    connectFirestoreEmulator(firestore, emulators.firestore.host, emulators.firestore.port, {});
+                }
+                enableIndexedDbPersistence(firestore);
+                return firestore;
+            }))
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseDefaultFirestoreProviderModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        provideFirestore(((injector) => {
+                            const firestore = getFirestore();
+                            const emulators = injector.get(DbxFirebaseParsedEmulatorsConfig, undefined);
+                            if (emulators?.useEmulators && emulators?.firestore) {
+                                connectFirestoreEmulator(firestore, emulators.firestore.host, emulators.firestore.port, {});
+                            }
+                            enableIndexedDbPersistence(firestore);
+                            return firestore;
+                        }))
+                    ]
+                }]
+        }] });
+/**
+ * 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.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseDefaultAuthProviderModule, imports: [[
+            provideAuth(((injector) => {
+                const auth = getAuth();
+                const emulators = injector.get(DbxFirebaseParsedEmulatorsConfig, undefined);
+                if (emulators?.useEmulators && emulators?.auth) {
+                    connectAuthEmulator(auth, `http://${emulators.auth.host}:${emulators.auth.port}`);
+                }
+                return auth;
+            }))
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseDefaultAuthProviderModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        provideAuth(((injector) => {
+                            const auth = getAuth();
+                            const emulators = injector.get(DbxFirebaseParsedEmulatorsConfig, undefined);
+                            if (emulators?.useEmulators && emulators?.auth) {
+                                connectAuthEmulator(auth, `http://${emulators.auth.host}:${emulators.auth.port}`);
+                            }
+                            return auth;
+                        }))
+                    ]
+                }]
+        }] });
+/**
+ * Default firebase storage provider module.
+ */
+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.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseDefaultStorageProviderModule, imports: [[
+            provideStorage(((injector) => {
+                const storage = getStorage();
+                const emulators = injector.get(DbxFirebaseParsedEmulatorsConfig, undefined);
+                if (emulators?.useEmulators && emulators?.storage) {
+                    connectStorageEmulator(storage, emulators.storage.host, emulators.storage.port, {});
+                }
+                return storage;
+            }))
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseDefaultStorageProviderModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        provideStorage(((injector) => {
+                            const storage = getStorage();
+                            const emulators = injector.get(DbxFirebaseParsedEmulatorsConfig, undefined);
+                            if (emulators?.useEmulators && emulators?.storage) {
+                                connectStorageEmulator(storage, emulators.storage.host, emulators.storage.port, {});
+                            }
+                            return storage;
+                        }))
+                    ]
+                }]
+        }] });
+/**
+ * Default firebase functions provider module.
+ */
+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.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseDefaultFunctionsProviderModule, imports: [[
+            provideFunctions(((injector) => {
+                const functions = getFunctions();
+                const emulators = injector.get(DbxFirebaseParsedEmulatorsConfig, undefined);
+                if (emulators?.useEmulators && emulators?.functions) {
+                    connectFunctionsEmulator(functions, emulators.functions.host, emulators.functions.port);
+                }
+                return functions;
+            }))
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseDefaultFunctionsProviderModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        provideFunctions(((injector) => {
+                            const functions = getFunctions();
+                            const emulators = injector.get(DbxFirebaseParsedEmulatorsConfig, undefined);
+                            if (emulators?.useEmulators && emulators?.functions) {
+                                connectFunctionsEmulator(functions, emulators.functions.host, emulators.functions.port);
+                            }
+                            return functions;
+                        }))
+                    ]
+                }]
+        }] });
+const DBX_FIREBASE_OPTIONS_TOKEN = new InjectionToken('DbxFirebaseOptions');
+/**
+ * Default provider module.
+ */
+class DbxFirebaseDefaultFirebaseProvidersModule {
+    static forRoot(firebaseOptions) {
+        return {
+            ngModule: DbxFirebaseDefaultFirebaseProvidersModule,
+            providers: [{
+                    provide: DBX_FIREBASE_OPTIONS_TOKEN,
+                    useValue: firebaseOptions
+                }]
+        };
+    }
+}
+DbxFirebaseDefaultFirebaseProvidersModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseDefaultFirebaseProvidersModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxFirebaseDefaultFirebaseProvidersModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseDefaultFirebaseProvidersModule, imports: [DbxFirebaseDefaultFirestoreProviderModule, DbxFirebaseDefaultAuthProviderModule, DbxFirebaseDefaultStorageProviderModule, DbxFirebaseDefaultFunctionsProviderModule, i5.FirebaseAppModule] });
+DbxFirebaseDefaultFirebaseProvidersModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseDefaultFirebaseProvidersModule, imports: [[
+            DbxFirebaseDefaultFirestoreProviderModule,
+            DbxFirebaseDefaultAuthProviderModule,
+            DbxFirebaseDefaultStorageProviderModule,
+            DbxFirebaseDefaultFunctionsProviderModule,
+            provideFirebaseApp(((injector) => {
+                const firebaseOptions = injector.get(DBX_FIREBASE_OPTIONS_TOKEN);
+                return initializeApp(firebaseOptions);
+            }))
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseDefaultFirebaseProvidersModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        DbxFirebaseDefaultFirestoreProviderModule,
+                        DbxFirebaseDefaultAuthProviderModule,
+                        DbxFirebaseDefaultStorageProviderModule,
+                        DbxFirebaseDefaultFunctionsProviderModule,
+                        provideFirebaseApp(((injector) => {
+                            const firebaseOptions = injector.get(DBX_FIREBASE_OPTIONS_TOKEN);
+                            return initializeApp(firebaseOptions);
+                        }))
+                    ]
+                }]
+        }] });
+
+/**
+ * Used to configure the DbxFirebaseEmulatorsConfig provider.
+ */
+class DbxFirebaseEmulatorModule {
+    static forRoot(config) {
+        const defaultHost = config.host ?? 'localhost';
+        function emulatorConfig(emulator) {
+            return (emulator) ? { host: emulator.host ?? defaultHost, port: emulator.port } : undefined;
+        }
+        const finalConfig = {
+            useEmulators: config.useEmulators !== false,
+            auth: emulatorConfig(config.auth),
+            firestore: emulatorConfig(config.firestore),
+            storage: emulatorConfig(config.storage),
+            functions: emulatorConfig(config.functions),
+            database: emulatorConfig(config.database)
+        };
+        return {
+            ngModule: DbxFirebaseEmulatorModule,
+            providers: [{
+                    provide: DbxFirebaseParsedEmulatorsConfig,
+                    useValue: finalConfig
+                }]
+        };
+    }
+}
+DbxFirebaseEmulatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseEmulatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxFirebaseEmulatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseEmulatorModule });
+DbxFirebaseEmulatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseEmulatorModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseEmulatorModule, decorators: [{
+            type: NgModule
+        }] });
+
+/**
+ * Token to access the FirestoreContext value.
+ */
+const DBX_FIRESTORE_CONTEXT_TOKEN = new InjectionToken('DBX_FIRESTORE_CONTEXT_TOKEN');
+
+/**
+ * Used to initialize the FirestoreCollection for a DbxFirebase app.
+ */
+class DbxFirebaseFirestoreCollectionModule {
+    static forRoot(config) {
+        return {
+            ngModule: DbxFirebaseFirestoreCollectionModule,
+            providers: [{
+                    provide: DBX_FIRESTORE_CONTEXT_TOKEN,
+                    useFactory: firebaseFirestoreContextFactory,
+                    deps: [Firestore]
+                }, {
+                    provide: config.appCollectionClass,
+                    useFactory: config.collectionFactory,
+                    deps: [DBX_FIRESTORE_CONTEXT_TOKEN]
+                }]
+        };
+    }
+}
+DbxFirebaseFirestoreCollectionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseFirestoreCollectionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxFirebaseFirestoreCollectionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseFirestoreCollectionModule });
+DbxFirebaseFirestoreCollectionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseFirestoreCollectionModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseFirestoreCollectionModule, decorators: [{
+            type: NgModule
+        }] });
+
+/**
+ * Service that provides access to the app's FirestoreContext.
+ */
+class DbxFirestoreContextService {
+    constructor(firestoreContext) {
+        this.firestoreContext = firestoreContext;
+    }
+}
+DbxFirestoreContextService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirestoreContextService, deps: [{ token: DBX_FIRESTORE_CONTEXT_TOKEN }], target: i0.ɵɵFactoryTarget.Injectable });
+DbxFirestoreContextService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirestoreContextService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirestoreContextService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DBX_FIRESTORE_CONTEXT_TOKEN]
+                }] }]; } });
+
+/**
+ * Used to initialize the LazyFirebaseFunctions type for a DbxFirebase app.
+ */
+class DbxFirebaseFunctionsModule {
+    static forRoot(config) {
+        const providers = [{
+                provide: config.functionsGetterToken,
+                useFactory: config.functionsGetterFactory,
+                deps: [Functions]
+            }];
+        if (config.functionsConfigMap) {
+            forEachKeyValue(config.functionsConfigMap, {
+                forEach: ([key, entry]) => {
+                    const provide = entry[0];
+                    providers.push({
+                        provide,
+                        useFactory: (lazyFunctions) => {
+                            const getter = lazyFunctions[key];
+                            if (!getter) {
+                                throw new Error(`Could not create provider for firebase function getter "${provide}" as the getter was unavailable.`);
+                            }
+                            else {
+                                return getter();
+                            }
+                        },
+                        deps: [config.functionsGetterToken]
+                    });
+                }
+            });
+        }
+        return {
+            ngModule: DbxFirebaseFunctionsModule,
+            providers
+        };
+    }
+}
+DbxFirebaseFunctionsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseFunctionsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxFirebaseFunctionsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseFunctionsModule });
+DbxFirebaseFunctionsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseFunctionsModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseFunctionsModule, decorators: [{
+            type: NgModule
+        }] });
+
+/**
+ * DbxFirebaseModelLoader implementation within an instance.
+ */
+class DbxFirebaseCollectionLoaderInstance {
+    constructor(_initConfig) {
+        this._initConfig = _initConfig;
+        this._collection = new BehaviorSubject(this._initConfig?.collection);
+        this._maxPages = new BehaviorSubject(this._initConfig?.maxPages);
+        this._itemsPerPage = new BehaviorSubject(this._initConfig?.itemsPerPage);
+        this._constraints = new BehaviorSubject(this._initConfig?.constraints);
+        this._restart = new Subject();
+        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.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.
+                map(([iteratorFilter]) => collection.firestoreIteration(iteratorFilter)), cleanupDestroyable(), // cleanup the iteration
+                shareReplay(1));
+            }
+            else {
+                return NEVER; // don't emit anything until collection is provided.
+            }
+        }), 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));
+    }
+    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
+        switchMap((maxPageLoadLimit) => this.firestoreIteration$.pipe(tap((iteration) => {
+            iteration.maxPageLoadLimit = maxPageLoadLimit;
+        })))).subscribe();
+    }
+    destroy() {
+        this._maxPages.complete();
+        this._collection.complete();
+        this._constraints.complete();
+        this._itemsPerPage.complete();
+        this._restart.complete();
+        this._maxPagesSub.destroy();
+    }
+    // MARK: Inputs
+    get maxPages() {
+        return this._maxPages.value;
+    }
+    set maxPages(maxPages) {
+        if (this.maxPages != maxPages) {
+            this._maxPages.next(maxPages);
+        }
+    }
+    get itemsPerPage() {
+        return this._itemsPerPage.value;
+    }
+    set itemsPerPage(itemsPerPage) {
+        if (this.itemsPerPage != itemsPerPage) {
+            this._itemsPerPage.next(itemsPerPage);
+        }
+    }
+    get constraints() {
+        return this._constraints.value;
+    }
+    set constraints(constraints) {
+        this._constraints.next(constraints);
+    }
+    get collection() {
+        return this._collection.value;
+    }
+    set collection(collection) {
+        this._collection.next(collection);
+    }
+    // MARK: DbxFirebaseModelList
+    next() {
+        useFirst(this.firestoreIteration$, (x) => x.next());
+    }
+    restart() {
+        this._restart.next();
+    }
+    setConstraints(constraints) {
+        this.constraints = constraints;
+    }
+    setCollection(firestoreCollection) {
+        this.collection = firestoreCollection;
+    }
+}
+function dbxFirebaseCollectionLoaderInstance(config) {
+    return new DbxFirebaseCollectionLoaderInstance(config);
+}
+function dbxFirebaseCollectionLoaderInstanceWithCollection(collection) {
+    return new DbxFirebaseCollectionLoaderInstance({ collection });
+}
+
+/**
+ * Abstract directive that contains a DbxFirebaseCollectionStore and provides an interface for communicating with other directives.
+ */
+class DbxFirebaseCollectionStoreDirective {
+    constructor(store) {
+        this.store = store;
+        this.pageLoadingState$ = this.store.pageLoadingState$;
+    }
+    // MARK: Inputs
+    set maxPages(maxPages) {
+        this.store.setMaxPages(maxPages);
+    }
+    set itemsPerPage(itemsPerPage) {
+        this.store.setItemsPerPage(itemsPerPage);
+    }
+    set constraints(constraints) {
+        this.store.setConstraints(constraints);
+    }
+    next() {
+        this.store.next();
+    }
+    restart() {
+        this.store.restart();
+    }
+    setConstraints(constraints) {
+        this.store.setConstraints(constraints);
+    }
+}
+DbxFirebaseCollectionStoreDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseCollectionStoreDirective, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
+DbxFirebaseCollectionStoreDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxFirebaseCollectionStoreDirective, inputs: { maxPages: "maxPages", itemsPerPage: "itemsPerPage", constraints: "constraints" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseCollectionStoreDirective, decorators: [{
+            type: Directive
+        }], ctorParameters: function () { return [{ type: undefined }]; }, propDecorators: { maxPages: [{
+                type: Input
+            }], itemsPerPage: [{
+                type: Input
+            }], constraints: [{
+                type: Input
+            }] } });
+function provideDbxFirebaseCollectionStoreDirective(sourceType, storeType) {
+    const providers = [{
+            provide: DbxFirebaseCollectionStoreDirective,
+            useExisting: forwardRef(() => sourceType)
+        }];
+    if (storeType) {
+        providers.push(storeType);
+    }
+    return providers;
+}
+
+/**
+ * Used to watch query doc changes and respond to them accordingly.
+ */
+class DbxFirebaseCollectionChangeDirective extends AbstractSubscriptionDirective {
+    constructor(dbxFirebaseCollectionStoreDirective) {
+        super();
+        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.
+        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));
+    }
+    ngOnInit() {
+        this.sub = combineLatest([this.mode$, this.hasChangeAvailable$]).pipe(filter(([mode, hasChange]) => mode === 'auto' && hasChange)).subscribe(() => {
+            this.restart();
+        });
+    }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+        this._mode.complete();
+    }
+    get mode() {
+        return this._mode.value;
+    }
+    set mode(mode) {
+        this._mode.next(mode || 'manual');
+    }
+    restart() {
+        this.dbxFirebaseCollectionStoreDirective.store.restart();
+    }
+}
+DbxFirebaseCollectionChangeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseCollectionChangeDirective, deps: [{ token: DbxFirebaseCollectionStoreDirective }], target: i0.ɵɵFactoryTarget.Directive });
+DbxFirebaseCollectionChangeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxFirebaseCollectionChangeDirective, selector: "[dbxFirebaseCollectionChange]", inputs: { mode: ["dbxFirebaseCollectionChange", "mode"] }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseCollectionChangeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[dbxFirebaseCollectionChange]'
+                }]
+        }], ctorParameters: function () { return [{ type: DbxFirebaseCollectionStoreDirective }]; }, propDecorators: { mode: [{
+                type: Input,
+                args: ['dbxFirebaseCollectionChange']
+            }] } });
+
+/**
+ * Structural directive that displays the content when the target change is detected.
+ *
+ * Can specify which changes to appear on.
+ */
+class DbxFirebaseCollectionHasChangeDirective extends AbstractIfDirective {
+    constructor(templateRef, viewContainer, directive) {
+        super(templateRef, viewContainer);
+        this.directive = directive;
+        this._mode = new BehaviorSubject('addedAndRemoved');
+        this.show$ = combineLatest([this._mode, this.directive.event$]).pipe(map(([mode, event]) => {
+            let show = false;
+            if (event.type !== 'none') {
+                switch (mode) {
+                    case 'all':
+                        show = true;
+                        break;
+                    case 'addedAndRemoved':
+                        show = event.type === 'addedAndRemoved' || event.type === 'added' || event.type === 'removed';
+                        break;
+                    default:
+                        show = event.type === mode;
+                        break;
+                }
+            }
+            return show;
+        }), shareReplay(1));
+    }
+    get mode() {
+        return this._mode.value;
+    }
+    set mode(mode) {
+        this._mode.next(mode || 'addedAndRemoved');
+    }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+        this._mode.complete();
+    }
+}
+DbxFirebaseCollectionHasChangeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseCollectionHasChangeDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: DbxFirebaseCollectionChangeDirective }], target: i0.ɵɵFactoryTarget.Directive });
+DbxFirebaseCollectionHasChangeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxFirebaseCollectionHasChangeDirective, selector: "[dbxFirebaseCollectionHasChange]", inputs: { mode: ["dbxFirebaseCollectionHasChange", "mode"] }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseCollectionHasChangeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[dbxFirebaseCollectionHasChange]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }, { type: DbxFirebaseCollectionChangeDirective }]; }, propDecorators: { mode: [{
+                type: Input,
+                args: ['dbxFirebaseCollectionHasChange']
+            }] } });
+
+/**
+ * Directive that connects a host DbxListView to a DbxFirebaseCollectionStoreDirective to pass data for rendering items from a collection and query parameters.
+ */
+class DbxFirebaseCollectionListDirective {
+    constructor(dbxFirebaseCollectionStoreDirective, dbxListViewWrapper) {
+        this.dbxFirebaseCollectionStoreDirective = dbxFirebaseCollectionStoreDirective;
+        this.dbxListViewWrapper = dbxListViewWrapper;
+        this.dbxListViewWrapper.state$ = this.dbxFirebaseCollectionStoreDirective.pageLoadingState$;
+    }
+}
+DbxFirebaseCollectionListDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseCollectionListDirective, deps: [{ token: DbxFirebaseCollectionStoreDirective }, { token: i3.DbxListViewWrapper, host: true }], target: i0.ɵɵFactoryTarget.Directive });
+DbxFirebaseCollectionListDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxFirebaseCollectionListDirective, selector: "[dbxFirebaseCollectionList]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseCollectionListDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[dbxFirebaseCollectionList]'
+                }]
+        }], ctorParameters: function () { return [{ type: DbxFirebaseCollectionStoreDirective }, { type: i3.DbxListViewWrapper, decorators: [{
+                    type: Host
+                }] }]; } });
+
+/**
+ * Abstract directive that contains a DbxFirebaseDocumentStore and provides an interface for communicating with other directives.
+ */
+class DbxFirebaseDocumentStoreDirective {
+    constructor(store) {
+        this.store = store;
+        this.exists$ = this.store.exists$;
+        this.document$ = this.store.document$;
+        this.documentLoadingState$ = this.store.documentLoadingState$;
+        this.id$ = this.store.id$;
+        this.ref$ = this.store.ref$;
+        this.snapshot$ = this.store.snapshot$;
+        this.snapshotLoadingState$ = this.store.snapshotLoadingState$;
+        this.data$ = this.store.data$;
+        this.loadingState$ = this.store.dataLoadingState$;
+    }
+    // MARK: Inputs
+    set id(id) {
+        this.store.setId(id);
+    }
+    set ref(ref) {
+        this.store.setRef(ref);
+    }
+}
+DbxFirebaseDocumentStoreDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseDocumentStoreDirective, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
+DbxFirebaseDocumentStoreDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxFirebaseDocumentStoreDirective, inputs: { id: "id", ref: "ref" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseDocumentStoreDirective, decorators: [{
+            type: Directive
+        }], ctorParameters: function () { return [{ type: undefined }]; }, propDecorators: { id: [{
+                type: Input
+            }], ref: [{
+                type: Input
+            }] } });
+function provideDbxFirebaseDocumentStoreDirective(sourceType, storeType) {
+    const providers = [{
+            provide: DbxFirebaseDocumentStoreDirective,
+            useExisting: forwardRef(() => sourceType)
+        }];
+    if (storeType) {
+        providers.push(storeType);
+    }
+    return providers;
+}
+
+/**
+ * Utility directive for a host DbxFirebaseDocumentStoreDirective that sets the document's ID to match the ID of the current user.
+ *
+ * This is useful for cases where each document is keyed by the user (I.E. implements UserRelatedById).
+ */
+class DbxFirebaseDocumentAuthIdDirective extends AbstractSubscriptionDirective {
+    constructor(dbxFirebaseAuthService, dbxFirebaseDocumentStoreDirective) {
+        super();
+        this.dbxFirebaseAuthService = dbxFirebaseAuthService;
+        this.dbxFirebaseDocumentStoreDirective = dbxFirebaseDocumentStoreDirective;
+    }
+    ngOnInit() {
+        this.sub = this.dbxFirebaseDocumentStoreDirective.store.setId(this.dbxFirebaseAuthService.userIdentifier$);
+    }
+}
+DbxFirebaseDocumentAuthIdDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseDocumentAuthIdDirective, deps: [{ token: DbxFirebaseAuthService }, { token: DbxFirebaseDocumentStoreDirective, host: true }], target: i0.ɵɵFactoryTarget.Directive });
+DbxFirebaseDocumentAuthIdDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxFirebaseDocumentAuthIdDirective, selector: "[dbxFirebaseDocumentAuthId]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseDocumentAuthIdDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[dbxFirebaseDocumentAuthId]'
+                }]
+        }], ctorParameters: function () { return [{ type: DbxFirebaseAuthService }, { type: DbxFirebaseDocumentStoreDirective, decorators: [{
+                    type: Host
+                }] }]; } });
+
+const DBX_FIREBASE_ROUTER_SYNC_DEFAULT_ID_PARAM_KEY = 'id';
+/**
+ * Used for synchronizing the document store id to the param of the route.
+ */
+class DbxFirebaseDocumentStoreRouteIdDirective extends AbstractSubscriptionDirective {
+    constructor(dbxFirebaseDocumentStoreDirective, dbxRouterService) {
+        super();
+        this.dbxFirebaseDocumentStoreDirective = dbxFirebaseDocumentStoreDirective;
+        this.dbxRouterService = dbxRouterService;
+        this._idParamKey = new BehaviorSubject(DBX_FIREBASE_ROUTER_SYNC_DEFAULT_ID_PARAM_KEY);
+        this.idParamKey$ = this._idParamKey.asObservable();
+        this.idFromParams$ = combineLatest([this.idParamKey$, this.dbxRouterService.params$]).pipe(map(([key, params]) => {
+            return params[key] ?? undefined;
+        }), distinctUntilChanged(), shareReplay$1(1));
+    }
+    ngOnInit() {
+        this.sub = this.dbxFirebaseDocumentStoreDirective.store.setId(this.idFromParams$);
+    }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+        this._idParamKey.complete();
+    }
+    // MARK: Input
+    get idParam() {
+        return this._idParamKey.value;
+    }
+    set idParam(idParam) {
+        this._idParamKey.next(idParam || DBX_FIREBASE_ROUTER_SYNC_DEFAULT_ID_PARAM_KEY);
+    }
+}
+DbxFirebaseDocumentStoreRouteIdDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseDocumentStoreRouteIdDirective, deps: [{ token: DbxFirebaseDocumentStoreDirective, host: true }, { token: i3$1.DbxRouterService }], target: i0.ɵɵFactoryTarget.Directive });
+DbxFirebaseDocumentStoreRouteIdDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxFirebaseDocumentStoreRouteIdDirective, selector: "[dbxFirebaseDocumentStoreRouteId]", inputs: { idParam: ["dbxFirebaseDocumentStoreRouteId", "idParam"] }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseDocumentStoreRouteIdDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[dbxFirebaseDocumentStoreRouteId]'
+                }]
+        }], ctorParameters: function () { return [{ type: DbxFirebaseDocumentStoreDirective, decorators: [{
+                    type: Host
+                }] }, { type: i3$1.DbxRouterService }]; }, propDecorators: { idParam: [{
+                type: Input,
+                args: ['dbxFirebaseDocumentStoreRouteId']
+            }] } });
+
+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.ɵ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
+                    ]
+                }]
+        }] });
+
+/**
+ * Used for storing the state of a Person and related email threads.
+ */
+class AbstractDbxFirebaseCollectionStore extends LockSetComponentStore {
+    constructor() {
+        super(...arguments);
+        // MARK: Effects
+        this.setMaxPages = this.effect((input) => {
+            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))));
+        });
+        this.setConstraints = this.effect((input) => {
+            return input.pipe(switchMap((constraints) => this.loader$.pipe(tap((x) => x.setConstraints(constraints)))));
+        });
+        this.next = this.effect((input) => {
+            return input.pipe(exhaustMap(() => this.loader$.pipe(first(), tap((x) => x.next()))));
+        });
+        this.restart = this.effect((input) => {
+            return input.pipe(exhaustMap(() => this.loader$.pipe(first(), tap((x) => x.restart()))));
+        });
+        // 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({
+            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.setFirestoreCollection = this.updater((state, firestoreCollection) => ({ ...state, firestoreCollection }));
+    }
+}
+AbstractDbxFirebaseCollectionStore.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: AbstractDbxFirebaseCollectionStore, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+AbstractDbxFirebaseCollectionStore.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: AbstractDbxFirebaseCollectionStore });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: AbstractDbxFirebaseCollectionStore, decorators: [{
+            type: Injectable
+        }] });
+
+const DBX_FIREBASE_MODEL_DOES_NOT_EXIST_ERROR = 'DOES_NOT_EXIST';
+function modelDoesNotExistError() {
+    return readableError(DBX_FIREBASE_MODEL_DOES_NOT_EXIST_ERROR, 'The document does not exist.');
+}
+
+/**
+ * Used for storing the state of a Person and related email threads.
+ */
+class AbstractDbxFirebaseDocumentStore extends LockSetComponentStore {
+    constructor() {
+        super(...arguments);
+        // MARK: Effects
+        // 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.inputId$ = this.currentInputId$.pipe(filterMaybe(), 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;
+            if (collection) {
+                if (ref) {
+                    document = collection.documentAccessor().loadDocument(ref);
+                }
+                else if (id) {
+                    document = collection.documentAccessor().loadDocumentForPath(id);
+                }
+            }
+            return document;
+        }), distinctUntilChanged(), shareReplay(1));
+        this.document$ = this.currentDocument$.pipe(filterMaybe(), distinctUntilChanged(), shareReplay(1));
+        this.documentLoadingState$ = this.currentDocument$.pipe(map(x => (x) ? successResult(x) : beginLoading()), shareReplay(1));
+        this.id$ = this.document$.pipe(map(x => x.id), shareReplay());
+        this.ref$ = this.document$.pipe(map(x => x.documentRef), shareReplay());
+        this.snapshot$ = this.document$.pipe(switchMap(x => x.accessor.stream()), shareReplay(1));
+        this.snapshotLoadingState$ = this.currentDocument$.pipe(switchMap(_ => loadingStateFromObs(this.snapshot$)), shareReplay(1));
+        this.currentData$ = this.document$.pipe(switchMap(x => x.accessor.stream().pipe(map(y => documentDataWithId(y)))), shareReplay(1));
+        this.data$ = this.currentDocument$.pipe(switchMap(() => this.currentData$.pipe(filterMaybe())), shareReplay(1));
+        this.dataLoadingState$ = this.snapshotLoadingState$.pipe(map((x) => {
+            let result;
+            if (x.value) {
+                const data = documentDataWithId(x.value);
+                if (data) {
+                    result = successResult(data);
+                }
+                else {
+                    result = errorResult(modelDoesNotExistError());
+                }
+            }
+            else {
+                result = {
+                    ...x,
+                    value: undefined
+                };
+            }
+            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));
+        // MARK: State Changes
+        /**
+         * Sets the id of the document to load.
+         */
+        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.setFirestoreCollection = this.updater((state, firestoreCollection) => ({ ...state, firestoreCollection }));
+    }
+}
+AbstractDbxFirebaseDocumentStore.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: AbstractDbxFirebaseDocumentStore, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+AbstractDbxFirebaseDocumentStore.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: AbstractDbxFirebaseDocumentStore });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: AbstractDbxFirebaseDocumentStore, decorators: [{
+            type: Injectable
+        }] });
+
+function setParentStoreEffect(store) {
+    return store.effect((input) => {
+        return input.pipe(map((parentStore) => {
+            let result;
+            if (parentStore) {
+                result = store.setParent(parentStore.currentDocument$);
+            }
+            else {
+                result = undefined;
+            }
+            // set as the parent lock set too
+            store.setParentLockSet(parentStore);
+            return result;
+        }), cleanup((sub) => {
+            if (sub) {
+                sub.unsubscribe();
+            }
+        }));
+    });
+}
+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);
+        // MARK: Effects
+        this.setParent = setParentEffect(this);
+        this.setParentStore = setParentStoreEffect(this);
+        // MARK: Accessors
+        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.collectionFactory$ = this.currentCollectionFactory$.pipe(filterMaybe());
+        // MARK: State Changes
+        /**
+         * Sets the collection factory function to use.
+         */
+        this.setCollectionFactory = this.updater((state, collectionFactory) => ({ ...state, collectionFactory }));
+        /**
+         * Sets the parent on the current state.
+         */
+        this._setParentDocument = this.updater((state, parent) => ({ ...state, parent }));
+    }
+}
+AbstractDbxFirebaseCollectionWithParentStore.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: AbstractDbxFirebaseCollectionWithParentStore, deps: null, 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
+        }] });
+
+/**
+ * Abstract DbxFirebaseDocumentStore that has a parent document from which is derives it's FiresbaseCollection from.
+ */
+class AbstractDbxFirebaseDocumentWithParentStore extends AbstractDbxFirebaseDocumentStore {
+    constructor() {
+        super(...arguments);
+        // MARK: Effects
+        this.setParent = setParentEffect(this);
+        this.setParentStore = setParentStoreEffect(this);
+        // MARK: Accessors
+        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.collectionFactory$ = this.currentCollectionFactory$.pipe(filterMaybe());
+        // MARK: State Changes
+        /**
+         * Sets the collection factory function to use.
+         */
+        this.setCollectionFactory = this.updater((state, collectionFactory) => ({ ...state, collectionFactory }));
+        /**
+         * Sets the parent on the current state.
+         */
+        this._setParentDocument = this.updater((state, parent) => ({ ...state, parent }));
+    }
+}
+AbstractDbxFirebaseDocumentWithParentStore.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: AbstractDbxFirebaseDocumentWithParentStore, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+AbstractDbxFirebaseDocumentWithParentStore.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: AbstractDbxFirebaseDocumentWithParentStore });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: AbstractDbxFirebaseDocumentWithParentStore, decorators: [{
+            type: Injectable
+        }] });
+
+class DbxFirebaseModelModule {
+}
+DbxFirebaseModelModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseModelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxFirebaseModelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseModelModule, exports: [DbxFirebaseModelStoreModule] });
+DbxFirebaseModelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseModelModule, imports: [DbxFirebaseModelStoreModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseModelModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    exports: [
+                        DbxFirebaseModelStoreModule
+                    ]
+                }]
+        }] });
+
+class DbxFirebaseModule {
+}
+DbxFirebaseModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxFirebaseModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseModule, exports: [DbxFirebaseModelModule] });
+DbxFirebaseModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseModule, imports: [DbxFirebaseModelModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxFirebaseModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    exports: [
+                        DbxFirebaseModelModule
+                    ]
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { test };
+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 };
 //# sourceMappingURL=dereekb-dbx-firebase.mjs.map