@dereekb/dbx-firebase 12.6.18 → 12.6.20

package/fesm2022/dereekb-dbx-firebase.mjs

@@ -3650,6 +3650,8 @@ class DbxFirebaseModelEntitiesEntityComponent {
     }), distinctUntilChanged(), shareReplay(1));
     modelIdentity$ = this.entity$.pipe(map((x) => x.modelIdentity), distinctUntilChanged(), shareReplay(1));
     store$ = this.entity$.pipe(map((x) => x.store), filterMaybe(), distinctUntilChanged(), shareReplay(1));
+    storeName$ = this.store$.pipe(switchMap((x) => x.storeName$), shareReplay(1));
+    displayName$ = combineLatest([this.storeName$, this.entity$]).pipe(map(([storeName, entity]) => entity.name ?? storeName), distinctUntilChanged(), shareReplay(1));
     loadingState$ = this.store$.pipe(switchMap((x) => x.dataLoadingState$));
     currentData$ = this.store$.pipe(switchMap((x) => x.currentData$), shareReplay(1));
     currentWidgetEntry$ = this.modelIdentity$.pipe(map((modelIdentity) => this.entitiesWidgetService.getWidgetEntry(modelIdentity)), distinctUntilChanged(), shareReplay(1));
@@ -3675,6 +3677,7 @@ class DbxFirebaseModelEntitiesEntityComponent {
     }), shareReplay(1));
     widgetInjectionConfig$ = combineLatest([this.currentWidgetEntry$, this.currentEntityWithStore$]).pipe(map(([entry, entity]) => (entity ? this.widgetInjectionConfigFactory(entry, entity) : null)), shareReplay(1));
     hasTypeInfoSignal = toSignal(this.hasTypeInfo$);
+    displayNameSignal = toSignal(this.displayName$);
     displayInfoSignal = toSignal(this.displayInfo$);
     modelIdentitySignal = toSignal(this.modelIdentity$);
     modelTypeSignal = computed(() => this.modelIdentitySignal()?.modelType);
@@ -3687,11 +3690,11 @@ class DbxFirebaseModelEntitiesEntityComponent {
         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 class=\"dbx-hint dbx-small\">{{ modelTypeSignal() }}</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 });
+    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: [{
             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 class=\"dbx-hint dbx-small\">{{ modelTypeSignal() }}</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, 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" }]
         }] });
 
 class DbxFirebaseModelEntitiesComponent {
@@ -4108,11 +4111,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * 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$ = toObservable(this.storeName).pipe(skipInitialMaybe());
     _documentId$ = toObservable(this.documentId).pipe(skipInitialMaybe());
     _key$ = toObservable(this.key).pipe(skipInitialMaybe());
     _flatKey$ = toObservable(this.flatKey).pipe(skipInitialMaybe());
@@ -4138,6 +4143,7 @@ class DbxFirebaseDocumentStoreDirective {
         // sync inputs to store any time the store changes
         this._storeSub.subscription = this._store.subscribe((x) => {
             if (x) {
+                x.setStoreName(this._storeName$);
                 x.setId(this._documentId$);
                 x.setKey(this._key$);
                 x.setFlatKey(this._flatKey$);
@@ -4154,6 +4160,9 @@ class DbxFirebaseDocumentStoreDirective {
         return this._store.value;
     }
     // MARK: Setters
+    setStoreName(storeName) {
+        this.storeName.set(storeName);
+    }
     setDocumentId(documentId) {
         this.documentId.set(documentId);
     }
@@ -4185,7 +4194,7 @@ class DbxFirebaseDocumentStoreDirective {
         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: { 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: { documentId: "documentIdChange", key: "keyChange", flatKey: "flatKeyChange", ref: "refChange", streamMode: "streamModeChange" }, ngImport: i0 });
+    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 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseDocumentStoreDirective, decorators: [{
             type: Directive
@@ -4655,7 +4664,7 @@ function provideDbxFirebaseDocumentStoreContextStore() {
 /**
  * Links a DbxFirebaseDocumentStore to parent DbxFirebaseDocumentStoreContextStore instances.
  *
- * This should be called in an injectable context.
+ * This should be called in an Angular injection context.
  */
 function linkDocumentStoreToParentContextStores(store) {
     const contextStores = inject(DBX_FIREBASE_DOCUMENT_STORE_CONTEXT_STORE_TOKEN, { optional: true });
@@ -4681,6 +4690,7 @@ class AbstractDbxFirebaseDocumentStore extends LockSetComponentStore {
     }
     // MARK: Effects
     // MARK: Accessors
+    storeName$ = this.state$.pipe(map((x) => x.storeName), distinctUntilChanged(), shareReplay(1));
     currentFirestoreCollectionLike$ = this.state$.pipe(map((x) => x.firestoreCollection ?? x.firestoreCollectionLike), distinctUntilChanged(), shareReplay(1));
     currentFirestoreCollection$ = this.state$.pipe(map((x) => x.firestoreCollection), distinctUntilChanged(), shareReplay(1));
     firestoreCollectionLike$ = this.currentFirestoreCollectionLike$.pipe(filterMaybe());
@@ -4776,6 +4786,7 @@ class AbstractDbxFirebaseDocumentStore extends LockSetComponentStore {
     doesNotExist$ = this.exists$.pipe(map((x) => !x), shareReplay(1));
     modelIdentity$ = this.firestoreCollectionLike$.pipe(map((x) => x.modelIdentity), shareReplay(1));
     // MARK: State Changes
+    setStoreName = this.updater((state, storeName) => ({ ...state, storeName }));
     setId = this.updater((state, id) => (id ? { ...state, id, key: undefined, ref: undefined } : { ...state, id }));
     setKey = this.updater((state, key) => (key ? { ...state, key, id: undefined, ref: undefined } : { ...state, key }));
     setFlatKey = this.updater((state, key) => (key ? { ...state, key: inferKeyFromTwoWayFlatFirestoreModelKey(key), id: undefined, ref: undefined } : { ...state, key }));