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

package/bundles/ngxs-store.umd.js

@@ -1391,6 +1391,7 @@
      * 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 {?}
      */
@@ -1405,6 +1406,7 @@
      * RxJS operator for selecting out specific actions.
      *
      * This will ONLY grab actions that have just been dispatched
+     * @template T
      * @param {...?} allowedTypes
      * @return {?}
      */
@@ -1419,6 +1421,7 @@
      * RxJS operator for selecting out specific actions.
      *
      * This will ONLY grab actions that have just been successfully completed
+     * @template T
      * @param {...?} allowedTypes
      * @return {?}
      */
@@ -1433,6 +1436,7 @@
      * RxJS operator for selecting out specific actions.
      *
      * This will ONLY grab actions that have just been canceled
+     * @template T
      * @param {...?} allowedTypes
      * @return {?}
      */
@@ -1447,6 +1451,7 @@
      * RxJS operator for selecting out specific actions.
      *
      * This will ONLY grab actions that have just been completed
+     * @template T
      * @param {...?} allowedTypes
      * @return {?}
      */
@@ -1467,6 +1472,7 @@
      * RxJS operator for selecting out specific actions.
      *
      * This will ONLY grab actions that have just thrown an error
+     * @template T
      * @param {...?} allowedTypes
      * @return {?}
      */
@@ -3644,6 +3650,12 @@
             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), operators.publishReplay(1), operators.refCount());
             this.initStateStream(initialStateValue);
         }
         /**
@@ -3674,7 +3686,7 @@
             var _this = this;
             /** @type {?} */
             var selectorFn = this.getStoreBoundSelectorFn(selector);
-            return this._stateStream.pipe(operators.map(selectorFn), operators.catchError((/**
+            return this._selectableStateStream.pipe(operators.map(selectorFn), operators.catchError((/**
              * @param {?} err
              * @return {?}
              */
@@ -3726,7 +3738,9 @@
          * @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.
@@ -3817,6 +3831,14 @@
         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