@ngxs/store 3.7.3-dev.master-33cace6 → 3.7.3-dev.master-b00eeb3

package/fesm5/ngxs-store.js

@@ -3,7 +3,7 @@ import { NgZone, Injectable, Inject, PLATFORM_ID, defineInjectable, inject, Inje
 import { isAngularInTestMode, memoize, INITIAL_STATE_TOKEN, NgxsBootstrapper, NGXS_STATE_CONTEXT_FACTORY, NGXS_STATE_FACTORY, InitialState, ensureInjectorNotifierIsCaptured, localInject, ensureLocalInjectorCaptured } from '@ngxs/store/internals';
 import { isPlatformServer } from '@angular/common';
 import { Observable, Subject, BehaviorSubject, of, forkJoin, throwError, EMPTY, from } from 'rxjs';
-import { filter, map, shareReplay, take, exhaustMap, mergeMap, defaultIfEmpty, catchError, takeUntil, tap, distinctUntilChanged } from 'rxjs/operators';
+import { filter, map, shareReplay, take, exhaustMap, mergeMap, defaultIfEmpty, catchError, takeUntil, tap, publishReplay, refCount, distinctUntilChanged } from 'rxjs/operators';
 
 /**
  * @fileoverview added by tsickle
@@ -1173,6 +1173,7 @@ if (false) {
  * RxJS operator for selecting out specific actions.
  *
  * This will grab actions that have just been dispatched as well as actions that have completed
+ * @template T
  * @param {...?} allowedTypes
  * @return {?}
  */
@@ -1187,6 +1188,7 @@ function ofAction() {
  * RxJS operator for selecting out specific actions.
  *
  * This will ONLY grab actions that have just been dispatched
+ * @template T
  * @param {...?} allowedTypes
  * @return {?}
  */
@@ -1201,6 +1203,7 @@ function ofActionDispatched() {
  * RxJS operator for selecting out specific actions.
  *
  * This will ONLY grab actions that have just been successfully completed
+ * @template T
  * @param {...?} allowedTypes
  * @return {?}
  */
@@ -1215,6 +1218,7 @@ function ofActionSuccessful() {
  * RxJS operator for selecting out specific actions.
  *
  * This will ONLY grab actions that have just been canceled
+ * @template T
  * @param {...?} allowedTypes
  * @return {?}
  */
@@ -1229,6 +1233,7 @@ function ofActionCanceled() {
  * RxJS operator for selecting out specific actions.
  *
  * This will ONLY grab actions that have just been completed
+ * @template T
  * @param {...?} allowedTypes
  * @return {?}
  */
@@ -1249,6 +1254,7 @@ function ofActionCompleted() {
  * RxJS operator for selecting out specific actions.
  *
  * This will ONLY grab actions that have just thrown an error
+ * @template T
  * @param {...?} allowedTypes
  * @return {?}
  */
@@ -3426,6 +3432,12 @@ var Store = /** @class */ (function () {
         this._config = _config;
         this._internalExecutionStrategy = _internalExecutionStrategy;
         this._stateFactory = _stateFactory;
+        /**
+         * This is a derived state stream that leaves NGXS execution strategy to emit state changes within the Angular zone,
+         * because state is being changed actually within the `<root>` zone, see `InternalDispatcher#dispatchSingle`.
+         * All selects would use this stream, and it would call leave only once for any state change across all active selectors.
+         */
+        this._selectableStateStream = this._stateStream.pipe(leaveNgxs(this._internalExecutionStrategy), publishReplay(1), refCount());
         this.initStateStream(initialStateValue);
     }
     /**
@@ -3456,7 +3468,7 @@ var Store = /** @class */ (function () {
         var _this = this;
         /** @type {?} */
         var selectorFn = this.getStoreBoundSelectorFn(selector);
-        return this._stateStream.pipe(map(selectorFn), catchError((/**
+        return this._selectableStateStream.pipe(map(selectorFn), catchError((/**
          * @param {?} err
          * @return {?}
          */
@@ -3508,7 +3520,9 @@ var Store = /** @class */ (function () {
      * @return {?}
      */
     function (fn) {
-        return this._stateStream.pipe(leaveNgxs(this._internalExecutionStrategy)).subscribe(fn);
+        return this._selectableStateStream
+            .pipe(leaveNgxs(this._internalExecutionStrategy))
+            .subscribe(fn);
     };
     /**
      * Return the raw value of the state.
@@ -3599,6 +3613,14 @@ var Store = /** @class */ (function () {
     return Store;
 }());
 if (false) {
+    /**
+     * This is a derived state stream that leaves NGXS execution strategy to emit state changes within the Angular zone,
+     * because state is being changed actually within the `<root>` zone, see `InternalDispatcher#dispatchSingle`.
+     * All selects would use this stream, and it would call leave only once for any state change across all active selectors.
+     * @type {?}
+     * @private
+     */
+    Store.prototype._selectableStateStream;
     /**
      * @type {?}
      * @private