@ngxs/store 3.7.3-dev.master-5abb12a → 3.7.3-dev.master-6ba2ac1

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
@@ -3426,6 +3426,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 +3462,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 +3514,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 +3607,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