@ngxs/store 3.8.0 → 3.8.1

package/bundles/ngxs-store.umd.js

@@ -352,6 +352,103 @@
         return typeof state === "function" ? receiver === state : state.has(receiver);
     }
 
+    /**
+     * Returns the type from an action instance/class.
+     * @ignore
+     */
+    function getActionTypeFromInstance(action) {
+        if (action.constructor && action.constructor.type) {
+            return action.constructor.type;
+        }
+        else {
+            return action.type;
+        }
+    }
+    /**
+     * Matches a action
+     * @ignore
+     */
+    function actionMatcher(action1) {
+        var type1 = getActionTypeFromInstance(action1);
+        return function (action2) {
+            return type1 === getActionTypeFromInstance(action2);
+        };
+    }
+    /**
+     * Set a deeply nested value. Example:
+     *
+     *   setValue({ foo: { bar: { eat: false } } },
+     *      'foo.bar.eat', true) //=> { foo: { bar: { eat: true } } }
+     *
+     * While it traverses it also creates new objects from top down.
+     *
+     * @ignore
+     */
+    var setValue = function (obj, prop, val) {
+        obj = Object.assign({}, obj);
+        var split = prop.split('.');
+        var lastIndex = split.length - 1;
+        split.reduce(function (acc, part, index) {
+            if (index === lastIndex) {
+                acc[part] = val;
+            }
+            else {
+                acc[part] = Array.isArray(acc[part]) ? acc[part].slice() : Object.assign({}, acc[part]);
+            }
+            return acc && acc[part];
+        }, obj);
+        return obj;
+    };
+    /**
+     * Get a deeply nested value. Example:
+     *
+     *    getValue({ foo: bar: [] }, 'foo.bar') //=> []
+     *
+     * @ignore
+     */
+    var getValue = function (obj, prop) { return prop.split('.').reduce(function (acc, part) { return acc && acc[part]; }, obj); };
+    /**
+     * Simple object check.
+     *
+     *    isObject({a:1}) //=> true
+     *    isObject(1) //=> false
+     *
+     * @ignore
+     */
+    var isObject$1 = function (item) {
+        return item && typeof item === 'object' && !Array.isArray(item);
+    };
+    /**
+     * Deep merge two objects.
+     *
+     *    mergeDeep({a:1, b:{x: 1, y:2}}, {b:{x: 3}, c:4}) //=> {a:1, b:{x:3, y:2}, c:4}
+     *
+     * @param base base object onto which `sources` will be applied
+     */
+    var mergeDeep = function (base) {
+        var _a, _b;
+        var sources = [];
+        for (var _i = 1; _i < arguments.length; _i++) {
+            sources[_i - 1] = arguments[_i];
+        }
+        if (!sources.length)
+            return base;
+        var source = sources.shift();
+        if (isObject$1(base) && isObject$1(source)) {
+            for (var key in source) {
+                if (isObject$1(source[key])) {
+                    if (!base[key])
+                        Object.assign(base, (_a = {}, _a[key] = {}, _a));
+                    mergeDeep(base[key], source[key]);
+                }
+                else {
+                    Object.assign(base, (_b = {}, _b[key] = source[key], _b));
+                }
+            }
+        }
+        return mergeDeep.apply(void 0, __spreadArray([base], __read(sources)));
+    };
+
     function throwStateNameError(name) {
         throw new Error(name + " is not a valid state name. It needs to be a valid object property name.");
     }
@@ -444,6 +541,7 @@
         console.warn(getZoneWarningMessage());
     }
 
+    var ROOT_OPTIONS = new i0.InjectionToken('ROOT_OPTIONS');
     var ROOT_STATE_TOKEN = new i0.InjectionToken('ROOT_STATE_TOKEN');
     var FEATURE_STATE_TOKEN = new i0.InjectionToken('FEATURE_STATE_TOKEN');
     var NGXS_PLUGINS = new i0.InjectionToken('NGXS_PLUGINS');
