@dereekb/dbx-firebase 9.20.19 → 9.21.0

package/fesm2020/dereekb-dbx-firebase.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { Injectable, Optional, InjectionToken, Inject, Component, Input, Directive, EventEmitter, Output, NgModule, Injector, ViewChild, HostListener, forwardRef, Host } from '@angular/core';
 import * as i3 from '@dereekb/dbx-analytics';
-import { asObservable, timeoutStartWith, filterMaybe, isNot, SubscriptionObject, lazyFrom, switchMapWhileTrue, loadingStateFromObs, cleanupDestroyable, accumulatorFlattenPageListLoadingState, useFirst, pageLoadingStateFromObs, useAsObservable, distinctUntilModelKeyChange, successResult, beginLoading, errorResult, cleanup, mapLoadingState } from '@dereekb/rxjs';
+import { asObservable, timeoutStartWith, filterMaybe, isNot, SubscriptionObject, lazyFrom, switchMapWhileTrue, loadingStateFromObs, cleanupDestroyable, accumulatorFlattenPageListLoadingState, useFirst, pageLoadingStateFromObs, useAsObservable, distinctUntilModelKeyChange, tapLog, successResult, beginLoading, errorResult, cleanup, mapLoadingState } from '@dereekb/rxjs';
 import { switchMap, of, shareReplay, map, distinctUntilChanged, catchError, firstValueFrom, BehaviorSubject, combineLatest, first, from, tap, interval, exhaustMap, filter, take, startWith, EMPTY, Subject, throttleTime, NEVER, combineLatestWith } from 'rxjs';
 import * as i2$2 from '@dereekb/dbx-core';
 import { loggedInObsFromIsLoggedIn, loggedOutObsFromIsLoggedIn, authUserIdentifier, DbxInjectionContext, AbstractForwardDbxInjectionContextDirective, DBX_INJECTION_COMPONENT_DATA, DbxInjectionComponentModule, DbxAuthService, AbstractSubscriptionDirective, AbstractIfDirective, DbxRouteParamReaderInstance, DbxRouteParamDefaultRedirectInstance, LockSetComponentStore } from '@dereekb/dbx-core';
@@ -33,7 +33,7 @@ import { provideStorage, getStorage, connectStorageEmulator, Storage } from '@an
 import * as i5 from '@angular/fire/functions';
 import { provideFunctions, getFunctions, connectFunctionsEmulator, Functions } from '@angular/fire/functions';
 import * as i1$5 from '@angular/fire/firestore';
-import { provideFirestore, getFirestore, connectFirestoreEmulator, enableIndexedDbPersistence, Firestore } from '@angular/fire/firestore';
+import { provideFirestore, getFirestore, connectFirestoreEmulator, enableMultiTabIndexedDbPersistence, enableIndexedDbPersistence, Firestore } from '@angular/fire/firestore';
 import { HTTP_INTERCEPTORS } from '@angular/common/http';
 import * as i2$3 from '@angular/material/snack-bar';
 import { __decorate, __param, __metadata } from 'tslib';
@@ -1808,12 +1808,18 @@ DbxFirebaseDefaultFirestoreProviderModule.ɵfac = i0.ɵɵngDeclareFactory({ minV
 DbxFirebaseDefaultFirestoreProviderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: DbxFirebaseDefaultFirestoreProviderModule, imports: [i1$5.FirestoreModule] });
 DbxFirebaseDefaultFirestoreProviderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxFirebaseDefaultFirestoreProviderModule, imports: [provideFirestore(((injector) => {
             const firebaseApp = injector.get(FirebaseApp);
+            const firebaseOptions = injector.get(DBX_FIREBASE_OPTIONS_TOKEN);
             const firestore = getFirestore(firebaseApp);
             const emulators = injector.get(DbxFirebaseParsedEmulatorsConfig, undefined);
             if (emulators?.useEmulators && emulators?.firestore) {
                 connectFirestoreEmulator(firestore, emulators.firestore.host, emulators.firestore.port, {});
             }
-            enableIndexedDbPersistence(firestore);
+            if (firebaseOptions.enableMultiTabIndexedDbPersistence !== false) {
+                enableMultiTabIndexedDbPersistence(firestore);
+            }
+            else if (firebaseOptions.enableIndexedDbPersistence !== false) {
+                enableIndexedDbPersistence(firestore);
+            }
             return firestore;
         }))] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxFirebaseDefaultFirestoreProviderModule, decorators: [{
@@ -1822,12 +1828,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                     imports: [
                         provideFirestore(((injector) => {
                             const firebaseApp = injector.get(FirebaseApp);
+                            const firebaseOptions = injector.get(DBX_FIREBASE_OPTIONS_TOKEN);
                             const firestore = getFirestore(firebaseApp);
                             const emulators = injector.get(DbxFirebaseParsedEmulatorsConfig, undefined);
                             if (emulators?.useEmulators && emulators?.firestore) {
                                 connectFirestoreEmulator(firestore, emulators.firestore.host, emulators.firestore.port, {});
                             }
-                            enableIndexedDbPersistence(firestore);
+                            if (firebaseOptions.enableMultiTabIndexedDbPersistence !== false) {
+                                enableMultiTabIndexedDbPersistence(firestore);
+                            }
+                            else if (firebaseOptions.enableIndexedDbPersistence !== false) {
+                                enableIndexedDbPersistence(firestore);
+                            }
                             return firestore;
                         }))
                     ]
@@ -3385,15 +3397,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
 /**
  * Directive that connects a host DbxListView to a DbxFirebaseCollectionStoreDirective to pass data for rendering items from a collection and query parameters.
  */
-class DbxFirebaseCollectionListDirective {
+class DbxFirebaseCollectionListDirective extends AbstractSubscriptionDirective {
     constructor(dbxFirebaseCollectionStoreDirective, dbxListViewWrapper) {
+        super();
         this.dbxFirebaseCollectionStoreDirective = dbxFirebaseCollectionStoreDirective;
         this.dbxListViewWrapper = dbxListViewWrapper;
-        this.dbxListViewWrapper.state$ = this.dbxFirebaseCollectionStoreDirective.pageLoadingState$;
+        this.dbxListViewWrapper.state$ = this.dbxFirebaseCollectionStoreDirective.pageLoadingState$.pipe(tapLog('xxx'));
+    }
+    ngOnInit() {
+        this.sub = this.dbxListViewWrapper.loadMore?.subscribe(() => {
+            this.dbxFirebaseCollectionStoreDirective.next();
+        });
     }
 }
 DbxFirebaseCollectionListDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxFirebaseCollectionListDirective, deps: [{ token: DbxFirebaseCollectionStoreDirective }, { token: i1$2.DbxListViewWrapper, host: true }], target: i0.ɵɵFactoryTarget.Directive });
-DbxFirebaseCollectionListDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.12", type: DbxFirebaseCollectionListDirective, selector: "[dbxFirebaseCollectionList]", ngImport: i0 });
+DbxFirebaseCollectionListDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.12", type: DbxFirebaseCollectionListDirective, selector: "[dbxFirebaseCollectionList]", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxFirebaseCollectionListDirective, decorators: [{
             type: Directive,
             args: [{