@ngxs/store 3.8.0 → 3.8.1

package/fesm2015/ngxs-store.js

@@ -1,11 +1,103 @@
 import * as i0 from '@angular/core';
 import { NgZone, PLATFORM_ID, Injectable, Inject, InjectionToken, inject, INJECTOR, ɵglobal, ErrorHandler, Optional, SkipSelf, NgModule, APP_BOOTSTRAP_LISTENER } from '@angular/core';
 import * as i5 from '@ngxs/store/internals';
-import { memoize, INITIAL_STATE_TOKEN, NgxsBootstrapper, ɵNGXS_STATE_CONTEXT_FACTORY, ɵNGXS_STATE_FACTORY, InitialState } from '@ngxs/store/internals';
+import { memoize, INITIAL_STATE_TOKEN, NgxsBootstrapper, ɵNGXS_STATE_CONTEXT_FACTORY, ɵNGXS_STATE_FACTORY } from '@ngxs/store/internals';
 import { isPlatformServer } from '@angular/common';
 import { Observable, Subject, BehaviorSubject, of, forkJoin, throwError, EMPTY, from, isObservable } from 'rxjs';
 import { filter, map, share, shareReplay, take, exhaustMap, mergeMap, defaultIfEmpty, catchError, takeUntil, distinctUntilChanged, tap, startWith, pairwise } from 'rxjs/operators';
 