@@ -477,9 +575,14 @@
         return NgxsConfig;
     }());
     /** @nocollapse */ NgxsConfig.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NgxsConfig, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    /** @nocollapse */ NgxsConfig.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NgxsConfig });
+    /** @nocollapse */ NgxsConfig.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NgxsConfig, providedIn: 'root', useFactory: function (options) { return mergeDeep(new NgxsConfig(), options); }, deps: [{ token: ROOT_OPTIONS }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NgxsConfig, decorators: [{
-                type: i0.Injectable
+                type: i0.Injectable,
+                args: [{
+                        providedIn: 'root',
+                        useFactory: function (options) { return mergeDeep(new NgxsConfig(), options); },
+                        deps: [ROOT_OPTIONS]
+                    }]
             }], ctorParameters: function () { return []; } });
     /**
      * Represents a basic change from a previous to a new value for a single state instance.
@@ -777,107 +880,10 @@
      *
      * @ignore
      */
-    function isObject$1(obj) {
+    function isObject(obj) {
         return (typeof obj === 'object' && obj !== null) || typeof obj === 'function';
     }
 
-    /**
-     * Returns the type from an action instance/class.
-     * @ignore
-     */
-    function getActionTypeFromInstance(action) {
-        if (action.constructor && action.constructor.type) {
-            return action.constructor.type;
-        }
-        else {
-            return action.type;
-        }
-    }
-    /**
-     * Matches a action
-     * @ignore
-     */
-    function actionMatcher(action1) {
-        var type1 = getActionTypeFromInstance(action1);
-        return function (action2) {
-            return type1 === getActionTypeFromInstance(action2);
-        };
-    }
-    /**
-     * Set a deeply nested value. Example:
-     *
-     *   setValue({ foo: { bar: { eat: false } } },
-     *      'foo.bar.eat', true) //=> { foo: { bar: { eat: true } } }
-     *
-     * While it traverses it also creates new objects from top down.
-     *
-     * @ignore
-     */
-    var setValue = function (obj, prop, val) {
-        obj = Object.assign({}, obj);
-        var split = prop.split('.');
-        var lastIndex = split.length - 1;
-        split.reduce(function (acc, part, index) {
-            if (index === lastIndex) {
-                acc[part] = val;
-            }
-            else {
-                acc[part] = Array.isArray(acc[part]) ? acc[part].slice() : Object.assign({}, acc[part]);
-            }
-            return acc && acc[part];
-        }, obj);
-        return obj;
-    };
-    /**
-     * Get a deeply nested value. Example:
-     *
-     *    getValue({ foo: bar: [] }, 'foo.bar') //=> []
-     *
-     * @ignore
-     */
-    var getValue = function (obj, prop) { return prop.split('.').reduce(function (acc, part) { return acc && acc[part]; }, obj); };
-    /**
-     * Simple object check.
-     *
-     *    isObject({a:1}) //=> true
-     *    isObject(1) //=> false
-     *
-     * @ignore
-     */
-    var isObject = function (item) {
-        return item && typeof item === 'object' && !Array.isArray(item);
-    };
-    /**
-     * Deep merge two objects.
-     *
-     *    mergeDeep({a:1, b:{x: 1, y:2}}, {b:{x: 3}, c:4}) //=> {a:1, b:{x:3, y:2}, c:4}
-     *
-     * @param base base object onto which `sources` will be applied
-     */
-    var mergeDeep = function (base) {
-        var _a, _b;
-        var sources = [];
-        for (var _i = 1; _i < arguments.length; _i++) {
-            sources[_i - 1] = arguments[_i];
-        }
-        if (!sources.length)
-            return base;
-        var source = sources.shift();
-        if (isObject(base) && isObject(source)) {
-            for (var key in source) {
-                if (isObject(source[key])) {
-                    if (!base[key])
-                        Object.assign(base, (_a = {}, _a[key] = {}, _a));
-                    mergeDeep(base[key], source[key]);
-                }
-                else {
-                    Object.assign(base, (_b = {}, _b[key] = source[key], _b));
-                }
-            }
-        }
-        return mergeDeep.apply(void 0, __spreadArray([base], __read(sources)));
-    };
-
     /**
      * RxJS operator for selecting out specific actions.
      *
@@ -1038,15 +1044,22 @@
      * if another decorator was used, e.g. pipes).
      */
     function ensureStateClassIsInjectable(stateClass) {
+        if (jit_hasInjectableAnnotation(stateClass) || aot_hasNgInjectableDef(stateClass)) {
+            return;
+        }
+        console.warn(getUndecoratedStateInIvyWarningMessage(stateClass.name));
+    }
+    function aot_hasNgInjectableDef(stateClass) {
         // `ɵprov` is a static property added by the NGCC compiler. It always exists in
         // AOT mode because this property is added before runtime. If an application is running in
         // JIT mode then this property can be added by the `@Injectable()` decorator. The `@Injectable()`
         // decorator has to go after the `@State()` decorator, thus we prevent users from unwanted DI errors.
-        var ngInjectableDef = stateClass.ɵprov;
-        if (!ngInjectableDef) {
-            // Don't warn if Ivy is disabled or `ɵprov` exists on the class
-            console.warn(getUndecoratedStateInIvyWarningMessage(stateClass.name));
-        }
+        return !!stateClass.ɵprov;
+    }
+    function jit_hasInjectableAnnotation(stateClass) {
+        // `ɵprov` doesn't exist in JIT mode (for instance when running unit tests with Jest).
+        var annotations = stateClass.__annotations__ || [];
+        return annotations.some(function (annotation) { return (annotation === null || annotation === void 0 ? void 0 : annotation.ngMetadataName) === 'Injectable'; });
     }
 
     /**
@@ -1229,9 +1242,12 @@
         __extends(OrderedSubject, _super);
         function OrderedSubject() {
             var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
-            _this.next = orderedQueueOperation(function (value) { return _super.prototype.next.call(_this, value); });
+            _this._orderedNext = orderedQueueOperation(function (value) { return _super.prototype.next.call(_this, value); });
             return _this;
         }
+        OrderedSubject.prototype.next = function (value) {
+            this._orderedNext(value);
+        };
         return OrderedSubject;
     }(rxjs.Subject));
     /**
@@ -1251,11 +1267,19 @@
      */
     var OrderedBehaviorSubject = /** @class */ (function (_super) {
         __extends(OrderedBehaviorSubject, _super);
-        function OrderedBehaviorSubject() {
-            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
-            _this.next = orderedQueueOperation(function (value) { return _super.prototype.next.call(_this, value); });
+        function OrderedBehaviorSubject(value) {
+            var _this = _super.call(this, value) || this;
+            _this._orderedNext = orderedQueueOperation(function (value) { return _super.prototype.next.call(_this, value); });
+            _this._currentValue = value;
             return _this;
         }
+        OrderedBehaviorSubject.prototype.getValue = function () {
+            return this._currentValue;
+        };
+        OrderedBehaviorSubject.prototype.next = function (value) {
+            this._currentValue = value;
+            this._orderedNext(value);
+        };
         return OrderedBehaviorSubject;
     }(rxjs.BehaviorSubject));
 
@@ -1272,9 +1296,10 @@
         return InternalNgxsExecutionStrategy;
     }());
     /** @nocollapse */ InternalNgxsExecutionStrategy.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: InternalNgxsExecutionStrategy, deps: [{ token: NGXS_EXECUTION_STRATEGY }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    /** @nocollapse */ InternalNgxsExecutionStrategy.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: InternalNgxsExecutionStrategy });
