@dereekb/dbx-firebase 12.6.21 → 13.0.0

package/fesm2022/dereekb-dbx-firebase.mjs

@@ -1,10 +1,10 @@
 import * as i0 from '@angular/core';
-import { inject, Injectable, APP_INITIALIZER, makeEnvironmentProviders, InjectionToken, Component, Optional, Inject, model, computed, ChangeDetectionStrategy, signal, Directive, input, EventEmitter, output, NgModule, Injector, viewChild, HostListener, ElementRef, forwardRef, effect, DestroyRef, Pipe } from '@angular/core';
+import { inject, Injectable, provideAppInitializer, makeEnvironmentProviders, InjectionToken, Component, model, computed, ChangeDetectionStrategy, signal, Directive, EventEmitter, input, output, Injector, Optional, Inject, viewChild, HostListener, NgModule, ElementRef, forwardRef, effect, DestroyRef, Pipe } from '@angular/core';
 import { DbxAnalyticsService } from '@dereekb/dbx-analytics';
-import { asObservable, timeoutStartWith, filterMaybe, isNot, SubscriptionObject, lazyFrom, switchMapWhileTrue, loadingStateFromObs, distinctUntilKeysChange, cleanupDestroyable, iterationHasNextAndCanLoadMore, pageItemAccumulatorCurrentPage, accumulatorFlattenPageListLoadingState, useFirst, itemAccumulatorNextPageUntilResultsCount, iteratorNextPageUntilPage, iteratorNextPageUntilMaxPageLoadLimit, pageLoadingStateFromObs, useAsObservable, filterMaybeArray, mapEachAsync, invertObservableDecision, filterItemsWithObservableDecision, loadingStateContext, switchMapMaybe, beginLoading, mapLoadingStateValueWithOperator, valueFromFinishedLoadingState, skipInitialMaybe, distinctUntilModelKeyChange, successResult, tapLog, errorResult, isLoadingStateLoading, cleanup, mapLoadingState, throwErrorFromLoadingStateError, maybeValueFromObservableOrValue, distinctUntilHasDifferentValues, MultiSubscriptionObject, startWithBeginLoading, skipAllInitialMaybe } from '@dereekb/rxjs';
+import { asObservable, timeoutStartWith, filterMaybe, isNot, SubscriptionObject, lazyFrom, switchMapWhileTrue, loadingStateFromObs, distinctUntilKeysChange, cleanupDestroyable, iterationHasNextAndCanLoadMore, pageItemAccumulatorCurrentPage, accumulatorFlattenPageListLoadingState, useFirst, itemAccumulatorNextPageUntilResultsCount, iteratorNextPageUntilPage, iteratorNextPageUntilMaxPageLoadLimit, pageLoadingStateFromObs, useAsObservable, filterMaybeArray, mapEachAsync, invertObservableDecision, filterItemsWithObservableDecision, switchMapMaybe, beginLoading, mapLoadingStateValueWithOperator, valueFromFinishedLoadingState, skipInitialMaybe, distinctUntilModelKeyChange, successResult, errorResult, isLoadingStateLoading, cleanup, mapLoadingState, throwErrorFromLoadingStateError, maybeValueFromObservableOrValue, distinctUntilHasDifferentValues, MultiSubscriptionObject, startWithBeginLoading, skipAllInitialMaybe } 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, defaultIfEmpty, combineLatestWith, mergeMap, Observable } from 'rxjs';
 import * as i2 from '@dereekb/dbx-core';
-import { loggedInObsFromIsLoggedIn, loggedOutObsFromIsLoggedIn, authUserIdentifier, DbxInjectionContext, DbxInjectionComponent, AbstractForwardDbxInjectionContextDirective, DbxInjectionContextDirective, DBX_INJECTION_COMPONENT_DATA, DbxAuthService, DbxActionButtonDirective, DbxActionDirective, DbxActionEnforceModifiedDirective, DbxActionHandlerDirective, DbxActionAutoTriggerDirective, provideDbxRouteModelIdDirectiveDelegate, provideDbxRouteModelKeyDirectiveDelegate, AbstractSubscriptionDirective, AbstractIfDirective, LockSetComponentStore, newWithInjector, CutTextPipe, DbxActionContextStoreSourceInstance, DbxActionHandlerInstance, SimpleStorageAccessorFactory, dbxRouteParamReaderInstance, DbxRouteParamDefaultRedirectInstance } from '@dereekb/dbx-core';
+import { loggedInObsFromIsLoggedIn, loggedOutObsFromIsLoggedIn, authUserIdentifier, DbxInjectionContext, DBX_INJECTION_COMPONENT_DATA, DbxInjectionComponent, AbstractForwardDbxInjectionContextDirective, DbxInjectionContextDirective, DbxAuthService, DbxActionButtonDirective, completeOnDestroy, cleanSubscription, DbxActionDirective, DbxActionEnforceModifiedDirective, DbxActionHandlerDirective, DbxActionAutoTriggerDirective, clean, cleanLoadingContext, provideDbxRouteModelIdDirectiveDelegate, provideDbxRouteModelKeyDirectiveDelegate, AbstractIfDirective, LockSetComponentStore, newWithInjector, CutTextPipe, DbxActionContextStoreSourceInstance, DbxActionHandlerInstance, SimpleStorageAccessorFactory, dbxRouteParamReaderInstance, DbxRouteParamDefaultRedirectInstance } from '@dereekb/dbx-core';
 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, filterMaybeArrayValues, mapIterable, asArray, excludeValuesFromArray, containsStringAnyCase, addToSetCopy, iterableToArray, runAsyncTasksForValues, pushArrayItemsIntoArray, forEachKeyValue, countAllInNestedArray, invertDecision, filterUniqueValues, reverseCompareFn, sortByNumberFunction, separateValues, readableError, isMaybeSo, firstValue, splitJoinRemainder, MS_IN_HOUR, SECONDS_IN_MINUTE, MS_IN_DAY, unixDateTimeSecondsNumberForNow, MS_IN_MINUTE, addMilliseconds, unixDateTimeSecondsNumberFromDate, dateFromDateOrTimeSecondsNumber, MS_IN_SECOND, isPast } from '@dereekb/util';
 import { safeFormatToISO8601DateString, msToSeconds, isSameDate } from '@dereekb/date';
@@ -12,14 +12,13 @@ import { sendPasswordResetEmail } from 'firebase/auth';
 import { getToken, initializeAppCheck, ReCaptchaV3Provider } from 'firebase/app-check';
 import { AppCheck, provideAppCheck } from '@angular/fire/app-check';
 import * as i1$1 from '@dereekb/dbx-web';
-import { DbxLinkComponent, DbxActionModule, DbxButtonModule, DbxErrorComponent, DbxActionErrorDirective, DbxButtonComponent, DbxButtonSpacerDirective, DbxRouterAnchorModule, DbxWidgetService, AbstractDbxSelectionListWrapperDirective, provideDbxListViewWrapper, DbxListWrapperComponentImportsModule, DEFAULT_LIST_WRAPPER_COMPONENT_CONFIGURATION_TEMPLATE, AbstractDbxSelectionListViewDirective, provideDbxListView, DbxSelectionValueListViewComponentImportsModule, DEFAULT_DBX_SELECTION_VALUE_LIST_COMPONENT_CONFIGURATION_TEMPLATE, AbstractDbxValueListViewItemComponent, TwoColumnsContextStore, DbxAnchorComponent, DbxTwoColumnFullLeftDirective, DbxWidgetViewComponent, DbxTwoColumnComponent, DbxTwoBlockComponent, DbxTwoColumnRightComponent, AbstractPopupDirective, DbxPopupService, DbxPopupContentComponent, DbxPopupControlsComponent, DbxModelTypesService, DbxModelTrackerService, allDbxModelViewTrackerEventModelKeys, DbxListItemAnchorModifierDirective, DbxValueListItemModifierDirective, AbstractPopoverDirective, DbxPopoverContentComponent, DbxPopoverHeaderComponent, DbxPopoverScrollContentDirective, DbxListEmptyContentComponent, AbstractPopoverRefDirective, DbxPopoverService, DbxIconButtonComponent, DbxLoadingComponent, DbxDetailBlockComponent, DbxClickToCopyTextComponent, DbxDownloadTextViewComponent, DbxContentPitDirective, DbxModelObjectStateService, DbxListViewWrapper, AbstractDbxWidgetComponent, DbxPopoverInteractionModule, DbxListModifierModule, DbxWebFilePreviewService, DbxActionSnackbarErrorDirective, DbxActionDialogDirective, DbxFileUploadComponent, DbxActionLoadingContextDirective, DbxFileUploadActionSyncDirective } from '@dereekb/dbx-web';
+import { DbxLinkComponent, DbxActionModule, DbxButtonModule, DbxErrorComponent, DbxActionErrorDirective, DbxButtonComponent, DbxButtonSpacerDirective, DbxRouterAnchorModule, DbxWidgetService, AbstractDbxSelectionListWrapperDirective, DbxListWrapperComponentImportsModule, provideDbxListViewWrapper, DEFAULT_LIST_WRAPPER_COMPONENT_CONFIGURATION_TEMPLATE, AbstractDbxSelectionListViewDirective, DbxSelectionValueListViewComponentImportsModule, provideDbxListView, DEFAULT_DBX_SELECTION_VALUE_LIST_COMPONENT_CONFIGURATION_TEMPLATE, AbstractDbxValueListViewItemComponent, TwoColumnsContextStore, DbxAnchorComponent, DbxTwoColumnFullLeftDirective, DbxWidgetViewComponent, DbxTwoColumnComponent, DbxTwoBlockComponent, DbxTwoColumnRightComponent, AbstractPopupDirective, DbxPopupService, DbxPopupContentComponent, DbxPopupControlsComponent, DbxModelTypesService, DbxModelTrackerService, allDbxModelViewTrackerEventModelKeys, DbxListItemAnchorModifierDirective, DbxValueListItemModifierDirective, AbstractPopoverDirective, DbxPopoverContentComponent, DbxPopoverHeaderComponent, DbxPopoverScrollContentDirective, DbxListEmptyContentComponent, AbstractPopoverRefDirective, DbxPopoverService, DbxIconButtonComponent, DbxLoadingComponent, DbxDetailBlockComponent, DbxClickToCopyTextComponent, DbxDownloadTextViewComponent, DbxModelObjectStateService, DbxListViewWrapper, AbstractDbxWidgetComponent, DbxPopoverInteractionModule, DbxListModifierModule, DbxWebFilePreviewService, DbxActionSnackbarErrorDirective, DbxActionDialogDirective, DbxFileUploadComponent, DbxActionLoadingContextDirective, DbxFileUploadActionSyncDirective } from '@dereekb/dbx-web';
 import * as i1 from '@angular/material/icon';
 import { MatIconModule, MatIcon } from '@angular/material/icon';
 import * as i1$2 from '@dereekb/dbx-form';
-import { AbstractSyncFormlyFormDirective, emailField, dbxFormlyFormComponentProviders, DbxFormlyFormComponentImportsModule, DBX_FORMLY_FORM_COMPONENT_TEMPLATE, AbstractConfigAsyncFormlyFormDirective, usernamePasswordLoginFields, DbxActionFormDirective, DbxFormSourceDirective, pickableItemChipField, filterPickableItemFieldValuesByLabel } from '@dereekb/dbx-form';
-import * as i1$4 from '@dereekb/firebase';
+import { AbstractSyncFormlyFormDirective, emailField, DbxFormlyFormComponentImportsModule, dbxFormlyFormComponentProviders, DBX_FORMLY_FORM_COMPONENT_TEMPLATE, AbstractConfigAsyncFormlyFormDirective, usernamePasswordLoginFields, DbxActionFormDirective, DbxFormSourceDirective, pickableItemChipField, filterPickableItemFieldValuesByLabel } from '@dereekb/dbx-form';
 import { firebaseAuthErrorToReadableError, FirebaseDevelopmentFunctions, ScheduledFunctionDevelopmentFunctionTypeEnum, clientFirebaseFirestoreContextFactory, SystemStateFirestoreCollections, NotificationFirestoreCollections, StorageFileFirestoreCollections, FIREBASE_DEVELOPMENT_FUNCTIONS_MAP_KEY, iterationQueryDocChangeWatcher, firebaseQuerySnapshotAccumulator, firebaseQueryItemAccumulator, firestoreModelKeysFromDocuments, firestoreModelIdsFromDocuments, documentReferencesFromDocuments, getDocumentSnapshots, getDataFromDocumentSnapshots, latestSnapshotsFromDocuments, dataFromDocumentSnapshots, loadDocumentsForKeys, loadDocumentsForDocumentReferences, loadDocumentsForIds, firestoreModelKeyCollectionTypePair, buildFirebaseCollectionTypeModelTypeMap, firestoreModelId, flatFirestoreModelKey, twoWayFlatFirestoreModelKey, FirestoreAccessorStreamMode, firestoreModelIdsFromKey, firestoreModelKeyPartPairs, firestoreModelKeyPairObject, documentDataWithIdAndKey, isClientFirebaseError, FIRESTORE_PERMISSION_DENIED_ERROR_CODE, inferKeyFromTwoWayFlatFirestoreModelKey, firestoreModelKeyParentKey, AppNotificationTemplateTypeInfoRecordService, NotificationFunctions, unreadNotificationItems, StorageFileFunctions, firestoreModelKey, storageFileIdentity, clientFirebaseStorageContextFactory } from '@dereekb/firebase';
-import { NgTemplateOutlet, AsyncPipe, JsonPipe, DatePipe } from '@angular/common';
+import { NgTemplateOutlet, DatePipe } from '@angular/common';
 import * as i1$3 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
 import { toSignal, toObservable } from '@angular/core/rxjs-interop';
@@ -30,7 +29,7 @@ import { provideStorage, getStorage, connectStorageEmulator, Storage } from '@an
 import { provideFunctions, getFunctions, connectFunctionsEmulator, Functions } from '@angular/fire/functions';
 import { provideFirestore, persistentMultipleTabManager, persistentSingleTabManager, persistentLocalCache, initializeFirestore, connectFirestoreEmulator, Firestore } from '@angular/fire/firestore';
 import { HTTP_INTERCEPTORS } from '@angular/common/http';
-import { MatExpansionPanel, MatExpansionPanelHeader, MatExpansionPanelTitle, MatExpansionPanelContent, MatExpansionPanelDescription, MatAccordion } from '@angular/material/expansion';
+import { MatExpansionPanel, MatExpansionPanelHeader, MatExpansionPanelTitle, MatExpansionPanelContent, MatAccordion } from '@angular/material/expansion';
 import { ComponentStore } from '@ngrx/component-store';
 import { __decorate, __param, __metadata } from 'tslib';
 import { MatDialog } from '@angular/material/dialog';
@@ -249,10 +248,10 @@ class DbxFirebaseAuthService {
             }
         })));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseAuthService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseAuthService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseAuthService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseAuthService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseAuthService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseAuthService, decorators: [{
             type: Injectable
         }] });
 /**
@@ -318,10 +317,10 @@ class DbxFirebaseAnalyticsUserSource {
     set userPropertiesFactory(userPropertiesFactory) {
         this._userPropertiesFactory.next(userPropertiesFactory);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseAnalyticsUserSource, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseAnalyticsUserSource, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseAnalyticsUserSource, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseAnalyticsUserSource, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseAnalyticsUserSource, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseAnalyticsUserSource, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -351,10 +350,10 @@ class DbxFirebaseAnalyticsUserEventsListenerService {
         this._loginSub.destroy();
         this._logoutSub.destroy();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseAnalyticsUserEventsListenerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseAnalyticsUserEventsListenerService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseAnalyticsUserEventsListenerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseAnalyticsUserEventsListenerService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseAnalyticsUserEventsListenerService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseAnalyticsUserEventsListenerService, decorators: [{
             type: Injectable
         }] });
 
@@ -367,16 +366,10 @@ function provideDbxFirebaseAnalyticsUserEventsListenerService() {
     const providers = [
         DbxFirebaseAnalyticsUserEventsListenerService,
         // service initialization
-        {
-            provide: APP_INITIALIZER,
-            useFactory: (dbxFirebaseAnalyticsUserEventsListenerService) => {
-                return () => {
-                    dbxFirebaseAnalyticsUserEventsListenerService.init();
-                };
-            },
-            deps: [DbxFirebaseAnalyticsUserEventsListenerService],
-            multi: true
-        }
+        provideAppInitializer(() => {
+            const service = inject(DbxFirebaseAnalyticsUserEventsListenerService);
+            service.init();
+        })
     ];
     return makeEnvironmentProviders(providers);
 }
@@ -456,10 +449,10 @@ class DbxFirebaseAppCheckHttpInterceptor {
         }
         return from(this._appCheckRoutes).pipe(first((route) => isEnabledRouteMatch(route), false), map((x) => Boolean(x)));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseAppCheckHttpInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseAppCheckHttpInterceptor });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseAppCheckHttpInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseAppCheckHttpInterceptor });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseAppCheckHttpInterceptor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseAppCheckHttpInterceptor, decorators: [{
             type: Injectable
         }] });
 
@@ -478,8 +471,8 @@ class DbxFirebaseLoginTermsSimpleComponent {
         url: this.dbxFirebaseLoginTermsConfig.privacyUrl,
         target: '_blank'
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseLoginTermsSimpleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DbxFirebaseLoginTermsSimpleComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseLoginTermsSimpleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: DbxFirebaseLoginTermsSimpleComponent, isStandalone: true, 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>
@@ -487,7 +480,7 @@ class DbxFirebaseLoginTermsSimpleComponent {
     </div>
   `, isInline: true, dependencies: [{ kind: "component", type: DbxLinkComponent, selector: "dbx-link", inputs: ["ref", "href", "anchor"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseLoginTermsSimpleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseLoginTermsSimpleComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
@@ -524,7 +517,9 @@ class DbxFirebaseAuthLoginService {
     _enableAll = false;
     _passwordConfig;
     _enabled = new Set();
-    constructor(defaultProviders, passwordConfig) {
+    constructor() {
+        const defaultProviders = inject(DEFAULT_FIREBASE_AUTH_LOGIN_PROVIDERS_TOKEN, { optional: true });
+        const passwordConfig = inject(DEFAULT_FIREBASE_AUTH_LOGIN_PASSWORD_CONFIG_TOKEN, { optional: true });
         if (defaultProviders) {
             defaultProviders.forEach((x) => this.register(x, false));
         }
@@ -611,22 +606,15 @@ class DbxFirebaseAuthLoginService {
     setPasswordConfig(passwordConfig) {
         this._passwordConfig = passwordConfig;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", 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: "18.2.13", ngImport: i0, type: DbxFirebaseAuthLoginService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseAuthLoginService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseAuthLoginService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseAuthLoginService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseAuthLoginService, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [DEFAULT_FIREBASE_AUTH_LOGIN_PROVIDERS_TOKEN]
-                }] }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [DEFAULT_FIREBASE_AUTH_LOGIN_PASSWORD_CONFIG_TOKEN]
-                }] }] });
+        }], ctorParameters: () => [] });
+
+const DEFAULT_FIREBASE_LOGIN_METHOD_CATEGORY = 'default';
+const OAUTH_FIREBASE_LOGIN_METHOD_CATEGORY = 'oauth';
 
 /**
  * Injection token for a DbxInjectionContext for DbxFirebaseLoginContext.
@@ -638,12 +626,12 @@ class DbxFirebaseLoginContext extends DbxInjectionContext {
  * Login button and action.
  */
 class DbxFirebaseLoginButtonComponent {
-    config = model(null);
-    iconUrlSignal = computed(() => this.config()?.iconUrl);
-    iconSignal = computed(() => this.config()?.icon);
-    textSignal = computed(() => this.config()?.text ?? '');
-    buttonColorSignal = computed(() => this.config()?.buttonColor ?? 'transparent');
-    buttonTextColorSignal = computed(() => this.config()?.buttonTextColor);
+    config = model(null, ...(ngDevMode ? [{ debugName: "config" }] : []));
+    iconUrlSignal = computed(() => this.config()?.iconUrl, ...(ngDevMode ? [{ debugName: "iconUrlSignal" }] : []));
+    iconSignal = computed(() => this.config()?.icon, ...(ngDevMode ? [{ debugName: "iconSignal" }] : []));
+    textSignal = computed(() => this.config()?.text ?? '', ...(ngDevMode ? [{ debugName: "textSignal" }] : []));
+    buttonColorSignal = computed(() => this.config()?.buttonColor ?? 'transparent', ...(ngDevMode ? [{ debugName: "buttonColorSignal" }] : []));
+    buttonTextColorSignal = computed(() => this.config()?.buttonTextColor, ...(ngDevMode ? [{ debugName: "buttonTextColorSignal" }] : []));
     setConfig(config) {
         this.config.set(config);
     }
@@ -660,8 +648,8 @@ class DbxFirebaseLoginButtonComponent {
     onActionSuccess = () => {
         // todo: show checkmark on success?
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseLoginButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DbxFirebaseLoginButtonComponent, isStandalone: true, selector: "dbx-firebase-login-button", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { config: "configChange" }, host: { classAttribute: "dbx-firebase-login-button" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseLoginButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: DbxFirebaseLoginButtonComponent, isStandalone: true, selector: "dbx-firebase-login-button", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { config: "configChange" }, host: { classAttribute: "dbx-firebase-login-button" }, ngImport: i0, template: `
     <ng-container dbxAction [dbxActionHandler]="handleAction" dbxActionValue [dbxActionSuccessHandler]="onActionSuccess">
       <dbx-button dbxActionButton [customTextColor]="buttonTextColorSignal()" [customButtonColor]="buttonColorSignal()" [raised]="true">
         <div class="dbx-firebase-login-button-content">
@@ -677,9 +665,9 @@ class DbxFirebaseLoginButtonComponent {
         </div>
       </dbx-button>
     </ng-container>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: DbxActionModule }, { kind: "directive", type: i2.DbxActionDirective, selector: "dbx-action,[dbxAction],dbx-action-context,[dbxActionContext]", exportAs: ["action", "dbxAction"] }, { kind: "directive", type: i2.DbxActionHandlerDirective, selector: "[dbxActionHandler]", inputs: ["dbxActionHandler"] }, { kind: "directive", type: i2.DbxActionValueDirective, selector: "dbxActionValue,[dbxActionValue]", inputs: ["dbxActionValue"] }, { kind: "directive", type: i2.DbxActionSuccessHandlerDirective, selector: "[dbxActionSuccessHandler]", inputs: ["dbxActionSuccessHandler"] }, { kind: "directive", type: i2.DbxActionButtonDirective, selector: "[dbxActionButton]" }, { kind: "ngmodule", type: DbxButtonModule }, { kind: "component", type: i1$1.DbxButtonComponent, selector: "dbx-button", inputs: ["bar", "type", "buttonStyle", "color", "spinnerColor", "customButtonColor", "customTextColor", "customSpinnerColor", "basic", "raised", "stroked", "flat", "iconOnly", "fab", "mode"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: DbxActionModule }, { kind: "directive", type: i2.DbxActionDirective, selector: "dbx-action,[dbxAction]", exportAs: ["action", "dbxAction"] }, { kind: "directive", type: i2.DbxActionHandlerDirective, selector: "[dbxActionHandler]", inputs: ["dbxActionHandler"] }, { kind: "directive", type: i2.DbxActionValueDirective, selector: "dbxActionValue,[dbxActionValue]", inputs: ["dbxActionValue"] }, { kind: "directive", type: i2.DbxActionSuccessHandlerDirective, selector: "[dbxActionSuccessHandler]", inputs: ["dbxActionSuccessHandler"] }, { kind: "directive", type: i2.DbxActionButtonDirective, selector: "[dbxActionButton]" }, { kind: "ngmodule", type: DbxButtonModule }, { kind: "component", type: i1$1.DbxButtonComponent, selector: "dbx-button", inputs: ["bar", "type", "buttonStyle", "color", "spinnerColor", "customButtonColor", "customTextColor", "customSpinnerColor", "basic", "tonal", "raised", "stroked", "flat", "iconOnly", "fab", "mode"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseLoginButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseLoginButtonComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-firebase-login-button',
@@ -707,16 +695,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     imports: [MatIconModule, DbxActionModule, DbxButtonModule],
                     changeDetection: ChangeDetectionStrategy.OnPush
                 }]
-        }] });
+        }], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }, { type: i0.Output, args: ["configChange"] }] } });
 class DbxFirebaseLoginButtonContainerComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseLoginButtonContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DbxFirebaseLoginButtonContainerComponent, isStandalone: true, selector: "dbx-firebase-login-button-container", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseLoginButtonContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: DbxFirebaseLoginButtonContainerComponent, isStandalone: true, selector: "dbx-firebase-login-button-container", ngImport: i0, template: `
     <div class="dbx-firebase-login-button-container">
       <ng-content></ng-content>
     </div>
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseLoginButtonContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseLoginButtonContainerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-firebase-login-button-container',
@@ -743,8 +731,8 @@ class AbstractConfiguredDbxFirebaseLoginButtonDirective {
     dbxFirebaseAuthLoginService = inject(DbxFirebaseAuthLoginService);
     dbxFirebaseLoginContext = inject(DbxFirebaseLoginContext);
     // TODO: Consider updating these signals, etc.
-    _config = signal(null);
-    configSignal = computed(() => this._config());
+    _config = signal(null, ...(ngDevMode ? [{ debugName: "_config" }] : []));
+    configSignal = computed(() => this._config(), ...(ngDevMode ? [{ debugName: "configSignal" }] : []));
     ngOnInit() {
         const assets = this.assetConfig;
         this._config.set({
@@ -765,41 +753,22 @@ class AbstractConfiguredDbxFirebaseLoginButtonDirective {
     get config() {
         return this._config();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractConfiguredDbxFirebaseLoginButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: AbstractConfiguredDbxFirebaseLoginButtonDirective, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AbstractConfiguredDbxFirebaseLoginButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: AbstractConfiguredDbxFirebaseLoginButtonDirective, isStandalone: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractConfiguredDbxFirebaseLoginButtonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AbstractConfiguredDbxFirebaseLoginButtonDirective, decorators: [{
             type: Directive
         }] });
 
-class DbxFirebaseLoginAppleComponent extends AbstractConfiguredDbxFirebaseLoginButtonDirective {
-    loginProvider = 'apple';
-    handleLogin() {
-        return this.dbxFirebaseAuthService.logInWithApple();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseLoginAppleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DbxFirebaseLoginAppleComponent, isStandalone: true, selector: "dbx-firebase-login-apple", usesInheritance: true, ngImport: i0, template: "\n  <dbx-firebase-login-button-container>\n    <dbx-firebase-login-button [config]=\"configSignal()\"></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"], outputs: ["configChange"] }, { kind: "component", type: DbxFirebaseLoginButtonContainerComponent, selector: "dbx-firebase-login-button-container" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseLoginAppleComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'dbx-firebase-login-apple',
-                    imports: DBX_CONFIGURED_DBX_FIREBASE_LOGIN_BUTTON_COMPONENT_CONFIGURATION.imports,
-                    template: DBX_CONFIGURED_DBX_FIREBASE_LOGIN_BUTTON_COMPONENT_CONFIGURATION.template,
-                    changeDetection: DBX_CONFIGURED_DBX_FIREBASE_LOGIN_BUTTON_COMPONENT_CONFIGURATION.changeDetection,
-                    standalone: true
-                }]
-        }] });
-
 class DbxFirebaseLoginAnonymousComponent extends AbstractConfiguredDbxFirebaseLoginButtonDirective {
     loginProvider = 'anonymous';
     handleLogin() {
         return this.dbxFirebaseAuthService.logInAsAnonymous();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseLoginAnonymousComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DbxFirebaseLoginAnonymousComponent, isStandalone: true, selector: "dbx-firebase-login-anonymous", usesInheritance: true, ngImport: i0, template: "\n  <dbx-firebase-login-button-container>\n    <dbx-firebase-login-button [config]=\"configSignal()\"></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"], outputs: ["configChange"] }, { kind: "component", type: DbxFirebaseLoginButtonContainerComponent, selector: "dbx-firebase-login-button-container" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseLoginAnonymousComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: DbxFirebaseLoginAnonymousComponent, isStandalone: true, selector: "dbx-firebase-login-anonymous", usesInheritance: true, ngImport: i0, template: "\n  <dbx-firebase-login-button-container>\n    <dbx-firebase-login-button [config]=\"configSignal()\"></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"], outputs: ["configChange"] }, { kind: "component", type: DbxFirebaseLoginButtonContainerComponent, selector: "dbx-firebase-login-button-container" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseLoginAnonymousComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseLoginAnonymousComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-firebase-login-anonymous',
@@ -810,138 +779,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }] });
 
-/**
- * Pre-configured login component that displays all configured login types.
- */
-class DbxFirebaseLoginListComponent {
-    dbxFirebaseAuthLoginService = inject(DbxFirebaseAuthLoginService);
-    loginMode = input('login');
-    providerTypes = input();
-    omitProviderTypes = input();
-    providerCategories = input();
-    providerTypesSignal = computed(() => {
-        const providerTypes = this.providerTypes();
-        const omitProviderTypes = this.omitProviderTypes();
-        const baseTypes = providerTypes ? asArray(providerTypes) : this.dbxFirebaseAuthLoginService.getEnabledTypes();
-        const types = omitProviderTypes ? excludeValuesFromArray(baseTypes, asArray(omitProviderTypes)) : baseTypes;
-        return types;
-    });
-    providersSignal = computed(() => {
-        const providerCategories = asArray(this.providerCategories());
-        let providers = this.dbxFirebaseAuthLoginService.getLoginProviders(this.providerTypesSignal());
-        if (providerCategories.length) {
-            const categories = new Set(providerCategories);
-            providers = providers.filter((x) => containsStringAnyCase(categories, x.category ?? ''));
-        }
-        return providers;
-    });
-    providersInjectionConfigsSignal = computed(() => {
-        let providers = this.providersSignal();
-        let mapFn;
-        if (this.loginMode() === 'register') {
-            providers = providers.filter((x) => x.registrationComponentClass !== false); // providers with "registrationComponentClass" set to false are not available for registration
-            mapFn = (x) => ({ componentClass: (x.registrationComponentClass ?? x.componentClass), loginMethodType: x.loginMethodType });
-        }
-        else {
-            mapFn = (x) => ({ componentClass: x.componentClass, loginMethodType: x.loginMethodType });
-        }
-        const configs = providers.map(mapFn);
-        return configs;
-    });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseLoginListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DbxFirebaseLoginListComponent, isStandalone: true, selector: "dbx-firebase-login-list", inputs: { loginMode: { classPropertyName: "loginMode", publicName: "loginMode", isSignal: true, isRequired: false, transformFunction: null }, providerTypes: { classPropertyName: "providerTypes", publicName: "providerTypes", isSignal: true, isRequired: false, transformFunction: null }, omitProviderTypes: { classPropertyName: "omitProviderTypes", publicName: "omitProviderTypes", isSignal: true, isRequired: false, transformFunction: null }, providerCategories: { classPropertyName: "providerCategories", publicName: "providerCategories", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "dbx-firebase-login-list" }, ngImport: i0, template: `
-    @for (config of providersInjectionConfigsSignal(); track config.loginMethodType) {
-      <div class="dbx-firebase-login-item">
-        <dbx-injection [config]="config"></dbx-injection>
-      </div>
-    }
-  `, isInline: true, dependencies: [{ kind: "component", type: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseLoginListComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'dbx-firebase-login-list',
-                    template: `
-    @for (config of providersInjectionConfigsSignal(); track config.loginMethodType) {
-      <div class="dbx-firebase-login-item">
-        <dbx-injection [config]="config"></dbx-injection>
-      </div>
-    }
-  `,
-                    host: {
-                        class: 'dbx-firebase-login-list'
-                    },
-                    standalone: true,
-                    imports: [DbxInjectionComponent]
-                }]
-        }] });
-
-/**
- * DbxFirebaseLoginContext implementation.
- */
-class DbxFirebaseLoginContextDirective extends AbstractForwardDbxInjectionContextDirective {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseLoginContextDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DbxFirebaseLoginContextDirective, isStandalone: true, selector: "[dbxFirebaseLoginContext]", providers: [
-            {
-                provide: DbxFirebaseLoginContext,
-                useExisting: DbxFirebaseLoginContextDirective
-            }
-        ], usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseLoginContextDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[dbxFirebaseLoginContext]',
-                    standalone: true,
-                    providers: [
-                        {
-                            provide: DbxFirebaseLoginContext,
-                            useExisting: DbxFirebaseLoginContextDirective
-                        }
-                    ]
-                }]
-        }] });
-
-/**
- * Pre-configured login component that displays all configured login types.
- */
-class DbxFirebaseLoginComponent {
-    loginMode = input('login');
-    providerTypes = input();
-    omitProviderTypes = input();
-    providerCategories = input();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseLoginComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: DbxFirebaseLoginComponent, isStandalone: true, selector: "dbx-firebase-login", inputs: { loginMode: { classPropertyName: "loginMode", publicName: "loginMode", isSignal: true, isRequired: false, transformFunction: null }, providerTypes: { classPropertyName: "providerTypes", publicName: "providerTypes", isSignal: true, isRequired: false, transformFunction: null }, omitProviderTypes: { classPropertyName: "omitProviderTypes", publicName: "omitProviderTypes", isSignal: true, isRequired: false, transformFunction: null }, providerCategories: { classPropertyName: "providerCategories", publicName: "providerCategories", isSignal: true, isRequired: false, transformFunction: null } }, 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: 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseLoginComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'dbx-firebase-login',
-                    standalone: true,
-                    imports: [DbxInjectionContextDirective, DbxFirebaseLoginContextDirective, DbxFirebaseLoginListComponent],
-                    template: `
-    <ng-container *dbxInjectionContext dbxFirebaseLoginContext>
-      <dbx-firebase-login-list [providerTypes]="providerTypes()" [omitProviderTypes]="omitProviderTypes()" [providerCategories]="providerCategories()" [loginMode]="loginMode()"></dbx-firebase-login-list>
-    </ng-container>
-  `,
-                    host: {
-                        class: 'd-block dbx-firebase-login',
-                        '[class]': '{ "dbx-firebase-register": loginMode() === "register" }'
-                    },
-                    changeDetection: ChangeDetectionStrategy.OnPush
-                }]
-        }] });
-
 class DbxFirebaseEmailRecoveryFormComponent extends AbstractSyncFormlyFormDirective {
     fields = [emailField({ required: true })];
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseEmailRecoveryFormComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DbxFirebaseEmailRecoveryFormComponent, isStandalone: true, selector: "dbx-firebase-email-recovery-form", providers: dbxFormlyFormComponentProviders(), usesInheritance: true, ngImport: i0, template: "<dbx-formly></dbx-formly>", isInline: true, dependencies: [{ kind: "ngmodule", type: DbxFormlyFormComponentImportsModule }, { kind: "component", type: i1$2.DbxFormlyComponent, selector: "dbx-formly", exportAs: ["formly"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseEmailRecoveryFormComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: DbxFirebaseEmailRecoveryFormComponent, isStandalone: true, selector: "dbx-firebase-email-recovery-form", providers: dbxFormlyFormComponentProviders(), usesInheritance: true, ngImport: i0, template: "<dbx-formly></dbx-formly>", isInline: true, dependencies: [{ kind: "ngmodule", type: DbxFormlyFormComponentImportsModule }, { kind: "component", type: i1$2.DbxFormlyComponent, selector: "dbx-formly", exportAs: ["formly"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseEmailRecoveryFormComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseEmailRecoveryFormComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-firebase-email-recovery-form',
@@ -960,10 +803,10 @@ class DbxFirebaseEmailFormComponent extends AbstractConfigAsyncFormlyFormDirecti
         const fields = usernamePasswordLoginFields({ username: 'email', password: passwordConfig, verifyPassword: loginMode === 'register' });
         return fields;
     }));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseEmailFormComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DbxFirebaseEmailFormComponent, isStandalone: true, selector: "dbx-firebase-email-form", providers: dbxFormlyFormComponentProviders(), usesInheritance: true, ngImport: i0, template: "<dbx-formly></dbx-formly>", isInline: true, dependencies: [{ kind: "ngmodule", type: DbxFormlyFormComponentImportsModule }, { kind: "component", type: i1$2.DbxFormlyComponent, selector: "dbx-formly", exportAs: ["formly"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseEmailFormComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: DbxFirebaseEmailFormComponent, isStandalone: true, selector: "dbx-firebase-email-form", providers: dbxFormlyFormComponentProviders(), usesInheritance: true, ngImport: i0, template: "<dbx-formly></dbx-formly>", isInline: true, dependencies: [{ kind: "ngmodule", type: DbxFormlyFormComponentImportsModule }, { kind: "component", type: i1$2.DbxFormlyComponent, selector: "dbx-formly", exportAs: ["formly"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseEmailFormComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseEmailFormComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-firebase-email-form',
@@ -982,9 +825,9 @@ class DbxFirebaseLoginEmailContentComponent {
         loginMode: this.config.loginMode,
         passwordConfig: this.config.passwordConfig
     };
-    _emailFormValueSignal = signal(undefined);
-    _recoveryFormValueSignal = signal(undefined);
-    _emailModeSignal = signal('login');
+    _emailFormValueSignal = signal(undefined, ...(ngDevMode ? [{ debugName: "_emailFormValueSignal" }] : []));
+    _recoveryFormValueSignal = signal(undefined, ...(ngDevMode ? [{ debugName: "_recoveryFormValueSignal" }] : []));
+    _emailModeSignal = signal('login', ...(ngDevMode ? [{ debugName: "_emailModeSignal" }] : []));
     emailFormValueSignal = this._emailFormValueSignal.asReadonly();
     recoveryFormValueSignal = this._recoveryFormValueSignal.asReadonly();
     emailModeSignal = this._emailModeSignal.asReadonly();
@@ -1055,10 +898,10 @@ class DbxFirebaseLoginEmailContentComponent {
     onCancelReset() {
         this.doneOrCancelled.next(false);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseLoginEmailContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DbxFirebaseLoginEmailContentComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<div class=\"dbx-firebase-login-email-content\">\n  @switch (emailModeSignal()) {\n    @case ('login') {\n      <ng-container *ngTemplateOutlet=\"loginView\"></ng-container>\n    }\n    @case ('recover') {\n      <ng-container *ngTemplateOutlet=\"resetPassword\"></ng-container>\n    }\n    @case ('recoversent') {\n      <ng-container *ngTemplateOutlet=\"resetPasswordSent\"></ng-container>\n    }\n  }\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]=\"emailFormValueSignal()\"></dbx-firebase-email-form>\n    @if (isLoginMode) {\n      <div class=\"dbx-firebase-login-email-forgot-prompt\">\n        <dbx-link [anchor]=\"forgotAnchor\">Forgot Password?</dbx-link>\n      </div>\n    }\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]=\"recoveryFormValueSignal()\"></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: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: DbxErrorComponent, selector: "dbx-error", inputs: ["error", "iconOnly"], outputs: ["popoverOpened"] }, { kind: "component", type: DbxLinkComponent, selector: "dbx-link", inputs: ["ref", "href", "anchor"] }, { kind: "directive", type: DbxActionErrorDirective, selector: "[dbxActionError]" }, { kind: "directive", type: DbxActionFormDirective, selector: "[dbxActionForm]", inputs: ["dbxActionFormDisabledOnWorking", "dbxActionFormIsValid", "dbxActionFormIsEqual", "dbxActionFormIsModified", "dbxActionFormMapValue"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "ngmodule", type: DbxActionModule }, { kind: "directive", type: i2.DbxActionDirective, selector: "dbx-action,[dbxAction],dbx-action-context,[dbxActionContext]", exportAs: ["action", "dbxAction"] }, { kind: "directive", type: i2.DbxActionHandlerDirective, selector: "[dbxActionHandler]", inputs: ["dbxActionHandler"] }, { kind: "directive", type: i2.DbxActionSuccessHandlerDirective, selector: "[dbxActionSuccessHandler]", inputs: ["dbxActionSuccessHandler"] }, { kind: "directive", type: i2.DbxActionButtonDirective, selector: "[dbxActionButton]" }, { kind: "component", type: DbxButtonComponent, selector: "dbx-button", inputs: ["bar", "type", "buttonStyle", "color", "spinnerColor", "customButtonColor", "customTextColor", "customSpinnerColor", "basic", "raised", "stroked", "flat", "iconOnly", "fab", "mode"] }, { kind: "directive", type: DbxButtonSpacerDirective, selector: "dbx-button-spacer,[dbxButtonSpacer]" }, { kind: "component", type: DbxFirebaseEmailFormComponent, selector: "dbx-firebase-email-form" }, { kind: "component", type: DbxFirebaseEmailRecoveryFormComponent, selector: "dbx-firebase-email-recovery-form" }, { kind: "directive", type: DbxFormSourceDirective, selector: "[dbxFormSource]", inputs: ["dbxFormSourceMode", "dbxFormSource"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseLoginEmailContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: DbxFirebaseLoginEmailContentComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<div class=\"dbx-firebase-login-email-content\">\n  @switch (emailModeSignal()) {\n    @case ('login') {\n      <ng-container *ngTemplateOutlet=\"loginView\"></ng-container>\n    }\n    @case ('recover') {\n      <ng-container *ngTemplateOutlet=\"resetPassword\"></ng-container>\n    }\n    @case ('recoversent') {\n      <ng-container *ngTemplateOutlet=\"resetPasswordSent\"></ng-container>\n    }\n  }\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]=\"emailFormValueSignal()\"></dbx-firebase-email-form>\n    @if (isLoginMode) {\n      <div class=\"dbx-firebase-login-email-forgot-prompt\">\n        <dbx-link [anchor]=\"forgotAnchor\">Forgot Password?</dbx-link>\n      </div>\n    }\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]=\"recoveryFormValueSignal()\"></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: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: DbxErrorComponent, selector: "dbx-error", inputs: ["error", "iconOnly"], outputs: ["popoverOpened"] }, { kind: "component", type: DbxLinkComponent, selector: "dbx-link", inputs: ["ref", "href", "anchor"] }, { kind: "directive", type: DbxActionErrorDirective, selector: "[dbxActionError]" }, { kind: "directive", type: DbxActionFormDirective, selector: "[dbxActionForm]", inputs: ["dbxActionFormDisabledOnWorking", "dbxActionFormIsValid", "dbxActionFormIsEqual", "dbxActionFormIsModified", "dbxActionFormMapValue"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$3.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: DbxActionModule }, { kind: "directive", type: i2.DbxActionDirective, selector: "dbx-action,[dbxAction]", exportAs: ["action", "dbxAction"] }, { kind: "directive", type: i2.DbxActionHandlerDirective, selector: "[dbxActionHandler]", inputs: ["dbxActionHandler"] }, { kind: "directive", type: i2.DbxActionSuccessHandlerDirective, selector: "[dbxActionSuccessHandler]", inputs: ["dbxActionSuccessHandler"] }, { kind: "directive", type: i2.DbxActionButtonDirective, selector: "[dbxActionButton]" }, { kind: "component", type: DbxButtonComponent, selector: "dbx-button", inputs: ["bar", "type", "buttonStyle", "color", "spinnerColor", "customButtonColor", "customTextColor", "customSpinnerColor", "basic", "tonal", "raised", "stroked", "flat", "iconOnly", "fab", "mode"] }, { kind: "directive", type: DbxButtonSpacerDirective, selector: "dbx-button-spacer,[dbxButtonSpacer]" }, { kind: "component", type: DbxFirebaseEmailFormComponent, selector: "dbx-firebase-email-form" }, { kind: "component", type: DbxFirebaseEmailRecoveryFormComponent, selector: "dbx-firebase-email-recovery-form" }, { kind: "directive", type: DbxFormSourceDirective, selector: "[dbxFormSource]", inputs: ["dbxFormSourceMode", "dbxFormSource"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseLoginEmailContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseLoginEmailContentComponent, decorators: [{
             type: Component,
             args: [{ imports: [NgTemplateOutlet, DbxErrorComponent, DbxLinkComponent, DbxActionErrorDirective, DbxActionFormDirective, MatButtonModule, DbxActionModule, DbxButtonComponent, DbxButtonSpacerDirective, DbxFirebaseEmailFormComponent, DbxFirebaseEmailRecoveryFormComponent, DbxFormSourceDirective], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<div class=\"dbx-firebase-login-email-content\">\n  @switch (emailModeSignal()) {\n    @case ('login') {\n      <ng-container *ngTemplateOutlet=\"loginView\"></ng-container>\n    }\n    @case ('recover') {\n      <ng-container *ngTemplateOutlet=\"resetPassword\"></ng-container>\n    }\n    @case ('recoversent') {\n      <ng-container *ngTemplateOutlet=\"resetPasswordSent\"></ng-container>\n    }\n  }\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]=\"emailFormValueSignal()\"></dbx-firebase-email-form>\n    @if (isLoginMode) {\n      <div class=\"dbx-firebase-login-email-forgot-prompt\">\n        <dbx-link [anchor]=\"forgotAnchor\">Forgot Password?</dbx-link>\n      </div>\n    }\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]=\"recoveryFormValueSignal()\"></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" }]
         }] });
@@ -1068,10 +911,10 @@ class DbxFirebaseLoginEmailComponent extends AbstractConfiguredDbxFirebaseLoginB
     handleLogin() {
         return DbxFirebaseLoginEmailContentComponent.openEmailLoginContext(this.dbxFirebaseLoginContext, { loginMode: 'login', passwordConfig: this.dbxFirebaseAuthLoginService.getPasswordConfig() });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseLoginEmailComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DbxFirebaseLoginEmailComponent, isStandalone: true, selector: "dbx-firebase-login-email", usesInheritance: true, ngImport: i0, template: "\n  <dbx-firebase-login-button-container>\n    <dbx-firebase-login-button [config]=\"configSignal()\"></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"], outputs: ["configChange"] }, { kind: "component", type: DbxFirebaseLoginButtonContainerComponent, selector: "dbx-firebase-login-button-container" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseLoginEmailComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: DbxFirebaseLoginEmailComponent, isStandalone: true, selector: "dbx-firebase-login-email", usesInheritance: true, ngImport: i0, template: "\n  <dbx-firebase-login-button-container>\n    <dbx-firebase-login-button [config]=\"configSignal()\"></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"], outputs: ["configChange"] }, { kind: "component", type: DbxFirebaseLoginButtonContainerComponent, selector: "dbx-firebase-login-button-container" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseLoginEmailComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseLoginEmailComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-firebase-login-email',
@@ -1087,10 +930,10 @@ class DbxFirebaseLoginFacebookComponent extends AbstractConfiguredDbxFirebaseLog
     handleLogin() {
         return this.dbxFirebaseAuthService.logInWithFacebook();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseLoginFacebookComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DbxFirebaseLoginFacebookComponent, isStandalone: true, selector: "dbx-firebase-login-facebook", usesInheritance: true, ngImport: i0, template: "\n  <dbx-firebase-login-button-container>\n    <dbx-firebase-login-button [config]=\"configSignal()\"></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"], outputs: ["configChange"] }, { kind: "component", type: DbxFirebaseLoginButtonContainerComponent, selector: "dbx-firebase-login-button-container" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseLoginFacebookComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: DbxFirebaseLoginFacebookComponent, isStandalone: true, selector: "dbx-firebase-login-facebook", usesInheritance: true, ngImport: i0, template: "\n  <dbx-firebase-login-button-container>\n    <dbx-firebase-login-button [config]=\"configSignal()\"></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"], outputs: ["configChange"] }, { kind: "component", type: DbxFirebaseLoginButtonContainerComponent, selector: "dbx-firebase-login-button-container" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseLoginFacebookComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseLoginFacebookComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-firebase-login-facebook',
@@ -1101,58 +944,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }] });
 
-class DbxFirebaseLoginGoogleComponent extends AbstractConfiguredDbxFirebaseLoginButtonDirective {
-    loginProvider = 'google';
-    handleLogin() {
-        return this.dbxFirebaseAuthService.logInWithGoogle();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseLoginGoogleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DbxFirebaseLoginGoogleComponent, isStandalone: true, selector: "dbx-firebase-login-google", usesInheritance: true, ngImport: i0, template: "\n  <dbx-firebase-login-button-container>\n    <dbx-firebase-login-button [config]=\"configSignal()\"></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"], outputs: ["configChange"] }, { kind: "component", type: DbxFirebaseLoginButtonContainerComponent, selector: "dbx-firebase-login-button-container" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseLoginGoogleComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'dbx-firebase-login-google',
-                    imports: DBX_CONFIGURED_DBX_FIREBASE_LOGIN_BUTTON_COMPONENT_CONFIGURATION.imports,
-                    template: DBX_CONFIGURED_DBX_FIREBASE_LOGIN_BUTTON_COMPONENT_CONFIGURATION.template,
-                    changeDetection: DBX_CONFIGURED_DBX_FIREBASE_LOGIN_BUTTON_COMPONENT_CONFIGURATION.changeDetection,
-                    standalone: true
-                }]
-        }] });
-
-/**
- * Pre-configured register component that displays all configured login types and their registration components.
- */
-class DbxFirebaseRegisterComponent {
-    providerTypes = input();
-    omitProviderTypes = input();
-    providerCategories = input();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseRegisterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: DbxFirebaseRegisterComponent, isStandalone: true, selector: "dbx-firebase-register", inputs: { providerTypes: { classPropertyName: "providerTypes", publicName: "providerTypes", isSignal: true, isRequired: false, transformFunction: null }, omitProviderTypes: { classPropertyName: "omitProviderTypes", publicName: "omitProviderTypes", isSignal: true, isRequired: false, transformFunction: null }, providerCategories: { classPropertyName: "providerCategories", publicName: "providerCategories", isSignal: true, isRequired: false, transformFunction: null } }, 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"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseRegisterComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'dbx-firebase-register',
-                    template: `
-    <dbx-firebase-login loginMode="register" [providerTypes]="providerTypes()" [omitProviderTypes]="omitProviderTypes()" [providerCategories]="providerCategories()"></dbx-firebase-login>
-  `,
-                    imports: [DbxFirebaseLoginComponent],
-                    standalone: true
-                }]
-        }] });
-
 class DbxFirebaseLoginGitHubComponent extends AbstractConfiguredDbxFirebaseLoginButtonDirective {
     loginProvider = 'github';
     handleLogin() {
         return this.dbxFirebaseAuthService.logInWithGithub();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseLoginGitHubComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DbxFirebaseLoginGitHubComponent, isStandalone: true, selector: "dbx-firebase-login-github", usesInheritance: true, ngImport: i0, template: "\n  <dbx-firebase-login-button-container>\n    <dbx-firebase-login-button [config]=\"configSignal()\"></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"], outputs: ["configChange"] }, { kind: "component", type: DbxFirebaseLoginButtonContainerComponent, selector: "dbx-firebase-login-button-container" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseLoginGitHubComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: DbxFirebaseLoginGitHubComponent, isStandalone: true, selector: "dbx-firebase-login-github", usesInheritance: true, ngImport: i0, template: "\n  <dbx-firebase-login-button-container>\n    <dbx-firebase-login-button [config]=\"configSignal()\"></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"], outputs: ["configChange"] }, { kind: "component", type: DbxFirebaseLoginButtonContainerComponent, selector: "dbx-firebase-login-button-container" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseLoginGitHubComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseLoginGitHubComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-firebase-login-github',
@@ -1163,18 +963,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }] });
 
-class DbxFirebaseLoginTwitterComponent extends AbstractConfiguredDbxFirebaseLoginButtonDirective {
-    loginProvider = 'twitter';
+class DbxFirebaseLoginGoogleComponent extends AbstractConfiguredDbxFirebaseLoginButtonDirective {
+    loginProvider = 'google';
     handleLogin() {
-        return this.dbxFirebaseAuthService.logInWithTwitter();
+        return this.dbxFirebaseAuthService.logInWithGoogle();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseLoginTwitterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DbxFirebaseLoginTwitterComponent, isStandalone: true, selector: "dbx-firebase-login-twitter", usesInheritance: true, ngImport: i0, template: "\n  <dbx-firebase-login-button-container>\n    <dbx-firebase-login-button [config]=\"configSignal()\"></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"], outputs: ["configChange"] }, { kind: "component", type: DbxFirebaseLoginButtonContainerComponent, selector: "dbx-firebase-login-button-container" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseLoginGoogleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: DbxFirebaseLoginGoogleComponent, isStandalone: true, selector: "dbx-firebase-login-google", usesInheritance: true, ngImport: i0, template: "\n  <dbx-firebase-login-button-container>\n    <dbx-firebase-login-button [config]=\"configSignal()\"></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"], outputs: ["configChange"] }, { kind: "component", type: DbxFirebaseLoginButtonContainerComponent, selector: "dbx-firebase-login-button-container" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseLoginTwitterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseLoginGoogleComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'dbx-firebase-login-twitter',
+                    selector: 'dbx-firebase-login-google',
                     imports: DBX_CONFIGURED_DBX_FIREBASE_LOGIN_BUTTON_COMPONENT_CONFIGURATION.imports,
                     template: DBX_CONFIGURED_DBX_FIREBASE_LOGIN_BUTTON_COMPONENT_CONFIGURATION.template,
                     changeDetection: DBX_CONFIGURED_DBX_FIREBASE_LOGIN_BUTTON_COMPONENT_CONFIGURATION.changeDetection,
@@ -1182,18 +982,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }] });
 
-class DbxFirebaseLoginMicrosoftComponent extends AbstractConfiguredDbxFirebaseLoginButtonDirective {
-    loginProvider = 'microsoft';
+class DbxFirebaseLoginTwitterComponent extends AbstractConfiguredDbxFirebaseLoginButtonDirective {
+    loginProvider = 'twitter';
     handleLogin() {
-        return this.dbxFirebaseAuthService.logInWithMicrosoft();
+        return this.dbxFirebaseAuthService.logInWithTwitter();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseLoginMicrosoftComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DbxFirebaseLoginMicrosoftComponent, isStandalone: true, selector: "dbx-firebase-login-microsoft", usesInheritance: true, ngImport: i0, template: "\n  <dbx-firebase-login-button-container>\n    <dbx-firebase-login-button [config]=\"configSignal()\"></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"], outputs: ["configChange"] }, { kind: "component", type: DbxFirebaseLoginButtonContainerComponent, selector: "dbx-firebase-login-button-container" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseLoginTwitterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: DbxFirebaseLoginTwitterComponent, isStandalone: true, selector: "dbx-firebase-login-twitter", usesInheritance: true, ngImport: i0, template: "\n  <dbx-firebase-login-button-container>\n    <dbx-firebase-login-button [config]=\"configSignal()\"></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"], outputs: ["configChange"] }, { kind: "component", type: DbxFirebaseLoginButtonContainerComponent, selector: "dbx-firebase-login-button-container" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseLoginMicrosoftComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseLoginTwitterComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'dbx-firebase-login-microsoft',
+                    selector: 'dbx-firebase-login-twitter',
                     imports: DBX_CONFIGURED_DBX_FIREBASE_LOGIN_BUTTON_COMPONENT_CONFIGURATION.imports,
                     template: DBX_CONFIGURED_DBX_FIREBASE_LOGIN_BUTTON_COMPONENT_CONFIGURATION.template,
                     changeDetection: DBX_CONFIGURED_DBX_FIREBASE_LOGIN_BUTTON_COMPONENT_CONFIGURATION.changeDetection,
@@ -1206,10 +1006,10 @@ class DbxFirebaseRegisterEmailComponent extends AbstractConfiguredDbxFirebaseLog
     handleLogin() {
         return DbxFirebaseLoginEmailContentComponent.openEmailLoginContext(this.dbxFirebaseLoginContext, { loginMode: 'register', passwordConfig: this.dbxFirebaseAuthLoginService.getPasswordConfig() });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseRegisterEmailComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DbxFirebaseRegisterEmailComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "\n  <dbx-firebase-login-button-container>\n    <dbx-firebase-login-button [config]=\"configSignal()\"></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"], outputs: ["configChange"] }, { kind: "component", type: DbxFirebaseLoginButtonContainerComponent, selector: "dbx-firebase-login-button-container" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseRegisterEmailComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: DbxFirebaseRegisterEmailComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "\n  <dbx-firebase-login-button-container>\n    <dbx-firebase-login-button [config]=\"configSignal()\"></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"], outputs: ["configChange"] }, { kind: "component", type: DbxFirebaseLoginButtonContainerComponent, selector: "dbx-firebase-login-button-container" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseRegisterEmailComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseRegisterEmailComponent, decorators: [{
             type: Component,
             args: [{
                     imports: DBX_CONFIGURED_DBX_FIREBASE_LOGIN_BUTTON_COMPONENT_CONFIGURATION.imports,
@@ -1219,158 +1019,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }] });
 
-class DbxFirebaseLoginTermsComponent {
-    dbxFirebaseAuthLoginService = inject(DbxFirebaseAuthLoginService);
-    config = {
-        componentClass: this.dbxFirebaseAuthLoginService.loginTermsComponentClass
-    };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseLoginTermsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DbxFirebaseLoginTermsComponent, isStandalone: true, 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: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseLoginTermsComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'dbx-firebase-login-terms',
-                    template: `
-    <dbx-injection [config]="config"></dbx-injection>
-  `,
-                    host: {
-                        class: 'dbx-firebase-login-terms d-block'
-                    },
-                    imports: [DbxInjectionComponent],
-                    standalone: true
-                }]
-        }] });
-
-class DbxFirebaseLoginContextBackButtonComponent {
-    cancelLogin = output();
-    anchor = {
-        onClick: () => this.cancelLogin.emit()
-    };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseLoginContextBackButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DbxFirebaseLoginContextBackButtonComponent, isStandalone: true, 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: "ngmodule", type: DbxRouterAnchorModule }, { kind: "component", type: i1$1.DbxLinkComponent, selector: "dbx-link", inputs: ["ref", "href", "anchor"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseLoginContextBackButtonComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'dbx-firebase-login-context-back-button',
-                    standalone: true,
-                    imports: [DbxRouterAnchorModule],
-                    template: `
-    <dbx-link [anchor]="anchor">Choose other login method.</dbx-link>
-  `
-                }]
-        }] });
-
-/**
- * All standalone components related to Firebase login.
- */
-const DBX_FIREBASE_LOGIN_COMPONENTS = [
-    DbxFirebaseLoginComponent,
-    DbxFirebaseLoginContextDirective,
-    DbxFirebaseLoginContextBackButtonComponent,
-    DbxFirebaseRegisterComponent,
-    DbxFirebaseLoginListComponent,
-    DbxFirebaseLoginButtonComponent,
-    DbxFirebaseLoginButtonContainerComponent,
-    DbxFirebaseLoginEmailComponent,
-    DbxFirebaseLoginEmailContentComponent,
-    DbxFirebaseEmailFormComponent,
-    DbxFirebaseEmailRecoveryFormComponent,
-    DbxFirebaseRegisterEmailComponent,
-    DbxFirebaseLoginGoogleComponent,
-    DbxFirebaseLoginGitHubComponent,
-    DbxFirebaseLoginTwitterComponent,
-    DbxFirebaseLoginAppleComponent,
-    DbxFirebaseLoginMicrosoftComponent,
-    DbxFirebaseLoginFacebookComponent,
-    DbxFirebaseLoginAnonymousComponent,
-    DbxFirebaseLoginTermsComponent,
-    DbxFirebaseLoginTermsSimpleComponent
-];
-/**
- * Contains components related to logging in.
- *
- * @deprecated Use provideDbxFirebaseLogin() instead.
- */
-class DbxFirebaseLoginModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseLoginModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseLoginModule, imports: [DbxFirebaseLoginComponent,
-            DbxFirebaseLoginContextDirective,
-            DbxFirebaseLoginContextBackButtonComponent,
-            DbxFirebaseRegisterComponent,
-            DbxFirebaseLoginListComponent,
-            DbxFirebaseLoginButtonComponent,
-            DbxFirebaseLoginButtonContainerComponent,
-            DbxFirebaseLoginEmailComponent,
-            DbxFirebaseLoginEmailContentComponent,
-            DbxFirebaseEmailFormComponent,
-            DbxFirebaseEmailRecoveryFormComponent,
-            DbxFirebaseRegisterEmailComponent,
-            DbxFirebaseLoginGoogleComponent,
-            DbxFirebaseLoginGitHubComponent,
-            DbxFirebaseLoginTwitterComponent,
-            DbxFirebaseLoginAppleComponent,
-            DbxFirebaseLoginMicrosoftComponent,
-            DbxFirebaseLoginFacebookComponent,
-            DbxFirebaseLoginAnonymousComponent,
-            DbxFirebaseLoginTermsComponent,
-            DbxFirebaseLoginTermsSimpleComponent], exports: [DbxFirebaseLoginComponent,
-            DbxFirebaseLoginContextDirective,
-            DbxFirebaseLoginContextBackButtonComponent,
-            DbxFirebaseRegisterComponent,
-            DbxFirebaseLoginListComponent,
-            DbxFirebaseLoginButtonComponent,
-            DbxFirebaseLoginButtonContainerComponent,
-            DbxFirebaseLoginEmailComponent,
-            DbxFirebaseLoginEmailContentComponent,
-            DbxFirebaseEmailFormComponent,
-            DbxFirebaseEmailRecoveryFormComponent,
-            DbxFirebaseRegisterEmailComponent,
-            DbxFirebaseLoginGoogleComponent,
-            DbxFirebaseLoginGitHubComponent,
-            DbxFirebaseLoginTwitterComponent,
-            DbxFirebaseLoginAppleComponent,
-            DbxFirebaseLoginMicrosoftComponent,
-            DbxFirebaseLoginFacebookComponent,
-            DbxFirebaseLoginAnonymousComponent,
-            DbxFirebaseLoginTermsComponent,
-            DbxFirebaseLoginTermsSimpleComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseLoginModule, imports: [DbxFirebaseLoginComponent,
-            DbxFirebaseLoginContextBackButtonComponent,
-            DbxFirebaseRegisterComponent,
-            DbxFirebaseLoginListComponent,
-            DbxFirebaseLoginButtonComponent,
-            DbxFirebaseLoginEmailComponent,
-            DbxFirebaseLoginEmailContentComponent,
-            DbxFirebaseEmailFormComponent,
-            DbxFirebaseEmailRecoveryFormComponent,
-            DbxFirebaseRegisterEmailComponent,
-            DbxFirebaseLoginGoogleComponent,
-            DbxFirebaseLoginGitHubComponent,
-            DbxFirebaseLoginTwitterComponent,
-            DbxFirebaseLoginAppleComponent,
-            DbxFirebaseLoginMicrosoftComponent,
-            DbxFirebaseLoginFacebookComponent,
-            DbxFirebaseLoginAnonymousComponent,
-            DbxFirebaseLoginTermsComponent,
-            DbxFirebaseLoginTermsSimpleComponent] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseLoginModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: DBX_FIREBASE_LOGIN_COMPONENTS,
-                    exports: DBX_FIREBASE_LOGIN_COMPONENTS
-                }]
-        }] });
-
-const DEFAULT_FIREBASE_LOGIN_METHOD_CATEGORY = 'default';
-const OAUTH_FIREBASE_LOGIN_METHOD_CATEGORY = 'oauth';
-
 /**
  * Factory function for creating the default Firebase auth login providers.
  *
@@ -1493,22 +1141,15 @@ function provideDbxFirebaseLogin(config) {
         },
         DbxFirebaseAuthLoginService,
         // service initialization
-        {
-            provide: APP_INITIALIZER,
-            useFactory: (dbxFirebaseAuthLoginService) => {
-                return () => {
-                    // initialize the scheduler
-                    if (enabledLoginMethods === true) {
-                        dbxFirebaseAuthLoginService.setEnableAll();
-                    }
-                    else {
-                        dbxFirebaseAuthLoginService.enable(enabledLoginMethods);
-                    }
-                };
-            },
-            deps: [DbxFirebaseAuthLoginService],
-            multi: true
-        }
+        provideAppInitializer(() => {
+            const dbxFirebaseAuthLoginService = inject(DbxFirebaseAuthLoginService);
+            if (enabledLoginMethods === true) {
+                dbxFirebaseAuthLoginService.setEnableAll();
+            }
+            else {
+                dbxFirebaseAuthLoginService.enable(enabledLoginMethods);
+            }
+        })
     ];
     // Terms component
     if (loginTermsComponentClass) {
@@ -1527,6 +1168,241 @@ function provideDbxFirebaseLogin(config) {
     return makeEnvironmentProviders(providers);
 }
 
+class DbxFirebaseLoginAppleComponent extends AbstractConfiguredDbxFirebaseLoginButtonDirective {
+    loginProvider = 'apple';
+    handleLogin() {
+        return this.dbxFirebaseAuthService.logInWithApple();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseLoginAppleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: DbxFirebaseLoginAppleComponent, isStandalone: true, selector: "dbx-firebase-login-apple", usesInheritance: true, ngImport: i0, template: "\n  <dbx-firebase-login-button-container>\n    <dbx-firebase-login-button [config]=\"configSignal()\"></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"], outputs: ["configChange"] }, { kind: "component", type: DbxFirebaseLoginButtonContainerComponent, selector: "dbx-firebase-login-button-container" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseLoginAppleComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'dbx-firebase-login-apple',
+                    imports: DBX_CONFIGURED_DBX_FIREBASE_LOGIN_BUTTON_COMPONENT_CONFIGURATION.imports,
+                    template: DBX_CONFIGURED_DBX_FIREBASE_LOGIN_BUTTON_COMPONENT_CONFIGURATION.template,
+                    changeDetection: DBX_CONFIGURED_DBX_FIREBASE_LOGIN_BUTTON_COMPONENT_CONFIGURATION.changeDetection,
+                    standalone: true
+                }]
+        }] });
+
+/**
+ * Pre-configured login component that displays all configured login types.
+ */
+class DbxFirebaseLoginListComponent {
+    dbxFirebaseAuthLoginService = inject(DbxFirebaseAuthLoginService);
+    loginMode = input('login', ...(ngDevMode ? [{ debugName: "loginMode" }] : []));
+    providerTypes = input(...(ngDevMode ? [undefined, { debugName: "providerTypes" }] : []));
+    omitProviderTypes = input(...(ngDevMode ? [undefined, { debugName: "omitProviderTypes" }] : []));
+    providerCategories = input(...(ngDevMode ? [undefined, { debugName: "providerCategories" }] : []));
+    providerTypesSignal = computed(() => {
+        const providerTypes = this.providerTypes();
+        const omitProviderTypes = this.omitProviderTypes();
+        const baseTypes = providerTypes ? asArray(providerTypes) : this.dbxFirebaseAuthLoginService.getEnabledTypes();
+        const types = omitProviderTypes ? excludeValuesFromArray(baseTypes, asArray(omitProviderTypes)) : baseTypes;
+        return types;
+    }, ...(ngDevMode ? [{ debugName: "providerTypesSignal" }] : []));
+    providersSignal = computed(() => {
+        const providerCategories = asArray(this.providerCategories());
+        let providers = this.dbxFirebaseAuthLoginService.getLoginProviders(this.providerTypesSignal());
+        if (providerCategories.length) {
+            const categories = new Set(providerCategories);
+            providers = providers.filter((x) => containsStringAnyCase(categories, x.category ?? ''));
+        }
+        return providers;
+    }, ...(ngDevMode ? [{ debugName: "providersSignal" }] : []));
+    providersInjectionConfigsSignal = computed(() => {
+        let providers = this.providersSignal();
+        let mapFn;
+        if (this.loginMode() === 'register') {
+            providers = providers.filter((x) => x.registrationComponentClass !== false); // providers with "registrationComponentClass" set to false are not available for registration
+            mapFn = (x) => ({ componentClass: (x.registrationComponentClass ?? x.componentClass), loginMethodType: x.loginMethodType });
+        }
+        else {
+            mapFn = (x) => ({ componentClass: x.componentClass, loginMethodType: x.loginMethodType });
+        }
+        const configs = providers.map(mapFn);
+        return configs;
+    }, ...(ngDevMode ? [{ debugName: "providersInjectionConfigsSignal" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseLoginListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: DbxFirebaseLoginListComponent, isStandalone: true, selector: "dbx-firebase-login-list", inputs: { loginMode: { classPropertyName: "loginMode", publicName: "loginMode", isSignal: true, isRequired: false, transformFunction: null }, providerTypes: { classPropertyName: "providerTypes", publicName: "providerTypes", isSignal: true, isRequired: false, transformFunction: null }, omitProviderTypes: { classPropertyName: "omitProviderTypes", publicName: "omitProviderTypes", isSignal: true, isRequired: false, transformFunction: null }, providerCategories: { classPropertyName: "providerCategories", publicName: "providerCategories", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "dbx-firebase-login-list" }, ngImport: i0, template: `
+    @for (config of providersInjectionConfigsSignal(); track config.loginMethodType) {
+      <div class="dbx-firebase-login-item">
+        <dbx-injection [config]="config"></dbx-injection>
+      </div>
+    }
+  `, isInline: true, dependencies: [{ kind: "component", type: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseLoginListComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'dbx-firebase-login-list',
+                    template: `
+    @for (config of providersInjectionConfigsSignal(); track config.loginMethodType) {
+      <div class="dbx-firebase-login-item">
+        <dbx-injection [config]="config"></dbx-injection>
+      </div>
+    }
+  `,
+                    host: {
+                        class: 'dbx-firebase-login-list'
+                    },
+                    standalone: true,
+                    imports: [DbxInjectionComponent]
+                }]
+        }], propDecorators: { loginMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "loginMode", required: false }] }], providerTypes: [{ type: i0.Input, args: [{ isSignal: true, alias: "providerTypes", required: false }] }], omitProviderTypes: [{ type: i0.Input, args: [{ isSignal: true, alias: "omitProviderTypes", required: false }] }], providerCategories: [{ type: i0.Input, args: [{ isSignal: true, alias: "providerCategories", required: false }] }] } });
+
+/**
+ * DbxFirebaseLoginContext implementation.
+ */
+class DbxFirebaseLoginContextDirective extends AbstractForwardDbxInjectionContextDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseLoginContextDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: DbxFirebaseLoginContextDirective, isStandalone: true, selector: "[dbxFirebaseLoginContext]", providers: [
+            {
+                provide: DbxFirebaseLoginContext,
+                useExisting: DbxFirebaseLoginContextDirective
+            }
+        ], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseLoginContextDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[dbxFirebaseLoginContext]',
+                    standalone: true,
+                    providers: [
+                        {
+                            provide: DbxFirebaseLoginContext,
+                            useExisting: DbxFirebaseLoginContextDirective
+                        }
+                    ]
+                }]
+        }] });
+
+/**
+ * Pre-configured login component that displays all configured login types.
+ */
+class DbxFirebaseLoginComponent {
+    loginMode = input('login', ...(ngDevMode ? [{ debugName: "loginMode" }] : []));
+    providerTypes = input(...(ngDevMode ? [undefined, { debugName: "providerTypes" }] : []));
+    omitProviderTypes = input(...(ngDevMode ? [undefined, { debugName: "omitProviderTypes" }] : []));
+    providerCategories = input(...(ngDevMode ? [undefined, { debugName: "providerCategories" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseLoginComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: DbxFirebaseLoginComponent, isStandalone: true, selector: "dbx-firebase-login", inputs: { loginMode: { classPropertyName: "loginMode", publicName: "loginMode", isSignal: true, isRequired: false, transformFunction: null }, providerTypes: { classPropertyName: "providerTypes", publicName: "providerTypes", isSignal: true, isRequired: false, transformFunction: null }, omitProviderTypes: { classPropertyName: "omitProviderTypes", publicName: "omitProviderTypes", isSignal: true, isRequired: false, transformFunction: null }, providerCategories: { classPropertyName: "providerCategories", publicName: "providerCategories", isSignal: true, isRequired: false, transformFunction: null } }, 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: 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseLoginComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'dbx-firebase-login',
+                    standalone: true,
+                    imports: [DbxInjectionContextDirective, DbxFirebaseLoginContextDirective, DbxFirebaseLoginListComponent],
+                    template: `
+    <ng-container *dbxInjectionContext dbxFirebaseLoginContext>
+      <dbx-firebase-login-list [providerTypes]="providerTypes()" [omitProviderTypes]="omitProviderTypes()" [providerCategories]="providerCategories()" [loginMode]="loginMode()"></dbx-firebase-login-list>
+    </ng-container>
+  `,
+                    host: {
+                        class: 'd-block dbx-firebase-login',
+                        '[class]': '{ "dbx-firebase-register": loginMode() === "register" }'
+                    },
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], propDecorators: { loginMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "loginMode", required: false }] }], providerTypes: [{ type: i0.Input, args: [{ isSignal: true, alias: "providerTypes", required: false }] }], omitProviderTypes: [{ type: i0.Input, args: [{ isSignal: true, alias: "omitProviderTypes", required: false }] }], providerCategories: [{ type: i0.Input, args: [{ isSignal: true, alias: "providerCategories", required: false }] }] } });
+
+class DbxFirebaseLoginContextBackButtonComponent {
+    cancelLogin = output();
+    anchor = {
+        onClick: () => this.cancelLogin.emit()
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseLoginContextBackButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: DbxFirebaseLoginContextBackButtonComponent, isStandalone: true, 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: "ngmodule", type: DbxRouterAnchorModule }, { kind: "component", type: i1$1.DbxLinkComponent, selector: "dbx-link", inputs: ["ref", "href", "anchor"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseLoginContextBackButtonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'dbx-firebase-login-context-back-button',
+                    standalone: true,
+                    imports: [DbxRouterAnchorModule],
+                    template: `
+    <dbx-link [anchor]="anchor">Choose other login method.</dbx-link>
+  `
+                }]
+        }], propDecorators: { cancelLogin: [{ type: i0.Output, args: ["cancelLogin"] }] } });
+
+class DbxFirebaseLoginMicrosoftComponent extends AbstractConfiguredDbxFirebaseLoginButtonDirective {
+    loginProvider = 'microsoft';
+    handleLogin() {
+        return this.dbxFirebaseAuthService.logInWithMicrosoft();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseLoginMicrosoftComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: DbxFirebaseLoginMicrosoftComponent, isStandalone: true, selector: "dbx-firebase-login-microsoft", usesInheritance: true, ngImport: i0, template: "\n  <dbx-firebase-login-button-container>\n    <dbx-firebase-login-button [config]=\"configSignal()\"></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"], outputs: ["configChange"] }, { kind: "component", type: DbxFirebaseLoginButtonContainerComponent, selector: "dbx-firebase-login-button-container" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseLoginMicrosoftComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'dbx-firebase-login-microsoft',
+                    imports: DBX_CONFIGURED_DBX_FIREBASE_LOGIN_BUTTON_COMPONENT_CONFIGURATION.imports,
+                    template: DBX_CONFIGURED_DBX_FIREBASE_LOGIN_BUTTON_COMPONENT_CONFIGURATION.template,
+                    changeDetection: DBX_CONFIGURED_DBX_FIREBASE_LOGIN_BUTTON_COMPONENT_CONFIGURATION.changeDetection,
+                    standalone: true
+                }]
+        }] });
+
+class DbxFirebaseLoginTermsComponent {
+    dbxFirebaseAuthLoginService = inject(DbxFirebaseAuthLoginService);
+    config = {
+        componentClass: this.dbxFirebaseAuthLoginService.loginTermsComponentClass
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseLoginTermsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: DbxFirebaseLoginTermsComponent, isStandalone: true, 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: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseLoginTermsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'dbx-firebase-login-terms',
+                    template: `
+    <dbx-injection [config]="config"></dbx-injection>
+  `,
+                    host: {
+                        class: 'dbx-firebase-login-terms d-block'
+                    },
+                    imports: [DbxInjectionComponent],
+                    standalone: true
+                }]
+        }] });
+
+/**
+ * Pre-configured register component that displays all configured login types and their registration components.
+ */
+class DbxFirebaseRegisterComponent {
+    providerTypes = input(...(ngDevMode ? [undefined, { debugName: "providerTypes" }] : []));
+    omitProviderTypes = input(...(ngDevMode ? [undefined, { debugName: "omitProviderTypes" }] : []));
+    providerCategories = input(...(ngDevMode ? [undefined, { debugName: "providerCategories" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseRegisterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: DbxFirebaseRegisterComponent, isStandalone: true, selector: "dbx-firebase-register", inputs: { providerTypes: { classPropertyName: "providerTypes", publicName: "providerTypes", isSignal: true, isRequired: false, transformFunction: null }, omitProviderTypes: { classPropertyName: "omitProviderTypes", publicName: "omitProviderTypes", isSignal: true, isRequired: false, transformFunction: null }, providerCategories: { classPropertyName: "providerCategories", publicName: "providerCategories", isSignal: true, isRequired: false, transformFunction: null } }, 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"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseRegisterComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'dbx-firebase-register',
+                    template: `
+    <dbx-firebase-login loginMode="register" [providerTypes]="providerTypes()" [omitProviderTypes]="omitProviderTypes()" [providerCategories]="providerCategories()"></dbx-firebase-login>
+  `,
+                    imports: [DbxFirebaseLoginComponent],
+                    standalone: true
+                }]
+        }], propDecorators: { providerTypes: [{ type: i0.Input, args: [{ isSignal: true, alias: "providerTypes", required: false }] }], omitProviderTypes: [{ type: i0.Input, args: [{ isSignal: true, alias: "omitProviderTypes", required: false }] }], providerCategories: [{ type: i0.Input, args: [{ isSignal: true, alias: "providerCategories", required: false }] }] } });
+
 function authRolesObsWithClaimsService(config) {
     const { addAuthUserStateToRoles: addAuthUserState, claimsService } = config;
     return (dbxFirebaseAuthService) => {
@@ -1575,25 +1451,6 @@ function provideDbxFirebaseAuth(config) {
     return makeEnvironmentProviders(providers);
 }
 
-/**
- * @deprecated use provideDbxFirebaseAuth() instead
- */
-class DbxFirebaseAuthModule {
-    static forRoot(config) {
-        return {
-            ngModule: DbxFirebaseAuthModule,
-            providers: [provideDbxFirebaseAuth(config)]
-        };
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseAuthModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseAuthModule });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseAuthModule });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseAuthModule, decorators: [{
-            type: NgModule,
-            args: [{}]
-        }] });
-
 /**
  * Default providers to inject.
  */
@@ -1634,10 +1491,10 @@ class DbxFirebaseDevelopmentWidgetService {
     getEntries() {
         return iterableToArray(this._entries.values());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", 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: "18.2.13", ngImport: i0, type: DbxFirebaseDevelopmentWidgetService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", 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: "21.2.0", ngImport: i0, type: DbxFirebaseDevelopmentWidgetService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseDevelopmentWidgetService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseDevelopmentWidgetService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Optional
@@ -1710,10 +1567,10 @@ class DbxFirebaseDevelopmentSchedulerService {
     setTimer(timerInterval) {
         this._timerInterval.next(timerInterval);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseDevelopmentSchedulerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseDevelopmentSchedulerService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseDevelopmentSchedulerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseDevelopmentSchedulerService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseDevelopmentSchedulerService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseDevelopmentSchedulerService, decorators: [{
             type: Injectable
         }] });
 
@@ -1736,10 +1593,10 @@ class DbxFirebaseDevelopmentPopupContentFormComponent extends AbstractConfigAsyn
             })
         ];
     }));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseDevelopmentPopupContentFormComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DbxFirebaseDevelopmentPopupContentFormComponent, isStandalone: true, selector: "dbx-firebase-development-popup-content-form", providers: dbxFormlyFormComponentProviders(), usesInheritance: true, ngImport: i0, template: "<dbx-formly></dbx-formly>", isInline: true, dependencies: [{ kind: "ngmodule", type: DbxFormlyFormComponentImportsModule }, { kind: "component", type: i1$2.DbxFormlyComponent, selector: "dbx-formly", exportAs: ["formly"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseDevelopmentPopupContentFormComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: DbxFirebaseDevelopmentPopupContentFormComponent, isStandalone: true, selector: "dbx-firebase-development-popup-content-form", providers: dbxFormlyFormComponentProviders(), usesInheritance: true, ngImport: i0, template: "<dbx-formly></dbx-formly>", isInline: true, dependencies: [{ kind: "ngmodule", type: DbxFormlyFormComponentImportsModule }, { kind: "component", type: i1$2.DbxFormlyComponent, selector: "dbx-formly", exportAs: ["formly"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseDevelopmentPopupContentFormComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseDevelopmentPopupContentFormComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-firebase-development-popup-content-form',
@@ -1758,10 +1615,10 @@ class DbxFirebaseDevelopmentSchedulerListComponent extends AbstractDbxSelectionL
             defaultSelectionMode: 'view'
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseDevelopmentSchedulerListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DbxFirebaseDevelopmentSchedulerListComponent, isStandalone: true, selector: "dbx-firebase-development-scheduler-list", providers: provideDbxListViewWrapper(DbxFirebaseDevelopmentSchedulerListComponent), usesInheritance: true, ngImport: i0, template: "\n  <dbx-list [state]=\"currentState$\" [config]=\"configSignal()\" [hasMore]=\"hasMore()\" [disabled]=\"disabled()\" [selectionMode]=\"selectionModeSignal()\">\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    <ng-content end select=\"[end]\"></ng-content>\n  </dbx-list>", isInline: true, dependencies: [{ kind: "ngmodule", type: DbxListWrapperComponentImportsModule }, { kind: "component", type: i1$1.DbxListComponent, selector: "dbx-list", inputs: ["padded", "state", "config", "disabled", "selectionMode", "hasMore"], outputs: ["contentScrolled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseDevelopmentSchedulerListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: DbxFirebaseDevelopmentSchedulerListComponent, isStandalone: true, selector: "dbx-firebase-development-scheduler-list", providers: provideDbxListViewWrapper(DbxFirebaseDevelopmentSchedulerListComponent), usesInheritance: true, ngImport: i0, template: "\n  <dbx-list [state]=\"currentState$\" [config]=\"configSignal()\" [hasMore]=\"hasMore()\" [disabled]=\"disabled()\" [selectionMode]=\"selectionModeSignal()\">\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    <ng-content end select=\"[end]\"></ng-content>\n  </dbx-list>", isInline: true, dependencies: [{ kind: "ngmodule", type: DbxListWrapperComponentImportsModule }, { kind: "component", type: i1$1.DbxListComponent, selector: "dbx-list", inputs: ["padded", "state", "config", "disabled", "selectionMode", "hasMore"], outputs: ["contentScrolled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseDevelopmentSchedulerListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseDevelopmentSchedulerListComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-firebase-development-scheduler-list',
@@ -1777,10 +1634,10 @@ class DbxFirebaseDevelopmentSchedulerListViewComponent extends AbstractDbxSelect
         componentClass: DbxFirebaseDevelopmentSchedulerListViewItemComponent,
         mapValuesToItemValues: (x) => of(x.map((y) => ({ ...y, icon: y.icon, itemValue: y })))
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseDevelopmentSchedulerListViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DbxFirebaseDevelopmentSchedulerListViewComponent, isStandalone: true, 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: "ngmodule", type: DbxSelectionValueListViewComponentImportsModule }, { kind: "component", type: i1$1.DbxSelectionValueListViewComponent, selector: "dbx-selection-list-view" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseDevelopmentSchedulerListViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: DbxFirebaseDevelopmentSchedulerListViewComponent, isStandalone: true, 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: "ngmodule", type: DbxSelectionValueListViewComponentImportsModule }, { kind: "component", type: i1$1.DbxSelectionValueListViewComponent, selector: "dbx-selection-list-view" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseDevelopmentSchedulerListViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseDevelopmentSchedulerListViewComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-firebase-development-scheduler-list-view',
@@ -1799,15 +1656,15 @@ class DbxFirebaseDevelopmentSchedulerListViewItemComponent extends AbstractDbxVa
     handleRun = (value, context) => {
         context.startWorkingWithObservable(from(this.dbxFirebaseDevelopmentSchedulerService.runScheduledFunction(this.name)));
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseDevelopmentSchedulerListViewItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DbxFirebaseDevelopmentSchedulerListViewItemComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseDevelopmentSchedulerListViewItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: DbxFirebaseDevelopmentSchedulerListViewItemComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
     <div dbxAction dbxActionValue useFastTriggerPreset [dbxActionHandler]="handleRun">
       <dbx-button dbxActionButton [text]="'Run ' + name"></dbx-button>
       <div *dbxActionHasSuccess="3000" class="dbx-success">Success</div>
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: DbxActionModule }, { kind: "directive", type: i2.DbxActionDirective, selector: "dbx-action,[dbxAction],dbx-action-context,[dbxActionContext]", exportAs: ["action", "dbxAction"] }, { kind: "directive", type: i2.DbxActionHandlerDirective, selector: "[dbxActionHandler]", inputs: ["dbxActionHandler"] }, { kind: "directive", type: i2.DbxActionValueDirective, selector: "dbxActionValue,[dbxActionValue]", inputs: ["dbxActionValue"] }, { kind: "directive", type: i2.DbxActionHasSuccessDirective, selector: "[dbxActionHasSuccess]", inputs: ["dbxActionHasSuccess"] }, { kind: "directive", type: i2.DbxActionButtonDirective, selector: "[dbxActionButton]" }, { kind: "component", type: DbxButtonComponent, selector: "dbx-button", inputs: ["bar", "type", "buttonStyle", "color", "spinnerColor", "customButtonColor", "customTextColor", "customSpinnerColor", "basic", "raised", "stroked", "flat", "iconOnly", "fab", "mode"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: DbxActionModule }, { kind: "directive", type: i2.DbxActionDirective, selector: "dbx-action,[dbxAction]", exportAs: ["action", "dbxAction"] }, { kind: "directive", type: i2.DbxActionHandlerDirective, selector: "[dbxActionHandler]", inputs: ["dbxActionHandler"] }, { kind: "directive", type: i2.DbxActionValueDirective, selector: "dbxActionValue,[dbxActionValue]", inputs: ["dbxActionValue"] }, { kind: "directive", type: i2.DbxActionHasSuccessDirective, selector: "[dbxActionHasSuccess]", inputs: ["dbxActionHasSuccess"] }, { kind: "directive", type: i2.DbxActionButtonDirective, selector: "[dbxActionButton]" }, { kind: "component", type: DbxButtonComponent, selector: "dbx-button", inputs: ["bar", "type", "buttonStyle", "color", "spinnerColor", "customButtonColor", "customTextColor", "customSpinnerColor", "basic", "tonal", "raised", "stroked", "flat", "iconOnly", "fab", "mode"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseDevelopmentSchedulerListViewItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseDevelopmentSchedulerListViewItemComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
@@ -1836,14 +1693,14 @@ class DbxFirebaseDevelopmentSchedulerWidgetComponent {
     dbxFirebaseDevelopmentSchedulerService = inject(DbxFirebaseDevelopmentSchedulerService);
     entries$ = this.dbxFirebaseDevelopmentSchedulerService.schedulerList$;
     state$ = loadingStateFromObs(this.entries$);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseDevelopmentSchedulerWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DbxFirebaseDevelopmentSchedulerWidgetComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseDevelopmentSchedulerWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: DbxFirebaseDevelopmentSchedulerWidgetComponent, isStandalone: true, 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" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseDevelopmentSchedulerWidgetComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseDevelopmentSchedulerWidgetComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
@@ -1890,10 +1747,10 @@ class DbxFirebaseEmulatorService {
             }
             : undefined;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseEmulatorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseEmulatorService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseEmulatorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseEmulatorService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseEmulatorService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseEmulatorService, decorators: [{
             type: Injectable
         }] });
 
@@ -1903,11 +1760,10 @@ class DbxFirebaseDevelopmentPopupContentComponent {
     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);
+    _activeEntrySelector = completeOnDestroy(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 })));
@@ -1923,7 +1779,7 @@ class DbxFirebaseDevelopmentPopupContentComponent {
     schedulerIntervalSignal = toSignal(this.schedulerInterval$);
     schedulerErrorSignal = toSignal(this.schedulerError$);
     activeEntrySignal = toSignal(this.activeEntry$);
-    rightTitleSignal = computed(() => this.activeEntrySignal()?.label);
+    rightTitleSignal = computed(() => this.activeEntrySignal()?.label, ...(ngDevMode ? [{ debugName: "rightTitleSignal" }] : []));
     widgetConfigSignal = computed(() => {
         const widget = this.activeEntrySignal()?.widget;
         let widgetConfig = undefined;
@@ -1931,16 +1787,12 @@ class DbxFirebaseDevelopmentPopupContentComponent {
             widgetConfig = { type: widget.type, data: undefined };
         }
         return widgetConfig;
-    });
-    ngOnInit() {
+    }, ...(ngDevMode ? [{ debugName: "widgetConfigSignal" }] : []));
+    constructor() {
         this.twoColumnsContextStore.setShowRight(this.showRight$);
-        this._backSub.subscription = this.twoColumnsContextStore.back$.subscribe(() => {
+        cleanSubscription(this.twoColumnsContextStore.back$.subscribe(() => {
             this.clearSelection();
-        });
-    }
-    ngOnDestroy() {
-        this._backSub.destroy();
-        this._activeEntrySelector.complete();
+        }));
     }
     handleFormUpdate = (value, context) => {
         this._activeEntrySelector.next(value.specifier);
@@ -1952,13 +1804,13 @@ class DbxFirebaseDevelopmentPopupContentComponent {
     clearSelection() {
         this._activeEntrySelector.next(undefined);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseDevelopmentPopupContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DbxFirebaseDevelopmentPopupContentComponent, isStandalone: true, 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): {{ schedulerRunningSignal() }} : {{ schedulerIntervalSignal() }}s : {{ schedulerErrorSignal() }}</p>\n      <div>\n        @if (showEmulatorButton) {\n          <dbx-anchor [anchor]=\"emulatorUIAnchor\">\n            <button mat-flat-button color=\"accent\">Emulator Enabled</button>\n          </dbx-anchor>\n        }\n      </div>\n    </div>\n    <div>\n      <h4>Tools</h4>\n      <div dbxAction dbxActionEnforceModified dbxActionAutoTrigger useInstantTriggerPreset [dbxActionHandler]=\"handleFormUpdate\">\n        <dbx-firebase-development-popup-content-form [config]=\"formConfig$\" dbxActionForm [dbxActionFormIsModified]=\"isFormModified\" [dbxFormSource]=\"formData$\" dbxFormSourceMode=\"always\"></dbx-firebase-development-popup-content-form>\n      </div>\n    </div>\n  </dbx-two-block>\n  <dbx-two-column-right right [header]=\"rightTitleSignal()\">\n    <dbx-widget-view [config]=\"widgetConfigSignal()\"></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: "component", type: DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: ["block"] }, { kind: "directive", type: DbxTwoColumnFullLeftDirective, selector: "[dbxTwoColumnFullLeft]", inputs: ["dbxTwoColumnFullLeft"] }, { kind: "component", type: DbxWidgetViewComponent, selector: "dbx-widget-view", inputs: ["config"] }, { kind: "component", type: DbxTwoColumnComponent, selector: "dbx-two-column", inputs: ["reverseSizing", "inSectionPage", "hasRightContent"], exportAs: ["columns"] }, { kind: "component", type: DbxTwoBlockComponent, selector: "dbx-two-block", inputs: ["fixedTop"] }, { kind: "component", type: DbxTwoColumnRightComponent, selector: "dbx-two-column-right", inputs: ["full", "header", "block", "showBack", "minRightWidth"] }, { kind: "component", type: DbxFirebaseDevelopmentPopupContentFormComponent, selector: "dbx-firebase-development-popup-content-form" }, { kind: "directive", type: DbxActionDirective, selector: "dbx-action,[dbxAction],dbx-action-context,[dbxActionContext]", exportAs: ["action", "dbxAction"] }, { kind: "directive", type: DbxActionEnforceModifiedDirective, selector: "[dbxActionEnforceModified]", inputs: ["dbxActionEnforceModified"] }, { kind: "directive", type: DbxActionHandlerDirective, selector: "[dbxActionHandler]", inputs: ["dbxActionHandler"] }, { kind: "directive", type: DbxActionFormDirective, selector: "[dbxActionForm]", inputs: ["dbxActionFormDisabledOnWorking", "dbxActionFormIsValid", "dbxActionFormIsEqual", "dbxActionFormIsModified", "dbxActionFormMapValue"] }, { kind: "directive", type: DbxFormSourceDirective, selector: "[dbxFormSource]", inputs: ["dbxFormSourceMode", "dbxFormSource"] }, { kind: "directive", type: DbxActionAutoTriggerDirective, selector: "dbxActionAutoTrigger,[dbxActionAutoTrigger]", inputs: ["triggerDebounce", "triggerThrottle", "triggerErrorThrottle", "maxErrorsForThrottle", "triggerLimit", "dbxActionAutoTrigger", "useFastTriggerPreset", "useInstantTriggerPreset"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseDevelopmentPopupContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: DbxFirebaseDevelopmentPopupContentComponent, isStandalone: true, 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): {{ schedulerRunningSignal() }} : {{ schedulerIntervalSignal() }}s : {{ schedulerErrorSignal() }}</p>\n      <div>\n        @if (showEmulatorButton) {\n          <dbx-anchor [anchor]=\"emulatorUIAnchor\">\n            <button mat-flat-button color=\"accent\">Emulator Enabled</button>\n          </dbx-anchor>\n        }\n      </div>\n    </div>\n    <div>\n      <h4>Tools</h4>\n      <div dbxAction dbxActionEnforceModified dbxActionAutoTrigger useInstantTriggerPreset [dbxActionHandler]=\"handleFormUpdate\">\n        <dbx-firebase-development-popup-content-form [config]=\"formConfig$\" dbxActionForm [dbxActionFormIsModified]=\"isFormModified\" [dbxFormSource]=\"formData$\" dbxFormSourceMode=\"always\"></dbx-firebase-development-popup-content-form>\n      </div>\n    </div>\n  </dbx-two-block>\n  <dbx-two-column-right right [header]=\"rightTitleSignal()\">\n    <dbx-widget-view [config]=\"widgetConfigSignal()\"></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: "component", type: DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: ["block"] }, { kind: "directive", type: DbxTwoColumnFullLeftDirective, selector: "[dbxTwoColumnFullLeft]", inputs: ["dbxTwoColumnFullLeft"] }, { kind: "component", type: DbxWidgetViewComponent, selector: "dbx-widget-view", inputs: ["config"] }, { kind: "component", type: DbxTwoColumnComponent, selector: "dbx-two-column", inputs: ["reverseSizing", "inSectionPage", "hasRightContent"], exportAs: ["columns"] }, { kind: "component", type: DbxTwoBlockComponent, selector: "dbx-two-block", inputs: ["fixedTop"] }, { kind: "component", type: DbxTwoColumnRightComponent, selector: "dbx-two-column-right", inputs: ["full", "header", "block", "showBack", "minRightWidth"] }, { kind: "component", type: DbxFirebaseDevelopmentPopupContentFormComponent, selector: "dbx-firebase-development-popup-content-form" }, { kind: "directive", type: DbxActionDirective, selector: "dbx-action,[dbxAction]", exportAs: ["action", "dbxAction"] }, { kind: "directive", type: DbxActionEnforceModifiedDirective, selector: "[dbxActionEnforceModified]", inputs: ["dbxActionEnforceModified"] }, { kind: "directive", type: DbxActionHandlerDirective, selector: "[dbxActionHandler]", inputs: ["dbxActionHandler"] }, { kind: "directive", type: DbxActionFormDirective, selector: "[dbxActionForm]", inputs: ["dbxActionFormDisabledOnWorking", "dbxActionFormIsValid", "dbxActionFormIsEqual", "dbxActionFormIsModified", "dbxActionFormMapValue"] }, { kind: "directive", type: DbxFormSourceDirective, selector: "[dbxFormSource]", inputs: ["dbxFormSourceMode", "dbxFormSource"] }, { kind: "directive", type: DbxActionAutoTriggerDirective, selector: "dbxActionAutoTrigger,[dbxActionAutoTrigger]", inputs: ["triggerDebounce", "triggerThrottle", "triggerErrorThrottle", "maxErrorsForThrottle", "triggerLimit", "dbxActionAutoTrigger", "useFastTriggerPreset", "useInstantTriggerPreset"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$3.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseDevelopmentPopupContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseDevelopmentPopupContentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'dbx-firebase-development-popup-content', imports: [DbxAnchorComponent, DbxTwoColumnFullLeftDirective, DbxWidgetViewComponent, DbxTwoColumnComponent, DbxTwoBlockComponent, DbxTwoColumnRightComponent, DbxWidgetViewComponent, DbxFirebaseDevelopmentPopupContentFormComponent, DbxActionDirective, DbxActionEnforceModifiedDirective, DbxActionHandlerDirective, DbxActionFormDirective, DbxFormSourceDirective, DbxActionAutoTriggerDirective, MatButtonModule], providers: [TwoColumnsContextStore], standalone: true, 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): {{ schedulerRunningSignal() }} : {{ schedulerIntervalSignal() }}s : {{ schedulerErrorSignal() }}</p>\n      <div>\n        @if (showEmulatorButton) {\n          <dbx-anchor [anchor]=\"emulatorUIAnchor\">\n            <button mat-flat-button color=\"accent\">Emulator Enabled</button>\n          </dbx-anchor>\n        }\n      </div>\n    </div>\n    <div>\n      <h4>Tools</h4>\n      <div dbxAction dbxActionEnforceModified dbxActionAutoTrigger useInstantTriggerPreset [dbxActionHandler]=\"handleFormUpdate\">\n        <dbx-firebase-development-popup-content-form [config]=\"formConfig$\" dbxActionForm [dbxActionFormIsModified]=\"isFormModified\" [dbxFormSource]=\"formData$\" dbxFormSourceMode=\"always\"></dbx-firebase-development-popup-content-form>\n      </div>\n    </div>\n  </dbx-two-block>\n  <dbx-two-column-right right [header]=\"rightTitleSignal()\">\n    <dbx-widget-view [config]=\"widgetConfigSignal()\"></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: () => [] });
 
 const DEFAULT_FIREBASE_DEVELOPMENT_POPUP_KEY = 'devpopup';
 class DbxFirebaseDevelopmentPopupComponent extends AbstractPopupDirective {
@@ -1977,15 +1829,15 @@ class DbxFirebaseDevelopmentPopupComponent extends AbstractPopupDirective {
     reopen = () => {
         DbxFirebaseDevelopmentPopupComponent.openPopup(this.popupService, this.popup.key);
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseDevelopmentPopupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.13", type: DbxFirebaseDevelopmentPopupComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "content", first: true, predicate: DbxFirebaseDevelopmentPopupContentComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseDevelopmentPopupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.0", type: DbxFirebaseDevelopmentPopupComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "content", first: true, predicate: DbxFirebaseDevelopmentPopupContentComponent, descendants: true, isSignal: 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: DbxPopupContentComponent, selector: "dbx-popup-content" }, { kind: "component", type: DbxPopupControlsComponent, selector: "dbx-popup-controls", inputs: ["header"] }, { kind: "component", type: DbxFirebaseDevelopmentPopupContentComponent, selector: "dbx-firebase-development-popup-content" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseDevelopmentPopupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseDevelopmentPopupComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
@@ -1998,7 +1850,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush
                 }]
-        }] });
+        }], propDecorators: { content: [{ type: i0.ViewChild, args: [i0.forwardRef(() => DbxFirebaseDevelopmentPopupContentComponent), { isSignal: true }] }] } });
 
 /**
  * Corresponds to the enabled value on the DbxFirebaseDevelopmentService.
@@ -2011,10 +1863,10 @@ const DEFAULT_FIREBASE_DEVELOPMENT_ENABLED_TOKEN = new InjectionToken('DefaultDb
  */
 class DbxFirebaseDevelopmentService {
     enabled = inject(DEFAULT_FIREBASE_DEVELOPMENT_ENABLED_TOKEN, { optional: true }) ?? false;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseDevelopmentService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseDevelopmentService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseDevelopmentService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseDevelopmentService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseDevelopmentService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseDevelopmentService, decorators: [{
             type: Injectable
         }] });
 
@@ -2029,6 +1881,9 @@ class DbxFirebaseDevelopmentDirective {
     get enabled() {
         return this.dbxFirebaseDevelopmentService.enabled;
     }
+    constructor() {
+        clean(() => this.closePopup());
+    }
     handleKeyboardEvent(event) {
         if (this.enabled && event.shiftKey && event.altKey && event.code === 'KeyD') {
             this.togglePopup();
@@ -2073,24 +1928,21 @@ class DbxFirebaseDevelopmentDirective {
             });
         }
     }
-    ngOnDestroy() {
-        this.closePopup();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseDevelopmentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DbxFirebaseDevelopmentDirective, isStandalone: true, selector: "[dbxFirebaseDevelopment]", host: { listeners: { "window:keydown": "handleKeyboardEvent($event)" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseDevelopmentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: DbxFirebaseDevelopmentDirective, isStandalone: true, selector: "[dbxFirebaseDevelopment]", host: { listeners: { "window:keydown": "handleKeyboardEvent($event)" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseDevelopmentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseDevelopmentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxFirebaseDevelopment]',
                     standalone: true
                 }]
-        }], propDecorators: { handleKeyboardEvent: [{
+        }], ctorParameters: () => [], propDecorators: { handleKeyboardEvent: [{
                 type: HostListener,
                 args: ['window:keydown', ['$event']]
             }] } });
 
-const importsAndExports$6 = [
+const importsAndExports$2 = [
     //
     DbxFirebaseDevelopmentPopupContentFormComponent,
     DbxFirebaseDevelopmentDirective,
@@ -2105,8 +1957,8 @@ const importsAndExports$6 = [
  * Contains components related to logging in.
  */
 class DbxFirebaseDevelopmentModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseDevelopmentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseDevelopmentModule, imports: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseDevelopmentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseDevelopmentModule, imports: [
             //
             DbxFirebaseDevelopmentPopupContentFormComponent,
             DbxFirebaseDevelopmentDirective,
@@ -2125,7 +1977,7 @@ class DbxFirebaseDevelopmentModule {
             DbxFirebaseDevelopmentSchedulerListComponent,
             DbxFirebaseDevelopmentSchedulerListViewComponent,
             DbxFirebaseDevelopmentSchedulerListViewItemComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseDevelopmentModule, imports: [
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseDevelopmentModule, imports: [
             //
             DbxFirebaseDevelopmentPopupContentFormComponent,
             DbxFirebaseDevelopmentPopupComponent,
@@ -2135,11 +1987,11 @@ class DbxFirebaseDevelopmentModule {
             DbxFirebaseDevelopmentSchedulerListViewComponent,
             DbxFirebaseDevelopmentSchedulerListViewItemComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseDevelopmentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseDevelopmentModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: importsAndExports$6,
-                    exports: importsAndExports$6
+                    imports: importsAndExports$2,
+                    exports: importsAndExports$2
                 }]
         }] });
 
@@ -2170,17 +2022,11 @@ function provideDbxFirebaseDevelopment(config) {
         DbxFirebaseDevelopmentSchedulerService,
         DbxFirebaseDevelopmentWidgetService,
         // service initialization
-        {
-            provide: APP_INITIALIZER,
-            useFactory: (scheduler) => {
-                return () => {
-                    // initialize the scheduler
-                    scheduler.init();
-                };
-            },
-            deps: [DbxFirebaseDevelopmentSchedulerService],
-            multi: true
-        }
+        provideAppInitializer(() => {
+            const scheduler = inject(DbxFirebaseDevelopmentSchedulerService);
+            // initialize the scheduler
+            scheduler.init();
+        })
     ];
     return makeEnvironmentProviders(providers);
 }
@@ -2316,31 +2162,8 @@ function provideDbxFirebaseApp(config) {
         providers.push(functionsProvider);
     }
     return makeEnvironmentProviders(providers);
-}
-// TODO: Providers now need to be initialized/registered in the bootstrap section as additional providers/config and not imported as modules this way
-
-/**
- * Default provider module.
- *
- * @deprecated use provideDbxFirebaseApp() instead
- */
-class DbxFirebaseDefaultFirebaseProvidersModule {
-    static forRoot(dbxFirebaseOptions) {
-        return {
-            ngModule: DbxFirebaseDefaultFirebaseProvidersModule,
-            providers: [provideDbxFirebaseApp({ dbxFirebaseAppOptions: dbxFirebaseOptions })]
-        };
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseDefaultFirebaseProvidersModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseDefaultFirebaseProvidersModule });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseDefaultFirebaseProvidersModule });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseDefaultFirebaseProvidersModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    providers: []
-                }]
-        }] });
+}
+// TODO: Providers now need to be initialized/registered in the bootstrap section as additional providers/config and not imported as modules this way
 
 /**
  * Creates EnvironmentProviders for the DbxFirebaseEmulatorService.
@@ -2372,26 +2195,6 @@ function provideDbxFirebaseEmulator(config) {
     return makeEnvironmentProviders(providers);
 }
 
-/**
- * Used to configure the DbxFirebaseEmulatorsConfig provider.
- *
- * @deprecated use provideDbxFirebaseEmulator instead.
- */
-class DbxFirebaseEmulatorModule {
-    static forRoot(config) {
-        return {
-            ngModule: DbxFirebaseEmulatorModule,
-            providers: [provideDbxFirebaseEmulator(config)]
-        };
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseEmulatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseEmulatorModule });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseEmulatorModule });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseEmulatorModule, decorators: [{
-            type: NgModule
-        }] });
-
 /**
  * Token to access the FirestoreContext value.
  */
@@ -2479,35 +2282,15 @@ function provideDbxFirestoreCollection(config) {
     return makeEnvironmentProviders(providers);
 }
 
-/**
- * Used to initialize the FirestoreCollection for a DbxFirebase app.
- *
- * @deprecated use provideDbxFirestoreCollection() instead.
- */
-class DbxFirebaseFirestoreCollectionModule {
-    static forRoot(config) {
-        return {
-            ngModule: DbxFirebaseFirestoreCollectionModule,
-            providers: [provideDbxFirestoreCollection(config)]
-        };
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseFirestoreCollectionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseFirestoreCollectionModule });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseFirestoreCollectionModule });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseFirestoreCollectionModule, decorators: [{
-            type: NgModule
-        }] });
-
 /**
  * Service that provides access to the app's FirestoreContext.
  */
 class DbxFirestoreContextService {
     firestoreContext = inject(DBX_FIRESTORE_CONTEXT_TOKEN);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirestoreContextService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirestoreContextService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirestoreContextService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirestoreContextService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirestoreContextService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirestoreContextService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -2564,26 +2347,6 @@ function provideDbxFirebaseFunctions(config) {
     return makeEnvironmentProviders(providers);
 }
 
-/**
- * Used to initialize the LazyFirebaseFunctions type for a DbxFirebase app.
- *
- * @deprecated use provideDbxFirebaseFunctions() instead.
- */
-class DbxFirebaseFunctionsModule {
-    static forRoot(config) {
-        return {
-            ngModule: DbxFirebaseFunctionsModule,
-            providers: [provideDbxFirebaseFunctions(config)]
-        };
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseFunctionsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseFunctionsModule });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseFunctionsModule });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseFunctionsModule, decorators: [{
-            type: NgModule
-        }] });
-
 function dbxFirebaseCollectionChangeWatcher(store, initialMode) {
     const _mode = new BehaviorSubject(initialMode ?? 'off');
     const _sub = new SubscriptionObject();
@@ -3177,10 +2940,10 @@ class DbxFirebaseModelTypesService {
     instancePairsForKeys(keys) {
         return dbxFirebaseModelTypesServiceInstancePairForKeysFactory(this)(keys);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModelTypesService, deps: [{ token: DbxFirebaseModelTypesServiceConfig }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModelTypesService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseModelTypesService, deps: [{ token: DbxFirebaseModelTypesServiceConfig }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseModelTypesService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModelTypesService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseModelTypesService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: DbxFirebaseModelTypesServiceConfig, decorators: [{
                     type: Inject,
@@ -3273,10 +3036,10 @@ class DbxFirebaseModelTrackerService {
         const historyKeys$ = this.loadHistoryKeys();
         return historyKeys$.pipe(switchMap((x) => this.dbxFirebaseModelTypesService.instancePairsForKeys(x)));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModelTrackerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModelTrackerService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseModelTrackerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseModelTrackerService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModelTrackerService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseModelTrackerService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -3293,10 +3056,10 @@ class DbxFirebaseModelTypeInstanceListComponent extends AbstractDbxSelectionList
             defaultSelectionMode: 'view'
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModelTypeInstanceListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DbxFirebaseModelTypeInstanceListComponent, isStandalone: true, selector: "dbx-firebase-model-type-instance-list", providers: provideDbxListViewWrapper(DbxFirebaseModelTypeInstanceListComponent), usesInheritance: true, ngImport: i0, template: "\n  <dbx-list [state]=\"currentState$\" [config]=\"configSignal()\" [hasMore]=\"hasMore()\" [disabled]=\"disabled()\" [selectionMode]=\"selectionModeSignal()\">\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    <ng-content end select=\"[end]\"></ng-content>\n  </dbx-list>", isInline: true, dependencies: [{ kind: "ngmodule", type: DbxListWrapperComponentImportsModule }, { kind: "component", type: i1$1.DbxListComponent, selector: "dbx-list", inputs: ["padded", "state", "config", "disabled", "selectionMode", "hasMore"], outputs: ["contentScrolled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseModelTypeInstanceListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: DbxFirebaseModelTypeInstanceListComponent, isStandalone: true, selector: "dbx-firebase-model-type-instance-list", providers: provideDbxListViewWrapper(DbxFirebaseModelTypeInstanceListComponent), usesInheritance: true, ngImport: i0, template: "\n  <dbx-list [state]=\"currentState$\" [config]=\"configSignal()\" [hasMore]=\"hasMore()\" [disabled]=\"disabled()\" [selectionMode]=\"selectionModeSignal()\">\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    <ng-content end select=\"[end]\"></ng-content>\n  </dbx-list>", isInline: true, dependencies: [{ kind: "ngmodule", type: DbxListWrapperComponentImportsModule }, { kind: "component", type: i1$1.DbxListComponent, selector: "dbx-list", inputs: ["padded", "state", "config", "disabled", "selectionMode", "hasMore"], outputs: ["contentScrolled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModelTypeInstanceListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseModelTypeInstanceListComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-firebase-model-type-instance-list',
@@ -3312,10 +3075,10 @@ class DbxFirebaseModelTypeInstanceListViewComponent extends AbstractDbxSelection
         componentClass: DbxFirebaseModelTypeInstanceListViewItemComponent,
         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: "18.2.13", ngImport: i0, type: DbxFirebaseModelTypeInstanceListViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DbxFirebaseModelTypeInstanceListViewComponent, isStandalone: true, selector: "dbx-firebase-model-type-instance-list-view", providers: provideDbxListView(DbxFirebaseModelTypeInstanceListViewComponent), usesInheritance: true, ngImport: i0, template: "<dbx-selection-list-view [config]=\"config\"></dbx-selection-list-view>", isInline: true, dependencies: [{ kind: "ngmodule", type: DbxSelectionValueListViewComponentImportsModule }, { kind: "component", type: i1$1.DbxSelectionValueListViewComponent, selector: "dbx-selection-list-view" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseModelTypeInstanceListViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: DbxFirebaseModelTypeInstanceListViewComponent, isStandalone: true, selector: "dbx-firebase-model-type-instance-list-view", providers: provideDbxListView(DbxFirebaseModelTypeInstanceListViewComponent), usesInheritance: true, ngImport: i0, template: "<dbx-selection-list-view [config]=\"config\"></dbx-selection-list-view>", isInline: true, dependencies: [{ kind: "ngmodule", type: DbxSelectionValueListViewComponentImportsModule }, { kind: "component", type: i1$1.DbxSelectionValueListViewComponent, selector: "dbx-selection-list-view" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModelTypeInstanceListViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseModelTypeInstanceListViewComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-firebase-model-type-instance-list-view',
@@ -3328,12 +3091,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
         }] });
 class DbxFirebaseModelTypeInstanceListViewItemComponent extends AbstractDbxValueListViewItemComponent {
     title = this.itemValue.displayInfo.title;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModelTypeInstanceListViewItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DbxFirebaseModelTypeInstanceListViewItemComponent, isStandalone: true, selector: "dbx-firebase-model-type-instance-list-view-item", usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseModelTypeInstanceListViewItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: DbxFirebaseModelTypeInstanceListViewItemComponent, isStandalone: true, selector: "dbx-firebase-model-type-instance-list-view-item", usesInheritance: true, ngImport: i0, template: `
     <span>{{ title }}</span>
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModelTypeInstanceListViewItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseModelTypeInstanceListViewItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-firebase-model-type-instance-list-view-item',
@@ -3347,18 +3110,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 
 class DbxFirebaseModelHistoryComponent {
     dbxFirebaseModelTrackerService = inject(DbxFirebaseModelTrackerService);
-    anchorForItem = input();
-    historyFilter = input();
+    anchorForItem = input(...(ngDevMode ? [undefined, { debugName: "anchorForItem" }] : []));
+    historyFilter = input(...(ngDevMode ? [undefined, { debugName: "historyFilter" }] : []));
     historyPairs$ = toObservable(this.historyFilter).pipe(switchMap((x) => this.dbxFirebaseModelTrackerService.filterHistoryPairs(x)), shareReplay(1));
     state = loadingStateFromObs(this.historyPairs$);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModelHistoryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: DbxFirebaseModelHistoryComponent, isStandalone: true, selector: "dbx-firebase-model-history", inputs: { anchorForItem: { classPropertyName: "anchorForItem", publicName: "anchorForItem", isSignal: true, isRequired: false, transformFunction: null }, historyFilter: { classPropertyName: "historyFilter", publicName: "historyFilter", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseModelHistoryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: DbxFirebaseModelHistoryComponent, isStandalone: true, selector: "dbx-firebase-model-history", inputs: { anchorForItem: { classPropertyName: "anchorForItem", publicName: "anchorForItem", isSignal: true, isRequired: false, transformFunction: null }, historyFilter: { classPropertyName: "historyFilter", publicName: "historyFilter", isSignal: true, isRequired: false, transformFunction: null } }, 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: "component", type: DbxFirebaseModelTypeInstanceListComponent, selector: "dbx-firebase-model-type-instance-list" }, { kind: "directive", type: DbxListItemAnchorModifierDirective, selector: "[dbxListItemAnchorModifier]", inputs: ["dbxListItemAnchorModifier"] }, { kind: "directive", type: DbxValueListItemModifierDirective, selector: "dbxListItemModifier,[dbxListItemModifier]", inputs: ["dbxListItemModifier"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModelHistoryComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseModelHistoryComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-firebase-model-history',
@@ -3371,7 +3134,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     standalone: true
                 }]
-        }] });
+        }], propDecorators: { anchorForItem: [{ type: i0.Input, args: [{ isSignal: true, alias: "anchorForItem", required: false }] }], historyFilter: [{ type: i0.Input, args: [{ isSignal: true, alias: "historyFilter", required: false }] }] } });
 
 const DEFAULT_DBX_FIREBASE_MODEL_HISTORY_COMPONENT_POPOVER_KEY = 'history';
 class DbxFirebaseModelHistoryPopoverComponent extends AbstractPopoverDirective {
@@ -3397,10 +3160,10 @@ class DbxFirebaseModelHistoryPopoverComponent extends AbstractPopoverDirective {
     emptyText = this.config.emptyText ?? 'History is empty.';
     historyFilter = this.config.historyFilter;
     anchorForItem = this.config.anchorForItem;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModelHistoryPopoverComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DbxFirebaseModelHistoryPopoverComponent, isStandalone: true, 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: DbxPopoverContentComponent, selector: "dbx-popover-content" }, { kind: "component", type: DbxPopoverHeaderComponent, selector: "dbx-popover-header", inputs: ["header", "icon"] }, { kind: "directive", type: DbxPopoverScrollContentDirective, selector: "dbx-popover-scroll-content,[dbxPopoverScrollContent],.dbx-popover-scroll-content" }, { kind: "component", type: DbxFirebaseModelHistoryComponent, selector: "dbx-firebase-model-history", inputs: ["anchorForItem", "historyFilter"] }, { kind: "component", type: DbxListEmptyContentComponent, selector: "dbx-list-empty-content" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseModelHistoryPopoverComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: DbxFirebaseModelHistoryPopoverComponent, isStandalone: true, 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: DbxPopoverContentComponent, selector: "dbx-popover-content" }, { kind: "component", type: DbxPopoverHeaderComponent, selector: "dbx-popover-header", inputs: ["header", "icon"] }, { kind: "directive", type: DbxPopoverScrollContentDirective, selector: "dbx-popover-scroll-content,[dbxPopoverScrollContent],.dbx-popover-scroll-content" }, { kind: "component", type: DbxFirebaseModelHistoryComponent, selector: "dbx-firebase-model-history", inputs: ["anchorForItem", "historyFilter"] }, { kind: "component", type: DbxListEmptyContentComponent, selector: "dbx-list-empty-content" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModelHistoryPopoverComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseModelHistoryPopoverComponent, decorators: [{
             type: Component,
             args: [{ imports: [DbxPopoverContentComponent, DbxPopoverHeaderComponent, DbxPopoverScrollContentDirective, DbxFirebaseModelHistoryComponent, DbxListEmptyContentComponent], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, 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" }]
         }] });
@@ -3408,7 +3171,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 class DbxFirebaseModelHistoryPopoverButtonComponent extends AbstractPopoverRefDirective {
     _dbxPopoverService = inject(DbxPopoverService);
     buttonElement = viewChild.required('button', { read: ElementRef });
-    config = input();
+    config = input(...(ngDevMode ? [undefined, { debugName: "config" }] : []));
     _makePopoverRef(origin) {
         const config = this.config();
         if (!origin) {
@@ -3423,12 +3186,12 @@ class DbxFirebaseModelHistoryPopoverButtonComponent extends AbstractPopoverRefDi
         const origin = this.buttonElement();
         this.showPopover(origin);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModelHistoryPopoverButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.13", type: DbxFirebaseModelHistoryPopoverButtonComponent, isStandalone: true, selector: "dbx-firebase-model-history-popover-button", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "buttonElement", first: true, predicate: ["button"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseModelHistoryPopoverButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.0", type: DbxFirebaseModelHistoryPopoverButtonComponent, isStandalone: true, selector: "dbx-firebase-model-history-popover-button", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "buttonElement", first: true, predicate: ["button"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
     <dbx-icon-button #button (buttonClick)="showHistoryPopover()" icon="history"></dbx-icon-button>
   `, isInline: true, dependencies: [{ kind: "component", type: DbxIconButtonComponent, selector: "dbx-icon-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModelHistoryPopoverButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseModelHistoryPopoverButtonComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-firebase-model-history-popover-button',
@@ -3439,28 +3202,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     imports: [DbxIconButtonComponent],
                     changeDetection: ChangeDetectionStrategy.OnPush
                 }]
-        }] });
-
-const importsAndExports$5 = [DbxFirebaseModelHistoryComponent, DbxFirebaseModelHistoryPopoverButtonComponent, DbxFirebaseModelHistoryPopoverComponent];
-/**
- * @deprecated import standalone components individually instead.
- *
- * @see DbxFirebaseModelHistoryComponent
- * @see DbxFirebaseModelHistoryPopoverButtonComponent
- * @see DbxFirebaseModelHistoryPopoverComponent
- */
-class DbxFirebaseModelHistoryModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModelHistoryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModelHistoryModule, imports: [DbxFirebaseModelHistoryComponent, DbxFirebaseModelHistoryPopoverButtonComponent, DbxFirebaseModelHistoryPopoverComponent], exports: [DbxFirebaseModelHistoryComponent, DbxFirebaseModelHistoryPopoverButtonComponent, DbxFirebaseModelHistoryPopoverComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModelHistoryModule, imports: [importsAndExports$5] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModelHistoryModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: importsAndExports$5,
-                    exports: importsAndExports$5
-                }]
-        }] });
+        }], propDecorators: { buttonElement: [{ type: i0.ViewChild, args: ['button', { ...{ read: ElementRef }, isSignal: true }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }] } });
 
 /**
  * Configures a SourceSelectLoadSource using the DbxFirebaseModelTrackerService to load models of a specific identity.
@@ -3509,7 +3251,8 @@ class DbxFirebaseModelEntitiesWidgetService {
     _sortPriorityMap = cachedGetter(() => {
         return new Map(mapIterable(this._entries.values(), (entry) => [entry.identity, entry.sortPriority ?? -1]));
     });
-    constructor(initialConfig) {
+    constructor() {
+        const initialConfig = inject(DbxFirebaseModelEntitiesWidgetServiceConfig, { optional: true });
         this._commonComponentClass = initialConfig?.commonComponentClass;
         this._debugComponentClass = initialConfig?.debugComponentClass;
         if (initialConfig?.entries) {
@@ -3570,17 +3313,12 @@ class DbxFirebaseModelEntitiesWidgetService {
     getSortPriorityMap() {
         return this._sortPriorityMap();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModelEntitiesWidgetService, deps: [{ token: DbxFirebaseModelEntitiesWidgetServiceConfig, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModelEntitiesWidgetService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseModelEntitiesWidgetService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseModelEntitiesWidgetService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModelEntitiesWidgetService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseModelEntitiesWidgetService, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: DbxFirebaseModelEntitiesWidgetServiceConfig, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [DbxFirebaseModelEntitiesWidgetServiceConfig]
-                }] }] });
+        }], ctorParameters: () => [] });
 
 /**
  * Injection token for providing DbxFirebaseModelEntityWithStore context to dynamically loaded widgets.
@@ -3636,7 +3374,7 @@ class DbxFirebaseModelEntitiesEntityComponent {
     widgetInjectionConfigFactory = dbxFirebaseModelEntityWidgetInjectionConfigFactory();
     entitiesWidgetService = inject(DbxFirebaseModelEntitiesWidgetService);
     dbxFirebaseModelTypesService = inject(DbxFirebaseModelTypesService);
-    entity = input.required();
+    entity = input.required(...(ngDevMode ? [{ debugName: "entity" }] : []));
     entity$ = toObservable(this.entity);
     currentEntityWithStore$ = this.entity$.pipe(map((x) => {
         let result;
@@ -3680,46 +3418,43 @@ class DbxFirebaseModelEntitiesEntityComponent {
     displayNameSignal = toSignal(this.displayName$);
     displayInfoSignal = toSignal(this.displayInfo$);
     modelIdentitySignal = toSignal(this.modelIdentity$);
-    modelTypeSignal = computed(() => this.modelIdentitySignal()?.modelType);
+    modelTypeSignal = computed(() => this.modelIdentitySignal()?.modelType, ...(ngDevMode ? [{ debugName: "modelTypeSignal" }] : []));
     widgetInjectionConfigSignal = toSignal(this.widgetInjectionConfig$);
-    entityWidgetConfigSignal = computed(() => this.widgetInjectionConfigSignal()?.entityComponentConfig);
-    commonWidgetConfigSignal = computed(() => this.widgetInjectionConfigSignal()?.commonComponentConfig);
-    debugWidgetConfigSignal = computed(() => this.widgetInjectionConfigSignal()?.debugComponentConfig);
-    loadingContext = loadingStateContext({ obs: this.loadingState$ });
-    ngOnDestroy() {
-        this.loadingContext.destroy();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModelEntitiesEntityComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DbxFirebaseModelEntitiesEntityComponent, isStandalone: true, selector: "dbx-firebase-model-entities-entity", inputs: { entity: { classPropertyName: "entity", publicName: "entity", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<mat-expansion-panel>\n  <mat-expansion-panel-header>\n    <mat-panel-title>\n      @if (displayInfoSignal(); as displayInfo) {\n        <div class=\"dbx-list-two-line-item\">\n          <div class=\"item-left\">\n            <span class=\"dbx-pb2 dbx-flex-bar\">\n              @if (displayInfo.icon) {\n                <mat-icon class=\"dbx-button-spacer\">{{ displayInfo.icon }}</mat-icon>\n              }\n              <span>{{ displayInfo.title }}</span>\n            </span>\n            <span>\n              <span class=\"dbx-hint dbx-small\">{{ modelTypeSignal() }}</span>\n              @if (displayNameSignal(); as displayName) {\n                <span class=\"dbx-small dbx-u dbx-pl2\">{{ displayName }}</span>\n              }\n            </span>\n          </div>\n        </div>\n      }\n    </mat-panel-title>\n  </mat-expansion-panel-header>\n  <ng-template matExpansionPanelContent>\n    <div class=\"dbx-firebase-model-entities-entity-panel-content\">\n      <dbx-loading [context]=\"loadingContext\">\n        @if (entityWidgetConfigSignal(); as config) {\n          <div class=\"dbx-pb3 dbx-firebase-model-entities-entity-content\">\n            <dbx-injection [config]=\"config\"></dbx-injection>\n          </div>\n        }\n        @if (commonWidgetConfigSignal(); as config) {\n          <div class=\"dbx-pb3 dbx-firebase-model-entities-common-content\">\n            <dbx-injection [config]=\"config\"></dbx-injection>\n          </div>\n        }\n        @if (debugWidgetConfigSignal(); as config) {\n          <div class=\"dbx-pb3 dbx-firebase-model-entities-debug-content\">\n            <dbx-injection [config]=\"config\"></dbx-injection>\n          </div>\n        }\n      </dbx-loading>\n    </div>\n  </ng-template>\n</mat-expansion-panel>\n", dependencies: [{ kind: "component", type: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }, { kind: "component", type: DbxLoadingComponent, selector: "dbx-loading", inputs: ["padding", "show", "text", "mode", "color", "diameter", "linear", "loading", "error", "context"] }, { kind: "component", type: MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: MatExpansionPanelContent, selector: "ng-template[matExpansionPanelContent]" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModelEntitiesEntityComponent, decorators: [{
+    entityWidgetConfigSignal = computed(() => this.widgetInjectionConfigSignal()?.entityComponentConfig, ...(ngDevMode ? [{ debugName: "entityWidgetConfigSignal" }] : []));
+    commonWidgetConfigSignal = computed(() => this.widgetInjectionConfigSignal()?.commonComponentConfig, ...(ngDevMode ? [{ debugName: "commonWidgetConfigSignal" }] : []));
+    debugWidgetConfigSignal = computed(() => this.widgetInjectionConfigSignal()?.debugComponentConfig, ...(ngDevMode ? [{ debugName: "debugWidgetConfigSignal" }] : []));
+    loadingContext = cleanLoadingContext({ obs: this.loadingState$ });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseModelEntitiesEntityComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: DbxFirebaseModelEntitiesEntityComponent, isStandalone: true, selector: "dbx-firebase-model-entities-entity", inputs: { entity: { classPropertyName: "entity", publicName: "entity", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<mat-expansion-panel>\n  <mat-expansion-panel-header>\n    <mat-panel-title>\n      @if (displayInfoSignal(); as displayInfo) {\n        <div class=\"dbx-list-two-line-item\">\n          <div class=\"item-left\">\n            <span class=\"dbx-pb2 dbx-flex-bar\">\n              @if (displayInfo.icon) {\n                <mat-icon class=\"dbx-button-spacer\">{{ displayInfo.icon }}</mat-icon>\n              }\n              <span>{{ displayInfo.title }}</span>\n            </span>\n            <span>\n              <span class=\"dbx-hint dbx-small\">{{ modelTypeSignal() }}</span>\n              @if (displayNameSignal(); as displayName) {\n                <span class=\"dbx-small dbx-u dbx-pl2\">{{ displayName }}</span>\n              }\n            </span>\n          </div>\n        </div>\n      }\n    </mat-panel-title>\n  </mat-expansion-panel-header>\n  <ng-template matExpansionPanelContent>\n    <div class=\"dbx-firebase-model-entities-entity-panel-content\">\n      <dbx-loading [context]=\"loadingContext\">\n        @if (entityWidgetConfigSignal(); as config) {\n          <div class=\"dbx-pb3 dbx-firebase-model-entities-entity-content\">\n            <dbx-injection [config]=\"config\"></dbx-injection>\n          </div>\n        }\n        @if (commonWidgetConfigSignal(); as config) {\n          <div class=\"dbx-pb3 dbx-firebase-model-entities-common-content\">\n            <dbx-injection [config]=\"config\"></dbx-injection>\n          </div>\n        }\n        @if (debugWidgetConfigSignal(); as config) {\n          <div class=\"dbx-pb3 dbx-firebase-model-entities-debug-content\">\n            <dbx-injection [config]=\"config\"></dbx-injection>\n          </div>\n        }\n      </dbx-loading>\n    </div>\n  </ng-template>\n</mat-expansion-panel>\n", dependencies: [{ kind: "component", type: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }, { kind: "component", type: DbxLoadingComponent, selector: "dbx-loading", inputs: ["padding", "show", "text", "mode", "color", "diameter", "linear", "loading", "error", "context"] }, { kind: "component", type: MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: MatExpansionPanelContent, selector: "ng-template[matExpansionPanelContent]" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseModelEntitiesEntityComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dbx-firebase-model-entities-entity', imports: [DbxInjectionComponent, DbxLoadingComponent, MatExpansionPanel, MatExpansionPanelHeader, MatExpansionPanelTitle, MatExpansionPanelDescription, MatExpansionPanelContent, MatIcon, AsyncPipe], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<mat-expansion-panel>\n  <mat-expansion-panel-header>\n    <mat-panel-title>\n      @if (displayInfoSignal(); as displayInfo) {\n        <div class=\"dbx-list-two-line-item\">\n          <div class=\"item-left\">\n            <span class=\"dbx-pb2 dbx-flex-bar\">\n              @if (displayInfo.icon) {\n                <mat-icon class=\"dbx-button-spacer\">{{ displayInfo.icon }}</mat-icon>\n              }\n              <span>{{ displayInfo.title }}</span>\n            </span>\n            <span>\n              <span class=\"dbx-hint dbx-small\">{{ modelTypeSignal() }}</span>\n              @if (displayNameSignal(); as displayName) {\n                <span class=\"dbx-small dbx-u dbx-pl2\">{{ displayName }}</span>\n              }\n            </span>\n          </div>\n        </div>\n      }\n    </mat-panel-title>\n  </mat-expansion-panel-header>\n  <ng-template matExpansionPanelContent>\n    <div class=\"dbx-firebase-model-entities-entity-panel-content\">\n      <dbx-loading [context]=\"loadingContext\">\n        @if (entityWidgetConfigSignal(); as config) {\n          <div class=\"dbx-pb3 dbx-firebase-model-entities-entity-content\">\n            <dbx-injection [config]=\"config\"></dbx-injection>\n          </div>\n        }\n        @if (commonWidgetConfigSignal(); as config) {\n          <div class=\"dbx-pb3 dbx-firebase-model-entities-common-content\">\n            <dbx-injection [config]=\"config\"></dbx-injection>\n          </div>\n        }\n        @if (debugWidgetConfigSignal(); as config) {\n          <div class=\"dbx-pb3 dbx-firebase-model-entities-debug-content\">\n            <dbx-injection [config]=\"config\"></dbx-injection>\n          </div>\n        }\n      </dbx-loading>\n    </div>\n  </ng-template>\n</mat-expansion-panel>\n" }]
-        }] });
+            args: [{ selector: 'dbx-firebase-model-entities-entity', imports: [DbxInjectionComponent, DbxLoadingComponent, MatExpansionPanel, MatExpansionPanelHeader, MatExpansionPanelTitle, MatExpansionPanelContent, MatIcon], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<mat-expansion-panel>\n  <mat-expansion-panel-header>\n    <mat-panel-title>\n      @if (displayInfoSignal(); as displayInfo) {\n        <div class=\"dbx-list-two-line-item\">\n          <div class=\"item-left\">\n            <span class=\"dbx-pb2 dbx-flex-bar\">\n              @if (displayInfo.icon) {\n                <mat-icon class=\"dbx-button-spacer\">{{ displayInfo.icon }}</mat-icon>\n              }\n              <span>{{ displayInfo.title }}</span>\n            </span>\n            <span>\n              <span class=\"dbx-hint dbx-small\">{{ modelTypeSignal() }}</span>\n              @if (displayNameSignal(); as displayName) {\n                <span class=\"dbx-small dbx-u dbx-pl2\">{{ displayName }}</span>\n              }\n            </span>\n          </div>\n        </div>\n      }\n    </mat-panel-title>\n  </mat-expansion-panel-header>\n  <ng-template matExpansionPanelContent>\n    <div class=\"dbx-firebase-model-entities-entity-panel-content\">\n      <dbx-loading [context]=\"loadingContext\">\n        @if (entityWidgetConfigSignal(); as config) {\n          <div class=\"dbx-pb3 dbx-firebase-model-entities-entity-content\">\n            <dbx-injection [config]=\"config\"></dbx-injection>\n          </div>\n        }\n        @if (commonWidgetConfigSignal(); as config) {\n          <div class=\"dbx-pb3 dbx-firebase-model-entities-common-content\">\n            <dbx-injection [config]=\"config\"></dbx-injection>\n          </div>\n        }\n        @if (debugWidgetConfigSignal(); as config) {\n          <div class=\"dbx-pb3 dbx-firebase-model-entities-debug-content\">\n            <dbx-injection [config]=\"config\"></dbx-injection>\n          </div>\n        }\n      </dbx-loading>\n    </div>\n  </ng-template>\n</mat-expansion-panel>\n" }]
+        }], propDecorators: { entity: [{ type: i0.Input, args: [{ isSignal: true, alias: "entity", required: true }] }] } });
 
 class DbxFirebaseModelEntitiesComponent {
     entitiesWidgetService = inject(DbxFirebaseModelEntitiesWidgetService);
     /**
      * Whether the accordion should allow multiple expanded panels.
      */
-    multi = input(true);
+    multi = input(true, ...(ngDevMode ? [{ debugName: "multi" }] : []));
     /**
      * If true, will only show entities that have a registered widget entry.
      *
      * Defaults to true.
      */
-    onlyShowRegisteredTypes = input(true);
+    onlyShowRegisteredTypes = input(true, ...(ngDevMode ? [{ debugName: "onlyShowRegisteredTypes" }] : []));
     /**
      * If true, will show unregistered entities, even if onlyShowRegisteredTypes is true.
      */
-    showUnregisteredTypesSignal = signal(undefined);
+    showUnregisteredTypesSignal = signal(undefined, ...(ngDevMode ? [{ debugName: "showUnregisteredTypesSignal" }] : []));
     onlyShowRegisteredTypesSignal = computed(() => {
         const onlyShowRegisteredTypes = this.onlyShowRegisteredTypes();
         const showUnregisteredTypes = this.showUnregisteredTypesSignal();
         return !showUnregisteredTypes && onlyShowRegisteredTypes;
-    });
+    }, ...(ngDevMode ? [{ debugName: "onlyShowRegisteredTypesSignal" }] : []));
     onlyShowRegisteredTypes$ = toObservable(this.onlyShowRegisteredTypesSignal).pipe(distinctUntilChanged(), shareReplay(1));
-    entities = input();
+    entities = input(...(ngDevMode ? [undefined, { debugName: "entities" }] : []));
     entities$ = toObservable(this.entities).pipe(switchMapMaybe(), map((x) => x ?? beginLoading()), shareReplay(1));
     allEntitiesState$ = this.entities$.pipe(mapLoadingStateValueWithOperator(switchMap((entities) => {
         const sortPriorityMap = this.entitiesWidgetService.getSortPriorityMap();
@@ -3745,22 +3480,19 @@ class DbxFirebaseModelEntitiesComponent {
     })), shareReplay(1));
     allEntities$ = this.allEntitiesState$.pipe(valueFromFinishedLoadingState(), shareReplay(1));
     allEntitiesSignal = toSignal(this.allEntities$, { initialValue: { entities: [], registeredEntities: [], unregisteredEntities: [], onlyShowRegisteredTypes: false } });
-    entitiesWithKeysSignal = computed(() => this.allEntitiesSignal()?.entities);
-    unregisteredEntitiesCountSignal = computed(() => this.allEntitiesSignal()?.unregisteredEntities?.length ?? 0);
+    entitiesWithKeysSignal = computed(() => this.allEntitiesSignal()?.entities, ...(ngDevMode ? [{ debugName: "entitiesWithKeysSignal" }] : []));
+    unregisteredEntitiesCountSignal = computed(() => this.allEntitiesSignal()?.unregisteredEntities?.length ?? 0, ...(ngDevMode ? [{ debugName: "unregisteredEntitiesCountSignal" }] : []));
     showViewUnregisteredEntitiesButtonSignal = computed(() => {
         const { onlyShowRegisteredTypes, unregisteredEntities } = this.allEntitiesSignal() ?? {};
         return onlyShowRegisteredTypes && Boolean(unregisteredEntities?.length);
-    });
-    hasNoEntitiesSignal = computed(() => !this.entitiesWithKeysSignal()?.length);
-    context = loadingStateContext({ obs: this.allEntitiesState$ });
-    ngOnDestroy() {
-        this.context.destroy();
-    }
+    }, ...(ngDevMode ? [{ debugName: "showViewUnregisteredEntitiesButtonSignal" }] : []));
+    hasNoEntitiesSignal = computed(() => !this.entitiesWithKeysSignal()?.length, ...(ngDevMode ? [{ debugName: "hasNoEntitiesSignal" }] : []));
+    context = cleanLoadingContext({ obs: this.allEntitiesState$ });
     clickShowUnregisteredEntities() {
         this.showUnregisteredTypesSignal.set(true);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModelEntitiesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DbxFirebaseModelEntitiesComponent, isStandalone: true, selector: "dbx-firebase-model-entities", inputs: { multi: { classPropertyName: "multi", publicName: "multi", isSignal: true, isRequired: false, transformFunction: null }, onlyShowRegisteredTypes: { classPropertyName: "onlyShowRegisteredTypes", publicName: "onlyShowRegisteredTypes", isSignal: true, isRequired: false, transformFunction: null }, entities: { classPropertyName: "entities", publicName: "entities", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseModelEntitiesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: DbxFirebaseModelEntitiesComponent, isStandalone: true, selector: "dbx-firebase-model-entities", inputs: { multi: { classPropertyName: "multi", publicName: "multi", isSignal: true, isRequired: false, transformFunction: null }, onlyShowRegisteredTypes: { classPropertyName: "onlyShowRegisteredTypes", publicName: "onlyShowRegisteredTypes", isSignal: true, isRequired: false, transformFunction: null }, entities: { classPropertyName: "entities", publicName: "entities", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
     <dbx-loading [linear]="true" [context]="context">
       <mat-accordion class="dbx-firebase-model-entities-accordion" [multi]="multi()">
         @for (entity of entitiesWithKeysSignal(); track entity.key) {
@@ -3780,7 +3512,7 @@ class DbxFirebaseModelEntitiesComponent {
     </dbx-loading>
   `, isInline: true, dependencies: [{ kind: "directive", type: MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: DbxLoadingComponent, selector: "dbx-loading", inputs: ["padding", "show", "text", "mode", "color", "diameter", "linear", "loading", "error", "context"] }, { kind: "component", type: DbxFirebaseModelEntitiesEntityComponent, selector: "dbx-firebase-model-entities-entity", inputs: ["entity"] }, { kind: "component", type: DbxListEmptyContentComponent, selector: "dbx-list-empty-content" }, { kind: "component", type: DbxIconButtonComponent, selector: "dbx-icon-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModelEntitiesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseModelEntitiesComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-firebase-model-entities',
@@ -3807,7 +3539,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     standalone: true
                 }]
-        }] });
+        }], propDecorators: { multi: [{ type: i0.Input, args: [{ isSignal: true, alias: "multi", required: false }] }], onlyShowRegisteredTypes: [{ type: i0.Input, args: [{ isSignal: true, alias: "onlyShowRegisteredTypes", required: false }] }], entities: [{ type: i0.Input, args: [{ isSignal: true, alias: "entities", required: false }] }] } });
 
 const DEFAULT_DBX_FIREBASE_MODEL_ENTITIES_COMPONENT_POPOVER_KEY = 'entities';
 class DbxFirebaseModelEntitiesPopoverComponent extends AbstractPopoverDirective {
@@ -3839,24 +3571,24 @@ class DbxFirebaseModelEntitiesPopoverComponent extends AbstractPopoverDirective
     header = this.config.header ?? 'Entities';
     emptyText = this.config.emptyText ?? 'No entities found in current context.';
     onlyShowRegisteredTypes = this.config.onlyShowRegisteredTypes;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModelEntitiesPopoverComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DbxFirebaseModelEntitiesPopoverComponent, isStandalone: true, 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-entities [entities]=\"entities$\" [onlyShowRegisteredTypes]=\"onlyShowRegisteredTypes\">\n      <p empty>{{ emptyText }}</p>\n    </dbx-firebase-model-entities>\n  </dbx-popover-scroll-content>\n</dbx-popover-content>\n", dependencies: [{ kind: "component", type: DbxPopoverContentComponent, selector: "dbx-popover-content" }, { kind: "component", type: DbxPopoverHeaderComponent, selector: "dbx-popover-header", inputs: ["header", "icon"] }, { kind: "directive", type: DbxPopoverScrollContentDirective, selector: "dbx-popover-scroll-content,[dbxPopoverScrollContent],.dbx-popover-scroll-content" }, { kind: "component", type: DbxFirebaseModelEntitiesComponent, selector: "dbx-firebase-model-entities", inputs: ["multi", "onlyShowRegisteredTypes", "entities"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseModelEntitiesPopoverComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: DbxFirebaseModelEntitiesPopoverComponent, isStandalone: true, 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-entities [entities]=\"entities$\" [onlyShowRegisteredTypes]=\"onlyShowRegisteredTypes\">\n      <p empty>{{ emptyText }}</p>\n    </dbx-firebase-model-entities>\n  </dbx-popover-scroll-content>\n</dbx-popover-content>\n", dependencies: [{ kind: "component", type: DbxPopoverContentComponent, selector: "dbx-popover-content" }, { kind: "component", type: DbxPopoverHeaderComponent, selector: "dbx-popover-header", inputs: ["header", "icon"] }, { kind: "directive", type: DbxPopoverScrollContentDirective, selector: "dbx-popover-scroll-content,[dbxPopoverScrollContent],.dbx-popover-scroll-content" }, { kind: "component", type: DbxFirebaseModelEntitiesComponent, selector: "dbx-firebase-model-entities", inputs: ["multi", "onlyShowRegisteredTypes", "entities"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModelEntitiesPopoverComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseModelEntitiesPopoverComponent, decorators: [{
             type: Component,
-            args: [{ imports: [DbxPopoverContentComponent, DbxPopoverHeaderComponent, DbxPopoverScrollContentDirective, DbxFirebaseModelEntitiesComponent, DbxListEmptyContentComponent], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, 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-entities [entities]=\"entities$\" [onlyShowRegisteredTypes]=\"onlyShowRegisteredTypes\">\n      <p empty>{{ emptyText }}</p>\n    </dbx-firebase-model-entities>\n  </dbx-popover-scroll-content>\n</dbx-popover-content>\n" }]
+            args: [{ imports: [DbxPopoverContentComponent, DbxPopoverHeaderComponent, DbxPopoverScrollContentDirective, DbxFirebaseModelEntitiesComponent], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, 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-entities [entities]=\"entities$\" [onlyShowRegisteredTypes]=\"onlyShowRegisteredTypes\">\n      <p empty>{{ emptyText }}</p>\n    </dbx-firebase-model-entities>\n  </dbx-popover-scroll-content>\n</dbx-popover-content>\n" }]
         }] });
 
 class DbxFirebaseModelEntitiesPopoverButtonComponent extends AbstractPopoverRefDirective {
     _dbxPopoverService = inject(DbxPopoverService);
     entitiesSource = inject(DbxFirebaseModelEntitiesSource);
     buttonElement = viewChild.required('button', { read: ElementRef });
-    config = input();
+    config = input(...(ngDevMode ? [undefined, { debugName: "config" }] : []));
     buttonDisplaySignal = computed(() => {
         const config = this.config();
         return config?.buttonDisplay ?? { icon: config?.icon ?? 'data_object' };
-    });
-    buttonStyleSignal = computed(() => this.config()?.buttonStyle);
+    }, ...(ngDevMode ? [{ debugName: "buttonDisplaySignal" }] : []));
+    buttonStyleSignal = computed(() => this.config()?.buttonStyle, ...(ngDevMode ? [{ debugName: "buttonStyleSignal" }] : []));
     _makePopoverRef(origin) {
         if (!origin) {
             throw new Error('Missing origin.');
@@ -3873,12 +3605,12 @@ class DbxFirebaseModelEntitiesPopoverButtonComponent extends AbstractPopoverRefD
         const origin = this.buttonElement();
         this.showPopover(origin);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModelEntitiesPopoverButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.13", type: DbxFirebaseModelEntitiesPopoverButtonComponent, isStandalone: true, selector: "dbx-firebase-model-entities-popover-button", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "buttonElement", first: true, predicate: ["button"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseModelEntitiesPopoverButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.0", type: DbxFirebaseModelEntitiesPopoverButtonComponent, isStandalone: true, selector: "dbx-firebase-model-entities-popover-button", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "buttonElement", first: true, predicate: ["button"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
     <dbx-button #button (buttonClick)="showEntitiesPopover()" [buttonStyle]="buttonStyleSignal()" [buttonDisplay]="buttonDisplaySignal()"></dbx-button>
-  `, isInline: true, dependencies: [{ kind: "component", type: DbxButtonComponent, selector: "dbx-button", inputs: ["bar", "type", "buttonStyle", "color", "spinnerColor", "customButtonColor", "customTextColor", "customSpinnerColor", "basic", "raised", "stroked", "flat", "iconOnly", "fab", "mode"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, dependencies: [{ kind: "component", type: DbxButtonComponent, selector: "dbx-button", inputs: ["bar", "type", "buttonStyle", "color", "spinnerColor", "customButtonColor", "customTextColor", "customSpinnerColor", "basic", "tonal", "raised", "stroked", "flat", "iconOnly", "fab", "mode"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModelEntitiesPopoverButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseModelEntitiesPopoverButtonComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-firebase-model-entities-popover-button',
@@ -3889,7 +3621,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     imports: [DbxButtonComponent],
                     changeDetection: ChangeDetectionStrategy.OnPush
                 }]
-        }] });
+        }], propDecorators: { buttonElement: [{ type: i0.ViewChild, args: ['button', { ...{ read: ElementRef }, isSignal: true }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }] } });
 
 /**
  * Creates EnvironmentProviders for DbxFirebaseModelEntitiesWidgetService.
@@ -3950,10 +3682,10 @@ class DbxFirebaseDocumentStoreContextStore extends ComponentStore {
     // MARK: State Changes
     addStore = this.updater(addStore);
     removeStore = this.updater(removeStore);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseDocumentStoreContextStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseDocumentStoreContextStore });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseDocumentStoreContextStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseDocumentStoreContextStore });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseDocumentStoreContextStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseDocumentStoreContextStore, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 function addStore(state, store) {
@@ -3997,8 +3729,8 @@ const dbxFirebaseDocumentStoreContextModelEntitiesSourceFactory = (storeContextS
     return source;
 };
 class DbxFirebaseDocumentStoreContextModelEntitiesSourceDirective {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseDocumentStoreContextModelEntitiesSourceDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DbxFirebaseDocumentStoreContextModelEntitiesSourceDirective, isStandalone: true, selector: "[dbxFirebaseDocumentStoreContextModelEntitiesSource]", providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseDocumentStoreContextModelEntitiesSourceDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: DbxFirebaseDocumentStoreContextModelEntitiesSourceDirective, isStandalone: true, selector: "[dbxFirebaseDocumentStoreContextModelEntitiesSource]", providers: [
             {
                 provide: DbxFirebaseModelEntitiesSource,
                 useFactory: dbxFirebaseDocumentStoreContextModelEntitiesSourceFactory,
@@ -4006,7 +3738,7 @@ class DbxFirebaseDocumentStoreContextModelEntitiesSourceDirective {
             }
         ], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseDocumentStoreContextModelEntitiesSourceDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseDocumentStoreContextModelEntitiesSourceDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxFirebaseDocumentStoreContextModelEntitiesSource]',
@@ -4028,10 +3760,10 @@ class AbstractDbxFirebaseModelEntityWidgetDirective {
     entityData = inject(DBX_FIREBASE_MODEL_ENTITY_WITH_STORE_TOKEN);
     store = this.entityData.store;
     data$ = this.store.data$;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractDbxFirebaseModelEntityWidgetDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: AbstractDbxFirebaseModelEntityWidgetDirective, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AbstractDbxFirebaseModelEntityWidgetDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: AbstractDbxFirebaseModelEntityWidgetDirective, isStandalone: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractDbxFirebaseModelEntityWidgetDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AbstractDbxFirebaseModelEntityWidgetDirective, decorators: [{
             type: Directive,
             args: [{}]
         }] });
@@ -4041,19 +3773,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  */
 class DbxFirebaseModelKeyComponent {
     dbxFirebaseModelTypesService = inject(DbxFirebaseModelTypesService);
-    modelKey = input();
+    modelKey = input(...(ngDevMode ? [undefined, { debugName: "modelKey" }] : []));
     modelKeyIdSignal = computed(() => {
         const modelKey = this.modelKey();
         return modelKey ? firestoreModelId(modelKey) : undefined;
-    });
+    }, ...(ngDevMode ? [{ debugName: "modelKeyIdSignal" }] : []));
     oneWayFlatModelKeySignal = computed(() => {
         const modelKey = this.modelKey();
         return modelKey ? flatFirestoreModelKey(modelKey) : undefined;
-    });
+    }, ...(ngDevMode ? [{ debugName: "oneWayFlatModelKeySignal" }] : []));
     twoWayFlatModelKeySignal = computed(() => {
         const modelKey = this.modelKey();
         return modelKey ? twoWayFlatFirestoreModelKey(modelKey) : undefined;
-    });
+    }, ...(ngDevMode ? [{ debugName: "twoWayFlatModelKeySignal" }] : []));
     // Convert signal to observable for types service
     modelKey$ = toObservable(this.modelKey);
     modelTypeInstance$ = this.modelKey$.pipe(switchMap((key) => {
@@ -4068,16 +3800,16 @@ class DbxFirebaseModelKeyComponent {
     modelTypeInstanceSignal = toSignal(this.modelTypeInstance$);
     modelIdentitySignal = toSignal(this.modelIdentity$);
     typeInfoSignal = toSignal(this.typeInfo$);
-    typeCanSegueToView = computed(() => this.typeInfoSignal()?.canSegueToView ?? false);
+    typeCanSegueToView = computed(() => this.typeInfoSignal()?.canSegueToView ?? false, ...(ngDevMode ? [{ debugName: "typeCanSegueToView" }] : []));
     sref$ = this.modelTypeInstance$.pipe(switchMap((x) => x?.segueRef$ ?? of(undefined)));
     srefSignal = toSignal(this.sref$);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModelKeyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DbxFirebaseModelKeyComponent, isStandalone: true, selector: "dbx-firebase-model-key", inputs: { modelKey: { classPropertyName: "modelKey", publicName: "modelKey", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"dbx-firebase-model-key\">\n  @if (modelKey(); as key) {\n    <!-- Key Data -->\n    <dbx-detail-block icon=\"key\" header=\"Model Key\">\n      <dbx-click-to-copy-text [highlighted]=\"true\" class=\"dbx-block\">{{ key }}</dbx-click-to-copy-text>\n      <dbx-click-to-copy-text [highlighted]=\"true\" class=\"dbx-block\">{{ modelKeyIdSignal() }}</dbx-click-to-copy-text>\n      <dbx-click-to-copy-text [highlighted]=\"true\" class=\"dbx-block\" [copyText]=\"oneWayFlatModelKeySignal()\">(Flat) {{ oneWayFlatModelKeySignal() }}</dbx-click-to-copy-text>\n      <dbx-click-to-copy-text [highlighted]=\"true\" class=\"dbx-block\" [copyText]=\"twoWayFlatModelKeySignal()\">(Encoded Flat) {{ twoWayFlatModelKeySignal() }}</dbx-click-to-copy-text>\n    </dbx-detail-block>\n\n    <!-- Type Info -->\n    @if (typeInfoSignal(); as typeInfo) {\n      <!-- Model Meta Data -->\n      <div>\n        <dbx-detail-block [icon]=\"typeInfo.icon\" header=\"Model Type\">\n          <dbx-click-to-copy-text class=\"dbx-block\">{{ typeInfo.modelType }}</dbx-click-to-copy-text>\n          @if (typeInfo.icon) {\n            <dbx-click-to-copy-text [copyText]=\"typeInfo.icon\" class=\"dbx-block\">\n              Icon:\n              <span class=\"dbx-u\">{{ typeInfo.icon }}</span>\n            </dbx-click-to-copy-text>\n          } @else {\n            <span class=\"dbx-notice\">No Icon For Type</span>\n          }\n        </dbx-detail-block>\n        <dbx-detail-block icon=\"dataset\" header=\"Collection Name\">\n          <dbx-click-to-copy-text class=\"dbx-block\">{{ typeInfo.identity.collectionName }}</dbx-click-to-copy-text>\n        </dbx-detail-block>\n      </div>\n\n      <!-- Segue Info -->\n      @if (typeCanSegueToView()) {\n        <dbx-detail-block icon=\"arrow_forward\" header=\"Segue To View\">\n          <div class=\"dbx-hint dbx-small\">This model has a unique view within the app.</div>\n          <dbx-anchor [anchor]=\"srefSignal()\"><dbx-button text=\"Go To View\"></dbx-button></dbx-anchor>\n        </dbx-detail-block>\n      } @else {\n        <dbx-detail-block class=\"dbx-warn\" icon=\"warning\" header=\"No Segue View\">\n          <span>This type provides no information for segue directly.</span>\n        </dbx-detail-block>\n      }\n    } @else {\n      <dbx-detail-block class=\"dbx-warn\" icon=\"warning\" header=\"No Type Info\">\n        <span>There is no type info registered for this model type.</span>\n      </dbx-detail-block>\n    }\n  } @else {\n    <div class=\"dbx-firebase-model-key-empty\">No model key provided</div>\n  }\n</div>\n", dependencies: [{ kind: "component", type: DbxDetailBlockComponent, selector: "dbx-detail-block", inputs: ["icon", "header", "alignHeader", "bigHeader"] }, { kind: "component", type: DbxButtonComponent, selector: "dbx-button", inputs: ["bar", "type", "buttonStyle", "color", "spinnerColor", "customButtonColor", "customTextColor", "customSpinnerColor", "basic", "raised", "stroked", "flat", "iconOnly", "fab", "mode"] }, { kind: "component", type: DbxClickToCopyTextComponent, selector: "dbx-click-to-copy-text", inputs: ["copyText", "highlighted", "clipboardSnackbarMessagesConfig", "clipboardSnackbarMessagesEnabled", "clickToCopyIcon", "clickIconToCopyOnly"] }, { kind: "component", type: DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: ["block"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseModelKeyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: DbxFirebaseModelKeyComponent, isStandalone: true, selector: "dbx-firebase-model-key", inputs: { modelKey: { classPropertyName: "modelKey", publicName: "modelKey", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"dbx-firebase-model-key\">\n  @if (modelKey(); as key) {\n    <!-- Key Data -->\n    <dbx-detail-block icon=\"key\" header=\"Model Key\">\n      <dbx-click-to-copy-text [highlighted]=\"true\" class=\"dbx-block\">{{ key }}</dbx-click-to-copy-text>\n      <dbx-click-to-copy-text [highlighted]=\"true\" class=\"dbx-block\">{{ modelKeyIdSignal() }}</dbx-click-to-copy-text>\n      <dbx-click-to-copy-text [highlighted]=\"true\" class=\"dbx-block\" [copyText]=\"oneWayFlatModelKeySignal()\">(Flat) {{ oneWayFlatModelKeySignal() }}</dbx-click-to-copy-text>\n      <dbx-click-to-copy-text [highlighted]=\"true\" class=\"dbx-block\" [copyText]=\"twoWayFlatModelKeySignal()\">(Encoded Flat) {{ twoWayFlatModelKeySignal() }}</dbx-click-to-copy-text>\n    </dbx-detail-block>\n\n    <!-- Type Info -->\n    @if (typeInfoSignal(); as typeInfo) {\n      <!-- Model Meta Data -->\n      <div>\n        <dbx-detail-block [icon]=\"typeInfo.icon\" header=\"Model Type\">\n          <dbx-click-to-copy-text class=\"dbx-block\">{{ typeInfo.modelType }}</dbx-click-to-copy-text>\n          @if (typeInfo.icon) {\n            <dbx-click-to-copy-text [copyText]=\"typeInfo.icon\" class=\"dbx-block\">\n              Icon:\n              <span class=\"dbx-u\">{{ typeInfo.icon }}</span>\n            </dbx-click-to-copy-text>\n          } @else {\n            <span class=\"dbx-notice\">No Icon For Type</span>\n          }\n        </dbx-detail-block>\n        <dbx-detail-block icon=\"dataset\" header=\"Collection Name\">\n          <dbx-click-to-copy-text class=\"dbx-block\">{{ typeInfo.identity.collectionName }}</dbx-click-to-copy-text>\n        </dbx-detail-block>\n      </div>\n\n      <!-- Segue Info -->\n      @if (typeCanSegueToView()) {\n        <dbx-detail-block icon=\"arrow_forward\" header=\"Segue To View\">\n          <div class=\"dbx-hint dbx-small\">This model has a unique view within the app.</div>\n          <dbx-anchor [anchor]=\"srefSignal()\"><dbx-button text=\"Go To View\"></dbx-button></dbx-anchor>\n        </dbx-detail-block>\n      } @else {\n        <dbx-detail-block class=\"dbx-warn\" icon=\"warning\" header=\"No Segue View\">\n          <span>This type provides no information for segue directly.</span>\n        </dbx-detail-block>\n      }\n    } @else {\n      <dbx-detail-block class=\"dbx-warn\" icon=\"warning\" header=\"No Type Info\">\n        <span>There is no type info registered for this model type.</span>\n      </dbx-detail-block>\n    }\n  } @else {\n    <div class=\"dbx-firebase-model-key-empty\">No model key provided</div>\n  }\n</div>\n", dependencies: [{ kind: "component", type: DbxDetailBlockComponent, selector: "dbx-detail-block", inputs: ["icon", "header", "alignHeader", "bigHeader"] }, { kind: "component", type: DbxButtonComponent, selector: "dbx-button", inputs: ["bar", "type", "buttonStyle", "color", "spinnerColor", "customButtonColor", "customTextColor", "customSpinnerColor", "basic", "tonal", "raised", "stroked", "flat", "iconOnly", "fab", "mode"] }, { kind: "component", type: DbxClickToCopyTextComponent, selector: "dbx-click-to-copy-text", inputs: ["copyText", "highlighted", "clipboardSnackbarMessagesConfig", "clipboardSnackbarMessagesEnabled", "clickToCopyIcon", "clickIconToCopyOnly"] }, { kind: "component", type: DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: ["block"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModelKeyComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseModelKeyComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dbx-firebase-model-key', standalone: true, imports: [MatIcon, DbxDetailBlockComponent, DbxButtonComponent, DbxClickToCopyTextComponent, DbxAnchorComponent], template: "<div class=\"dbx-firebase-model-key\">\n  @if (modelKey(); as key) {\n    <!-- Key Data -->\n    <dbx-detail-block icon=\"key\" header=\"Model Key\">\n      <dbx-click-to-copy-text [highlighted]=\"true\" class=\"dbx-block\">{{ key }}</dbx-click-to-copy-text>\n      <dbx-click-to-copy-text [highlighted]=\"true\" class=\"dbx-block\">{{ modelKeyIdSignal() }}</dbx-click-to-copy-text>\n      <dbx-click-to-copy-text [highlighted]=\"true\" class=\"dbx-block\" [copyText]=\"oneWayFlatModelKeySignal()\">(Flat) {{ oneWayFlatModelKeySignal() }}</dbx-click-to-copy-text>\n      <dbx-click-to-copy-text [highlighted]=\"true\" class=\"dbx-block\" [copyText]=\"twoWayFlatModelKeySignal()\">(Encoded Flat) {{ twoWayFlatModelKeySignal() }}</dbx-click-to-copy-text>\n    </dbx-detail-block>\n\n    <!-- Type Info -->\n    @if (typeInfoSignal(); as typeInfo) {\n      <!-- Model Meta Data -->\n      <div>\n        <dbx-detail-block [icon]=\"typeInfo.icon\" header=\"Model Type\">\n          <dbx-click-to-copy-text class=\"dbx-block\">{{ typeInfo.modelType }}</dbx-click-to-copy-text>\n          @if (typeInfo.icon) {\n            <dbx-click-to-copy-text [copyText]=\"typeInfo.icon\" class=\"dbx-block\">\n              Icon:\n              <span class=\"dbx-u\">{{ typeInfo.icon }}</span>\n            </dbx-click-to-copy-text>\n          } @else {\n            <span class=\"dbx-notice\">No Icon For Type</span>\n          }\n        </dbx-detail-block>\n        <dbx-detail-block icon=\"dataset\" header=\"Collection Name\">\n          <dbx-click-to-copy-text class=\"dbx-block\">{{ typeInfo.identity.collectionName }}</dbx-click-to-copy-text>\n        </dbx-detail-block>\n      </div>\n\n      <!-- Segue Info -->\n      @if (typeCanSegueToView()) {\n        <dbx-detail-block icon=\"arrow_forward\" header=\"Segue To View\">\n          <div class=\"dbx-hint dbx-small\">This model has a unique view within the app.</div>\n          <dbx-anchor [anchor]=\"srefSignal()\"><dbx-button text=\"Go To View\"></dbx-button></dbx-anchor>\n        </dbx-detail-block>\n      } @else {\n        <dbx-detail-block class=\"dbx-warn\" icon=\"warning\" header=\"No Segue View\">\n          <span>This type provides no information for segue directly.</span>\n        </dbx-detail-block>\n      }\n    } @else {\n      <dbx-detail-block class=\"dbx-warn\" icon=\"warning\" header=\"No Type Info\">\n        <span>There is no type info registered for this model type.</span>\n      </dbx-detail-block>\n    }\n  } @else {\n    <div class=\"dbx-firebase-model-key-empty\">No model key provided</div>\n  }\n</div>\n" }]
-        }] });
+            args: [{ selector: 'dbx-firebase-model-key', standalone: true, imports: [DbxDetailBlockComponent, DbxButtonComponent, DbxClickToCopyTextComponent, DbxAnchorComponent], template: "<div class=\"dbx-firebase-model-key\">\n  @if (modelKey(); as key) {\n    <!-- Key Data -->\n    <dbx-detail-block icon=\"key\" header=\"Model Key\">\n      <dbx-click-to-copy-text [highlighted]=\"true\" class=\"dbx-block\">{{ key }}</dbx-click-to-copy-text>\n      <dbx-click-to-copy-text [highlighted]=\"true\" class=\"dbx-block\">{{ modelKeyIdSignal() }}</dbx-click-to-copy-text>\n      <dbx-click-to-copy-text [highlighted]=\"true\" class=\"dbx-block\" [copyText]=\"oneWayFlatModelKeySignal()\">(Flat) {{ oneWayFlatModelKeySignal() }}</dbx-click-to-copy-text>\n      <dbx-click-to-copy-text [highlighted]=\"true\" class=\"dbx-block\" [copyText]=\"twoWayFlatModelKeySignal()\">(Encoded Flat) {{ twoWayFlatModelKeySignal() }}</dbx-click-to-copy-text>\n    </dbx-detail-block>\n\n    <!-- Type Info -->\n    @if (typeInfoSignal(); as typeInfo) {\n      <!-- Model Meta Data -->\n      <div>\n        <dbx-detail-block [icon]=\"typeInfo.icon\" header=\"Model Type\">\n          <dbx-click-to-copy-text class=\"dbx-block\">{{ typeInfo.modelType }}</dbx-click-to-copy-text>\n          @if (typeInfo.icon) {\n            <dbx-click-to-copy-text [copyText]=\"typeInfo.icon\" class=\"dbx-block\">\n              Icon:\n              <span class=\"dbx-u\">{{ typeInfo.icon }}</span>\n            </dbx-click-to-copy-text>\n          } @else {\n            <span class=\"dbx-notice\">No Icon For Type</span>\n          }\n        </dbx-detail-block>\n        <dbx-detail-block icon=\"dataset\" header=\"Collection Name\">\n          <dbx-click-to-copy-text class=\"dbx-block\">{{ typeInfo.identity.collectionName }}</dbx-click-to-copy-text>\n        </dbx-detail-block>\n      </div>\n\n      <!-- Segue Info -->\n      @if (typeCanSegueToView()) {\n        <dbx-detail-block icon=\"arrow_forward\" header=\"Segue To View\">\n          <div class=\"dbx-hint dbx-small\">This model has a unique view within the app.</div>\n          <dbx-anchor [anchor]=\"srefSignal()\"><dbx-button text=\"Go To View\"></dbx-button></dbx-anchor>\n        </dbx-detail-block>\n      } @else {\n        <dbx-detail-block class=\"dbx-warn\" icon=\"warning\" header=\"No Segue View\">\n          <span>This type provides no information for segue directly.</span>\n        </dbx-detail-block>\n      }\n    } @else {\n      <dbx-detail-block class=\"dbx-warn\" icon=\"warning\" header=\"No Type Info\">\n        <span>There is no type info registered for this model type.</span>\n      </dbx-detail-block>\n    }\n  } @else {\n    <div class=\"dbx-firebase-model-key-empty\">No model key provided</div>\n  }\n</div>\n" }]
+        }], propDecorators: { modelKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "modelKey", required: false }] }] } });
 
 /**
  * A debug widget component that displays entity data and metadata.
@@ -4098,37 +3830,33 @@ class DbxFirebaseModelEntitiesDebugWidgetComponent extends AbstractDbxFirebaseMo
             };
         }
         return content;
-    });
-    context = loadingStateContext(this.store.dataLoadingState$);
-    ngOnDestroy() {
-        this.context.destroy();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModelEntitiesDebugWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DbxFirebaseModelEntitiesDebugWidgetComponent, isStandalone: true, selector: "dbx-firebase-model-entities-debug-widget", usesInheritance: true, ngImport: i0, template: "<div class=\"dbx-firebase-model-entities-debug-widget\">\n  <!-- Model Key Section -->\n  <div class=\"dbx-debug-section\">\n    <h4>Model Key Information</h4>\n    @if (currentKey(); as key) {\n      <dbx-firebase-model-key [modelKey]=\"key\"></dbx-firebase-model-key>\n    }\n  </div>\n\n  <!-- Document Data Section -->\n  <div class=\"dbx-debug-section\">\n    <h4>Document Data</h4>\n    <dbx-loading [context]=\"context\">\n      @if (currentData(); as data) {\n        <dbx-download-text-view [showTitle]=\"false\" [content]=\"contentSignal()\"></dbx-download-text-view>\n      } @else {\n        <p class=\"dbx-empty\">No data available</p>\n      }\n    </dbx-loading>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: DbxFirebaseModelKeyComponent, selector: "dbx-firebase-model-key", inputs: ["modelKey"] }, { kind: "component", type: DbxDownloadTextViewComponent, selector: "dbx-download-text-view", inputs: ["showDownloadButton", "loadingText", "linear", "showTitle", "showPreview", "showExpandPreviewButton", "expandPreview", "content", "contentState"], outputs: ["expandPreviewChange"] }, { kind: "component", type: DbxLoadingComponent, selector: "dbx-loading", inputs: ["padding", "show", "text", "mode", "color", "diameter", "linear", "loading", "error", "context"] }] });
+    }, ...(ngDevMode ? [{ debugName: "contentSignal" }] : []));
+    context = cleanLoadingContext(this.store.dataLoadingState$);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseModelEntitiesDebugWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: DbxFirebaseModelEntitiesDebugWidgetComponent, isStandalone: true, selector: "dbx-firebase-model-entities-debug-widget", usesInheritance: true, ngImport: i0, template: "<div class=\"dbx-firebase-model-entities-debug-widget\">\n  <!-- Model Key Section -->\n  <div class=\"dbx-debug-section\">\n    <h4>Model Key Information</h4>\n    @if (currentKey(); as key) {\n      <dbx-firebase-model-key [modelKey]=\"key\"></dbx-firebase-model-key>\n    }\n  </div>\n\n  <!-- Document Data Section -->\n  <div class=\"dbx-debug-section\">\n    <h4>Document Data</h4>\n    <dbx-loading [context]=\"context\">\n      @if (currentData(); as data) {\n        <dbx-download-text-view [showTitle]=\"false\" [content]=\"contentSignal()\"></dbx-download-text-view>\n      } @else {\n        <p class=\"dbx-empty\">No data available</p>\n      }\n    </dbx-loading>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: DbxFirebaseModelKeyComponent, selector: "dbx-firebase-model-key", inputs: ["modelKey"] }, { kind: "component", type: DbxDownloadTextViewComponent, selector: "dbx-download-text-view", inputs: ["showDownloadButton", "loadingText", "linear", "showTitle", "showPreview", "showExpandPreviewButton", "expandPreview", "content", "contentState"], outputs: ["expandPreviewChange"] }, { kind: "component", type: DbxLoadingComponent, selector: "dbx-loading", inputs: ["padding", "show", "text", "mode", "color", "diameter", "linear", "loading", "error", "context"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModelEntitiesDebugWidgetComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseModelEntitiesDebugWidgetComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dbx-firebase-model-entities-debug-widget', standalone: true, imports: [DbxFirebaseModelKeyComponent, DbxClickToCopyTextComponent, DbxContentPitDirective, DbxDownloadTextViewComponent, DbxLoadingComponent, JsonPipe], template: "<div class=\"dbx-firebase-model-entities-debug-widget\">\n  <!-- Model Key Section -->\n  <div class=\"dbx-debug-section\">\n    <h4>Model Key Information</h4>\n    @if (currentKey(); as key) {\n      <dbx-firebase-model-key [modelKey]=\"key\"></dbx-firebase-model-key>\n    }\n  </div>\n\n  <!-- Document Data Section -->\n  <div class=\"dbx-debug-section\">\n    <h4>Document Data</h4>\n    <dbx-loading [context]=\"context\">\n      @if (currentData(); as data) {\n        <dbx-download-text-view [showTitle]=\"false\" [content]=\"contentSignal()\"></dbx-download-text-view>\n      } @else {\n        <p class=\"dbx-empty\">No data available</p>\n      }\n    </dbx-loading>\n  </div>\n</div>\n" }]
+            args: [{ selector: 'dbx-firebase-model-entities-debug-widget', standalone: true, imports: [DbxFirebaseModelKeyComponent, DbxDownloadTextViewComponent, DbxLoadingComponent], template: "<div class=\"dbx-firebase-model-entities-debug-widget\">\n  <!-- Model Key Section -->\n  <div class=\"dbx-debug-section\">\n    <h4>Model Key Information</h4>\n    @if (currentKey(); as key) {\n      <dbx-firebase-model-key [modelKey]=\"key\"></dbx-firebase-model-key>\n    }\n  </div>\n\n  <!-- Document Data Section -->\n  <div class=\"dbx-debug-section\">\n    <h4>Document Data</h4>\n    <dbx-loading [context]=\"context\">\n      @if (currentData(); as data) {\n        <dbx-download-text-view [showTitle]=\"false\" [content]=\"contentSignal()\"></dbx-download-text-view>\n      } @else {\n        <p class=\"dbx-empty\">No data available</p>\n      }\n    </dbx-loading>\n  </div>\n</div>\n" }]
         }] });
 
 /**
  * Abstract directive that contains a DbxFirebaseDocumentStore and provides an interface for communicating with other directives.
  */
 class DbxFirebaseDocumentStoreDirective {
-    storeName = model(undefined);
-    documentId = model(undefined);
-    key = model(undefined);
-    flatKey = model(undefined);
-    ref = model(undefined);
-    streamMode = model(FirestoreAccessorStreamMode.STREAM);
+    storeName = model(undefined, ...(ngDevMode ? [{ debugName: "storeName" }] : []));
+    documentId = model(undefined, ...(ngDevMode ? [{ debugName: "documentId" }] : []));
+    key = model(undefined, ...(ngDevMode ? [{ debugName: "key" }] : []));
+    flatKey = model(undefined, ...(ngDevMode ? [{ debugName: "flatKey" }] : []));
+    ref = model(undefined, ...(ngDevMode ? [{ debugName: "ref" }] : []));
+    streamMode = model(FirestoreAccessorStreamMode.STREAM, ...(ngDevMode ? [{ debugName: "streamMode" }] : []));
     _storeName$ = toObservable(this.storeName).pipe(skipInitialMaybe());
     _documentId$ = toObservable(this.documentId).pipe(skipInitialMaybe());
     _key$ = toObservable(this.key).pipe(skipInitialMaybe());
     _flatKey$ = toObservable(this.flatKey).pipe(skipInitialMaybe());
     _ref$ = toObservable(this.ref).pipe(skipInitialMaybe());
     _streamMode$ = toObservable(this.streamMode).pipe(skipInitialMaybe());
-    _store = new BehaviorSubject(undefined);
-    _storeSub = new SubscriptionObject();
+    _store = completeOnDestroy(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$));
@@ -4145,7 +3873,7 @@ class DbxFirebaseDocumentStoreDirective {
     constructor(store) {
         this.replaceStore(store);
         // sync inputs to store any time the store changes
-        this._storeSub.subscription = this._store.subscribe((x) => {
+        cleanSubscription(this._store.subscribe((x) => {
             if (x) {
                 x.setStoreName(this._storeName$);
                 x.setId(this._documentId$);
@@ -4154,11 +3882,7 @@ class DbxFirebaseDocumentStoreDirective {
                 x.setRef(this._ref$);
                 x.setStreamMode(this._streamMode$);
             }
-        });
-    }
-    ngOnDestroy() {
-        this._store.complete();
-        this._storeSub.destroy();
+        }));
     }
     get store() {
         return this._store.value;
@@ -4197,12 +3921,12 @@ class DbxFirebaseDocumentStoreDirective {
         // we assume that the input model key is a TwoWayFlatFirestoreModelKey, since the TwoWayFlatFirestoreModelKey is safe to encode in the url
         return keyFromParams.subscribe((x) => this.setFlatKey(x));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseDocumentStoreDirective, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: DbxFirebaseDocumentStoreDirective, inputs: { storeName: { classPropertyName: "storeName", publicName: "storeName", isSignal: true, isRequired: false, transformFunction: null }, documentId: { classPropertyName: "documentId", publicName: "documentId", isSignal: true, isRequired: false, transformFunction: null }, key: { classPropertyName: "key", publicName: "key", isSignal: true, isRequired: false, transformFunction: null }, flatKey: { classPropertyName: "flatKey", publicName: "flatKey", isSignal: true, isRequired: false, transformFunction: null }, ref: { classPropertyName: "ref", publicName: "ref", isSignal: true, isRequired: false, transformFunction: null }, streamMode: { classPropertyName: "streamMode", publicName: "streamMode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { storeName: "storeNameChange", documentId: "documentIdChange", key: "keyChange", flatKey: "flatKeyChange", ref: "refChange", streamMode: "streamModeChange" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseDocumentStoreDirective, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: DbxFirebaseDocumentStoreDirective, isStandalone: true, inputs: { storeName: { classPropertyName: "storeName", publicName: "storeName", isSignal: true, isRequired: false, transformFunction: null }, documentId: { classPropertyName: "documentId", publicName: "documentId", isSignal: true, isRequired: false, transformFunction: null }, key: { classPropertyName: "key", publicName: "key", isSignal: true, isRequired: false, transformFunction: null }, flatKey: { classPropertyName: "flatKey", publicName: "flatKey", isSignal: true, isRequired: false, transformFunction: null }, ref: { classPropertyName: "ref", publicName: "ref", isSignal: true, isRequired: false, transformFunction: null }, streamMode: { classPropertyName: "streamMode", publicName: "streamMode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { storeName: "storeNameChange", documentId: "documentIdChange", key: "keyChange", flatKey: "flatKeyChange", ref: "refChange", streamMode: "streamModeChange" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseDocumentStoreDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseDocumentStoreDirective, decorators: [{
             type: Directive
-        }], ctorParameters: () => [{ type: undefined }] });
+        }], ctorParameters: () => [{ type: undefined }], propDecorators: { storeName: [{ type: i0.Input, args: [{ isSignal: true, alias: "storeName", required: false }] }, { type: i0.Output, args: ["storeNameChange"] }], documentId: [{ type: i0.Input, args: [{ isSignal: true, alias: "documentId", required: false }] }, { type: i0.Output, args: ["documentIdChange"] }], key: [{ type: i0.Input, args: [{ isSignal: true, alias: "key", required: false }] }, { type: i0.Output, args: ["keyChange"] }], flatKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "flatKey", required: false }] }, { type: i0.Output, args: ["flatKeyChange"] }], ref: [{ type: i0.Input, args: [{ isSignal: true, alias: "ref", required: false }] }, { type: i0.Output, args: ["refChange"] }], streamMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "streamMode", required: false }] }, { type: i0.Output, args: ["streamModeChange"] }] } });
 function provideDbxFirebaseDocumentStoreDirective(sourceType, storeType) {
     const providers = [
         {
@@ -4221,13 +3945,13 @@ function provideDbxFirebaseDocumentStoreDirective(sourceType, storeType) {
 /**
  * Used with a DbxFirebaseDocumentStoreDirective to emit model viewed events.
  */
-class DbxFirebaseModelViewedEventDirective extends AbstractSubscriptionDirective {
+class DbxFirebaseModelViewedEventDirective {
     dbxFirebaseDocumentStoreDirective = inject(DbxFirebaseDocumentStoreDirective);
     dbxModelObjectStateService = inject(DbxModelObjectStateService);
     dbxFirebaseModelTypesService = inject(DbxFirebaseModelTypesService);
-    modelViewContext = input(undefined, { alias: 'dbxFirebaseModelViewedEvent' });
-    ngOnInit() {
-        this.sub = this.dbxFirebaseDocumentStoreDirective.data$
+    modelViewContext = input(undefined, { ...(ngDevMode ? { debugName: "modelViewContext" } : {}), alias: 'dbxFirebaseModelViewedEvent' });
+    constructor() {
+        cleanSubscription(this.dbxFirebaseDocumentStoreDirective.data$
             .pipe(
         //
         distinctUntilModelKeyChange(), combineLatestWith(this.dbxFirebaseDocumentStoreDirective.modelIdentity$.pipe(switchMap((x) => this.dbxFirebaseModelTypesService.infoForType(x.modelType)), first()), this.dbxFirebaseDocumentStoreDirective.key$), map(([data, typeInfo, key]) => {
@@ -4242,52 +3966,30 @@ class DbxFirebaseModelViewedEventDirective extends AbstractSubscriptionDirective
             .subscribe((modelKeyTypeNamePair) => {
             const context = this.modelViewContext();
             this.dbxModelObjectStateService.emitModelViewEvent({ modelKeyTypeNamePair, context });
-        });
+        }));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModelViewedEventDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: DbxFirebaseModelViewedEventDirective, isStandalone: true, selector: "[dbxFirebaseModelViewedEvent]", inputs: { modelViewContext: { classPropertyName: "modelViewContext", publicName: "dbxFirebaseModelViewedEvent", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseModelViewedEventDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: DbxFirebaseModelViewedEventDirective, isStandalone: true, selector: "[dbxFirebaseModelViewedEvent]", inputs: { modelViewContext: { classPropertyName: "modelViewContext", publicName: "dbxFirebaseModelViewedEvent", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModelViewedEventDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseModelViewedEventDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxFirebaseModelViewedEvent]',
                     standalone: true
                 }]
-        }] });
-
-const importsAndExports$4 = [DbxFirebaseModelViewedEventDirective, DbxFirebaseModelTypeInstanceListComponent, DbxFirebaseModelTypeInstanceListViewComponent, DbxFirebaseModelTypeInstanceListViewItemComponent];
-/**
- * @deprecated import independent components instead
- *
- * @see DbxFirebaseModelViewedEventDirective
- * @see DbxFirebaseModelTypeInstanceListComponent
- * @see DbxFirebaseModelTypeInstanceListViewComponent
- * @see DbxFirebaseModelTypeInstanceListViewItemComponent
- */
-class DbxFirebaseModelTypesModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModelTypesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModelTypesModule, imports: [DbxFirebaseModelViewedEventDirective, DbxFirebaseModelTypeInstanceListComponent, DbxFirebaseModelTypeInstanceListViewComponent, DbxFirebaseModelTypeInstanceListViewItemComponent], exports: [DbxFirebaseModelViewedEventDirective, DbxFirebaseModelTypeInstanceListComponent, DbxFirebaseModelTypeInstanceListViewComponent, DbxFirebaseModelTypeInstanceListViewItemComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModelTypesModule, imports: [DbxFirebaseModelTypeInstanceListComponent, DbxFirebaseModelTypeInstanceListViewComponent] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModelTypesModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: importsAndExports$4,
-                    exports: importsAndExports$4
-                }]
-        }] });
+        }], ctorParameters: () => [], propDecorators: { modelViewContext: [{ type: i0.Input, args: [{ isSignal: true, alias: "dbxFirebaseModelViewedEvent", required: false }] }] } });
 
 /**
  * Abstract directive that contains a DbxFirebaseCollectionStore and provides an interface for communicating with other directives.
  */
 class DbxFirebaseCollectionStoreDirective {
-    collectionMode = model('query');
-    collectionKeys = model(undefined);
-    collectionRefs = model(undefined);
-    maxPages = model(undefined);
-    itemsPerPage = model(undefined);
-    constraints = model(undefined);
-    waitForNonNullConstraints = model(undefined);
+    collectionMode = model('query', ...(ngDevMode ? [{ debugName: "collectionMode" }] : []));
+    collectionKeys = model(undefined, ...(ngDevMode ? [{ debugName: "collectionKeys" }] : []));
+    collectionRefs = model(undefined, ...(ngDevMode ? [{ debugName: "collectionRefs" }] : []));
+    maxPages = model(undefined, ...(ngDevMode ? [{ debugName: "maxPages" }] : []));
+    itemsPerPage = model(undefined, ...(ngDevMode ? [{ debugName: "itemsPerPage" }] : []));
+    constraints = model(undefined, ...(ngDevMode ? [{ debugName: "constraints" }] : []));
+    waitForNonNullConstraints = model(undefined, ...(ngDevMode ? [{ debugName: "waitForNonNullConstraints" }] : []));
     _collectionMode = toObservable(this.collectionMode).pipe(skipInitialMaybe());
     _collectionKeys = toObservable(this.collectionKeys).pipe(skipInitialMaybe());
     _collectionRefs = toObservable(this.collectionRefs).pipe(skipInitialMaybe());
@@ -4295,14 +3997,13 @@ class DbxFirebaseCollectionStoreDirective {
     _itemsPerPage = toObservable(this.itemsPerPage).pipe(skipInitialMaybe());
     _constraints = toObservable(this.constraints).pipe(skipInitialMaybe());
     _waitForNonNullConstraints = toObservable(this.waitForNonNullConstraints).pipe(skipInitialMaybe());
-    _store = new BehaviorSubject(undefined);
-    _storeSub = new SubscriptionObject();
+    _store = completeOnDestroy(new BehaviorSubject(undefined));
     store$ = this._store.pipe(filterMaybe(), shareReplay(1));
     pageLoadingState$ = this.store$.pipe(switchMap((x) => x.pageLoadingState$));
     constructor(store) {
         this.replaceStore(store);
         // sync inputs to store any time the store changes
-        this._storeSub.subscription = this.store$.subscribe((x) => {
+        cleanSubscription(this.store$.subscribe((x) => {
             x.setCollectionMode(this._collectionMode);
             x.setCollectionKeys(this._collectionKeys);
             x.setCollectionRefs(this._collectionRefs);
@@ -4310,15 +4011,11 @@ class DbxFirebaseCollectionStoreDirective {
             x.setMaxPages(this._maxPages);
             x.setItemsPerPage(this._itemsPerPage);
             x.setWaitForNonNullConstraints(this._waitForNonNullConstraints);
-        });
+        }));
     }
     get store() {
         return this._store.value;
     }
-    ngOnDestroy() {
-        this._store.complete();
-        this._storeSub.destroy();
-    }
     /**
      * Replaces the internal store.
      */
@@ -4352,12 +4049,12 @@ class DbxFirebaseCollectionStoreDirective {
     restart() {
         this.store.restart();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseCollectionStoreDirective, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: DbxFirebaseCollectionStoreDirective, inputs: { collectionMode: { classPropertyName: "collectionMode", publicName: "collectionMode", isSignal: true, isRequired: false, transformFunction: null }, collectionKeys: { classPropertyName: "collectionKeys", publicName: "collectionKeys", isSignal: true, isRequired: false, transformFunction: null }, collectionRefs: { classPropertyName: "collectionRefs", publicName: "collectionRefs", isSignal: true, isRequired: false, transformFunction: null }, maxPages: { classPropertyName: "maxPages", publicName: "maxPages", isSignal: true, isRequired: false, transformFunction: null }, itemsPerPage: { classPropertyName: "itemsPerPage", publicName: "itemsPerPage", isSignal: true, isRequired: false, transformFunction: null }, constraints: { classPropertyName: "constraints", publicName: "constraints", isSignal: true, isRequired: false, transformFunction: null }, waitForNonNullConstraints: { classPropertyName: "waitForNonNullConstraints", publicName: "waitForNonNullConstraints", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { collectionMode: "collectionModeChange", collectionKeys: "collectionKeysChange", collectionRefs: "collectionRefsChange", maxPages: "maxPagesChange", itemsPerPage: "itemsPerPageChange", constraints: "constraintsChange", waitForNonNullConstraints: "waitForNonNullConstraintsChange" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseCollectionStoreDirective, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: DbxFirebaseCollectionStoreDirective, isStandalone: true, inputs: { collectionMode: { classPropertyName: "collectionMode", publicName: "collectionMode", isSignal: true, isRequired: false, transformFunction: null }, collectionKeys: { classPropertyName: "collectionKeys", publicName: "collectionKeys", isSignal: true, isRequired: false, transformFunction: null }, collectionRefs: { classPropertyName: "collectionRefs", publicName: "collectionRefs", isSignal: true, isRequired: false, transformFunction: null }, maxPages: { classPropertyName: "maxPages", publicName: "maxPages", isSignal: true, isRequired: false, transformFunction: null }, itemsPerPage: { classPropertyName: "itemsPerPage", publicName: "itemsPerPage", isSignal: true, isRequired: false, transformFunction: null }, constraints: { classPropertyName: "constraints", publicName: "constraints", isSignal: true, isRequired: false, transformFunction: null }, waitForNonNullConstraints: { classPropertyName: "waitForNonNullConstraints", publicName: "waitForNonNullConstraints", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { collectionMode: "collectionModeChange", collectionKeys: "collectionKeysChange", collectionRefs: "collectionRefsChange", maxPages: "maxPagesChange", itemsPerPage: "itemsPerPageChange", constraints: "constraintsChange", waitForNonNullConstraints: "waitForNonNullConstraintsChange" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseCollectionStoreDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseCollectionStoreDirective, decorators: [{
             type: Directive
-        }], ctorParameters: () => [{ type: undefined }] });
+        }], ctorParameters: () => [{ type: undefined }], propDecorators: { collectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "collectionMode", required: false }] }, { type: i0.Output, args: ["collectionModeChange"] }], collectionKeys: [{ type: i0.Input, args: [{ isSignal: true, alias: "collectionKeys", required: false }] }, { type: i0.Output, args: ["collectionKeysChange"] }], collectionRefs: [{ type: i0.Input, args: [{ isSignal: true, alias: "collectionRefs", required: false }] }, { type: i0.Output, args: ["collectionRefsChange"] }], maxPages: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxPages", required: false }] }, { type: i0.Output, args: ["maxPagesChange"] }], itemsPerPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemsPerPage", required: false }] }, { type: i0.Output, args: ["itemsPerPageChange"] }], constraints: [{ type: i0.Input, args: [{ isSignal: true, alias: "constraints", required: false }] }, { type: i0.Output, args: ["constraintsChange"] }], waitForNonNullConstraints: [{ type: i0.Input, args: [{ isSignal: true, alias: "waitForNonNullConstraints", required: false }] }, { type: i0.Output, args: ["waitForNonNullConstraintsChange"] }] } });
 function provideDbxFirebaseCollectionStoreDirective(sourceType, storeType) {
     const providers = [
         {
@@ -4376,9 +4073,9 @@ function provideDbxFirebaseCollectionStoreDirective(sourceType, storeType) {
  */
 class DbxFirebaseCollectionChangeDirective {
     dbxFirebaseCollectionStoreDirective = inject((DbxFirebaseCollectionStoreDirective));
-    mode = input('off', { alias: 'dbxFirebaseCollectionChange', transform: (x) => x || 'off' });
-    _watcher = dbxFirebaseCollectionChangeWatcher(this.dbxFirebaseCollectionStoreDirective.store);
-    _trigger = dbxFirebaseCollectionChangeTriggerForWatcher(this._watcher, () => this.restart());
+    mode = input('off', { ...(ngDevMode ? { debugName: "mode" } : {}), alias: 'dbxFirebaseCollectionChange', transform: (x) => x || 'off' });
+    _watcher = clean(dbxFirebaseCollectionChangeWatcher(this.dbxFirebaseCollectionStoreDirective.store));
+    _trigger = clean(dbxFirebaseCollectionChangeTriggerForWatcher(this._watcher, () => this.restart()));
     mode$ = this._watcher.mode$;
     event$ = this._watcher.event$;
     hasChangeAvailable$ = this._watcher.hasChangeAvailable$;
@@ -4386,30 +4083,26 @@ class DbxFirebaseCollectionChangeDirective {
     trigger$ = this._watcher.trigger$;
     modeEffect = effect(() => {
         this._watcher.setMode(this.mode());
-    }, { allowSignalWrites: true });
+    }, ...(ngDevMode ? [{ debugName: "modeEffect" }] : []));
     get store() {
         return this._watcher.store;
     }
-    ngOnInit() {
+    constructor() {
         this._trigger.init();
     }
-    ngOnDestroy() {
-        this._watcher.destroy();
-        this._trigger.destroy();
-    }
     restart() {
         this.dbxFirebaseCollectionStoreDirective.store.restart();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseCollectionChangeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: DbxFirebaseCollectionChangeDirective, isStandalone: true, selector: "[dbxFirebaseCollectionChange]", inputs: { mode: { classPropertyName: "mode", publicName: "dbxFirebaseCollectionChange", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseCollectionChangeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: DbxFirebaseCollectionChangeDirective, isStandalone: true, selector: "[dbxFirebaseCollectionChange]", inputs: { mode: { classPropertyName: "mode", publicName: "dbxFirebaseCollectionChange", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseCollectionChangeDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseCollectionChangeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxFirebaseCollectionChange]',
                     standalone: true
                 }]
-        }] });
+        }], ctorParameters: () => [], propDecorators: { mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "dbxFirebaseCollectionChange", required: false }] }] } });
 
 /**
  * Structural directive that displays the content when the target change is detected.
@@ -4418,7 +4111,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  */
 class DbxFirebaseCollectionHasChangeDirective extends AbstractIfDirective {
     directive = inject(DbxFirebaseCollectionChangeDirective);
-    mode = input('addedAndRemoved', { alias: 'dbxFirebaseCollectionHasChange', transform: (x) => x || 'addedAndRemoved' });
+    mode = input('addedAndRemoved', { ...(ngDevMode ? { debugName: "mode" } : {}), alias: 'dbxFirebaseCollectionHasChange', transform: (x) => x || 'addedAndRemoved' });
     show$ = combineLatest([toObservable(this.mode), this.directive.event$]).pipe(map(([mode, event]) => {
         let show = false;
         if (event.type !== 'none') {
@@ -4436,36 +4129,35 @@ class DbxFirebaseCollectionHasChangeDirective extends AbstractIfDirective {
         }
         return show;
     }), shareReplay(1));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseCollectionHasChangeDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: DbxFirebaseCollectionHasChangeDirective, isStandalone: true, selector: "[dbxFirebaseCollectionHasChange]", inputs: { mode: { classPropertyName: "mode", publicName: "dbxFirebaseCollectionHasChange", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseCollectionHasChangeDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: DbxFirebaseCollectionHasChangeDirective, isStandalone: true, selector: "[dbxFirebaseCollectionHasChange]", inputs: { mode: { classPropertyName: "mode", publicName: "dbxFirebaseCollectionHasChange", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseCollectionHasChangeDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseCollectionHasChangeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxFirebaseCollectionHasChange]',
                     standalone: true
                 }]
-        }] });
+        }], propDecorators: { mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "dbxFirebaseCollectionHasChange", required: false }] }] } });
 
 /**
  * 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 {
+class DbxFirebaseCollectionListDirective {
     dbxFirebaseCollectionStoreDirective = inject((DbxFirebaseCollectionStoreDirective));
     dbxListViewWrapper = inject((DbxListViewWrapper), { host: true });
     constructor() {
-        super();
         this.dbxListViewWrapper.setState(this.dbxFirebaseCollectionStoreDirective.pageLoadingState$);
+        if (this.dbxListViewWrapper.loadMore) {
+            cleanSubscription(this.dbxListViewWrapper.loadMore.subscribe(() => {
+                this.dbxFirebaseCollectionStoreDirective.next();
+            }));
+        }
     }
-    ngOnInit() {
-        this.sub = this.dbxListViewWrapper.loadMore?.subscribe(() => {
-            this.dbxFirebaseCollectionStoreDirective.next();
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseCollectionListDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DbxFirebaseCollectionListDirective, isStandalone: true, selector: "[dbxFirebaseCollectionList]", usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseCollectionListDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: DbxFirebaseCollectionListDirective, isStandalone: true, selector: "[dbxFirebaseCollectionList]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseCollectionListDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseCollectionListDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxFirebaseCollectionList]',
@@ -4494,10 +4186,10 @@ function provideDbxFirebaseDocumentStoreTwoWayKeyProvider(sourceType) {
 class DbxFirebaseDocumentStoreTwoWayModelKeySourceDirective {
     dbxFirebaseDocumentStoreDirective = inject(DbxFirebaseDocumentStoreDirective, { host: true });
     twoWayFlatKey$ = this.dbxFirebaseDocumentStoreDirective.twoWayFlatKey$;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseDocumentStoreTwoWayModelKeySourceDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DbxFirebaseDocumentStoreTwoWayModelKeySourceDirective, isStandalone: true, selector: "[dbxFirebaseDocumentStoreTwoWayModelKeySource]", providers: provideDbxFirebaseDocumentStoreTwoWayKeyProvider(DbxFirebaseDocumentStoreTwoWayModelKeySourceDirective), ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseDocumentStoreTwoWayModelKeySourceDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: DbxFirebaseDocumentStoreTwoWayModelKeySourceDirective, isStandalone: true, selector: "[dbxFirebaseDocumentStoreTwoWayModelKeySource]", providers: provideDbxFirebaseDocumentStoreTwoWayKeyProvider(DbxFirebaseDocumentStoreTwoWayModelKeySourceDirective), ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseDocumentStoreTwoWayModelKeySourceDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseDocumentStoreTwoWayModelKeySourceDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxFirebaseDocumentStoreTwoWayModelKeySource]',
@@ -4509,17 +4201,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 /**
  * Used for providing an id from the twoWayFlatKey$ from a DbxFirebaseDocumentStoreTwoWayKeyProvider.
  */
-class DbxFirebaseDocumentStoreIdFromTwoWayModelKeyDirective extends AbstractSubscriptionDirective {
+class DbxFirebaseDocumentStoreIdFromTwoWayModelKeyDirective {
     dbxFirebaseDocumentStoreDirective = inject(DbxFirebaseDocumentStoreDirective, { host: true });
     dbxFirebaseDocumentStoreTwoWayKeyProvider = inject(DbxFirebaseDocumentStoreTwoWayKeyProvider, { skipSelf: true, host: false });
     constructor() {
-        super();
-        this.sub = this.dbxFirebaseDocumentStoreDirective.store.setId(this.dbxFirebaseDocumentStoreTwoWayKeyProvider.twoWayFlatKey$);
+        cleanSubscription(this.dbxFirebaseDocumentStoreDirective.store.setId(this.dbxFirebaseDocumentStoreTwoWayKeyProvider.twoWayFlatKey$));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseDocumentStoreIdFromTwoWayModelKeyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DbxFirebaseDocumentStoreIdFromTwoWayModelKeyDirective, isStandalone: true, selector: "[dbxFirebaseDocumentStoreIdFromTwoWayModelKey]", usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseDocumentStoreIdFromTwoWayModelKeyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: DbxFirebaseDocumentStoreIdFromTwoWayModelKeyDirective, isStandalone: true, selector: "[dbxFirebaseDocumentStoreIdFromTwoWayModelKey]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseDocumentStoreIdFromTwoWayModelKeyDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseDocumentStoreIdFromTwoWayModelKeyDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxFirebaseDocumentStoreIdFromTwoWayModelKey]',
@@ -4527,17 +4218,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }], ctorParameters: () => [] });
 
-const importsAndExports$3 = [DbxFirebaseCollectionListDirective, DbxFirebaseCollectionChangeDirective, DbxFirebaseCollectionHasChangeDirective, DbxFirebaseDocumentStoreTwoWayModelKeySourceDirective, DbxFirebaseDocumentStoreIdFromTwoWayModelKeyDirective];
+const importsAndExports$1 = [DbxFirebaseCollectionListDirective, DbxFirebaseCollectionChangeDirective, DbxFirebaseCollectionHasChangeDirective, DbxFirebaseDocumentStoreTwoWayModelKeySourceDirective, DbxFirebaseDocumentStoreIdFromTwoWayModelKeyDirective];
 class DbxFirebaseModelStoreModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModelStoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModelStoreModule, imports: [DbxFirebaseCollectionListDirective, DbxFirebaseCollectionChangeDirective, DbxFirebaseCollectionHasChangeDirective, DbxFirebaseDocumentStoreTwoWayModelKeySourceDirective, DbxFirebaseDocumentStoreIdFromTwoWayModelKeyDirective], exports: [DbxFirebaseCollectionListDirective, DbxFirebaseCollectionChangeDirective, DbxFirebaseCollectionHasChangeDirective, DbxFirebaseDocumentStoreTwoWayModelKeySourceDirective, DbxFirebaseDocumentStoreIdFromTwoWayModelKeyDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModelStoreModule });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseModelStoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseModelStoreModule, imports: [DbxFirebaseCollectionListDirective, DbxFirebaseCollectionChangeDirective, DbxFirebaseCollectionHasChangeDirective, DbxFirebaseDocumentStoreTwoWayModelKeySourceDirective, DbxFirebaseDocumentStoreIdFromTwoWayModelKeyDirective], exports: [DbxFirebaseCollectionListDirective, DbxFirebaseCollectionChangeDirective, DbxFirebaseCollectionHasChangeDirective, DbxFirebaseDocumentStoreTwoWayModelKeySourceDirective, DbxFirebaseDocumentStoreIdFromTwoWayModelKeyDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseModelStoreModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModelStoreModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseModelStoreModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: importsAndExports$3,
-                    exports: importsAndExports$3
+                    imports: importsAndExports$1,
+                    exports: importsAndExports$1
                 }]
         }] });
 
@@ -4607,10 +4298,10 @@ class AbstractDbxFirebaseCollectionStore extends LockSetComponentStore {
     loadAllResults() {
         return this.loader$.pipe(switchMap((x) => x.loadAllResults()));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractDbxFirebaseCollectionStore, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractDbxFirebaseCollectionStore });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AbstractDbxFirebaseCollectionStore, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AbstractDbxFirebaseCollectionStore });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractDbxFirebaseCollectionStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AbstractDbxFirebaseCollectionStore, decorators: [{
             type: Injectable
         }] });
 
@@ -4688,6 +4379,8 @@ function linkDocumentStoreToParentContextStores(store) {
 }
 
 class AbstractDbxFirebaseDocumentStore extends LockSetComponentStore {
+    // NOTE: Injection does not occur here, but we need @Injectable to compile properly for Angular usage
+    // eslint-disable-next-line @angular-eslint/prefer-inject
     constructor(initialState) {
         super(initialState);
         linkDocumentStoreToParentContextStores(this);
@@ -4727,7 +4420,7 @@ class AbstractDbxFirebaseDocumentStore extends LockSetComponentStore {
      */
     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())), tapLog('documentLoadingState$'), shareReplay(1));
+    documentLoadingState$ = this.currentDocument$.pipe(map((x) => (x ? successResult(x) : beginLoading())), shareReplay(1));
     currentId$ = this.currentDocument$.pipe(map((x) => x?.id), shareReplay(1));
     currentKey$ = this.currentDocument$.pipe(map((x) => x?.key), shareReplay(1));
     id$ = this.document$.pipe(map((x) => x.id), shareReplay(1));
@@ -4799,10 +4492,10 @@ class AbstractDbxFirebaseDocumentStore extends LockSetComponentStore {
     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: "18.2.13", ngImport: i0, type: AbstractDbxFirebaseDocumentStore, deps: [{ token: null, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractDbxFirebaseDocumentStore });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AbstractDbxFirebaseDocumentStore, deps: [{ token: null, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AbstractDbxFirebaseDocumentStore });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractDbxFirebaseDocumentStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AbstractDbxFirebaseDocumentStore, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
@@ -4972,6 +4665,7 @@ function setParentStoreEffect(store) {
  */
 class AbstractDbxFirebaseCollectionWithParentStore extends AbstractDbxFirebaseCollectionStore {
     // NOTE: Injection does not occur here, but we need @Injectable to compile properly for Angular usage
+    // eslint-disable-next-line @angular-eslint/prefer-inject
     constructor(state, defaultSourceMode) {
         super(state);
         this.setSourceMode(defaultSourceMode || 'parent');
@@ -5024,10 +4718,10 @@ class AbstractDbxFirebaseCollectionWithParentStore extends AbstractDbxFirebaseCo
      */
     _setParentDocument = this.updater((state, parent) => ({ ...state, parent }));
     _setParent = this._setParentDocument;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", 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: "18.2.13", ngImport: i0, type: AbstractDbxFirebaseCollectionWithParentStore });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", 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: "21.2.0", ngImport: i0, type: AbstractDbxFirebaseCollectionWithParentStore });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractDbxFirebaseCollectionWithParentStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AbstractDbxFirebaseCollectionWithParentStore, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
@@ -5085,10 +4779,10 @@ class AbstractDbxFirebaseDocumentWithParentStore extends AbstractDbxFirebaseDocu
      * Sets the parent on the current state.
      */
     _setParentDocument = this.updater((state, parent) => ({ ...state, parent }));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractDbxFirebaseDocumentWithParentStore, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractDbxFirebaseDocumentWithParentStore });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AbstractDbxFirebaseDocumentWithParentStore, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AbstractDbxFirebaseDocumentWithParentStore });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractDbxFirebaseDocumentWithParentStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AbstractDbxFirebaseDocumentWithParentStore, decorators: [{
             type: Injectable
         }] });
 /**
@@ -5137,30 +4831,25 @@ class AbstractSingleItemDbxFirebaseDocument extends AbstractDbxFirebaseDocumentW
  * Abstract directive that contains a DbxFirebaseCollectionWithParentStore and provides an interface for communicating with other directives.
  */
 class DbxFirebaseCollectionWithParentStoreDirective extends DbxFirebaseCollectionStoreDirective {
-    sourceMode = model(undefined);
+    sourceMode = model(undefined, ...(ngDevMode ? [{ debugName: "sourceMode" }] : []));
     _sourceMode$ = toObservable(this.sourceMode).pipe(skipInitialMaybe());
-    _parentSourceModeSub = new SubscriptionObject();
     constructor(store) {
         super(store);
         // sync inputs to store any time the store changes
-        this._parentSourceModeSub.subscription = this.store$.subscribe((x) => {
+        cleanSubscription(this.store$.subscribe((x) => {
             x.setSourceMode(this._sourceMode$);
-        });
-    }
-    ngOnDestroy() {
-        super.ngOnDestroy();
-        this._parentSourceModeSub.destroy();
+        }));
     }
     // MARK: Inputs
     setSourceMode(sourceMode) {
         this.sourceMode.set(sourceMode);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseCollectionWithParentStoreDirective, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: DbxFirebaseCollectionWithParentStoreDirective, inputs: { sourceMode: { classPropertyName: "sourceMode", publicName: "sourceMode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sourceMode: "sourceModeChange" }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseCollectionWithParentStoreDirective, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: DbxFirebaseCollectionWithParentStoreDirective, isStandalone: true, inputs: { sourceMode: { classPropertyName: "sourceMode", publicName: "sourceMode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sourceMode: "sourceModeChange" }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseCollectionWithParentStoreDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseCollectionWithParentStoreDirective, decorators: [{
             type: Directive
-        }], ctorParameters: () => [{ type: undefined }] });
+        }], ctorParameters: () => [{ type: undefined }], propDecorators: { sourceMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "sourceMode", required: false }] }, { type: i0.Output, args: ["sourceModeChange"] }] } });
 function provideDbxFirebaseCollectionWithParentStoreDirective(sourceType, storeType) {
     const providers = [
         ...provideDbxFirebaseCollectionStoreDirective(sourceType, storeType),
@@ -5176,10 +4865,10 @@ function provideDbxFirebaseCollectionWithParentStoreDirective(sourceType, storeT
  * Directive that provides a DbxFirebaseDocumentStoreContextStore.
  */
 class DbxFirebaseDocumentStoreContextStoreDirective {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseDocumentStoreContextStoreDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DbxFirebaseDocumentStoreContextStoreDirective, isStandalone: true, selector: "[dbxFirebaseDocumentStoreContextStore]", providers: provideDbxFirebaseDocumentStoreContextStore(), ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseDocumentStoreContextStoreDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: DbxFirebaseDocumentStoreContextStoreDirective, isStandalone: true, selector: "[dbxFirebaseDocumentStoreContextStore]", providers: provideDbxFirebaseDocumentStoreContextStore(), ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseDocumentStoreContextStoreDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseDocumentStoreContextStoreDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxFirebaseDocumentStoreContextStore]',
@@ -5189,41 +4878,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
         }] });
 
 class SystemStateCollectionStore extends AbstractDbxFirebaseCollectionStore {
-    constructor(collections) {
-        super({ firestoreCollection: collections.systemStateCollection });
+    constructor() {
+        super({ firestoreCollection: inject(SystemStateFirestoreCollections).systemStateCollection });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SystemStateCollectionStore, deps: [{ token: i1$4.SystemStateFirestoreCollections }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SystemStateCollectionStore });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SystemStateCollectionStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SystemStateCollectionStore });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SystemStateCollectionStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SystemStateCollectionStore, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1$4.SystemStateFirestoreCollections }] });
+        }], ctorParameters: () => [] });
 
 class DbxFirebaseSystemStateCollectionStoreDirective extends DbxFirebaseCollectionStoreDirective {
-    constructor(store) {
-        super(store);
+    constructor() {
+        super(inject(SystemStateCollectionStore));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseSystemStateCollectionStoreDirective, deps: [{ token: SystemStateCollectionStore }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DbxFirebaseSystemStateCollectionStoreDirective, selector: "[dbxFirebaseSystemStateCollection]", providers: provideDbxFirebaseCollectionStoreDirective(DbxFirebaseSystemStateCollectionStoreDirective, SystemStateCollectionStore), usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseSystemStateCollectionStoreDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: DbxFirebaseSystemStateCollectionStoreDirective, isStandalone: true, selector: "[dbxFirebaseSystemStateCollection]", providers: provideDbxFirebaseCollectionStoreDirective(DbxFirebaseSystemStateCollectionStoreDirective, SystemStateCollectionStore), usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseSystemStateCollectionStoreDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseSystemStateCollectionStoreDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxFirebaseSystemStateCollection]',
                     providers: provideDbxFirebaseCollectionStoreDirective(DbxFirebaseSystemStateCollectionStoreDirective, SystemStateCollectionStore)
                 }]
-        }], ctorParameters: () => [{ type: SystemStateCollectionStore }] });
+        }], ctorParameters: () => [] });
 
 class SystemStateDocumentStore extends AbstractDbxFirebaseDocumentStore {
-    constructor(collections) {
-        super({ firestoreCollection: collections.systemStateCollection });
+    constructor() {
+        super({ firestoreCollection: inject(SystemStateFirestoreCollections).systemStateCollection });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SystemStateDocumentStore, deps: [{ token: i1$4.SystemStateFirestoreCollections }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SystemStateDocumentStore });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SystemStateDocumentStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SystemStateDocumentStore });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SystemStateDocumentStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SystemStateDocumentStore, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1$4.SystemStateFirestoreCollections }] });
+        }], ctorParameters: () => [] });
 
 /**
  * Abstract class used for accessing a SystemStateDocumentStore's data.
@@ -5239,13 +4928,10 @@ class AbstractSystemStateDocumentStoreAccessor {
     constructor(type) {
         this.systemStateDocumentStore.setId(type);
     }
-    ngOnDestroy() {
-        this.systemStateDocumentStore.ngOnDestroy();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractSystemStateDocumentStoreAccessor, deps: [{ token: null, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractSystemStateDocumentStoreAccessor });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AbstractSystemStateDocumentStoreAccessor, deps: [{ token: null, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AbstractSystemStateDocumentStoreAccessor });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractSystemStateDocumentStoreAccessor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AbstractSystemStateDocumentStoreAccessor, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
@@ -5258,10 +4944,10 @@ class DbxFirebaseSystemStateDocumentStoreDirective extends DbxFirebaseDocumentSt
     constructor() {
         super(inject((SystemStateDocumentStore)));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseSystemStateDocumentStoreDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DbxFirebaseSystemStateDocumentStoreDirective, selector: "[dbxFirebaseSystemStateDocument]", providers: provideDbxFirebaseDocumentStoreDirective(DbxFirebaseSystemStateDocumentStoreDirective, SystemStateDocumentStore), usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseSystemStateDocumentStoreDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: DbxFirebaseSystemStateDocumentStoreDirective, isStandalone: true, selector: "[dbxFirebaseSystemStateDocument]", providers: provideDbxFirebaseDocumentStoreDirective(DbxFirebaseSystemStateDocumentStoreDirective, SystemStateDocumentStore), usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseSystemStateDocumentStoreDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseSystemStateDocumentStoreDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxFirebaseSystemStateDocument]',
@@ -5270,14 +4956,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
         }], ctorParameters: () => [] });
 
 class DbxFirebaseModelModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModelModule, exports: [DbxFirebaseModelStoreModule, DbxFirebaseModelHistoryModule, DbxFirebaseModelTypesModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModelModule, imports: [DbxFirebaseModelStoreModule, DbxFirebaseModelHistoryModule, DbxFirebaseModelTypesModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseModelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseModelModule, exports: [DbxFirebaseModelStoreModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseModelModule, imports: [DbxFirebaseModelStoreModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModelModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseModelModule, decorators: [{
             type: NgModule,
             args: [{
-                    exports: [DbxFirebaseModelStoreModule, DbxFirebaseModelHistoryModule, DbxFirebaseModelTypesModule]
+                    exports: [DbxFirebaseModelStoreModule]
                 }]
         }] });
 
@@ -5299,10 +4985,10 @@ class DbxFirebaseNotificationTemplateService {
             date
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseNotificationTemplateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseNotificationTemplateService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseNotificationTemplateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseNotificationTemplateService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseNotificationTemplateService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseNotificationTemplateService, decorators: [{
             type: Injectable
         }] });
 
@@ -5313,10 +4999,10 @@ class DbxFirebaseNotificationItemListComponent extends AbstractDbxSelectionListW
             defaultSelectionMode: 'view'
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseNotificationItemListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DbxFirebaseNotificationItemListComponent, isStandalone: true, selector: "dbx-firebase-notificationitem-list", providers: provideDbxListViewWrapper(DbxFirebaseNotificationItemListComponent), usesInheritance: true, ngImport: i0, template: "\n  <dbx-list [state]=\"currentState$\" [config]=\"configSignal()\" [hasMore]=\"hasMore()\" [disabled]=\"disabled()\" [selectionMode]=\"selectionModeSignal()\">\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    <ng-content end select=\"[end]\"></ng-content>\n  </dbx-list>", isInline: true, dependencies: [{ kind: "ngmodule", type: DbxListWrapperComponentImportsModule }, { kind: "component", type: i1$1.DbxListComponent, selector: "dbx-list", inputs: ["padded", "state", "config", "disabled", "selectionMode", "hasMore"], outputs: ["contentScrolled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseNotificationItemListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: DbxFirebaseNotificationItemListComponent, isStandalone: true, selector: "dbx-firebase-notificationitem-list", providers: provideDbxListViewWrapper(DbxFirebaseNotificationItemListComponent), usesInheritance: true, ngImport: i0, template: "\n  <dbx-list [state]=\"currentState$\" [config]=\"configSignal()\" [hasMore]=\"hasMore()\" [disabled]=\"disabled()\" [selectionMode]=\"selectionModeSignal()\">\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    <ng-content end select=\"[end]\"></ng-content>\n  </dbx-list>", isInline: true, dependencies: [{ kind: "ngmodule", type: DbxListWrapperComponentImportsModule }, { kind: "component", type: i1$1.DbxListComponent, selector: "dbx-list", inputs: ["padded", "state", "config", "disabled", "selectionMode", "hasMore"], outputs: ["contentScrolled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseNotificationItemListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseNotificationItemListComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-firebase-notificationitem-list',
@@ -5332,10 +5018,10 @@ class DbxFirebaseNotificationItemListViewComponent extends AbstractDbxSelectionL
         componentClass: DbxFirebaseNotificationItemListViewItemComponent,
         mapValuesToItemValues: (x) => of(x.map((y) => ({ ...y, icon: y.icon, itemValue: y })))
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseNotificationItemListViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DbxFirebaseNotificationItemListViewComponent, isStandalone: true, selector: "dbx-firebase-notificationitem-list-view", providers: provideDbxListView(DbxFirebaseNotificationItemListViewComponent), usesInheritance: true, ngImport: i0, template: "<dbx-selection-list-view [config]=\"config\"></dbx-selection-list-view>", isInline: true, dependencies: [{ kind: "ngmodule", type: DbxSelectionValueListViewComponentImportsModule }, { kind: "component", type: i1$1.DbxSelectionValueListViewComponent, selector: "dbx-selection-list-view" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseNotificationItemListViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: DbxFirebaseNotificationItemListViewComponent, isStandalone: true, selector: "dbx-firebase-notificationitem-list-view", providers: provideDbxListView(DbxFirebaseNotificationItemListViewComponent), usesInheritance: true, ngImport: i0, template: "<dbx-selection-list-view [config]=\"config\"></dbx-selection-list-view>", isInline: true, dependencies: [{ kind: "ngmodule", type: DbxSelectionValueListViewComponentImportsModule }, { kind: "component", type: i1$1.DbxSelectionValueListViewComponent, selector: "dbx-selection-list-view" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseNotificationItemListViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseNotificationItemListViewComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-firebase-notificationitem-list-view',
@@ -5358,8 +5044,8 @@ class DbxFirebaseNotificationItemListViewItemComponent extends AbstractDbxValueL
     get date() {
         return this.pairGetter().date;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseNotificationItemListViewItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DbxFirebaseNotificationItemListViewItemComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseNotificationItemListViewItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: DbxFirebaseNotificationItemListViewItemComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
     <div class="dbx-list-item-padded dbx-list-two-line-item dbx-firebase-notificationitem-list-view-item">
       <div class="item-left">
         <span class="notificationitem-subject">{{ subject }}</span>
@@ -5369,7 +5055,7 @@ class DbxFirebaseNotificationItemListViewItemComponent extends AbstractDbxValueL
     </div>
   `, isInline: true, dependencies: [{ kind: "pipe", type: DatePipe, name: "date" }, { kind: "pipe", type: CutTextPipe, name: "cutText" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseNotificationItemListViewItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseNotificationItemListViewItemComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
@@ -5388,16 +5074,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
         }] });
 
 class DbxFirebaseNotificationItemContentComponent {
-    subject = input();
-    message = input();
-    date = input();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseNotificationItemContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DbxFirebaseNotificationItemContentComponent, isStandalone: true, selector: "dbx-firebase-notificationitem-content", inputs: { subject: { classPropertyName: "subject", publicName: "subject", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null }, date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"dbx-firebase-notificationitem-content\">\n  <div class=\"notificationitem-header dbx-pb2\">\n    @if (subject()) {\n      <div class=\"notificationitem-subject dbx-pb1\">{{ subject() }}</div>\n    }\n    <ng-content select=\"[header]\"></ng-content>\n    @if (date()) {\n      <div class=\"notificationitem-date dbx-label dbx-small\">{{ date() | date: 'medium' }}</div>\n    }\n  </div>\n  <ng-content select=\"[premessage]\"></ng-content>\n  <div class=\"notificationitem-message\">{{ message() }}</div>\n  <ng-content></ng-content>\n</div>\n", styles: [".dbx-firebase-notificationitem-content .notificationitem-subject{font-size:1.25em}\n"], dependencies: [{ kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    subject = input(...(ngDevMode ? [undefined, { debugName: "subject" }] : []));
+    message = input(...(ngDevMode ? [undefined, { debugName: "message" }] : []));
+    date = input(...(ngDevMode ? [undefined, { debugName: "date" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseNotificationItemContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: DbxFirebaseNotificationItemContentComponent, isStandalone: true, selector: "dbx-firebase-notificationitem-content", inputs: { subject: { classPropertyName: "subject", publicName: "subject", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null }, date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"dbx-firebase-notificationitem-content\">\n  <div class=\"notificationitem-header dbx-pb2\">\n    @if (subject()) {\n      <div class=\"notificationitem-subject dbx-pb1\">{{ subject() }}</div>\n    }\n    <ng-content select=\"[header]\"></ng-content>\n    @if (date()) {\n      <div class=\"notificationitem-date dbx-label dbx-small\">{{ date() | date: 'medium' }}</div>\n    }\n  </div>\n  <ng-content select=\"[premessage]\"></ng-content>\n  <div class=\"notificationitem-message\">{{ message() }}</div>\n  <ng-content></ng-content>\n</div>\n", styles: [".dbx-firebase-notificationitem-content .notificationitem-subject{font-size:1.25em}\n"], dependencies: [{ kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseNotificationItemContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseNotificationItemContentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'dbx-firebase-notificationitem-content', imports: [DatePipe], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<div class=\"dbx-firebase-notificationitem-content\">\n  <div class=\"notificationitem-header dbx-pb2\">\n    @if (subject()) {\n      <div class=\"notificationitem-subject dbx-pb1\">{{ subject() }}</div>\n    }\n    <ng-content select=\"[header]\"></ng-content>\n    @if (date()) {\n      <div class=\"notificationitem-date dbx-label dbx-small\">{{ date() | date: 'medium' }}</div>\n    }\n  </div>\n  <ng-content select=\"[premessage]\"></ng-content>\n  <div class=\"notificationitem-message\">{{ message() }}</div>\n  <ng-content></ng-content>\n</div>\n", styles: [".dbx-firebase-notificationitem-content .notificationitem-subject{font-size:1.25em}\n"] }]
-        }] });
+        }], propDecorators: { subject: [{ type: i0.Input, args: [{ isSignal: true, alias: "subject", required: false }] }], message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: false }] }], date: [{ type: i0.Input, args: [{ isSignal: true, alias: "date", required: false }] }] } });
 
 /**
  * Prefix used by all widgets.
@@ -5453,15 +5139,15 @@ class DbxFirebaseNotificationItemWidgetService {
             type: DEFAULT_FIREBASE_NOTIFICATION_ITEM_WIDGET_TYPE
         }, override);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseNotificationItemWidgetService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseNotificationItemWidgetService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseNotificationItemWidgetService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseNotificationItemWidgetService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseNotificationItemWidgetService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseNotificationItemWidgetService, decorators: [{
             type: Injectable
         }] });
 
 class DbxFirebaseNotificationItemViewComponent {
-    item = input();
+    item = input(...(ngDevMode ? [undefined, { debugName: "item" }] : []));
     configSignal = computed(() => {
         const data = this.item();
         let config = undefined;
@@ -5474,13 +5160,13 @@ class DbxFirebaseNotificationItemViewComponent {
             };
         }
         return config;
-    });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseNotificationItemViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: DbxFirebaseNotificationItemViewComponent, isStandalone: true, selector: "dbx-firebase-notificationitem-view", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    }, ...(ngDevMode ? [{ debugName: "configSignal" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseNotificationItemViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: DbxFirebaseNotificationItemViewComponent, isStandalone: true, selector: "dbx-firebase-notificationitem-view", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
     <dbx-widget-view [config]="configSignal()"></dbx-widget-view>
   `, isInline: true, dependencies: [{ kind: "component", type: DbxWidgetViewComponent, selector: "dbx-widget-view", inputs: ["config"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseNotificationItemViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseNotificationItemViewComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-firebase-notificationitem-view',
@@ -5491,16 +5177,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     imports: [DbxWidgetViewComponent],
                     changeDetection: ChangeDetectionStrategy.OnPush
                 }]
-        }] });
+        }], propDecorators: { item: [{ type: i0.Input, args: [{ isSignal: true, alias: "item", required: false }] }] } });
 
 class AbstractDbxFirebaseNotificationItemWidgetComponent extends AbstractDbxWidgetComponent {
     get notificationItem() {
         return this.data;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractDbxFirebaseNotificationItemWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: AbstractDbxFirebaseNotificationItemWidgetComponent, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AbstractDbxFirebaseNotificationItemWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: AbstractDbxFirebaseNotificationItemWidgetComponent, isStandalone: true, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractDbxFirebaseNotificationItemWidgetComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AbstractDbxFirebaseNotificationItemWidgetComponent, decorators: [{
             type: Directive
         }] });
 
@@ -5514,10 +5200,10 @@ class DbxFirebaseNotificationItemDefaultViewComponent extends AbstractDbxFirebas
     get date() {
         return this.notificationItem.cat;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseNotificationItemDefaultViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DbxFirebaseNotificationItemDefaultViewComponent, isStandalone: true, selector: "dbx-firebase-notificationitem-view-default", usesInheritance: true, ngImport: i0, template: '<dbx-firebase-notificationitem-content [subject]="subject" [message]="message" [date]="date"></dbx-firebase-notificationitem-content>', isInline: true, dependencies: [{ kind: "component", type: DbxFirebaseNotificationItemContentComponent, selector: "dbx-firebase-notificationitem-content", inputs: ["subject", "message", "date"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseNotificationItemDefaultViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: DbxFirebaseNotificationItemDefaultViewComponent, isStandalone: true, selector: "dbx-firebase-notificationitem-view-default", usesInheritance: true, ngImport: i0, template: '<dbx-firebase-notificationitem-content [subject]="subject" [message]="message" [date]="date"></dbx-firebase-notificationitem-content>', isInline: true, dependencies: [{ kind: "component", type: DbxFirebaseNotificationItemContentComponent, selector: "dbx-firebase-notificationitem-content", inputs: ["subject", "message", "date"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseNotificationItemDefaultViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseNotificationItemDefaultViewComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-firebase-notificationitem-view-default',
@@ -5549,10 +5235,10 @@ class DbxFirebaseNotificationItemStorePopoverComponent extends AbstractPopoverDi
     emptyText = this.params.header ?? 'There are no notifications.';
     makeNotificationItemAnchor = this.params.makeNotificationItemAnchor;
     notificationItemsLoadingState$ = this.params.notificationItemsLoadingState$;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseNotificationItemStorePopoverComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DbxFirebaseNotificationItemStorePopoverComponent, isStandalone: true, 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-notificationitem-list [state]=\"notificationItemsLoadingState$\" dbxListItemModifier [dbxListItemAnchorModifier]=\"makeNotificationItemAnchor\">\n      <dbx-list-empty-content empty>\n        <p>{{ emptyText }}</p>\n      </dbx-list-empty-content>\n    </dbx-firebase-notificationitem-list>\n  </dbx-popover-scroll-content>\n</dbx-popover-content>\n", dependencies: [{ kind: "ngmodule", type: DbxPopoverInteractionModule }, { kind: "component", type: i1$1.DbxPopoverContentComponent, selector: "dbx-popover-content" }, { kind: "component", type: i1$1.DbxPopoverHeaderComponent, selector: "dbx-popover-header", inputs: ["header", "icon"] }, { kind: "directive", type: i1$1.DbxPopoverScrollContentDirective, selector: "dbx-popover-scroll-content,[dbxPopoverScrollContent],.dbx-popover-scroll-content" }, { kind: "ngmodule", type: DbxListModifierModule }, { kind: "directive", type: i1$1.DbxValueListItemModifierDirective, selector: "dbxListItemModifier,[dbxListItemModifier]", inputs: ["dbxListItemModifier"] }, { kind: "component", type: DbxFirebaseNotificationItemListComponent, selector: "dbx-firebase-notificationitem-list" }, { kind: "component", type: DbxListEmptyContentComponent, selector: "dbx-list-empty-content" }, { kind: "directive", type: DbxListItemAnchorModifierDirective, selector: "[dbxListItemAnchorModifier]", inputs: ["dbxListItemAnchorModifier"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseNotificationItemStorePopoverComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: DbxFirebaseNotificationItemStorePopoverComponent, isStandalone: true, 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-notificationitem-list [state]=\"notificationItemsLoadingState$\" dbxListItemModifier [dbxListItemAnchorModifier]=\"makeNotificationItemAnchor\">\n      <dbx-list-empty-content empty>\n        <p>{{ emptyText }}</p>\n      </dbx-list-empty-content>\n    </dbx-firebase-notificationitem-list>\n  </dbx-popover-scroll-content>\n</dbx-popover-content>\n", dependencies: [{ kind: "ngmodule", type: DbxPopoverInteractionModule }, { kind: "component", type: i1$1.DbxPopoverContentComponent, selector: "dbx-popover-content" }, { kind: "component", type: i1$1.DbxPopoverHeaderComponent, selector: "dbx-popover-header", inputs: ["header", "icon"] }, { kind: "directive", type: i1$1.DbxPopoverScrollContentDirective, selector: "dbx-popover-scroll-content,[dbxPopoverScrollContent],.dbx-popover-scroll-content" }, { kind: "ngmodule", type: DbxListModifierModule }, { kind: "directive", type: i1$1.DbxValueListItemModifierDirective, selector: "dbxListItemModifier,[dbxListItemModifier]", inputs: ["dbxListItemModifier"] }, { kind: "component", type: DbxFirebaseNotificationItemListComponent, selector: "dbx-firebase-notificationitem-list" }, { kind: "component", type: DbxListEmptyContentComponent, selector: "dbx-list-empty-content" }, { kind: "directive", type: DbxListItemAnchorModifierDirective, selector: "[dbxListItemAnchorModifier]", inputs: ["dbxListItemAnchorModifier"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseNotificationItemStorePopoverComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseNotificationItemStorePopoverComponent, decorators: [{
             type: Component,
             args: [{ imports: [DbxPopoverInteractionModule, DbxListModifierModule, DbxFirebaseNotificationItemListComponent, DbxListEmptyContentComponent, DbxListItemAnchorModifierDirective], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, 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-notificationitem-list [state]=\"notificationItemsLoadingState$\" dbxListItemModifier [dbxListItemAnchorModifier]=\"makeNotificationItemAnchor\">\n      <dbx-list-empty-content empty>\n        <p>{{ emptyText }}</p>\n      </dbx-list-empty-content>\n    </dbx-firebase-notificationitem-list>\n  </dbx-popover-scroll-content>\n</dbx-popover-content>\n" }]
         }] });
@@ -5576,18 +5262,18 @@ class DbxFirebaseNotificationItemStore extends ComponentStore {
     // MARK: State Changes
     setItems = this.updater((state, items) => ({ ...state, items }));
     setSelectedId = this.updater((state, selectedId) => ({ ...state, selectedId }));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseNotificationItemStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseNotificationItemStore });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseNotificationItemStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseNotificationItemStore });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseNotificationItemStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseNotificationItemStore, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
 class DbxFirebaseNotificationItemStorePopoverButtonComponent extends AbstractPopoverRefDirective {
     _dbxPopoverService = inject(DbxPopoverService);
     _dbxFirebaseNotificationItemStore = inject(DbxFirebaseNotificationItemStore, { optional: true });
-    buttonElement = viewChild('button', { read: ElementRef });
-    config = input();
+    buttonElement = viewChild('button', { ...(ngDevMode ? { debugName: "buttonElement" } : {}), read: ElementRef });
+    config = input(...(ngDevMode ? [undefined, { debugName: "config" }] : []));
     showNotificationsPopover() {
         const origin = this.buttonElement()?.nativeElement;
         this.showPopover(origin);
@@ -5607,12 +5293,12 @@ class DbxFirebaseNotificationItemStorePopoverButtonComponent extends AbstractPop
             ...config
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseNotificationItemStorePopoverButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.13", type: DbxFirebaseNotificationItemStorePopoverButtonComponent, isStandalone: true, selector: "dbx-firebase-notification-item-store-popover-button", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "buttonElement", first: true, predicate: ["button"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseNotificationItemStorePopoverButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.0", type: DbxFirebaseNotificationItemStorePopoverButtonComponent, isStandalone: true, selector: "dbx-firebase-notification-item-store-popover-button", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "buttonElement", first: true, predicate: ["button"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
     <dbx-icon-button #button (buttonClick)="showNotificationsPopover()" icon="notifications"></dbx-icon-button>
   `, isInline: true, dependencies: [{ kind: "component", type: DbxIconButtonComponent, selector: "dbx-icon-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseNotificationItemStorePopoverButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseNotificationItemStorePopoverButtonComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-firebase-notification-item-store-popover-button',
@@ -5623,7 +5309,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     imports: [DbxIconButtonComponent],
                     changeDetection: ChangeDetectionStrategy.OnPush
                 }]
-        }] });
+        }], propDecorators: { buttonElement: [{ type: i0.ViewChild, args: ['button', { ...{ read: ElementRef }, isSignal: true }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }] } });
 
 class NotificationBoxDocumentStore extends AbstractDbxFirebaseDocumentStore {
     notificationFunctions = inject(NotificationFunctions);
@@ -5634,17 +5320,18 @@ class NotificationBoxDocumentStore extends AbstractDbxFirebaseDocumentStore {
     recipients$ = this.data$.pipe(map((x) => x.r), shareReplay(1));
     updateNotificationBox = firebaseDocumentStoreUpdateFunction(this, this.notificationFunctions.notificationBox.updateNotificationBox.update);
     updateNotificationBoxRecipient = firebaseDocumentStoreUpdateFunction(this, this.notificationFunctions.notificationBox.updateNotificationBox.recipient);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NotificationBoxDocumentStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NotificationBoxDocumentStore });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NotificationBoxDocumentStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NotificationBoxDocumentStore });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NotificationBoxDocumentStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NotificationBoxDocumentStore, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
 class NotificationDocumentStore extends AbstractDbxFirebaseDocumentWithParentStore {
     notificationFunctions = inject(NotificationFunctions);
-    constructor(collections, parent) {
-        super({ collectionFactory: collections.notificationCollectionFactory, firestoreCollectionLike: collections.notificationCollectionGroup });
+    constructor() {
+        super({ collectionFactory: inject(NotificationFirestoreCollections).notificationCollectionFactory, firestoreCollectionLike: inject(NotificationFirestoreCollections).notificationCollectionGroup });
+        const parent = inject(NotificationBoxDocumentStore, { optional: true });
         if (parent) {
             this.setParentStore(parent);
         }
@@ -5655,132 +5342,130 @@ class NotificationDocumentStore extends AbstractDbxFirebaseDocumentWithParentSto
     sendAttemptsCount$ = this.data$.pipe(map((x) => x.a), distinctUntilChanged(), shareReplay(1));
     isUnique$ = this.data$.pipe(map((x) => x.ut), distinctUntilChanged(), shareReplay(1));
     sendNotification = firebaseDocumentStoreUpdateFunction(this, this.notificationFunctions.notification.updateNotification.send);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NotificationDocumentStore, deps: [{ token: i1$4.NotificationFirestoreCollections }, { token: NotificationBoxDocumentStore, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NotificationDocumentStore });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NotificationDocumentStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NotificationDocumentStore });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NotificationDocumentStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NotificationDocumentStore, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1$4.NotificationFirestoreCollections }, { type: NotificationBoxDocumentStore, decorators: [{
-                    type: Optional
-                }] }] });
+        }], ctorParameters: () => [] });
 
 class DbxFirebaseNotificationDocumentStoreDirective extends DbxFirebaseDocumentStoreDirective {
-    constructor(store) {
-        super(store);
+    constructor() {
+        super(inject(NotificationDocumentStore));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseNotificationDocumentStoreDirective, deps: [{ token: NotificationDocumentStore }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DbxFirebaseNotificationDocumentStoreDirective, isStandalone: true, selector: "[dbxFirebaseNotificationDocument]", providers: provideDbxFirebaseDocumentStoreDirective(DbxFirebaseNotificationDocumentStoreDirective, NotificationDocumentStore), usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseNotificationDocumentStoreDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: DbxFirebaseNotificationDocumentStoreDirective, isStandalone: true, selector: "[dbxFirebaseNotificationDocument]", providers: provideDbxFirebaseDocumentStoreDirective(DbxFirebaseNotificationDocumentStoreDirective, NotificationDocumentStore), usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseNotificationDocumentStoreDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseNotificationDocumentStoreDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxFirebaseNotificationDocument]',
                     providers: provideDbxFirebaseDocumentStoreDirective(DbxFirebaseNotificationDocumentStoreDirective, NotificationDocumentStore),
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: NotificationDocumentStore }] });
+        }], ctorParameters: () => [] });
 
 class NotificationCollectionStore extends AbstractDbxFirebaseCollectionWithParentStore {
-    constructor(collections, parent) {
-        super({ collectionFactory: collections.notificationCollectionFactory, collectionGroup: collections.notificationCollectionGroup });
+    constructor(parent) {
+        super({ collectionFactory: inject(NotificationFirestoreCollections).notificationCollectionFactory, collectionGroup: inject(NotificationFirestoreCollections).notificationCollectionGroup });
         if (parent) {
             this.setParentStore(parent);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NotificationCollectionStore, deps: [{ token: i1$4.NotificationFirestoreCollections }, { token: NotificationBoxDocumentStore, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NotificationCollectionStore });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NotificationCollectionStore, deps: [{ token: NotificationBoxDocumentStore, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NotificationCollectionStore });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NotificationCollectionStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NotificationCollectionStore, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1$4.NotificationFirestoreCollections }, { type: NotificationBoxDocumentStore, decorators: [{
+        }], ctorParameters: () => [{ type: NotificationBoxDocumentStore, decorators: [{
                     type: Optional
                 }] }] });
 
 class DbxFirebaseNotificationCollectionStoreDirective extends DbxFirebaseCollectionWithParentStoreDirective {
-    constructor(store) {
-        super(store);
+    constructor() {
+        super(inject(NotificationCollectionStore));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseNotificationCollectionStoreDirective, deps: [{ token: NotificationCollectionStore }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DbxFirebaseNotificationCollectionStoreDirective, isStandalone: true, selector: "[dbxFirebaseNotificationCollection]", providers: provideDbxFirebaseCollectionWithParentStoreDirective(DbxFirebaseNotificationCollectionStoreDirective, NotificationCollectionStore), usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseNotificationCollectionStoreDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: DbxFirebaseNotificationCollectionStoreDirective, isStandalone: true, selector: "[dbxFirebaseNotificationCollection]", providers: provideDbxFirebaseCollectionWithParentStoreDirective(DbxFirebaseNotificationCollectionStoreDirective, NotificationCollectionStore), usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseNotificationCollectionStoreDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseNotificationCollectionStoreDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxFirebaseNotificationCollection]',
                     providers: provideDbxFirebaseCollectionWithParentStoreDirective(DbxFirebaseNotificationCollectionStoreDirective, NotificationCollectionStore),
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: NotificationCollectionStore }] });
+        }], ctorParameters: () => [] });
 
 class DbxFirebaseNotificationBoxDocumentStoreDirective extends DbxFirebaseDocumentStoreDirective {
-    constructor(store) {
-        super(store);
+    constructor() {
+        super(inject(NotificationBoxDocumentStore));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseNotificationBoxDocumentStoreDirective, deps: [{ token: NotificationBoxDocumentStore }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DbxFirebaseNotificationBoxDocumentStoreDirective, isStandalone: true, selector: "[dbxFirebaseNotificationBoxDocument]", providers: provideDbxFirebaseDocumentStoreDirective(DbxFirebaseNotificationBoxDocumentStoreDirective, NotificationBoxDocumentStore), usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseNotificationBoxDocumentStoreDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: DbxFirebaseNotificationBoxDocumentStoreDirective, isStandalone: true, selector: "[dbxFirebaseNotificationBoxDocument]", providers: provideDbxFirebaseDocumentStoreDirective(DbxFirebaseNotificationBoxDocumentStoreDirective, NotificationBoxDocumentStore), usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseNotificationBoxDocumentStoreDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseNotificationBoxDocumentStoreDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxFirebaseNotificationBoxDocument]',
                     providers: provideDbxFirebaseDocumentStoreDirective(DbxFirebaseNotificationBoxDocumentStoreDirective, NotificationBoxDocumentStore),
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: NotificationBoxDocumentStore }] });
+        }], ctorParameters: () => [] });
 
 class NotificationBoxCollectionStore extends AbstractDbxFirebaseCollectionStore {
-    constructor(collections) {
-        super({ firestoreCollection: collections.notificationBoxCollection });
+    constructor() {
+        super({ firestoreCollection: inject(NotificationFirestoreCollections).notificationBoxCollection });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NotificationBoxCollectionStore, deps: [{ token: i1$4.NotificationFirestoreCollections }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NotificationBoxCollectionStore });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NotificationBoxCollectionStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NotificationBoxCollectionStore });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NotificationBoxCollectionStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NotificationBoxCollectionStore, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1$4.NotificationFirestoreCollections }] });
+        }], ctorParameters: () => [] });
 
 class DbxFirebaseNotificationBoxCollectionStoreDirective extends DbxFirebaseCollectionStoreDirective {
-    constructor(store) {
-        super(store);
+    constructor() {
+        super(inject(NotificationBoxCollectionStore));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseNotificationBoxCollectionStoreDirective, deps: [{ token: NotificationBoxCollectionStore }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DbxFirebaseNotificationBoxCollectionStoreDirective, isStandalone: true, selector: "[dbxFirebaseNotificationBoxCollection]", providers: provideDbxFirebaseCollectionStoreDirective(DbxFirebaseNotificationBoxCollectionStoreDirective, NotificationBoxCollectionStore), usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseNotificationBoxCollectionStoreDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: DbxFirebaseNotificationBoxCollectionStoreDirective, isStandalone: true, selector: "[dbxFirebaseNotificationBoxCollection]", providers: provideDbxFirebaseCollectionStoreDirective(DbxFirebaseNotificationBoxCollectionStoreDirective, NotificationBoxCollectionStore), usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseNotificationBoxCollectionStoreDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseNotificationBoxCollectionStoreDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxFirebaseNotificationBoxCollection]',
                     providers: provideDbxFirebaseCollectionStoreDirective(DbxFirebaseNotificationBoxCollectionStoreDirective, NotificationBoxCollectionStore),
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: NotificationBoxCollectionStore }] });
+        }], ctorParameters: () => [] });
 
 class NotificationSummaryCollectionStore extends AbstractDbxFirebaseCollectionStore {
-    constructor(collections) {
-        super({ firestoreCollection: collections.notificationSummaryCollection });
+    constructor() {
+        super({ firestoreCollection: inject(NotificationFirestoreCollections).notificationSummaryCollection });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NotificationSummaryCollectionStore, deps: [{ token: i1$4.NotificationFirestoreCollections }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NotificationSummaryCollectionStore });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NotificationSummaryCollectionStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NotificationSummaryCollectionStore });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NotificationSummaryCollectionStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NotificationSummaryCollectionStore, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1$4.NotificationFirestoreCollections }] });
+        }], ctorParameters: () => [] });
 
 class DbxFirebaseNotificationSummaryCollectionStoreDirective extends DbxFirebaseCollectionStoreDirective {
-    constructor(store) {
-        super(store);
+    constructor() {
+        super(inject(NotificationSummaryCollectionStore));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseNotificationSummaryCollectionStoreDirective, deps: [{ token: NotificationSummaryCollectionStore }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DbxFirebaseNotificationSummaryCollectionStoreDirective, isStandalone: true, selector: "[dbxFirebaseNotificationSummaryCollection]", providers: provideDbxFirebaseCollectionStoreDirective(DbxFirebaseNotificationSummaryCollectionStoreDirective, NotificationSummaryCollectionStore), usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseNotificationSummaryCollectionStoreDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: DbxFirebaseNotificationSummaryCollectionStoreDirective, isStandalone: true, selector: "[dbxFirebaseNotificationSummaryCollection]", providers: provideDbxFirebaseCollectionStoreDirective(DbxFirebaseNotificationSummaryCollectionStoreDirective, NotificationSummaryCollectionStore), usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseNotificationSummaryCollectionStoreDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseNotificationSummaryCollectionStoreDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxFirebaseNotificationSummaryCollection]',
                     providers: provideDbxFirebaseCollectionStoreDirective(DbxFirebaseNotificationSummaryCollectionStoreDirective, NotificationSummaryCollectionStore),
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: NotificationSummaryCollectionStore }] });
+        }], ctorParameters: () => [] });
 
 class NotificationSummaryDocumentStore extends AbstractDbxFirebaseDocumentStore {
     notificationFunctions = inject(NotificationFunctions);
@@ -5802,55 +5487,55 @@ class NotificationSummaryDocumentStore extends AbstractDbxFirebaseDocumentStore
         return combineLatest([asObservable(checkLastReadIfCreatedBeforeObs), this.notificationItems$]).pipe(map(([c, items]) => unreadNotificationItems(items, c)));
     }
     updateNotificationSummary = firebaseDocumentStoreUpdateFunction(this, this.notificationFunctions.notificationSummary.updateNotificationSummary.update);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NotificationSummaryDocumentStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NotificationSummaryDocumentStore });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NotificationSummaryDocumentStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NotificationSummaryDocumentStore });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NotificationSummaryDocumentStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NotificationSummaryDocumentStore, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
 class DbxFirebaseNotificationSummaryDocumentStoreDirective extends DbxFirebaseDocumentStoreDirective {
-    constructor(store) {
-        super(store);
+    constructor() {
+        super(inject(NotificationSummaryDocumentStore));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseNotificationSummaryDocumentStoreDirective, deps: [{ token: NotificationSummaryDocumentStore }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DbxFirebaseNotificationSummaryDocumentStoreDirective, isStandalone: true, selector: "[dbxFirebaseNotificationSummaryDocument]", providers: provideDbxFirebaseDocumentStoreDirective(DbxFirebaseNotificationSummaryDocumentStoreDirective, NotificationSummaryDocumentStore), usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseNotificationSummaryDocumentStoreDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: DbxFirebaseNotificationSummaryDocumentStoreDirective, isStandalone: true, selector: "[dbxFirebaseNotificationSummaryDocument]", providers: provideDbxFirebaseDocumentStoreDirective(DbxFirebaseNotificationSummaryDocumentStoreDirective, NotificationSummaryDocumentStore), usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseNotificationSummaryDocumentStoreDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseNotificationSummaryDocumentStoreDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxFirebaseNotificationSummaryDocument]',
                     providers: provideDbxFirebaseDocumentStoreDirective(DbxFirebaseNotificationSummaryDocumentStoreDirective, NotificationSummaryDocumentStore),
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: NotificationSummaryDocumentStore }] });
+        }], ctorParameters: () => [] });
 
 class NotificationUserCollectionStore extends AbstractDbxFirebaseCollectionStore {
-    constructor(collections) {
-        super({ firestoreCollection: collections.notificationUserCollection });
+    constructor() {
+        super({ firestoreCollection: inject(NotificationFirestoreCollections).notificationUserCollection });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NotificationUserCollectionStore, deps: [{ token: i1$4.NotificationFirestoreCollections }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NotificationUserCollectionStore });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NotificationUserCollectionStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NotificationUserCollectionStore });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NotificationUserCollectionStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NotificationUserCollectionStore, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1$4.NotificationFirestoreCollections }] });
+        }], ctorParameters: () => [] });
 
 class DbxFirebaseNotificationUserCollectionStoreDirective extends DbxFirebaseCollectionStoreDirective {
-    constructor(store) {
-        super(store);
+    constructor() {
+        super(inject(NotificationUserCollectionStore));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseNotificationUserCollectionStoreDirective, deps: [{ token: NotificationUserCollectionStore }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DbxFirebaseNotificationUserCollectionStoreDirective, isStandalone: true, selector: "[dbxFirebaseNotificationUserCollection]", providers: provideDbxFirebaseCollectionStoreDirective(DbxFirebaseNotificationUserCollectionStoreDirective, NotificationUserCollectionStore), usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseNotificationUserCollectionStoreDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: DbxFirebaseNotificationUserCollectionStoreDirective, isStandalone: true, selector: "[dbxFirebaseNotificationUserCollection]", providers: provideDbxFirebaseCollectionStoreDirective(DbxFirebaseNotificationUserCollectionStoreDirective, NotificationUserCollectionStore), usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseNotificationUserCollectionStoreDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseNotificationUserCollectionStoreDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxFirebaseNotificationUserCollection]',
                     providers: provideDbxFirebaseCollectionStoreDirective(DbxFirebaseNotificationUserCollectionStoreDirective, NotificationUserCollectionStore),
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: NotificationUserCollectionStore }] });
+        }], ctorParameters: () => [] });
 
 class NotificationUserDocumentStore extends AbstractDbxFirebaseDocumentStore {
     notificationFunctions = inject(NotificationFunctions);
@@ -5859,121 +5544,28 @@ class NotificationUserDocumentStore extends AbstractDbxFirebaseDocumentStore {
     }
     updateNotificationUser = firebaseDocumentStoreUpdateFunction(this, this.notificationFunctions.notificationUser.updateNotificationUser.update);
     resyncNotificationUser = firebaseDocumentStoreUpdateFunction(this, this.notificationFunctions.notificationUser.updateNotificationUser.resync);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NotificationUserDocumentStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NotificationUserDocumentStore });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NotificationUserDocumentStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NotificationUserDocumentStore });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NotificationUserDocumentStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NotificationUserDocumentStore, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
 class DbxFirebaseNotificationUserDocumentStoreDirective extends DbxFirebaseDocumentStoreDirective {
-    constructor(store) {
-        super(store);
+    constructor() {
+        super(inject(NotificationUserDocumentStore));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseNotificationUserDocumentStoreDirective, deps: [{ token: NotificationUserDocumentStore }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DbxFirebaseNotificationUserDocumentStoreDirective, isStandalone: true, selector: "[dbxFirebaseNotificationUserDocument]", providers: provideDbxFirebaseDocumentStoreDirective(DbxFirebaseNotificationUserDocumentStoreDirective, NotificationUserDocumentStore), usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseNotificationUserDocumentStoreDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: DbxFirebaseNotificationUserDocumentStoreDirective, isStandalone: true, selector: "[dbxFirebaseNotificationUserDocument]", providers: provideDbxFirebaseDocumentStoreDirective(DbxFirebaseNotificationUserDocumentStoreDirective, NotificationUserDocumentStore), usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseNotificationUserDocumentStoreDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseNotificationUserDocumentStoreDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxFirebaseNotificationUserDocument]',
                     providers: provideDbxFirebaseDocumentStoreDirective(DbxFirebaseNotificationUserDocumentStoreDirective, NotificationUserDocumentStore),
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: NotificationUserDocumentStore }] });
-
-const importsAndExports$2 = [
-    // components
-    DbxFirebaseNotificationItemListComponent,
-    DbxFirebaseNotificationItemListViewComponent,
-    DbxFirebaseNotificationItemListViewItemComponent,
-    DbxFirebaseNotificationItemContentComponent,
-    DbxFirebaseNotificationItemViewComponent,
-    DbxFirebaseNotificationItemDefaultViewComponent,
-    // container
-    DbxFirebaseNotificationItemStorePopoverButtonComponent,
-    DbxFirebaseNotificationItemStorePopoverComponent,
-    // stores
-    DbxFirebaseNotificationBoxCollectionStoreDirective,
-    DbxFirebaseNotificationBoxDocumentStoreDirective,
-    DbxFirebaseNotificationSummaryCollectionStoreDirective,
-    DbxFirebaseNotificationSummaryDocumentStoreDirective,
-    DbxFirebaseNotificationUserCollectionStoreDirective,
-    DbxFirebaseNotificationUserDocumentStoreDirective
-];
-/**
- * Used to initialize the DbxFirebaseNotificationModule.
- *
- * @deprecated import independent components instead
- *
- * @see DbxFirebaseNotificationItemListComponent
- * @see DbxFirebaseNotificationItemListViewComponent
- * @see DbxFirebaseNotificationItemListViewItemComponent
- * @see DbxFirebaseNotificationItemContentComponent
- * @see DbxFirebaseNotificationItemViewComponent
- * @see DbxFirebaseNotificationItemDefaultViewComponent
- * @see DbxFirebaseNotificationItemStorePopoverButtonComponent
- * @see DbxFirebaseNotificationItemStorePopoverComponent
- * @see DbxFirebaseNotificationBoxCollectionStoreDirective
- * @see DbxFirebaseNotificationBoxDocumentStoreDirective
- * @see DbxFirebaseNotificationSummaryCollectionStoreDirective
- * @see DbxFirebaseNotificationSummaryDocumentStoreDirective
- * @see DbxFirebaseNotificationUserCollectionStoreDirective
- * @see DbxFirebaseNotificationUserDocumentStoreDirective
- */
-class DbxFirebaseNotificationModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseNotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseNotificationModule, imports: [
-            // components
-            DbxFirebaseNotificationItemListComponent,
-            DbxFirebaseNotificationItemListViewComponent,
-            DbxFirebaseNotificationItemListViewItemComponent,
-            DbxFirebaseNotificationItemContentComponent,
-            DbxFirebaseNotificationItemViewComponent,
-            DbxFirebaseNotificationItemDefaultViewComponent,
-            // container
-            DbxFirebaseNotificationItemStorePopoverButtonComponent,
-            DbxFirebaseNotificationItemStorePopoverComponent,
-            // stores
-            DbxFirebaseNotificationBoxCollectionStoreDirective,
-            DbxFirebaseNotificationBoxDocumentStoreDirective,
-            DbxFirebaseNotificationSummaryCollectionStoreDirective,
-            DbxFirebaseNotificationSummaryDocumentStoreDirective,
-            DbxFirebaseNotificationUserCollectionStoreDirective,
-            DbxFirebaseNotificationUserDocumentStoreDirective], exports: [
-            // components
-            DbxFirebaseNotificationItemListComponent,
-            DbxFirebaseNotificationItemListViewComponent,
-            DbxFirebaseNotificationItemListViewItemComponent,
-            DbxFirebaseNotificationItemContentComponent,
-            DbxFirebaseNotificationItemViewComponent,
-            DbxFirebaseNotificationItemDefaultViewComponent,
-            // container
-            DbxFirebaseNotificationItemStorePopoverButtonComponent,
-            DbxFirebaseNotificationItemStorePopoverComponent,
-            // stores
-            DbxFirebaseNotificationBoxCollectionStoreDirective,
-            DbxFirebaseNotificationBoxDocumentStoreDirective,
-            DbxFirebaseNotificationSummaryCollectionStoreDirective,
-            DbxFirebaseNotificationSummaryDocumentStoreDirective,
-            DbxFirebaseNotificationUserCollectionStoreDirective,
-            DbxFirebaseNotificationUserDocumentStoreDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseNotificationModule, imports: [
-            // components
-            DbxFirebaseNotificationItemListComponent,
-            DbxFirebaseNotificationItemListViewComponent,
-            DbxFirebaseNotificationItemViewComponent,
-            // container
-            DbxFirebaseNotificationItemStorePopoverButtonComponent,
-            DbxFirebaseNotificationItemStorePopoverComponent] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseNotificationModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: importsAndExports$2,
-                    exports: importsAndExports$2
-                }]
-        }] });
+        }], ctorParameters: () => [] });
 
 /**
  * Creates EnvironmentProviders that provides a DbxFirebaseNotificationTemplateService, DbxFirebaseNotificationItemWidgetService and AppNotificationTemplateTypeInfoRecordService.
@@ -5997,22 +5589,16 @@ function provideDbxFirebaseNotifications(config) {
             useClass: DbxFirebaseNotificationTemplateService
         },
         // service initialization
-        {
-            provide: APP_INITIALIZER,
-            useFactory: (dbxFirebaseNotificationItemWidgetService) => {
-                return () => {
-                    // register the default widget
-                    if (config.defaultNotificationItemWidget !== false) {
-                        const widget = config.defaultNotificationItemWidget ?? DbxFirebaseNotificationItemDefaultViewComponent;
-                        dbxFirebaseNotificationItemWidgetService.registerDefaultWidget({
-                            componentClass: widget
-                        });
-                    }
-                };
-            },
-            deps: [DbxFirebaseNotificationItemWidgetService],
-            multi: true
-        }
+        provideAppInitializer(() => {
+            const dbxFirebaseNotificationItemWidgetService = inject(DbxFirebaseNotificationItemWidgetService);
+            // register the default widget
+            if (config.defaultNotificationItemWidget !== false) {
+                const widget = config.defaultNotificationItemWidget ?? DbxFirebaseNotificationItemDefaultViewComponent;
+                dbxFirebaseNotificationItemWidgetService.registerDefaultWidget({
+                    componentClass: widget
+                });
+            }
+        })
     ];
     return makeEnvironmentProviders(providers);
 }
@@ -6095,10 +5681,10 @@ class DbxFirebaseStorageFileDownloadStorage {
         const storageKey = `sf_dl_cache_${uid}`;
         return storageKey;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseStorageFileDownloadStorage, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseStorageFileDownloadStorage });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseStorageFileDownloadStorage, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseStorageFileDownloadStorage });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseStorageFileDownloadStorage, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseStorageFileDownloadStorage, decorators: [{
             type: Injectable
         }] });
 
@@ -6246,10 +5832,10 @@ class DbxFirebaseStorageFileDownloadService {
             };
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseStorageFileDownloadService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseStorageFileDownloadService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseStorageFileDownloadService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseStorageFileDownloadService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseStorageFileDownloadService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseStorageFileDownloadService, decorators: [{
             type: Injectable
         }] });
 
@@ -6260,31 +5846,31 @@ class DbxFirebaseStorageFileDownloadButtonComponent {
     /**
      * The StorageFileKey to set up the download button for.
      */
-    storageFileKey = input();
+    storageFileKey = input(...(ngDevMode ? [undefined, { debugName: "storageFileKey" }] : []));
     /**
      * The download URL to use for the download button.
      */
-    storageFileDownloadUrl = input();
+    storageFileDownloadUrl = input(...(ngDevMode ? [undefined, { debugName: "storageFileDownloadUrl" }] : []));
     /**
      * The MIME type to use the embed component.
      */
-    embedMimeType = input();
+    embedMimeType = input(...(ngDevMode ? [undefined, { debugName: "embedMimeType" }] : []));
     /**
      * Whether or not to show a preview button.
      *
      * Defaults to true.
      */
-    showPreviewButton = input(true);
+    showPreviewButton = input(true, ...(ngDevMode ? [{ debugName: "showPreviewButton" }] : []));
     /**
      * Whether or not to pre-load the download URL from the source.
      */
-    preload = input(undefined);
+    preload = input(undefined, ...(ngDevMode ? [{ debugName: "preload" }] : []));
     /**
      * Output event emitted when the download details change.
      */
     downloadDetailsChange = output();
-    config = input();
-    source = input();
+    config = input(...(ngDevMode ? [undefined, { debugName: "config" }] : []));
+    source = input(...(ngDevMode ? [undefined, { debugName: "source" }] : []));
     source$ = toObservable(this.source);
     configSignal = computed(() => {
         const config = this.config();
@@ -6299,23 +5885,23 @@ class DbxFirebaseStorageFileDownloadButtonComponent {
             previewText: config?.previewText ?? 'View File'
         };
         return result;
-    });
+    }, ...(ngDevMode ? [{ debugName: "configSignal" }] : []));
     preloadSignal = computed(() => {
         const preload = this.preload();
         const source = this.source();
         const config = this.configSignal();
         return preload ?? source?.preload ?? config.preload ?? false;
-    });
-    downloadUrlSignal = signal(undefined);
-    downloadMimeTypeSignal = signal(undefined);
-    downloadUrlExpiresAtSignal = signal(undefined);
+    }, ...(ngDevMode ? [{ debugName: "preloadSignal" }] : []));
+    downloadUrlSignal = signal(undefined, ...(ngDevMode ? [{ debugName: "downloadUrlSignal" }] : []));
+    downloadMimeTypeSignal = signal(undefined, ...(ngDevMode ? [{ debugName: "downloadMimeTypeSignal" }] : []));
+    downloadUrlExpiresAtSignal = signal(undefined, ...(ngDevMode ? [{ debugName: "downloadUrlExpiresAtSignal" }] : []));
     storageFileKeyFromInput$ = toObservable(this.storageFileKey).pipe(distinctUntilChanged(), shareReplay(1));
     storageFileKeyFromSource$ = this.source$.pipe(map((source) => source?.storageFileKey), maybeValueFromObservableOrValue(), distinctUntilChanged(), shareReplay(1));
     storageFileKey$ = combineLatest([this.storageFileKeyFromInput$, this.storageFileKeyFromSource$]).pipe(map(([storageFileKeyFromInput, storageFileKeyFromSource]) => {
         return storageFileKeyFromInput ?? storageFileKeyFromSource;
     }), distinctUntilChanged(), shareReplay(1));
     storageFileKeySignal = toSignal(this.storageFileKey$);
-    hasDownloadUrlSignal = computed(() => Boolean(this.downloadUrlSignal()));
+    hasDownloadUrlSignal = computed(() => Boolean(this.downloadUrlSignal()), ...(ngDevMode ? [{ debugName: "hasDownloadUrlSignal" }] : []));
     buttonStyleSignal = computed(() => {
         const config = this.configSignal();
         const result = {
@@ -6323,7 +5909,7 @@ class DbxFirebaseStorageFileDownloadButtonComponent {
             ...config.buttonStyle
         };
         return result;
-    });
+    }, ...(ngDevMode ? [{ debugName: "buttonStyleSignal" }] : []));
     previewButtonStyleSignal = computed(() => {
         const config = this.configSignal();
         const result = {
@@ -6331,25 +5917,25 @@ class DbxFirebaseStorageFileDownloadButtonComponent {
             ...config.previewButtonStyle
         };
         return result;
-    });
+    }, ...(ngDevMode ? [{ debugName: "previewButtonStyleSignal" }] : []));
     iconSignal = computed(() => {
         const config = this.configSignal();
         const hasDownloadUrl = this.hasDownloadUrlSignal();
         return hasDownloadUrl ? (config.downloadReadyIcon ?? config.icon) : config.icon;
-    });
+    }, ...(ngDevMode ? [{ debugName: "iconSignal" }] : []));
     textSignal = computed(() => {
         const config = this.configSignal();
         const hasDownloadUrl = this.hasDownloadUrlSignal();
         return hasDownloadUrl ? (config.downloadReadyText ?? config.text) : config.text;
-    });
+    }, ...(ngDevMode ? [{ debugName: "textSignal" }] : []));
     previewIconSignal = computed(() => {
         const config = this.configSignal();
         return config.previewIcon;
-    });
+    }, ...(ngDevMode ? [{ debugName: "previewIconSignal" }] : []));
     previewTextSignal = computed(() => {
         const config = this.configSignal();
         return config.previewText;
-    });
+    }, ...(ngDevMode ? [{ debugName: "previewTextSignal" }] : []));
     anchorSignal = computed(() => {
         const downloadUrl = this.downloadUrlSignal();
         let result;
@@ -6359,25 +5945,23 @@ class DbxFirebaseStorageFileDownloadButtonComponent {
             };
         }
         return result;
-    });
+    }, ...(ngDevMode ? [{ debugName: "anchorSignal" }] : []));
     storageFileDownloadUrlEffect = effect(() => {
         const downloadUrl = this.storageFileDownloadUrl();
         if (downloadUrl || downloadUrl === null) {
             this.downloadUrlSignal.set(downloadUrl);
         }
-    }, {
-        allowSignalWrites: true
-    });
+    }, { ...(ngDevMode ? { debugName: "storageFileDownloadUrlEffect" } : {}), allowSignalWrites: true });
     // Preview
     showPreviewButtonSignal = computed(() => {
         const config = this.configSignal();
         const hasDownloadUrl = this.hasDownloadUrlSignal();
         return hasDownloadUrl && (config.showPreviewButton ?? true);
-    });
+    }, ...(ngDevMode ? [{ debugName: "showPreviewButtonSignal" }] : []));
     openCustomPreviewSignal = computed(() => {
         const config = this.configSignal();
         return config.openCustomPreview;
-    });
+    }, ...(ngDevMode ? [{ debugName: "openCustomPreviewSignal" }] : []));
     handleOpenPreviewDialog = () => {
         const openPreview = this.openCustomPreviewSignal();
         const srcUrl = this.downloadUrlSignal();
@@ -6401,9 +5985,7 @@ class DbxFirebaseStorageFileDownloadButtonComponent {
             this.downloadMimeTypeSignal.set(cachedPair.mimeType);
             this.downloadUrlExpiresAtSignal.set(cachedPair.expiresAt);
         }
-    }, {
-        allowSignalWrites: true
-    });
+    }, { ...(ngDevMode ? { debugName: "cachedUrlEffect" } : {}), allowSignalWrites: true });
     // Expiration Effect
     downloadUrlExpiresAtDate$ = toObservable(this.downloadUrlExpiresAtSignal).pipe(map(dateFromDateOrTimeSecondsNumber), distinctUntilChanged(isSameDate), shareReplay(1));
     downloadUrlExpiresAtDateSignal = toSignal(this.downloadUrlExpiresAtDate$);
@@ -6425,9 +6007,7 @@ class DbxFirebaseStorageFileDownloadButtonComponent {
             this.downloadMimeTypeSignal.set(undefined);
             this.downloadUrlExpiresAtSignal.set(undefined);
         }
-    }, {
-        allowSignalWrites: true
-    });
+    }, { ...(ngDevMode ? { debugName: "downloadUrlHasExpiredEffect" } : {}), allowSignalWrites: true });
     // Output Effect
     downloadDetailsSignal = computed(() => {
         const downloadUrl = this.downloadUrlSignal();
@@ -6441,20 +6021,18 @@ class DbxFirebaseStorageFileDownloadButtonComponent {
             }
             : undefined;
         return details;
-    });
+    }, ...(ngDevMode ? [{ debugName: "downloadDetailsSignal" }] : []));
     downloadDetailsChangedEffect = effect(() => {
         const details = this.downloadDetailsSignal();
         this.downloadDetailsChange.emit(details);
-    });
+    }, ...(ngDevMode ? [{ debugName: "downloadDetailsChangedEffect" }] : []));
     sourceDownloadDetailsChangeCallbackEffect = effect(() => {
         const details = this.downloadDetailsSignal();
         const source = this.source();
         if (source?.downloadDetailsChangeCallback) {
             source.downloadDetailsChangeCallback(details);
         }
-    }, {
-        allowSignalWrites: true
-    });
+    }, { ...(ngDevMode ? { debugName: "sourceDownloadDetailsChangeCallbackEffect" } : {}), allowSignalWrites: true });
     // Handlers
     handleGetDownloadUrl = (value, context) => {
         const source = this.source();
@@ -6486,8 +6064,8 @@ class DbxFirebaseStorageFileDownloadButtonComponent {
             handleGetDownloadUrlError(error);
         }
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseStorageFileDownloadButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DbxFirebaseStorageFileDownloadButtonComponent, isStandalone: true, selector: "dbx-firebase-storagefile-download-button", inputs: { storageFileKey: { classPropertyName: "storageFileKey", publicName: "storageFileKey", isSignal: true, isRequired: false, transformFunction: null }, storageFileDownloadUrl: { classPropertyName: "storageFileDownloadUrl", publicName: "storageFileDownloadUrl", isSignal: true, isRequired: false, transformFunction: null }, embedMimeType: { classPropertyName: "embedMimeType", publicName: "embedMimeType", isSignal: true, isRequired: false, transformFunction: null }, showPreviewButton: { classPropertyName: "showPreviewButton", publicName: "showPreviewButton", isSignal: true, isRequired: false, transformFunction: null }, preload: { classPropertyName: "preload", publicName: "preload", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, source: { classPropertyName: "source", publicName: "source", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { downloadDetailsChange: "downloadDetailsChange" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseStorageFileDownloadButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: DbxFirebaseStorageFileDownloadButtonComponent, isStandalone: true, selector: "dbx-firebase-storagefile-download-button", inputs: { storageFileKey: { classPropertyName: "storageFileKey", publicName: "storageFileKey", isSignal: true, isRequired: false, transformFunction: null }, storageFileDownloadUrl: { classPropertyName: "storageFileDownloadUrl", publicName: "storageFileDownloadUrl", isSignal: true, isRequired: false, transformFunction: null }, embedMimeType: { classPropertyName: "embedMimeType", publicName: "embedMimeType", isSignal: true, isRequired: false, transformFunction: null }, showPreviewButton: { classPropertyName: "showPreviewButton", publicName: "showPreviewButton", isSignal: true, isRequired: false, transformFunction: null }, preload: { classPropertyName: "preload", publicName: "preload", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, source: { classPropertyName: "source", publicName: "source", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { downloadDetailsChange: "downloadDetailsChange" }, ngImport: i0, template: `
     <dbx-anchor dbxActionAnchor [anchor]="anchorSignal()" dbxAction [dbxActionAutoTrigger]="preloadSignal()" dbxActionSnackbarError [dbxActionDisabled]="!storageFileKeySignal()" [dbxActionValue]="storageFileKeySignal()" [dbxActionHandler]="handleGetDownloadUrl" [dbxActionSuccessHandler]="handleGetDownloadUrlSuccess" [dbxActionErrorHandler]="handleGetDownloadUrlError">
       <dbx-button dbxActionButton [buttonStyle]="buttonStyleSignal()" [icon]="iconSignal()" [text]="textSignal()"></dbx-button>
     </dbx-anchor>
@@ -6497,9 +6075,9 @@ class DbxFirebaseStorageFileDownloadButtonComponent {
         <dbx-button dbxActionButton [buttonStyle]="previewButtonStyleSignal()" [icon]="previewIconSignal()" [text]="previewTextSignal()"></dbx-button>
       </ng-container>
     }
-  `, isInline: true, dependencies: [{ kind: "component", type: DbxButtonComponent, selector: "dbx-button", inputs: ["bar", "type", "buttonStyle", "color", "spinnerColor", "customButtonColor", "customTextColor", "customSpinnerColor", "basic", "raised", "stroked", "flat", "iconOnly", "fab", "mode"] }, { kind: "ngmodule", type: DbxActionModule }, { kind: "directive", type: i2.DbxActionDirective, selector: "dbx-action,[dbxAction],dbx-action-context,[dbxActionContext]", exportAs: ["action", "dbxAction"] }, { kind: "directive", type: i2.DbxActionHandlerDirective, selector: "[dbxActionHandler]", inputs: ["dbxActionHandler"] }, { kind: "directive", type: i2.DbxActionHandlerValueDirective, selector: "[dbxActionHandlerValue]", inputs: ["dbxActionHandlerValue"] }, { kind: "directive", type: i2.DbxActionDisabledDirective, selector: "[dbxActionDisabled]", inputs: ["dbxActionDisabled"] }, { kind: "directive", type: i2.DbxActionAutoTriggerDirective, selector: "dbxActionAutoTrigger,[dbxActionAutoTrigger]", inputs: ["triggerDebounce", "triggerThrottle", "triggerErrorThrottle", "maxErrorsForThrottle", "triggerLimit", "dbxActionAutoTrigger", "useFastTriggerPreset", "useInstantTriggerPreset"] }, { kind: "directive", type: i2.DbxActionValueDirective, selector: "dbxActionValue,[dbxActionValue]", inputs: ["dbxActionValue"] }, { kind: "directive", type: i2.DbxActionSuccessHandlerDirective, selector: "[dbxActionSuccessHandler]", inputs: ["dbxActionSuccessHandler"] }, { kind: "directive", type: i2.DbxActionErrorHandlerDirective, selector: "[dbxActionErrorHandler]", inputs: ["dbxActionErrorHandler"] }, { kind: "directive", type: i2.DbxActionButtonDirective, selector: "[dbxActionButton]" }, { kind: "directive", type: DbxActionSnackbarErrorDirective, selector: "[dbxActionSnackbarError]", inputs: ["dbxActionSnackbarError"] }, { kind: "directive", type: DbxActionDialogDirective, selector: "[dbxActionDialog]", inputs: ["dbxActionDialog", "dbxActionDialogIsModified", "dbxActionDialogIsEqual"], exportAs: ["dbxActionDialog"] }, { kind: "component", type: DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: ["block"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, dependencies: [{ kind: "component", type: DbxButtonComponent, selector: "dbx-button", inputs: ["bar", "type", "buttonStyle", "color", "spinnerColor", "customButtonColor", "customTextColor", "customSpinnerColor", "basic", "tonal", "raised", "stroked", "flat", "iconOnly", "fab", "mode"] }, { kind: "ngmodule", type: DbxActionModule }, { kind: "directive", type: i2.DbxActionDirective, selector: "dbx-action,[dbxAction]", exportAs: ["action", "dbxAction"] }, { kind: "directive", type: i2.DbxActionHandlerDirective, selector: "[dbxActionHandler]", inputs: ["dbxActionHandler"] }, { kind: "directive", type: i2.DbxActionHandlerValueDirective, selector: "[dbxActionHandlerValue]", inputs: ["dbxActionHandlerValue"] }, { kind: "directive", type: i2.DbxActionDisabledDirective, selector: "[dbxActionDisabled]", inputs: ["dbxActionDisabled"] }, { kind: "directive", type: i2.DbxActionAutoTriggerDirective, selector: "dbxActionAutoTrigger,[dbxActionAutoTrigger]", inputs: ["triggerDebounce", "triggerThrottle", "triggerErrorThrottle", "maxErrorsForThrottle", "triggerLimit", "dbxActionAutoTrigger", "useFastTriggerPreset", "useInstantTriggerPreset"] }, { kind: "directive", type: i2.DbxActionValueDirective, selector: "dbxActionValue,[dbxActionValue]", inputs: ["dbxActionValue"] }, { kind: "directive", type: i2.DbxActionSuccessHandlerDirective, selector: "[dbxActionSuccessHandler]", inputs: ["dbxActionSuccessHandler"] }, { kind: "directive", type: i2.DbxActionErrorHandlerDirective, selector: "[dbxActionErrorHandler]", inputs: ["dbxActionErrorHandler"] }, { kind: "directive", type: i2.DbxActionButtonDirective, selector: "[dbxActionButton]" }, { kind: "directive", type: DbxActionSnackbarErrorDirective, selector: "[dbxActionSnackbarError]", inputs: ["dbxActionSnackbarError"] }, { kind: "directive", type: DbxActionDialogDirective, selector: "[dbxActionDialog]", inputs: ["dbxActionDialog", "dbxActionDialogIsModified", "dbxActionDialogIsEqual"], exportAs: ["dbxActionDialog"] }, { kind: "component", type: DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: ["block"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseStorageFileDownloadButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseStorageFileDownloadButtonComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-firebase-storagefile-download-button',
@@ -6518,7 +6096,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     standalone: true
                 }]
-        }] });
+        }], propDecorators: { storageFileKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "storageFileKey", required: false }] }], storageFileDownloadUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "storageFileDownloadUrl", required: false }] }], embedMimeType: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedMimeType", required: false }] }], showPreviewButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showPreviewButton", required: false }] }], preload: [{ type: i0.Input, args: [{ isSignal: true, alias: "preload", required: false }] }], downloadDetailsChange: [{ type: i0.Output, args: ["downloadDetailsChange"] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }], source: [{ type: i0.Input, args: [{ isSignal: true, alias: "source", required: false }] }] } });
 
 /**
  * Store used for selecting a specific NotificationItem from a list of notification items.
@@ -6570,10 +6148,10 @@ class DbxFirebaseStorageFileUploadStore extends ComponentStore {
      * Sets the upload result.
      */
     setUploadResult = this.updater((state, uploadResult) => ({ ...state, isUploadHandlerWorking: false, uploadProgress: undefined, uploadResult }));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseStorageFileUploadStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseStorageFileUploadStore });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseStorageFileUploadStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseStorageFileUploadStore });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseStorageFileUploadStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseStorageFileUploadStore, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -6849,19 +6427,15 @@ class StorageFileUploadFilesError extends BaseError {
  * Connects a DbxFirebaseStorageFileUploadStore to a DbxActionContext, and handles the upload action.
  */
 class DbxFirebaseStorageFileUploadActionHandlerDirective {
-    _triggerSub = new SubscriptionObject();
-    _readySub = new SubscriptionObject();
-    _isWorkingSub = new SubscriptionObject();
-    _progressSub = new SubscriptionObject();
     source = inject((DbxActionContextStoreSourceInstance));
     uploadStore = inject(DbxFirebaseStorageFileUploadStore);
-    _dbxActionHandlerInstance = new DbxActionHandlerInstance(this.source);
+    _dbxActionHandlerInstance = clean(new DbxActionHandlerInstance(this.source));
     /**
      * If true, the action will be triggered when files are set.
      *
      * Defaults to false.
      */
-    triggerOnFiles = input(false);
+    triggerOnFiles = input(false, ...(ngDevMode ? [{ debugName: "triggerOnFiles" }] : []));
     triggerOnFiles$ = toObservable(this.triggerOnFiles);
     /**
      * Uploading of all/any files should be cancelled if any file fails to upload.
@@ -6870,14 +6444,14 @@ class DbxFirebaseStorageFileUploadActionHandlerDirective {
      *
      * Defaults to false.
      */
-    cancelUploadsOnUploadError = input(false);
+    cancelUploadsOnUploadError = input(false, ...(ngDevMode ? [{ debugName: "cancelUploadsOnUploadError" }] : []));
     /**
      * The upload should fail if any file fails to upload, rather than if all files fail to upload.
      *
      * Defaults to false.
      */
-    actionFailureOnUploadError = input(false);
-    uploadHandler = input.required({ alias: 'dbxFirebaseStorageFileUploadActionHandler' });
+    actionFailureOnUploadError = input(false, ...(ngDevMode ? [{ debugName: "actionFailureOnUploadError" }] : []));
+    uploadHandler = input.required({ ...(ngDevMode ? { debugName: "uploadHandler" } : {}), alias: 'dbxFirebaseStorageFileUploadActionHandler' });
     _uploadHandlerEffect = effect(() => {
         const uploadHandler = this.uploadHandler();
         let handlerFunction;
@@ -6911,13 +6485,13 @@ class DbxFirebaseStorageFileUploadActionHandlerDirective {
             handlerFunction = undefined;
         }
         this._dbxActionHandlerInstance.setHandlerFunction(handlerFunction);
-    });
+    }, ...(ngDevMode ? [{ debugName: "_uploadHandlerEffect" }] : []));
     files$ = this.uploadStore.files$;
     uploadHandler$ = toObservable(this.uploadHandler);
-    ngOnInit() {
+    constructor() {
         this._dbxActionHandlerInstance.init();
         // trigger the action if files are available
-        this._triggerSub.subscription = this.triggerOnFiles$
+        cleanSubscription(this.triggerOnFiles$
             .pipe(switchMap((triggerOnFiles) => {
             if (triggerOnFiles) {
                 return this.files$.pipe(map((x) => x?.length));
@@ -6930,59 +6504,56 @@ class DbxFirebaseStorageFileUploadActionHandlerDirective {
             if (canTrigger) {
                 this.source.trigger();
             }
-        });
+        }));
         // ready the source with files after trigger is called and files are available
-        this._readySub.subscription = this.files$.pipe(switchMap((files) => this.source.triggered$.pipe(map(() => files)))).subscribe((files) => {
+        cleanSubscription(this.files$.pipe(switchMap((files) => this.source.triggered$.pipe(map(() => files)))).subscribe((files) => {
             this.source.readyValue(files);
-        });
+        }));
         // sync isWorking
-        this._isWorkingSub.subscription = this.uploadStore.setIsUploadHandlerWorking(this.source.isWorking$);
+        cleanSubscription(this.uploadStore.setIsUploadHandlerWorking(this.source.isWorking$));
         // sync progress amount
-        this._progressSub.subscription = this.source.setWorkProgress(this.uploadStore.latestProgressEvent$.pipe(throttleTime(100, undefined, { leading: true, trailing: true }), map((x) => x?.overallProgress), distinctUntilChanged()));
-    }
-    ngOnDestroy() {
-        this._dbxActionHandlerInstance.destroy();
+        this.source.setWorkProgress(this.uploadStore.latestProgressEvent$.pipe(throttleTime(100, undefined, { leading: true, trailing: true }), map((x) => x?.overallProgress), distinctUntilChanged()));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseStorageFileUploadActionHandlerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: DbxFirebaseStorageFileUploadActionHandlerDirective, isStandalone: true, selector: "[dbxFirebaseStorageFileUploadActionHandler]", inputs: { triggerOnFiles: { classPropertyName: "triggerOnFiles", publicName: "triggerOnFiles", isSignal: true, isRequired: false, transformFunction: null }, cancelUploadsOnUploadError: { classPropertyName: "cancelUploadsOnUploadError", publicName: "cancelUploadsOnUploadError", isSignal: true, isRequired: false, transformFunction: null }, actionFailureOnUploadError: { classPropertyName: "actionFailureOnUploadError", publicName: "actionFailureOnUploadError", isSignal: true, isRequired: false, transformFunction: null }, uploadHandler: { classPropertyName: "uploadHandler", publicName: "dbxFirebaseStorageFileUploadActionHandler", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseStorageFileUploadActionHandlerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: DbxFirebaseStorageFileUploadActionHandlerDirective, isStandalone: true, selector: "[dbxFirebaseStorageFileUploadActionHandler]", inputs: { triggerOnFiles: { classPropertyName: "triggerOnFiles", publicName: "triggerOnFiles", isSignal: true, isRequired: false, transformFunction: null }, cancelUploadsOnUploadError: { classPropertyName: "cancelUploadsOnUploadError", publicName: "cancelUploadsOnUploadError", isSignal: true, isRequired: false, transformFunction: null }, actionFailureOnUploadError: { classPropertyName: "actionFailureOnUploadError", publicName: "actionFailureOnUploadError", isSignal: true, isRequired: false, transformFunction: null }, uploadHandler: { classPropertyName: "uploadHandler", publicName: "dbxFirebaseStorageFileUploadActionHandler", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseStorageFileUploadActionHandlerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseStorageFileUploadActionHandlerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxFirebaseStorageFileUploadActionHandler]',
                     standalone: true
                 }]
-        }] });
+        }], ctorParameters: () => [], propDecorators: { triggerOnFiles: [{ type: i0.Input, args: [{ isSignal: true, alias: "triggerOnFiles", required: false }] }], cancelUploadsOnUploadError: [{ type: i0.Input, args: [{ isSignal: true, alias: "cancelUploadsOnUploadError", required: false }] }], actionFailureOnUploadError: [{ type: i0.Input, args: [{ isSignal: true, alias: "actionFailureOnUploadError", required: false }] }], uploadHandler: [{ type: i0.Input, args: [{ isSignal: true, alias: "dbxFirebaseStorageFileUploadActionHandler", required: true }] }] } });
 
 class StorageFileCollectionStore extends AbstractDbxFirebaseCollectionStore {
     storageFileFunctions = inject(StorageFileFunctions);
-    constructor(collections) {
-        super({ firestoreCollection: collections.storageFileCollection });
+    constructor() {
+        super({ firestoreCollection: inject(StorageFileFirestoreCollections).storageFileCollection });
     }
     initializeAllStorageFilesFromUpload = firebaseCollectionStoreCreateFunction(this, this.storageFileFunctions.storageFile.createStorageFile.allFromUpload);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StorageFileCollectionStore, deps: [{ token: i1$4.StorageFileFirestoreCollections }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StorageFileCollectionStore });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: StorageFileCollectionStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: StorageFileCollectionStore });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StorageFileCollectionStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: StorageFileCollectionStore, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1$4.StorageFileFirestoreCollections }] });
+        }], ctorParameters: () => [] });
 
 class DbxFirebaseStorageFileCollectionStoreDirective extends DbxFirebaseCollectionStoreDirective {
-    constructor(store) {
-        super(store);
+    constructor() {
+        super(inject(StorageFileCollectionStore));
         this.setConstraints([]);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseStorageFileCollectionStoreDirective, deps: [{ token: StorageFileCollectionStore }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DbxFirebaseStorageFileCollectionStoreDirective, isStandalone: true, selector: "[dbxFirebaseStorageFileCollection]", providers: provideDbxFirebaseCollectionStoreDirective(DbxFirebaseStorageFileCollectionStoreDirective, StorageFileCollectionStore), usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseStorageFileCollectionStoreDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: DbxFirebaseStorageFileCollectionStoreDirective, isStandalone: true, selector: "[dbxFirebaseStorageFileCollection]", providers: provideDbxFirebaseCollectionStoreDirective(DbxFirebaseStorageFileCollectionStoreDirective, StorageFileCollectionStore), usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseStorageFileCollectionStoreDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseStorageFileCollectionStoreDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxFirebaseStorageFileCollection]',
                     providers: provideDbxFirebaseCollectionStoreDirective(DbxFirebaseStorageFileCollectionStoreDirective, StorageFileCollectionStore),
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: StorageFileCollectionStore }] });
+        }], ctorParameters: () => [] });
 
 class StorageFileDocumentStore extends AbstractDbxFirebaseDocumentStore {
     storageFileFunctions = inject(StorageFileFunctions);
@@ -6996,28 +6567,28 @@ class StorageFileDocumentStore extends AbstractDbxFirebaseDocumentStore {
     processStorageFile = firebaseDocumentStoreUpdateFunction(this, this.storageFileFunctions.storageFile.updateStorageFile.process);
     deleteStorageFile = firebaseDocumentStoreDeleteFunction(this, this.storageFileFunctions.storageFile.deleteStorageFile.delete);
     downloadStorageFile = firebaseDocumentStoreReadFunction(this, this.storageFileFunctions.storageFile.readStorageFile.download);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StorageFileDocumentStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StorageFileDocumentStore });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: StorageFileDocumentStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: StorageFileDocumentStore });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StorageFileDocumentStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: StorageFileDocumentStore, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
 class DbxFirebaseStorageFileDocumentStoreDirective extends DbxFirebaseDocumentStoreDirective {
-    constructor(store) {
-        super(store);
+    constructor() {
+        super(inject(StorageFileDocumentStore));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseStorageFileDocumentStoreDirective, deps: [{ token: StorageFileDocumentStore }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DbxFirebaseStorageFileDocumentStoreDirective, isStandalone: true, selector: "[dbxFirebaseStorageFileDocument]", providers: provideDbxFirebaseDocumentStoreDirective(DbxFirebaseStorageFileDocumentStoreDirective, StorageFileDocumentStore), usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseStorageFileDocumentStoreDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: DbxFirebaseStorageFileDocumentStoreDirective, isStandalone: true, selector: "[dbxFirebaseStorageFileDocument]", providers: provideDbxFirebaseDocumentStoreDirective(DbxFirebaseStorageFileDocumentStoreDirective, StorageFileDocumentStore), usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseStorageFileDocumentStoreDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseStorageFileDocumentStoreDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxFirebaseStorageFileDocument]',
                     providers: provideDbxFirebaseDocumentStoreDirective(DbxFirebaseStorageFileDocumentStoreDirective, StorageFileDocumentStore),
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: StorageFileDocumentStore }] });
+        }], ctorParameters: () => [] });
 
 class StorageFileGroupDocumentStore extends AbstractDbxFirebaseDocumentStore {
     storageFileFunctions = inject(StorageFileFunctions);
@@ -7026,50 +6597,49 @@ class StorageFileGroupDocumentStore extends AbstractDbxFirebaseDocumentStore {
     }
     updateStorageFileGroup = firebaseDocumentStoreUpdateFunction(this, this.storageFileFunctions.storageFileGroup.updateStorageFileGroup.update);
     regenerateStorageFileGroupContent = firebaseDocumentStoreCrudFunction(this.storageFileFunctions.storageFileGroup.updateStorageFileGroup.regenerateContent);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StorageFileGroupDocumentStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StorageFileGroupDocumentStore });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: StorageFileGroupDocumentStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: StorageFileGroupDocumentStore });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StorageFileGroupDocumentStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: StorageFileGroupDocumentStore, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
 class DbxFirebaseStorageFileGroupDocumentStoreDirective extends DbxFirebaseDocumentStoreDirective {
-    constructor(store) {
-        super(store);
+    constructor() {
+        super(inject(StorageFileGroupDocumentStore));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseStorageFileGroupDocumentStoreDirective, deps: [{ token: StorageFileGroupDocumentStore }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DbxFirebaseStorageFileGroupDocumentStoreDirective, isStandalone: true, selector: "[dbxFirebaseStorageFileGroupDocument]", providers: provideDbxFirebaseDocumentStoreDirective(DbxFirebaseStorageFileGroupDocumentStoreDirective, StorageFileGroupDocumentStore), usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseStorageFileGroupDocumentStoreDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: DbxFirebaseStorageFileGroupDocumentStoreDirective, isStandalone: true, selector: "[dbxFirebaseStorageFileGroupDocument]", providers: provideDbxFirebaseDocumentStoreDirective(DbxFirebaseStorageFileGroupDocumentStoreDirective, StorageFileGroupDocumentStore), usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseStorageFileGroupDocumentStoreDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseStorageFileGroupDocumentStoreDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxFirebaseStorageFileGroupDocument]',
                     providers: provideDbxFirebaseDocumentStoreDirective(DbxFirebaseStorageFileGroupDocumentStoreDirective, StorageFileGroupDocumentStore),
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: StorageFileGroupDocumentStore }] });
+        }], ctorParameters: () => [] });
 
 /**
  * Directive that passes the upload result to a StorageFileDocumentStore to initialize the document immediately.
  *
  * Use with a DbxAction instance.
  */
-class DbxFirebaseStorageFileUploadInitializeDocumentDirective extends AbstractSubscriptionDirective {
+class DbxFirebaseStorageFileUploadInitializeDocumentDirective {
     uploadStore = inject(DbxFirebaseStorageFileUploadStore);
     storageFileDocumentStore = inject(StorageFileDocumentStore);
-    initializeWithExpediteProcessing = input();
+    initializeWithExpediteProcessing = input(...(ngDevMode ? [undefined, { debugName: "initializeWithExpediteProcessing" }] : []));
     source = inject((DbxActionContextStoreSourceInstance), { host: true });
-    _dbxActionHandlerInstance = new DbxActionHandlerInstance(this.source);
+    _dbxActionHandlerInstance = clean(new DbxActionHandlerInstance(this.source));
     constructor() {
-        super();
         // set the trigger
-        this.sub = this.uploadStore.uploadResult$.subscribe(async (result) => {
+        cleanSubscription(this.uploadStore.uploadResult$.subscribe(async (result) => {
             const successFileResult = result.successFileResults.find((x) => x.fileRef != null);
             const fileRef = successFileResult?.fileRef;
             if (fileRef) {
                 this.source.triggerWithValue(fileRef);
             }
-        });
+        }));
         // set the handler function
         this._dbxActionHandlerInstance.setHandlerFunction((fileRef, context) => {
             context.startWorkingWithLoadingStateObservable(this.storageFileDocumentStore.initializeStorageFileFromUpload({
@@ -7080,45 +6650,35 @@ class DbxFirebaseStorageFileUploadInitializeDocumentDirective extends AbstractSu
         });
         this._dbxActionHandlerInstance.init();
     }
-    ngOnDestroy() {
-        super.ngOnDestroy();
-        this._dbxActionHandlerInstance.destroy();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseStorageFileUploadInitializeDocumentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: DbxFirebaseStorageFileUploadInitializeDocumentDirective, isStandalone: true, selector: "[dbxFirebaseStorageFileUploadInitializeDocument]", inputs: { initializeWithExpediteProcessing: { classPropertyName: "initializeWithExpediteProcessing", publicName: "initializeWithExpediteProcessing", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["dbxFirebaseStorageFileUploadInitializeDocument"], usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseStorageFileUploadInitializeDocumentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: DbxFirebaseStorageFileUploadInitializeDocumentDirective, isStandalone: true, selector: "[dbxFirebaseStorageFileUploadInitializeDocument]", inputs: { initializeWithExpediteProcessing: { classPropertyName: "initializeWithExpediteProcessing", publicName: "initializeWithExpediteProcessing", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["dbxFirebaseStorageFileUploadInitializeDocument"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseStorageFileUploadInitializeDocumentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseStorageFileUploadInitializeDocumentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxFirebaseStorageFileUploadInitializeDocument]',
                     exportAs: 'dbxFirebaseStorageFileUploadInitializeDocument',
                     standalone: true
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { initializeWithExpediteProcessing: [{ type: i0.Input, args: [{ isSignal: true, alias: "initializeWithExpediteProcessing", required: false }] }] } });
 
 /**
  * Directive that provides a DbxFirebaseStorageFileUploadStore, and sync's the inputs to the store.
  */
 class DbxFirebaseStorageFileUploadStoreDirective {
-    _allowedSub = new SubscriptionObject();
-    _multiSub = new SubscriptionObject();
     uploadStore = inject(DbxFirebaseStorageFileUploadStore);
-    multipleUpload = input();
-    fileTypesAccepted = input();
+    multipleUpload = input(...(ngDevMode ? [undefined, { debugName: "multipleUpload" }] : []));
+    fileTypesAccepted = input(...(ngDevMode ? [undefined, { debugName: "fileTypesAccepted" }] : []));
     fileTypesAccepted$ = toObservable(this.fileTypesAccepted).pipe(skipAllInitialMaybe(), shareReplay(1));
     isMultiUploadAllowed$ = toObservable(this.multipleUpload).pipe(skipAllInitialMaybe(), shareReplay(1));
     constructor() {
-        this._allowedSub.subscription = this.fileTypesAccepted$.subscribe((x) => this.uploadStore.setFileTypesAccepted(x));
-        this._multiSub.subscription = this.isMultiUploadAllowed$.subscribe((x) => this.uploadStore.setIsMultiUploadAllowed(x));
+        cleanSubscription(this.fileTypesAccepted$.subscribe((x) => this.uploadStore.setFileTypesAccepted(x)));
+        cleanSubscription(this.isMultiUploadAllowed$.subscribe((x) => this.uploadStore.setIsMultiUploadAllowed(x)));
     }
-    ngOnDestroy() {
-        this._allowedSub.destroy();
-        this._multiSub.destroy();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseStorageFileUploadStoreDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: DbxFirebaseStorageFileUploadStoreDirective, isStandalone: true, selector: "[dbxFirebaseStorageFileUploadStore]", inputs: { multipleUpload: { classPropertyName: "multipleUpload", publicName: "multipleUpload", isSignal: true, isRequired: false, transformFunction: null }, fileTypesAccepted: { classPropertyName: "fileTypesAccepted", publicName: "fileTypesAccepted", isSignal: true, isRequired: false, transformFunction: null } }, providers: [DbxFirebaseStorageFileUploadStore], exportAs: ["dbxFirebaseStorageFileUploadStore"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseStorageFileUploadStoreDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: DbxFirebaseStorageFileUploadStoreDirective, isStandalone: true, selector: "[dbxFirebaseStorageFileUploadStore]", inputs: { multipleUpload: { classPropertyName: "multipleUpload", publicName: "multipleUpload", isSignal: true, isRequired: false, transformFunction: null }, fileTypesAccepted: { classPropertyName: "fileTypesAccepted", publicName: "fileTypesAccepted", isSignal: true, isRequired: false, transformFunction: null } }, providers: [DbxFirebaseStorageFileUploadStore], exportAs: ["dbxFirebaseStorageFileUploadStore"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseStorageFileUploadStoreDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseStorageFileUploadStoreDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxFirebaseStorageFileUploadStore]',
@@ -7126,31 +6686,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     providers: [DbxFirebaseStorageFileUploadStore],
                     standalone: true
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { multipleUpload: [{ type: i0.Input, args: [{ isSignal: true, alias: "multipleUpload", required: false }] }], fileTypesAccepted: [{ type: i0.Input, args: [{ isSignal: true, alias: "fileTypesAccepted", required: false }] }] } });
 
 /**
  * Directive that syncs a DbxFirebaseStorageFileUploadStore's configuration to a DbxFileUploadComponent.
  */
 class DbxFirebaseStorageFileUploadSyncDirective {
-    _allowedSub = new SubscriptionObject();
-    _multiSub = new SubscriptionObject();
-    _filesSub = new SubscriptionObject();
     uploadStore = inject(DbxFirebaseStorageFileUploadStore);
     uploadComponent = inject(DbxFileUploadComponent);
     constructor() {
-        this._allowedSub.subscription = this.uploadStore.fileTypesAllowed$.subscribe((x) => this.uploadComponent.setAccept(x));
-        this._multiSub.subscription = this.uploadStore.isMultiUploadAllowed$.subscribe((x) => this.uploadComponent.setMultiple(x));
-        this._filesSub.subscription = this.uploadComponent.filesChanged.subscribe((files) => this.uploadStore.setFiles(files.matchResult.accepted));
+        cleanSubscription(this.uploadStore.fileTypesAllowed$.subscribe((x) => this.uploadComponent.setAccept(x)));
+        cleanSubscription(this.uploadStore.isMultiUploadAllowed$.subscribe((x) => this.uploadComponent.setMultiple(x)));
+        cleanSubscription(this.uploadComponent.filesChanged.subscribe((files) => this.uploadStore.setFiles(files.matchResult.accepted)));
     }
-    ngOnDestroy() {
-        this._allowedSub.destroy();
-        this._multiSub.destroy();
-        this._filesSub.destroy();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseStorageFileUploadSyncDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DbxFirebaseStorageFileUploadSyncDirective, isStandalone: true, selector: "[dbxFirebaseStorageFileUploadSync]", exportAs: ["dbxFirebaseStorageFileUploadSync"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseStorageFileUploadSyncDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: DbxFirebaseStorageFileUploadSyncDirective, isStandalone: true, selector: "[dbxFirebaseStorageFileUploadSync]", exportAs: ["dbxFirebaseStorageFileUploadSync"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseStorageFileUploadSyncDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseStorageFileUploadSyncDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxFirebaseStorageFileUploadSync]',
@@ -7159,7 +6711,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }], ctorParameters: () => [] });
 
-const importsAndExports$1 = [
+const importsAndExports = [
     // dbx-core/dbx-web modules/components
     DbxActionModule,
     DbxLoadingComponent,
@@ -7188,8 +6740,8 @@ const importsAndExports$1 = [
  * - DbxFirebaseStorageFileUploadStore
  */
 class DbxFirebaseStorageFileUploadModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseStorageFileUploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseStorageFileUploadModule, imports: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseStorageFileUploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseStorageFileUploadModule, imports: [
             // dbx-core/dbx-web modules/components
             DbxActionModule,
             DbxLoadingComponent,
@@ -7220,7 +6772,7 @@ class DbxFirebaseStorageFileUploadModule {
             // stores
             DbxFirebaseStorageFileCollectionStoreDirective,
             DbxFirebaseStorageFileDocumentStoreDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseStorageFileUploadModule, imports: [
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseStorageFileUploadModule, imports: [
             // dbx-core/dbx-web modules/components
             DbxActionModule,
             DbxLoadingComponent,
@@ -7228,11 +6780,11 @@ class DbxFirebaseStorageFileUploadModule {
             // dbx-core/dbx-web modules/components
             DbxActionModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseStorageFileUploadModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseStorageFileUploadModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: importsAndExports$1,
-                    exports: importsAndExports$1
+                    imports: importsAndExports,
+                    exports: importsAndExports
                 }]
         }] });
 
@@ -7274,10 +6826,10 @@ class FlatFirestoreModelKeyPipe {
             return '';
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FlatFirestoreModelKeyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: FlatFirestoreModelKeyPipe, isStandalone: true, name: "flatFirestoreModelKey" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: FlatFirestoreModelKeyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: FlatFirestoreModelKeyPipe, isStandalone: true, name: "flatFirestoreModelKey" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FlatFirestoreModelKeyPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: FlatFirestoreModelKeyPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'flatFirestoreModelKey', standalone: true }]
         }] });
@@ -7291,33 +6843,14 @@ class TwoWayFlatFirestoreModelKeyPipe {
             return '';
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TwoWayFlatFirestoreModelKeyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: TwoWayFlatFirestoreModelKeyPipe, isStandalone: true, name: "twoWayFlatFirestoreModelKey" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: TwoWayFlatFirestoreModelKeyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: TwoWayFlatFirestoreModelKeyPipe, isStandalone: true, name: "twoWayFlatFirestoreModelKey" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TwoWayFlatFirestoreModelKeyPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: TwoWayFlatFirestoreModelKeyPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'twoWayFlatFirestoreModelKey', standalone: true }]
         }] });
 
-const importsAndExports = [FlatFirestoreModelKeyPipe, TwoWayFlatFirestoreModelKeyPipe];
-/**
- * Imports and exports all DbxFirebasePipe components.
- *
- * @deprecated consider importing the individual pipes instead.
- */
-class DbxFirebasePipeModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebasePipeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebasePipeModule, imports: [FlatFirestoreModelKeyPipe, TwoWayFlatFirestoreModelKeyPipe], exports: [FlatFirestoreModelKeyPipe, TwoWayFlatFirestoreModelKeyPipe] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebasePipeModule });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebasePipeModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: importsAndExports,
-                    exports: importsAndExports
-                }]
-        }] });
-
 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';
@@ -7403,10 +6936,10 @@ class DbxFirebaseStorageService {
     folder(path) {
         return this.storageContext.folder(path);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseStorageService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseStorageService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseStorageService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseStorageService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -7451,31 +6984,12 @@ function providedDbxFirebaseStorage(config) {
     return makeEnvironmentProviders(providers);
 }
 
-/**
- * @deprecated use providedDbxFirebaseStorage() instead.
- */
-class DbxFirebaseStorageModule {
-    static forRoot(config) {
-        return {
-            ngModule: DbxFirebaseStorageModule,
-            providers: [providedDbxFirebaseStorage(config)]
-        };
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseStorageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseStorageModule });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseStorageModule });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseStorageModule, decorators: [{
-            type: NgModule,
-            args: [{}]
-        }] });
-
 class DbxFirebaseModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModule, exports: [DbxFirebaseModelModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModule, imports: [DbxFirebaseModelModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseModule, exports: [DbxFirebaseModelModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseModule, imports: [DbxFirebaseModelModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DbxFirebaseModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [DbxFirebaseModelModule]
@@ -7537,5 +7051,5 @@ function provideDbxFirebase(config) {
  * Generated bundle index. Do not edit.
  */
 
-export { AbstractConfiguredDbxFirebaseLoginButtonDirective, AbstractDbxFirebaseCollectionStore, AbstractDbxFirebaseCollectionWithParentStore, AbstractDbxFirebaseDocumentStore, AbstractDbxFirebaseDocumentWithParentStore, AbstractDbxFirebaseModelEntityWidgetDirective, AbstractDbxFirebaseNotificationItemWidgetComponent, AbstractRootSingleItemDbxFirebaseDocument, AbstractSingleItemDbxFirebaseDocument, AbstractSystemStateDocumentStoreAccessor, DBX_CONFIGURED_DBX_FIREBASE_LOGIN_BUTTON_COMPONENT_CONFIGURATION, DBX_FIREBASE_APP_OPTIONS_TOKEN, DBX_FIREBASE_DOCUMENT_STORE_CONTEXT_STORE_TOKEN, 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_LOGIN_COMPONENTS, DBX_FIREBASE_MODEL_DOES_NOT_EXIST_ERROR, DBX_FIREBASE_MODEL_ENTITY_WITH_STORE_TOKEN, DBX_FIREBASE_STORAGEFILE_DOWNLOAD_STORAGE_ACCESSOR_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_DBX_FIREBASE_MODEL_ENTITIES_COMPONENT_POPOVER_KEY, DEFAULT_DBX_FIREBASE_MODEL_HISTORY_COMPONENT_POPOVER_KEY, DEFAULT_DBX_FIREBASE_NOTIFICATION_ITEM_STORE_POPOVER_KEY, 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_LOGIN_METHOD_CATEGORY, DEFAULT_FIREBASE_NOTIFICATION_ITEM_WIDGET_TYPE, DEVELOPMENT_FIREBASE_SERVER_SCHEDULER_WIDGET_KEY, DbxFirebaseAnalyticsUserEventsListenerService, DbxFirebaseAnalyticsUserSource, DbxFirebaseAppCheckHttpInterceptor, DbxFirebaseAuthLoginService, DbxFirebaseAuthModule, DbxFirebaseAuthService, DbxFirebaseAuthServiceDelegate, DbxFirebaseCollectionChangeDirective, DbxFirebaseCollectionChangeTriggerInstance, DbxFirebaseCollectionHasChangeDirective, DbxFirebaseCollectionListDirective, DbxFirebaseCollectionLoaderInstance, DbxFirebaseCollectionStoreDirective, DbxFirebaseCollectionWithParentStoreDirective, DbxFirebaseDefaultFirebaseProvidersModule, DbxFirebaseDevelopmentDirective, DbxFirebaseDevelopmentModule, DbxFirebaseDevelopmentPopupComponent, DbxFirebaseDevelopmentPopupContentComponent, DbxFirebaseDevelopmentPopupContentFormComponent, DbxFirebaseDevelopmentSchedulerListComponent, DbxFirebaseDevelopmentSchedulerListViewComponent, DbxFirebaseDevelopmentSchedulerListViewItemComponent, DbxFirebaseDevelopmentSchedulerService, DbxFirebaseDevelopmentSchedulerWidgetComponent, DbxFirebaseDevelopmentService, DbxFirebaseDevelopmentWidgetService, DbxFirebaseDocumentLoaderInstance, DbxFirebaseDocumentStoreContextModelEntitiesSourceDirective, DbxFirebaseDocumentStoreContextStore, DbxFirebaseDocumentStoreContextStoreDirective, DbxFirebaseDocumentStoreDirective, DbxFirebaseDocumentStoreIdFromTwoWayModelKeyDirective, DbxFirebaseDocumentStoreTwoWayKeyProvider, DbxFirebaseDocumentStoreTwoWayModelKeySourceDirective, DbxFirebaseEmailFormComponent, DbxFirebaseEmailRecoveryFormComponent, DbxFirebaseEmulatorModule, DbxFirebaseEmulatorService, DbxFirebaseFirestoreCollectionModule, DbxFirebaseFunctionsModule, DbxFirebaseLoginAnonymousComponent, DbxFirebaseLoginAppleComponent, DbxFirebaseLoginButtonComponent, DbxFirebaseLoginButtonContainerComponent, DbxFirebaseLoginComponent, DbxFirebaseLoginContext, DbxFirebaseLoginContextBackButtonComponent, DbxFirebaseLoginContextDirective, DbxFirebaseLoginEmailComponent, DbxFirebaseLoginEmailContentComponent, DbxFirebaseLoginFacebookComponent, DbxFirebaseLoginGitHubComponent, DbxFirebaseLoginGoogleComponent, DbxFirebaseLoginListComponent, DbxFirebaseLoginMicrosoftComponent, DbxFirebaseLoginModule, DbxFirebaseLoginTermsComponent, DbxFirebaseLoginTermsSimpleComponent, DbxFirebaseLoginTwitterComponent, DbxFirebaseModelContextService, DbxFirebaseModelEntitiesComponent, DbxFirebaseModelEntitiesDebugWidgetComponent, DbxFirebaseModelEntitiesPopoverButtonComponent, DbxFirebaseModelEntitiesPopoverComponent, DbxFirebaseModelEntitiesSource, DbxFirebaseModelEntitiesWidgetService, DbxFirebaseModelEntitiesWidgetServiceConfig, DbxFirebaseModelHistoryComponent, DbxFirebaseModelHistoryModule, DbxFirebaseModelHistoryPopoverButtonComponent, DbxFirebaseModelHistoryPopoverComponent, DbxFirebaseModelKeyComponent, DbxFirebaseModelModule, DbxFirebaseModelStoreModule, DbxFirebaseModelTrackerService, DbxFirebaseModelTypeInstanceListComponent, DbxFirebaseModelTypeInstanceListViewComponent, DbxFirebaseModelTypeInstanceListViewItemComponent, DbxFirebaseModelTypesModule, DbxFirebaseModelTypesService, DbxFirebaseModelTypesServiceConfig, DbxFirebaseModelViewedEventDirective, DbxFirebaseModule, DbxFirebaseNotificationBoxCollectionStoreDirective, DbxFirebaseNotificationBoxDocumentStoreDirective, DbxFirebaseNotificationCollectionStoreDirective, DbxFirebaseNotificationDocumentStoreDirective, DbxFirebaseNotificationItemContentComponent, DbxFirebaseNotificationItemDefaultViewComponent, DbxFirebaseNotificationItemListComponent, DbxFirebaseNotificationItemListViewComponent, DbxFirebaseNotificationItemListViewItemComponent, DbxFirebaseNotificationItemStore, DbxFirebaseNotificationItemStorePopoverButtonComponent, DbxFirebaseNotificationItemStorePopoverComponent, DbxFirebaseNotificationItemViewComponent, DbxFirebaseNotificationItemWidgetService, DbxFirebaseNotificationModule, DbxFirebaseNotificationSummaryCollectionStoreDirective, DbxFirebaseNotificationSummaryDocumentStoreDirective, DbxFirebaseNotificationTemplateService, DbxFirebaseNotificationUserCollectionStoreDirective, DbxFirebaseNotificationUserDocumentStoreDirective, DbxFirebaseParsedEmulatorsConfig, DbxFirebasePipeModule, DbxFirebaseRegisterComponent, DbxFirebaseRegisterEmailComponent, DbxFirebaseStorageFileCollectionStoreDirective, DbxFirebaseStorageFileDocumentStoreDirective, DbxFirebaseStorageFileDownloadButtonComponent, DbxFirebaseStorageFileDownloadService, DbxFirebaseStorageFileDownloadStorage, DbxFirebaseStorageFileGroupDocumentStoreDirective, DbxFirebaseStorageFileUploadActionHandlerDirective, DbxFirebaseStorageFileUploadInitializeDocumentDirective, DbxFirebaseStorageFileUploadModule, DbxFirebaseStorageFileUploadStore, DbxFirebaseStorageFileUploadStoreDirective, DbxFirebaseStorageFileUploadSyncDirective, DbxFirebaseStorageModule, DbxFirebaseStorageService, DbxFirebaseSystemStateCollectionStoreDirective, DbxFirebaseSystemStateDocumentStoreDirective, DbxFirestoreContextService, DbxLimitedFirebaseDocumentLoaderInstance, FIREBASE_NOTIFICATION_ITEM_WIDGET_TYPE_PREFIX, FlatFirestoreModelKeyPipe, NotificationBoxCollectionStore, NotificationBoxDocumentStore, NotificationCollectionStore, NotificationDocumentStore, NotificationSummaryCollectionStore, NotificationSummaryDocumentStore, NotificationUserCollectionStore, NotificationUserDocumentStore, OAUTH_FIREBASE_LOGIN_METHOD_CATEGORY, StorageFileCollectionStore, StorageFileDocumentStore, StorageFileGroupDocumentStore, StorageFileUploadFilesError, SystemStateCollectionStore, SystemStateDocumentStore, TwoWayFlatFirestoreModelKeyPipe, authRolesObsWithClaimsService, authUserInfoFromAuthUser, authUserStateFromFirebaseAuthServiceFunction, dbxFirebaseAuthContextInfo, dbxFirebaseCollectionChangeTrigger, dbxFirebaseCollectionChangeTriggerForStore, dbxFirebaseCollectionChangeTriggerForWatcher, dbxFirebaseCollectionChangeWatcher, dbxFirebaseCollectionLoaderInstance, dbxFirebaseCollectionLoaderInstanceWithCollection, dbxFirebaseDocumentLoaderInstance, dbxFirebaseDocumentLoaderInstanceWithAccessor, dbxFirebaseDocumentStoreContextModelEntitiesSourceFactory, dbxFirebaseIdRouteParamRedirect, dbxFirebaseInContextFirebaseModelServiceInstance, dbxFirebaseInContextFirebaseModelServiceInstanceFactory, dbxFirebaseKeyRouteParamRedirect, dbxFirebaseModelContextServiceInfoInstanceFactory, dbxFirebaseModelEntityWidgetInjectionConfigFactory, dbxFirebaseModelTypesServiceInstance, dbxFirebaseModelTypesServiceInstancePairForKeysFactory, dbxFirebaseSourceSelectLoadSource, dbxFirebaseStorageFileDownloadServiceCustomSourceFromObs, dbxFirebaseStorageProvidersContextConfigFactory, dbxLimitedFirebaseDocumentLoaderInstance, dbxLimitedFirebaseDocumentLoaderInstanceWithAccessor, dbxWidgetTypeForNotificationTemplateType, defaultDbxFirebaseAuthServiceDelegateWithClaimsService, defaultDbxFirebaseStorageFileDownloadStorageAccessorFactory, developmentFirebaseServerSchedulerWidgetEntry, enableAppCheckDebugTokenGeneration, firebaseAuthTokenFromUser, firebaseCollectionStoreCreateFunction, firebaseCollectionStoreCrudFunction, firebaseContextServiceEntityMap, firebaseDocumentStoreCreateFunction, firebaseDocumentStoreCrudFunction, firebaseDocumentStoreDeleteFunction, firebaseDocumentStoreReadFunction, firebaseDocumentStoreUpdateFunction, importsAndExports$1 as importsAndExports, isDbxFirebaseModelEntityWithStore, linkDocumentStoreToParentContextStores, modelDoesNotExistError, provideDbxFirebase, provideDbxFirebaseAnalyticsUserEventsListenerService, provideDbxFirebaseApp, provideDbxFirebaseAuth, provideDbxFirebaseCollectionStoreDirective, provideDbxFirebaseCollectionWithParentStoreDirective, provideDbxFirebaseDevelopment, provideDbxFirebaseDocumentStoreContextStore, provideDbxFirebaseDocumentStoreDirective, provideDbxFirebaseDocumentStoreTwoWayKeyProvider, provideDbxFirebaseEmulator, provideDbxFirebaseFunctions, provideDbxFirebaseLogin, provideDbxFirebaseModelContextService, provideDbxFirebaseModelEntitiesWidgetService, provideDbxFirebaseNotifications, provideDbxFirebaseStorageFileService, provideDbxFirestoreCollection, provideNotificationFirestoreCollections, provideStorageFileFirestoreCollections, provideSystemStateFirestoreCollections, providedDbxFirebaseStorage, readDbxAnalyticsUserPropertiesFromAuthUserInfo, readValueFromIdToken, setParentStoreEffect, stateFromTokenForLoggedInUserFunction, storageFileUploadFiles, storageFileUploadHandler };
+export { AbstractConfiguredDbxFirebaseLoginButtonDirective, AbstractDbxFirebaseCollectionStore, AbstractDbxFirebaseCollectionWithParentStore, AbstractDbxFirebaseDocumentStore, AbstractDbxFirebaseDocumentWithParentStore, AbstractDbxFirebaseModelEntityWidgetDirective, AbstractDbxFirebaseNotificationItemWidgetComponent, AbstractRootSingleItemDbxFirebaseDocument, AbstractSingleItemDbxFirebaseDocument, AbstractSystemStateDocumentStoreAccessor, DBX_CONFIGURED_DBX_FIREBASE_LOGIN_BUTTON_COMPONENT_CONFIGURATION, DBX_FIREBASE_APP_OPTIONS_TOKEN, DBX_FIREBASE_DOCUMENT_STORE_CONTEXT_STORE_TOKEN, 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_MODEL_ENTITY_WITH_STORE_TOKEN, DBX_FIREBASE_STORAGEFILE_DOWNLOAD_STORAGE_ACCESSOR_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_DBX_FIREBASE_MODEL_ENTITIES_COMPONENT_POPOVER_KEY, DEFAULT_DBX_FIREBASE_MODEL_HISTORY_COMPONENT_POPOVER_KEY, DEFAULT_DBX_FIREBASE_NOTIFICATION_ITEM_STORE_POPOVER_KEY, 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_LOGIN_METHOD_CATEGORY, DEFAULT_FIREBASE_NOTIFICATION_ITEM_WIDGET_TYPE, DEVELOPMENT_FIREBASE_SERVER_SCHEDULER_WIDGET_KEY, DbxFirebaseAnalyticsUserEventsListenerService, DbxFirebaseAnalyticsUserSource, DbxFirebaseAppCheckHttpInterceptor, DbxFirebaseAuthLoginService, DbxFirebaseAuthService, DbxFirebaseAuthServiceDelegate, DbxFirebaseCollectionChangeDirective, DbxFirebaseCollectionChangeTriggerInstance, DbxFirebaseCollectionHasChangeDirective, DbxFirebaseCollectionListDirective, DbxFirebaseCollectionLoaderInstance, DbxFirebaseCollectionStoreDirective, DbxFirebaseCollectionWithParentStoreDirective, DbxFirebaseDevelopmentDirective, DbxFirebaseDevelopmentModule, DbxFirebaseDevelopmentPopupComponent, DbxFirebaseDevelopmentPopupContentComponent, DbxFirebaseDevelopmentPopupContentFormComponent, DbxFirebaseDevelopmentSchedulerListComponent, DbxFirebaseDevelopmentSchedulerListViewComponent, DbxFirebaseDevelopmentSchedulerListViewItemComponent, DbxFirebaseDevelopmentSchedulerService, DbxFirebaseDevelopmentSchedulerWidgetComponent, DbxFirebaseDevelopmentService, DbxFirebaseDevelopmentWidgetService, DbxFirebaseDocumentLoaderInstance, DbxFirebaseDocumentStoreContextModelEntitiesSourceDirective, DbxFirebaseDocumentStoreContextStore, DbxFirebaseDocumentStoreContextStoreDirective, DbxFirebaseDocumentStoreDirective, DbxFirebaseDocumentStoreIdFromTwoWayModelKeyDirective, DbxFirebaseDocumentStoreTwoWayKeyProvider, DbxFirebaseDocumentStoreTwoWayModelKeySourceDirective, DbxFirebaseEmailFormComponent, DbxFirebaseEmailRecoveryFormComponent, DbxFirebaseEmulatorService, DbxFirebaseLoginAnonymousComponent, DbxFirebaseLoginAppleComponent, DbxFirebaseLoginButtonComponent, DbxFirebaseLoginButtonContainerComponent, DbxFirebaseLoginComponent, DbxFirebaseLoginContext, DbxFirebaseLoginContextBackButtonComponent, DbxFirebaseLoginContextDirective, DbxFirebaseLoginEmailComponent, DbxFirebaseLoginEmailContentComponent, DbxFirebaseLoginFacebookComponent, DbxFirebaseLoginGitHubComponent, DbxFirebaseLoginGoogleComponent, DbxFirebaseLoginListComponent, DbxFirebaseLoginMicrosoftComponent, DbxFirebaseLoginTermsComponent, DbxFirebaseLoginTermsSimpleComponent, DbxFirebaseLoginTwitterComponent, DbxFirebaseModelContextService, DbxFirebaseModelEntitiesComponent, DbxFirebaseModelEntitiesDebugWidgetComponent, DbxFirebaseModelEntitiesPopoverButtonComponent, DbxFirebaseModelEntitiesPopoverComponent, DbxFirebaseModelEntitiesSource, DbxFirebaseModelEntitiesWidgetService, DbxFirebaseModelEntitiesWidgetServiceConfig, DbxFirebaseModelHistoryComponent, DbxFirebaseModelHistoryPopoverButtonComponent, DbxFirebaseModelHistoryPopoverComponent, DbxFirebaseModelKeyComponent, DbxFirebaseModelModule, DbxFirebaseModelStoreModule, DbxFirebaseModelTrackerService, DbxFirebaseModelTypeInstanceListComponent, DbxFirebaseModelTypeInstanceListViewComponent, DbxFirebaseModelTypeInstanceListViewItemComponent, DbxFirebaseModelTypesService, DbxFirebaseModelTypesServiceConfig, DbxFirebaseModelViewedEventDirective, DbxFirebaseModule, DbxFirebaseNotificationBoxCollectionStoreDirective, DbxFirebaseNotificationBoxDocumentStoreDirective, DbxFirebaseNotificationCollectionStoreDirective, DbxFirebaseNotificationDocumentStoreDirective, DbxFirebaseNotificationItemContentComponent, DbxFirebaseNotificationItemDefaultViewComponent, DbxFirebaseNotificationItemListComponent, DbxFirebaseNotificationItemListViewComponent, DbxFirebaseNotificationItemListViewItemComponent, DbxFirebaseNotificationItemStore, DbxFirebaseNotificationItemStorePopoverButtonComponent, DbxFirebaseNotificationItemStorePopoverComponent, DbxFirebaseNotificationItemViewComponent, DbxFirebaseNotificationItemWidgetService, DbxFirebaseNotificationSummaryCollectionStoreDirective, DbxFirebaseNotificationSummaryDocumentStoreDirective, DbxFirebaseNotificationTemplateService, DbxFirebaseNotificationUserCollectionStoreDirective, DbxFirebaseNotificationUserDocumentStoreDirective, DbxFirebaseParsedEmulatorsConfig, DbxFirebaseRegisterComponent, DbxFirebaseRegisterEmailComponent, DbxFirebaseStorageFileCollectionStoreDirective, DbxFirebaseStorageFileDocumentStoreDirective, DbxFirebaseStorageFileDownloadButtonComponent, DbxFirebaseStorageFileDownloadService, DbxFirebaseStorageFileDownloadStorage, DbxFirebaseStorageFileGroupDocumentStoreDirective, DbxFirebaseStorageFileUploadActionHandlerDirective, DbxFirebaseStorageFileUploadInitializeDocumentDirective, DbxFirebaseStorageFileUploadModule, DbxFirebaseStorageFileUploadStore, DbxFirebaseStorageFileUploadStoreDirective, DbxFirebaseStorageFileUploadSyncDirective, DbxFirebaseStorageService, DbxFirebaseSystemStateCollectionStoreDirective, DbxFirebaseSystemStateDocumentStoreDirective, DbxFirestoreContextService, DbxLimitedFirebaseDocumentLoaderInstance, FIREBASE_NOTIFICATION_ITEM_WIDGET_TYPE_PREFIX, FlatFirestoreModelKeyPipe, NotificationBoxCollectionStore, NotificationBoxDocumentStore, NotificationCollectionStore, NotificationDocumentStore, NotificationSummaryCollectionStore, NotificationSummaryDocumentStore, NotificationUserCollectionStore, NotificationUserDocumentStore, OAUTH_FIREBASE_LOGIN_METHOD_CATEGORY, StorageFileCollectionStore, StorageFileDocumentStore, StorageFileGroupDocumentStore, StorageFileUploadFilesError, SystemStateCollectionStore, SystemStateDocumentStore, TwoWayFlatFirestoreModelKeyPipe, authRolesObsWithClaimsService, authUserInfoFromAuthUser, authUserStateFromFirebaseAuthServiceFunction, dbxFirebaseAuthContextInfo, dbxFirebaseCollectionChangeTrigger, dbxFirebaseCollectionChangeTriggerForStore, dbxFirebaseCollectionChangeTriggerForWatcher, dbxFirebaseCollectionChangeWatcher, dbxFirebaseCollectionLoaderInstance, dbxFirebaseCollectionLoaderInstanceWithCollection, dbxFirebaseDocumentLoaderInstance, dbxFirebaseDocumentLoaderInstanceWithAccessor, dbxFirebaseDocumentStoreContextModelEntitiesSourceFactory, dbxFirebaseIdRouteParamRedirect, dbxFirebaseInContextFirebaseModelServiceInstance, dbxFirebaseInContextFirebaseModelServiceInstanceFactory, dbxFirebaseKeyRouteParamRedirect, dbxFirebaseModelContextServiceInfoInstanceFactory, dbxFirebaseModelEntityWidgetInjectionConfigFactory, dbxFirebaseModelTypesServiceInstance, dbxFirebaseModelTypesServiceInstancePairForKeysFactory, dbxFirebaseSourceSelectLoadSource, dbxFirebaseStorageFileDownloadServiceCustomSourceFromObs, dbxFirebaseStorageProvidersContextConfigFactory, dbxLimitedFirebaseDocumentLoaderInstance, dbxLimitedFirebaseDocumentLoaderInstanceWithAccessor, dbxWidgetTypeForNotificationTemplateType, defaultDbxFirebaseAuthServiceDelegateWithClaimsService, defaultDbxFirebaseStorageFileDownloadStorageAccessorFactory, developmentFirebaseServerSchedulerWidgetEntry, enableAppCheckDebugTokenGeneration, firebaseAuthTokenFromUser, firebaseCollectionStoreCreateFunction, firebaseCollectionStoreCrudFunction, firebaseContextServiceEntityMap, firebaseDocumentStoreCreateFunction, firebaseDocumentStoreCrudFunction, firebaseDocumentStoreDeleteFunction, firebaseDocumentStoreReadFunction, firebaseDocumentStoreUpdateFunction, importsAndExports, isDbxFirebaseModelEntityWithStore, linkDocumentStoreToParentContextStores, modelDoesNotExistError, provideDbxFirebase, provideDbxFirebaseAnalyticsUserEventsListenerService, provideDbxFirebaseApp, provideDbxFirebaseAuth, provideDbxFirebaseCollectionStoreDirective, provideDbxFirebaseCollectionWithParentStoreDirective, provideDbxFirebaseDevelopment, provideDbxFirebaseDocumentStoreContextStore, provideDbxFirebaseDocumentStoreDirective, provideDbxFirebaseDocumentStoreTwoWayKeyProvider, provideDbxFirebaseEmulator, provideDbxFirebaseFunctions, provideDbxFirebaseLogin, provideDbxFirebaseModelContextService, provideDbxFirebaseModelEntitiesWidgetService, provideDbxFirebaseNotifications, provideDbxFirebaseStorageFileService, provideDbxFirestoreCollection, provideNotificationFirestoreCollections, provideStorageFileFirestoreCollections, provideSystemStateFirestoreCollections, providedDbxFirebaseStorage, readDbxAnalyticsUserPropertiesFromAuthUserInfo, readValueFromIdToken, setParentStoreEffect, stateFromTokenForLoggedInUserFunction, storageFileUploadFiles, storageFileUploadHandler };
 //# sourceMappingURL=dereekb-dbx-firebase.mjs.map