@dereekb/dbx-firebase 11.0.21 → 11.1.1

package/lib/analytics/analytics.user.source.d.ts

@@ -1,5 +1,5 @@
 import { DbxAnalyticsUser, DbxAnalyticsUserProperties, DbxAnalyticsUserSource } from '@dereekb/dbx-analytics';
-import { FactoryWithRequiredInput, Maybe } from '@dereekb/util';
+import { FactoryWithRequiredInput, type Maybe } from '@dereekb/util';
 import { Observable } from 'rxjs';
 import { AuthUserInfo } from '../auth/auth';
 import { DbxFirebaseAuthService } from '../auth/service/firebase.auth.service';

package/lib/auth/auth.d.ts

@@ -1,5 +1,5 @@
 import { FirebaseAuthToken } from '@dereekb/firebase';
-import { ISO8601DateString, Maybe } from '@dereekb/util';
+import { ISO8601DateString, type Maybe } from '@dereekb/util';
 import { User, UserInfo } from 'firebase/auth';
 export type AuthUserInfo = Omit<UserInfo, 'providerId'> & {
     /**

package/lib/auth/login/login.component.d.ts

@@ -1,5 +1,5 @@
 import { DbxFirebaseLoginMode, FirebaseLoginMethodCategory, FirebaseLoginMethodType } from './login';
-import { ArrayOrValue, Maybe } from '@dereekb/util';
+import { ArrayOrValue, type Maybe } from '@dereekb/util';
 import * as i0 from "@angular/core";
 /**
  * Pre-configured login component that displays all configured login types.

package/lib/auth/login/login.email.content.component.d.ts

@@ -6,7 +6,7 @@ import { EventEmitter, OnDestroy } from '@angular/core';
 import { DbxFirebaseLoginContext } from './login.context';
 import { DbxFirebaseEmailFormValue, DbxFirebaseEmailFormConfig } from './login.email.form.component';
 import { DbxFirebaseLoginMode } from './login';
-import { Maybe } from '@dereekb/util';
+import { type Maybe } from '@dereekb/util';
 import * as i0 from "@angular/core";
 export interface DbxFirebaseLoginEmailContentComponentConfig extends DbxFirebaseEmailFormConfig {
     loginMode: DbxFirebaseLoginMode;

package/lib/auth/login/login.email.form.component.d.ts

@@ -1,6 +1,6 @@
 import { OnDestroy } from '@angular/core';
 import { TextPasswordFieldConfig, AbstractAsyncFormlyFormDirective, DefaultUsernameLoginFieldsValue } from '@dereekb/dbx-form';
-import { Maybe } from '@dereekb/util';
+import { type Maybe } from '@dereekb/util';
 import { FormlyFieldConfig } from '@ngx-formly/core';
 import { Observable } from 'rxjs';
 import { DbxFirebaseLoginMode } from './login';

package/lib/auth/login/register.component.d.ts

@@ -1,5 +1,5 @@
 import { FirebaseLoginMethodCategory, FirebaseLoginMethodType } from './login';
-import { ArrayOrValue, Maybe } from '@dereekb/util';
+import { ArrayOrValue, type Maybe } from '@dereekb/util';
 import * as i0 from "@angular/core";
 /**
  * Pre-configured register component that displays all configured login types and their registration components.

package/lib/auth/service/firebase.auth.service.d.ts

@@ -1,7 +1,7 @@
 import { AuthUserState, DbxAuthService, AuthUserIdentifier, NoAuthUserIdentifier } from '@dereekb/dbx-core';
 import { Auth, User, IdTokenResult, ParsedToken, AuthProvider, PopupRedirectResolver, UserCredential } from '@angular/fire/auth';
 import { Observable } from 'rxjs';
-import { AuthClaims, AuthClaimsObject, AuthRoleClaimsService, AuthRoleSet, Maybe } from '@dereekb/util';
+import { AuthClaims, AuthClaimsObject, AuthRoleClaimsService, AuthRoleSet, type Maybe } from '@dereekb/util';
 import { AuthUserInfo } from '../auth';
 import { FirebaseAuthContextInfo } from '@dereekb/firebase';
 import * as i0 from "@angular/core";

package/lib/development/development.popup.content.component.d.ts

@@ -2,7 +2,7 @@ import { ClickableAnchor, DbxAuthService } from '@dereekb/dbx-core';
 import { OnDestroy, OnInit } from '@angular/core';
 import { DbxWidgetDataPair, TwoColumnsContextStore } from '@dereekb/dbx-web';
 import { WorkUsingContext, IsModifiedFunction } from '@dereekb/rxjs';
-import { Maybe } from '@dereekb/util';
+import { type Maybe } from '@dereekb/util';
 import { Observable } from 'rxjs';
 import { DbxFirebaseDevelopmentWidgetService } from './development.widget.service';
 import { DbxFirebaseDevelopmentSchedulerService } from './development.scheduler.service';
@@ -19,7 +19,7 @@ export declare class DbxFirebaseDevelopmentPopupContentComponent implements OnIn
     readonly showEmulatorButton: boolean;
     readonly emulatorUIAnchor: ClickableAnchor;
     readonly entries: import("@dereekb/dbx-firebase").DbxFirebaseDevelopmentWidgetEntry[];
-    private _activeEntrySelector;
+    private readonly _activeEntrySelector;
     readonly isLoggedIn$: Observable<boolean>;
     readonly entries$: Observable<import("@dereekb/dbx-firebase").DbxFirebaseDevelopmentWidgetEntry[]>;
     readonly formConfig$: Observable<{

package/lib/development/development.popup.content.form.component.d.ts

@@ -1,5 +1,5 @@
 import { AbstractConfigAsyncFormlyFormDirective } from '@dereekb/dbx-form';
-import { Maybe } from '@dereekb/util';
+import { type Maybe } from '@dereekb/util';
 import { FormlyFieldConfig } from '@ngx-formly/core';
 import { Observable } from 'rxjs';
 import { DbxFirebaseDevelopmentWidgetEntry } from './development.widget';

package/lib/development/development.widget.d.ts

@@ -1,6 +1,6 @@
 import { DbxWidgetEntry } from '@dereekb/dbx-web';
-export interface DbxFirebaseDevelopmentWidgetEntry {
-    readonly label: string;
+import { LabelRef } from '@dereekb/util';
+export interface DbxFirebaseDevelopmentWidgetEntry extends Readonly<LabelRef> {
     /**
      * Widget entry for this provider.
      */

package/lib/development/development.widget.service.d.ts

@@ -13,7 +13,7 @@ export declare const DEFAULT_FIREBASE_DEVELOPMENT_WIDGET_PROVIDERS_TOKEN: Inject
  */
 export declare class DbxFirebaseDevelopmentWidgetService {
     readonly dbxWidgetService: DbxWidgetService;
-    private _entries;
+    private readonly _entries;
     constructor(defaultEntries: DbxFirebaseDevelopmentWidgetEntry[]);
     /**
      * Used to register a provider. If a provider is already registered, this will override it by default.

package/lib/firebase/firebase.emulator.service.d.ts

@@ -1,5 +1,5 @@
 import { ClickableUrl } from '@dereekb/dbx-core';
-import { Maybe } from '@dereekb/util';
+import { type Maybe } from '@dereekb/util';
 import { DbxFirebaseParsedEmulatorsConfig } from './emulators';
 import * as i0 from "@angular/core";
 export declare class DbxFirebaseEmulatorService {

package/lib/firestore/firebase.firestore.module.d.ts

@@ -1,17 +1,24 @@
 import { ModuleWithProviders } from '@angular/core';
-import { FirestoreContext, SystemStateFirestoreCollections } from '@dereekb/firebase';
+import { FirestoreContext, NotificationFirestoreCollections, SystemStateFirestoreCollections } from '@dereekb/firebase';
 import { ClassLikeType } from '@dereekb/util';
 import * as i0 from "@angular/core";
 export declare function provideSystemStateFirestoreCollections(appCollection: SystemStateFirestoreCollections): SystemStateFirestoreCollections;
+export declare function provideNotificationFirestoreCollections(appCollection: NotificationFirestoreCollections): NotificationFirestoreCollections;
 export interface DbxFirebaseFirestoreCollectionModuleConfig<T> {
-    appCollectionClass: ClassLikeType<T>;
-    collectionFactory: (context: FirestoreContext) => T;
+    readonly appCollectionClass: ClassLikeType<T>;
+    readonly collectionFactory: (context: FirestoreContext) => T;
     /**
      * Whether or not to provide the SystemStateFirestoreCollections.
      *
      * True by default.
      */
-    provideSystemStateFirestoreCollections?: boolean;
+    readonly provideSystemStateFirestoreCollections?: boolean;
+    /**
+     * Whether or not to provide the NotificationFirestoreCollections.
+     *
+     * False by default.
+     */
+    readonly provideNotificationFirestoreCollections?: boolean;
 }
 /**
  * Used to initialize the FirestoreCollection for a DbxFirebase app.

package/lib/index.d.ts

@@ -5,6 +5,7 @@ export * from './firebase';
 export * from './firestore';
 export * from './function';
 export * from './model';
+export * from './modules';
 export * from './pipe';
 export * from './router';
 export * from './storage';

package/lib/model/loader/document.loader.instance.d.ts

@@ -1,7 +1,7 @@
 import { ObservableOrValue, PageListLoadingState, SubscriptionObject } from '@dereekb/rxjs';
 import { BehaviorSubject, Subject, Observable } from 'rxjs';
 import { DocumentDataWithIdAndKey, DocumentReference, DocumentSnapshot, FirestoreDocument, FirestoreDocumentAccessor, FirestoreModelKey, LimitedFirestoreDocumentAccessor } from '@dereekb/firebase';
-import { ArrayOrValue, Destroyable, Maybe } from '@dereekb/util';
+import { ArrayOrValue, Destroyable, type Maybe } from '@dereekb/util';
 import { DbxFirebaseDocumentLoader, DbxLimitedFirebaseDocumentLoader } from './document.loader';
 export interface DbxFirebaseDocumentLoaderInstanceInitConfig<T, D extends FirestoreDocument<T> = FirestoreDocument<T>, A extends LimitedFirestoreDocumentAccessor<T, D> = LimitedFirestoreDocumentAccessor<T, D>> {
     readonly accessor: A;

package/lib/model/modules/model/model.history.component.d.ts

@@ -1,12 +1,12 @@
 import { OnDestroy } from '@angular/core';
 import { AnchorForValueFunction } from '@dereekb/dbx-web';
-import { Maybe } from '@dereekb/util';
+import { type Maybe } from '@dereekb/util';
 import { DbxFirebaseModelTrackerHistoryFilter, DbxFirebaseModelTrackerService } from './model.tracker.service';
 import { DbxFirebaseModelTypesServiceInstancePair } from './model.types.service';
 import * as i0 from "@angular/core";
 export declare class DbxFirebaseModelHistoryComponent implements OnDestroy {
     readonly dbxFirebaseModelTrackerService: DbxFirebaseModelTrackerService;
-    private _historyFilter;
+    private readonly _historyFilter;
     anchorForItem?: Maybe<AnchorForValueFunction<DbxFirebaseModelTypesServiceInstancePair>>;
     get historyFilter(): Maybe<DbxFirebaseModelTrackerHistoryFilter>;
     set historyFilter(historyFilter: Maybe<DbxFirebaseModelTrackerHistoryFilter>);

package/lib/model/modules/model/model.history.popover.component.d.ts

@@ -1,7 +1,7 @@
 import { ElementRef } from '@angular/core';
 import { NgPopoverRef } from 'ng-overlay-container';
 import { AbstractPopoverDirective, AnchorForValueFunction, DbxPopoverKey, DbxPopoverService } from '@dereekb/dbx-web';
-import { Maybe } from '@dereekb/util';
+import { type Maybe } from '@dereekb/util';
 import { DbxFirebaseModelTypesServiceInstancePair } from './model.types.service';
 import { DbxFirebaseModelTrackerHistoryFilter } from './model.tracker.service';
 import * as i0 from "@angular/core";
@@ -35,7 +35,7 @@ export interface DbxFirebaseModelHistoryPopoverParams {
      */
     anchorForItem?: Maybe<AnchorForValueFunction<DbxFirebaseModelTypesServiceInstancePair>>;
 }