+    /** @nocollapse */ InternalNgxsExecutionStrategy.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: InternalNgxsExecutionStrategy, providedIn: 'root' });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: InternalNgxsExecutionStrategy, decorators: [{
-                type: i0.Injectable
+                type: i0.Injectable,
+                args: [{ providedIn: 'root' }]
             }], ctorParameters: function () {
             return [{ type: undefined, decorators: [{
                             type: i0.Inject,
@@ -1296,9 +1321,10 @@
         return InternalActions;
     }(OrderedSubject));
     /** @nocollapse */ InternalActions.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: InternalActions, deps: null, target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    /** @nocollapse */ InternalActions.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: InternalActions });
+    /** @nocollapse */ InternalActions.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: InternalActions, providedIn: 'root' });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: InternalActions, decorators: [{
-                type: i0.Injectable
+                type: i0.Injectable,
+                args: [{ providedIn: 'root' }]
             }] });
     /**
      * Action stream that is emitted anytime an action is dispatched.
@@ -1328,9 +1354,10 @@
         return Actions;
     }(rxjs.Observable));
     /** @nocollapse */ Actions.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: Actions, deps: [{ token: InternalActions }, { token: InternalNgxsExecutionStrategy }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    /** @nocollapse */ Actions.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: Actions });
+    /** @nocollapse */ Actions.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: Actions, providedIn: 'root' });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: Actions, decorators: [{
-                type: i0.Injectable
+                type: i0.Injectable,
+                args: [{ providedIn: 'root' }]
             }], ctorParameters: function () { return [{ type: InternalActions }, { type: InternalNgxsExecutionStrategy }]; } });
 
     /**
@@ -1490,9 +1517,10 @@
         return StateStream;
     }(OrderedBehaviorSubject));
     /** @nocollapse */ StateStream.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: StateStream, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    /** @nocollapse */ StateStream.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: StateStream });