+/**
+ * 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) {
+    const 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
+ */
+const setValue = (obj, prop, val) => {
+    obj = Object.assign({}, obj);
+    const split = prop.split('.');
+    const lastIndex = split.length - 1;
+    split.reduce((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
+ */
+const getValue = (obj, prop) => prop.split('.').reduce((acc, part) => acc && acc[part], obj);
+/**
+ * Simple object check.
+ *
+ *    isObject({a:1}) //=> true
+ *    isObject(1) //=> false
+ *
+ * @ignore
+ */
+const isObject$1 = (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
+ */
+const mergeDeep = (base, ...sources) => {
+    if (!sources.length)
+        return base;
+    const source = sources.shift();
+    if (isObject$1(base) && isObject$1(source)) {
+        for (const key in source) {
+            if (isObject$1(source[key])) {
+                if (!base[key])
+                    Object.assign(base, { [key]: {} });
+                mergeDeep(base[key], source[key]);
+            }
+            else {
+                Object.assign(base, { [key]: source[key] });
+            }
+        }
+    }
+    return mergeDeep(base, ...sources);
+};
+
 function throwStateNameError(name) {
     throw new Error(`${name} is not a valid state name. It needs to be a valid object property name.`);
 }
@@ -95,6 +187,7 @@ function verifyZoneIsNotNooped(ngZone) {
     console.warn(getZoneWarningMessage());
 }
 
+const ROOT_OPTIONS = new InjectionToken('ROOT_OPTIONS');
 const ROOT_STATE_TOKEN = new InjectionToken('ROOT_STATE_TOKEN');
 const FEATURE_STATE_TOKEN = new InjectionToken('FEATURE_STATE_TOKEN');
 const NGXS_PLUGINS = new InjectionToken('NGXS_PLUGINS');
@@ -127,9 +220,14 @@ class NgxsConfig {
     }
 }
 /** @nocollapse */ NgxsConfig.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NgxsConfig, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ NgxsConfig.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NgxsConfig });
+/** @nocollapse */ NgxsConfig.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NgxsConfig, providedIn: 'root', useFactory: (options) => mergeDeep(new NgxsConfig(), options), deps: [{ token: ROOT_OPTIONS }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NgxsConfig, decorators: [{
-            type: Injectable
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                    useFactory: (options) => 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.
@@ -421,102 +519,10 @@ function topologicalSort(graph) {
  *
  * @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) {
-    const 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
- */
-const setValue = (obj, prop, val) => {
-    obj = Object.assign({}, obj);
-    const split = prop.split('.');
-    const lastIndex = split.length - 1;
-    split.reduce((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
- */
-const getValue = (obj, prop) => prop.split('.').reduce((acc, part) => acc && acc[part], obj);
-/**
- * Simple object check.
- *
- *    isObject({a:1}) //=> true
- *    isObject(1) //=> false
- *
- * @ignore
- */
-const isObject = (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
- */
-const mergeDeep = (base, ...sources) => {
-    if (!sources.length)
-        return base;
-    const source = sources.shift();
-    if (isObject(base) && isObject(source)) {
-        for (const key in source) {
-            if (isObject(source[key])) {
-                if (!base[key])
-                    Object.assign(base, { [key]: {} });
-                mergeDeep(base[key], source[key]);
-            }
-            else {
-                Object.assign(base, { [key]: source[key] });
-            }
-        }
-    }
-    return mergeDeep(base, ...sources);
-};
-
 /**
  * RxJS operator for selecting out specific actions.
  *
@@ -651,9 +657,10 @@ class InternalNgxsExecutionStrategy {
     }
 }
 /** @nocollapse */ InternalNgxsExecutionStrategy.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: InternalNgxsExecutionStrategy, deps: [{ token: NGXS_EXECUTION_STRATEGY }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ InternalNgxsExecutionStrategy.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: InternalNgxsExecutionStrategy });
+/** @nocollapse */ InternalNgxsExecutionStrategy.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: InternalNgxsExecutionStrategy, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: InternalNgxsExecutionStrategy, decorators: [{
-            type: Injectable
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [NGXS_EXECUTION_STRATEGY]
@@ -714,7 +721,10 @@ function orderedQueueOperation(operation) {
 class OrderedSubject extends Subject {
     constructor() {
         super(...arguments);
-        this.next = orderedQueueOperation((value) => super.next(value));
+        this._orderedNext = orderedQueueOperation((value) => super.next(value));
+    }
+    next(value) {
+        this._orderedNext(value);
     }
 }
 /**
@@ -733,9 +743,17 @@ class OrderedSubject extends Subject {
  * When `subject` is a `OrderedBehaviorSubject<T>` the second subscriber would recieve `start` and then `end`.
  */
 class OrderedBehaviorSubject extends BehaviorSubject {
-    constructor() {
-        super(...arguments);
-        this.next = orderedQueueOperation((value) => super.next(value));
+    constructor(value) {
+        super(value);
+        this._orderedNext = orderedQueueOperation((value) => super.next(value));
+        this._currentValue = value;
+    }
+    getValue() {
+        return this._currentValue;
+    }
+    next(value) {
+        this._currentValue = value;
+        this._orderedNext(value);
     }
 }
 
@@ -748,9 +766,10 @@ class InternalActions extends OrderedSubject {
     }
 }
 /** @nocollapse */ InternalActions.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: InternalActions, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ InternalActions.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: InternalActions });
+/** @nocollapse */ InternalActions.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: InternalActions, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: InternalActions, decorators: [{
-            type: Injectable
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
         }] });
 /**
  * Action stream that is emitted anytime an action is dispatched.
@@ -776,9 +795,10 @@ class Actions extends Observable {
     }
 }
 /** @nocollapse */ Actions.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: Actions, deps: [{ token: InternalActions }, { token: InternalNgxsExecutionStrategy }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ Actions.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: Actions });
+/** @nocollapse */ Actions.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: Actions, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: Actions, decorators: [{
-            type: Injectable
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: InternalActions }, { type: InternalNgxsExecutionStrategy }]; } });
 
 /**
@@ -883,9 +903,10 @@ class StateStream extends OrderedBehaviorSubject {
     }
 }
 /** @nocollapse */ StateStream.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StateStream, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ StateStream.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StateStream });
+/** @nocollapse */ StateStream.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StateStream, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StateStream, decorators: [{
-            type: Injectable
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return []; } });
 
 class PluginManager {
@@ -931,9 +952,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
 class InternalDispatchedActionResults extends Subject {
 }
 /** @nocollapse */ InternalDispatchedActionResults.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: InternalDispatchedActionResults, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ InternalDispatchedActionResults.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: InternalDispatchedActionResults });
+/** @nocollapse */ InternalDispatchedActionResults.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: InternalDispatchedActionResults, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: InternalDispatchedActionResults, decorators: [{
-            type: Injectable
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
         }] });
 class InternalDispatcher {
     constructor(_actions, _actionResults, _pluginManager, _stateStream, _ngxsExecutionStrategy, _internalErrorReporter) {
@@ -1003,9 +1025,10 @@ class InternalDispatcher {
     }
 }
 /** @nocollapse */ InternalDispatcher.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: InternalDispatcher, deps: [{ token: InternalActions }, { token: InternalDispatchedActionResults }, { token: PluginManager }, { token: StateStream }, { token: InternalNgxsExecutionStrategy }, { token: InternalErrorReporter }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ InternalDispatcher.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: InternalDispatcher });