-export declare const DEFAULT_FIREBASE_HISTORY_COMPONENT_POPOVER_KEY = "history";
+export declare const DEFAULT_DBX_FIREBASE_MODEL_HISTORY_COMPONENT_POPOVER_KEY = "history";
 export declare class DbxFirebaseModelHistoryPopoverComponent extends AbstractPopoverDirective<unknown, DbxFirebaseModelHistoryPopoverParams> {
     static openPopover(popupService: DbxPopoverService, { origin, header, icon, emptyText, historyFilter, anchorForItem }: DbxFirebaseModelHistoryPopoverParams, popoverKey?: DbxPopoverKey): NgPopoverRef;
     get params(): DbxFirebaseModelHistoryPopoverParams;

package/lib/model/modules/model/model.types.list.component.d.ts

@@ -1,7 +1,7 @@
 import { AbstractDbxSelectionListWrapperDirective, AbstractDbxValueListViewItemComponent, AbstractDbxSelectionListViewDirective, DbxSelectionValueListViewConfig, DbxValueAsListItem } from '@dereekb/dbx-web';
 import { DbxFirebaseModelTypesServiceInstancePair } from './model.types.service';
 import * as i0 from "@angular/core";
-export type DbxFirestoreModelTypeInstanceItem = DbxValueAsListItem<DbxFirebaseModelTypesServiceInstancePair>;
+export type DbxFirebaseModelTypeInstanceItem = DbxValueAsListItem<DbxFirebaseModelTypesServiceInstancePair>;
 /**
  * Renders an item as configured from the DbxFirebaseModelTypesServiceInstancePair.
  */
@@ -11,7 +11,7 @@ export declare class DbxFirebaseModelTypeInstanceComponent extends AbstractDbxSe
     static ɵcmp: i0.ɵɵComponentDeclaration<DbxFirebaseModelTypeInstanceComponent, "dbx-firebase-model-type-instance-list", never, {}, {}, never, ["[top]", "[bottom]", "[empty]", "[emptyLoading]"], false, never>;
 }
 export declare class DbxFirebaseModelTypeInstanceViewComponent extends AbstractDbxSelectionListViewDirective<DbxFirebaseModelTypesServiceInstancePair> {
-    readonly config: DbxSelectionValueListViewConfig<DbxFirestoreModelTypeInstanceItem>;
+    readonly config: DbxSelectionValueListViewConfig<DbxFirebaseModelTypeInstanceItem>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFirebaseModelTypeInstanceViewComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DbxFirebaseModelTypeInstanceViewComponent, "dbx-firebase-model-type-instance-list-view", never, {}, {}, never, never, false, never>;
 }