+    /** @nocollapse */ StateStream.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: StateStream, providedIn: 'root' });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: StateStream, decorators: [{
-                type: i0.Injectable
+                type: i0.Injectable,
+                args: [{ providedIn: 'root' }]
             }], ctorParameters: function () { return []; } });
 
     /**
@@ -1509,9 +1537,10 @@
         return InternalDispatchedActionResults;
     }(rxjs.Subject));
     /** @nocollapse */ InternalDispatchedActionResults.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: InternalDispatchedActionResults, deps: null, target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    /** @nocollapse */ InternalDispatchedActionResults.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: InternalDispatchedActionResults });
+    /** @nocollapse */ InternalDispatchedActionResults.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: InternalDispatchedActionResults, providedIn: 'root' });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: InternalDispatchedActionResults, decorators: [{
-                type: i0.Injectable
+                type: i0.Injectable,
+                args: [{ providedIn: 'root' }]
             }] });
     var InternalDispatcher = /** @class */ (function () {
         function InternalDispatcher(_actions, _actionResults, _pluginManager, _stateStream, _ngxsExecutionStrategy, _internalErrorReporter) {
@@ -1585,9 +1614,10 @@
         return InternalDispatcher;
     }());
     /** @nocollapse */ InternalDispatcher.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: InternalDispatcher, deps: [{ token: InternalActions }, { token: InternalDispatchedActionResults }, { token: PluginManager }, { token: StateStream }, { token: InternalNgxsExecutionStrategy }, { token: InternalErrorReporter }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    /** @nocollapse */ InternalDispatcher.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: InternalDispatcher });
+    /** @nocollapse */ InternalDispatcher.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: InternalDispatcher, providedIn: 'root' });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: InternalDispatcher, decorators: [{
-                type: i0.Injectable
+                type: i0.Injectable,
+                args: [{ providedIn: 'root' }]
             }], ctorParameters: function () { return [{ type: InternalActions }, { type: InternalDispatchedActionResults }, { type: PluginManager }, { type: StateStream }, { type: InternalNgxsExecutionStrategy }, { type: InternalErrorReporter }]; } });
 
     function simplePatch(value) {
@@ -1630,7 +1660,6 @@
     };
 
     /**
-     * State Context factory class
      * @ignore
      */
     var InternalStateOperations = /** @class */ (function () {
@@ -1668,9 +1697,10 @@
         return InternalStateOperations;
     }());
     /** @nocollapse */ InternalStateOperations.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: InternalStateOperations, deps: [{ token: StateStream }, { token: InternalDispatcher }, { token: NgxsConfig }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    /** @nocollapse */ InternalStateOperations.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: InternalStateOperations });