+/** @nocollapse */ InternalDispatcher.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: InternalDispatcher, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: InternalDispatcher, decorators: [{
-            type: Injectable
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: InternalActions }, { type: InternalDispatchedActionResults }, { type: PluginManager }, { type: StateStream }, { type: InternalNgxsExecutionStrategy }, { type: InternalErrorReporter }]; } });
 
 /**
@@ -1029,7 +1052,6 @@ const deepFreeze = (o) => {
 };
 
 /**
- * State Context factory class
  * @ignore
  */
 class InternalStateOperations {
@@ -1065,9 +1087,10 @@ class InternalStateOperations {
     }
 }
 /** @nocollapse */ InternalStateOperations.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: InternalStateOperations, deps: [{ token: StateStream }, { token: InternalDispatcher }, { token: NgxsConfig }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ InternalStateOperations.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: InternalStateOperations });
+/** @nocollapse */ InternalStateOperations.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: InternalStateOperations, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: InternalStateOperations, decorators: [{
-            type: Injectable
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: StateStream }, { type: InternalDispatcher }, { type: NgxsConfig }]; } });
 function ensureStateAndActionsAreImmutable(root) {
     return {
@@ -1159,9 +1182,10 @@ class StateContextFactory {
     }
 }
 /** @nocollapse */ StateContextFactory.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StateContextFactory, deps: [{ token: InternalStateOperations }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ StateContextFactory.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StateContextFactory });