package/lib/model/modules/model/model.types.service.d.ts

@@ -74,12 +74,13 @@ export interface DbxFirebaseModelTypesServiceInstance<D extends FirestoreDocumen
     readonly dbxFirebaseModelTypesService: DbxFirebaseModelTypesService;
     readonly key$: Observable<string>;
     readonly modelType$: Observable<string>;
-    readonly snapshotData$: Observable<FirestoreDocumentData<D>>;
+    readonly snapshotData$: Observable<Maybe<FirestoreDocumentData<D>>>;
     readonly typeInfo$: Observable<DbxFirebaseModelTypeInfo<unknown>>;
     readonly identity$: Observable<FirestoreModelIdentity>;
     readonly segueRef$: Observable<Maybe<SegueRef>>;
     readonly displayInfo$: Observable<DbxFirebaseModelDisplayInfo>;
     readonly clickableSegueRef$: Observable<Maybe<ClickableAnchorLinkSegueRef>>;
+    readonly safeInstancePair$: Observable<Maybe<DbxFirebaseModelTypesServiceInstancePair>>;
     readonly instancePair$: Observable<DbxFirebaseModelTypesServiceInstancePair>;
 }
 export declare function dbxFirebaseModelTypesServiceInstance<D extends FirestoreDocument<any> = any, R extends GrantedRole = GrantedRole>(modelInfoInstance$: Observable<DbxFirebaseInContextFirebaseModelInfoServiceInstance<D, R>>, dbxFirebaseModelTypesService: DbxFirebaseModelTypesService): DbxFirebaseModelTypesServiceInstance<D, R>;

package/lib/model/modules/store/index.d.ts

@@ -10,6 +10,9 @@ export * from './store.document.auth.directive';
 export * from './store.document.directive';
 export * from './store.document.router.directive';
 export * from './store.document.router.key.directive';
+export * from './store.document.twoway.key.directive';
+export * from './store.document.twoway.key.source.directive';
+export * from './store.document.twoway.key.source';
 export * from './store.subcollection';
 export * from './store.subcollection.document';
 export * from './store.subcollection.directive';

package/lib/model/modules/store/model.store.module.d.ts

@@ -5,8 +5,10 @@ import * as i3 from "./store.collection.change.directive";
 import * as i4 from "./store.collection.change.if.directive";
 import * as i5 from "./store.document.router.directive";
 import * as i6 from "./store.document.auth.directive";
