@dereekb/dbx-firebase 10.2.0 → 11.0.1

package/fesm2022/dereekb-dbx-firebase.mjs

@@ -1,41 +1,41 @@
 import * as i0 from '@angular/core';
-import { Injectable, Optional, InjectionToken, Inject, Component, Input, Directive, EventEmitter, Output, NgModule, Injector, ViewChild, HostListener, ElementRef, ChangeDetectionStrategy, forwardRef, Host, Pipe } from '@angular/core';
-import * as i3 from '@dereekb/dbx-analytics';
-import { asObservable, timeoutStartWith, filterMaybe, isNot, SubscriptionObject, lazyFrom, switchMapWhileTrue, loadingStateFromObs, cleanupDestroyable, pageItemAccumulatorCurrentPage, accumulatorFlattenPageListLoadingState, useFirst, itemAccumulatorNextPageUntilResultsCount, iteratorNextPageUntilPage, iteratorNextPageUntilMaxPageLoadLimit, pageLoadingStateFromObs, useAsObservable, invertObservableDecision, filterItemsWithObservableDecision, mapEachAsync, distinctUntilModelKeyChange, successResult, beginLoading, errorResult, loadingStateIsLoading, cleanup, mapLoadingState } from '@dereekb/rxjs';
+import { inject, Injectable, InjectionToken, Component, Optional, Inject, Input, Directive, EventEmitter, Output, NgModule, Injector, ViewChild, HostListener, ElementRef, ChangeDetectionStrategy, forwardRef, NgZone, Pipe } from '@angular/core';
+import { DbxAnalyticsService } from '@dereekb/dbx-analytics';
+import { asObservable, timeoutStartWith, filterMaybe, isNot, SubscriptionObject, lazyFrom, switchMapWhileTrue, loadingStateFromObs, cleanupDestroyable, pageItemAccumulatorCurrentPage, accumulatorFlattenPageListLoadingState, useFirst, itemAccumulatorNextPageUntilResultsCount, iteratorNextPageUntilPage, iteratorNextPageUntilMaxPageLoadLimit, pageLoadingStateFromObs, useAsObservable, mapEachAsync, invertObservableDecision, filterItemsWithObservableDecision, distinctUntilModelKeyChange, successResult, beginLoading, errorResult, isLoadingStateLoading, cleanup, mapLoadingState } from '@dereekb/rxjs';
 import { switchMap, of, shareReplay, map, distinctUntilChanged, EMPTY, catchError, firstValueFrom, BehaviorSubject, combineLatest, first, from, tap, interval, exhaustMap, filter, take, startWith, Subject, throttleTime, NEVER, combineLatestWith } from 'rxjs';
-import * as i2$2 from '@dereekb/dbx-core';
-import { loggedInObsFromIsLoggedIn, loggedOutObsFromIsLoggedIn, authUserIdentifier, DbxInjectionContext, AbstractForwardDbxInjectionContextDirective, DBX_INJECTION_COMPONENT_DATA, DbxInjectionComponentModule, DbxAuthService, AbstractSubscriptionDirective, AbstractIfDirective, DbxRouteParamReaderInstance, DbxRouteParamDefaultRedirectInstance, LockSetComponentStore } from '@dereekb/dbx-core';
-import * as i1 from '@angular/fire/auth';
-import { authState, idToken, GoogleAuthProvider, FacebookAuthProvider, TwitterAuthProvider, GithubAuthProvider, signInWithPopup, createUserWithEmailAndPassword, signInWithEmailAndPassword, signInAnonymously, reauthenticateWithPopup, provideAuth, getAuth, connectAuthEmulator } from '@angular/fire/auth';
+import * as i3 from '@dereekb/dbx-core';
+import { loggedInObsFromIsLoggedIn, loggedOutObsFromIsLoggedIn, authUserIdentifier, DbxInjectionContext, AbstractForwardDbxInjectionContextDirective, DBX_INJECTION_COMPONENT_DATA, DbxInjectionComponentModule, DbxAuthService, AbstractSubscriptionDirective, AbstractIfDirective, dbxRouteParamReaderInstance, DbxRouteParamDefaultRedirectInstance, DbxRouterService, LockSetComponentStore } from '@dereekb/dbx-core';
+import * as i3$1 from '@angular/fire/auth';
+import { Auth, authState, idToken, GoogleAuthProvider, FacebookAuthProvider, TwitterAuthProvider, GithubAuthProvider, signInWithPopup, createUserWithEmailAndPassword, signInWithEmailAndPassword, signInAnonymously, reauthenticateWithPopup, provideAuth, getAuth, connectAuthEmulator } from '@angular/fire/auth';
 import { AUTH_ADMIN_ROLE, cachedGetter, urlWithoutParameters, addToSet, removeFromSet, filterMaybeValues, mapIterable, asArray, excludeValuesFromArray, containsStringAnyCase, addToSetCopy, iterableToArray, runAsyncTasksForValues, forEachKeyValue, countAllInNestedArray, invertDecision, readableError, isMaybeSo, firstValue } from '@dereekb/util';
 import { safeFormatToISO8601DateString, msToSeconds } from '@dereekb/date';
 import { sendPasswordResetEmail } from 'firebase/auth';
 import { getToken, initializeAppCheck, ReCaptchaV3Provider } from 'firebase/app-check';
-import * as i1$1 from '@angular/fire/app-check';
-import { provideAppCheck } from '@angular/fire/app-check';
-import * as i3$1 from '@angular/material/button';
+import * as i2$2 from '@angular/fire/app-check';
+import { AppCheck, provideAppCheck } from '@angular/fire/app-check';
+import * as i2$1 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
-import * as i2$1 from '@angular/material/icon';
+import * as i2 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
-import * as i2 from '@angular/common';
+import * as i1$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i1$2 from '@dereekb/dbx-web';
-import { DbxRouterAnchorModule, DbxReadableErrorModule, DbxActionModule, DbxButtonModule, AbstractDbxSelectionListWrapperDirective, provideDbxListViewWrapper, DEFAULT_LIST_WRAPPER_DIRECTIVE_TEMPLATE, AbstractDbxSelectionListViewDirective, provideDbxListView, DEFAULT_DBX_SELECTION_VALUE_LIST_DIRECTIVE_TEMPLATE, AbstractDbxValueListViewItemComponent, DBX_VALUE_LIST_VIEW_ITEM, TwoColumnsContextStore, AbstractPopupDirective, DbxWidgetModule, DbxTextModule, DbxBlockLayoutModule, DbxTwoColumnLayoutModule, DbxPopupInteractionModule, DbxListLayoutModule, allDbxModelViewTrackerEventModelKeys, AbstractPopoverDirective, AbstractPopoverRefDirective, DbxModelInfoModule, DbxRouterListModule, DbxPopoverInteractionModule } from '@dereekb/dbx-web';
-import * as i1$4 from '@dereekb/firebase';
-import { firebaseAuthErrorToReadableError, ScheduledFunctionDevelopmentFunctionTypeEnum, clientFirebaseFirestoreContextFactory, SystemStateFirestoreCollections, FIREBASE_DEVELOPMENT_FUNCTIONS_MAP_KEY, FirebaseDevelopmentFunctions, iterationQueryDocChangeWatcher, firebaseQuerySnapshotAccumulator, firebaseQueryItemAccumulator, firestoreModelKeysFromDocuments, firestoreModelIdsFromDocuments, documentReferencesFromDocuments, getDocumentSnapshots, getDataFromDocumentSnapshots, latestSnapshotsFromDocuments, dataFromDocumentSnapshots, loadDocumentsForKeys, loadDocumentsForDocumentReferences, loadDocumentsForIds, firestoreModelKeyCollectionTypePair, buildFirebaseCollectionTypeModelTypeMap, FirestoreAccessorStreamMode, firestoreModelIdsFromKey, firestoreModelKeyPartPairs, firestoreModelKeyPairObject, flatFirestoreModelKey, twoWayFlatFirestoreModelKey, documentDataWithIdAndKey, inferKeyFromTwoWayFlatFirestoreModelKey, firestoreModelKeyParentKey, clientFirebaseStorageContextFactory } from '@dereekb/firebase';
-import * as i1$3 from '@dereekb/dbx-form';
+import * as i1 from '@dereekb/dbx-web';
+import { DbxRouterAnchorModule, DbxReadableErrorModule, DbxActionModule, DbxButtonModule, DbxWidgetService, AbstractDbxSelectionListWrapperDirective, provideDbxListViewWrapper, DEFAULT_LIST_WRAPPER_DIRECTIVE_TEMPLATE, AbstractDbxSelectionListViewDirective, provideDbxListView, DEFAULT_DBX_SELECTION_VALUE_LIST_DIRECTIVE_TEMPLATE, AbstractDbxValueListViewItemComponent, TwoColumnsContextStore, AbstractPopupDirective, DbxPopupService, DbxWidgetModule, DbxTextModule, DbxBlockLayoutModule, DbxTwoColumnLayoutModule, DbxPopupInteractionModule, DbxListLayoutModule, DbxModelTypesService, DbxModelTrackerService, allDbxModelViewTrackerEventModelKeys, AbstractPopoverDirective, AbstractPopoverRefDirective, DbxPopoverService, DbxModelObjectStateService, DbxModelInfoModule, DbxRouterListModule, DbxPopoverInteractionModule, DbxListViewWrapper } from '@dereekb/dbx-web';
+import * as i1$3 from '@dereekb/firebase';
+import { firebaseAuthErrorToReadableError, FirebaseDevelopmentFunctions, ScheduledFunctionDevelopmentFunctionTypeEnum, clientFirebaseFirestoreContextFactory, SystemStateFirestoreCollections, FIREBASE_DEVELOPMENT_FUNCTIONS_MAP_KEY, iterationQueryDocChangeWatcher, firebaseQuerySnapshotAccumulator, firebaseQueryItemAccumulator, firestoreModelKeysFromDocuments, firestoreModelIdsFromDocuments, documentReferencesFromDocuments, getDocumentSnapshots, getDataFromDocumentSnapshots, latestSnapshotsFromDocuments, dataFromDocumentSnapshots, loadDocumentsForKeys, loadDocumentsForDocumentReferences, loadDocumentsForIds, firestoreModelKeyCollectionTypePair, buildFirebaseCollectionTypeModelTypeMap, FirestoreAccessorStreamMode, firestoreModelIdsFromKey, firestoreModelKeyPartPairs, firestoreModelKeyPairObject, flatFirestoreModelKey, twoWayFlatFirestoreModelKey, documentDataWithIdAndKey, inferKeyFromTwoWayFlatFirestoreModelKey, firestoreModelKeyParentKey, clientFirebaseStorageContextFactory } from '@dereekb/firebase';
+import * as i4 from '@dereekb/dbx-form';
 import { AbstractAsyncFormlyFormDirective, usernamePasswordLoginFields, provideFormlyContext, AbstractSyncFormlyFormDirective, emailField, DbxFormIoModule, DbxFormModule, DbxFormlyModule, DbxFormActionModule, DbxFormFormlyTextFieldModule, AbstractConfigAsyncFormlyFormDirective, pickableItemChipField, filterPickableItemFieldValuesByLabel } from '@dereekb/dbx-form';
 import { initializeApp } from 'firebase/app';
 import * as i6 from '@angular/fire/app';
 import { FirebaseApp, provideFirebaseApp } from '@angular/fire/app';
-import * as i4 from '@angular/fire/storage';
+import * as i4$1 from '@angular/fire/storage';
 import { provideStorage, getStorage, connectStorageEmulator, Storage } from '@angular/fire/storage';
 import * as i5 from '@angular/fire/functions';
 import { provideFunctions, getFunctions, connectFunctionsEmulator, Functions } from '@angular/fire/functions';
-import * as i1$5 from '@angular/fire/firestore';
+import * as i1$2 from '@angular/fire/firestore';
 import { provideFirestore, persistentMultipleTabManager, persistentSingleTabManager, persistentLocalCache, initializeFirestore, connectFirestoreEmulator, Firestore } from '@angular/fire/firestore';
 import { HTTP_INTERCEPTORS } from '@angular/common/http';
-import * as i2$3 from '@angular/material/snack-bar';
+import { MatSnackBar } from '@angular/material/snack-bar';
 import { __decorate, __param, __metadata } from 'tslib';
 
 function authUserInfoFromAuthUser(user) {
@@ -105,9 +105,7 @@ function readValueFromIdToken(dbxFirebaseAuthService, readValueFromIdToken, defa
 
 // MARK: Delegate
 class DbxFirebaseAuthServiceDelegate {
-    constructor() {
-        this.fullControlOfAuthUserState = false;
-    }
+    fullControlOfAuthUserState = false;
 }
 const DEFAULT_DBX_FIREBASE_AUTH_SERVICE_DELEGATE = {
     authUserStateObs: authUserStateFromFirebaseAuthServiceFunction(),
@@ -123,41 +121,42 @@ const DEFAULT_DBX_FIREBASE_AUTH_SERVICE_DELEGATE = {
 };
 // MARK: Service
 class DbxFirebaseAuthService {
-    constructor(firebaseAuth, delegate) {
-        this.firebaseAuth = firebaseAuth;
-        this._authState$ = authState(this.firebaseAuth);
-        this.currentAuthUser$ = this._authState$.pipe(timeoutStartWith(null, 1000), 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(), distinctUntilChanged(), shareReplay(1));
-        this.isLoggedIn$ = this.hasAuthUser$;
-        this.isNotLoggedIn$ = this.isLoggedIn$.pipe(isNot());
-        this.onLogIn$ = loggedInObsFromIsLoggedIn(this.isLoggedIn$);
-        this.onLogOut$ = loggedOutObsFromIsLoggedIn(this.isLoggedIn$);
-        this.currentUid$ = this.currentAuthUser$.pipe(map((x) => x?.uid), distinctUntilChanged(), shareReplay(1));
-        this.uid$ = this.currentUid$.pipe(map(authUserIdentifier), distinctUntilChanged(), shareReplay(1));
-        /**
-         * Alias for uid$
-         */
-        this.userIdentifier$ = this.uid$;
-        this.currentIdTokenString$ = idToken(this.firebaseAuth).pipe(distinctUntilChanged(), shareReplay(1));
-        this.idTokenString$ = this.currentUid$.pipe(switchMap((x) => (x ? this.currentIdTokenString$.pipe(filterMaybe()) : EMPTY)));
-        this.currentIdTokenResult$ = this.currentAuthUser$.pipe(switchMap((x) => (x ? this.currentIdTokenString$.pipe(switchMap((y) => (y ? x.getIdTokenResult() : of(null)))) : of(null))), distinctUntilChanged(), shareReplay(1));
-        this.idTokenResult$ = this.currentIdTokenResult$.pipe(filterMaybe());
-        this.currentClaims$ = this.currentIdTokenResult$.pipe(map((x) => (x ? x.claims : null)), distinctUntilChanged(), shareReplay(1));
-        this.claims$ = this.currentClaims$.pipe(filterMaybe());
-        this.currentAuthContextInfo$ = this.currentAuthUser$.pipe(switchMap((x) => this.loadAuthContextInfoForUser(x)), shareReplay(1));
-        this.authContextInfo$ = this.currentAuthContextInfo$.pipe(filterMaybe());
-        delegate = delegate ?? DEFAULT_DBX_FIREBASE_AUTH_SERVICE_DELEGATE;
-        const delegateAuthUserStateObs = delegate.authUserStateObs(this).pipe(catchError(() => of('error')), distinctUntilChanged(), shareReplay(1));
-        if (delegate.fullControlOfAuthUserState) {
-            this.authUserState$ = delegateAuthUserStateObs;
+    firebaseAuth = inject(Auth);
+    delegate = inject(DbxFirebaseAuthServiceDelegate, { optional: true }) ?? DEFAULT_DBX_FIREBASE_AUTH_SERVICE_DELEGATE;
+    _authState$ = authState(this.firebaseAuth);
+    currentAuthUser$ = this._authState$.pipe(timeoutStartWith(null, 1000), distinctUntilChanged(), shareReplay(1));
+    currentAuthUserInfo$ = this.currentAuthUser$.pipe(map((x) => (x ? authUserInfoFromAuthUser(x) : undefined)));
+    authUser$ = this.currentAuthUser$.pipe(filterMaybe());
+    authUserInfo$ = this.authUser$.pipe(map(authUserInfoFromAuthUser));
+    hasAuthUser$ = this.currentAuthUser$.pipe(map((x) => Boolean(x)), distinctUntilChanged(), shareReplay(1));
+    isAnonymousUser$ = this.authUser$.pipe(map((x) => x.isAnonymous), distinctUntilChanged(), shareReplay(1));
+    isNotAnonymousUser$ = this.isAnonymousUser$.pipe(isNot(), distinctUntilChanged(), shareReplay(1));
+    isLoggedIn$ = this.hasAuthUser$;
+    isNotLoggedIn$ = this.isLoggedIn$.pipe(isNot());
+    onLogIn$ = loggedInObsFromIsLoggedIn(this.isLoggedIn$);
+    onLogOut$ = loggedOutObsFromIsLoggedIn(this.isLoggedIn$);
+    currentUid$ = this.currentAuthUser$.pipe(map((x) => x?.uid), distinctUntilChanged(), shareReplay(1));
+    uid$ = this.currentUid$.pipe(map(authUserIdentifier), distinctUntilChanged(), shareReplay(1));
+    /**
+     * Alias for uid$
+     */
+    userIdentifier$ = this.uid$;
+    currentIdTokenString$ = idToken(this.firebaseAuth).pipe(distinctUntilChanged(), shareReplay(1));
+    idTokenString$ = this.currentUid$.pipe(switchMap((x) => (x ? this.currentIdTokenString$.pipe(filterMaybe()) : EMPTY)));
+    currentIdTokenResult$ = this.currentAuthUser$.pipe(switchMap((x) => (x ? this.currentIdTokenString$.pipe(switchMap((y) => (y ? x.getIdTokenResult() : of(null)))) : of(null))), distinctUntilChanged(), shareReplay(1));
+    idTokenResult$ = this.currentIdTokenResult$.pipe(filterMaybe());
+    currentClaims$ = this.currentIdTokenResult$.pipe(map((x) => (x ? x.claims : null)), distinctUntilChanged(), shareReplay(1));
+    claims$ = this.currentClaims$.pipe(filterMaybe());
+    currentAuthContextInfo$ = this.currentAuthUser$.pipe(switchMap((x) => this.loadAuthContextInfoForUser(x)), shareReplay(1));
+    authContextInfo$ = this.currentAuthContextInfo$.pipe(filterMaybe());
+    authUserState$ = (() => {
+        const delegateAuthUserStateObs = this.delegate.authUserStateObs(this).pipe(catchError(() => of('error')), distinctUntilChanged(), shareReplay(1));
+        let obs;
+        if (this.delegate.fullControlOfAuthUserState) {
+            obs = delegateAuthUserStateObs;
         }
         else {
-            this.authUserState$ = this._authState$.pipe(distinctUntilChanged(), switchMap((x) => {
+            obs = this._authState$.pipe(distinctUntilChanged(), switchMap((x) => {
                 if (x != null) {
                     return delegateAuthUserStateObs;
                 }
@@ -166,11 +165,12 @@ class DbxFirebaseAuthService {
                 }
             }));
         }
-        this.authRoles$ = delegate.authRolesObs(this);
-        this.isOnboarded$ = delegate.isOnboarded(this);
-        this._authRoleClaimsService = delegate.authRoleClaimsService;
-        this.isAdminInAuthRoleSet = delegate.isAdminInAuthRoleSet;
-    }
+        return obs;
+    })();
+    authRoles$ = this.delegate.authRolesObs(this);
+    isOnboarded$ = this.delegate.isOnboarded(this);
+    _authRoleClaimsService = this.delegate.authRoleClaimsService;
+    isAdminInAuthRoleSet = this.delegate.isAdminInAuthRoleSet;
     async refreshToken() {
         const user = this.firebaseAuth.currentUser;
         if (!user) {
@@ -251,25 +251,26 @@ class DbxFirebaseAuthService {
             }
         })));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseAuthService, deps: [{ token: i1.Auth }, { token: DbxFirebaseAuthServiceDelegate, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseAuthService }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseAuthService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseAuthService });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseAuthService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: i1.Auth }, { type: DbxFirebaseAuthServiceDelegate, decorators: [{
-                    type: Optional
-                }] }]; } });
+        }] });
 /**
  * FirebaseAuthContextInfo implementation from DbxFirebaseAuthService.
  */
 class DbxFirebaseAuthContextInfo {
+    service;
+    user;
+    jwtToken;
+    _token = cachedGetter(() => firebaseAuthTokenFromUser(this.user));
+    _roles = cachedGetter(() => this.service.rolesForClaims(this.getClaims()));
+    _isAdmin = cachedGetter(() => this.service.isAdminInAuthRoleSet(this._roles()));
     constructor(service, user, jwtToken) {
         this.service = service;
         this.user = user;
         this.jwtToken = jwtToken;
-        this._token = cachedGetter(() => firebaseAuthTokenFromUser(this.user));
-        this._roles = cachedGetter(() => this.service.rolesForClaims(this.getClaims()));
-        this._isAdmin = cachedGetter(() => this.service.isAdminInAuthRoleSet(this._roles()));
     }
     get uid() {
         return this.user.uid;
@@ -301,50 +302,46 @@ const DEFAULT_DBX_FIREBASE_ANALYTICS_USER_PROPERTIES_FACTORY = (authUserInfo) =>
  * DbxAnalyticsUserSource implementation that uses the DbxFirebaseAuthService.
  */
 class DbxFirebaseAnalyticsUserSource {
-    constructor(dbxFirebaseAuthService) {
-        this.dbxFirebaseAuthService = dbxFirebaseAuthService;
-        this._userPropertiesFactory = new BehaviorSubject(DEFAULT_DBX_FIREBASE_ANALYTICS_USER_PROPERTIES_FACTORY);
-        this.analyticsUser$ = combineLatest([this._userPropertiesFactory, this.dbxFirebaseAuthService.currentAuthUserInfo$]).pipe(switchMap(([userPropertiesFactory, x]) => {
-            let analyticsUser;
-            if (x != null) {
-                analyticsUser = userPropertiesFactory(x).pipe(map((properties) => ({
-                    user: x.uid,
-                    properties
-                })));
-            }
-            else {
-                analyticsUser = of(null);
-            }
-            return analyticsUser;
-        }), shareReplay(1));
-    }
+    dbxFirebaseAuthService = inject(DbxFirebaseAuthService);
+    _userPropertiesFactory = new BehaviorSubject(DEFAULT_DBX_FIREBASE_ANALYTICS_USER_PROPERTIES_FACTORY);
+    analyticsUser$ = combineLatest([this._userPropertiesFactory, this.dbxFirebaseAuthService.currentAuthUserInfo$]).pipe(switchMap(([userPropertiesFactory, x]) => {
+        let analyticsUser;
+        if (x != null) {
+            analyticsUser = userPropertiesFactory(x).pipe(map((properties) => ({
+                user: x.uid,
+                properties
+            })));
+        }
+        else {
+            analyticsUser = of(null);
+        }
+        return analyticsUser;
+    }), shareReplay(1));
     get userPropertiesFactory() {
         return this._userPropertiesFactory.value;
     }
     set userPropertiesFactory(userPropertiesFactory) {
         this._userPropertiesFactory.next(userPropertiesFactory);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseAnalyticsUserSource, deps: [{ token: DbxFirebaseAuthService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseAnalyticsUserSource, providedIn: 'root' }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseAnalyticsUserSource, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseAnalyticsUserSource, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseAnalyticsUserSource, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: DbxFirebaseAuthService }]; } });
+        }] });
 
 /**
  * Service that listens for DbxFirebaseAuthService changes and emits them a user events.
  */
 class DbxFirebaseAnalyticsUserEventsListener {
-    constructor(dbxFirebaseAuthService, dbxFirebaseAnalyticsUserSource, dbxAnalyticsService) {
-        this.dbxFirebaseAuthService = dbxFirebaseAuthService;
-        this.dbxFirebaseAnalyticsUserSource = dbxFirebaseAnalyticsUserSource;
-        this.dbxAnalyticsService = dbxAnalyticsService;
-        this._loginSub = new SubscriptionObject();
-        this._logoutSub = new SubscriptionObject();
-    }
+    dbxFirebaseAuthService = inject(DbxFirebaseAuthService);
+    dbxFirebaseAnalyticsUserSource = inject(DbxFirebaseAnalyticsUserSource);
+    dbxAnalyticsService = inject(DbxAnalyticsService);
+    _loginSub = new SubscriptionObject();
+    _logoutSub = new SubscriptionObject();
     init() {
         this._loginSub.subscription = this.dbxFirebaseAuthService.onLogIn$.subscribe(() => {
             this.dbxFirebaseAnalyticsUserSource.analyticsUser$.pipe(filterMaybe(), first()).subscribe((analyticsUser) => {
@@ -359,15 +356,15 @@ class DbxFirebaseAnalyticsUserEventsListener {
         this._loginSub.destroy();
         this._logoutSub.destroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseAnalyticsUserEventsListener, deps: [{ token: DbxFirebaseAuthService }, { token: DbxFirebaseAnalyticsUserSource }, { token: i3.DbxAnalyticsService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseAnalyticsUserEventsListener, providedIn: 'root' }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseAnalyticsUserEventsListener, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseAnalyticsUserEventsListener, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseAnalyticsUserEventsListener, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: DbxFirebaseAuthService }, { type: DbxFirebaseAnalyticsUserSource }, { type: i3.DbxAnalyticsService }]; } });
+        }] });
 
 /**
  * Enables debug token generation for AppCheck by setting FIREBASE_APPCHECK_DEBUG_TOKEN in the browser's self/window.
@@ -386,12 +383,12 @@ const DBX_FIREBASE_OPTIONS_TOKEN = new InjectionToken('DbxFirebaseOptions');
  * HTTP Interceptor that sets the X-Firebase-AppCheck for any requests to the routes configured in DbxFirebaseOptions.
  */
 class DbxFirebaseAppCheckHttpInterceptor {
-    constructor(dbxFirebaseOptions, appCheck) {
-        this.dbxFirebaseOptions = dbxFirebaseOptions;
-        this.appCheck = appCheck;
+    appCheck = inject(AppCheck);
+    _appCheckRoutes = ((dbxFirebaseOptions) => {
+        const { appCheck } = dbxFirebaseOptions;
         let routes = [];
-        if (appCheck != null) {
-            routes = (this.dbxFirebaseOptions.appCheck?.appCheckRoutes ?? ['/api/*']).map((route) => {
+        if (appCheck?.disabled !== false) {
+            routes = (appCheck?.appCheckRoutes ?? ['/api/*']).map((route) => {
                 const wildcardIndex = route.indexOf('*');
                 const isWildcard = wildcardIndex === route.length - 1;
                 const match = isWildcard ? route.substring(0, wildcardIndex) : route;
@@ -401,9 +398,9 @@ class DbxFirebaseAppCheckHttpInterceptor {
                 };
             });
         }
-        this._appCheckRoutes = routes;
-        this._isEnabled = routes.length > 0;
-    }
+        return routes;
+    })(inject(DBX_FIREBASE_OPTIONS_TOKEN));
+    _isEnabled = this._appCheckRoutes.length > 0;
     intercept(req, next) {
         let obs;
         if (this._isEnabled) {
@@ -444,39 +441,34 @@ class DbxFirebaseAppCheckHttpInterceptor {
         }
         return from(this._appCheckRoutes).pipe(first((route) => isEnabledRouteMatch(route), false), map((x) => Boolean(x)));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseAppCheckHttpInterceptor, deps: [{ token: DBX_FIREBASE_OPTIONS_TOKEN }, { token: i1$1.AppCheck }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseAppCheckHttpInterceptor }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseAppCheckHttpInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseAppCheckHttpInterceptor });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseAppCheckHttpInterceptor, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [DBX_FIREBASE_OPTIONS_TOKEN]
-                }] }, { type: i1$1.AppCheck }]; } });
+        }] });
 
 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'