+    /** @nocollapse */ InternalStateOperations.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: InternalStateOperations, providedIn: 'root' });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: InternalStateOperations, decorators: [{
-                type: i0.Injectable
+                type: i0.Injectable,
+                args: [{ providedIn: 'root' }]
             }], ctorParameters: function () { return [{ type: StateStream }, { type: InternalDispatcher }, { type: NgxsConfig }]; } });
     function ensureStateAndActionsAreImmutable(root) {
         return {
@@ -1744,13 +1774,24 @@
         return StateContextFactory;
     }());
     /** @nocollapse */ StateContextFactory.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: StateContextFactory, deps: [{ token: InternalStateOperations }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    /** @nocollapse */ StateContextFactory.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: StateContextFactory });
+    /** @nocollapse */ StateContextFactory.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: StateContextFactory, providedIn: 'root' });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: StateContextFactory, decorators: [{
-                type: i0.Injectable
+                type: i0.Injectable,
+                args: [{ providedIn: 'root' }]
             }], ctorParameters: function () { return [{ type: InternalStateOperations }]; } });
 
+    var NG_DEV_MODE = typeof ngDevMode === 'undefined' || ngDevMode;
     /**
-     * State factory class
+     * The `StateFactory` class adds root and feature states to the graph.
+     * This extracts state names from state classes, checks if they already
+     * exist in the global graph, throws errors if their names are invalid, etc.
+     * See its constructor, state factories inject state factories that are
+     * parent-level providers. This is required to get feature states from the
+     * injector on the same level.
+     *
+     * The `NgxsModule.forFeature(...)` returns `providers: [StateFactory, ...states]`.
+     * The `StateFactory` is initialized on the feature level and goes through `...states`
+     * to get them from the injector through `injector.get(state)`.
      * @ignore
      */
     var StateFactory = /** @class */ (function () {
@@ -1828,7 +1869,7 @@
             if (Array.isArray(defaults)) {
                 value = defaults.slice();
             }
-            else if (isObject$1(defaults)) {
+            else if (isObject(defaults)) {
                 value = Object.assign({}, defaults);
             }
             else if (defaults === undefined) {
@@ -1840,18 +1881,15 @@
             return value;
         };
         StateFactory.prototype.ngOnDestroy = function () {
-            // This is being non-null asserted since `_actionsSubscrition` is
-            // initialized within the constructor.
-            this._actionsSubscription.unsubscribe();
+            var _a;
+            (_a = this._actionsSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
         };
         /**
          * Add a new state to the global defs.
          */
         StateFactory.prototype.add = function (stateClasses) {
-            var e_1, _a;
-            // Caretaker note: we have still left the `typeof` condition in order to avoid
-            // creating a breaking change for projects that still use the View Engine.
-            if (typeof ngDevMode === 'undefined' || ngDevMode) {
+            var e_1, _b;
+            if (NG_DEV_MODE) {
                 StoreValidators.checkThatStateClassesHaveBeenDecorated(stateClasses);
             }
             var newStates = this.addToStatesMap(stateClasses).newStates;
@@ -1896,7 +1934,7 @@
             catch (e_1_1) { e_1 = { error: e_1_1 }; }
             finally {
                 try {
-                    if (sortedStates_1_1 && !sortedStates_1_1.done && (_a = sortedStates_1.return)) _a.call(sortedStates_1);
+                    if (sortedStates_1_1 && !sortedStates_1_1.done && (_b = sortedStates_1.return)) _b.call(sortedStates_1);
                 }
                 finally { if (e_1) throw e_1.error; }
             }
@@ -1911,13 +1949,14 @@
             var defaults = mappedStores.reduce(function (result, mappedStore) { return setValue(result, mappedStore.path, mappedStore.defaults); }, {});
             return { defaults: defaults, states: mappedStores };
         };
-        /**
-         * Bind the actions to the handlers
-         */
         StateFactory.prototype.connectActionHandlers = function () {
             var _this = this;
-            if (this._actionsSubscription !== null)
+            // Note: We have to connect actions only once when the `StateFactory`
+            //       is being created for the first time. This checks if we're in
+            //       a child state factory and the parent state factory already exists.
+            if (this._parentFactory || this._actionsSubscription !== null) {
                 return;
+            }
             var dispatched$ = new rxjs.Subject();
             this._actionsSubscription = this._actions
                 .pipe(operators.filter(function (ctx) { return ctx.status === "DISPATCHED"; } /* Dispatched */), operators.mergeMap(function (ctx) {
@@ -1931,15 +1970,15 @@
          * Invoke actions on the states.
          */
         StateFactory.prototype.invokeActions = function (dispatched$, action) {
-            var e_2, _a, e_3, _b;
+            var e_2, _b, e_3, _c;
             var type = getActionTypeFromInstance(action);
             var results = [];
             // Determines whether the dispatched action has been handled, this is assigned
             // to `true` within the below `for` loop if any `actionMetas` has been found.
             var actionHasBeenHandled = false;
             try {
-                for (var _c = __values(this.states), _d = _c.next(); !_d.done; _d = _c.next()) {
-                    var metadata = _d.value;
+                for (var _d = __values(this.states), _e = _d.next(); !_e.done; _e = _d.next()) {
+                    var metadata = _e.value;
                     var actionMetas = metadata.actions[type];
                     if (actionMetas) {
                         try {
@@ -1988,7 +2027,7 @@
                         catch (e_3_1) { e_3 = { error: e_3_1 }; }
                         finally {
                             try {
-                                if (actionMetas_1_1 && !actionMetas_1_1.done && (_b = actionMetas_1.return)) _b.call(actionMetas_1);
+                                if (actionMetas_1_1 && !actionMetas_1_1.done && (_c = actionMetas_1.return)) _c.call(actionMetas_1);
                             }
                             finally { if (e_3) throw e_3.error; }
                         }
@@ -1998,13 +2037,13 @@
             catch (e_2_1) { e_2 = { error: e_2_1 }; }
             finally {
                 try {
-                    if (_d && !_d.done && (_a = _c.return)) _a.call(_c);
+                    if (_e && !_e.done && (_b = _d.return)) _b.call(_d);
                 }
                 finally { if (e_2) throw e_2.error; }
             }
             // The `NgxsUnhandledActionsLogger` is a tree-shakable class which functions
             // only during development.
-            if ((typeof ngDevMode === 'undefined' || ngDevMode) && !actionHasBeenHandled) {
+            if (NG_DEV_MODE && !actionHasBeenHandled) {
                 var unhandledActionsLogger = this._injector.get(NgxsUnhandledActionsLogger, null);
                 // The `NgxsUnhandledActionsLogger` will not be resolved by the injector if the
                 // `NgxsDevelopmentModule` is not provided. It's enough to check whether the `injector.get`
@@ -2019,16 +2058,14 @@
             return rxjs.forkJoin(results);
         };
         StateFactory.prototype.addToStatesMap = function (stateClasses) {
-            var e_4, _a;
+            var e_4, _b;
             var newStates = [];
             var statesMap = this.statesByName;
             try {
                 for (var stateClasses_1 = __values(stateClasses), stateClasses_1_1 = stateClasses_1.next(); !stateClasses_1_1.done; stateClasses_1_1 = stateClasses_1.next()) {
                     var stateClass = stateClasses_1_1.value;
                     var stateName = getStoreMetadata$1(stateClass).name;
-                    // Caretaker note: we have still left the `typeof` condition in order to avoid
-                    // creating a breaking change for projects that still use the View Engine.
-                    if (typeof ngDevMode === 'undefined' || ngDevMode) {
+                    if (NG_DEV_MODE) {
                         StoreValidators.checkThatStateNameIsUnique(stateName, stateClass, statesMap);
                     }
                     var unmountedState = !statesMap[stateName];
@@ -2041,7 +2078,7 @@
             catch (e_4_1) { e_4 = { error: e_4_1 }; }
             finally {
                 try {
-                    if (stateClasses_1_1 && !stateClasses_1_1.done && (_a = stateClasses_1.return)) _a.call(stateClasses_1);
+                    if (stateClasses_1_1 && !stateClasses_1_1.done && (_b = stateClasses_1.return)) _b.call(stateClasses_1);
                 }
                 finally { if (e_4) throw e_4.error; }
             }
@@ -2054,15 +2091,10 @@
             // We will need to come up with an alternative in v4 because this is used by many plugins
             meta.path = path;
         };
-        /**
-         * @description
-         * the method checks if the state has already been added to the tree
-         * and completed the life cycle
-         * @param name
-         * @param path
-         */
         StateFactory.prototype.hasBeenMountedAndBootstrapped = function (name, path) {
             var valueIsBootstrappedInInitialState = getValue(this._initialState, path) !== undefined;
+            // This checks whether a state has been already added to the global graph and
+            // its lifecycle is in 'bootstrapped' state.
             return this.statesByName[name] && valueIsBootstrappedInInitialState;
         };
         return StateFactory;
@@ -2243,9 +2275,10 @@
         return Store;
     }());
     /** @nocollapse */ Store.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: Store, deps: [{ token: StateStream }, { token: InternalStateOperations }, { token: NgxsConfig }, { token: InternalNgxsExecutionStrategy }, { token: StateFactory }, { token: i5.INITIAL_STATE_TOKEN, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    /** @nocollapse */ Store.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: Store });
+    /** @nocollapse */ Store.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: Store, providedIn: 'root' });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: Store, decorators: [{
-                type: i0.Injectable
+                type: i0.Injectable,
+                args: [{ providedIn: 'root' }]
             }], ctorParameters: function () {
             return [{ type: StateStream }, { type: InternalStateOperations }, { type: NgxsConfig }, { type: InternalNgxsExecutionStrategy }, { type: StateFactory }, { type: undefined, decorators: [{
                             type: i0.Optional
@@ -2255,6 +2288,30 @@
                         }] }];
         } });
 
+    /**
+     * Allows the select decorator to get access to the DI store, this is used internally
+     * in `@Select` decorator.
+     */
+    var SelectFactory = /** @class */ (function () {
+        function SelectFactory(store, config) {
+            SelectFactory.store = store;
+            SelectFactory.config = config;
+        }
+        SelectFactory.prototype.ngOnDestroy = function () {
+            SelectFactory.store = null;
+            SelectFactory.config = null;
+        };
+        return SelectFactory;
+    }());
+    SelectFactory.store = null;
+    SelectFactory.config = null;
+    /** @nocollapse */ SelectFactory.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SelectFactory, deps: [{ token: Store }, { token: NgxsConfig }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    /** @nocollapse */ SelectFactory.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SelectFactory, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SelectFactory, decorators: [{
+                type: i0.Injectable,
+                args: [{ providedIn: 'root' }]
+            }], ctorParameters: function () { return [{ type: Store }, { type: NgxsConfig }]; } });
+
     var LifecycleStateManager = /** @class */ (function () {
         function LifecycleStateManager(_store, _internalErrorReporter, _internalStateOperations, _stateContextFactory, _bootstrapper) {
             this._store = _store;
@@ -2341,34 +2398,12 @@
         return LifecycleStateManager;
     }());
     /** @nocollapse */ LifecycleStateManager.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LifecycleStateManager, deps: [{ token: Store }, { token: InternalErrorReporter }, { token: InternalStateOperations }, { token: StateContextFactory }, { token: i5__namespace.NgxsBootstrapper }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    /** @nocollapse */ LifecycleStateManager.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LifecycleStateManager });
+    /** @nocollapse */ LifecycleStateManager.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LifecycleStateManager, providedIn: 'root' });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: LifecycleStateManager, decorators: [{
-                type: i0.Injectable
+                type: i0.Injectable,
+                args: [{ providedIn: 'root' }]
             }], ctorParameters: function () { return [{ type: Store }, { type: InternalErrorReporter }, { type: InternalStateOperations }, { type: StateContextFactory }, { type: i5__namespace.NgxsBootstrapper }]; } });
 
-    /**
-     * Allows the select decorator to get access to the DI store, this is used internally
-     * in `@Select` decorator.
-     */
-    var SelectFactory = /** @class */ (function () {
-        function SelectFactory(store, config) {
-            SelectFactory.store = store;
-            SelectFactory.config = config;
-        }
-        SelectFactory.prototype.ngOnDestroy = function () {
-            SelectFactory.store = null;
-            SelectFactory.config = null;
-        };
-        return SelectFactory;
-    }());
-    SelectFactory.store = null;
-    SelectFactory.config = null;
-    /** @nocollapse */ SelectFactory.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SelectFactory, deps: [{ token: Store }, { token: NgxsConfig }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    /** @nocollapse */ SelectFactory.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SelectFactory });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: SelectFactory, decorators: [{
-                type: i0.Injectable
-            }], ctorParameters: function () { return [{ type: Store }, { type: NgxsConfig }]; } });
-
     /**
      * Root module
      * @ignore
@@ -2454,18 +2489,6 @@
                 ngModule: NgxsRootModule,
                 providers: __spreadArray(__spreadArray([
                     StateFactory,
-                    StateContextFactory,
-                    Actions,
-                    InternalActions,
-                    i5.NgxsBootstrapper,
-                    LifecycleStateManager,
-                    InternalDispatcher,
-                    InternalDispatchedActionResults,
-                    InternalStateOperations,
-                    InternalNgxsExecutionStrategy,
-                    Store,
-                    StateStream,
-                    SelectFactory,
                     PluginManager
                 ], __read(states)), __read(NgxsModule.ngxsTokenProviders(states, options)))
             };
@@ -2478,6 +2501,7 @@
             return {
                 ngModule: NgxsFeatureModule,
                 providers: __spreadArray(__spreadArray([
+                    // This is required on the feature level, see comments in `state-factory.ts`.
                     StateFactory,
                     PluginManager
                 ], __read(states)), [
@@ -2500,24 +2524,15 @@
                     useValue: states
                 },
                 {
-                    provide: NgxsModule.ROOT_OPTIONS,
+                    provide: ROOT_OPTIONS,
                     useValue: options
                 },
-                {
-                    provide: NgxsConfig,
-                    useFactory: NgxsModule.ngxsConfigFactory,
-                    deps: [NgxsModule.ROOT_OPTIONS]
-                },
                 {
                     provide: i0.APP_BOOTSTRAP_LISTENER,
                     useFactory: NgxsModule.appBootstrapListenerFactory,
                     multi: true,
                     deps: [i5.NgxsBootstrapper]
                 },
-                {
-                    provide: i5.INITIAL_STATE_TOKEN,
-                    useFactory: NgxsModule.getInitialState
-                },
                 {
                     provide: i5["ɵNGXS_STATE_CONTEXT_FACTORY"],
                     useExisting: StateContextFactory
@@ -2528,18 +2543,11 @@
                 }
             ];
         };
-        NgxsModule.ngxsConfigFactory = function (options) {
-            return mergeDeep(new NgxsConfig(), options);
-        };
         NgxsModule.appBootstrapListenerFactory = function (bootstrapper) {
             return function () { return bootstrapper.bootstrap(); };
         };
-        NgxsModule.getInitialState = function () {
-            return i5.InitialState.pop();
-        };
         return NgxsModule;
     }());
-    NgxsModule.ROOT_OPTIONS = new i0.InjectionToken('ROOT_OPTIONS');
     /** @nocollapse */ NgxsModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NgxsModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
     /** @nocollapse */ NgxsModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NgxsModule });
     /** @nocollapse */ NgxsModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: NgxsModule });