+/** @nocollapse */ StateContextFactory.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StateContextFactory, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StateContextFactory, decorators: [{
-            type: Injectable
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: InternalStateOperations }]; } });
 
 class StoreValidators {
@@ -1195,15 +1219,22 @@ StoreValidators.stateNameRegex = new RegExp('^[a-zA-Z0-9_]+$');
  * 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.
-    const 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).
+    const annotations = stateClass.__annotations__ || [];
+    return annotations.some((annotation) => (annotation === null || annotation === void 0 ? void 0 : annotation.ngMetadataName) === 'Injectable');
 }
 
 /**
@@ -1274,8 +1305,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                     args: [NGXS_DEVELOPMENT_OPTIONS]
                 }] }]; } });
 
+const 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
  */
 class StateFactory {
@@ -1336,7 +1377,7 @@ class StateFactory {
         if (Array.isArray(defaults)) {
             value = defaults.slice();
         }
-        else if (isObject$1(defaults)) {
+        else if (isObject(defaults)) {
             value = Object.assign({}, defaults);
         }
         else if (defaults === undefined) {
@@ -1348,17 +1389,14 @@ class StateFactory {
         return value;
     }
     ngOnDestroy() {
-        // 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.
      */
     add(stateClasses) {
-        // 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.checkThatStateClassesHaveBeenDecorated(stateClasses);
         }
         const { newStates } = this.addToStatesMap(stateClasses);
@@ -1408,12 +1446,13 @@ class StateFactory {
         const defaults = mappedStores.reduce((result, mappedStore) => setValue(result, mappedStore.path, mappedStore.defaults), {});
         return { defaults, states: mappedStores };
     }
-    /**
-     * Bind the actions to the handlers
-     */
     connectActionHandlers() {
-        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;
+        }
         const dispatched$ = new Subject();
         this._actionsSubscription = this._actions
             .pipe(filter((ctx) => ctx.status === "DISPATCHED" /* Dispatched */), mergeMap(ctx => {
@@ -1479,7 +1518,7 @@ class StateFactory {
         }
         // The `NgxsUnhandledActionsLogger` is a tree-shakable class which functions
         // only during development.
-        if ((typeof ngDevMode === 'undefined' || ngDevMode) && !actionHasBeenHandled) {
+        if (NG_DEV_MODE && !actionHasBeenHandled) {
             const 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`
@@ -1498,9 +1537,7 @@ class StateFactory {
         const statesMap = this.statesByName;
         for (const stateClass of stateClasses) {
             const 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);
             }
             const unmountedState = !statesMap[stateName];
@@ -1518,15 +1555,10 @@ class StateFactory {
         // 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
-     */
     hasBeenMountedAndBootstrapped(name, path) {
         const 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;
     }
 }
@@ -1696,9 +1728,10 @@ class Store {
     }
 }
 /** @nocollapse */ Store.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: Store, deps: [{ token: StateStream }, { token: InternalStateOperations }, { token: NgxsConfig }, { token: InternalNgxsExecutionStrategy }, { token: StateFactory }, { token: INITIAL_STATE_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ Store.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: Store });
+/** @nocollapse */ Store.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: Store, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: Store, decorators: [{
-            type: Injectable
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: StateStream }, { type: InternalStateOperations }, { type: NgxsConfig }, { type: InternalNgxsExecutionStrategy }, { type: StateFactory }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
@@ -1706,6 +1739,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                     args: [INITIAL_STATE_TOKEN]
                 }] }]; } });
 
+/**
+ * Allows the select decorator to get access to the DI store, this is used internally
+ * in `@Select` decorator.
+ */
+class SelectFactory {
+    constructor(store, config) {
+        SelectFactory.store = store;
+        SelectFactory.config = config;
+    }
+    ngOnDestroy() {
+        SelectFactory.store = null;
+        SelectFactory.config = null;
+    }
+}
+SelectFactory.store = null;
+SelectFactory.config = null;
+/** @nocollapse */ SelectFactory.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SelectFactory, deps: [{ token: Store }, { token: NgxsConfig }], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ SelectFactory.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SelectFactory, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SelectFactory, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return [{ type: Store }, { type: NgxsConfig }]; } });
+
 class LifecycleStateManager {
     constructor(_store, _internalErrorReporter, _internalStateOperations, _stateContextFactory, _bootstrapper) {
         this._store = _store;
@@ -1763,33 +1819,12 @@ class LifecycleStateManager {
     }
 }
 /** @nocollapse */ LifecycleStateManager.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: LifecycleStateManager, deps: [{ token: Store }, { token: InternalErrorReporter }, { token: InternalStateOperations }, { token: StateContextFactory }, { token: i5.NgxsBootstrapper }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ LifecycleStateManager.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: LifecycleStateManager });
+/** @nocollapse */ LifecycleStateManager.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: LifecycleStateManager, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: LifecycleStateManager, decorators: [{
-            type: Injectable
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: Store }, { type: InternalErrorReporter }, { type: InternalStateOperations }, { type: StateContextFactory }, { type: i5.NgxsBootstrapper }]; } });
 
-/**
- * Allows the select decorator to get access to the DI store, this is used internally
- * in `@Select` decorator.
- */
-class SelectFactory {
-    constructor(store, config) {
-        SelectFactory.store = store;
-        SelectFactory.config = config;
-    }
-    ngOnDestroy() {
-        SelectFactory.store = null;
-        SelectFactory.config = null;
-    }
-}
-SelectFactory.store = null;
-SelectFactory.config = null;
-/** @nocollapse */ SelectFactory.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SelectFactory, deps: [{ token: Store }, { token: NgxsConfig }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ SelectFactory.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SelectFactory });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SelectFactory, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: Store }, { type: NgxsConfig }]; } });
-
 /**
  * Root module
  * @ignore
@@ -1862,18 +1897,6 @@ class NgxsModule {
             ngModule: NgxsRootModule,
             providers: [
                 StateFactory,
-                StateContextFactory,
-                Actions,
-                InternalActions,
-                NgxsBootstrapper,
-                LifecycleStateManager,
-                InternalDispatcher,
-                InternalDispatchedActionResults,
-                InternalStateOperations,
-                InternalNgxsExecutionStrategy,
-                Store,
-                StateStream,
-                SelectFactory,
                 PluginManager,
                 ...states,
                 ...NgxsModule.ngxsTokenProviders(states, options)
@@ -1887,6 +1910,7 @@ class NgxsModule {
         return {
             ngModule: NgxsFeatureModule,
             providers: [
+                // This is required on the feature level, see comments in `state-factory.ts`.
                 StateFactory,
                 PluginManager,
                 ...states,
@@ -1909,24 +1933,15 @@ class NgxsModule {
                 useValue: states
             },
             {
-                provide: NgxsModule.ROOT_OPTIONS,
+                provide: ROOT_OPTIONS,
                 useValue: options
             },
-            {
-                provide: NgxsConfig,
-                useFactory: NgxsModule.ngxsConfigFactory,
-                deps: [NgxsModule.ROOT_OPTIONS]
-            },
             {
                 provide: APP_BOOTSTRAP_LISTENER,
                 useFactory: NgxsModule.appBootstrapListenerFactory,
                 multi: true,
                 deps: [NgxsBootstrapper]
             },
-            {
-                provide: INITIAL_STATE_TOKEN,
-                useFactory: NgxsModule.getInitialState
-            },
             {
                 provide: ɵNGXS_STATE_CONTEXT_FACTORY,
                 useExisting: StateContextFactory
@@ -1937,17 +1952,10 @@ class NgxsModule {
             }
         ];
     }
-    static ngxsConfigFactory(options) {
-        return mergeDeep(new NgxsConfig(), options);
-    }
     static appBootstrapListenerFactory(bootstrapper) {
         return () => bootstrapper.bootstrap();
     }
-    static getInitialState() {
-        return InitialState.pop();
-    }
 }
-NgxsModule.ROOT_OPTIONS = new InjectionToken('ROOT_OPTIONS');
 /** @nocollapse */ NgxsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NgxsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
 /** @nocollapse */ NgxsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NgxsModule });
 /** @nocollapse */ NgxsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NgxsModule });