-        };
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginTermsSimpleComponent, deps: [{ token: DbxFirebaseLoginTermsConfig }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseLoginTermsSimpleComponent, selector: "ng-component", ngImport: i0, template: `
+    dbxFirebaseLoginTermsConfig = inject(DbxFirebaseLoginTermsConfig);
+    tosAnchor = {
+        url: this.dbxFirebaseLoginTermsConfig.tosUrl,
+        target: '_blank'
+    };
+    privacyAnchor = {
+        url: this.dbxFirebaseLoginTermsConfig.privacyUrl,
+        target: '_blank'
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginTermsSimpleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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, dependencies: [{ kind: "component", type: i1$2.DbxAnchorLinkComponent, selector: "dbx-link", inputs: ["anchor", "ref", "href"] }] }); }
+  `, isInline: true, dependencies: [{ kind: "component", type: i1.DbxAnchorLinkComponent, selector: "dbx-link", inputs: ["anchor", "ref", "href"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginTermsSimpleComponent, decorators: [{
             type: Component,
@@ -489,7 +481,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
     </div>
   `
                 }]
-        }], ctorParameters: function () { return [{ type: DbxFirebaseLoginTermsConfig }]; } });
+        }] });
 
 const DEFAULT_FIREBASE_AUTH_LOGIN_PASSWORD_CONFIG = {
     minLength: 6
@@ -507,12 +499,13 @@ const DEFAULT_FIREBASE_AUTH_LOGIN_PASSWORD_CONFIG_TOKEN = new InjectionToken('De
  * 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();
+    termsComponentClass = inject(DEFAULT_FIREBASE_AUTH_LOGIN_TERMS_COMPONENT_CLASS_TOKEN) ?? DbxFirebaseLoginTermsSimpleComponent;
+    _enableAll = false;
+    _passwordConfig;
+    _providers = new Map();
+    _assets = new Map();
+    _enabled = new Set();
+    constructor(defaultProviders, passwordConfig) {
         if (defaultProviders) {
             defaultProviders.forEach((x) => this.register(x, false));
         }
@@ -599,8 +592,8 @@ class DbxFirebaseAuthLoginService {
     setPasswordConfig(passwordConfig) {
         this._passwordConfig = passwordConfig;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", 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 }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseAuthLoginService, providedIn: 'root' }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseAuthLoginService, deps: [{ token: DEFAULT_FIREBASE_AUTH_LOGIN_PROVIDERS_TOKEN, optional: true }, { token: DEFAULT_FIREBASE_AUTH_LOGIN_PASSWORD_CONFIG_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseAuthLoginService, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseAuthLoginService, decorators: [{
             type: Injectable,
@@ -617,11 +610,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }, {
                     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]
                 }] }]; } });
 
 /**
@@ -634,15 +622,7 @@ class DbxFirebaseLoginContext extends DbxInjectionContext {
  * Login button and action.
  */
 class DbxFirebaseLoginButtonComponent {
-    constructor() {
-        this.handleAction = () => {
-            const loginPromise = this.config.handleLogin();
-            return from(loginPromise);
-        };
-        this.onActionSuccess = () => {
-            // todo: show checkmark on success?
-        };
-    }
+    config;
     get iconUrl() {
         return this.config?.iconUrl;
     }
@@ -658,8 +638,15 @@ class DbxFirebaseLoginButtonComponent {
     get buttonTextColor() {
         return this.config?.buttonTextColor;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseLoginButtonComponent, selector: "dbx-firebase-login-button", inputs: { config: "config" }, host: { classAttribute: "dbx-firebase-login-button" }, ngImport: i0, template: `
+    handleAction = () => {
+        const loginPromise = this.config.handleLogin();
+        return from(loginPromise);
+    };
+    onActionSuccess = () => {
+        // todo: show checkmark on success?
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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">
@@ -671,7 +658,7 @@ class DbxFirebaseLoginButtonComponent {
         </div>
       </dbx-button>
     </ng-container>
-  `, isInline: true, dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i2$2.DbxActionDirective, selector: "dbx-action,[dbxAction],dbx-action-context,[dbxActionContext]", exportAs: ["action", "dbxAction"] }, { kind: "directive", type: i2$2.DbxActionHandlerDirective, selector: "[dbxActionHandler]", inputs: ["dbxActionHandler"] }, { kind: "directive", type: i2$2.DbxActionValueDirective, selector: "[dbxActionValue]", inputs: ["dbxActionValue"] }, { kind: "directive", type: i2$2.DbxActionSuccessHandlerDirective, selector: "[dbxActionSuccessHandler]", inputs: ["dbxActionSuccessHandler"] }, { kind: "directive", type: i2$2.DbxActionButtonDirective, selector: "[dbxActionButton]" }, { kind: "component", type: i1$2.DbxButtonComponent, selector: "dbx-button", inputs: ["type", "basic", "raised", "stroked", "flat", "iconOnly", "color", "spinnerColor", "customButtonColor", "customTextColor", "customSpinnerColor"] }] }); }
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.DbxActionDirective, selector: "dbx-action,[dbxAction],dbx-action-context,[dbxActionContext]", exportAs: ["action", "dbxAction"] }, { kind: "directive", type: i3.DbxActionHandlerDirective, selector: "[dbxActionHandler]", inputs: ["dbxActionHandler"] }, { kind: "directive", type: i3.DbxActionValueDirective, selector: "[dbxActionValue]", inputs: ["dbxActionValue"] }, { kind: "directive", type: i3.DbxActionSuccessHandlerDirective, selector: "[dbxActionSuccessHandler]", inputs: ["dbxActionSuccessHandler"] }, { kind: "directive", type: i3.DbxActionButtonDirective, selector: "[dbxActionButton]" }, { kind: "component", type: i1.DbxButtonComponent, selector: "dbx-button", inputs: ["type", "basic", "raised", "stroked", "flat", "iconOnly", "color", "spinnerColor", "customButtonColor", "customTextColor", "customSpinnerColor"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginButtonComponent, decorators: [{
             type: Component,
@@ -698,12 +685,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }] } });
 class DbxFirebaseLoginButtonContainerComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginButtonContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseLoginButtonContainerComponent, selector: "dbx-firebase-login-button-container", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginButtonContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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 }); }
+  `, isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginButtonContainerComponent, decorators: [{
             type: Component,
@@ -722,11 +709,10 @@ const DEFAULT_CONFIGURED_DBX_FIREBASE_LOGIN_BUTTON_TEMPLATE = `
   </dbx-firebase-login-button-container>
 `;
 class AbstractConfiguredDbxFirebaseLoginButtonDirective {
-    constructor(dbxFirebaseAuthService, dbxFirebaseAuthLoginService, dbxFirebaseLoginContext) {
-        this.dbxFirebaseAuthService = dbxFirebaseAuthService;
-        this.dbxFirebaseAuthLoginService = dbxFirebaseAuthLoginService;
-        this.dbxFirebaseLoginContext = dbxFirebaseLoginContext;
-    }
+    dbxFirebaseAuthService = inject(DbxFirebaseAuthService);
+    dbxFirebaseAuthLoginService = inject(DbxFirebaseAuthLoginService);
+    dbxFirebaseLoginContext = inject(DbxFirebaseLoginContext);
+    _config;
     ngOnInit() {
         const assets = this.assetConfig;
         this._config = {
@@ -747,23 +733,20 @@ class AbstractConfiguredDbxFirebaseLoginButtonDirective {
     get config() {
         return this._config;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AbstractConfiguredDbxFirebaseLoginButtonDirective, deps: [{ token: DbxFirebaseAuthService }, { token: DbxFirebaseAuthLoginService }, { token: DbxFirebaseLoginContext }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: AbstractConfiguredDbxFirebaseLoginButtonDirective, ngImport: i0 }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AbstractConfiguredDbxFirebaseLoginButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: AbstractConfiguredDbxFirebaseLoginButtonDirective, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", 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';
-    }
+    loginProvider = 'apple';
     handleLogin() {
         return this.dbxFirebaseAuthService.logInWithApple();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginAppleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseLoginAppleComponent, selector: "dbx-firebase-login-apple", 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, dependencies: [{ kind: "component", type: DbxFirebaseLoginButtonComponent, selector: "dbx-firebase-login-button", inputs: ["config"] }, { kind: "component", type: DbxFirebaseLoginButtonContainerComponent, selector: "dbx-firebase-login-button-container" }] }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginAppleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseLoginAppleComponent, selector: "dbx-firebase-login-apple", 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, dependencies: [{ kind: "component", type: DbxFirebaseLoginButtonComponent, selector: "dbx-firebase-login-button", inputs: ["config"] }, { kind: "component", type: DbxFirebaseLoginButtonContainerComponent, selector: "dbx-firebase-login-button-container" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginAppleComponent, decorators: [{
             type: Component,
@@ -777,15 +760,12 @@ const DEFAULT_FIREBASE_LOGIN_METHOD_CATEGORY = 'default';
 const OAUTH_FIREBASE_LOGIN_METHOD_CATEGORY = 'oauth';
 
 class DbxFirebaseLoginAnonymousComponent extends AbstractConfiguredDbxFirebaseLoginButtonDirective {
-    constructor() {
-        super(...arguments);
-        this.loginProvider = 'anonymous';
-    }
+    loginProvider = 'anonymous';
     handleLogin() {
         return this.dbxFirebaseAuthService.logInAsAnonymous();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginAnonymousComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseLoginAnonymousComponent, selector: "dbx-firebase-login-anonymous", 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, dependencies: [{ kind: "component", type: DbxFirebaseLoginButtonComponent, selector: "dbx-firebase-login-button", inputs: ["config"] }, { kind: "component", type: DbxFirebaseLoginButtonContainerComponent, selector: "dbx-firebase-login-button-container" }] }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginAnonymousComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseLoginAnonymousComponent, selector: "dbx-firebase-login-anonymous", 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, dependencies: [{ kind: "component", type: DbxFirebaseLoginButtonComponent, selector: "dbx-firebase-login-button", inputs: ["config"] }, { kind: "component", type: DbxFirebaseLoginButtonContainerComponent, selector: "dbx-firebase-login-button-container" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginAnonymousComponent, decorators: [{
             type: Component,
@@ -799,13 +779,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * DbxFirebaseLoginContext implementation.
  */
 class DbxFirebaseLoginContextDirective extends AbstractForwardDbxInjectionContextDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginContextDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseLoginContextDirective, selector: "[dbxFirebaseLoginContext]", providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginContextDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseLoginContextDirective, selector: "[dbxFirebaseLoginContext]", providers: [
             {
                 provide: DbxFirebaseLoginContext,
                 useExisting: DbxFirebaseLoginContextDirective
             }
-        ], usesInheritance: true, ngImport: i0 }); }
+        ], usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginContextDirective, decorators: [{
             type: Directive,
@@ -824,31 +804,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * 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);
-        }));
-    }
+    dbxFirebaseAuthLoginService = inject(DbxFirebaseAuthLoginService);
+    _loginMode = new BehaviorSubject('login');
+    _inputProviderCategories = new BehaviorSubject(undefined);
+    _omitProviderTypes = new BehaviorSubject(undefined);
+    _inputProviderTypes = new BehaviorSubject(undefined);
+    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));
+    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;
+    }));
+    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();
@@ -867,12 +845,12 @@ class DbxFirebaseLoginListComponent {
     set providerCategories(providerCategories) {
         this._inputProviderCategories.next(providerCategories);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginListComponent, deps: [{ token: DbxFirebaseAuthLoginService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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, dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2$2.DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] }); }
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3.DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginListComponent, decorators: [{
             type: Component,
@@ -887,7 +865,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         class: 'dbx-firebase-login-list'
                     }
                 }]
-        }], ctorParameters: function () { return [{ type: DbxFirebaseAuthLoginService }]; }, propDecorators: { loginMode: [{
+        }], propDecorators: { loginMode: [{
                 type: Input
             }], providerTypes: [{
                 type: Input
@@ -901,15 +879,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * Pre-configured login component that displays all configured login types.
  */
 class DbxFirebaseLoginComponent {
-    constructor() {
-        this.loginMode = 'login';
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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: `
+    loginMode = 'login';
+    providerTypes;
+    omitProviderTypes;
+    providerCategories;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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, dependencies: [{ kind: "directive", type: i2$2.DbxInjectionContextDirective, selector: "[dbxInjectionContext]", inputs: ["config"] }, { kind: "directive", type: DbxFirebaseLoginContextDirective, selector: "[dbxFirebaseLoginContext]" }, { kind: "component", type: DbxFirebaseLoginListComponent, selector: "dbx-firebase-login-list", inputs: ["loginMode", "providerTypes", "omitProviderTypes", "providerCategories"] }] }); }
+  `, isInline: true, dependencies: [{ kind: "directive", type: i3.DbxInjectionContextDirective, selector: "[dbxInjectionContext]", inputs: ["config"] }, { kind: "directive", type: DbxFirebaseLoginContextDirective, selector: "[dbxFirebaseLoginContext]" }, { kind: "component", type: DbxFirebaseLoginListComponent, selector: "dbx-firebase-login-list", inputs: ["loginMode", "providerTypes", "omitProviderTypes", "providerCategories"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginComponent, decorators: [{
             type: Component,
@@ -936,14 +915,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 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;
-        }));
-    }
+    _config = new BehaviorSubject({ loginMode: 'login' });
+    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);
     }
@@ -951,10 +927,10 @@ class DbxFirebaseEmailFormComponent extends AbstractAsyncFormlyFormDirective {
         super.ngOnDestroy();
         this._config.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseEmailFormComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseEmailFormComponent, selector: "dbx-firebase-email-form", inputs: { config: "config" }, providers: [provideFormlyContext()], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseEmailFormComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseEmailFormComponent, selector: "dbx-firebase-email-form", inputs: { config: "config" }, providers: [provideFormlyContext()], usesInheritance: true, ngImport: i0, template: `
     <dbx-formly></dbx-formly>
-  `, isInline: true, dependencies: [{ kind: "component", type: i1$3.DbxFormlyFormComponent, selector: "dbx-formly", exportAs: ["formly"] }] }); }
+  `, isInline: true, dependencies: [{ kind: "component", type: i4.DbxFormlyFormComponent, selector: "dbx-formly", exportAs: ["formly"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseEmailFormComponent, decorators: [{
             type: Component,
@@ -970,14 +946,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 class DbxFirebaseEmailRecoveryFormComponent extends AbstractSyncFormlyFormDirective {
-    constructor() {
-        super(...arguments);
-        this.fields = [emailField({ required: true })];
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseEmailRecoveryFormComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseEmailRecoveryFormComponent, selector: "dbx-firebase-email-recovery-form", providers: [provideFormlyContext()], usesInheritance: true, ngImport: i0, template: `
+    fields = [emailField({ required: true })];
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseEmailRecoveryFormComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseEmailRecoveryFormComponent, selector: "dbx-firebase-email-recovery-form", providers: [provideFormlyContext()], usesInheritance: true, ngImport: i0, template: `
     <dbx-formly></dbx-formly>
-  `, isInline: true, dependencies: [{ kind: "component", type: i1$3.DbxFormlyFormComponent, selector: "dbx-formly", exportAs: ["formly"] }] }); }
+  `, isInline: true, dependencies: [{ kind: "component", type: i4.DbxFormlyFormComponent, selector: "dbx-formly", exportAs: ["formly"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseEmailRecoveryFormComponent, decorators: [{
             type: Component,
@@ -991,47 +964,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }] });
 
 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, context) => {
-            this.recoveryFormValue = value;
-            this.emailFormValue = { username: value.email, password: '' };
-            context.startWorkingWithPromise(this.dbxFirebaseAuthService.sendPasswordResetEmail(value.email));
-        };
-        // MARK: Recovering
-        this.handleRecoverySuccess = (x) => {
-            this._emailMode.next('recoversent');
-        };
-    }
+    dbxFirebaseAuthService = inject(DbxFirebaseAuthService);
+    config = inject(DBX_INJECTION_COMPONENT_DATA);
+    formConfig = {
+        loginMode: this.config.loginMode,
+        passwordConfig: this.config.passwordConfig
+    };
+    emailFormValue;
+    recoveryFormValue;
+    _emailMode = new BehaviorSubject('login');
+    emailMode$ = this._emailMode.asObservable();
+    forgotAnchor = {
+        onClick: () => {
+            this.openRecovery();
+        }
+    };
+    doneOrCancelled = new EventEmitter();
     static openEmailLoginContext(dbxFirebaseLoginContext, config) {
         return dbxFirebaseLoginContext.showContext({
             config: {
@@ -1056,10 +1004,35 @@ class DbxFirebaseLoginEmailContentComponent {
     get buttonText() {
         return this.config.loginMode === 'register' ? 'Register' : 'Log In';
     }
+    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);
+        }));
+    };
     // MARK: Recovery
     openRecovery() {
         this._emailMode.next('recover');
     }
+    handleRecoveryAction = (value, context) => {
+        this.recoveryFormValue = value;
+        this.emailFormValue = { username: value.email, password: '' };
+        context.startWorkingWithPromise(this.dbxFirebaseAuthService.sendPasswordResetEmail(value.email));
+    };
+    // MARK: Recovering
+    handleRecoverySuccess = (x) => {
+        this._emailMode.next('recoversent');
+    };
     clickedRecoveryAcknowledged() {
         this._emailMode.next('login');
     }
@@ -1070,27 +1043,21 @@ class DbxFirebaseLoginEmailContentComponent {
     onCancelReset() {
         this.doneOrCancelled.next(false);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginEmailContentComponent, deps: [{ token: DbxFirebaseAuthService }, { token: DBX_INJECTION_COMPONENT_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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 *ngSwitchCase=\"'recoversent'\">\n      <ng-container *ngTemplateOutlet=\"resetPasswordSent\"></ng-container>\n    </ng-container>\n  </ng-container>\n</div>\n\n<!-- Login View -->\n<ng-template #loginView>\n  <ng-container dbxAction [dbxActionHandler]=\"handleLoginAction\">\n    <dbx-firebase-email-form [config]=\"formConfig\" dbxActionForm [dbxFormSource]=\"emailFormValue\"></dbx-firebase-email-form>\n    <div class=\"dbx-firebase-login-email-forgot-prompt\" *ngIf=\"isLoginMode\">\n      <dbx-link [anchor]=\"forgotAnchor\">Forgot Password?</dbx-link>\n    </div>\n    <div class=\"dbx-flex\">\n      <dbx-button class=\"dbx-button-wide\" [text]=\"buttonText\" [raised]=\"true\" color=\"primary\" dbxActionButton></dbx-button>\n      <dbx-button-spacer></dbx-button-spacer>\n      <span class=\"dbx-spacer\"></span>\n      <button mat-flat-button (click)=\"onCancel()\">Cancel</button>\n    </div>\n    <dbx-error dbxActionError></dbx-error>\n  </ng-container>\n</ng-template>\n\n<!-- Reset Password View -->\n<ng-template #resetPassword>\n  <div class=\"dbx-firebase-login-email-content-recovery\" dbxAction [dbxActionHandler]=\"handleRecoveryAction\" [dbxActionSuccessHandler]=\"handleRecoverySuccess\">\n    <dbx-firebase-email-recovery-form dbxActionForm [dbxFormSource]=\"recoveryFormValue\"></dbx-firebase-email-recovery-form>\n    <p class=\"dbx-hint\">An email will be sent to the above address to help you reset your password.</p>\n    <div class=\"dbx-flex\">\n      <dbx-button class=\"dbx-button-wide\" text=\"Send Recovery Email\" [raised]=\"true\" color=\"primary\" dbxActionButton></dbx-button>\n      <span class=\"dbx-spacer\"></span>\n      <button mat-flat-button (click)=\"onCancelReset()\">Cancel Recovery</button>\n    </div>\n    <dbx-error dbxActionError></dbx-error>\n  </div>\n</ng-template>\n\n<!-- Reset Password Sent -->\n<ng-template #resetPasswordSent>\n  <div class=\"dbx-firebase-login-email-content-recovery-sent\">\n    <p class=\"dbx-hint\">A recovery email was sent to the specified address. Please check your email for next steps.</p>\n    <button mat-raised-button (click)=\"clickedRecoveryAcknowledged()\">Ok</button>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i3$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i1$2.DbxAnchorLinkComponent, selector: "dbx-link", inputs: ["anchor", "ref", "href"] }, { kind: "directive", type: i1$3.DbxFormSourceDirective, selector: "[dbxFormSource]", inputs: ["dbxFormSourceMode", "dbxFormSource"] }, { kind: "directive", type: i1$3.DbxActionFormDirective, selector: "[dbxActionForm]", inputs: ["dbxActionFormValidator", "dbxActionFormModified", "dbxActionFormMapValue", "formDisabledOnWorking"] }, { kind: "component", type: i1$2.DbxReadableErrorComponent, selector: "dbx-error", inputs: ["error", "iconOnly"], outputs: ["popoverOpen"] }, { kind: "directive", type: i1$2.DbxActionErrorDirective, selector: "[dbxActionError]" }, { kind: "directive", type: i2$2.DbxActionDirective, selector: "dbx-action,[dbxAction],dbx-action-context,[dbxActionContext]", exportAs: ["action", "dbxAction"] }, { kind: "directive", type: i2$2.DbxActionHandlerDirective, selector: "[dbxActionHandler]", inputs: ["dbxActionHandler"] }, { kind: "directive", type: i2$2.DbxActionSuccessHandlerDirective, selector: "[dbxActionSuccessHandler]", inputs: ["dbxActionSuccessHandler"] }, { kind: "directive", type: i2$2.DbxActionButtonDirective, selector: "[dbxActionButton]" }, { kind: "component", type: i1$2.DbxButtonComponent, selector: "dbx-button", inputs: ["type", "basic", "raised", "stroked", "flat", "iconOnly", "color", "spinnerColor", "customButtonColor", "customTextColor", "customSpinnerColor"] }, { kind: "directive", type: i1$2.DbxButtonSpacerDirective, selector: "dbx-button-spacer,[dbxButtonSpacer]" }, { kind: "component", type: DbxFirebaseEmailFormComponent, selector: "dbx-firebase-email-form", inputs: ["config"] }, { kind: "component", type: DbxFirebaseEmailRecoveryFormComponent, selector: "dbx-firebase-email-recovery-form" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginEmailContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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 *ngSwitchCase=\"'recoversent'\">\n      <ng-container *ngTemplateOutlet=\"resetPasswordSent\"></ng-container>\n    </ng-container>\n  </ng-container>\n</div>\n\n<!-- Login View -->\n<ng-template #loginView>\n  <ng-container dbxAction [dbxActionHandler]=\"handleLoginAction\">\n    <dbx-firebase-email-form [config]=\"formConfig\" dbxActionForm [dbxFormSource]=\"emailFormValue\"></dbx-firebase-email-form>\n    <div class=\"dbx-firebase-login-email-forgot-prompt\" *ngIf=\"isLoginMode\">\n      <dbx-link [anchor]=\"forgotAnchor\">Forgot Password?</dbx-link>\n    </div>\n    <div class=\"dbx-flex\">\n      <dbx-button class=\"dbx-button-wide\" [text]=\"buttonText\" [raised]=\"true\" color=\"primary\" dbxActionButton></dbx-button>\n      <dbx-button-spacer></dbx-button-spacer>\n      <span class=\"dbx-spacer\"></span>\n      <button mat-flat-button (click)=\"onCancel()\">Cancel</button>\n    </div>\n    <dbx-error dbxActionError></dbx-error>\n  </ng-container>\n</ng-template>\n\n<!-- Reset Password View -->\n<ng-template #resetPassword>\n  <div class=\"dbx-firebase-login-email-content-recovery\" dbxAction [dbxActionHandler]=\"handleRecoveryAction\" [dbxActionSuccessHandler]=\"handleRecoverySuccess\">\n    <dbx-firebase-email-recovery-form dbxActionForm [dbxFormSource]=\"recoveryFormValue\"></dbx-firebase-email-recovery-form>\n    <p class=\"dbx-hint\">An email will be sent to the above address to help you reset your password.</p>\n    <div class=\"dbx-flex\">\n      <dbx-button class=\"dbx-button-wide\" text=\"Send Recovery Email\" [raised]=\"true\" color=\"primary\" dbxActionButton></dbx-button>\n      <span class=\"dbx-spacer\"></span>\n      <button mat-flat-button (click)=\"onCancelReset()\">Cancel Recovery</button>\n    </div>\n    <dbx-error dbxActionError></dbx-error>\n  </div>\n</ng-template>\n\n<!-- Reset Password Sent -->\n<ng-template #resetPasswordSent>\n  <div class=\"dbx-firebase-login-email-content-recovery-sent\">\n    <p class=\"dbx-hint\">A recovery email was sent to the specified address. Please check your email for next steps.</p>\n    <button mat-raised-button (click)=\"clickedRecoveryAcknowledged()\">Ok</button>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i1.DbxAnchorLinkComponent, selector: "dbx-link", inputs: ["anchor", "ref", "href"] }, { kind: "directive", type: i4.DbxFormSourceDirective, selector: "[dbxFormSource]", inputs: ["dbxFormSourceMode", "dbxFormSource"] }, { kind: "directive", type: i4.DbxActionFormDirective, selector: "[dbxActionForm]", inputs: ["dbxActionFormValidator", "dbxActionFormModified", "dbxActionFormMapValue", "formDisabledOnWorking"] }, { kind: "component", type: i1.DbxReadableErrorComponent, selector: "dbx-error", inputs: ["error", "iconOnly"], outputs: ["popoverOpen"] }, { kind: "directive", type: i1.DbxActionErrorDirective, selector: "[dbxActionError]" }, { kind: "directive", type: i3.DbxActionDirective, selector: "dbx-action,[dbxAction],dbx-action-context,[dbxActionContext]", exportAs: ["action", "dbxAction"] }, { kind: "directive", type: i3.DbxActionHandlerDirective, selector: "[dbxActionHandler]", inputs: ["dbxActionHandler"] }, { kind: "directive", type: i3.DbxActionSuccessHandlerDirective, selector: "[dbxActionSuccessHandler]", inputs: ["dbxActionSuccessHandler"] }, { kind: "directive", type: i3.DbxActionButtonDirective, selector: "[dbxActionButton]" }, { kind: "component", type: i1.DbxButtonComponent, selector: "dbx-button", inputs: ["type", "basic", "raised", "stroked", "flat", "iconOnly", "color", "spinnerColor", "customButtonColor", "customTextColor", "customSpinnerColor"] }, { kind: "directive", type: i1.DbxButtonSpacerDirective, selector: "dbx-button-spacer,[dbxButtonSpacer]" }, { kind: "component", type: DbxFirebaseEmailFormComponent, selector: "dbx-firebase-email-form", inputs: ["config"] }, { kind: "component", type: DbxFirebaseEmailRecoveryFormComponent, selector: "dbx-firebase-email-recovery-form" }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", 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 *ngSwitchCase=\"'recoversent'\">\n      <ng-container *ngTemplateOutlet=\"resetPasswordSent\"></ng-container>\n    </ng-container>\n  </ng-container>\n</div>\n\n<!-- Login View -->\n<ng-template #loginView>\n  <ng-container dbxAction [dbxActionHandler]=\"handleLoginAction\">\n    <dbx-firebase-email-form [config]=\"formConfig\" dbxActionForm [dbxFormSource]=\"emailFormValue\"></dbx-firebase-email-form>\n    <div class=\"dbx-firebase-login-email-forgot-prompt\" *ngIf=\"isLoginMode\">\n      <dbx-link [anchor]=\"forgotAnchor\">Forgot Password?</dbx-link>\n    </div>\n    <div class=\"dbx-flex\">\n      <dbx-button class=\"dbx-button-wide\" [text]=\"buttonText\" [raised]=\"true\" color=\"primary\" dbxActionButton></dbx-button>\n      <dbx-button-spacer></dbx-button-spacer>\n      <span class=\"dbx-spacer\"></span>\n      <button mat-flat-button (click)=\"onCancel()\">Cancel</button>\n    </div>\n    <dbx-error dbxActionError></dbx-error>\n  </ng-container>\n</ng-template>\n\n<!-- Reset Password View -->\n<ng-template #resetPassword>\n  <div class=\"dbx-firebase-login-email-content-recovery\" dbxAction [dbxActionHandler]=\"handleRecoveryAction\" [dbxActionSuccessHandler]=\"handleRecoverySuccess\">\n    <dbx-firebase-email-recovery-form dbxActionForm [dbxFormSource]=\"recoveryFormValue\"></dbx-firebase-email-recovery-form>\n    <p class=\"dbx-hint\">An email will be sent to the above address to help you reset your password.</p>\n    <div class=\"dbx-flex\">\n      <dbx-button class=\"dbx-button-wide\" text=\"Send Recovery Email\" [raised]=\"true\" color=\"primary\" dbxActionButton></dbx-button>\n      <span class=\"dbx-spacer\"></span>\n      <button mat-flat-button (click)=\"onCancelReset()\">Cancel Recovery</button>\n    </div>\n    <dbx-error dbxActionError></dbx-error>\n  </div>\n</ng-template>\n\n<!-- Reset Password Sent -->\n<ng-template #resetPasswordSent>\n  <div class=\"dbx-firebase-login-email-content-recovery-sent\">\n    <p class=\"dbx-hint\">A recovery email was sent to the specified address. Please check your email for next steps.</p>\n    <button mat-raised-button (click)=\"clickedRecoveryAcknowledged()\">Ok</button>\n  </div>\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';
-    }
+    loginProvider = 'email';
     handleLogin() {
         return DbxFirebaseLoginEmailContentComponent.openEmailLoginContext(this.dbxFirebaseLoginContext, { loginMode: 'login', passwordConfig: this.dbxFirebaseAuthLoginService.getPasswordConfig() });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginEmailComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseLoginEmailComponent, selector: "dbx-firebase-login-email", 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, dependencies: [{ kind: "component", type: DbxFirebaseLoginButtonComponent, selector: "dbx-firebase-login-button", inputs: ["config"] }, { kind: "component", type: DbxFirebaseLoginButtonContainerComponent, selector: "dbx-firebase-login-button-container" }] }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginEmailComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseLoginEmailComponent, selector: "dbx-firebase-login-email", 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, dependencies: [{ kind: "component", type: DbxFirebaseLoginButtonComponent, selector: "dbx-firebase-login-button", inputs: ["config"] }, { kind: "component", type: DbxFirebaseLoginButtonContainerComponent, selector: "dbx-firebase-login-button-container" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginEmailComponent, decorators: [{
             type: Component,
@@ -1101,15 +1068,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }] });
 
 class DbxFirebaseLoginFacebookComponent extends AbstractConfiguredDbxFirebaseLoginButtonDirective {
-    constructor() {
-        super(...arguments);
-        this.loginProvider = 'facebook';
-    }
+    loginProvider = 'facebook';
     handleLogin() {
         return this.dbxFirebaseAuthService.logInWithFacebook();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginFacebookComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseLoginFacebookComponent, selector: "dbx-firebase-login-facebook", 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, dependencies: [{ kind: "component", type: DbxFirebaseLoginButtonComponent, selector: "dbx-firebase-login-button", inputs: ["config"] }, { kind: "component", type: DbxFirebaseLoginButtonContainerComponent, selector: "dbx-firebase-login-button-container" }] }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginFacebookComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseLoginFacebookComponent, selector: "dbx-firebase-login-facebook", 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, dependencies: [{ kind: "component", type: DbxFirebaseLoginButtonComponent, selector: "dbx-firebase-login-button", inputs: ["config"] }, { kind: "component", type: DbxFirebaseLoginButtonContainerComponent, selector: "dbx-firebase-login-button-container" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginFacebookComponent, decorators: [{
             type: Component,
@@ -1120,15 +1084,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }] });
 
 class DbxFirebaseLoginGoogleComponent extends AbstractConfiguredDbxFirebaseLoginButtonDirective {
-    constructor() {
-        super(...arguments);
-        this.loginProvider = 'google';
-    }
+    loginProvider = 'google';
     handleLogin() {
         return this.dbxFirebaseAuthService.logInWithGoogle();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginGoogleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseLoginGoogleComponent, selector: "dbx-firebase-login-google", 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, dependencies: [{ kind: "component", type: DbxFirebaseLoginButtonComponent, selector: "dbx-firebase-login-button", inputs: ["config"] }, { kind: "component", type: DbxFirebaseLoginButtonContainerComponent, selector: "dbx-firebase-login-button-container" }] }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginGoogleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseLoginGoogleComponent, selector: "dbx-firebase-login-google", 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, dependencies: [{ kind: "component", type: DbxFirebaseLoginButtonComponent, selector: "dbx-firebase-login-button", inputs: ["config"] }, { kind: "component", type: DbxFirebaseLoginButtonContainerComponent, selector: "dbx-firebase-login-button-container" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginGoogleComponent, decorators: [{
             type: Component,
@@ -1142,10 +1103,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * Pre-configured register component that displays all configured login types and their registration components.
  */
 class DbxFirebaseRegisterComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseRegisterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseRegisterComponent, selector: "dbx-firebase-register", inputs: { providerTypes: "providerTypes", omitProviderTypes: "omitProviderTypes", providerCategories: "providerCategories" }, ngImport: i0, template: `
+    providerTypes;
+    omitProviderTypes;
+    providerCategories;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseRegisterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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, dependencies: [{ kind: "component", type: DbxFirebaseLoginComponent, selector: "dbx-firebase-login", inputs: ["loginMode", "providerTypes", "omitProviderTypes", "providerCategories"] }] }); }
+  `, isInline: true, dependencies: [{ kind: "component", type: DbxFirebaseLoginComponent, selector: "dbx-firebase-login", inputs: ["loginMode", "providerTypes", "omitProviderTypes", "providerCategories"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseRegisterComponent, decorators: [{
             type: Component,
@@ -1164,15 +1128,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }] } });
 
 class DbxFirebaseLoginGitHubComponent extends AbstractConfiguredDbxFirebaseLoginButtonDirective {
-    constructor() {
-        super(...arguments);
-        this.loginProvider = 'github';
-    }
+    loginProvider = 'github';
     handleLogin() {
         return this.dbxFirebaseAuthService.logInWithGithub();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginGitHubComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseLoginGitHubComponent, selector: "dbx-firebase-login-github", 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, dependencies: [{ kind: "component", type: DbxFirebaseLoginButtonComponent, selector: "dbx-firebase-login-button", inputs: ["config"] }, { kind: "component", type: DbxFirebaseLoginButtonContainerComponent, selector: "dbx-firebase-login-button-container" }] }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginGitHubComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseLoginGitHubComponent, selector: "dbx-firebase-login-github", 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, dependencies: [{ kind: "component", type: DbxFirebaseLoginButtonComponent, selector: "dbx-firebase-login-button", inputs: ["config"] }, { kind: "component", type: DbxFirebaseLoginButtonContainerComponent, selector: "dbx-firebase-login-button-container" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginGitHubComponent, decorators: [{
             type: Component,
@@ -1183,15 +1144,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }] });
 
 class DbxFirebaseLoginTwitterComponent extends AbstractConfiguredDbxFirebaseLoginButtonDirective {
-    constructor() {
-        super(...arguments);
-        this.loginProvider = 'twitter';
-    }
+    loginProvider = 'twitter';
     handleLogin() {
         return this.dbxFirebaseAuthService.logInWithTwitter();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginTwitterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseLoginTwitterComponent, selector: "dbx-firebase-login-twitter", 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, dependencies: [{ kind: "component", type: DbxFirebaseLoginButtonComponent, selector: "dbx-firebase-login-button", inputs: ["config"] }, { kind: "component", type: DbxFirebaseLoginButtonContainerComponent, selector: "dbx-firebase-login-button-container" }] }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginTwitterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseLoginTwitterComponent, selector: "dbx-firebase-login-twitter", 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, dependencies: [{ kind: "component", type: DbxFirebaseLoginButtonComponent, selector: "dbx-firebase-login-button", inputs: ["config"] }, { kind: "component", type: DbxFirebaseLoginButtonContainerComponent, selector: "dbx-firebase-login-button-container" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginTwitterComponent, decorators: [{
             type: Component,
@@ -1202,15 +1160,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }] });
 
 class DbxFirebaseLoginMicrosoftComponent extends AbstractConfiguredDbxFirebaseLoginButtonDirective {
-    constructor() {
-        super(...arguments);
-        this.loginProvider = 'microsoft';
-    }
+    loginProvider = 'microsoft';
     handleLogin() {
         return this.dbxFirebaseAuthService.logInWithMicrosoft();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginMicrosoftComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseLoginMicrosoftComponent, selector: "dbx-firebase-login-microsoft", 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, dependencies: [{ kind: "component", type: DbxFirebaseLoginButtonComponent, selector: "dbx-firebase-login-button", inputs: ["config"] }, { kind: "component", type: DbxFirebaseLoginButtonContainerComponent, selector: "dbx-firebase-login-button-container" }] }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginMicrosoftComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseLoginMicrosoftComponent, selector: "dbx-firebase-login-microsoft", 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, dependencies: [{ kind: "component", type: DbxFirebaseLoginButtonComponent, selector: "dbx-firebase-login-button", inputs: ["config"] }, { kind: "component", type: DbxFirebaseLoginButtonContainerComponent, selector: "dbx-firebase-login-button-container" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginMicrosoftComponent, decorators: [{
             type: Component,
@@ -1221,15 +1176,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }] });
 
 class DbxFirebaseRegisterEmailComponent extends AbstractConfiguredDbxFirebaseLoginButtonDirective {
-    constructor() {
-        super(...arguments);
-        this.loginProvider = 'email';
-    }
+    loginProvider = 'email';
     handleLogin() {
         return DbxFirebaseLoginEmailContentComponent.openEmailLoginContext(this.dbxFirebaseLoginContext, { loginMode: 'register', passwordConfig: this.dbxFirebaseAuthLoginService.getPasswordConfig() });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseRegisterEmailComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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", dependencies: [{ kind: "component", type: DbxFirebaseLoginButtonComponent, selector: "dbx-firebase-login-button", inputs: ["config"] }, { kind: "component", type: DbxFirebaseLoginButtonContainerComponent, selector: "dbx-firebase-login-button-container" }] }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseRegisterEmailComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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", dependencies: [{ kind: "component", type: DbxFirebaseLoginButtonComponent, selector: "dbx-firebase-login-button", inputs: ["config"] }, { kind: "component", type: DbxFirebaseLoginButtonContainerComponent, selector: "dbx-firebase-login-button-container" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseRegisterEmailComponent, decorators: [{
             type: Component,
@@ -1237,16 +1189,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }] });
 
 class DbxFirebaseLoginTermsComponent {
-    constructor(dbxFirebaseAuthLoginService) {
-        this.dbxFirebaseAuthLoginService = dbxFirebaseAuthLoginService;
-        this.config = {
-            componentClass: this.dbxFirebaseAuthLoginService.termsComponentClass
-        };
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginTermsComponent, deps: [{ token: DbxFirebaseAuthLoginService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseLoginTermsComponent, selector: "dbx-firebase-login-terms", host: { classAttribute: "dbx-firebase-login-terms d-block" }, ngImport: i0, template: `
+    dbxFirebaseAuthLoginService = inject(DbxFirebaseAuthLoginService);
+    config = {
+        componentClass: this.dbxFirebaseAuthLoginService.termsComponentClass
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginTermsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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, dependencies: [{ kind: "component", type: i2$2.DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }] }); }
+  `, isInline: true, dependencies: [{ kind: "component", type: i3.DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginTermsComponent, decorators: [{
             type: Component,
@@ -1259,19 +1209,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         class: 'dbx-firebase-login-terms d-block'
                     }
                 }]
-        }], ctorParameters: function () { return [{ type: DbxFirebaseAuthLoginService }]; } });
+        }] });
 
 class DbxFirebaseLoginContextBackButtonComponent {
-    constructor() {
-        this.cancelLogin = new EventEmitter();
-        this.anchor = {
-            onClick: () => this.cancelLogin.emit()
-        };
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginContextBackButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseLoginContextBackButtonComponent, selector: "dbx-firebase-login-context-back-button", outputs: { cancelLogin: "cancelLogin" }, ngImport: i0, template: `
+    cancelLogin = new EventEmitter();
+    anchor = {
+        onClick: () => this.cancelLogin.emit()
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginContextBackButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseLoginContextBackButtonComponent, selector: "dbx-firebase-login-context-back-button", outputs: { cancelLogin: "cancelLogin" }, ngImport: i0, template: `
     <dbx-link [anchor]="anchor">Choose other login method.</dbx-link>
-  `, isInline: true, dependencies: [{ kind: "component", type: i1$2.DbxAnchorLinkComponent, selector: "dbx-link", inputs: ["anchor", "ref", "href"] }] }); }
+  `, isInline: true, dependencies: [{ kind: "component", type: i1.DbxAnchorLinkComponent, selector: "dbx-link", inputs: ["anchor", "ref", "href"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginContextBackButtonComponent, decorators: [{
             type: Component,
@@ -1386,12 +1334,13 @@ function defaultFirebaseAuthLoginProvidersFactory() {
  * Contains components related to logging in.
  */
 class DbxFirebaseLoginModule {
-    constructor(config, dbxFirebaseAuthLoginService) {
+    dbxFirebaseAuthLoginService = inject(DbxFirebaseAuthLoginService);
+    constructor(config) {
         if (config.enabledLoginMethods === true) {
-            dbxFirebaseAuthLoginService.setEnableAll();
+            this.dbxFirebaseAuthLoginService.setEnableAll();
         }
         else {
-            dbxFirebaseAuthLoginService.enable(config.enabledLoginMethods); // enable the types in the service.
+            this.dbxFirebaseAuthLoginService.enable(config.enabledLoginMethods); // enable the types in the service.
         }
     }
     static forRoot(config) {
@@ -1421,8 +1370,8 @@ class DbxFirebaseLoginModule {
             ]
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginModule, deps: [{ token: DbxFirebaseLoginModuleRootConfig }, { token: DbxFirebaseAuthLoginService }], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginModule, declarations: [DbxFirebaseLoginComponent,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginModule, deps: [{ token: DbxFirebaseLoginModuleRootConfig }], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginModule, declarations: [DbxFirebaseLoginComponent,
             DbxFirebaseLoginContextDirective,
             DbxFirebaseLoginContextBackButtonComponent,
             DbxFirebaseRegisterComponent,
@@ -1462,8 +1411,8 @@ class DbxFirebaseLoginModule {
             DbxFirebaseLoginFacebookComponent,
             DbxFirebaseLoginAnonymousComponent,
             DbxFirebaseLoginTermsComponent,
-            DbxFirebaseLoginTermsSimpleComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginModule, imports: [CommonModule, MatIconModule, MatButtonModule, DbxRouterAnchorModule, DbxFormIoModule, DbxFormModule, DbxFormlyModule, DbxFormActionModule, DbxFormFormlyTextFieldModule, DbxReadableErrorModule, DbxActionModule, DbxButtonModule, DbxInjectionComponentModule] }); }
+            DbxFirebaseLoginTermsSimpleComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginModule, imports: [CommonModule, MatIconModule, MatButtonModule, DbxRouterAnchorModule, DbxFormIoModule, DbxFormModule, DbxFormlyModule, DbxFormActionModule, DbxFormFormlyTextFieldModule, DbxReadableErrorModule, DbxActionModule, DbxButtonModule, DbxInjectionComponentModule] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseLoginModule, decorators: [{
             type: NgModule,
@@ -1517,7 +1466,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     ],
                     providers: []
                 }]
-        }], ctorParameters: function () { return [{ type: DbxFirebaseLoginModuleRootConfig }, { type: DbxFirebaseAuthLoginService }]; } });
+        }], ctorParameters: function () { return [{ type: DbxFirebaseLoginModuleRootConfig, decorators: [{
+                    type: Inject,
+                    args: [DbxFirebaseLoginModuleRootConfig]
+                }] }]; } });
 
 function authRolesObsWithClaimsService(config) {
     const { addAuthUserStateToRoles: addAuthUserState, claimsService } = config;
@@ -1564,9 +1516,9 @@ class DbxFirebaseAuthModule {
             providers
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseAuthModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseAuthModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseAuthModule }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseAuthModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseAuthModule });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseAuthModule });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseAuthModule, decorators: [{
             type: NgModule,
@@ -1583,9 +1535,9 @@ const DEFAULT_FIREBASE_DEVELOPMENT_WIDGET_PROVIDERS_TOKEN = new InjectionToken('
  * Default providers can be configured by the DEFAULT_FIREBASE_AUTH_LOGIN_PROVIDERS_TOKEN injectable value.
  */
 class DbxFirebaseDevelopmentWidgetService {
-    constructor(defaultEntries, dbxWidgetService) {
-        this.dbxWidgetService = dbxWidgetService;
-        this._entries = new Map();
+    dbxWidgetService = inject(DbxWidgetService);
+    _entries = new Map();
+    constructor(defaultEntries) {
         if (defaultEntries) {
             defaultEntries.forEach((x) => this.register(x, false));
         }
@@ -1613,8 +1565,8 @@ class DbxFirebaseDevelopmentWidgetService {
     getEntries() {
         return iterableToArray(this._entries.values());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDevelopmentWidgetService, deps: [{ token: DEFAULT_FIREBASE_DEVELOPMENT_WIDGET_PROVIDERS_TOKEN, optional: true }, { token: i1$2.DbxWidgetService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDevelopmentWidgetService, providedIn: 'root' }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDevelopmentWidgetService, deps: [{ token: DEFAULT_FIREBASE_DEVELOPMENT_WIDGET_PROVIDERS_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDevelopmentWidgetService, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDevelopmentWidgetService, decorators: [{
             type: Injectable,
@@ -1626,7 +1578,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }, {
                     type: Inject,
                     args: [DEFAULT_FIREBASE_DEVELOPMENT_WIDGET_PROVIDERS_TOKEN]
-                }] }, { type: i1$2.DbxWidgetService }]; } });
+                }] }]; } });
 
 /**
  * Whether or not the scheduler should be enabled.
@@ -1636,31 +1588,28 @@ const DEFAULT_FIREBASE_DEVELOPMENT_SCHEDULER_ENABLED_TOKEN = new InjectionToken(
  * Service used for hitting the scheduler in the development environment using the
  */
 class DbxFirebaseDevelopmentSchedulerService {
-    constructor(_startEnabled, dbxAuthService, firebaseDevelopmentFunctions) {
-        this._startEnabled = _startEnabled;
-        this.dbxAuthService = dbxAuthService;
-        this.firebaseDevelopmentFunctions = firebaseDevelopmentFunctions;
-        this._sub = new SubscriptionObject();
-        this._enabled = new BehaviorSubject(this._startEnabled !== false);
-        this._timerInterval = new BehaviorSubject(60 * 1000);
-        this._error = new BehaviorSubject(false);
-        this.enabled$ = this._enabled.asObservable();
-        this.running$ = combineLatest([this._enabled, this.dbxAuthService.authUserState$.pipe(map((x) => x === 'user'))]).pipe(map(([enabled, userReady]) => enabled && userReady), distinctUntilChanged(), shareReplay(1));
-        this.timerInterval$ = this._timerInterval.asObservable();
-        this.error$ = this._error.pipe(distinctUntilChanged());
-        this.schedulerList$ = lazyFrom(() => {
-            return this.firebaseDevelopmentFunctions
-                .scheduledFunction({ type: ScheduledFunctionDevelopmentFunctionTypeEnum.LIST })
-                .then((result) => {
-                const list = result;
-                return list.list;
-            })
-                .catch((e) => {
-                console.error('Failed to retrieve development schedule list from server.', e);
-                throw e;
-            });
+    dbxAuthService = inject(DbxAuthService);
+    firebaseDevelopmentFunctions = inject(FirebaseDevelopmentFunctions);
+    _sub = new SubscriptionObject();
+    _enabled = new BehaviorSubject(inject(DEFAULT_FIREBASE_DEVELOPMENT_SCHEDULER_ENABLED_TOKEN, { optional: true }) !== false);
+    _timerInterval = new BehaviorSubject(60 * 1000);
+    _error = new BehaviorSubject(false);
+    enabled$ = this._enabled.asObservable();
+    running$ = combineLatest([this._enabled, this.dbxAuthService.authUserState$.pipe(map((x) => x === 'user'))]).pipe(map(([enabled, userReady]) => enabled && userReady), distinctUntilChanged(), shareReplay(1));
+    timerInterval$ = this._timerInterval.asObservable();
+    error$ = this._error.pipe(distinctUntilChanged());
+    schedulerList$ = lazyFrom(() => {
+        return this.firebaseDevelopmentFunctions
+            .scheduledFunction({ type: ScheduledFunctionDevelopmentFunctionTypeEnum.LIST })
+            .then((result) => {
+            const list = result;
+            return list.list;
+        })
+            .catch((e) => {
+            console.error('Failed to retrieve development schedule list from server.', e);
+            throw e;
         });
-    }
+    });
     init() {
         this._sub.subscription = this.running$
             .pipe(switchMapWhileTrue(() => {
@@ -1695,20 +1644,15 @@ class DbxFirebaseDevelopmentSchedulerService {
     setTimer(timerInterval) {
         this._timerInterval.next(timerInterval);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDevelopmentSchedulerService, deps: [{ token: DEFAULT_FIREBASE_DEVELOPMENT_SCHEDULER_ENABLED_TOKEN, optional: true }, { token: i2$2.DbxAuthService }, { token: i1$4.FirebaseDevelopmentFunctions }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDevelopmentSchedulerService, providedIn: 'root' }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDevelopmentSchedulerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDevelopmentSchedulerService, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDevelopmentSchedulerService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [DEFAULT_FIREBASE_DEVELOPMENT_SCHEDULER_ENABLED_TOKEN]
-                }] }, { type: i2$2.DbxAuthService }, { type: i1$4.FirebaseDevelopmentFunctions }]; } });
+        }] });
 
 class DbxFirebaseDevelopmentSchedulerListComponent extends AbstractDbxSelectionListWrapperDirective {
     constructor() {
@@ -1717,8 +1661,8 @@ class DbxFirebaseDevelopmentSchedulerListComponent extends AbstractDbxSelectionL
             defaultSelectionMode: 'view'
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDevelopmentSchedulerListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseDevelopmentSchedulerListComponent, selector: "dbx-firebase-development-scheduler-list", providers: provideDbxListViewWrapper(DbxFirebaseDevelopmentSchedulerListComponent), usesInheritance: true, ngImport: i0, template: "\n<dbx-list [state$]=\"state$\" [config]=\"config$ | async\" [disabled]=\"disabled\" [selectionMode]=\"selectionMode\">\n  <ng-content top select=\"[top]\"></ng-content>\n  <ng-content bottom select=\"[bottom]\"></ng-content>\n  <ng-content empty select=\"[empty]\"></ng-content>\n  <ng-content emptyLoading select=\"[emptyLoading]\"></ng-content>\n</dbx-list>\n", isInline: true, dependencies: [{ kind: "component", type: i1$2.DbxListComponent, selector: "dbx-list", inputs: ["padded", "state$", "config", "disabled", "selectionMode"], outputs: ["contentScrolled"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDevelopmentSchedulerListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseDevelopmentSchedulerListComponent, selector: "dbx-firebase-development-scheduler-list", providers: provideDbxListViewWrapper(DbxFirebaseDevelopmentSchedulerListComponent), usesInheritance: true, ngImport: i0, template: "\n<dbx-list [state$]=\"state$\" [config]=\"config$ | async\" [disabled]=\"disabled\" [selectionMode]=\"selectionMode\">\n  <ng-content top select=\"[top]\"></ng-content>\n  <ng-content bottom select=\"[bottom]\"></ng-content>\n  <ng-content empty select=\"[empty]\"></ng-content>\n  <ng-content emptyLoading select=\"[emptyLoading]\"></ng-content>\n</dbx-list>\n", isInline: true, dependencies: [{ kind: "component", type: i1.DbxListComponent, selector: "dbx-list", inputs: ["padded", "state$", "config", "disabled", "selectionMode"], outputs: ["contentScrolled"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDevelopmentSchedulerListComponent, decorators: [{
             type: Component,
@@ -1729,15 +1673,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }]
         }], ctorParameters: function () { return []; } });
 class DbxFirebaseDevelopmentSchedulerListViewComponent extends AbstractDbxSelectionListViewDirective {
-    constructor() {
-        super(...arguments);
-        this.config = {
-            componentClass: DbxFirebaseDevelopmentSchedulerListViewItemComponent,
-            mapValuesToItemValues: (x) => of(x.map((y) => ({ ...y, icon: y.icon, itemValue: y })))
-        };
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDevelopmentSchedulerListViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseDevelopmentSchedulerListViewComponent, selector: "dbx-firebase-development-scheduler-list-view", providers: provideDbxListView(DbxFirebaseDevelopmentSchedulerListViewComponent), usesInheritance: true, ngImport: i0, template: "<dbx-selection-list-view [config]=\"config\"></dbx-selection-list-view>", isInline: true, dependencies: [{ kind: "component", type: i1$2.DbxSelectionValueListViewComponent, selector: "dbx-selection-list-view" }] }); }
+    config = {
+        componentClass: DbxFirebaseDevelopmentSchedulerListViewItemComponent,
+        mapValuesToItemValues: (x) => of(x.map((y) => ({ ...y, icon: y.icon, itemValue: y })))
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDevelopmentSchedulerListViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseDevelopmentSchedulerListViewComponent, selector: "dbx-firebase-development-scheduler-list-view", providers: provideDbxListView(DbxFirebaseDevelopmentSchedulerListViewComponent), usesInheritance: true, ngImport: i0, template: "<dbx-selection-list-view [config]=\"config\"></dbx-selection-list-view>", isInline: true, dependencies: [{ kind: "component", type: i1.DbxSelectionValueListViewComponent, selector: "dbx-selection-list-view" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDevelopmentSchedulerListViewComponent, decorators: [{
             type: Component,
@@ -1748,23 +1689,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }]
         }] });
 class DbxFirebaseDevelopmentSchedulerListViewItemComponent extends AbstractDbxValueListViewItemComponent {
+    dbxFirebaseDevelopmentSchedulerService = inject(DbxFirebaseDevelopmentSchedulerService);
     get name() {
         return this.itemValue.name;
     }
-    constructor(item, dbxFirebaseDevelopmentSchedulerService) {
-        super(item);
-        this.dbxFirebaseDevelopmentSchedulerService = dbxFirebaseDevelopmentSchedulerService;
-        this.handleRun = (value, context) => {
-            context.startWorkingWithObservable(from(this.dbxFirebaseDevelopmentSchedulerService.runScheduledFunction(this.name)));
-        };
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDevelopmentSchedulerListViewItemComponent, deps: [{ token: DBX_VALUE_LIST_VIEW_ITEM }, { token: DbxFirebaseDevelopmentSchedulerService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseDevelopmentSchedulerListViewItemComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    handleRun = (value, context) => {
+        context.startWorkingWithObservable(from(this.dbxFirebaseDevelopmentSchedulerService.runScheduledFunction(this.name)));
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDevelopmentSchedulerListViewItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseDevelopmentSchedulerListViewItemComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
     <div dbxAction dbxActionValue fastTrigger [dbxActionHandler]="handleRun">
       <dbx-button dbxActionButton [text]="'Run ' + name"></dbx-button>
-      <dbx-success *dbxActionHasSuccess="3000" dbxActionSuccess>Success</dbx-success>
+      <div *dbxActionHasSuccess="3000" class="dbx-success" dbxActionSuccess>Success</div>
     </div>
-  `, isInline: true, dependencies: [{ kind: "directive", type: i1$2.DbxSuccessComponent, selector: "dbx-success" }, { kind: "directive", type: i2$2.DbxActionDirective, selector: "dbx-action,[dbxAction],dbx-action-context,[dbxActionContext]", exportAs: ["action", "dbxAction"] }, { kind: "directive", type: i2$2.DbxActionHandlerDirective, selector: "[dbxActionHandler]", inputs: ["dbxActionHandler"] }, { kind: "directive", type: i2$2.DbxActionValueDirective, selector: "[dbxActionValue]", inputs: ["dbxActionValue"] }, { kind: "directive", type: i2$2.DbxActionHasSuccessDirective, selector: "[dbxActionHasSuccess]", inputs: ["dbxActionHasSuccess"] }, { kind: "directive", type: i2$2.DbxActionButtonDirective, selector: "[dbxActionButton]" }, { kind: "component", type: i1$2.DbxButtonComponent, selector: "dbx-button", inputs: ["type", "basic", "raised", "stroked", "flat", "iconOnly", "color", "spinnerColor", "customButtonColor", "customTextColor", "customSpinnerColor"] }] }); }
+  `, isInline: true, dependencies: [{ kind: "directive", type: i3.DbxActionDirective, selector: "dbx-action,[dbxAction],dbx-action-context,[dbxActionContext]", exportAs: ["action", "dbxAction"] }, { kind: "directive", type: i3.DbxActionHandlerDirective, selector: "[dbxActionHandler]", inputs: ["dbxActionHandler"] }, { kind: "directive", type: i3.DbxActionValueDirective, selector: "[dbxActionValue]", inputs: ["dbxActionValue"] }, { kind: "directive", type: i3.DbxActionHasSuccessDirective, selector: "[dbxActionHasSuccess]", inputs: ["dbxActionHasSuccess"] }, { kind: "directive", type: i3.DbxActionButtonDirective, selector: "[dbxActionButton]" }, { kind: "component", type: i1.DbxButtonComponent, selector: "dbx-button", inputs: ["type", "basic", "raised", "stroked", "flat", "iconOnly", "color", "spinnerColor", "customButtonColor", "customTextColor", "customSpinnerColor"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDevelopmentSchedulerListViewItemComponent, decorators: [{
             type: Component,
@@ -1772,14 +1710,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     template: `
     <div dbxAction dbxActionValue fastTrigger [dbxActionHandler]="handleRun">
       <dbx-button dbxActionButton [text]="'Run ' + name"></dbx-button>