+import * as i7 from "./store.document.twoway.key.source.directive";
+import * as i8 from "./store.document.twoway.key.directive";
 export declare class DbxFirebaseModelStoreModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFirebaseModelStoreModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxFirebaseModelStoreModule, [typeof i1.DbxFirebaseDocumentStoreRouteKeyDirective, typeof i2.DbxFirebaseCollectionListDirective, typeof i3.DbxFirebaseCollectionChangeDirective, typeof i4.DbxFirebaseCollectionHasChangeDirective, typeof i5.DbxFirebaseDocumentStoreRouteIdDirective, typeof i6.DbxFirebaseDocumentAuthIdDirective], never, [typeof i1.DbxFirebaseDocumentStoreRouteKeyDirective, typeof i2.DbxFirebaseCollectionListDirective, typeof i3.DbxFirebaseCollectionChangeDirective, typeof i4.DbxFirebaseCollectionHasChangeDirective, typeof i5.DbxFirebaseDocumentStoreRouteIdDirective, typeof i6.DbxFirebaseDocumentAuthIdDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxFirebaseModelStoreModule, [typeof i1.DbxFirebaseDocumentStoreRouteKeyDirective, typeof i2.DbxFirebaseCollectionListDirective, typeof i3.DbxFirebaseCollectionChangeDirective, typeof i4.DbxFirebaseCollectionHasChangeDirective, typeof i5.DbxFirebaseDocumentStoreRouteIdDirective, typeof i6.DbxFirebaseDocumentAuthIdDirective, typeof i7.DbxFirebaseDocumentStoreTwoWayModelKeySourceDirective, typeof i8.DbxFirebaseDocumentStoreIdFromTwoWayModelKeyDirective], never, [typeof i1.DbxFirebaseDocumentStoreRouteKeyDirective, typeof i2.DbxFirebaseCollectionListDirective, typeof i3.DbxFirebaseCollectionChangeDirective, typeof i4.DbxFirebaseCollectionHasChangeDirective, typeof i5.DbxFirebaseDocumentStoreRouteIdDirective, typeof i6.DbxFirebaseDocumentAuthIdDirective, typeof i7.DbxFirebaseDocumentStoreTwoWayModelKeySourceDirective, typeof i8.DbxFirebaseDocumentStoreIdFromTwoWayModelKeyDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DbxFirebaseModelStoreModule>;
 }

package/lib/model/modules/store/store.collection.change.directive.d.ts

@@ -1,6 +1,6 @@
 import { OnDestroy, OnInit } from '@angular/core';
 import { FirestoreDocument } from '@dereekb/firebase';
-import { Maybe } from '@dereekb/util';
+import { type Maybe } from '@dereekb/util';
 import { DbxFirebaseCollectionStore } from './store.collection';
 import { DbxFirebaseCollectionStoreDirective } from './store.collection.directive';
 import { DbxFirebaseCollectionChangeWatcher, DbxFirebaseCollectionChangeWatcherEvent, DbxFirebaseCollectionChangeWatcherTriggerMode } from '../../loader/collection.change.watcher';

package/lib/model/modules/store/store.collection.change.if.directive.d.ts

@@ -3,7 +3,7 @@ import { AbstractIfDirective } from '@dereekb/dbx-core';
 import { Observable } from 'rxjs';
 import { DbxFirebaseCollectionChangeDirective } from './store.collection.change.directive';
 import { IterationQueryDocChangeWatcherChangeType } from '@dereekb/firebase';
-import { Maybe } from '@dereekb/util';
+import { type Maybe } from '@dereekb/util';
 import * as i0 from "@angular/core";
 export type DbxFirebaseCollectionHasChangeDirectiveMode = 'all' | IterationQueryDocChangeWatcherChangeType;
 /**

package/lib/model/modules/store/store.document.directive.d.ts

@@ -1,25 +1,29 @@
 import { OnDestroy, Provider, Type } from '@angular/core';
-import { DocumentReference, FirestoreAccessorStreamMode, FirestoreDocument, FirestoreModelKey, FirestoreModelId } from '@dereekb/firebase';
-import { Maybe } from '@dereekb/util';
+import { DocumentReference, FirestoreAccessorStreamMode, FirestoreDocument, FirestoreModelKey, FirestoreModelId, TwoWayFlatFirestoreModelKey } from '@dereekb/firebase';
+import { ModelKey, type Maybe } from '@dereekb/util';
 import { DbxFirebaseDocumentStore } from './store.document';
+import { Observable, Subscription } from 'rxjs';
+import { DbxRouteModelIdDirectiveDelegate, DbxRouteModelKeyDirectiveDelegate } from '@dereekb/dbx-core';
+import { DbxFirebaseDocumentStoreTwoWayKeyProvider } from './store.document.twoway.key.source';
 import * as i0 from "@angular/core";
 /**
  * Abstract directive that contains a DbxFirebaseDocumentStore and provides an interface for communicating with other directives.
  */
-export declare abstract class DbxFirebaseDocumentStoreDirective<T = unknown, D extends FirestoreDocument<T> = FirestoreDocument<T>, S extends DbxFirebaseDocumentStore<T, D> = DbxFirebaseDocumentStore<T, D>> implements OnDestroy {
+export declare abstract class DbxFirebaseDocumentStoreDirective<T = unknown, D extends FirestoreDocument<T> = FirestoreDocument<T>, S extends DbxFirebaseDocumentStore<T, D> = DbxFirebaseDocumentStore<T, D>> implements DbxFirebaseDocumentStoreTwoWayKeyProvider, DbxRouteModelIdDirectiveDelegate, DbxRouteModelKeyDirectiveDelegate, OnDestroy {
     private readonly _store;
-    readonly store$: import("rxjs").Observable<S>;
-    readonly exists$: import("rxjs").Observable<boolean>;
-    readonly document$: import("rxjs").Observable<D>;
-    readonly documentLoadingState$: import("rxjs").Observable<import("@dereekb/rxjs").LoadingState<D>>;
-    readonly id$: import("rxjs").Observable<string>;
-    readonly key$: import("rxjs").Observable<string>;
-    readonly ref$: import("rxjs").Observable<DocumentReference<T>>;
-    readonly snapshot$: import("rxjs").Observable<import("@dereekb/firebase").DocumentSnapshot<T>>;
-    readonly snapshotLoadingState$: import("rxjs").Observable<import("@dereekb/rxjs").LoadingState<import("@dereekb/firebase").DocumentSnapshot<T>>>;
-    readonly modelIdentity$: import("rxjs").Observable<import("@dereekb/firebase").FirestoreModelIdentity>;
-    readonly data$: import("rxjs").Observable<import("@dereekb/firebase").DocumentDataWithIdAndKey<T>>;
-    readonly loadingState$: import("rxjs").Observable<import("@dereekb/rxjs").LoadingState<import("@dereekb/firebase").DocumentDataWithIdAndKey<T>>>;
+    readonly store$: Observable<S>;
+    readonly exists$: Observable<boolean>;
+    readonly document$: Observable<D>;
+    readonly documentLoadingState$: Observable<import("@dereekb/rxjs").LoadingState<D>>;
+    readonly id$: Observable<string>;
+    readonly key$: Observable<string>;
+    readonly twoWayFlatKey$: Observable<string>;
+    readonly ref$: Observable<DocumentReference<T>>;
+    readonly snapshot$: Observable<import("@dereekb/firebase").DocumentSnapshot<T>>;
+    readonly snapshotLoadingState$: Observable<import("@dereekb/rxjs").LoadingState<import("@dereekb/firebase").DocumentSnapshot<T>>>;
+    readonly modelIdentity$: Observable<import("@dereekb/firebase").FirestoreModelIdentity>;
+    readonly data$: Observable<import("@dereekb/firebase").DocumentDataWithIdAndKey<T>>;
+    readonly loadingState$: Observable<import("@dereekb/rxjs").LoadingState<import("@dereekb/firebase").DocumentDataWithIdAndKey<T>>>;
     constructor(store: S);
     ngOnDestroy(): void;
     get store(): S;
@@ -27,12 +31,15 @@ export declare abstract class DbxFirebaseDocumentStoreDirective<T = unknown, D e
      * Replaces the internal store.
      */
     replaceStore(store: S): void;
+    useRouteModelIdParamsObservable(idFromParams: Observable<Maybe<ModelKey>>): Subscription;
+    useRouteModelKeyParamsObservable(keyFromParams: Observable<Maybe<ModelKey>>): Subscription;
     set documentId(documentId: Maybe<FirestoreModelId>);
     set key(key: Maybe<FirestoreModelKey>);
+    set flatKey(flatKey: Maybe<TwoWayFlatFirestoreModelKey>);
     set ref(ref: Maybe<DocumentReference<T>>);
     set streamMode(streamMode: FirestoreAccessorStreamMode);
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFirebaseDocumentStoreDirective<any, any, any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxFirebaseDocumentStoreDirective<any, any, any>, never, never, { "documentId": { "alias": "documentId"; "required": false; }; "key": { "alias": "key"; "required": false; }; "ref": { "alias": "ref"; "required": false; }; "streamMode": { "alias": "streamMode"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxFirebaseDocumentStoreDirective<any, any, any>, never, never, { "documentId": { "alias": "documentId"; "required": false; }; "key": { "alias": "key"; "required": false; }; "flatKey": { "alias": "flatKey"; "required": false; }; "ref": { "alias": "ref"; "required": false; }; "streamMode": { "alias": "streamMode"; "required": false; }; }, {}, never, never, false, never>;
 }
 /**
  * Configures providers for a DbxFirebaseDocumentStoreDirective.

package/lib/model/modules/store/store.document.router.directive.d.ts

@@ -1,23 +1,15 @@
-import { Observable } from 'rxjs';
-import { OnDestroy, OnInit } from '@angular/core';
-import { DbxRouterService, AbstractSubscriptionDirective } from '@dereekb/dbx-core';
-import { DbxFirebaseDocumentStoreDirective } from './store.document.directive';
+import { DbxRouteModelIdDirective } from '@dereekb/dbx-core';
 import { Maybe, ModelKey } from '@dereekb/util';
 import { MaybeObservableOrValueGetter, SwitchMapToDefaultFilterFunction } from '@dereekb/rxjs';
 import * as i0 from "@angular/core";
 /**
  * Used for synchronizing the document store id to the param of the route.
+ *
+ * @deprecated use DbxRouteModelIdDirective instead.
  */
-export declare class DbxFirebaseDocumentStoreRouteIdDirective<T = unknown> extends AbstractSubscriptionDirective implements OnInit, OnDestroy {
-    readonly dbxFirebaseDocumentStoreDirective: DbxFirebaseDocumentStoreDirective<T, import("dist/packages/firebase/src").FirestoreDocument<T, import("dist/packages/firebase/src").FirestoreModelIdentity>, import("@dereekb/dbx-firebase").DbxFirebaseDocumentStore<T, import("dist/packages/firebase/src").FirestoreDocument<T, import("dist/packages/firebase/src").FirestoreModelIdentity>>>;
-    readonly dbxRouterService: DbxRouterService;
-    private readonly _redirectInstance;
-    readonly idFromParams$: Observable<Maybe<ModelKey>>;
-    readonly id$: Observable<Maybe<ModelKey>>;
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    get idParam(): string;
-    set idParam(idParam: string);
+export declare class DbxFirebaseDocumentStoreRouteIdDirective<T = unknown> extends DbxRouteModelIdDirective {
+    get dbxFirebaseDocumentStoreRouteId(): string;
+    set dbxFirebaseDocumentStoreRouteId(idParam: string);
     set dbxFirebaseDocumentStoreRouteIdDefault(defaultValue: MaybeObservableOrValueGetter<ModelKey>);
     /**
      * Whether or not to enable the redirection. Is enabled by default.
@@ -25,5 +17,5 @@ export declare class DbxFirebaseDocumentStoreRouteIdDirective<T = unknown> exten
     set dbxFirebaseDocumentStoreRouteIdDefaultRedirect(redirect: Maybe<boolean> | '');
     set dbxFirebaseDocumentStoreRouteIdDefaultDecision(decider: string | SwitchMapToDefaultFilterFunction<ModelKey>);
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFirebaseDocumentStoreRouteIdDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxFirebaseDocumentStoreRouteIdDirective<any>, "[dbxFirebaseDocumentStoreRouteId]", never, { "idParam": { "alias": "dbxFirebaseDocumentStoreRouteId"; "required": false; }; "dbxFirebaseDocumentStoreRouteIdDefault": { "alias": "dbxFirebaseDocumentStoreRouteIdDefault"; "required": false; }; "dbxFirebaseDocumentStoreRouteIdDefaultRedirect": { "alias": "dbxFirebaseDocumentStoreRouteIdDefaultRedirect"; "required": false; }; "dbxFirebaseDocumentStoreRouteIdDefaultDecision": { "alias": "dbxFirebaseDocumentStoreRouteIdDefaultDecision"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxFirebaseDocumentStoreRouteIdDirective<any>, "[dbxFirebaseDocumentStoreRouteId]", never, { "dbxFirebaseDocumentStoreRouteId": { "alias": "dbxFirebaseDocumentStoreRouteId"; "required": false; }; "dbxFirebaseDocumentStoreRouteIdDefault": { "alias": "dbxFirebaseDocumentStoreRouteIdDefault"; "required": false; }; "dbxFirebaseDocumentStoreRouteIdDefaultRedirect": { "alias": "dbxFirebaseDocumentStoreRouteIdDefaultRedirect"; "required": false; }; "dbxFirebaseDocumentStoreRouteIdDefaultDecision": { "alias": "dbxFirebaseDocumentStoreRouteIdDefaultDecision"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/model/modules/store/store.document.router.key.directive.d.ts

@@ -1,24 +1,18 @@
-import { Observable } from 'rxjs';
-import { OnDestroy, OnInit } from '@angular/core';
-import { DbxRouterService, AbstractSubscriptionDirective } from '@dereekb/dbx-core';
+import { DbxRouteModelKeyDirective } from '@dereekb/dbx-core';
 import { DbxFirebaseDocumentStoreDirective } from './store.document.directive';
 import { Maybe, ModelKey } from '@dereekb/util';
 import { MaybeObservableOrValueGetter, SwitchMapToDefaultFilterFunction } from '@dereekb/rxjs';
-import { TwoWayFlatFirestoreModelKey } from '@dereekb/firebase';
 import * as i0 from "@angular/core";
 /**
  * Used for synchronizing the document store key to the param of the route. The param is interpreted as a TwoWayFlatFirestoreModelKey.
+ *
+ * @deprecated use DbxRouteModelKeyDirective instead.
  */
-export declare class DbxFirebaseDocumentStoreRouteKeyDirective<T = unknown> extends AbstractSubscriptionDirective implements OnInit, OnDestroy {
-    readonly dbxFirebaseDocumentStoreDirective: DbxFirebaseDocumentStoreDirective<T, import("@dereekb/firebase").FirestoreDocument<T, import("@dereekb/firebase").FirestoreModelIdentity>, import("@dereekb/dbx-firebase").DbxFirebaseDocumentStore<T, import("@dereekb/firebase").FirestoreDocument<T, import("@dereekb/firebase").FirestoreModelIdentity>>>;
-    readonly dbxRouterService: DbxRouterService;
-    private readonly _redirectInstance;
-    readonly keyFromParams$: Observable<Maybe<ModelKey>>;
-    readonly key$: Observable<Maybe<TwoWayFlatFirestoreModelKey>>;
+export declare class DbxFirebaseDocumentStoreRouteKeyDirective<T = unknown> extends DbxRouteModelKeyDirective {
+    readonly dbxFirebaseDocumentStoreDirective: DbxFirebaseDocumentStoreDirective<T, import("dist/packages/firebase/src").FirestoreDocument<T, import("dist/packages/firebase/src").FirestoreModelIdentity>, import("@dereekb/dbx-firebase").DbxFirebaseDocumentStore<T, import("dist/packages/firebase/src").FirestoreDocument<T, import("dist/packages/firebase/src").FirestoreModelIdentity>>>;
     ngOnInit(): void;
-    ngOnDestroy(): void;
-    get keyParam(): string;
-    set keyParam(idParam: string);
+    get dbxFirebaseDocumentStoreRouteKey(): string;
+    set dbxFirebaseDocumentStoreRouteKey(keyParam: string);
     set dbxFirebaseDocumentStoreRouteKeyDefault(defaultValue: MaybeObservableOrValueGetter<ModelKey>);
     /**
      * Whether or not to enable the redirection. Is enabled by default.
@@ -26,5 +20,5 @@ export declare class DbxFirebaseDocumentStoreRouteKeyDirective<T = unknown> exte
     set dbxFirebaseDocumentStoreRouteKeyDefaultRedirect(redirect: Maybe<boolean> | '');
     set dbxFirebaseDocumentStoreRouteKeyDefaultDecision(decider: string | SwitchMapToDefaultFilterFunction<ModelKey>);
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFirebaseDocumentStoreRouteKeyDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxFirebaseDocumentStoreRouteKeyDirective<any>, "[dbxFirebaseDocumentStoreRouteKey]", never, { "keyParam": { "alias": "dbxFirebaseDocumentStoreRouteKey"; "required": false; }; "dbxFirebaseDocumentStoreRouteKeyDefault": { "alias": "dbxFirebaseDocumentStoreRouteKeyDefault"; "required": false; }; "dbxFirebaseDocumentStoreRouteKeyDefaultRedirect": { "alias": "dbxFirebaseDocumentStoreRouteKeyDefaultRedirect"; "required": false; }; "dbxFirebaseDocumentStoreRouteKeyDefaultDecision": { "alias": "dbxFirebaseDocumentStoreRouteKeyDefaultDecision"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxFirebaseDocumentStoreRouteKeyDirective<any>, "[dbxFirebaseDocumentStoreRouteKey]", never, { "dbxFirebaseDocumentStoreRouteKey": { "alias": "dbxFirebaseDocumentStoreRouteKey"; "required": false; }; "dbxFirebaseDocumentStoreRouteKeyDefault": { "alias": "dbxFirebaseDocumentStoreRouteKeyDefault"; "required": false; }; "dbxFirebaseDocumentStoreRouteKeyDefaultRedirect": { "alias": "dbxFirebaseDocumentStoreRouteKeyDefaultRedirect"; "required": false; }; "dbxFirebaseDocumentStoreRouteKeyDefaultDecision": { "alias": "dbxFirebaseDocumentStoreRouteKeyDefaultDecision"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/model/modules/store/store.document.twoway.key.directive.d.ts

@@ -0,0 +1,15 @@
+import { OnInit } from '@angular/core';
+import { DbxFirebaseDocumentStoreDirective } from './store.document.directive';
+import { DbxFirebaseDocumentStoreTwoWayKeyProvider } from './store.document.twoway.key.source';
+import { AbstractSubscriptionDirective } from '@dereekb/dbx-core';
+import * as i0 from "@angular/core";
+/**
+ * Used for providing an id from the twoWayFlatKey$ from a DbxFirebaseDocumentStoreTwoWayKeyProvider.
+ */
+export declare class DbxFirebaseDocumentStoreIdFromTwoWayModelKeyDirective extends AbstractSubscriptionDirective implements OnInit {
+    readonly dbxFirebaseDocumentStoreDirective: DbxFirebaseDocumentStoreDirective<unknown, import("dist/packages/firebase/src").FirestoreDocument<unknown, import("dist/packages/firebase/src").FirestoreModelIdentity>, import("@dereekb/dbx-firebase").DbxFirebaseDocumentStore<unknown, import("dist/packages/firebase/src").FirestoreDocument<unknown, import("dist/packages/firebase/src").FirestoreModelIdentity>>>;
+    readonly dbxFirebaseDocumentStoreTwoWayKeyProvider: DbxFirebaseDocumentStoreTwoWayKeyProvider;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxFirebaseDocumentStoreIdFromTwoWayModelKeyDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxFirebaseDocumentStoreIdFromTwoWayModelKeyDirective, "[dbxFirebaseDocumentStoreIdFromTwoWayModelKey]", never, {}, {}, never, never, false, never>;
+}

package/lib/model/modules/store/store.document.twoway.key.source.d.ts

@@ -0,0 +1,10 @@
+import { Type, Provider } from '@angular/core';
+import { TwoWayFlatFirestoreModelKey } from '@dereekb/firebase';
+import { Observable } from 'rxjs';
+export declare abstract class DbxFirebaseDocumentStoreTwoWayKeyProvider {
+    abstract readonly twoWayFlatKey$: Observable<TwoWayFlatFirestoreModelKey>;
+}
+/**
+ * Configures Providers for a DbxFirebaseDocumentStoreTwoWayKeyProvider.
+ */
+export declare function provideDbxFirebaseDocumentStoreTwoWayKeyProvider<S extends DbxFirebaseDocumentStoreTwoWayKeyProvider>(sourceType: Type<S>): Provider[];

package/lib/model/modules/store/store.document.twoway.key.source.directive.d.ts

@@ -0,0 +1,13 @@
+import { Observable } from 'rxjs';
+import { DbxFirebaseDocumentStoreDirective } from './store.document.directive';
+import { DbxFirebaseDocumentStoreTwoWayKeyProvider } from './store.document.twoway.key.source';
+import * as i0 from "@angular/core";
+/**
+ * Directive that implements DbxFirebaseDocumentStoreTwoWayKeyProvider and passes the twoWayFlatKey from a host DbxFirebaseDocumentStoreDirective.
+ */
+export declare class DbxFirebaseDocumentStoreTwoWayModelKeySourceDirective implements DbxFirebaseDocumentStoreTwoWayKeyProvider {
+    readonly dbxFirebaseDocumentStoreDirective: DbxFirebaseDocumentStoreDirective<unknown, import("dist/packages/firebase/src").FirestoreDocument<unknown, import("dist/packages/firebase/src").FirestoreModelIdentity>, import("@dereekb/dbx-firebase").DbxFirebaseDocumentStore<unknown, import("dist/packages/firebase/src").FirestoreDocument<unknown, import("dist/packages/firebase/src").FirestoreModelIdentity>>>;
+    readonly twoWayFlatKey$: Observable<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxFirebaseDocumentStoreTwoWayModelKeySourceDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxFirebaseDocumentStoreTwoWayModelKeySourceDirective, "[dbxFirebaseDocumentStoreTwoWayModelKeySource]", never, {}, {}, never, never, false, never>;
+}

package/lib/model/modules/store/store.subcollection.d.ts

@@ -1,4 +1,4 @@
-import { Maybe } from '@dereekb/util';
+import { type Maybe } from '@dereekb/util';
 import { ObservableOrValue } from '@dereekb/rxjs';
 import { Observable, Subscription } from 'rxjs';
 import { FirestoreCollectionGroup, FirestoreCollectionWithParentFactory, FirestoreDocument } from '@dereekb/firebase';

package/lib/model/modules/store/store.subcollection.directive.d.ts

@@ -1,6 +1,6 @@
 import { Provider, Type } from '@angular/core';
 import { FirestoreDocument } from '@dereekb/firebase';
-import { Maybe } from '@dereekb/util';
+import { type Maybe } from '@dereekb/util';
 import { DbxFirebaseCollectionStoreDirective } from './store.collection.directive';
 import { DbxFirebaseCollectionWithParentStore, DbxFirebaseComponentStoreWithParentSourceMode } from './store.subcollection';
 import * as i0 from "@angular/core";

package/lib/model/modules/store/store.subcollection.document.d.ts

@@ -1,6 +1,6 @@
 import { Observable, Subscription } from 'rxjs';
 import { FirestoreDocument, FirestoreCollectionWithParentFactory, FirestoreCollection, DocumentReference, FirestoreModelKey } from '@dereekb/firebase';
-import { Maybe } from '@dereekb/util';
+import { type Maybe } from '@dereekb/util';
 import { AbstractDbxFirebaseDocumentStore, DbxFirebaseDocumentStore, DbxFirebaseDocumentStoreContextState } from './store.document';
 import { DbxFirebaseComponentStoreWithParentSetParentStoreEffectFunction, DbxFirebaseComponentStoreWithParent, DbxFirebaseComponentStoreWithParentContextState, DbxFirebaseComponentStoreWithParentSetParentEffectFunction } from './store.subcollection.rxjs';
 import * as i0 from "@angular/core";

package/lib/model/modules/store/store.subcollection.rxjs.d.ts

@@ -1,7 +1,7 @@
 import { LockSetComponentStore } from '@dereekb/dbx-core';
 import { FirestoreCollectionLike, FirestoreCollectionWithParentFactory, FirestoreDocument } from '@dereekb/firebase';
 import { ObservableOrValue } from '@dereekb/rxjs';
-import { Maybe } from '@dereekb/util';
+import { type Maybe } from '@dereekb/util';
 import { ComponentStore } from '@ngrx/component-store';
 import { Observable, Subscription } from 'rxjs';
 import { DbxFirebaseDocumentStore } from './store.document';

package/lib/model/service/model.context.d.ts

@@ -1,6 +1,6 @@
 import { FirestoreDocument, FirestoreDocumentData, DocumentSnapshot, FirestoreAccessorStreamMode, SnapshotOptions, FirestoreModelKey, FirestoreModelType } from '@dereekb/firebase';
 import { GrantedRole, GrantedRoleMap, GrantedRoleMapReader, GrantedRoleTruthMap, GrantedRoleTruthMapObject } from '@dereekb/model';
-import { SetIncludesMode, IterableOrValue } from '@dereekb/util';
+import { SetIncludesMode, IterableOrValue, Maybe } from '@dereekb/util';
 import { Observable } from 'rxjs';
 /**
  * Service instance that exposes roles for a specific model.
@@ -25,9 +25,9 @@ export interface DbxFirebaseInContextFirebaseModelInfoServiceInstance<D extends
     readonly modelType$: Observable<FirestoreModelType>;
     readonly model$: Observable<D>;
     /**
-     * Reads the data from the model once and returns the current state without streaming.
+     * Reads the data from the model once and returns the current state without streaming, if it exists or can be retrieved.
      */
-    readonly snapshotData$: Observable<FirestoreDocumentData<D>>;
+    readonly snapshotData$: Observable<Maybe<FirestoreDocumentData<D>>>;
     snapshotStream(mode: FirestoreAccessorStreamMode): Observable<DocumentSnapshot<FirestoreDocumentData<D>>>;
     snapshotDataStream(mode: FirestoreAccessorStreamMode, options?: SnapshotOptions): Observable<FirestoreDocumentData<D>>;
 }

package/lib/modules/index.d.ts

@@ -0,0 +1 @@
+export * from './notification';

package/lib/modules/notification/component/index.d.ts

@@ -0,0 +1,4 @@
+export * from './notificationitem.list.component';
+export * from './notificationitem.view.component';
+export * from './notificationitem.view.default.component';
+export * from './notificationitem.view.directive';

package/lib/modules/notification/component/notificationitem.content.component.d.ts

@@ -0,0 +1,9 @@
+import { Maybe } from '@dereekb/util';
+import * as i0 from "@angular/core";
+export declare class DbxFirebaseNotificationItemContentComponent {
+    subject?: Maybe<string>;
+    message?: Maybe<string>;
+    date?: Maybe<Date>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxFirebaseNotificationItemContentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFirebaseNotificationItemContentComponent, "dbx-firebase-notificationitem-content", never, { "subject": { "alias": "subject"; "required": false; }; "message": { "alias": "message"; "required": false; }; "date": { "alias": "date"; "required": false; }; }, {}, never, ["[header]", "[premessage]", "*"], false, never>;
+}

package/lib/modules/notification/component/notificationitem.content.scss

@@ -0,0 +1,5 @@
+.dbx-firebase-notificationitem-content {
+  .notificationitem-subject {
+    font-size: 1.25em;
+  }
+}

package/lib/modules/notification/component/notificationitem.list.component.d.ts

@@ -0,0 +1,24 @@
+import { AbstractDbxSelectionListWrapperDirective, AbstractDbxValueListViewItemComponent, AbstractDbxSelectionListViewDirective, DbxSelectionValueListViewConfig, DbxValueAsListItem } from '@dereekb/dbx-web';
+import { NotificationItem } from '@dereekb/firebase';
+import { DbxFirebaseNotificationTemplateService } from '../service/notification.template.service';
+import * as i0 from "@angular/core";
+export type NotificationItemWithSelection = DbxValueAsListItem<NotificationItem>;
+export declare class DbxFirebaseNotificationItemListComponent extends AbstractDbxSelectionListWrapperDirective<NotificationItem> {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxFirebaseNotificationItemListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFirebaseNotificationItemListComponent, "dbx-firebase-notificationitem-list", never, {}, {}, never, ["[top]", "[bottom]", "[empty]", "[emptyLoading]"], false, never>;
+}
+export declare class DbxFirebaseNotificationItemListViewComponent extends AbstractDbxSelectionListViewDirective<NotificationItem> {
+    readonly config: DbxSelectionValueListViewConfig<NotificationItemWithSelection>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxFirebaseNotificationItemListViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFirebaseNotificationItemListViewComponent, "dbx-firebase-notificationitem-list-view", never, {}, {}, never, never, false, never>;
+}
+export declare class DbxFirebaseNotificationItemListViewItemComponent extends AbstractDbxValueListViewItemComponent<NotificationItem> {
+    readonly dbxFirebaseNotificationTemplateService: DbxFirebaseNotificationTemplateService;
+    readonly pairGetter: import("@dereekb/util").CachedFactoryWithInput<import("@dereekb/firebase").NotificationItemSubjectMessagePair<{}>, unknown>;
+    get subject(): string;
+    get message(): string;
+    get date(): Date;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxFirebaseNotificationItemListViewItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFirebaseNotificationItemListViewItemComponent, "ng-component", never, {}, {}, never, never, false, never>;
+}