-      <dbx-success *dbxActionHasSuccess="3000" dbxActionSuccess>Success</dbx-success>
+      <div *dbxActionHasSuccess="3000" class="dbx-success" dbxActionSuccess>Success</div>
     </div>
   `
                 }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [DBX_VALUE_LIST_VIEW_ITEM]
-                }] }, { type: DbxFirebaseDevelopmentSchedulerService }]; } });
+        }] });
 
 const DEVELOPMENT_FIREBASE_SERVER_SCHEDULER_WIDGET_KEY = 'DEVELOPMENT_FIREBASE_SERVER_SCHEDULER_WIDGET';
 function developmentFirebaseServerSchedulerWidgetEntry() {
@@ -1792,17 +1727,15 @@ function developmentFirebaseServerSchedulerWidgetEntry() {
     };
 }
 class DbxFirebaseDevelopmentSchedulerWidgetComponent {
-    constructor(dbxFirebaseDevelopmentSchedulerService) {
-        this.dbxFirebaseDevelopmentSchedulerService = dbxFirebaseDevelopmentSchedulerService;
-        this.entries$ = this.dbxFirebaseDevelopmentSchedulerService.schedulerList$;
-        this.state$ = loadingStateFromObs(this.entries$);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDevelopmentSchedulerWidgetComponent, deps: [{ token: DbxFirebaseDevelopmentSchedulerService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseDevelopmentSchedulerWidgetComponent, selector: "ng-component", ngImport: i0, template: `
+    dbxFirebaseDevelopmentSchedulerService = inject(DbxFirebaseDevelopmentSchedulerService);
+    entries$ = this.dbxFirebaseDevelopmentSchedulerService.schedulerList$;
+    state$ = loadingStateFromObs(this.entries$);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDevelopmentSchedulerWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseDevelopmentSchedulerWidgetComponent, selector: "ng-component", ngImport: i0, template: `
     <div>
       <dbx-firebase-development-scheduler-list [state$]="state$"></dbx-firebase-development-scheduler-list>
     </div>
-  `, isInline: true, dependencies: [{ kind: "component", type: DbxFirebaseDevelopmentSchedulerListComponent, selector: "dbx-firebase-development-scheduler-list" }] }); }
+  `, isInline: true, dependencies: [{ kind: "component", type: DbxFirebaseDevelopmentSchedulerListComponent, selector: "dbx-firebase-development-scheduler-list" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDevelopmentSchedulerWidgetComponent, decorators: [{
             type: Component,
@@ -1813,18 +1746,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
     </div>
   `
                 }]
-        }], ctorParameters: function () { return [{ type: DbxFirebaseDevelopmentSchedulerService }]; } });
+        }] });
 
 class DbxFirebaseParsedEmulatorsConfig {
+    host;
+    /**
+     * Fix used by some components to allow changing 0.0.0.0 to localhost. Defaults to true.
+     */
+    allow0000ToLocalhost;
+    ui;
+    auth;
+    firestore;
+    storage;
+    functions;
+    database;
 }
 
 /**
  * Default firebase firestore provider module.
  */
 class DbxFirebaseDefaultFirestoreProviderModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDefaultFirestoreProviderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDefaultFirestoreProviderModule, imports: [i1$5.FirestoreModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDefaultFirestoreProviderModule, imports: [provideFirestore((injector) => {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDefaultFirestoreProviderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDefaultFirestoreProviderModule, imports: [i1$2.FirestoreModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDefaultFirestoreProviderModule, imports: [provideFirestore((injector) => {
                 const firebaseApp = injector.get(FirebaseApp);
                 const firebaseOptions = injector.get(DBX_FIREBASE_OPTIONS_TOKEN);
                 const firestoreSettings = {};
@@ -1849,7 +1793,7 @@ class DbxFirebaseDefaultFirestoreProviderModule {
                     connectFirestoreEmulator(firestore, emulators.firestore.host, emulators.firestore.port, {});
                 }
                 return firestore;
-            })] }); }
+            })] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDefaultFirestoreProviderModule, decorators: [{
             type: NgModule,
@@ -1890,9 +1834,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * Also configures the DbxFirebaseAppCheckHttpInterceptor with HTTP_INTERCEPTORS in order for appCheck to be appended to requests to the api.
  */
 class DbxFirebaseDefaultAppCheckProviderModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDefaultAppCheckProviderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDefaultAppCheckProviderModule, imports: [i1$1.AppCheckModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDefaultAppCheckProviderModule, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDefaultAppCheckProviderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDefaultAppCheckProviderModule, imports: [i2$2.AppCheckModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDefaultAppCheckProviderModule, providers: [
             {
                 provide: HTTP_INTERCEPTORS,
                 useClass: DbxFirebaseAppCheckHttpInterceptor,
@@ -1923,7 +1867,7 @@ class DbxFirebaseDefaultAppCheckProviderModule {
                     }
                 }
                 return appCheck;
-            })] }); }
+            })] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDefaultAppCheckProviderModule, decorators: [{
             type: NgModule,
@@ -1969,9 +1913,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * Default firebase auth provider module.
  */
 class DbxFirebaseDefaultAuthProviderModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDefaultAuthProviderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDefaultAuthProviderModule, imports: [i1.AuthModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDefaultAuthProviderModule, imports: [provideAuth((injector) => {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDefaultAuthProviderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDefaultAuthProviderModule, imports: [i3$1.AuthModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDefaultAuthProviderModule, imports: [provideAuth((injector) => {
                 const firebaseApp = injector.get(FirebaseApp);
                 const auth = getAuth(firebaseApp);
                 const emulators = injector.get(DbxFirebaseParsedEmulatorsConfig, undefined);
@@ -1979,7 +1923,7 @@ class DbxFirebaseDefaultAuthProviderModule {
                     connectAuthEmulator(auth, `http://${emulators.auth.host}:${emulators.auth.port}`);
                 }
                 return auth;
-            })] }); }
+            })] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDefaultAuthProviderModule, decorators: [{
             type: NgModule,
@@ -2001,9 +1945,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * Default firebase storage provider module.
  */
 class DbxFirebaseDefaultStorageProviderModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDefaultStorageProviderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDefaultStorageProviderModule, imports: [i4.StorageModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDefaultStorageProviderModule, imports: [provideStorage((injector) => {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDefaultStorageProviderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDefaultStorageProviderModule, imports: [i4$1.StorageModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDefaultStorageProviderModule, imports: [provideStorage((injector) => {
                 const firebaseApp = injector.get(FirebaseApp);
                 const storage = getStorage(firebaseApp);
                 const emulators = injector.get(DbxFirebaseParsedEmulatorsConfig, undefined);
@@ -2011,7 +1955,7 @@ class DbxFirebaseDefaultStorageProviderModule {
                     connectStorageEmulator(storage, emulators.storage.host, emulators.storage.port, {});
                 }
                 return storage;
-            })] }); }
+            })] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDefaultStorageProviderModule, decorators: [{
             type: NgModule,
@@ -2033,9 +1977,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * Default firebase functions provider module.
  */
 class DbxFirebaseDefaultFunctionsProviderModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDefaultFunctionsProviderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDefaultFunctionsProviderModule, imports: [i5.FunctionsModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDefaultFunctionsProviderModule, imports: [provideFunctions((injector) => {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDefaultFunctionsProviderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDefaultFunctionsProviderModule, imports: [i5.FunctionsModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDefaultFunctionsProviderModule, imports: [provideFunctions((injector) => {
                 const firebaseApp = injector.get(FirebaseApp);
                 const firebaseOptions = injector.get(DBX_FIREBASE_OPTIONS_TOKEN);
                 const { functionsRegionOrCustomDomain } = firebaseOptions;
@@ -2045,7 +1989,7 @@ class DbxFirebaseDefaultFunctionsProviderModule {
                     connectFunctionsEmulator(functions, emulators.functions.host, emulators.functions.port);
                 }
                 return functions;
-            })] }); }
+            })] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDefaultFunctionsProviderModule, decorators: [{
             type: NgModule,
@@ -2080,9 +2024,9 @@ class DbxFirebaseDefaultFirebaseProvidersModule {
             ]
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDefaultFirebaseProvidersModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDefaultFirebaseProvidersModule, imports: [i6.FirebaseAppModule, DbxFirebaseDefaultAppCheckProviderModule, DbxFirebaseDefaultFirestoreProviderModule, DbxFirebaseDefaultAuthProviderModule, DbxFirebaseDefaultStorageProviderModule, DbxFirebaseDefaultFunctionsProviderModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDefaultFirebaseProvidersModule, imports: [provideFirebaseApp((injector) => {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDefaultFirebaseProvidersModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDefaultFirebaseProvidersModule, imports: [i6.FirebaseAppModule, DbxFirebaseDefaultAppCheckProviderModule, DbxFirebaseDefaultFirestoreProviderModule, DbxFirebaseDefaultAuthProviderModule, DbxFirebaseDefaultStorageProviderModule, DbxFirebaseDefaultFunctionsProviderModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDefaultFirebaseProvidersModule, imports: [provideFirebaseApp((injector) => {
                 const firebaseOptions = injector.get(DBX_FIREBASE_OPTIONS_TOKEN);
                 return initializeApp(firebaseOptions);
             }),
@@ -2090,7 +2034,7 @@ class DbxFirebaseDefaultFirebaseProvidersModule {
             DbxFirebaseDefaultFirestoreProviderModule,
             DbxFirebaseDefaultAuthProviderModule,
             DbxFirebaseDefaultStorageProviderModule,
-            DbxFirebaseDefaultFunctionsProviderModule] }); }
+            DbxFirebaseDefaultFunctionsProviderModule] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDefaultFirebaseProvidersModule, decorators: [{
             type: NgModule,
@@ -2137,15 +2081,16 @@ class DbxFirebaseEmulatorModule {
             ]
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseEmulatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseEmulatorModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseEmulatorModule }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseEmulatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseEmulatorModule });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseEmulatorModule });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseEmulatorModule, decorators: [{
             type: NgModule
         }] });
 
 class DbxFirebaseEmulatorService {
+    emulatorsConfig = inject(DbxFirebaseParsedEmulatorsConfig);
     get useEmulators() {
         return this.emulatorsConfig.useEmulators || false;
     }
@@ -2163,18 +2108,15 @@ class DbxFirebaseEmulatorService {
             }
             : undefined;
     }
-    constructor(emulatorsConfig) {
-        this.emulatorsConfig = emulatorsConfig;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseEmulatorService, deps: [{ token: DbxFirebaseParsedEmulatorsConfig }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseEmulatorService, providedIn: 'root' }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseEmulatorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseEmulatorService, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseEmulatorService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: DbxFirebaseParsedEmulatorsConfig }]; } });
+        }] });
 
 const DISPLAY_FOR_DEVELOPMENT_POPUP_STRING_VALUE = (values) => {
     const displayValues = values.map((x) => ({ ...x, label: x.meta?.label || x.value }));
@@ -2182,26 +2124,23 @@ const DISPLAY_FOR_DEVELOPMENT_POPUP_STRING_VALUE = (values) => {
     return obs;
 };
 class DbxFirebaseDevelopmentPopupContentFormComponent extends AbstractConfigAsyncFormlyFormDirective {
-    constructor() {
-        super(...arguments);
-        this.fields$ = this.config$.pipe(map((config) => {
-            return [
-                pickableItemChipField({
-                    key: 'specifier',
-                    filterLabel: 'Tools',
-                    description: 'Pick a tool to get started.',
-                    filterValues: filterPickableItemFieldValuesByLabel,
-                    loadValues: () => of(config.entries.map((y) => ({ value: y.widget.type, meta: y }))),
-                    displayForValue: DISPLAY_FOR_DEVELOPMENT_POPUP_STRING_VALUE,
-                    asArrayValue: false
-                })
-            ];
-        }));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDevelopmentPopupContentFormComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseDevelopmentPopupContentFormComponent, selector: "dbx-firebase-development-popup-content-form", providers: [provideFormlyContext()], usesInheritance: true, ngImport: i0, template: `
+    fields$ = this.config$.pipe(map((config) => {
+        return [
+            pickableItemChipField({
+                key: 'specifier',
+                filterLabel: 'Tools',
+                description: 'Pick a tool to get started.',
+                filterValues: filterPickableItemFieldValuesByLabel,
+                loadValues: () => of(config.entries.map((y) => ({ value: y.widget.type, meta: y }))),
+                displayForValue: DISPLAY_FOR_DEVELOPMENT_POPUP_STRING_VALUE,
+                asArrayValue: false
+            })
+        ];
+    }));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDevelopmentPopupContentFormComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseDevelopmentPopupContentFormComponent, selector: "dbx-firebase-development-popup-content-form", providers: [provideFormlyContext()], usesInheritance: true, ngImport: i0, template: `
     <dbx-formly></dbx-formly>
-  `, isInline: true, dependencies: [{ kind: "component", type: i1$3.DbxFormlyFormComponent, selector: "dbx-formly", exportAs: ["formly"] }] }); }
+  `, isInline: true, dependencies: [{ kind: "component", type: i4.DbxFormlyFormComponent, selector: "dbx-formly", exportAs: ["formly"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDevelopmentPopupContentFormComponent, decorators: [{
             type: Component,
@@ -2215,38 +2154,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }] });
 
 class DbxFirebaseDevelopmentPopupContentComponent {
-    constructor(twoColumnsContextStore, dbxAuthService, dbxFirebaseDevelopmentWidgetService, dbxFirebaseDevelopmentSchedulerService, dbxFirebaseEmulatorService) {
-        this.twoColumnsContextStore = twoColumnsContextStore;
-        this.dbxAuthService = dbxAuthService;
-        this.dbxFirebaseDevelopmentWidgetService = dbxFirebaseDevelopmentWidgetService;
-        this.dbxFirebaseDevelopmentSchedulerService = dbxFirebaseDevelopmentSchedulerService;
-        this.dbxFirebaseEmulatorService = dbxFirebaseEmulatorService;
-        this._backSub = new SubscriptionObject();
-        this.showEmulatorButton = this.dbxFirebaseEmulatorService.useEmulators === true;
-        this.emulatorUIAnchor = this.dbxFirebaseEmulatorService.emulatorUIAnchor ?? {};
-        this.entries = this.dbxFirebaseDevelopmentWidgetService.getEntries();
-        this._activeEntrySelector = new BehaviorSubject(DEVELOPMENT_FIREBASE_SERVER_SCHEDULER_WIDGET_KEY);
-        this.isLoggedIn$ = this.dbxAuthService.isLoggedIn$;
-        this.entries$ = this.isLoggedIn$.pipe(distinctUntilChanged(), map((isLoggedIn) => this.entries), shareReplay(1));
-        this.formConfig$ = this.entries$.pipe(map((entries) => ({ entries })));
-        this.activeEntrySelector$ = this._activeEntrySelector.pipe(distinctUntilChanged());
-        this.currentActiveEntry$ = combineLatest([this.entries$, this.activeEntrySelector$]).pipe(map(([entries, selector]) => (selector ? entries.find((e) => e.widget.type === selector) : undefined)), shareReplay(1));
-        this.showRight$ = this.currentActiveEntry$.pipe(map((x) => x != null));
-        this.activeEntry$ = this.currentActiveEntry$.pipe(filterMaybe(), distinctUntilChanged(), shareReplay(1));
-        this.rightTitle$ = this.activeEntry$.pipe(map((x) => x.label));
-        this.widgetConfig$ = this.activeEntry$.pipe(map((x) => ({ data: undefined, type: x.widget.type })), shareReplay(1));
-        this.schedulerRunning$ = this.dbxFirebaseDevelopmentSchedulerService.running$;
-        this.schedulerInterval$ = this.dbxFirebaseDevelopmentSchedulerService.timerInterval$.pipe(map((x) => msToSeconds(x)), shareReplay(1));
-        this.schedulerError$ = this.dbxFirebaseDevelopmentSchedulerService.error$.pipe(map((x) => (x ? 'Error Occured' : 'Ok')), shareReplay(1));
-        this.formData$ = this._activeEntrySelector.pipe(distinctUntilChanged(), map((specifier) => ({ specifier })));
-        this.handleFormUpdate = (value, context) => {
-            this._activeEntrySelector.next(value.specifier);
-            context.success();
-        };
-        this.isFormModified = (value) => {
-            return this._activeEntrySelector.pipe(map((currentSelector) => value.specifier !== currentSelector), first());
-        };
-    }
+    twoColumnsContextStore = inject(TwoColumnsContextStore);
+    dbxAuthService = inject(DbxAuthService);
+    dbxFirebaseDevelopmentWidgetService = inject(DbxFirebaseDevelopmentWidgetService);
+    dbxFirebaseDevelopmentSchedulerService = inject(DbxFirebaseDevelopmentSchedulerService);
+    dbxFirebaseEmulatorService = inject(DbxFirebaseEmulatorService);
+    _backSub = new SubscriptionObject();
+    showEmulatorButton = this.dbxFirebaseEmulatorService.useEmulators === true;
+    emulatorUIAnchor = this.dbxFirebaseEmulatorService.emulatorUIAnchor ?? {};
+    entries = this.dbxFirebaseDevelopmentWidgetService.getEntries();
+    _activeEntrySelector = new BehaviorSubject(DEVELOPMENT_FIREBASE_SERVER_SCHEDULER_WIDGET_KEY);
+    isLoggedIn$ = this.dbxAuthService.isLoggedIn$;
+    entries$ = this.isLoggedIn$.pipe(distinctUntilChanged(), map((isLoggedIn) => this.entries), shareReplay(1));
+    formConfig$ = this.entries$.pipe(map((entries) => ({ entries })));
+    activeEntrySelector$ = this._activeEntrySelector.pipe(distinctUntilChanged());
+    currentActiveEntry$ = combineLatest([this.entries$, this.activeEntrySelector$]).pipe(map(([entries, selector]) => (selector ? entries.find((e) => e.widget.type === selector) : undefined)), shareReplay(1));
+    showRight$ = this.currentActiveEntry$.pipe(map((x) => x != null));
+    activeEntry$ = this.currentActiveEntry$.pipe(filterMaybe(), distinctUntilChanged(), shareReplay(1));
+    rightTitle$ = this.activeEntry$.pipe(map((x) => x.label));
+    widgetConfig$ = this.activeEntry$.pipe(map((x) => ({ data: undefined, type: x.widget.type })), shareReplay(1));
+    schedulerRunning$ = this.dbxFirebaseDevelopmentSchedulerService.running$;
+    schedulerInterval$ = this.dbxFirebaseDevelopmentSchedulerService.timerInterval$.pipe(map((x) => msToSeconds(x)), shareReplay(1));
+    schedulerError$ = this.dbxFirebaseDevelopmentSchedulerService.error$.pipe(map((x) => (x ? 'Error Occured' : 'Ok')), shareReplay(1));
+    formData$ = this._activeEntrySelector.pipe(distinctUntilChanged(), map((specifier) => ({ specifier })));
     ngOnInit() {
         this.twoColumnsContextStore.setShowRight(this.showRight$);
         this._backSub.subscription = this.twoColumnsContextStore.back$.subscribe(() => {
@@ -2256,27 +2186,29 @@ class DbxFirebaseDevelopmentPopupContentComponent {
     ngOnDestroy() {
         this._activeEntrySelector.complete();
     }
+    handleFormUpdate = (value, context) => {
+        this._activeEntrySelector.next(value.specifier);
+        context.success();
+    };
+    isFormModified = (value) => {
+        return this._activeEntrySelector.pipe(map((currentSelector) => value.specifier !== currentSelector), first());
+    };
     clearSelection() {
         this._activeEntrySelector.next(undefined);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDevelopmentPopupContentComponent, deps: [{ token: i1$2.TwoColumnsContextStore }, { token: i2$2.DbxAuthService }, { token: DbxFirebaseDevelopmentWidgetService }, { token: DbxFirebaseDevelopmentSchedulerService }, { token: DbxFirebaseEmulatorService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseDevelopmentPopupContentComponent, selector: "dbx-firebase-development-popup-content", providers: [TwoColumnsContextStore], ngImport: i0, template: "<dbx-two-column class=\"dbx-firebase-development-popup-content\" [dbxTwoColumnFullLeft]=\"true\">\n  <dbx-two-block left>\n    <div>\n      <h4>Info</h4>\n      <p>Scheduler (Running): {{ schedulerRunning$ | async }} : {{ schedulerInterval$ | async }}s : {{ schedulerError$ | async }}</p>\n      <div>\n        <dbx-anchor [anchor]=\"emulatorUIAnchor\" *ngIf=\"showEmulatorButton\">\n          <button mat-flat-button color=\"accent\">Emulator Enabled</button>\n        </dbx-anchor>\n      </div>\n    </div>\n    <div>\n      <h4>Tools</h4>\n      <div dbxAction dbxActionEnforceModified dbxActionAutoTrigger instantTrigger [dbxActionHandler]=\"handleFormUpdate\">\n        <dbx-firebase-development-popup-content-form dbxActionForm [dbxFormSource]=\"formData$\" dbxFormSourceMode=\"always\" [dbxActionFormModified]=\"isFormModified\" [config]=\"formConfig$ | async\"></dbx-firebase-development-popup-content-form>\n      </div>\n    </div>\n  </dbx-two-block>\n  <dbx-two-column-right right [header]=\"(rightTitle$ | async) || ''\">\n    <dbx-widget-view [config]=\"widgetConfig$ | async\"></dbx-widget-view>\n  </dbx-two-column-right>\n</dbx-two-column>\n", styles: [".dbx-firebase-development-popup-content{height:400px;overflow:hidden}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$2.DbxWidgetViewComponent, selector: "dbx-widget-view", inputs: ["config"] }, { kind: "component", type: i1$2.DbxTwoBlocksComponent, selector: "dbx-two-block", inputs: ["fixedTop"] }, { kind: "component", type: i1$2.DbxTwoColumnComponent, selector: "dbx-two-column", inputs: ["reverseSizing", "inSectionPage"], exportAs: ["columns"] }, { kind: "component", type: i1$2.DbxTwoColumnRightComponent, selector: "dbx-two-column-right", inputs: ["full", "header", "block", "showBack", "minRightWidth"] }, { kind: "directive", type: i1$2.DbxTwoColumnFullLeftDirective, selector: "[dbxTwoColumnFullLeft]", inputs: ["dbxTwoColumnFullLeft"] }, { kind: "component", type: i3$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i1$2.DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: ["block"] }, { kind: "directive", type: i1$3.DbxFormSourceDirective, selector: "[dbxFormSource]", inputs: ["dbxFormSourceMode", "dbxFormSource"] }, { kind: "directive", type: i1$3.DbxActionFormDirective, selector: "[dbxActionForm]", inputs: ["dbxActionFormValidator", "dbxActionFormModified", "dbxActionFormMapValue", "formDisabledOnWorking"] }, { kind: "directive", type: i2$2.DbxActionDirective, selector: "dbx-action,[dbxAction],dbx-action-context,[dbxActionContext]", exportAs: ["action", "dbxAction"] }, { kind: "directive", type: i2$2.DbxActionHandlerDirective, selector: "[dbxActionHandler]", inputs: ["dbxActionHandler"] }, { kind: "directive", type: i2$2.DbxActionEnforceModifiedDirective, selector: "[dbxActionEnforceModified]", inputs: ["dbxActionEnforceModified"] }, { kind: "directive", type: i2$2.DbxActionAutoTriggerDirective, selector: "dbxActionAutoTrigger, [dbxActionAutoTrigger]", inputs: ["dbxActionAutoTrigger", "triggerDebounce", "triggerThrottle", "triggerErrorThrottle", "fastTrigger", "instantTrigger", "triggerLimit"] }, { kind: "component", type: DbxFirebaseDevelopmentPopupContentFormComponent, selector: "dbx-firebase-development-popup-content-form" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDevelopmentPopupContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseDevelopmentPopupContentComponent, selector: "dbx-firebase-development-popup-content", providers: [TwoColumnsContextStore], ngImport: i0, template: "<dbx-two-column class=\"dbx-firebase-development-popup-content\" [dbxTwoColumnFullLeft]=\"true\">\n  <dbx-two-block left>\n    <div>\n      <h4>Info</h4>\n      <p>Scheduler (Running): {{ schedulerRunning$ | async }} : {{ schedulerInterval$ | async }}s : {{ schedulerError$ | async }}</p>\n      <div>\n        <dbx-anchor [anchor]=\"emulatorUIAnchor\" *ngIf=\"showEmulatorButton\">\n          <button mat-flat-button color=\"accent\">Emulator Enabled</button>\n        </dbx-anchor>\n      </div>\n    </div>\n    <div>\n      <h4>Tools</h4>\n      <div dbxAction dbxActionEnforceModified dbxActionAutoTrigger instantTrigger [dbxActionHandler]=\"handleFormUpdate\">\n        <dbx-firebase-development-popup-content-form dbxActionForm [dbxFormSource]=\"formData$\" dbxFormSourceMode=\"always\" [dbxActionFormModified]=\"isFormModified\" [config]=\"formConfig$ | async\"></dbx-firebase-development-popup-content-form>\n      </div>\n    </div>\n  </dbx-two-block>\n  <dbx-two-column-right right [header]=\"(rightTitle$ | async) || ''\">\n    <dbx-widget-view [config]=\"widgetConfig$ | async\"></dbx-widget-view>\n  </dbx-two-column-right>\n</dbx-two-column>\n", styles: [".dbx-firebase-development-popup-content{height:400px;overflow:hidden}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.DbxWidgetViewComponent, selector: "dbx-widget-view", inputs: ["config"] }, { kind: "component", type: i1.DbxTwoBlocksComponent, selector: "dbx-two-block", inputs: ["fixedTop"] }, { kind: "component", type: i1.DbxTwoColumnComponent, selector: "dbx-two-column", inputs: ["reverseSizing", "inSectionPage"], exportAs: ["columns"] }, { kind: "component", type: i1.DbxTwoColumnRightComponent, selector: "dbx-two-column-right", inputs: ["full", "header", "block", "showBack", "minRightWidth"] }, { kind: "directive", type: i1.DbxTwoColumnFullLeftDirective, selector: "[dbxTwoColumnFullLeft]", inputs: ["dbxTwoColumnFullLeft"] }, { kind: "component", type: i2$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i1.DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: ["block"] }, { kind: "directive", type: i4.DbxFormSourceDirective, selector: "[dbxFormSource]", inputs: ["dbxFormSourceMode", "dbxFormSource"] }, { kind: "directive", type: i4.DbxActionFormDirective, selector: "[dbxActionForm]", inputs: ["dbxActionFormValidator", "dbxActionFormModified", "dbxActionFormMapValue", "formDisabledOnWorking"] }, { kind: "directive", type: i3.DbxActionDirective, selector: "dbx-action,[dbxAction],dbx-action-context,[dbxActionContext]", exportAs: ["action", "dbxAction"] }, { kind: "directive", type: i3.DbxActionHandlerDirective, selector: "[dbxActionHandler]", inputs: ["dbxActionHandler"] }, { kind: "directive", type: i3.DbxActionEnforceModifiedDirective, selector: "[dbxActionEnforceModified]", inputs: ["dbxActionEnforceModified"] }, { kind: "directive", type: i3.DbxActionAutoTriggerDirective, selector: "dbxActionAutoTrigger, [dbxActionAutoTrigger]", inputs: ["dbxActionAutoTrigger", "triggerDebounce", "triggerThrottle", "triggerErrorThrottle", "fastTrigger", "instantTrigger", "triggerLimit"] }, { kind: "component", type: DbxFirebaseDevelopmentPopupContentFormComponent, selector: "dbx-firebase-development-popup-content-form" }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDevelopmentPopupContentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'dbx-firebase-development-popup-content', providers: [TwoColumnsContextStore], template: "<dbx-two-column class=\"dbx-firebase-development-popup-content\" [dbxTwoColumnFullLeft]=\"true\">\n  <dbx-two-block left>\n    <div>\n      <h4>Info</h4>\n      <p>Scheduler (Running): {{ schedulerRunning$ | async }} : {{ schedulerInterval$ | async }}s : {{ schedulerError$ | async }}</p>\n      <div>\n        <dbx-anchor [anchor]=\"emulatorUIAnchor\" *ngIf=\"showEmulatorButton\">\n          <button mat-flat-button color=\"accent\">Emulator Enabled</button>\n        </dbx-anchor>\n      </div>\n    </div>\n    <div>\n      <h4>Tools</h4>\n      <div dbxAction dbxActionEnforceModified dbxActionAutoTrigger instantTrigger [dbxActionHandler]=\"handleFormUpdate\">\n        <dbx-firebase-development-popup-content-form dbxActionForm [dbxFormSource]=\"formData$\" dbxFormSourceMode=\"always\" [dbxActionFormModified]=\"isFormModified\" [config]=\"formConfig$ | async\"></dbx-firebase-development-popup-content-form>\n      </div>\n    </div>\n  </dbx-two-block>\n  <dbx-two-column-right right [header]=\"(rightTitle$ | async) || ''\">\n    <dbx-widget-view [config]=\"widgetConfig$ | async\"></dbx-widget-view>\n  </dbx-two-column-right>\n</dbx-two-column>\n", styles: [".dbx-firebase-development-popup-content{height:400px;overflow:hidden}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$2.TwoColumnsContextStore }, { type: i2$2.DbxAuthService }, { type: DbxFirebaseDevelopmentWidgetService }, { type: DbxFirebaseDevelopmentSchedulerService }, { type: DbxFirebaseEmulatorService }]; } });
+        }] });
 
 const DEFAULT_FIREBASE_DEVELOPMENT_POPUP_KEY = 'devpopup';
 class DbxFirebaseDevelopmentPopupComponent extends AbstractPopupDirective {
-    constructor(popup, popupService) {
-        super(popup);
-        this.popupService = popupService;
-        this.header = 'Development Tools';
-        this.reopen = () => {
-            DbxFirebaseDevelopmentPopupComponent.openPopup(this.popupService, this.popup.key);
-        };
-    }
+    popupService = inject(DbxPopupService);
+    content;
+    header = 'Development Tools';
     static openPopup(popupService, popupKey) {
         return popupService.open({
             key: popupKey ?? DEFAULT_FIREBASE_DEVELOPMENT_POPUP_KEY,
@@ -2286,13 +2218,16 @@ class DbxFirebaseDevelopmentPopupComponent extends AbstractPopupDirective {
             position: 'center'
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDevelopmentPopupComponent, deps: [{ token: i1$2.DbxPopupComponent }, { token: i1$2.DbxPopupService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseDevelopmentPopupComponent, selector: "ng-component", viewQueries: [{ propertyName: "content", first: true, predicate: DbxFirebaseDevelopmentPopupContentComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
+    reopen = () => {
+        DbxFirebaseDevelopmentPopupComponent.openPopup(this.popupService, this.popup.key);
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDevelopmentPopupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseDevelopmentPopupComponent, selector: "ng-component", viewQueries: [{ propertyName: "content", first: true, predicate: DbxFirebaseDevelopmentPopupContentComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
     <dbx-popup-content>
       <dbx-popup-controls [header]="header" controls></dbx-popup-controls>
       <dbx-firebase-development-popup-content (shouldClose)="closePopup()"></dbx-firebase-development-popup-content>
     </dbx-popup-content>
-  `, isInline: true, dependencies: [{ kind: "component", type: i1$2.DbxPopupContentComponent, selector: "dbx-popup-content" }, { kind: "component", type: i1$2.DbxPopupControlsComponent, selector: "dbx-popup-controls", inputs: ["header"] }, { kind: "component", type: DbxFirebaseDevelopmentPopupContentComponent, selector: "dbx-firebase-development-popup-content" }] }); }
+  `, isInline: true, dependencies: [{ kind: "component", type: i1.DbxPopupContentComponent, selector: "dbx-popup-content" }, { kind: "component", type: i1.DbxPopupControlsComponent, selector: "dbx-popup-controls", inputs: ["header"] }, { kind: "component", type: DbxFirebaseDevelopmentPopupContentComponent, selector: "dbx-firebase-development-popup-content" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDevelopmentPopupComponent, decorators: [{
             type: Component,
@@ -2304,7 +2239,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
     </dbx-popup-content>
   `
                 }]
-        }], ctorParameters: function () { return [{ type: i1$2.DbxPopupComponent }, { type: i1$2.DbxPopupService }]; }, propDecorators: { content: [{
+        }], propDecorators: { content: [{
                 type: ViewChild,
                 args: [DbxFirebaseDevelopmentPopupContentComponent, { static: true }]
             }] } });
@@ -2319,11 +2254,12 @@ const DEFAULT_FIREBASE_DEVELOPMENT_ENABLED_TOKEN = new InjectionToken('DefaultDb
  * Default providers can be configured by the DEFAULT_FIREBASE_AUTH_LOGIN_PROVIDERS_TOKEN injectable value.
  */
 class DbxFirebaseDevelopmentService {
+    enabled;
     constructor(enabled) {
         this.enabled = enabled;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDevelopmentService, deps: [{ token: DEFAULT_FIREBASE_DEVELOPMENT_ENABLED_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDevelopmentService, providedIn: 'root' }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDevelopmentService, deps: [{ token: DEFAULT_FIREBASE_DEVELOPMENT_ENABLED_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDevelopmentService, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDevelopmentService, decorators: [{
             type: Injectable,
@@ -2341,11 +2277,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * Directive for controlling and displaying
  */
 class DbxFirebaseDevelopmentDirective {
-    constructor(popupService, matSnackBar, dbxFirebaseDevelopmentService) {
-        this.popupService = popupService;
-        this.matSnackBar = matSnackBar;
-        this.dbxFirebaseDevelopmentService = dbxFirebaseDevelopmentService;
-    }
+    popupService = inject(DbxPopupService);
+    matSnackBar = inject(MatSnackBar);
+    dbxFirebaseDevelopmentService = inject(DbxFirebaseDevelopmentService);
+    ref;
     get enabled() {
         return this.dbxFirebaseDevelopmentService.enabled;
     }
@@ -2396,15 +2331,15 @@ class DbxFirebaseDevelopmentDirective {
     ngOnDestroy() {
         this.closePopup();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDevelopmentDirective, deps: [{ token: i1$2.DbxPopupService }, { token: i2$3.MatSnackBar }, { token: DbxFirebaseDevelopmentService }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseDevelopmentDirective, selector: "[dbxFirebaseDevelopment]", host: { listeners: { "window:keydown": "handleKeyboardEvent($event)" } }, ngImport: i0 }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDevelopmentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseDevelopmentDirective, selector: "[dbxFirebaseDevelopment]", host: { listeners: { "window:keydown": "handleKeyboardEvent($event)" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDevelopmentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxFirebaseDevelopment]'
                 }]
-        }], ctorParameters: function () { return [{ type: i1$2.DbxPopupService }, { type: i2$3.MatSnackBar }, { type: DbxFirebaseDevelopmentService }]; }, propDecorators: { handleKeyboardEvent: [{
+        }], propDecorators: { handleKeyboardEvent: [{
                 type: HostListener,
                 args: ['window:keydown', ['$event']]
             }] } });
@@ -2415,9 +2350,9 @@ class DbxFirebaseDevelopmentModuleRootConfig {
  * Contains components related to logging in.
  */
 class DbxFirebaseDevelopmentModule {
-    constructor(dbxFirebaseDevelopmentSchedulerService) {
-        this.dbxFirebaseDevelopmentSchedulerService = dbxFirebaseDevelopmentSchedulerService;
-        dbxFirebaseDevelopmentSchedulerService.init();
+    dbxFirebaseDevelopmentSchedulerService = inject(DbxFirebaseDevelopmentSchedulerService);
+    constructor() {
+        this.dbxFirebaseDevelopmentSchedulerService.init();
     }
     static forRoot(config) {
         let entries = config.entries;
@@ -2442,8 +2377,8 @@ class DbxFirebaseDevelopmentModule {
             ]
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDevelopmentModule, deps: [{ token: DbxFirebaseDevelopmentSchedulerService }], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDevelopmentModule, declarations: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDevelopmentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDevelopmentModule, declarations: [
             //
             DbxFirebaseDevelopmentPopupContentFormComponent,
             DbxFirebaseDevelopmentDirective,
@@ -2460,8 +2395,8 @@ class DbxFirebaseDevelopmentModule {
             DbxFirebaseDevelopmentSchedulerWidgetComponent,
             DbxFirebaseDevelopmentSchedulerListComponent,
             DbxFirebaseDevelopmentSchedulerListViewComponent,
-            DbxFirebaseDevelopmentSchedulerListViewItemComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDevelopmentModule, imports: [CommonModule, MatIconModule, DbxWidgetModule, DbxTextModule, DbxBlockLayoutModule, DbxTwoColumnLayoutModule, MatButtonModule, DbxRouterAnchorModule, DbxPopupInteractionModule, DbxFormIoModule, DbxFormModule, DbxFormlyModule, DbxFormActionModule, DbxFormFormlyTextFieldModule, DbxReadableErrorModule, DbxActionModule, DbxButtonModule, DbxInjectionComponentModule, DbxListLayoutModule] }); }
+            DbxFirebaseDevelopmentSchedulerListViewItemComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDevelopmentModule, imports: [CommonModule, MatIconModule, DbxWidgetModule, DbxTextModule, DbxBlockLayoutModule, DbxTwoColumnLayoutModule, MatButtonModule, DbxRouterAnchorModule, DbxPopupInteractionModule, DbxFormIoModule, DbxFormModule, DbxFormlyModule, DbxFormActionModule, DbxFormFormlyTextFieldModule, DbxReadableErrorModule, DbxActionModule, DbxButtonModule, DbxInjectionComponentModule, DbxListLayoutModule] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDevelopmentModule, decorators: [{
             type: NgModule,
@@ -2489,7 +2424,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         DbxFirebaseDevelopmentSchedulerListViewItemComponent
                     ]
                 }]
-        }], ctorParameters: function () { return [{ type: DbxFirebaseDevelopmentSchedulerService }]; } });
+        }], ctorParameters: function () { return []; } });
 
 /**
  * Token to access the FirestoreContext value.
@@ -2534,9 +2469,9 @@ class DbxFirebaseFirestoreCollectionModule {
             providers
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseFirestoreCollectionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseFirestoreCollectionModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseFirestoreCollectionModule }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseFirestoreCollectionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseFirestoreCollectionModule });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseFirestoreCollectionModule });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseFirestoreCollectionModule, decorators: [{
             type: NgModule
@@ -2546,21 +2481,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * Service that provides access to the app's FirestoreContext.
  */
 class DbxFirestoreContextService {
-    constructor(firestoreContext) {
-        this.firestoreContext = firestoreContext;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirestoreContextService, deps: [{ token: DBX_FIRESTORE_CONTEXT_TOKEN }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirestoreContextService, providedIn: 'root' }); }
+    firestoreContext = inject(DBX_FIRESTORE_CONTEXT_TOKEN);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirestoreContextService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirestoreContextService, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", 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.
@@ -2612,47 +2542,45 @@ class DbxFirebaseFunctionsModule {
             providers
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseFunctionsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseFunctionsModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseFunctionsModule }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseFunctionsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseFunctionsModule });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseFunctionsModule });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseFunctionsModule, decorators: [{
             type: NgModule
         }] });
 
-/**
- * DbxFirebaseCollectionChangeWatcher instance
- */
-class DbxFirebaseCollectionChangeWatcherInstance {
-    constructor(store, _initialMode = 'off') {
-        this.store = store;
-        this._initialMode = _initialMode;
-        this._mode = new BehaviorSubject(this._initialMode);
-        this._sub = new SubscriptionObject();
-        this.mode$ = this._mode.pipe(distinctUntilChanged());
-        this.event$ = this.store.queryChangeWatcher$.pipe(switchMap((x) => x.event$.pipe(filter((x) => x.type !== 'none'), // do not share 'none' events.
-        take(1), // only need one event to mark as change is available.
-        startWith({
-            time: new Date(),
-            type: 'none'
-        }))), shareReplay(1));
-        this.hasChangeAvailable$ = this.event$.pipe(map((x) => x.type !== 'none'), shareReplay(1));
-        this.triggered$ = combineLatest([this.mode$, this.hasChangeAvailable$]).pipe(map(([mode, hasChange]) => mode === 'auto' && hasChange));
-        this.trigger$ = this.triggered$.pipe(filter((triggered) => triggered), map(() => undefined));
-    }
-    destroy() {
-        this._sub.destroy();
-        this._mode.complete();
-    }
-    get mode() {
-        return this._mode.value;
-    }
-    set mode(mode) {
-        this._mode.next(mode);
-    }
-}
-function dbxFirebaseCollectionChangeWatcher(store, mode) {
-    return new DbxFirebaseCollectionChangeWatcherInstance(store, mode);
+function dbxFirebaseCollectionChangeWatcher(store, initialMode) {
+    const _mode = new BehaviorSubject(initialMode ?? 'off');
+    const _sub = new SubscriptionObject();
+    const mode$ = _mode.pipe(distinctUntilChanged());
+    const event$ = 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));
+    const hasChangeAvailable$ = event$.pipe(map((x) => x.type !== 'none'), shareReplay(1));
+    const triggered$ = combineLatest([mode$, hasChangeAvailable$]).pipe(map(([mode, hasChange]) => mode === 'auto' && hasChange));
+    const trigger$ = triggered$.pipe(filter((triggered) => triggered), map(() => undefined));
+    function destroy() {
+        _sub.destroy();
+        _mode.complete();
+    }
+    function setMode(mode) {
+        _mode.next(mode);
+    }
+    const instance = {
+        store,
+        mode$,
+        event$,
+        hasChangeAvailable$,
+        triggered$,
+        trigger$,
+        destroy,
+        setMode
+    };
+    return instance;
 }
 
 /**
@@ -2663,10 +2591,12 @@ function dbxFirebaseCollectionChangeWatcher(store, mode) {
  */
 const DEFAULT_FIREBASE_COLLECTION_CHANGE_TRIGGER_FUNCTION = (instance) => instance.watcher.store.restart();
 class DbxFirebaseCollectionChangeTriggerInstance {
+    config;
+    watcher;
+    _triggerFunction = new BehaviorSubject(undefined);
+    _sub = new SubscriptionObject();
     constructor(config) {
         this.config = config;
-        this._triggerFunction = new BehaviorSubject(undefined);
-        this._sub = new SubscriptionObject();
         this.watcher = config.watcher;
         this.triggerFunction = config.triggerFunction ?? DEFAULT_FIREBASE_COLLECTION_CHANGE_TRIGGER_FUNCTION;
     }
@@ -2731,50 +2661,55 @@ function dbxFirebaseCollectionChangeTrigger(config) {
  * DbxFirebaseModelLoader implementation within an instance.
  */
 class DbxFirebaseCollectionLoaderInstance {
+    _initConfig;
+    _collection = new BehaviorSubject(undefined);
+    _maxPages = new BehaviorSubject(undefined);
+    _itemsPerPage = new BehaviorSubject(undefined);
+    _constraints = new BehaviorSubject(undefined);
+    _restart = new Subject();
+    _maxPagesSub = new SubscriptionObject();
+    collection$ = this._collection.pipe(distinctUntilChanged());
+    constraints$ = this._constraints.pipe(distinctUntilChanged());
+    iteratorFilter$ = combineLatest([this._itemsPerPage.pipe(distinctUntilChanged()), this.constraints$]).pipe(map(([limit, constraints]) => ({ limit, constraints, maxPageLoadLimit: this.maxPages })), shareReplay(1));
+    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));
+    queryChangeWatcher$ = this.firestoreIteration$.pipe(map((instance) => iterationQueryDocChangeWatcher({ instance })), shareReplay(1));
+    snapshotAccumulator$ = this.firestoreIteration$.pipe(map((x) => firebaseQuerySnapshotAccumulator(x)), cleanupDestroyable(), shareReplay(1));
+    snapshotAccumulatorDocumentRefs$ = this.snapshotAccumulator$.pipe(switchMap((x) => x.allItems$.pipe(map((y) => y.map((z) => z.map((zz) => zz.ref))))), shareReplay(1));
+    snapshotAccumulatorDocuments$ = combineLatest([this.collection$.pipe(filterMaybe()), this.snapshotAccumulatorDocumentRefs$]).pipe(map(([collection, documentRefs]) => {
+        const accessor = collection.documentAccessor();
+        return documentRefs.map((y) => y.map((z) => accessor.loadDocument(z)));
+    }), shareReplay(1));
+    accumulator$ = this.firestoreIteration$.pipe(map((x) => firebaseQueryItemAccumulator(x)), cleanupDestroyable(), shareReplay(1));
+    accumulatorPage$ = this.accumulator$.pipe(switchMap((x) => pageItemAccumulatorCurrentPage(x)), shareReplay(1));
+    /**
+     * Passthrough for currentAllItems$ from the accumulator.
+     */
+    currentAccumulatorItems$ = this.accumulator$.pipe(switchMap((x) => x.currentAllItems$), shareReplay(1));
+    /**
+     * Passthrough for allItems$ from the accumulator.
+     */
+    accumulatorItems$ = this.accumulator$.pipe(switchMap((x) => x.allItems$), shareReplay(1));
+    hasDocuments$ = this.firestoreIteration$.pipe(switchMap((x) => x.firstState$.pipe(map((x) => Boolean(x.value?.length)))), shareReplay(1));
+    allDocumentRefs$ = this.snapshotAccumulatorDocumentRefs$.pipe(map((x) => x.flat()), shareReplay(1));
+    allDocuments$ = this.snapshotAccumulatorDocuments$.pipe(map((x) => x.flat()), shareReplay(1));
+    allDocumentData$ = this.accumulatorItems$.pipe(map((x) => x.flat()), shareReplay(1));
+    pageLoadingState$ = this.accumulator$.pipe(switchMap((x) => accumulatorFlattenPageListLoadingState(x)), shareReplay(1));
     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.snapshotAccumulator$ = this.firestoreIteration$.pipe(map((x) => firebaseQuerySnapshotAccumulator(x)), cleanupDestroyable(), shareReplay(1));
-        this.snapshotAccumulatorDocumentRefs$ = this.snapshotAccumulator$.pipe(switchMap((x) => x.allItems$.pipe(map((y) => y.map((z) => z.map((zz) => zz.ref))))), shareReplay(1));
-        this.snapshotAccumulatorDocuments$ = combineLatest([this.collection$.pipe(filterMaybe()), this.snapshotAccumulatorDocumentRefs$]).pipe(map(([collection, documentRefs]) => {
-            const accessor = collection.documentAccessor();
-            return documentRefs.map((y) => y.map((z) => accessor.loadDocument(z)));
-        }), shareReplay(1));
-        this.accumulator$ = this.firestoreIteration$.pipe(map((x) => firebaseQueryItemAccumulator(x)), cleanupDestroyable(), shareReplay(1));
-        this.accumulatorPage$ = this.accumulator$.pipe(switchMap((x) => pageItemAccumulatorCurrentPage(x)), shareReplay(1));
-        /**
-         * Passthrough for currentAllItems$ from the accumulator.
-         */
-        this.currentAccumulatorItems$ = this.accumulator$.pipe(switchMap((x) => x.currentAllItems$), shareReplay(1));
-        /**
-         * Passthrough for allItems$ from the accumulator.
-         */
-        this.accumulatorItems$ = this.accumulator$.pipe(switchMap((x) => x.allItems$), shareReplay(1));
-        this.hasDocuments$ = this.firestoreIteration$.pipe(switchMap((x) => x.firstState$.pipe(map((x) => Boolean(x.value?.length)))), shareReplay(1));
-        this.allDocumentRefs$ = this.snapshotAccumulatorDocumentRefs$.pipe(map((x) => x.flat()), shareReplay(1));
-        this.allDocuments$ = this.snapshotAccumulatorDocuments$.pipe(map((x) => x.flat()), shareReplay(1));
-        this.allDocumentData$ = this.accumulatorItems$.pipe(map((x) => x.flat()), shareReplay(1));
-        this.pageLoadingState$ = this.accumulator$.pipe(switchMap((x) => accumulatorFlattenPageListLoadingState(x)), shareReplay(1));
+        this._collection.next(this._initConfig?.collection);
+        this._maxPages.next(this._initConfig?.maxPages);
+        this._itemsPerPage.next(this._initConfig?.itemsPerPage);
+        this._constraints.next(this._initConfig?.constraints);
     }
     init() {
         // When max pages changes, update the iteration's max page limit.
@@ -2861,28 +2796,30 @@ function dbxFirebaseCollectionLoaderInstanceWithCollection(collection) {
  * DbxLimitedFirebaseDocumentLoader implementation within an instance.
  */
 class DbxLimitedFirebaseDocumentLoaderInstance {
+    _initConfig;
+    accessor;
+    _documents = new BehaviorSubject(undefined);
+    _restart = new Subject();
+    _sub = new SubscriptionObject();
+    documents$ = this._documents.pipe(filterMaybe(), distinctUntilChanged());
+    keys$ = this.documents$.pipe(map(firestoreModelKeysFromDocuments));
+    ids$ = this.documents$.pipe(map(firestoreModelIdsFromDocuments));
+    refs$ = this.documents$.pipe(map(documentReferencesFromDocuments));
+    snapshots$ = this.documents$.pipe(switchMap((docs) => this._restart.pipe(startWith(null), exhaustMap(() => getDocumentSnapshots(docs)))), shareReplay(1));
+    data$ = this.snapshots$.pipe(map((snapshots) => getDataFromDocumentSnapshots(snapshots, true)), shareReplay(1));
+    /**
+     * Snapshot stream of the documents
+     */
+    snapshotsStream$ = this.documents$.pipe(switchMap((docs) => latestSnapshotsFromDocuments(docs)), shareReplay(1));
+    /**
+     * Data streamd of the documents.
+     */
+    dataStream$ = this.snapshotsStream$.pipe(dataFromDocumentSnapshots(), shareReplay(1));
+    pageLoadingState$ = pageLoadingStateFromObs(this.data$, false);
+    pageLoadingStateStream$ = pageLoadingStateFromObs(this.dataStream$, false);
     constructor(_initConfig) {
         this._initConfig = _initConfig;
         this.accessor = this._initConfig.accessor;
-        this._documents = new BehaviorSubject(undefined);
-        this._restart = new Subject();
-        this._sub = new SubscriptionObject();
-        this.documents$ = this._documents.pipe(filterMaybe(), distinctUntilChanged());
-        this.keys$ = this.documents$.pipe(map(firestoreModelKeysFromDocuments));
-        this.ids$ = this.documents$.pipe(map(firestoreModelIdsFromDocuments));
-        this.refs$ = this.documents$.pipe(map(documentReferencesFromDocuments));
-        this.snapshots$ = this.documents$.pipe(switchMap((docs) => this._restart.pipe(startWith(null), exhaustMap(() => getDocumentSnapshots(docs)))), shareReplay(1));
-        this.data$ = this.snapshots$.pipe(map((snapshots) => getDataFromDocumentSnapshots(snapshots, true)), shareReplay(1));
-        /**
-         * Snapshot stream of the documents
-         */
-        this.snapshotsStream$ = this.documents$.pipe(switchMap((docs) => latestSnapshotsFromDocuments(docs)), shareReplay(1));
-        /**
-         * Data streamd of the documents.
-         */
-        this.dataStream$ = this.snapshotsStream$.pipe(dataFromDocumentSnapshots(), shareReplay(1));
-        this.pageLoadingState$ = pageLoadingStateFromObs(this.data$, false);
-        this.pageLoadingStateStream$ = pageLoadingStateFromObs(this.dataStream$, false);
     }
     destroy() {
         this._documents.complete();
@@ -2932,24 +2869,25 @@ function dbxFirebaseInContextFirebaseModelServiceInstanceFactory(context$) {
  * Wraps an InModelContextFirebaseModelService observable and provides different piped observables.
  */
 class DbxFirebaseInContextFirebaseModelServiceInstance {
+    modelService$;
     constructor(modelService$) {
         this.modelService$ = modelService$;
-        this.key$ = this.modelService$.pipe(map((x) => x.model.key));
-        // MARK: Model
-        this.modelType$ = this.modelService$.pipe(map((x) => x.model.modelType), distinctUntilChanged());
-        this.model$ = this.modelService$.pipe(map((x) => x.model), distinctUntilChanged((a, b) => a.key === b.key), shareReplay(1));
-        this.snapshotData$ = this.model$.pipe(switchMap((x) => x.snapshotData()), shareReplay(1));
-        // MARK: Roles
-        this.roleReader$ = this.modelService$.pipe(switchMap((x) => x.roleReader()), shareReplay(1));
-        this.roleMap$ = this.roleReader$.pipe(map((x) => x.roleMap), shareReplay(1));
-        this.hasNoAccess$ = this.roleReader$.pipe(map((x) => x.hasNoAccess()), shareReplay(1));
     }
+    key$ = this.modelService$.pipe(map((x) => x.model.key));
+    // MARK: Model
+    modelType$ = this.modelService$.pipe(map((x) => x.model.modelType), distinctUntilChanged());
+    model$ = this.modelService$.pipe(map((x) => x.model), distinctUntilChanged((a, b) => a.key === b.key), shareReplay(1));
+    snapshotData$ = this.model$.pipe(switchMap((x) => x.snapshotData()), shareReplay(1));
     snapshotStream(mode) {
         return this.model$.pipe(switchMap((x) => x.snapshotStream(mode)), shareReplay(1));
     }
     snapshotDataStream(mode, options) {
         return this.model$.pipe(switchMap((x) => x.snapshotDataStream(mode)), shareReplay(1));
     }
+    // MARK: Roles
+    roleReader$ = this.modelService$.pipe(switchMap((x) => x.roleReader()), shareReplay(1));
+    roleMap$ = this.roleReader$.pipe(map((x) => x.roleMap), shareReplay(1));
+    hasNoAccess$ = this.roleReader$.pipe(map((x) => x.hasNoAccess()), shareReplay(1));
     truthMap(input) {
         return this.roleReader$.pipe(map((x) => x.truthMap(input)), shareReplay(1));
     }
@@ -3019,11 +2957,11 @@ class DbxFirebaseModelTypesServiceConfig {
  * Automatically configures the DbxModelTypesService.
  */
 class DbxFirebaseModelTypesService {
-    constructor(dbxFirebaseModelContextService, dbxModelTypesService, config) {
-        this.dbxFirebaseModelContextService = dbxFirebaseModelContextService;
-        this.dbxModelTypesService = dbxModelTypesService;
-        if (config) {
-            this.register(config.entries);
+    dbxFirebaseModelContextService = inject(DbxFirebaseModelContextService);
+    dbxModelTypesService = inject((DbxModelTypesService));
+    constructor(initialConfig) {
+        if (initialConfig) {
+            this.register(initialConfig.entries);
         }
     }
     getDisplayInfo(typeInfo, data) {
@@ -3063,21 +3001,24 @@ class DbxFirebaseModelTypesService {
         }));
     }
     instanceForKey(key$) {
-        return new DbxFirebaseModelTypesServiceInstance(this.dbxFirebaseModelContextService.modelInfoInstance(key$), this);
+        return dbxFirebaseModelTypesServiceInstance(this.dbxFirebaseModelContextService.modelInfoInstance(key$), this);
     }
     instancePairsForKeys(keys) {
         return dbxFirebaseModelTypesServiceInstancePairForKeysFactory(this)(keys);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModelTypesService, deps: [{ token: DbxFirebaseModelContextService }, { token: i1$2.DbxModelTypesService }, { token: DbxFirebaseModelTypesServiceConfig, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModelTypesService, providedIn: 'root' }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModelTypesService, deps: [{ token: DbxFirebaseModelTypesServiceConfig, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModelTypesService, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModelTypesService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: DbxFirebaseModelContextService }, { type: i1$2.DbxModelTypesService }, { type: DbxFirebaseModelTypesServiceConfig, decorators: [{
+        }], ctorParameters: function () { return [{ type: DbxFirebaseModelTypesServiceConfig, decorators: [{
                     type: Optional
+                }, {
+                    type: Inject,
+                    args: [DbxFirebaseModelTypesServiceConfig]
                 }] }]; } });
 function dbxFirebaseModelTypesServiceInstancePairForKeysFactory(service) {
     return (keys) => {
@@ -3085,36 +3026,49 @@ function dbxFirebaseModelTypesServiceInstancePairForKeysFactory(service) {
         return instances.length ? combineLatest(instances) : of([]);
     };
 }
-/**
- * DbxFirebaseModelTypesService instance
- */
-class DbxFirebaseModelTypesServiceInstance {
-    constructor(modelInfoInstance$, dbxFirebaseModelTypesService) {
-        this.modelInfoInstance$ = modelInfoInstance$;
-        this.dbxFirebaseModelTypesService = dbxFirebaseModelTypesService;
-        this.key$ = this.modelInfoInstance$.pipe(switchMap((x) => x.key$));
-        this.modelType$ = this.modelInfoInstance$.pipe(switchMap((x) => x.modelType$));
-        this.snapshotData$ = this.modelInfoInstance$.pipe(switchMap((x) => x.snapshotData$));
-        this.typeInfo$ = this.modelType$.pipe(switchMap((x) => this.dbxFirebaseModelTypesService.infoForType(x)), distinctUntilChanged(), shareReplay(1));
-        this.identity$ = this.typeInfo$.pipe(map((x) => x.identity), distinctUntilChanged());
-        this.segueRef$ = combineLatest([this.key$, this.typeInfo$]).pipe(map(([key, info]) => (info.sref ? info.sref(key) : undefined)), shareReplay(1));
-        this.displayInfo$ = combineLatest([this.typeInfo$, this.snapshotData$]).pipe(map(([typeInfo, data]) => this.dbxFirebaseModelTypesService.getDisplayInfo(typeInfo, data)), shareReplay(1));
-        this.clickableSegueRef$ = combineLatest([this.segueRef$, this.displayInfo$]).pipe(map(([segueRef, displayInfo]) => {
-            let ref = undefined;
-            if (segueRef) {
-                ref = {
-                    ...segueRef,
-                    title: displayInfo.title,
-                    icon: displayInfo.icon
-                };
-            }
-            return ref;
-        }), shareReplay(1));
-        this.instancePair$ = combineLatest([this.clickableSegueRef$, this.displayInfo$, this.key$]).pipe(map(([segueRef, displayInfo, key]) => ({ segueRef, displayInfo, key, instance: this })), shareReplay(1));
-    }
+function dbxFirebaseModelTypesServiceInstance(modelInfoInstance$, dbxFirebaseModelTypesService) {
+    const key$ = modelInfoInstance$.pipe(switchMap((x) => x.key$));
+    const modelType$ = modelInfoInstance$.pipe(switchMap((x) => x.modelType$));
+    const snapshotData$ = modelInfoInstance$.pipe(switchMap((x) => x.snapshotData$));
+    const typeInfo$ = modelType$.pipe(switchMap((x) => dbxFirebaseModelTypesService.infoForType(x)), distinctUntilChanged(), shareReplay(1));
+    const identity$ = typeInfo$.pipe(map((x) => x.identity), distinctUntilChanged());
+    const segueRef$ = combineLatest([key$, typeInfo$]).pipe(map(([key, info]) => (info.sref ? info.sref(key) : undefined)), shareReplay(1));
+    const displayInfo$ = combineLatest([typeInfo$, snapshotData$]).pipe(map(([typeInfo, data]) => dbxFirebaseModelTypesService.getDisplayInfo(typeInfo, data)), shareReplay(1));
+    const clickableSegueRef$ = combineLatest([segueRef$, displayInfo$]).pipe(map(([segueRef, displayInfo]) => {
+        let ref = undefined;
+        if (segueRef) {
+            ref = {
+                ...segueRef,
+                title: displayInfo.title,
+                icon: displayInfo.icon
+            };
+        }
+        return ref;
+    }), shareReplay(1));
+    const instancePair$ = combineLatest([clickableSegueRef$, displayInfo$, key$]).pipe(map(([segueRef, displayInfo, key]) => ({ segueRef, displayInfo, key, instance })), shareReplay(1));
+    const instance = {
+        modelInfoInstance$,
+        dbxFirebaseModelTypesService,
+        key$,
+        modelType$,
+        snapshotData$,
+        typeInfo$,
+        identity$,
+        segueRef$,
+        displayInfo$,
+        clickableSegueRef$,
+        instancePair$
+    };
+    return instance;
 }
 
 class DbxFirebaseModelTrackerService {
+    dbxModelTrackerService = inject(DbxModelTrackerService);
+    dbxFirebaseModelTypesService = inject(DbxFirebaseModelTypesService);
+    historyKeys$ = this.dbxModelTrackerService.newEvent$.pipe(startWith(null), switchMap(() => this.loadHistoryKeys()), shareReplay(1));
+    historyPairs$ = this.dbxModelTrackerService.newEvent$.pipe(startWith(null), switchMap(() => this.loadHistoryPairs()), // TODO: Improve efficiency of this to only load/remove items for new keys
+    shareReplay(1));
+    filterItemHistoryPairs$ = this.historyPairs$.pipe(mapEachAsync((instancePair) => instancePair.instance.identity$.pipe(map((identity) => ({ instancePair, identity }))), { onlyFirst: true }), shareReplay(1));
     /**
      * Filters from historyPairs$ using the input filter configuration, if it is provided.
      *
@@ -3149,23 +3103,15 @@ class DbxFirebaseModelTrackerService {
         const historyKeys$ = this.loadHistoryKeys();
         return historyKeys$.pipe(switchMap((x) => this.dbxFirebaseModelTypesService.instancePairsForKeys(x)));
     }
-    constructor(dbxModelTrackerService, dbxFirebaseModelTypesService) {
-        this.dbxModelTrackerService = dbxModelTrackerService;
-        this.dbxFirebaseModelTypesService = dbxFirebaseModelTypesService;
-        this.historyKeys$ = this.dbxModelTrackerService.newEvent$.pipe(startWith(null), switchMap(() => this.loadHistoryKeys()), shareReplay(1));
-        this.historyPairs$ = this.dbxModelTrackerService.newEvent$.pipe(startWith(null), switchMap(() => this.loadHistoryPairs()), // TODO: Improve efficiency of this to only load/remove items for new keys
-        shareReplay(1));
-        this.filterItemHistoryPairs$ = this.historyPairs$.pipe(mapEachAsync((instancePair) => instancePair.instance.identity$.pipe(map((identity) => ({ instancePair, identity }))), { onlyFirst: true }), shareReplay(1));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModelTrackerService, deps: [{ token: i1$2.DbxModelTrackerService }, { token: DbxFirebaseModelTypesService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModelTrackerService, providedIn: 'root' }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModelTrackerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModelTrackerService, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModelTrackerService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: i1$2.DbxModelTrackerService }, { type: DbxFirebaseModelTypesService }]; } });
+        }] });
 
 /**
  * Renders an item as configured from the DbxFirebaseModelTypesServiceInstancePair.
@@ -3177,8 +3123,8 @@ class DbxFirebaseModelTypeInstanceComponent extends AbstractDbxSelectionListWrap
             defaultSelectionMode: 'view'
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModelTypeInstanceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseModelTypeInstanceComponent, selector: "dbx-firebase-model-type-instance-list", providers: provideDbxListViewWrapper(DbxFirebaseModelTypeInstanceComponent), usesInheritance: true, ngImport: i0, template: "\n<dbx-list [state$]=\"state$\" [config]=\"config$ | async\" [disabled]=\"disabled\" [selectionMode]=\"selectionMode\">\n  <ng-content top select=\"[top]\"></ng-content>\n  <ng-content bottom select=\"[bottom]\"></ng-content>\n  <ng-content empty select=\"[empty]\"></ng-content>\n  <ng-content emptyLoading select=\"[emptyLoading]\"></ng-content>\n</dbx-list>\n", isInline: true, dependencies: [{ kind: "component", type: i1$2.DbxListComponent, selector: "dbx-list", inputs: ["padded", "state$", "config", "disabled", "selectionMode"], outputs: ["contentScrolled"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModelTypeInstanceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseModelTypeInstanceComponent, selector: "dbx-firebase-model-type-instance-list", providers: provideDbxListViewWrapper(DbxFirebaseModelTypeInstanceComponent), usesInheritance: true, ngImport: i0, template: "\n<dbx-list [state$]=\"state$\" [config]=\"config$ | async\" [disabled]=\"disabled\" [selectionMode]=\"selectionMode\">\n  <ng-content top select=\"[top]\"></ng-content>\n  <ng-content bottom select=\"[bottom]\"></ng-content>\n  <ng-content empty select=\"[empty]\"></ng-content>\n  <ng-content emptyLoading select=\"[emptyLoading]\"></ng-content>\n</dbx-list>\n", isInline: true, dependencies: [{ kind: "component", type: i1.DbxListComponent, selector: "dbx-list", inputs: ["padded", "state$", "config", "disabled", "selectionMode"], outputs: ["contentScrolled"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModelTypeInstanceComponent, decorators: [{
             type: Component,
@@ -3189,15 +3135,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }]
         }], ctorParameters: function () { return []; } });
 class DbxFirebaseModelTypeInstanceViewComponent extends AbstractDbxSelectionListViewDirective {
-    constructor() {
-        super(...arguments);
-        this.config = {
-            componentClass: DbxFirebaseModelTypeInstanceViewItemComponent,
-            mapValuesToItemValues: (x) => of(x.map((y) => ({ itemValue: y, icon: y.displayInfo.icon ?? y.icon, anchor: y.segueRef })))
-        };
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModelTypeInstanceViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseModelTypeInstanceViewComponent, selector: "dbx-firebase-model-type-instance-list-view", providers: provideDbxListView(DbxFirebaseModelTypeInstanceViewComponent), usesInheritance: true, ngImport: i0, template: "<dbx-selection-list-view [config]=\"config\"></dbx-selection-list-view>", isInline: true, dependencies: [{ kind: "component", type: i1$2.DbxSelectionValueListViewComponent, selector: "dbx-selection-list-view" }] }); }
+    config = {
+        componentClass: DbxFirebaseModelTypeInstanceViewItemComponent,
+        mapValuesToItemValues: (x) => of(x.map((y) => ({ itemValue: y, icon: y.displayInfo.icon ?? y.icon, anchor: y.segueRef })))
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModelTypeInstanceViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseModelTypeInstanceViewComponent, selector: "dbx-firebase-model-type-instance-list-view", providers: provideDbxListView(DbxFirebaseModelTypeInstanceViewComponent), usesInheritance: true, ngImport: i0, template: "<dbx-selection-list-view [config]=\"config\"></dbx-selection-list-view>", isInline: true, dependencies: [{ kind: "component", type: i1.DbxSelectionValueListViewComponent, selector: "dbx-selection-list-view" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModelTypeInstanceViewComponent, decorators: [{
             type: Component,
@@ -3211,10 +3154,10 @@ class DbxFirebaseModelTypeInstanceViewItemComponent extends AbstractDbxValueList
     get title() {
         return this.itemValue.displayInfo.title;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModelTypeInstanceViewItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseModelTypeInstanceViewItemComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModelTypeInstanceViewItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseModelTypeInstanceViewItemComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
     <span>{{ title }}</span>
-  `, isInline: true }); }
+  `, isInline: true });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModelTypeInstanceViewItemComponent, decorators: [{
             type: Component,
@@ -3226,28 +3169,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }] });
 
 class DbxFirebaseModelHistoryComponent {
+    dbxFirebaseModelTrackerService = inject(DbxFirebaseModelTrackerService);
+    _historyFilter = new BehaviorSubject(undefined);
+    anchorForItem;
     get historyFilter() {
         return this._historyFilter.value;
     }
     set historyFilter(historyFilter) {
         this._historyFilter.next(historyFilter);
     }
-    constructor(dbxFirebaseModelTrackerService) {
-        this.dbxFirebaseModelTrackerService = dbxFirebaseModelTrackerService;
-        this._historyFilter = new BehaviorSubject(undefined);
-        this.historyFilter$ = this._historyFilter.asObservable();
-        this.historyPairs$ = this.historyFilter$.pipe(switchMap((x) => this.dbxFirebaseModelTrackerService.filterHistoryPairs(x)), shareReplay(1));
-        this.state$ = loadingStateFromObs(this.historyPairs$);
-    }
+    historyFilter$ = this._historyFilter.asObservable();
+    historyPairs$ = this.historyFilter$.pipe(switchMap((x) => this.dbxFirebaseModelTrackerService.filterHistoryPairs(x)), shareReplay(1));
+    state$ = loadingStateFromObs(this.historyPairs$);
     ngOnDestroy() {
         this._historyFilter.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModelHistoryComponent, deps: [{ token: DbxFirebaseModelTrackerService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseModelHistoryComponent, selector: "dbx-firebase-model-history", inputs: { anchorForItem: "anchorForItem", historyFilter: "historyFilter" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModelHistoryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseModelHistoryComponent, selector: "dbx-firebase-model-history", inputs: { anchorForItem: "anchorForItem", historyFilter: "historyFilter" }, ngImport: i0, template: `
     <dbx-firebase-model-type-instance-list [state$]="state$" [dbxListItemModifier] [dbxListItemAnchorModifier]="anchorForItem">
       <ng-content empty select="[empty]"></ng-content>
     </dbx-firebase-model-type-instance-list>
-  `, isInline: true, dependencies: [{ kind: "directive", type: i1$2.DbxListItemAnchorModifierDirective, selector: "[dbxListItemAnchorModifier]", inputs: ["dbxListItemAnchorModifier"] }, { kind: "directive", type: i1$2.DbxValueListItemModifierDirective, selector: "[dbxListItemModifier]", inputs: ["dbxListItemModifier"] }, { kind: "component", type: DbxFirebaseModelTypeInstanceComponent, selector: "dbx-firebase-model-type-instance-list" }] }); }
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.DbxListItemAnchorModifierDirective, selector: "[dbxListItemAnchorModifier]", inputs: ["dbxListItemAnchorModifier"] }, { kind: "directive", type: i1.DbxValueListItemModifierDirective, selector: "[dbxListItemModifier]", inputs: ["dbxListItemModifier"] }, { kind: "component", type: DbxFirebaseModelTypeInstanceComponent, selector: "dbx-firebase-model-type-instance-list" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModelHistoryComponent, decorators: [{
             type: Component,
@@ -3259,7 +3201,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
     </dbx-firebase-model-type-instance-list>
   `
                 }]
-        }], ctorParameters: function () { return [{ type: DbxFirebaseModelTrackerService }]; }, propDecorators: { anchorForItem: [{
+        }], propDecorators: { anchorForItem: [{
                 type: Input
             }], historyFilter: [{
                 type: Input
@@ -3281,9 +3223,6 @@ class DbxFirebaseModelHistoryPopoverComponent extends AbstractPopoverDirective {
             }
         });
     }
-    constructor(popover) {
-        super(popover);
-    }
     get params() {
         return this.popover.data;
     }
@@ -3302,25 +3241,24 @@ class DbxFirebaseModelHistoryPopoverComponent extends AbstractPopoverDirective {
     get anchorForItem() {
         return this.params.anchorForItem;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModelHistoryPopoverComponent, deps: [{ token: i1$2.DbxPopoverComponent }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseModelHistoryPopoverComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<dbx-popover-content>\n  <!-- Header -->\n  <dbx-popover-header [icon]=\"icon\" [header]=\"header\"></dbx-popover-header>\n  <!-- Content -->\n  <dbx-popover-scroll-content>\n    <dbx-firebase-model-history [historyFilter]=\"historyFilter\" [anchorForItem]=\"anchorForItem\">\n      <dbx-list-empty-content empty>\n        <p>{{ emptyText }}</p>\n      </dbx-list-empty-content>\n    </dbx-firebase-model-history>\n  </dbx-popover-scroll-content>\n</dbx-popover-content>\n", dependencies: [{ kind: "component", type: i1$2.DbxPopoverContentComponent, selector: "dbx-popover-content" }, { kind: "component", type: i1$2.DbxPopoverHeaderComponent, selector: "dbx-popover-header", inputs: ["header", "icon"] }, { kind: "component", type: i1$2.DbxPopoverScrollContentComponent, selector: "dbx-popover-scroll-content" }, { kind: "component", type: i1$2.DbxListEmptyContentComponent, selector: "dbx-list-empty-content" }, { kind: "component", type: DbxFirebaseModelHistoryComponent, selector: "dbx-firebase-model-history", inputs: ["anchorForItem", "historyFilter"] }] }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModelHistoryPopoverComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseModelHistoryPopoverComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<dbx-popover-content>\n  <!-- Header -->\n  <dbx-popover-header [icon]=\"icon\" [header]=\"header\"></dbx-popover-header>\n  <!-- Content -->\n  <dbx-popover-scroll-content>\n    <dbx-firebase-model-history [historyFilter]=\"historyFilter\" [anchorForItem]=\"anchorForItem\">\n      <dbx-list-empty-content empty>\n        <p>{{ emptyText }}</p>\n      </dbx-list-empty-content>\n    </dbx-firebase-model-history>\n  </dbx-popover-scroll-content>\n</dbx-popover-content>\n", dependencies: [{ kind: "component", type: i1.DbxPopoverContentComponent, selector: "dbx-popover-content" }, { kind: "component", type: i1.DbxPopoverHeaderComponent, selector: "dbx-popover-header", inputs: ["header", "icon"] }, { kind: "component", type: i1.DbxPopoverScrollContentComponent, selector: "dbx-popover-scroll-content" }, { kind: "component", type: i1.DbxListEmptyContentComponent, selector: "dbx-list-empty-content" }, { kind: "component", type: DbxFirebaseModelHistoryComponent, selector: "dbx-firebase-model-history", inputs: ["anchorForItem", "historyFilter"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModelHistoryPopoverComponent, decorators: [{
             type: Component,
             args: [{ template: "<dbx-popover-content>\n  <!-- Header -->\n  <dbx-popover-header [icon]=\"icon\" [header]=\"header\"></dbx-popover-header>\n  <!-- Content -->\n  <dbx-popover-scroll-content>\n    <dbx-firebase-model-history [historyFilter]=\"historyFilter\" [anchorForItem]=\"anchorForItem\">\n      <dbx-list-empty-content empty>\n        <p>{{ emptyText }}</p>\n      </dbx-list-empty-content>\n    </dbx-firebase-model-history>\n  </dbx-popover-scroll-content>\n</dbx-popover-content>\n" }]
-        }], ctorParameters: function () { return [{ type: i1$2.DbxPopoverComponent }]; } });
+        }] });
 
 class DbxFirebaseModelHistoryPopoverButtonComponent extends AbstractPopoverRefDirective {
-    constructor(dbxPopoverService) {
-        super();
-        this.dbxPopoverService = dbxPopoverService;
-    }
+    _dbxPopoverService = inject(DbxPopoverService);
+    buttonElement;
+    config;
     _makePopoverRef(origin) {
         const config = this.config;
         if (!origin) {
             throw new Error('Missing origin.');
         }
-        return DbxFirebaseModelHistoryPopoverComponent.openPopover(this.dbxPopoverService, {
+        return DbxFirebaseModelHistoryPopoverComponent.openPopover(this._dbxPopoverService, {
             origin,
             ...config
         });
@@ -3329,10 +3267,10 @@ class DbxFirebaseModelHistoryPopoverButtonComponent extends AbstractPopoverRefDi
         const origin = this.buttonElement.nativeElement;
         this.showPopover(origin);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModelHistoryPopoverButtonComponent, deps: [{ token: i1$2.DbxPopoverService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseModelHistoryPopoverButtonComponent, selector: "dbx-firebase-model-history-popover-button", inputs: { config: "config" }, viewQueries: [{ propertyName: "buttonElement", first: true, predicate: ["button"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModelHistoryPopoverButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseModelHistoryPopoverButtonComponent, selector: "dbx-firebase-model-history-popover-button", inputs: { config: "config" }, viewQueries: [{ propertyName: "buttonElement", first: true, predicate: ["button"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: `
     <dbx-icon-button #button (buttonClick)="showHistoryPopover()" icon="history"></dbx-icon-button>
-  `, isInline: true, dependencies: [{ kind: "component", type: i1$2.DbxIconButtonComponent, selector: "dbx-icon-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, dependencies: [{ kind: "component", type: i1.DbxIconButtonComponent, selector: "dbx-icon-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModelHistoryPopoverButtonComponent, decorators: [{
             type: Component,
@@ -3343,7 +3281,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
   `,
                     changeDetection: ChangeDetectionStrategy.OnPush
                 }]
-        }], ctorParameters: function () { return [{ type: i1$2.DbxPopoverService }]; }, propDecorators: { buttonElement: [{
+        }], propDecorators: { buttonElement: [{
                 type: ViewChild,
                 args: ['button', { read: ElementRef, static: false }]
             }], config: [{
@@ -3354,35 +3292,49 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * Abstract directive that contains a DbxFirebaseDocumentStore and provides an interface for communicating with other directives.
  */
 class DbxFirebaseDocumentStoreDirective {
+    _store = new BehaviorSubject(undefined);
+    store$ = this._store.pipe(filterMaybe(), shareReplay(1));
+    exists$ = this.store$.pipe(switchMap((x) => x.exists$));
+    document$ = this.store$.pipe(switchMap((x) => x.document$));
+    documentLoadingState$ = this.store$.pipe(switchMap((x) => x.documentLoadingState$));
+    id$ = this.store$.pipe(switchMap((x) => x.id$));
+    key$ = this.store$.pipe(switchMap((x) => x.key$));
+    ref$ = this.store$.pipe(switchMap((x) => x.ref$));
+    snapshot$ = this.store$.pipe(switchMap((x) => x.snapshot$));
+    snapshotLoadingState$ = this.store$.pipe(switchMap((x) => x.snapshotLoadingState$));
+    modelIdentity$ = this.store$.pipe(switchMap((x) => x.modelIdentity$));
+    data$ = this.store$.pipe(switchMap((x) => x.data$));
+    loadingState$ = this.store$.pipe(switchMap((x) => x.dataLoadingState$));
     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.key$ = this.store.key$;
-        this.ref$ = this.store.ref$;
-        this.snapshot$ = this.store.snapshot$;
-        this.snapshotLoadingState$ = this.store.snapshotLoadingState$;
-        this.modelIdentity$ = this.store.modelIdentity$;
-        this.data$ = this.store.data$;
-        this.loadingState$ = this.store.dataLoadingState$;
+        this.replaceStore(store);
+    }
+    ngOnDestroy() {
+        this._store.complete();
+    }
+    /**
+     * Replaces the internal store.
+     */
+    replaceStore(store) {
+        this._store.next(store);
     }
     // MARK: Inputs
+    get store() {
+        return this._store.value;
+    }
     set documentId(documentId) {
-        this.store.setId(documentId);
+        useFirst(this.store$, (x) => x.setId(documentId));
     }
     set key(key) {
-        this.store.setKey(key);
+        useFirst(this.store$, (x) => x.setKey(key));
     }
     set ref(ref) {
-        this.store.setRef(ref);
+        useFirst(this.store$, (x) => x.setRef(ref));
     }
     set streamMode(streamMode) {
-        this.store.setStreamMode(streamMode);
+        useFirst(this.store$, (x) => x.setStreamMode(streamMode));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDocumentStoreDirective, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseDocumentStoreDirective, inputs: { documentId: "documentId", key: "key", ref: "ref", streamMode: "streamMode" }, ngImport: i0 }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDocumentStoreDirective, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseDocumentStoreDirective, inputs: { documentId: "documentId", key: "key", ref: "ref", streamMode: "streamMode" }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDocumentStoreDirective, decorators: [{
             type: Directive
@@ -3412,13 +3364,11 @@ function provideDbxFirebaseDocumentStoreDirective(sourceType, storeType) {
  * Used with a DbxFirebaseDocumentStoreDirective to emit model viewed events.
  */
 class DbxfirebaseModelViewedEventDirective extends AbstractSubscriptionDirective {
-    constructor(dbxFirebaseDocumentStoreDirective, dbxModelObjectStateService, dbxFirebaseModelTypesService, ngZone) {
-        super();
-        this.dbxFirebaseDocumentStoreDirective = dbxFirebaseDocumentStoreDirective;
-        this.dbxModelObjectStateService = dbxModelObjectStateService;
-        this.dbxFirebaseModelTypesService = dbxFirebaseModelTypesService;
-        this.ngZone = ngZone;
-    }
+    dbxFirebaseDocumentStoreDirective = inject(DbxFirebaseDocumentStoreDirective);
+    dbxModelObjectStateService = inject(DbxModelObjectStateService);
+    dbxFirebaseModelTypesService = inject(DbxFirebaseModelTypesService);
+    ngZone = inject(NgZone);
+    context;
     ngOnInit() {
         this.sub = this.dbxFirebaseDocumentStoreDirective.data$
             .pipe(
@@ -3436,24 +3386,24 @@ class DbxfirebaseModelViewedEventDirective extends AbstractSubscriptionDirective
             this.ngZone.run(() => this.dbxModelObjectStateService.emitModelViewEvent({ modelKeyTypeNamePair, context: this.context || undefined }));
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxfirebaseModelViewedEventDirective, deps: [{ token: DbxFirebaseDocumentStoreDirective }, { token: i1$2.DbxModelObjectStateService }, { token: DbxFirebaseModelTypesService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DbxfirebaseModelViewedEventDirective, selector: "[dbxFirebaseModelViewedEvent]", inputs: { context: ["dbxFirebaseModelViewedEvent", "context"] }, usesInheritance: true, ngImport: i0 }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxfirebaseModelViewedEventDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DbxfirebaseModelViewedEventDirective, selector: "[dbxFirebaseModelViewedEvent]", inputs: { context: ["dbxFirebaseModelViewedEvent", "context"] }, usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxfirebaseModelViewedEventDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxFirebaseModelViewedEvent]'
                 }]
-        }], ctorParameters: function () { return [{ type: DbxFirebaseDocumentStoreDirective }, { type: i1$2.DbxModelObjectStateService }, { type: DbxFirebaseModelTypesService }, { type: i0.NgZone }]; }, propDecorators: { context: [{
+        }], propDecorators: { context: [{
                 type: Input,
                 args: ['dbxFirebaseModelViewedEvent']
             }] } });
 
 const declarations$3 = [DbxfirebaseModelViewedEventDirective, DbxFirebaseModelTypeInstanceComponent, DbxFirebaseModelTypeInstanceViewComponent, DbxFirebaseModelTypeInstanceViewItemComponent];
 class DbxFirebaseModelTypesModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModelTypesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModelTypesModule, declarations: [DbxfirebaseModelViewedEventDirective, DbxFirebaseModelTypeInstanceComponent, DbxFirebaseModelTypeInstanceViewComponent, DbxFirebaseModelTypeInstanceViewItemComponent], imports: [CommonModule, DbxModelInfoModule, DbxListLayoutModule], exports: [DbxfirebaseModelViewedEventDirective, DbxFirebaseModelTypeInstanceComponent, DbxFirebaseModelTypeInstanceViewComponent, DbxFirebaseModelTypeInstanceViewItemComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModelTypesModule, imports: [CommonModule, DbxModelInfoModule, DbxListLayoutModule] }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModelTypesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModelTypesModule, declarations: [DbxfirebaseModelViewedEventDirective, DbxFirebaseModelTypeInstanceComponent, DbxFirebaseModelTypeInstanceViewComponent, DbxFirebaseModelTypeInstanceViewItemComponent], imports: [CommonModule, DbxModelInfoModule, DbxListLayoutModule], exports: [DbxfirebaseModelViewedEventDirective, DbxFirebaseModelTypeInstanceComponent, DbxFirebaseModelTypeInstanceViewComponent, DbxFirebaseModelTypeInstanceViewItemComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModelTypesModule, imports: [CommonModule, DbxModelInfoModule, DbxListLayoutModule] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModelTypesModule, decorators: [{
             type: NgModule,
@@ -3466,9 +3416,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 
 const declarations$2 = [DbxFirebaseModelHistoryComponent, DbxFirebaseModelHistoryPopoverButtonComponent, DbxFirebaseModelHistoryPopoverComponent];
 class DbxFirebaseModelHistoryModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModelHistoryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModelHistoryModule, declarations: [DbxFirebaseModelHistoryComponent, DbxFirebaseModelHistoryPopoverButtonComponent, DbxFirebaseModelHistoryPopoverComponent], imports: [CommonModule, DbxButtonModule, DbxRouterListModule, DbxPopoverInteractionModule, DbxModelInfoModule, DbxListLayoutModule, DbxFirebaseModelTypesModule], exports: [DbxFirebaseModelHistoryComponent, DbxFirebaseModelHistoryPopoverButtonComponent, DbxFirebaseModelHistoryPopoverComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModelHistoryModule, imports: [CommonModule, DbxButtonModule, DbxRouterListModule, DbxPopoverInteractionModule, DbxModelInfoModule, DbxListLayoutModule, DbxFirebaseModelTypesModule] }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModelHistoryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModelHistoryModule, declarations: [DbxFirebaseModelHistoryComponent, DbxFirebaseModelHistoryPopoverButtonComponent, DbxFirebaseModelHistoryPopoverComponent], imports: [CommonModule, DbxButtonModule, DbxRouterListModule, DbxPopoverInteractionModule, DbxModelInfoModule, DbxListLayoutModule, DbxFirebaseModelTypesModule], exports: [DbxFirebaseModelHistoryComponent, DbxFirebaseModelHistoryPopoverButtonComponent, DbxFirebaseModelHistoryPopoverComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModelHistoryModule, imports: [CommonModule, DbxButtonModule, DbxRouterListModule, DbxPopoverInteractionModule, DbxModelInfoModule, DbxListLayoutModule, DbxFirebaseModelTypesModule] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModelHistoryModule, decorators: [{
             type: NgModule,
@@ -3500,10 +3450,11 @@ function dbxFirebaseSourceSelectLoadSource(config) {
  * Abstract directive that contains a DbxFirebaseCollectionStore and provides an interface for communicating with other directives.
  */
 class DbxFirebaseCollectionStoreDirective {
+    store;
     constructor(store) {
         this.store = store;
-        this.pageLoadingState$ = this.store.pageLoadingState$;
     }
+    pageLoadingState$ = this.store.pageLoadingState$;
     // MARK: Inputs
     set maxPages(maxPages) {
         this.store.setMaxPages(maxPages);
@@ -3523,8 +3474,8 @@ class DbxFirebaseCollectionStoreDirective {
     setConstraints(constraints) {
         this.store.setConstraints(constraints);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseCollectionStoreDirective, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseCollectionStoreDirective, inputs: { maxPages: "maxPages", itemsPerPage: "itemsPerPage", constraints: "constraints" }, ngImport: i0 }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseCollectionStoreDirective, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseCollectionStoreDirective, inputs: { maxPages: "maxPages", itemsPerPage: "itemsPerPage", constraints: "constraints" }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseCollectionStoreDirective, decorators: [{
             type: Directive
@@ -3552,19 +3503,17 @@ function provideDbxFirebaseCollectionStoreDirective(sourceType, storeType) {
  * Used to watch query doc changes and respond to them accordingly.
  */
 class DbxFirebaseCollectionChangeDirective {
+    dbxFirebaseCollectionStoreDirective = inject((DbxFirebaseCollectionStoreDirective));
+    _watcher = dbxFirebaseCollectionChangeWatcher(this.dbxFirebaseCollectionStoreDirective.store);
+    _trigger = dbxFirebaseCollectionChangeTriggerForWatcher(this._watcher, () => this.restart());
+    mode$ = this._watcher.mode$;
+    event$ = this._watcher.event$;
+    hasChangeAvailable$ = this._watcher.hasChangeAvailable$;
+    triggered$ = this._watcher.triggered$;
+    trigger$ = this._watcher.trigger$;
     get store() {
         return this._watcher.store;
     }
-    constructor(dbxFirebaseCollectionStoreDirective) {
-        this.dbxFirebaseCollectionStoreDirective = dbxFirebaseCollectionStoreDirective;
-        this._watcher = dbxFirebaseCollectionChangeWatcher(this.dbxFirebaseCollectionStoreDirective.store);
-        this._trigger = dbxFirebaseCollectionChangeTriggerForWatcher(this._watcher, () => this.restart());
-        this.mode$ = this._watcher.mode$;
-        this.event$ = this._watcher.event$;
-        this.hasChangeAvailable$ = this._watcher.hasChangeAvailable$;
-        this.triggered$ = this._watcher.triggered$;
-        this.trigger$ = this._watcher.trigger$;
-    }
     ngOnInit() {
         this._trigger.init();
     }
@@ -3572,24 +3521,21 @@ class DbxFirebaseCollectionChangeDirective {
         this._watcher.destroy();
         this._trigger.destroy();
     }
-    get mode() {
-        return this._watcher.mode;
-    }
     set mode(mode) {
-        this._watcher.mode = mode || 'off';
+        this._watcher.setMode(mode || 'off');
     }
     restart() {
         this.dbxFirebaseCollectionStoreDirective.store.restart();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseCollectionChangeDirective, deps: [{ token: DbxFirebaseCollectionStoreDirective }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseCollectionChangeDirective, selector: "[dbxFirebaseCollectionChange]", inputs: { mode: ["dbxFirebaseCollectionChange", "mode"] }, ngImport: i0 }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseCollectionChangeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseCollectionChangeDirective, selector: "[dbxFirebaseCollectionChange]", inputs: { mode: ["dbxFirebaseCollectionChange", "mode"] }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseCollectionChangeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxFirebaseCollectionChange]'
                 }]
-        }], ctorParameters: function () { return [{ type: DbxFirebaseCollectionStoreDirective }]; }, propDecorators: { mode: [{
+        }], propDecorators: { mode: [{
                 type: Input,
                 args: ['dbxFirebaseCollectionChange']
             }] } });
@@ -3600,28 +3546,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * 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;
-                }
+    _mode = new BehaviorSubject('addedAndRemoved');
+    directive = inject(DbxFirebaseCollectionChangeDirective);
+    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));
-    }
+        }
+        return show;
+    }), shareReplay(1));
     get mode() {
         return this._mode.value;
     }
@@ -3632,15 +3575,15 @@ class DbxFirebaseCollectionHasChangeDirective extends AbstractIfDirective {
         super.ngOnDestroy();
         this._mode.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseCollectionHasChangeDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: DbxFirebaseCollectionChangeDirective }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseCollectionHasChangeDirective, selector: "[dbxFirebaseCollectionHasChange]", inputs: { mode: ["dbxFirebaseCollectionHasChange", "mode"] }, usesInheritance: true, ngImport: i0 }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseCollectionHasChangeDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseCollectionHasChangeDirective, selector: "[dbxFirebaseCollectionHasChange]", inputs: { mode: ["dbxFirebaseCollectionHasChange", "mode"] }, usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseCollectionHasChangeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxFirebaseCollectionHasChange]'
                 }]
-        }], ctorParameters: function () { return [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }, { type: DbxFirebaseCollectionChangeDirective }]; }, propDecorators: { mode: [{
+        }], propDecorators: { mode: [{
                 type: Input,
                 args: ['dbxFirebaseCollectionHasChange']
             }] } });
@@ -3649,10 +3592,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * Directive that connects a host DbxListView to a DbxFirebaseCollectionStoreDirective to pass data for rendering items from a collection and query parameters.
  */
 class DbxFirebaseCollectionListDirective extends AbstractSubscriptionDirective {
-    constructor(dbxFirebaseCollectionStoreDirective, dbxListViewWrapper) {
+    dbxFirebaseCollectionStoreDirective = inject((DbxFirebaseCollectionStoreDirective));
+    dbxListViewWrapper = inject((DbxListViewWrapper), { host: true });
+    constructor() {
         super();
-        this.dbxFirebaseCollectionStoreDirective = dbxFirebaseCollectionStoreDirective;
-        this.dbxListViewWrapper = dbxListViewWrapper;
         this.dbxListViewWrapper.state$ = this.dbxFirebaseCollectionStoreDirective.pageLoadingState$;
     }
     ngOnInit() {
@@ -3660,17 +3603,15 @@ class DbxFirebaseCollectionListDirective extends AbstractSubscriptionDirective {
             this.dbxFirebaseCollectionStoreDirective.next();
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseCollectionListDirective, deps: [{ token: DbxFirebaseCollectionStoreDirective }, { token: i1$2.DbxListViewWrapper, host: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseCollectionListDirective, selector: "[dbxFirebaseCollectionList]", usesInheritance: true, ngImport: i0 }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseCollectionListDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseCollectionListDirective, selector: "[dbxFirebaseCollectionList]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseCollectionListDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxFirebaseCollectionList]'
                 }]
-        }], ctorParameters: function () { return [{ type: DbxFirebaseCollectionStoreDirective }, { type: i1$2.DbxListViewWrapper, decorators: [{
-                    type: Host
-                }] }]; } });
+        }], ctorParameters: function () { return []; } });
 
 /**
  * Utility directive for a host DbxFirebaseDocumentStoreDirective that sets the document's ID to match the ID of the current user.
@@ -3678,104 +3619,92 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * 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;
-    }
+    dbxFirebaseAuthService = inject(DbxFirebaseAuthService);
+    dbxFirebaseDocumentStoreDirective = inject((DbxFirebaseDocumentStoreDirective), { host: true });
     ngOnInit() {
         this.sub = this.dbxFirebaseDocumentStoreDirective.store.setId(this.dbxFirebaseAuthService.userIdentifier$);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDocumentAuthIdDirective, deps: [{ token: DbxFirebaseAuthService }, { token: DbxFirebaseDocumentStoreDirective, host: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseDocumentAuthIdDirective, selector: "[dbxFirebaseDocumentAuthId]", usesInheritance: true, ngImport: i0 }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDocumentAuthIdDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseDocumentAuthIdDirective, selector: "[dbxFirebaseDocumentAuthId]", usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDocumentAuthIdDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxFirebaseDocumentAuthId]'
                 }]
-        }], ctorParameters: function () { return [{ type: DbxFirebaseAuthService }, { type: DbxFirebaseDocumentStoreDirective, decorators: [{
-                    type: Host
-                }] }]; } });
+        }] });
 
 const DBX_FIREBASE_ID_ROUTER_PARAM_DEFAULT_ID_PARAM_KEY = 'id';
 const DBX_FIREBASE_ID_ROUTER_PARAM_DEFAULT_KEY_PARAM_KEY = 'key';
 const DBX_FIREBASE_ID_ROUTER_PARAM_DEFAULT_USE_PARAM_VALUE = '0';
-/**
- * DbxFirebaseIdRouteParamRedirect instance
- */
-class DbxFirebaseIdRouteParamRedirectInstance {
-    constructor(dbxRouterService, defaultParamKey = DBX_FIREBASE_ID_ROUTER_PARAM_DEFAULT_ID_PARAM_KEY) {
-        this.dbxRouterService = dbxRouterService;
-        this.defaultParamKey = defaultParamKey;
-        this._paramReader = new DbxRouteParamReaderInstance(this.dbxRouterService, this.defaultParamKey);
-        this._paramRedirect = new DbxRouteParamDefaultRedirectInstance(this._paramReader);
-        this._useDefaultParamDecider = new BehaviorSubject(DBX_FIREBASE_ID_ROUTER_PARAM_DEFAULT_USE_PARAM_VALUE);
-        this._useDefaultParam$ = this._useDefaultParamDecider.pipe(map((x) => {
-            let result;
-            if (typeof x === 'string') {
-                result = (value) => of(value === x);
-            }
-            else {
-                result = x;
-            }
-            return result;
-        }), shareReplay(1));
-        this.paramValue$ = this._paramReader.paramValue$;
-        this.defaultValue$ = this._paramReader.defaultValue$;
-        this.value$ = this._paramReader.value$;
-        this.idFromParams$ = this.paramValue$;
-        this.id$ = this.value$;
-    }
-    init() {
-        this._paramRedirect.setUseDefaultFilter((value) => {
-            return this._useDefaultParam$.pipe(switchMap((x) => x(value)));
-        });
-        this._paramRedirect.init();
-    }
-    destroy() {
-        this._paramReader.destroy();
-        this._paramRedirect.destroy();
-        this._useDefaultParamDecider.complete();
-    }
-    get paramKey() {
-        return this._paramReader.paramKey;
-    }
-    set paramKey(paramKey) {
-        this._paramReader.paramKey = paramKey || this.defaultParamKey;
-    }
-    setDefaultValue(defaultValue) {
-        this._paramReader.setDefaultValue(defaultValue);
-    }
-    setRedirectEnabled(redirect) {
-        this._paramRedirect.enabled = redirect !== false;
-    }
-    setDecider(decider) {
-        this._useDefaultParamDecider.next(decider);
-    }
-    setParamValue(value) {
-        this._paramReader.setParamValue(value);
-    }
-}
-function dbxFirebaseIdRouteParamRedirect(dbxRouterService, defaultParamKey) {
-    return new DbxFirebaseIdRouteParamRedirectInstance(dbxRouterService, defaultParamKey);
-}
 function dbxFirebaseKeyRouteParamRedirect(dbxRouterService, defaultParamKey = DBX_FIREBASE_ID_ROUTER_PARAM_DEFAULT_KEY_PARAM_KEY) {
-    return new DbxFirebaseIdRouteParamRedirectInstance(dbxRouterService, defaultParamKey);
+    return dbxFirebaseIdRouteParamRedirect(dbxRouterService, defaultParamKey);
+}
+function dbxFirebaseIdRouteParamRedirect(dbxRouterService, defaultParamKey = DBX_FIREBASE_ID_ROUTER_PARAM_DEFAULT_ID_PARAM_KEY) {
+    const _paramReader = dbxRouteParamReaderInstance(dbxRouterService, defaultParamKey);
+    const _paramRedirect = new DbxRouteParamDefaultRedirectInstance(_paramReader);
+    const _useDefaultParamDecider = new BehaviorSubject(DBX_FIREBASE_ID_ROUTER_PARAM_DEFAULT_USE_PARAM_VALUE);
+    const _useDefaultParam$ = _useDefaultParamDecider.pipe(map((x) => {
+        let result;
+        if (typeof x === 'string') {
+            result = (value) => of(value === x);
+        }
+        else {
+            result = x;
+        }
+        return result;
+    }), shareReplay(1));
+    const setParamKey = (paramKey) => {
+        _paramReader.setParamKey(paramKey || defaultParamKey);
+    };
+    const paramValue$ = _paramReader.paramValue$;
+    const value$ = _paramReader.value$;
+    const result = {
+        paramValue$,
+        defaultValue$: _paramReader.defaultValue$,
+        value$,
+        idFromParams$: paramValue$,
+        id$: value$,
+        init() {
+            _paramRedirect.setUseDefaultFilter((value) => {
+                return _useDefaultParam$.pipe(switchMap((x) => x(value)));
+            });
+            _paramRedirect.init();
+        },
+        destroy() {
+            _paramReader.destroy();
+            _paramRedirect.destroy();
+            _useDefaultParamDecider.complete();
+        },
+        getParamKey() {
+            return _paramReader.getParamKey();
+        },
+        setParamKey,
+        setDefaultValue(defaultValue) {
+            _paramReader.setDefaultValue(defaultValue);
+        },
+        setRedirectEnabled(redirect) {
+            _paramRedirect.enabled = redirect !== false;
+        },
+        setDecider(decider) {
+            _useDefaultParamDecider.next(decider);
+        },
+        setParamValue(value) {
+            _paramReader.setParamValue(value);
+        }
+    };
+    return result;
 }
 
 /**
  * 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._redirectInstance = dbxFirebaseIdRouteParamRedirect(this.dbxRouterService);
-        this.idFromParams$ = this._redirectInstance.paramValue$;
-        this.id$ = this._redirectInstance.value$;
-    }
+    dbxFirebaseDocumentStoreDirective = inject((DbxFirebaseDocumentStoreDirective), { host: true });
+    dbxRouterService = inject(DbxRouterService);
+    _redirectInstance = dbxFirebaseIdRouteParamRedirect(this.dbxRouterService);
+    idFromParams$ = this._redirectInstance.paramValue$;
+    id$ = this._redirectInstance.value$;
     ngOnInit() {
         this.sub = this.dbxFirebaseDocumentStoreDirective.store.setId(this.idFromParams$); // use from the params, as the params should get updated eventually to the id$ value
         this._redirectInstance.init();
@@ -3786,10 +3715,10 @@ class DbxFirebaseDocumentStoreRouteIdDirective extends AbstractSubscriptionDirec
     }
     // MARK: Input
     get idParam() {
-        return this._redirectInstance.paramKey;
+        return this._redirectInstance.getParamKey();
     }
     set idParam(idParam) {
-        this._redirectInstance.paramKey = idParam;
+        this._redirectInstance.setParamKey(idParam);
     }
     set dbxFirebaseDocumentStoreRouteIdDefault(defaultValue) {
         this._redirectInstance.setDefaultValue(defaultValue);
@@ -3803,17 +3732,15 @@ class DbxFirebaseDocumentStoreRouteIdDirective extends AbstractSubscriptionDirec
     set dbxFirebaseDocumentStoreRouteIdDefaultDecision(decider) {
         this._redirectInstance.setDecider(decider);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDocumentStoreRouteIdDirective, deps: [{ token: DbxFirebaseDocumentStoreDirective, host: true }, { token: i2$2.DbxRouterService }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseDocumentStoreRouteIdDirective, selector: "[dbxFirebaseDocumentStoreRouteId]", inputs: { idParam: ["dbxFirebaseDocumentStoreRouteId", "idParam"], dbxFirebaseDocumentStoreRouteIdDefault: "dbxFirebaseDocumentStoreRouteIdDefault", dbxFirebaseDocumentStoreRouteIdDefaultRedirect: "dbxFirebaseDocumentStoreRouteIdDefaultRedirect", dbxFirebaseDocumentStoreRouteIdDefaultDecision: "dbxFirebaseDocumentStoreRouteIdDefaultDecision" }, usesInheritance: true, ngImport: i0 }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDocumentStoreRouteIdDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseDocumentStoreRouteIdDirective, selector: "[dbxFirebaseDocumentStoreRouteId]", inputs: { idParam: ["dbxFirebaseDocumentStoreRouteId", "idParam"], dbxFirebaseDocumentStoreRouteIdDefault: "dbxFirebaseDocumentStoreRouteIdDefault", dbxFirebaseDocumentStoreRouteIdDefaultRedirect: "dbxFirebaseDocumentStoreRouteIdDefaultRedirect", dbxFirebaseDocumentStoreRouteIdDefaultDecision: "dbxFirebaseDocumentStoreRouteIdDefaultDecision" }, usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDocumentStoreRouteIdDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxFirebaseDocumentStoreRouteId]'
                 }]
-        }], ctorParameters: function () { return [{ type: DbxFirebaseDocumentStoreDirective, decorators: [{
-                    type: Host
-                }] }, { type: i2$2.DbxRouterService }]; }, propDecorators: { idParam: [{
+        }], propDecorators: { idParam: [{
                 type: Input,
                 args: ['dbxFirebaseDocumentStoreRouteId']
             }], dbxFirebaseDocumentStoreRouteIdDefault: [{
@@ -3828,14 +3755,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * Used for synchronizing the document store key to the param of the route. The param is interpreted as a TwoWayFlatFirestoreModelKey.
  */
 class DbxFirebaseDocumentStoreRouteKeyDirective extends AbstractSubscriptionDirective {
-    constructor(dbxFirebaseDocumentStoreDirective, dbxRouterService) {
-        super();
-        this.dbxFirebaseDocumentStoreDirective = dbxFirebaseDocumentStoreDirective;
-        this.dbxRouterService = dbxRouterService;
-        this._redirectInstance = dbxFirebaseKeyRouteParamRedirect(this.dbxRouterService);
-        this.keyFromParams$ = this._redirectInstance.paramValue$;
-        this.key$ = this._redirectInstance.value$;
-    }
+    dbxFirebaseDocumentStoreDirective = inject((DbxFirebaseDocumentStoreDirective), { host: true });
+    dbxRouterService = inject(DbxRouterService);
+    _redirectInstance = dbxFirebaseKeyRouteParamRedirect(this.dbxRouterService);
+    keyFromParams$ = this._redirectInstance.paramValue$;
+    key$ = this._redirectInstance.value$;
     ngOnInit() {
         this.sub = this.dbxFirebaseDocumentStoreDirective.store.setFlatKey(this.keyFromParams$); // use from the params, as the params should get updated eventually to the key$ value
         this._redirectInstance.init();
@@ -3846,10 +3770,10 @@ class DbxFirebaseDocumentStoreRouteKeyDirective extends AbstractSubscriptionDire
     }
     // MARK: Input
     get keyParam() {
-        return this._redirectInstance.paramKey;
+        return this._redirectInstance.getParamKey();
     }
-    set keyParam(keyParam) {
-        this._redirectInstance.paramKey = keyParam;
+    set keyParam(idParam) {
+        this._redirectInstance.setParamKey(idParam);
     }
     set dbxFirebaseDocumentStoreRouteKeyDefault(defaultValue) {
         this._redirectInstance.setDefaultValue(defaultValue);
@@ -3863,17 +3787,15 @@ class DbxFirebaseDocumentStoreRouteKeyDirective extends AbstractSubscriptionDire
     set dbxFirebaseDocumentStoreRouteKeyDefaultDecision(decider) {
         this._redirectInstance.setDecider(decider);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDocumentStoreRouteKeyDirective, deps: [{ token: DbxFirebaseDocumentStoreDirective, host: true }, { token: i2$2.DbxRouterService }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseDocumentStoreRouteKeyDirective, selector: "[dbxFirebaseDocumentStoreRouteKey]", inputs: { keyParam: ["dbxFirebaseDocumentStoreRouteKey", "keyParam"], dbxFirebaseDocumentStoreRouteKeyDefault: "dbxFirebaseDocumentStoreRouteKeyDefault", dbxFirebaseDocumentStoreRouteKeyDefaultRedirect: "dbxFirebaseDocumentStoreRouteKeyDefaultRedirect", dbxFirebaseDocumentStoreRouteKeyDefaultDecision: "dbxFirebaseDocumentStoreRouteKeyDefaultDecision" }, usesInheritance: true, ngImport: i0 }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDocumentStoreRouteKeyDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseDocumentStoreRouteKeyDirective, selector: "[dbxFirebaseDocumentStoreRouteKey]", inputs: { keyParam: ["dbxFirebaseDocumentStoreRouteKey", "keyParam"], dbxFirebaseDocumentStoreRouteKeyDefault: "dbxFirebaseDocumentStoreRouteKeyDefault", dbxFirebaseDocumentStoreRouteKeyDefaultRedirect: "dbxFirebaseDocumentStoreRouteKeyDefaultRedirect", dbxFirebaseDocumentStoreRouteKeyDefaultDecision: "dbxFirebaseDocumentStoreRouteKeyDefaultDecision" }, usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseDocumentStoreRouteKeyDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxFirebaseDocumentStoreRouteKey]'
                 }]
-        }], ctorParameters: function () { return [{ type: DbxFirebaseDocumentStoreDirective, decorators: [{
-                    type: Host
-                }] }, { type: i2$2.DbxRouterService }]; }, propDecorators: { keyParam: [{
+        }], propDecorators: { keyParam: [{
                 type: Input,
                 args: ['dbxFirebaseDocumentStoreRouteKey']
             }], dbxFirebaseDocumentStoreRouteKeyDefault: [{
@@ -3886,9 +3808,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 
 const declarations$1 = [DbxFirebaseDocumentStoreRouteKeyDirective, DbxFirebaseCollectionListDirective, DbxFirebaseCollectionChangeDirective, DbxFirebaseCollectionHasChangeDirective, DbxFirebaseDocumentStoreRouteIdDirective, DbxFirebaseDocumentAuthIdDirective];
 class DbxFirebaseModelStoreModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModelStoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModelStoreModule, declarations: [DbxFirebaseDocumentStoreRouteKeyDirective, DbxFirebaseCollectionListDirective, DbxFirebaseCollectionChangeDirective, DbxFirebaseCollectionHasChangeDirective, DbxFirebaseDocumentStoreRouteIdDirective, DbxFirebaseDocumentAuthIdDirective], exports: [DbxFirebaseDocumentStoreRouteKeyDirective, DbxFirebaseCollectionListDirective, DbxFirebaseCollectionChangeDirective, DbxFirebaseCollectionHasChangeDirective, DbxFirebaseDocumentStoreRouteIdDirective, DbxFirebaseDocumentAuthIdDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModelStoreModule }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModelStoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModelStoreModule, declarations: [DbxFirebaseDocumentStoreRouteKeyDirective, DbxFirebaseCollectionListDirective, DbxFirebaseCollectionChangeDirective, DbxFirebaseCollectionHasChangeDirective, DbxFirebaseDocumentStoreRouteIdDirective, DbxFirebaseDocumentAuthIdDirective], exports: [DbxFirebaseDocumentStoreRouteKeyDirective, DbxFirebaseCollectionListDirective, DbxFirebaseCollectionChangeDirective, DbxFirebaseCollectionHasChangeDirective, DbxFirebaseDocumentStoreRouteIdDirective, DbxFirebaseDocumentAuthIdDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModelStoreModule });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModelStoreModule, decorators: [{
             type: NgModule,
@@ -3900,45 +3822,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }] });
 
 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.constraints$ = this.loader$.pipe(switchMap((x) => x.constraints$));
-        this.firestoreIteration$ = this.loader$.pipe(switchMap((x) => x.firestoreIteration$));
-        this.queryChangeWatcher$ = this.loader$.pipe(switchMap((x) => x.queryChangeWatcher$));
-        this.pageLoadingState$ = this.loader$.pipe(switchMap((x) => x.pageLoadingState$));
-        this.snapshotAccumulator$ = this.loader$.pipe(switchMap((x) => x.snapshotAccumulator$));
-        this.accumulator$ = this.loader$.pipe(switchMap((x) => x.accumulator$));
-        this.hasDocuments$ = this.loader$.pipe(switchMap((x) => x.hasDocuments$));
-        this.allDocumentRefs$ = this.loader$.pipe(switchMap((x) => x.allDocumentRefs$));
-        this.allDocuments$ = this.loader$.pipe(switchMap((x) => x.allDocuments$));
-        this.allDocumentData$ = this.loader$.pipe(switchMap((x) => x.allDocumentData$));
-        this.setFirestoreCollection = this.updater((state, firestoreCollection) => ({ ...state, firestoreCollection }));
-    }
+    // MARK: Effects
+    setMaxPages = this.effect((input) => {
+        return input.pipe(switchMap((maxPages) => this.loader$.pipe(tap((x) => (x.maxPages = maxPages)))));
+    });
+    setItemsPerPage = this.effect((input) => {
+        return input.pipe(switchMap((itemsPerPage) => this.loader$.pipe(tap((x) => (x.itemsPerPage = itemsPerPage)))));
+    });
+    setConstraints = this.effect((input) => {
+        return input.pipe(switchMap((constraints) => this.loader$.pipe(tap((x) => x.setConstraints(constraints)))));
+    });
+    next = this.effect((input) => {
+        return input.pipe(exhaustMap(() => this.loader$.pipe(first(), tap((x) => x.next()))));
+    });
+    restart = this.effect((input) => {
+        return input.pipe(exhaustMap(() => this.loader$.pipe(first(), tap((x) => x.restart()))));
+    });
+    // MARK: Accessors
+    currentFirestoreCollection$ = this.state$.pipe(map((x) => x.firestoreCollection), distinctUntilChanged(), shareReplay(1));
+    firestoreCollection$ = this.currentFirestoreCollection$.pipe(filterMaybe());
+    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));
+    constraints$ = this.loader$.pipe(switchMap((x) => x.constraints$));
+    firestoreIteration$ = this.loader$.pipe(switchMap((x) => x.firestoreIteration$));
+    queryChangeWatcher$ = this.loader$.pipe(switchMap((x) => x.queryChangeWatcher$));
+    pageLoadingState$ = this.loader$.pipe(switchMap((x) => x.pageLoadingState$));
+    snapshotAccumulator$ = this.loader$.pipe(switchMap((x) => x.snapshotAccumulator$));
+    accumulator$ = this.loader$.pipe(switchMap((x) => x.accumulator$));
+    hasDocuments$ = this.loader$.pipe(switchMap((x) => x.hasDocuments$));
+    allDocumentRefs$ = this.loader$.pipe(switchMap((x) => x.allDocumentRefs$));
+    allDocuments$ = this.loader$.pipe(switchMap((x) => x.allDocuments$));
+    allDocumentData$ = this.loader$.pipe(switchMap((x) => x.allDocumentData$));
+    setFirestoreCollection = this.updater((state, firestoreCollection) => ({ ...state, firestoreCollection }));
     loadToPage(page) {
         return this.loader$.pipe(switchMap((x) => x.loadToPage(page)));
     }
@@ -3948,8 +3867,8 @@ class AbstractDbxFirebaseCollectionStore extends LockSetComponentStore {
     loadAllResults() {
         return this.loader$.pipe(switchMap((x) => x.loadAllResults()));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AbstractDbxFirebaseCollectionStore, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AbstractDbxFirebaseCollectionStore }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AbstractDbxFirebaseCollectionStore, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AbstractDbxFirebaseCollectionStore });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AbstractDbxFirebaseCollectionStore, decorators: [{
             type: Injectable
@@ -3961,101 +3880,98 @@ function modelDoesNotExistError() {
 }
 
 class AbstractDbxFirebaseDocumentStore extends LockSetComponentStore {
-    constructor() {
-        super(...arguments);
-        // MARK: Effects
-        // MARK: Accessors
-        this.currentFirestoreCollectionLike$ = this.state$.pipe(map((x) => x.firestoreCollection ?? x.firestoreCollectionLike), distinctUntilChanged(), shareReplay(1));
-        this.currentFirestoreCollection$ = this.state$.pipe(map((x) => x.firestoreCollection), distinctUntilChanged(), shareReplay(1));
-        this.firestoreCollectionLike$ = this.currentFirestoreCollectionLike$.pipe(filterMaybe());
-        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.currentInputKey$ = this.state$.pipe(map((x) => x.key), distinctUntilChanged(), shareReplay(1));
-        this.inputKey$ = this.currentInputKey$.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.streamMode$ = this.state$.pipe(map((x) => x.streamMode ?? FirestoreAccessorStreamMode.STREAM), distinctUntilChanged(), shareReplay(1));
-        this.currentDocument$ = combineLatest([this.currentInputId$, this.currentInputKey$, this.currentInputRef$]).pipe(switchMap(([id, key, ref]) => {
-            let document;
-            if (ref) {
-                document = this.firestoreCollectionLike$.pipe(map((x) => x.documentAccessor().loadDocument(ref)));
-            }
-            else if (key) {
-                document = this.firestoreCollectionLike$.pipe(map((x) => x.documentAccessor().loadDocumentForKey(key)));
-            }
-            else if (id) {
-                document = this.firestoreCollection$.pipe(map((x) => x.documentAccessor().loadDocumentForId(id)));
-            }
-            else {
-                document = of(undefined);
-            }
-            return document;
-        }), distinctUntilChanged(), shareReplay(1));
-        /**
-         * Whether or not an id/ref/key has been input and currentDocument is not null.
-         */
-        this.hasRef$ = this.currentDocument$.pipe(map((x) => x?.documentRef != null), 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(1));
-        this.key$ = this.document$.pipe(map((x) => x.key), shareReplay(1));
-        this.keyModelIds$ = this.key$.pipe(map(firestoreModelIdsFromKey), shareReplay(1));
-        this.keyPairs$ = this.key$.pipe(map(firestoreModelKeyPartPairs), filterMaybe(), shareReplay(1));
-        this.keyPairObject$ = this.key$.pipe(map(firestoreModelKeyPairObject), filterMaybe(), shareReplay(1));
-        this.ref$ = this.document$.pipe(map((x) => x.documentRef), shareReplay(1));
-        this.flatKey$ = this.key$.pipe(map((x) => flatFirestoreModelKey(x)), shareReplay(1));
-        this.twoWayFlatKey$ = this.key$.pipe(map((x) => twoWayFlatFirestoreModelKey(x)), shareReplay(1));
-        this.snapshot$ = combineLatest([this.document$, this.streamMode$]).pipe(switchMap(([x, mode]) => x.snapshotStream(mode)), shareReplay(1));
-        this.snapshotLoadingState$ = this.currentDocument$.pipe(switchMap(() => loadingStateFromObs(this.snapshot$)), shareReplay(1));
-        this.currentData$ = this.snapshot$.pipe(map((x) => documentDataWithIdAndKey(x)), 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 = documentDataWithIdAndKey(x.value);
-                if (data) {
-                    result = successResult(data);
-                }
-                else {
-                    result = errorResult(modelDoesNotExistError());
-                }
-            }
-            else {
-                result = {
-                    ...x,
-                    value: undefined
-                };
-            }
-            return result;
-        }), shareReplay(1));
-        this.isLoadingData$ = this.dataLoadingState$.pipe(map(loadingStateIsLoading), distinctUntilChanged(), shareReplay(1));
-        /**
-         * Returns false while hasRef$ is false, and then returns exists$.
-         */
-        this.currentExists$ = this.hasRef$.pipe(switchMap((hasRef) => {
-            if (hasRef) {
-                return this.exists$;
+    // MARK: Effects
+    // MARK: Accessors
+    currentFirestoreCollectionLike$ = this.state$.pipe(map((x) => x.firestoreCollection ?? x.firestoreCollectionLike), distinctUntilChanged(), shareReplay(1));
+    currentFirestoreCollection$ = this.state$.pipe(map((x) => x.firestoreCollection), distinctUntilChanged(), shareReplay(1));
+    firestoreCollectionLike$ = this.currentFirestoreCollectionLike$.pipe(filterMaybe());
+    firestoreCollection$ = this.currentFirestoreCollection$.pipe(filterMaybe());
+    currentInputId$ = this.state$.pipe(map((x) => x.id), distinctUntilChanged(), shareReplay(1));
+    inputId$ = this.currentInputId$.pipe(filterMaybe(), distinctUntilChanged(), shareReplay(1));
+    currentInputKey$ = this.state$.pipe(map((x) => x.key), distinctUntilChanged(), shareReplay(1));
+    inputKey$ = this.currentInputKey$.pipe(filterMaybe(), distinctUntilChanged(), shareReplay(1));
+    currentInputRef$ = this.state$.pipe(map((x) => x.ref), distinctUntilChanged(), shareReplay(1));
+    inputRef$ = this.currentInputRef$.pipe(filterMaybe(), distinctUntilChanged(), shareReplay(1));
+    streamMode$ = this.state$.pipe(map((x) => x.streamMode ?? FirestoreAccessorStreamMode.STREAM), distinctUntilChanged(), shareReplay(1));
+    currentDocument$ = combineLatest([this.currentInputId$, this.currentInputKey$, this.currentInputRef$]).pipe(switchMap(([id, key, ref]) => {
+        let document;
+        if (ref) {
+            document = this.firestoreCollectionLike$.pipe(map((x) => x.documentAccessor().loadDocument(ref)));
+        }
+        else if (key) {
+            document = this.firestoreCollectionLike$.pipe(map((x) => x.documentAccessor().loadDocumentForKey(key)));
+        }
+        else if (id) {
+            document = this.firestoreCollection$.pipe(map((x) => x.documentAccessor().loadDocumentForId(id)));
+        }
+        else {
+            document = of(undefined);
+        }
+        return document;
+    }), distinctUntilChanged(), shareReplay(1));
+    /**
+     * Whether or not an id/ref/key has been input and currentDocument is not null.
+     */
+    hasRef$ = this.currentDocument$.pipe(map((x) => x?.documentRef != null), distinctUntilChanged(), shareReplay(1));
+    document$ = this.currentDocument$.pipe(filterMaybe(), distinctUntilChanged(), shareReplay(1));
+    documentLoadingState$ = this.currentDocument$.pipe(map((x) => (x ? successResult(x) : beginLoading())), shareReplay(1));
+    id$ = this.document$.pipe(map((x) => x.id), shareReplay(1));
+    key$ = this.document$.pipe(map((x) => x.key), shareReplay(1));
+    keyModelIds$ = this.key$.pipe(map(firestoreModelIdsFromKey), shareReplay(1));
+    keyPairs$ = this.key$.pipe(map(firestoreModelKeyPartPairs), filterMaybe(), shareReplay(1));
+    keyPairObject$ = this.key$.pipe(map(firestoreModelKeyPairObject), filterMaybe(), shareReplay(1));
+    ref$ = this.document$.pipe(map((x) => x.documentRef), shareReplay(1));
+    flatKey$ = this.key$.pipe(map((x) => flatFirestoreModelKey(x)), shareReplay(1));
+    twoWayFlatKey$ = this.key$.pipe(map((x) => twoWayFlatFirestoreModelKey(x)), shareReplay(1));
+    snapshot$ = combineLatest([this.document$, this.streamMode$]).pipe(switchMap(([x, mode]) => x.snapshotStream(mode)), shareReplay(1));
+    snapshotLoadingState$ = this.currentDocument$.pipe(switchMap(() => loadingStateFromObs(this.snapshot$)), shareReplay(1));
+    currentData$ = this.snapshot$.pipe(map((x) => documentDataWithIdAndKey(x)), shareReplay(1));
+    data$ = this.currentDocument$.pipe(switchMap(() => this.currentData$.pipe(filterMaybe())), shareReplay(1));
+    dataLoadingState$ = this.snapshotLoadingState$.pipe(map((x) => {
+        let result;
+        if (x.value) {
+            const data = documentDataWithIdAndKey(x.value);
+            if (data) {
+                result = successResult(data);
             }
             else {
-                return of(false);
+                result = errorResult(modelDoesNotExistError());
             }
-        }), shareReplay(1));
-        this.exists$ = this.currentData$.pipe(map((x) => isMaybeSo(x)), shareReplay(1));
-        this.doesNotExist$ = this.exists$.pipe(map((x) => !x), shareReplay(1));
-        this.modelIdentity$ = this.document$.pipe(map((x) => x.modelIdentity), shareReplay(1));
-        // MARK: State Changes
-        this.setId = this.updater((state, id) => (id ? { ...state, id, key: undefined, ref: undefined } : { ...state, id }));
-        this.setKey = this.updater((state, key) => (key ? { ...state, key, id: undefined, ref: undefined } : { ...state, key }));
-        this.setFlatKey = this.updater((state, key) => (key ? { ...state, key: inferKeyFromTwoWayFlatFirestoreModelKey(key), id: undefined, ref: undefined } : { ...state, key }));
-        this.setRef = this.updater((state, ref) => (ref ? { ...state, key: undefined, id: undefined, ref } : { ...state, ref }));
-        this.setStreamMode = this.updater((state, streamMode) => ({ ...state, streamMode }));
-        this.clearRefs = this.updater((state) => ({ ...state, id: undefined, key: undefined, ref: undefined }));
-        this.setFirestoreCollection = this.updater((state, firestoreCollection) => ({ ...state, firestoreCollection }));
-        this.setFirestoreCollectionLike = this.updater((state, firestoreCollectionLike) => ({ ...state, firestoreCollectionLike }));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AbstractDbxFirebaseDocumentStore, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AbstractDbxFirebaseDocumentStore }); }
+        }
+        else {
+            result = {
+                ...x,
+                value: undefined
+            };
+        }
+        return result;
+    }), shareReplay(1));
+    isLoadingData$ = this.dataLoadingState$.pipe(map(isLoadingStateLoading), distinctUntilChanged(), shareReplay(1));
+    /**
+     * Returns false while hasRef$ is false, and then returns exists$.
+     */
+    currentExists$ = this.hasRef$.pipe(switchMap((hasRef) => {
+        if (hasRef) {
+            return this.exists$;
+        }
+        else {
+            return of(false);
+        }
+    }), shareReplay(1));
+    exists$ = this.currentData$.pipe(map((x) => isMaybeSo(x)), shareReplay(1));
+    doesNotExist$ = this.exists$.pipe(map((x) => !x), shareReplay(1));
+    modelIdentity$ = this.document$.pipe(map((x) => x.modelIdentity), shareReplay(1));
+    // MARK: State Changes
+    setId = this.updater((state, id) => (id ? { ...state, id, key: undefined, ref: undefined } : { ...state, id }));
+    setKey = this.updater((state, key) => (key ? { ...state, key, id: undefined, ref: undefined } : { ...state, key }));
+    setFlatKey = this.updater((state, key) => (key ? { ...state, key: inferKeyFromTwoWayFlatFirestoreModelKey(key), id: undefined, ref: undefined } : { ...state, key }));
+    setRef = this.updater((state, ref) => (ref ? { ...state, key: undefined, id: undefined, ref } : { ...state, ref }));
+    setStreamMode = this.updater((state, streamMode) => ({ ...state, streamMode }));
+    clearRefs = this.updater((state) => ({ ...state, id: undefined, key: undefined, ref: undefined }));
+    setFirestoreCollection = this.updater((state, firestoreCollection) => ({ ...state, firestoreCollection }));
+    setFirestoreCollectionLike = this.updater((state, firestoreCollectionLike) => ({ ...state, firestoreCollectionLike }));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AbstractDbxFirebaseDocumentStore, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AbstractDbxFirebaseDocumentStore });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AbstractDbxFirebaseDocumentStore, decorators: [{
             type: Injectable
@@ -4075,43 +3991,43 @@ function injectSingleItemIdIntoState(state) {
 let AbstractRootSingleItemDbxFirebaseDocument = class AbstractRootSingleItemDbxFirebaseDocument extends AbstractDbxFirebaseDocumentStore {
     constructor(initialState) {
         super(injectSingleItemIdIntoState(initialState));
-        /**
-         * Sets the SingleItemFirestoreCollection to use.
-         */
-        this.setFirestoreCollection = this.updater((state, firestoreCollection) => {
-            if (firestoreCollection != null) {
-                const id = firestoreCollection.singleItemIdentifier;
-                if (id != null) {
-                    return { ...state, firestoreCollection, id };
-                }
-                else {
-                    throw new Error('AbstractRootSingleItemDbxFirebaseDocument only accepts RootSingleItemFirestoreCollection values with a singleItemIdentifier set for setFirestoreCollection.');
-                }
+    }
+    /**
+     * Sets the SingleItemFirestoreCollection to use.
+     */
+    setFirestoreCollection = this.updater((state, firestoreCollection) => {
+        if (firestoreCollection != null) {
+            const id = firestoreCollection.singleItemIdentifier;
+            if (id != null) {
+                return { ...state, firestoreCollection, id };
             }
             else {
-                return { ...state, firestoreCollection: null };
+                throw new Error('AbstractRootSingleItemDbxFirebaseDocument only accepts RootSingleItemFirestoreCollection values with a singleItemIdentifier set for setFirestoreCollection.');
             }
-        });
-        /**
-         * Does nothing on a AbstractRootSingleItemDbxFirebaseDocument.
-         *
-         * Ref is set with the FirestoreCollection
-         */
-        this.setId = this.updater((state, id) => state);
-        /**
-         * Does nothing on a AbstractRootSingleItemDbxFirebaseDocument.
-         *
-         * Ref is set with the FirestoreCollection
-         */
-        this.setKey = this.updater((state, key) => state);
-        /**
-         * Does nothing on a AbstractRootSingleItemDbxFirebaseDocument.
-         *
-         * Ref is set with the FirestoreCollection
-         */
-        this.setRef = this.updater((state, ref) => state);
-        this.clearRefs = this.updater((state) => state);
-    }
+        }
+        else {
+            return { ...state, firestoreCollection: null };
+        }
+    });
+    /**
+     * Does nothing on a AbstractRootSingleItemDbxFirebaseDocument.
+     *
+     * Ref is set with the FirestoreCollection
+     */
+    setId = this.updater((state, id) => state);
+    /**
+     * Does nothing on a AbstractRootSingleItemDbxFirebaseDocument.
+     *
+     * Ref is set with the FirestoreCollection
+     */
+    setKey = this.updater((state, key) => state);
+    /**
+     * Does nothing on a AbstractRootSingleItemDbxFirebaseDocument.
+     *
+     * Ref is set with the FirestoreCollection
+     */
+    setRef = this.updater((state, ref) => state);
+    clearRefs = this.updater((state) => state);
 };
 AbstractRootSingleItemDbxFirebaseDocument = __decorate([
     __param(0, Inject(null)),
@@ -4223,58 +4139,58 @@ function setParentStoreEffect(store) {
 class AbstractDbxFirebaseCollectionWithParentStore extends AbstractDbxFirebaseCollectionStore {
     constructor(state, defaultSourceMode) {
         super(state);
-        // MARK: Effects
-        this.setParentStore = setParentStoreEffect(this);
-        this.setSourceMode = this.effect((input) => {
-            return input.pipe(distinctUntilChanged(), switchMap((inputMode) => {
-                const mode = inputMode?.toLowerCase() ?? 'parent'; // default to parent mode
-                if (mode === 'group') {
-                    return this.currentCollectionGroup$.pipe(tap((collectionGroup) => {
-                        this.setFirestoreCollection(collectionGroup);
-                    }));
-                }
-                else {
-                    // parent document collection
-                    return this.currentParent$.pipe(switchMap((parent) => {
-                        if (parent) {
-                            return this.collectionFactory$.pipe(tap((collectionFactory) => {
-                                const collection = collectionFactory(parent);
-                                this.setFirestoreCollection(collection);
-                            }));
-                        }
-                        else {
-                            this.setFirestoreCollection(undefined);
-                            return NEVER;
-                        }
-                    }));
-                }
-            }));
-        });
-        // MARK: Accessors
-        this.currentParent$ = this.state$.pipe(map((x) => x.parent), distinctUntilChanged(), shareReplay(1));
-        this.parent$ = this.currentParent$.pipe(filterMaybe());
-        this.currentCollectionFactory$ = this.state$.pipe(map((x) => x.collectionFactory), distinctUntilChanged(), shareReplay(1));
-        this.collectionFactory$ = this.currentCollectionFactory$.pipe(filterMaybe());
-        this.currentCollectionGroup$ = this.state$.pipe(map((x) => x.collectionGroup), distinctUntilChanged(), shareReplay(1));
-        this.collectionGroup$ = this.currentCollectionGroup$.pipe(filterMaybe());
-        // MARK: State Changes
-        /**
-         * Sets the collection factory function to use.
-         */
-        this.setCollectionFactory = this.updater((state, collectionFactory) => ({ ...state, collectionFactory }));
-        /**
-         * Sets the collection group to use.
-         */
-        this.setCollectionGroup = this.updater((state, collectionGroup) => ({ ...state, collectionGroup }));
-        /**
-         * Sets the parent on the current state.
-         */
-        this._setParentDocument = this.updater((state, parent) => ({ ...state, parent }));
-        this._setParent = this._setParentDocument;
         this.setSourceMode(defaultSourceMode || 'parent');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AbstractDbxFirebaseCollectionWithParentStore, deps: [{ token: null, optional: true }, { token: null, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AbstractDbxFirebaseCollectionWithParentStore }); }
+    // MARK: Effects
+    setParentStore = setParentStoreEffect(this);
+    setSourceMode = this.effect((input) => {
+        return input.pipe(distinctUntilChanged(), switchMap((inputMode) => {
+            const mode = inputMode?.toLowerCase() ?? 'parent'; // default to parent mode
+            if (mode === 'group') {
+                return this.currentCollectionGroup$.pipe(tap((collectionGroup) => {
+                    this.setFirestoreCollection(collectionGroup);
+                }));
+            }
+            else {
+                // parent document collection
+                return this.currentParent$.pipe(switchMap((parent) => {
+                    if (parent) {
+                        return this.collectionFactory$.pipe(tap((collectionFactory) => {
+                            const collection = collectionFactory(parent);
+                            this.setFirestoreCollection(collection);
+                        }));
+                    }
+                    else {
+                        this.setFirestoreCollection(undefined);
+                        return NEVER;
+                    }
+                }));
+            }
+        }));
+    });
+    // MARK: Accessors
+    currentParent$ = this.state$.pipe(map((x) => x.parent), distinctUntilChanged(), shareReplay(1));
+    parent$ = this.currentParent$.pipe(filterMaybe());
+    currentCollectionFactory$ = this.state$.pipe(map((x) => x.collectionFactory), distinctUntilChanged(), shareReplay(1));
+    collectionFactory$ = this.currentCollectionFactory$.pipe(filterMaybe());
+    currentCollectionGroup$ = this.state$.pipe(map((x) => x.collectionGroup), distinctUntilChanged(), shareReplay(1));
+    collectionGroup$ = this.currentCollectionGroup$.pipe(filterMaybe());
+    // MARK: State Changes
+    /**
+     * Sets the collection factory function to use.
+     */
+    setCollectionFactory = this.updater((state, collectionFactory) => ({ ...state, collectionFactory }));
+    /**
+     * Sets the collection group to use.
+     */
+    setCollectionGroup = this.updater((state, collectionGroup) => ({ ...state, collectionGroup }));
+    /**
+     * Sets the parent on the current state.
+     */
+    _setParentDocument = this.updater((state, parent) => ({ ...state, parent }));
+    _setParent = this._setParentDocument;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AbstractDbxFirebaseCollectionWithParentStore, deps: [{ token: null, optional: true }, { token: null, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AbstractDbxFirebaseCollectionWithParentStore });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AbstractDbxFirebaseCollectionWithParentStore, decorators: [{
             type: Injectable
@@ -4294,51 +4210,48 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * 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.setParentStore = setParentStoreEffect(this);
-        this.setParent = this.effect((input) => {
-            return input.pipe(switchMap((parent) => {
-                this._setParentDocument(parent);
-                if (parent) {
-                    return this.collectionFactory$.pipe(tap((collectionFactory) => {
-                        const collection = collectionFactory(parent);
-                        this.setFirestoreCollection(collection);
-                    }));
-                }
-                else {
-                    // clear the current collection
-                    this.setFirestoreCollection(undefined);
-                    // do nothing until a parent is returned.
-                    return NEVER;
-                }
-            }));
-        });
-        this._setParent = this.setParent;
-        // MARK: Accessors
-        /**
-         * Returns the parent model key given the current key value.
-         */
-        this.keyParentKey$ = this.key$.pipe(map((x) => firestoreModelKeyParentKey(x, 1)), distinctUntilChanged(), shareReplay(1));
-        this.currentParent$ = this.state$.pipe(map((x) => x.parent), distinctUntilChanged(), shareReplay(1));
-        this.currentParentKey$ = this.state$.pipe(map((x) => x.parent?.key), distinctUntilChanged(), shareReplay(1));
-        this.parent$ = this.currentParent$.pipe(filterMaybe());
-        this.parentKey$ = this.currentParentKey$.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 }));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AbstractDbxFirebaseDocumentWithParentStore, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AbstractDbxFirebaseDocumentWithParentStore }); }
+    // MARK: Effects
+    setParentStore = setParentStoreEffect(this);
+    setParent = this.effect((input) => {
+        return input.pipe(switchMap((parent) => {
+            this._setParentDocument(parent);
+            if (parent) {
+                return this.collectionFactory$.pipe(tap((collectionFactory) => {
+                    const collection = collectionFactory(parent);
+                    this.setFirestoreCollection(collection);
+                }));
+            }
+            else {
+                // clear the current collection
+                this.setFirestoreCollection(undefined);
+                // do nothing until a parent is returned.
+                return NEVER;
+            }
+        }));
+    });
+    _setParent = this.setParent;
+    // MARK: Accessors
+    /**
+     * Returns the parent model key given the current key value.
+     */
+    keyParentKey$ = this.key$.pipe(map((x) => firestoreModelKeyParentKey(x, 1)), distinctUntilChanged(), shareReplay(1));
+    currentParent$ = this.state$.pipe(map((x) => x.parent), distinctUntilChanged(), shareReplay(1));
+    currentParentKey$ = this.state$.pipe(map((x) => x.parent?.key), distinctUntilChanged(), shareReplay(1));
+    parent$ = this.currentParent$.pipe(filterMaybe());
+    parentKey$ = this.currentParentKey$.pipe(filterMaybe());
+    currentCollectionFactory$ = this.state$.pipe(map((x) => x.collectionFactory), distinctUntilChanged(), shareReplay(1));
+    collectionFactory$ = this.currentCollectionFactory$.pipe(filterMaybe());
+    // MARK: State Changes
+    /**
+     * Sets the collection factory function to use.
+     */
+    setCollectionFactory = this.updater((state, collectionFactory) => ({ ...state, collectionFactory }));
+    /**
+     * Sets the parent on the current state.
+     */
+    _setParentDocument = this.updater((state, parent) => ({ ...state, parent }));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AbstractDbxFirebaseDocumentWithParentStore, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AbstractDbxFirebaseDocumentWithParentStore });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AbstractDbxFirebaseDocumentWithParentStore, decorators: [{
             type: Injectable
@@ -4347,45 +4260,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * AbstractDbxFirebaseDocumentWithParentStore extension for use with SingleItemFirestoreCollection.
  */
 class AbstractSingleItemDbxFirebaseDocument extends AbstractDbxFirebaseDocumentWithParentStore {
-    constructor() {
-        super(...arguments);
-        /**
-         * Sets the SingleItemFirestoreCollection to use.
-         */
-        this.setFirestoreCollection = this.updater((state, firestoreCollection) => {
-            if (firestoreCollection != null) {
-                const id = firestoreCollection.singleItemIdentifier;
-                if (id != null) {
-                    return { ...state, firestoreCollection, id };
-                }
-                else {
-                    throw new Error('AbstractSingleItemDbxFirebaseDocument only accepts SingleItemFirestoreCollection values with a singleItemIdentifier set for setFirestoreCollection.');
-                }
+    /**
+     * Sets the SingleItemFirestoreCollection to use.
+     */
+    setFirestoreCollection = this.updater((state, firestoreCollection) => {
+        if (firestoreCollection != null) {
+            const id = firestoreCollection.singleItemIdentifier;
+            if (id != null) {
+                return { ...state, firestoreCollection, id };
             }
             else {
-                return { ...state, firestoreCollection: null };
+                throw new Error('AbstractSingleItemDbxFirebaseDocument only accepts SingleItemFirestoreCollection values with a singleItemIdentifier set for setFirestoreCollection.');
             }
-        });
-        /**
-         * Does nothing on a AbstractSingleItemDbxFirebaseDocument.
-         *
-         * Ref is set with the FirestoreCollection
-         */
-        this.setId = this.updater((state, id) => state);
-        /**
-         * Does nothing on a AbstractSingleItemDbxFirebaseDocument.
-         *
-         * Ref is set with the FirestoreCollection
-         */
-        this.setKey = this.updater((state, key) => state);
-        /**
-         * Does nothing on a AbstractSingleItemDbxFirebaseDocument.
-         *
-         * Ref is set with the FirestoreCollection
-         */
-        this.setRef = this.updater((state, ref) => state);
-        this.clearRefs = this.updater((state) => state);
-    }
+        }
+        else {
+            return { ...state, firestoreCollection: null };
+        }
+    });
+    /**
+     * Does nothing on a AbstractSingleItemDbxFirebaseDocument.
+     *
+     * Ref is set with the FirestoreCollection
+     */
+    setId = this.updater((state, id) => state);
+    /**
+     * Does nothing on a AbstractSingleItemDbxFirebaseDocument.
+     *
+     * Ref is set with the FirestoreCollection
+     */
+    setKey = this.updater((state, key) => state);
+    /**
+     * Does nothing on a AbstractSingleItemDbxFirebaseDocument.
+     *
+     * Ref is set with the FirestoreCollection
+     */
+    setRef = this.updater((state, ref) => state);
+    clearRefs = this.updater((state) => state);
 }
 
 /**
@@ -4396,8 +4306,8 @@ class DbxFirebaseCollectionWithParentStoreDirective extends DbxFirebaseCollectio
     set sourceMode(sourceMode) {
         this.store.setSourceMode(sourceMode);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseCollectionWithParentStoreDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseCollectionWithParentStoreDirective, inputs: { sourceMode: "sourceMode" }, usesInheritance: true, ngImport: i0 }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseCollectionWithParentStoreDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseCollectionWithParentStoreDirective, inputs: { sourceMode: "sourceMode" }, usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseCollectionWithParentStoreDirective, decorators: [{
             type: Directive
@@ -4416,23 +4326,24 @@ function provideDbxFirebaseCollectionWithParentStoreDirective(sourceType, storeT
 }
 
 class SystemStateCollectionStore extends AbstractDbxFirebaseCollectionStore {
+    collections;
     constructor(collections) {
         super({ firestoreCollection: collections.systemStateCollection });
         this.collections = collections;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SystemStateCollectionStore, deps: [{ token: i1$4.SystemStateFirestoreCollections }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SystemStateCollectionStore }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SystemStateCollectionStore, deps: [{ token: i1$3.SystemStateFirestoreCollections }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SystemStateCollectionStore });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SystemStateCollectionStore, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: i1$4.SystemStateFirestoreCollections }]; } });
+        }], ctorParameters: function () { return [{ type: i1$3.SystemStateFirestoreCollections }]; } });
 
 class DbxFirebaseSystemStateCollectionStoreDirective extends DbxFirebaseCollectionStoreDirective {
     constructor(store) {
         super(store);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseSystemStateCollectionStoreDirective, deps: [{ token: SystemStateCollectionStore }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseSystemStateCollectionStoreDirective, selector: "[dbxFirebaseSystemStateCollection]", providers: provideDbxFirebaseCollectionStoreDirective(DbxFirebaseSystemStateCollectionStoreDirective, SystemStateCollectionStore), usesInheritance: true, ngImport: i0 }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseSystemStateCollectionStoreDirective, deps: [{ token: SystemStateCollectionStore }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseSystemStateCollectionStoreDirective, selector: "[dbxFirebaseSystemStateCollection]", providers: provideDbxFirebaseCollectionStoreDirective(DbxFirebaseSystemStateCollectionStoreDirective, SystemStateCollectionStore), usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseSystemStateCollectionStoreDirective, decorators: [{
             type: Directive,
@@ -4442,40 +4353,47 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: SystemStateCollectionStore }]; } });
 
-/**
- * Abstract class used for accessing a SystemStateDocumentStore's data.
- */
-class AbstractSystemStateDocumentStoreAccessor {
-    constructor(systemStateDocumentStore, type) {
-        this.systemStateDocumentStore = systemStateDocumentStore;
-        this.type = type;
-        this.documentData$ = this.systemStateDocumentStore.data$;
-        this.data$ = this.documentData$.pipe(map((x) => x.data), shareReplay(1));
-        this.dataState$ = this.systemStateDocumentStore.dataLoadingState$.pipe(mapLoadingState({ mapValue: (x) => x.data }), shareReplay(1));
-        this.exists$ = this.systemStateDocumentStore.exists$;
-        this.doesNotExist$ = this.systemStateDocumentStore.doesNotExist$;
-        systemStateDocumentStore.setId(type);
-    }
-}
-
 class SystemStateDocumentStore extends AbstractDbxFirebaseDocumentStore {
+    collections;
     constructor(collections) {
         super({ firestoreCollection: collections.systemStateCollection });
         this.collections = collections;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SystemStateDocumentStore, deps: [{ token: i1$4.SystemStateFirestoreCollections }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SystemStateDocumentStore }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SystemStateDocumentStore, deps: [{ token: i1$3.SystemStateFirestoreCollections }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SystemStateDocumentStore });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SystemStateDocumentStore, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: i1$4.SystemStateFirestoreCollections }]; } });
+        }], ctorParameters: function () { return [{ type: i1$3.SystemStateFirestoreCollections }]; } });
+
+/**
+ * Abstract class used for accessing a SystemStateDocumentStore's data.
+ */
+class AbstractSystemStateDocumentStoreAccessor {
+    type;
+    systemStateDocumentStore = inject((SystemStateDocumentStore));
+    documentData$ = this.systemStateDocumentStore.data$;
+    data$ = this.documentData$.pipe(map((x) => x.data), shareReplay(1));
+    dataState$ = this.systemStateDocumentStore.dataLoadingState$.pipe(mapLoadingState({ mapValue: (x) => x.data }), shareReplay(1));
+    exists$ = this.systemStateDocumentStore.exists$;
+    doesNotExist$ = this.systemStateDocumentStore.doesNotExist$;
+    constructor(type) {
+        this.type = type;
+        this.systemStateDocumentStore.setId(type);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AbstractSystemStateDocumentStoreAccessor, deps: "invalid", target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AbstractSystemStateDocumentStoreAccessor });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AbstractSystemStateDocumentStoreAccessor, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: undefined }]; } });
 
 class DbxFirebaseSystemStateDocumentStoreDirective extends DbxFirebaseDocumentStoreDirective {
-    constructor(store) {
-        super(store);
+    constructor() {
+        super(inject((SystemStateDocumentStore)));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseSystemStateDocumentStoreDirective, deps: [{ token: SystemStateDocumentStore }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseSystemStateDocumentStoreDirective, selector: "[dbxFirebaseSystemStateDocument]", providers: provideDbxFirebaseDocumentStoreDirective(DbxFirebaseSystemStateDocumentStoreDirective, SystemStateDocumentStore), usesInheritance: true, ngImport: i0 }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseSystemStateDocumentStoreDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DbxFirebaseSystemStateDocumentStoreDirective, selector: "[dbxFirebaseSystemStateDocument]", providers: provideDbxFirebaseDocumentStoreDirective(DbxFirebaseSystemStateDocumentStoreDirective, SystemStateDocumentStore), usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseSystemStateDocumentStoreDirective, decorators: [{
             type: Directive,
@@ -4483,12 +4401,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     selector: '[dbxFirebaseSystemStateDocument]',
                     providers: provideDbxFirebaseDocumentStoreDirective(DbxFirebaseSystemStateDocumentStoreDirective, SystemStateDocumentStore)
                 }]
-        }], ctorParameters: function () { return [{ type: SystemStateDocumentStore }]; } });
+        }], ctorParameters: function () { return []; } });
 
 class DbxFirebaseModelModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModelModule, exports: [DbxFirebaseModelStoreModule, DbxFirebaseModelHistoryModule, DbxFirebaseModelTypesModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModelModule, imports: [DbxFirebaseModelStoreModule, DbxFirebaseModelHistoryModule, DbxFirebaseModelTypesModule] }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModelModule, exports: [DbxFirebaseModelStoreModule, DbxFirebaseModelHistoryModule, DbxFirebaseModelTypesModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModelModule, imports: [DbxFirebaseModelStoreModule, DbxFirebaseModelHistoryModule, DbxFirebaseModelTypesModule] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModelModule, decorators: [{
             type: NgModule,
@@ -4506,8 +4424,8 @@ class FlatFirestoreModelKeyPipe {
             return '';
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FlatFirestoreModelKeyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: FlatFirestoreModelKeyPipe, name: "flatFirestoreModelKey" }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FlatFirestoreModelKeyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: FlatFirestoreModelKeyPipe, name: "flatFirestoreModelKey" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FlatFirestoreModelKeyPipe, decorators: [{
             type: Pipe,
@@ -4522,8 +4440,8 @@ class TwoWayFlatFirestoreModelKeyPipe {
             return '';
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TwoWayFlatFirestoreModelKeyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TwoWayFlatFirestoreModelKeyPipe, name: "twoWayFlatFirestoreModelKey" }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TwoWayFlatFirestoreModelKeyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TwoWayFlatFirestoreModelKeyPipe, name: "twoWayFlatFirestoreModelKey" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TwoWayFlatFirestoreModelKeyPipe, decorators: [{
             type: Pipe,
@@ -4532,9 +4450,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 
 const declarations = [FlatFirestoreModelKeyPipe, TwoWayFlatFirestoreModelKeyPipe];
 class DbxFirebasePipeModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebasePipeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebasePipeModule, declarations: [FlatFirestoreModelKeyPipe, TwoWayFlatFirestoreModelKeyPipe], exports: [FlatFirestoreModelKeyPipe, TwoWayFlatFirestoreModelKeyPipe] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebasePipeModule }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebasePipeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebasePipeModule, declarations: [FlatFirestoreModelKeyPipe, TwoWayFlatFirestoreModelKeyPipe], exports: [FlatFirestoreModelKeyPipe, TwoWayFlatFirestoreModelKeyPipe] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebasePipeModule });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebasePipeModule, decorators: [{
             type: NgModule,
@@ -4557,9 +4475,7 @@ const DBX_FIREBASE_STORAGE_CONTEXT_TOKEN = new InjectionToken('DBX_FIREBASE_STOR
  * Service that provides access to the app's FirebaseStorageContext.
  */
 class DbxFirebaseStorageService {
-    constructor(storageContext) {
-        this.storageContext = storageContext;
-    }
+    storageContext = inject(DBX_FIREBASE_STORAGE_CONTEXT_TOKEN);
     defaultBucket() {
         return this.storageContext.defaultBucket();
     }
@@ -4569,18 +4485,15 @@ class DbxFirebaseStorageService {
     folder(path) {
         return this.storageContext.folder(path);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseStorageService, deps: [{ token: DBX_FIREBASE_STORAGE_CONTEXT_TOKEN }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseStorageService, providedIn: 'root' }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseStorageService, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseStorageService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [DBX_FIREBASE_STORAGE_CONTEXT_TOKEN]
-                }] }]; } });
+        }] });
 
 function dbxFirebaseStorageModuleContextConfigFactory(base) {
     return (app, injector) => {
@@ -4611,9 +4524,9 @@ class DbxFirebaseStorageModule {
             providers
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseStorageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseStorageModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseStorageModule }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseStorageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseStorageModule });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseStorageModule });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseStorageModule, decorators: [{
             type: NgModule,
@@ -4621,9 +4534,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }] });
 
 class DbxFirebaseModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModule, exports: [DbxFirebaseModelModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModule, imports: [DbxFirebaseModelModule] }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModule, exports: [DbxFirebaseModelModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModule, imports: [DbxFirebaseModelModule] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFirebaseModule, decorators: [{
             type: NgModule,
@@ -4636,5 +4549,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AbstractConfiguredDbxFirebaseLoginButtonDirective, AbstractDbxFirebaseCollectionStore, AbstractDbxFirebaseCollectionWithParentStore, AbstractDbxFirebaseDocumentStore, AbstractDbxFirebaseDocumentWithParentStore, AbstractRootSingleItemDbxFirebaseDocument, AbstractSingleItemDbxFirebaseDocument, AbstractSystemStateDocumentStoreAccessor, DBX_FIREBASE_ID_ROUTER_PARAM_DEFAULT_ID_PARAM_KEY, DBX_FIREBASE_ID_ROUTER_PARAM_DEFAULT_KEY_PARAM_KEY, DBX_FIREBASE_ID_ROUTER_PARAM_DEFAULT_USE_PARAM_VALUE, DBX_FIREBASE_MODEL_DOES_NOT_EXIST_ERROR, DBX_FIREBASE_OPTIONS_TOKEN, DBX_FIREBASE_STORAGE_CONTEXT_CONFIG_TOKEN, DBX_FIREBASE_STORAGE_CONTEXT_TOKEN, DBX_FIRESTORE_CONTEXT_TOKEN, DEFAULT_CONFIGURED_DBX_FIREBASE_LOGIN_BUTTON_TEMPLATE, DEFAULT_DBX_FIREBASE_ANALYTICS_USER_PROPERTIES_FACTORY, 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_COLLECTION_CHANGE_TRIGGER_FUNCTION, DEFAULT_FIREBASE_DEVELOPMENT_ENABLED_TOKEN, DEFAULT_FIREBASE_DEVELOPMENT_POPUP_KEY, DEFAULT_FIREBASE_DEVELOPMENT_SCHEDULER_ENABLED_TOKEN, DEFAULT_FIREBASE_DEVELOPMENT_WIDGET_PROVIDERS_TOKEN, DEFAULT_FIREBASE_HISTORY_COMPONENT_POPOVER_KEY, DEFAULT_FIREBASE_LOGIN_METHOD_CATEGORY, DEVELOPMENT_FIREBASE_SERVER_SCHEDULER_WIDGET_KEY, DbxFirebaseAnalyticsUserEventsListener, DbxFirebaseAnalyticsUserSource, DbxFirebaseAppCheckHttpInterceptor, DbxFirebaseAuthContextInfo, DbxFirebaseAuthLoginService, DbxFirebaseAuthModule, DbxFirebaseAuthService, DbxFirebaseAuthServiceDelegate, DbxFirebaseCollectionChangeDirective, DbxFirebaseCollectionChangeTriggerInstance, DbxFirebaseCollectionChangeWatcherInstance, DbxFirebaseCollectionHasChangeDirective, DbxFirebaseCollectionListDirective, DbxFirebaseCollectionLoaderInstance, DbxFirebaseCollectionStoreDirective, DbxFirebaseCollectionWithParentStoreDirective, DbxFirebaseDefaultAppCheckProviderModule, DbxFirebaseDefaultAuthProviderModule, DbxFirebaseDefaultFirebaseProvidersModule, DbxFirebaseDefaultFirestoreProviderModule, DbxFirebaseDefaultFunctionsProviderModule, DbxFirebaseDefaultStorageProviderModule, DbxFirebaseDevelopmentDirective, DbxFirebaseDevelopmentModule, DbxFirebaseDevelopmentModuleRootConfig, DbxFirebaseDevelopmentPopupComponent, DbxFirebaseDevelopmentPopupContentComponent, DbxFirebaseDevelopmentPopupContentFormComponent, DbxFirebaseDevelopmentSchedulerListComponent, DbxFirebaseDevelopmentSchedulerListViewComponent, DbxFirebaseDevelopmentSchedulerListViewItemComponent, DbxFirebaseDevelopmentSchedulerService, DbxFirebaseDevelopmentSchedulerWidgetComponent, DbxFirebaseDevelopmentService, DbxFirebaseDevelopmentWidgetService, DbxFirebaseDocumentAuthIdDirective, DbxFirebaseDocumentLoaderInstance, DbxFirebaseDocumentStoreDirective, DbxFirebaseDocumentStoreRouteIdDirective, DbxFirebaseDocumentStoreRouteKeyDirective, DbxFirebaseEmailFormComponent, DbxFirebaseEmailRecoveryFormComponent, DbxFirebaseEmulatorModule, DbxFirebaseEmulatorService, DbxFirebaseFirestoreCollectionModule, DbxFirebaseFunctionsModule, DbxFirebaseIdRouteParamRedirectInstance, DbxFirebaseInContextFirebaseModelServiceInstance, DbxFirebaseLoginAnonymousComponent, DbxFirebaseLoginAppleComponent, DbxFirebaseLoginButtonComponent, DbxFirebaseLoginButtonContainerComponent, DbxFirebaseLoginComponent, DbxFirebaseLoginContext, DbxFirebaseLoginContextBackButtonComponent, DbxFirebaseLoginContextDirective, DbxFirebaseLoginEmailComponent, DbxFirebaseLoginEmailContentComponent, DbxFirebaseLoginFacebookComponent, DbxFirebaseLoginGitHubComponent, DbxFirebaseLoginGoogleComponent, DbxFirebaseLoginListComponent, DbxFirebaseLoginMicrosoftComponent, DbxFirebaseLoginModule, DbxFirebaseLoginModuleRootConfig, DbxFirebaseLoginTermsComponent, DbxFirebaseLoginTermsSimpleComponent, DbxFirebaseLoginTwitterComponent, DbxFirebaseModelContextService, DbxFirebaseModelHistoryComponent, DbxFirebaseModelHistoryModule, DbxFirebaseModelHistoryPopoverButtonComponent, DbxFirebaseModelHistoryPopoverComponent, DbxFirebaseModelModule, DbxFirebaseModelStoreModule, DbxFirebaseModelTrackerService, DbxFirebaseModelTypeInstanceComponent, DbxFirebaseModelTypeInstanceViewComponent, DbxFirebaseModelTypeInstanceViewItemComponent, DbxFirebaseModelTypesModule, DbxFirebaseModelTypesService, DbxFirebaseModelTypesServiceConfig, DbxFirebaseModelTypesServiceInstance, DbxFirebaseModule, DbxFirebaseParsedEmulatorsConfig, DbxFirebasePipeModule, DbxFirebaseRegisterComponent, DbxFirebaseRegisterEmailComponent, DbxFirebaseStorageModule, DbxFirebaseStorageService, DbxFirebaseSystemStateCollectionStoreDirective, DbxFirebaseSystemStateDocumentStoreDirective, DbxFirestoreContextService, DbxLimitedFirebaseDocumentLoaderInstance, DbxfirebaseModelViewedEventDirective, FlatFirestoreModelKeyPipe, OAUTH_FIREBASE_LOGIN_METHOD_CATEGORY, SystemStateCollectionStore, SystemStateDocumentStore, TwoWayFlatFirestoreModelKeyPipe, authRolesObsWithClaimsService, authUserInfoFromAuthUser, authUserStateFromFirebaseAuthServiceFunction, dbxFirebaseCollectionChangeTrigger, dbxFirebaseCollectionChangeTriggerForStore, dbxFirebaseCollectionChangeTriggerForWatcher, dbxFirebaseCollectionChangeWatcher, dbxFirebaseCollectionLoaderInstance, dbxFirebaseCollectionLoaderInstanceWithCollection, dbxFirebaseDocumentLoaderInstance, dbxFirebaseDocumentLoaderInstanceWithAccessor, dbxFirebaseIdRouteParamRedirect, dbxFirebaseInContextFirebaseModelServiceInstanceFactory, dbxFirebaseKeyRouteParamRedirect, dbxFirebaseModelContextServiceInfoInstanceFactory, dbxFirebaseModelTypesServiceInstancePairForKeysFactory, dbxFirebaseSourceSelectLoadSource, dbxFirebaseStorageModuleContextConfigFactory, dbxLimitedFirebaseDocumentLoaderInstance, dbxLimitedFirebaseDocumentLoaderInstanceWithAccessor, defaultDbxFirebaseAuthServiceDelegateWithClaimsService, defaultFirebaseAuthLoginProvidersFactory, developmentFirebaseServerSchedulerWidgetEntry, enableAppCheckDebugTokenGeneration, firebaseAuthTokenFromUser, firebaseContextServiceEntityMap, firebaseDocumentStoreCreateFunction, firebaseDocumentStoreCrudFunction, firebaseDocumentStoreDeleteFunction, firebaseDocumentStoreReadFunction, firebaseDocumentStoreUpdateFunction, modelDoesNotExistError, provideDbxFirebaseCollectionStoreDirective, provideDbxFirebaseCollectionWithParentStoreDirective, provideDbxFirebaseDocumentStoreDirective, provideSystemStateFirestoreCollections, readDbxAnalyticsUserPropertiesFromAuthUserInfo, readValueFromIdToken, setParentStoreEffect, stateFromTokenForLoggedInUserFunction };
+export { AbstractConfiguredDbxFirebaseLoginButtonDirective, AbstractDbxFirebaseCollectionStore, AbstractDbxFirebaseCollectionWithParentStore, AbstractDbxFirebaseDocumentStore, AbstractDbxFirebaseDocumentWithParentStore, AbstractRootSingleItemDbxFirebaseDocument, AbstractSingleItemDbxFirebaseDocument, AbstractSystemStateDocumentStoreAccessor, DBX_FIREBASE_ID_ROUTER_PARAM_DEFAULT_ID_PARAM_KEY, DBX_FIREBASE_ID_ROUTER_PARAM_DEFAULT_KEY_PARAM_KEY, DBX_FIREBASE_ID_ROUTER_PARAM_DEFAULT_USE_PARAM_VALUE, DBX_FIREBASE_MODEL_DOES_NOT_EXIST_ERROR, DBX_FIREBASE_OPTIONS_TOKEN, DBX_FIREBASE_STORAGE_CONTEXT_CONFIG_TOKEN, DBX_FIREBASE_STORAGE_CONTEXT_TOKEN, DBX_FIRESTORE_CONTEXT_TOKEN, DEFAULT_CONFIGURED_DBX_FIREBASE_LOGIN_BUTTON_TEMPLATE, DEFAULT_DBX_FIREBASE_ANALYTICS_USER_PROPERTIES_FACTORY, 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_COLLECTION_CHANGE_TRIGGER_FUNCTION, DEFAULT_FIREBASE_DEVELOPMENT_ENABLED_TOKEN, DEFAULT_FIREBASE_DEVELOPMENT_POPUP_KEY, DEFAULT_FIREBASE_DEVELOPMENT_SCHEDULER_ENABLED_TOKEN, DEFAULT_FIREBASE_DEVELOPMENT_WIDGET_PROVIDERS_TOKEN, DEFAULT_FIREBASE_HISTORY_COMPONENT_POPOVER_KEY, DEFAULT_FIREBASE_LOGIN_METHOD_CATEGORY, DEVELOPMENT_FIREBASE_SERVER_SCHEDULER_WIDGET_KEY, DbxFirebaseAnalyticsUserEventsListener, DbxFirebaseAnalyticsUserSource, DbxFirebaseAppCheckHttpInterceptor, DbxFirebaseAuthContextInfo, DbxFirebaseAuthLoginService, DbxFirebaseAuthModule, DbxFirebaseAuthService, DbxFirebaseAuthServiceDelegate, DbxFirebaseCollectionChangeDirective, DbxFirebaseCollectionChangeTriggerInstance, DbxFirebaseCollectionHasChangeDirective, DbxFirebaseCollectionListDirective, DbxFirebaseCollectionLoaderInstance, DbxFirebaseCollectionStoreDirective, DbxFirebaseCollectionWithParentStoreDirective, DbxFirebaseDefaultAppCheckProviderModule, DbxFirebaseDefaultAuthProviderModule, DbxFirebaseDefaultFirebaseProvidersModule, DbxFirebaseDefaultFirestoreProviderModule, DbxFirebaseDefaultFunctionsProviderModule, DbxFirebaseDefaultStorageProviderModule, DbxFirebaseDevelopmentDirective, DbxFirebaseDevelopmentModule, DbxFirebaseDevelopmentModuleRootConfig, DbxFirebaseDevelopmentPopupComponent, DbxFirebaseDevelopmentPopupContentComponent, DbxFirebaseDevelopmentPopupContentFormComponent, DbxFirebaseDevelopmentSchedulerListComponent, DbxFirebaseDevelopmentSchedulerListViewComponent, DbxFirebaseDevelopmentSchedulerListViewItemComponent, DbxFirebaseDevelopmentSchedulerService, DbxFirebaseDevelopmentSchedulerWidgetComponent, DbxFirebaseDevelopmentService, DbxFirebaseDevelopmentWidgetService, DbxFirebaseDocumentAuthIdDirective, DbxFirebaseDocumentLoaderInstance, DbxFirebaseDocumentStoreDirective, DbxFirebaseDocumentStoreRouteIdDirective, DbxFirebaseDocumentStoreRouteKeyDirective, DbxFirebaseEmailFormComponent, DbxFirebaseEmailRecoveryFormComponent, DbxFirebaseEmulatorModule, DbxFirebaseEmulatorService, DbxFirebaseFirestoreCollectionModule, DbxFirebaseFunctionsModule, DbxFirebaseInContextFirebaseModelServiceInstance, DbxFirebaseLoginAnonymousComponent, DbxFirebaseLoginAppleComponent, DbxFirebaseLoginButtonComponent, DbxFirebaseLoginButtonContainerComponent, DbxFirebaseLoginComponent, DbxFirebaseLoginContext, DbxFirebaseLoginContextBackButtonComponent, DbxFirebaseLoginContextDirective, DbxFirebaseLoginEmailComponent, DbxFirebaseLoginEmailContentComponent, DbxFirebaseLoginFacebookComponent, DbxFirebaseLoginGitHubComponent, DbxFirebaseLoginGoogleComponent, DbxFirebaseLoginListComponent, DbxFirebaseLoginMicrosoftComponent, DbxFirebaseLoginModule, DbxFirebaseLoginModuleRootConfig, DbxFirebaseLoginTermsComponent, DbxFirebaseLoginTermsSimpleComponent, DbxFirebaseLoginTwitterComponent, DbxFirebaseModelContextService, DbxFirebaseModelHistoryComponent, DbxFirebaseModelHistoryModule, DbxFirebaseModelHistoryPopoverButtonComponent, DbxFirebaseModelHistoryPopoverComponent, DbxFirebaseModelModule, DbxFirebaseModelStoreModule, DbxFirebaseModelTrackerService, DbxFirebaseModelTypeInstanceComponent, DbxFirebaseModelTypeInstanceViewComponent, DbxFirebaseModelTypeInstanceViewItemComponent, DbxFirebaseModelTypesModule, DbxFirebaseModelTypesService, DbxFirebaseModelTypesServiceConfig, DbxFirebaseModule, DbxFirebaseParsedEmulatorsConfig, DbxFirebasePipeModule, DbxFirebaseRegisterComponent, DbxFirebaseRegisterEmailComponent, DbxFirebaseStorageModule, DbxFirebaseStorageService, DbxFirebaseSystemStateCollectionStoreDirective, DbxFirebaseSystemStateDocumentStoreDirective, DbxFirestoreContextService, DbxLimitedFirebaseDocumentLoaderInstance, DbxfirebaseModelViewedEventDirective, FlatFirestoreModelKeyPipe, OAUTH_FIREBASE_LOGIN_METHOD_CATEGORY, SystemStateCollectionStore, SystemStateDocumentStore, TwoWayFlatFirestoreModelKeyPipe, authRolesObsWithClaimsService, authUserInfoFromAuthUser, authUserStateFromFirebaseAuthServiceFunction, dbxFirebaseCollectionChangeTrigger, dbxFirebaseCollectionChangeTriggerForStore, dbxFirebaseCollectionChangeTriggerForWatcher, dbxFirebaseCollectionChangeWatcher, dbxFirebaseCollectionLoaderInstance, dbxFirebaseCollectionLoaderInstanceWithCollection, dbxFirebaseDocumentLoaderInstance, dbxFirebaseDocumentLoaderInstanceWithAccessor, dbxFirebaseIdRouteParamRedirect, dbxFirebaseInContextFirebaseModelServiceInstanceFactory, dbxFirebaseKeyRouteParamRedirect, dbxFirebaseModelContextServiceInfoInstanceFactory, dbxFirebaseModelTypesServiceInstance, dbxFirebaseModelTypesServiceInstancePairForKeysFactory, dbxFirebaseSourceSelectLoadSource, dbxFirebaseStorageModuleContextConfigFactory, dbxLimitedFirebaseDocumentLoaderInstance, dbxLimitedFirebaseDocumentLoaderInstanceWithAccessor, defaultDbxFirebaseAuthServiceDelegateWithClaimsService, defaultFirebaseAuthLoginProvidersFactory, developmentFirebaseServerSchedulerWidgetEntry, enableAppCheckDebugTokenGeneration, firebaseAuthTokenFromUser, firebaseContextServiceEntityMap, firebaseDocumentStoreCreateFunction, firebaseDocumentStoreCrudFunction, firebaseDocumentStoreDeleteFunction, firebaseDocumentStoreReadFunction, firebaseDocumentStoreUpdateFunction, modelDoesNotExistError, provideDbxFirebaseCollectionStoreDirective, provideDbxFirebaseCollectionWithParentStoreDirective, provideDbxFirebaseDocumentStoreDirective, provideSystemStateFirestoreCollections, readDbxAnalyticsUserPropertiesFromAuthUserInfo, readValueFromIdToken, setParentStoreEffect, stateFromTokenForLoggedInUserFunction };
 //# sourceMappingURL=dereekb-dbx-firebase.mjs.map