@ngxs/store 3.8.2-dev.master-0fd1fe5 → 3.8.2

package/{fesm2020/ngxs-store.mjs → fesm2015/ngxs-store.js}

@@ -1,26 +1,103 @@
 import * as i0 from '@angular/core';
-import { Injectable, NgZone, PLATFORM_ID, Inject, InjectionToken, inject, INJECTOR, ɵglobal, ErrorHandler, Optional, SkipSelf, ENVIRONMENT_INITIALIZER, NgModule, APP_BOOTSTRAP_LISTENER, makeEnvironmentProviders } from '@angular/core';
-import { Observable, Subject, BehaviorSubject, of, forkJoin, throwError, EMPTY, from, isObservable, ReplaySubject } from 'rxjs';
-import { share, shareReplay, filter, take, exhaustMap, map, mergeMap, defaultIfEmpty, catchError, takeUntil, distinctUntilChanged, tap, startWith, pairwise } from 'rxjs/operators';
+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 { ɵMETA_KEY, ɵSELECTOR_META_KEY, memoize, INITIAL_STATE_TOKEN, NgxsBootstrapper, ɵNGXS_STATE_CONTEXT_FACTORY, ɵNGXS_STATE_FACTORY, ɵMETA_OPTIONS_KEY } 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';
 import { isStateOperator } from '@ngxs/store/operators';
 
-class NoopNgxsExecutionStrategy {
-    enter(func) {
-        return func();
+/**
+ * Returns the type from an action instance/class.
+ * @ignore
+ */
+function getActionTypeFromInstance(action) {
+    if (action.constructor && action.constructor.type) {
+        return action.constructor.type;
     }
-    leave(func) {
-        return func();
+    else {
+        return action.type;
     }
 }
-/** @nocollapse */ NoopNgxsExecutionStrategy.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: NoopNgxsExecutionStrategy, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ NoopNgxsExecutionStrategy.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: NoopNgxsExecutionStrategy, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: NoopNgxsExecutionStrategy, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
+/**
+ * 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.`);
@@ -48,18 +125,6 @@ function getZoneWarningMessage() {
 function getUndecoratedStateInIvyWarningMessage(name) {
     return `'${name}' class should be decorated with @Injectable() right after the @State() decorator`;
 }
-function getInvalidInitializationOrderMessage(addedStates) {
-    let message = 'You have an invalid state initialization order. This typically occurs when `NgxsModule.forFeature`\n' +
-        'or `provideStates` is called before `NgxsModule.forRoot` or `provideStore`.\n' +
-        'One example is when `NgxsRouterPluginModule.forRoot` is called before `NgxsModule.forRoot`.';
-    if (addedStates) {
-        const stateNames = Object.keys(addedStates).map(stateName => `"${stateName}"`);
-        message +=
-            '\nFeature states added before the store initialization is complete: ' +
-                `${stateNames.join(', ')}.`;
-    }
-    return message;
-}
 function throwSelectFactoryNotConnectedError() {
     throw new Error('You have forgotten to import the NGXS module!');
 }
@@ -102,9 +167,9 @@ class DispatchOutsideZoneNgxsExecutionStrategy {
         return func();
     }
 }
-/** @nocollapse */ DispatchOutsideZoneNgxsExecutionStrategy.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: DispatchOutsideZoneNgxsExecutionStrategy, deps: [{ token: i0.NgZone }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ DispatchOutsideZoneNgxsExecutionStrategy.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: DispatchOutsideZoneNgxsExecutionStrategy, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: DispatchOutsideZoneNgxsExecutionStrategy, decorators: [{
+/** @nocollapse */ DispatchOutsideZoneNgxsExecutionStrategy.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DispatchOutsideZoneNgxsExecutionStrategy, deps: [{ token: i0.NgZone }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ DispatchOutsideZoneNgxsExecutionStrategy.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DispatchOutsideZoneNgxsExecutionStrategy, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: DispatchOutsideZoneNgxsExecutionStrategy, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: undefined, decorators: [{
@@ -123,22 +188,87 @@ function verifyZoneIsNotNooped(ngZone) {
     console.warn(getZoneWarningMessage());
 }
 
-const NG_DEV_MODE$4 = typeof ngDevMode === 'undefined' || ngDevMode;
+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');
+const META_KEY = 'NGXS_META';
+const META_OPTIONS_KEY = 'NGXS_OPTIONS_META';
+const SELECTOR_META_KEY = 'NGXS_SELECTOR_META';
 /**
- * Consumers have the option to utilize the execution strategy provided by
- * `NgxsModule.forRoot({executionStrategy})` or `provideStore([], {executionStrategy})`.
+ * The NGXS config settings.
+ */
+class NgxsConfig {
+    constructor() {
+        /**
+         * Defining the default state before module initialization
+         * This is convenient if we need to create a define our own set of states.
+         * @deprecated will be removed after v4
+         * (default: {})
+         */
+        this.defaultsState = {};
+        /**
+         * Defining shared selector options
+         */
+        this.selectorOptions = {
+            injectContainerState: true,
+            suppressErrors: true // TODO: default is true in v3, will change in v4
+        };
+        this.compatibility = {
+            strictContentSecurityPolicy: false
+        };
+        this.executionStrategy = DispatchOutsideZoneNgxsExecutionStrategy;
+    }
+}
+/** @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, 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,
+            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.
+ * Passed as a value in a NgxsSimpleChanges object to the ngxsOnChanges hook.
  */
-const CUSTOM_NGXS_EXECUTION_STRATEGY = new InjectionToken(NG_DEV_MODE$4 ? 'CUSTOM_NGXS_EXECUTION_STRATEGY' : '');
+class NgxsSimpleChange {
+    constructor(previousValue, currentValue, firstChange) {
+        this.previousValue = previousValue;
+        this.currentValue = currentValue;
+        this.firstChange = firstChange;
+    }
+}
+
+class NoopNgxsExecutionStrategy {
+    enter(func) {
+        return func();
+    }
+    leave(func) {
+        return func();
+    }
+}
+/** @nocollapse */ NoopNgxsExecutionStrategy.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NoopNgxsExecutionStrategy, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ NoopNgxsExecutionStrategy.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NoopNgxsExecutionStrategy, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NoopNgxsExecutionStrategy, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
 /**
- * The injection token is used internally to resolve an instance of the execution
- * strategy. It checks whether consumers have provided their own `executionStrategy`
- * and also verifies if we are operating in a zone-aware environment.
+ * The strategy that might be provided by users through `options.executionStrategy`.
  */
-const NGXS_EXECUTION_STRATEGY = new InjectionToken(NG_DEV_MODE$4 ? 'NGXS_EXECUTION_STRATEGY' : '', {
+const USER_PROVIDED_NGXS_EXECUTION_STRATEGY = new InjectionToken('USER_PROVIDED_NGXS_EXECUTION_STRATEGY');
+/*
+ * Internal execution strategy injection token
+ */
+const NGXS_EXECUTION_STRATEGY = new InjectionToken('NGXS_EXECUTION_STRATEGY', {
     providedIn: 'root',
     factory: () => {
         const injector = inject(INJECTOR);
-        const executionStrategy = injector.get(CUSTOM_NGXS_EXECUTION_STRATEGY);
+        const executionStrategy = injector.get(USER_PROVIDED_NGXS_EXECUTION_STRATEGY);
         return executionStrategy
             ? injector.get(executionStrategy)
             : injector.get(typeof ɵglobal.Zone !== 'undefined'
@@ -147,448 +277,640 @@ const NGXS_EXECUTION_STRATEGY = new InjectionToken(NG_DEV_MODE$4 ? 'NGXS_EXECUTI
     }
 });
 
-class InternalNgxsExecutionStrategy {
-    constructor(_executionStrategy) {
-        this._executionStrategy = _executionStrategy;
-    }
-    enter(func) {
-        return this._executionStrategy.enter(func);
-    }
-    leave(func) {
-        return this._executionStrategy.leave(func);
+/**
+ * Ensures metadata is attached to the class and returns it.
+ *
+ * @ignore
+ */
+function ensureStoreMetadata$1(target) {
+    if (!target.hasOwnProperty(META_KEY)) {
+        const defaultMetadata = {
+            name: null,
+            actions: {},
+            defaults: {},
+            path: null,
+            makeRootSelector(context) {
+                return context.getStateGetter(defaultMetadata.name);
+            },
+            children: []
+        };
+        Object.defineProperty(target, META_KEY, { value: defaultMetadata });
     }
+    return getStoreMetadata$1(target);
 }
-/** @nocollapse */ InternalNgxsExecutionStrategy.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: InternalNgxsExecutionStrategy, deps: [{ token: NGXS_EXECUTION_STRATEGY }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ InternalNgxsExecutionStrategy.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: InternalNgxsExecutionStrategy, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: InternalNgxsExecutionStrategy, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [NGXS_EXECUTION_STRATEGY]
-                }] }]; } });
-
 /**
- * Composes a array of functions from left to right. Example:
+ * Get the metadata attached to the state class if it exists.
  *
- *      compose([fn, final])(state, action);
+ * @ignore
+ */
+function getStoreMetadata$1(target) {
+    return target[META_KEY];
+}
+/**
+ * Ensures metadata is attached to the selector and returns it.
  *
- * then the funcs have a signature like:
+ * @ignore
+ */
+function ensureSelectorMetadata$1(target) {
+    if (!target.hasOwnProperty(SELECTOR_META_KEY)) {
+        const defaultMetadata = {
+            makeRootSelector: null,
+            originalFn: null,
+            containerClass: null,
+            selectorName: null,
+            getSelectorOptions: () => ({})
+        };
+        Object.defineProperty(target, SELECTOR_META_KEY, { value: defaultMetadata });
+    }
+    return getSelectorMetadata$1(target);
+}
+/**
+ * Get the metadata attached to the selector if it exists.
  *
- *      function fn (state, action, next) {
- *          console.log('here', state, action, next);
- *          return next(state, action);
- *      }
+ * @ignore
+ */
+function getSelectorMetadata$1(target) {
+    return target[SELECTOR_META_KEY];
+}
+/**
+ * Get a deeply nested value. Example:
  *
- *      function final (state, action) {
- *          console.log('here', state, action);
- *          return state;
- *      }
+ *    getValue({ foo: bar: [] }, 'foo.bar') //=> []
  *
- * the last function should not call `next`.
+ * Note: This is not as fast as the `fastPropGetter` but is strict Content Security Policy compliant.
+ * See perf hit: https://jsperf.com/fast-value-getter-given-path/1
  *
  * @ignore
  */
-const compose = (funcs) => (...args) => {
-    const curr = funcs.shift();
-    return curr(...args, (...nextArgs) => compose(funcs)(...nextArgs));
-};
-
-/**
- * Returns operator that will run
- * `subscribe` outside of the ngxs execution context
- */
-function leaveNgxs(ngxsExecutionStrategy) {
-    return (source) => {
-        return new Observable((sink) => {
-            return source.subscribe({
-                next(value) {
-                    ngxsExecutionStrategy.leave(() => sink.next(value));
-                },
-                error(error) {
-                    ngxsExecutionStrategy.leave(() => sink.error(error));
-                },
-                complete() {
-                    ngxsExecutionStrategy.leave(() => sink.complete());
-                }
-            });
-        });
-    };
+function compliantPropGetter(paths) {
+    const copyOfPaths = paths.slice();
+    return obj => copyOfPaths.reduce((acc, part) => acc && acc[part], obj);
 }
-
 /**
- * This operator is used for piping the observable result
- * from the `dispatch()`. It has a "smart" error handling
- * strategy that allows us to decide whether we propagate
- * errors to Angular's `ErrorHandler` or enable users to
- * handle them manually. We consider following cases:
- * 1) `store.dispatch()` (no subscribe) -> call `handleError()`
- * 2) `store.dispatch().subscribe()` (no error callback) -> call `handleError()`
- * 3) `store.dispatch().subscribe({ error: ... })` -> don't call `handleError()`
- * 4) `toPromise()` without `catch` -> do `handleError()`
- * 5) `toPromise()` with `catch` -> don't `handleError()`
+ * The generated function is faster than:
+ * - pluck (Observable operator)
+ * - memoize
+ *
+ * @ignore
  */
-function ngxsErrorHandler(internalErrorReporter, ngxsExecutionStrategy) {
-    return (source) => {
-        let subscribed = false;
-        source.subscribe({
-            error: error => {
-                // Do not trigger change detection for a microtask. This depends on the execution
-                // strategy being used, but the default `DispatchOutsideZoneNgxsExecutionStrategy`
-                // leaves the Angular zone.
-                ngxsExecutionStrategy.enter(() => Promise.resolve().then(() => {
-                    if (!subscribed) {
-                        ngxsExecutionStrategy.leave(() => internalErrorReporter.reportErrorSafely(error));
-                    }
-                }));
-            }
-        });
-        return new Observable(subscriber => {
-            subscribed = true;
-            return source.pipe(leaveNgxs(ngxsExecutionStrategy)).subscribe(subscriber);
-        });
-    };
+function fastPropGetter(paths) {
+    const segments = paths;
+    let seg = 'store.' + segments[0];
+    let i = 0;
+    const l = segments.length;
+    let expr = seg;
+    while (++i < l) {
+        expr = expr + ' && ' + (seg = seg + '.' + segments[i]);
+    }
+    const fn = new Function('store', 'return ' + expr + ';');
+    return fn;
 }
-class InternalErrorReporter {
-    constructor(_injector) {
-        this._injector = _injector;
-        /** Will be set lazily to be backward compatible. */
-        this._errorHandler = null;
+/**
+ * Get a deeply nested value. Example:
+ *
+ *    getValue({ foo: bar: [] }, 'foo.bar') //=> []
+ *
+ * @ignore
+ */
+function propGetter(paths, config) {
+    if (config && config.compatibility && config.compatibility.strictContentSecurityPolicy) {
+        return compliantPropGetter(paths);
     }
-    reportErrorSafely(error) {
-        if (this._errorHandler === null) {
-            this._errorHandler = this._injector.get(ErrorHandler);
-        }
-        // The `try-catch` is used to avoid handling the error twice. Suppose we call
-        // `handleError` which re-throws the error internally. The re-thrown error will
-        // be caught by zone.js which will then get to the `zone.onError.emit()` and the
-        // `onError` subscriber will call `handleError` again.
-        try {
-            this._errorHandler.handleError(error);
-        }
-        catch { }
+    else {
+        return fastPropGetter(paths);
     }
 }
-/** @nocollapse */ InternalErrorReporter.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: InternalErrorReporter, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ InternalErrorReporter.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: InternalErrorReporter, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: InternalErrorReporter, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () { return [{ type: i0.Injector }]; } });
-
 /**
- * This wraps the provided function, and will enforce the following:
- * - The calls will execute in the order that they are made
- * - A call will only be initiated when the previous call has completed
- * - If there is a call currently executing then the new call will be added
- *   to the queue and the function will return immediately
+ * Given an array of states, it will return a object graph. Example:
+ *    const states = [
+ *      Cart,
+ *      CartSaved,
+ *      CartSavedItems
+ *    ]
  *
- * NOTE: The following assumptions about the operation must hold true:
- * - The operation is synchronous in nature
- * - If any asynchronous side effects of the call exist, it should not
- *   have any bearing on the correctness of the next call in the queue
- * - The operation has a void return
- * - The caller should not assume that the call has completed upon
- *   return of the function
- * - The caller can assume that all the queued calls will complete
- *   within the current microtask
- * - The only way that a call will encounter another call in the queue
- *   would be if the call at the front of the queue initiated this call
- *   as part of its synchronous execution
+ * would return:
+ *
+ *  const graph = {
+ *    cart: ['saved'],
+ *    saved: ['items'],
+ *    items: []
+ *  };
+ *
+ * @ignore
  */
-function orderedQueueOperation(operation) {
-    const callsQueue = [];
-    let busyPushingNext = false;
-    return function callOperation(...args) {
-        if (busyPushingNext) {
-            callsQueue.unshift(args);
-            return;
-        }
-        busyPushingNext = true;
-        operation(...args);
-        while (callsQueue.length > 0) {
-            const nextCallArgs = callsQueue.pop();
-            nextCallArgs && operation(...nextCallArgs);
+function buildGraph(stateClasses) {
+    const findName = (stateClass) => {
+        const meta = stateClasses.find(g => g === stateClass);
+        // 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) && !meta) {
+            throw new Error(`Child state not found: ${stateClass}. \r\nYou may have forgotten to add states to module`);
         }
-        busyPushingNext = false;
+        return meta[META_KEY].name;
     };
+    return stateClasses.reduce((result, stateClass) => {
+        const { name, children } = stateClass[META_KEY];
+        result[name] = (children || []).map(findName);
+        return result;
+    }, {});
 }
 /**
- * Custom Subject that ensures that subscribers are notified of values in the order that they arrived.
- * A standard Subject does not have this guarantee.
- * For example, given the following code:
- * ```typescript
- *   const subject = new Subject<string>();
-     subject.subscribe(value => {
-       if (value === 'start') subject.next('end');
-     });
-     subject.subscribe(value => { });
-     subject.next('start');
- * ```
- * When `subject` is a standard `Subject<T>` the second subscriber would recieve `end` and then `start`.
- * When `subject` is a `OrderedSubject<T>` the second subscriber would recieve `start` and then `end`.
- */
-class OrderedSubject extends Subject {
-    constructor() {
-        super(...arguments);
-        this._orderedNext = orderedQueueOperation((value) => super.next(value));
-    }
-    next(value) {
-        this._orderedNext(value);
-    }
-}
-/**
- * Custom BehaviorSubject that ensures that subscribers are notified of values in the order that they arrived.
- * A standard BehaviorSubject does not have this guarantee.
- * For example, given the following code:
- * ```typescript
- *   const subject = new BehaviorSubject<string>();
-     subject.subscribe(value => {
-       if (value === 'start') subject.next('end');
-     });
-     subject.subscribe(value => { });
-     subject.next('start');
- * ```
- * When `subject` is a standard `BehaviorSubject<T>` the second subscriber would recieve `end` and then `start`.
- * When `subject` is a `OrderedBehaviorSubject<T>` the second subscriber would recieve `start` and then `end`.
+ * Given a states array, returns object graph
+ * returning the name and state metadata. Example:
+ *
+ *  const graph = {
+ *    cart: { metadata }
+ *  };
+ *
+ * @ignore
  */
-class OrderedBehaviorSubject extends BehaviorSubject {
-    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);
-    }
+function nameToState(states) {
+    return states.reduce((result, stateClass) => {
+        const meta = stateClass[META_KEY];
+        result[meta.name] = stateClass;
+        return result;
+    }, {});
 }
-
 /**
- * Internal Action stream that is emitted anytime an action is dispatched.
+ * Given a object relationship graph will return the full path
+ * for the child items. Example:
+ *
+ *  const graph = {
+ *    cart: ['saved'],
+ *    saved: ['items'],
+ *    items: []
+ *  };
+ *
+ * would return:
+ *
+ *  const r = {
+ *    cart: 'cart',
+ *    saved: 'cart.saved',
+ *    items: 'cart.saved.items'
+ *  };
+ *
+ * @ignore
  */
-class InternalActions extends OrderedSubject {
-    ngOnDestroy() {
-        this.complete();
+function findFullParentPath(obj, newObj = {}) {
+    const visit = (child, keyToFind) => {
+        for (const key in child) {
+            if (child.hasOwnProperty(key) && child[key].indexOf(keyToFind) >= 0) {
+                const parent = visit(child, key);
+                return parent !== null ? `${parent}.${key}` : key;
+            }
+        }
+        return null;
+    };
+    for (const key in obj) {
+        if (obj.hasOwnProperty(key)) {
+            const parent = visit(obj, key);
+            newObj[key] = parent ? `${parent}.${key}` : key;
+        }
     }
+    return newObj;
 }
-/** @nocollapse */ InternalActions.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: InternalActions, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ InternalActions.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: InternalActions, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: InternalActions, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
 /**
- * Action stream that is emitted anytime an action is dispatched.
+ * Given a object graph, it will return the items topologically sorted Example:
  *
- * You can listen to this in services to react without stores.
+ *  const graph = {
+ *    cart: ['saved'],
+ *    saved: ['items'],
+ *    items: []
+ *  };
+ *
+ * would return:
+ *
+ *  const results = [
+ *    'items',
+ *    'saved',
+ *    'cart'
+ *  ];
+ *
+ * @ignore
  */
-class Actions extends Observable {
-    constructor(internalActions$, internalExecutionStrategy) {
-        const sharedInternalActions$ = internalActions$.pipe(leaveNgxs(internalExecutionStrategy), 
-        // The `InternalActions` subject emits outside of the Angular zone.
-        // We have to re-enter the Angular zone for any incoming consumer.
-        // The `share()` operator reduces the number of change detections.
-        // This would call leave only once for any stream emission across all active subscribers.
-        share());
-        super(observer => {
-            const childSubscription = sharedInternalActions$.subscribe({
-                next: ctx => observer.next(ctx),
-                error: error => observer.error(error),
-                complete: () => observer.complete()
-            });
-            observer.add(childSubscription);
+function topologicalSort(graph) {
+    const sorted = [];
+    const visited = {};
+    const visit = (name, ancestors = []) => {
+        if (!Array.isArray(ancestors)) {
+            ancestors = [];
+        }
+        ancestors.push(name);
+        visited[name] = true;
+        graph[name].forEach((dep) => {
+            // 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) && ancestors.indexOf(dep) >= 0) {
+                throw new Error(`Circular dependency '${dep}' is required by '${name}': ${ancestors.join(' -> ')}`);
+            }
+            if (visited[dep]) {
+                return;
+            }
+            visit(dep, ancestors.slice(0));
         });
-    }
+        if (sorted.indexOf(name) < 0) {
+            sorted.push(name);
+        }
+    };
+    Object.keys(graph).forEach(k => visit(k));
+    return sorted.reverse();
 }
-/** @nocollapse */ Actions.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: Actions, deps: [{ token: InternalActions }, { token: InternalNgxsExecutionStrategy }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ Actions.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: Actions, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: Actions, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () { return [{ type: InternalActions }, { type: InternalNgxsExecutionStrategy }]; } });
-
 /**
- * BehaviorSubject of the entire state.
+ * Returns if the parameter is a object or not.
+ *
  * @ignore
  */
-class StateStream extends OrderedBehaviorSubject {
-    constructor() {
-        super({});
-    }
-    ngOnDestroy() {
-        // The StateStream should never emit values once the root view is removed,
-        // such as when the `NgModuleRef.destroy()` method is called. This is crucial
-        // for preventing memory leaks in server-side rendered apps, where a new StateStream
-        // is created for each HTTP request. If users forget to unsubscribe from `store.select`
-        // or `store.subscribe`, it can result in significant memory leaks in SSR apps.
-        this.complete();
-    }
+function isObject(obj) {
+    return (typeof obj === 'object' && obj !== null) || typeof obj === 'function';
 }
-/** @nocollapse */ StateStream.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: StateStream, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ StateStream.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: StateStream, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: StateStream, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () { return []; } });
 
 /**
- * Returns the type from an action instance/class.
- * @ignore
+ * RxJS operator for selecting out specific actions.
+ *
+ * This will grab actions that have just been dispatched as well as actions that have completed
  */
-function getActionTypeFromInstance(action) {
-    if (action.constructor && action.constructor.type) {
-        return action.constructor.type;
-    }
-    else {
-        return action.type;
-    }
+function ofAction(...allowedTypes) {
+    return ofActionOperator(allowedTypes);
 }
 /**
- * Matches a action
- * @ignore
+ * RxJS operator for selecting out specific actions.
+ *
+ * This will ONLY grab actions that have just been dispatched
  */
-function actionMatcher(action1) {
-    const type1 = getActionTypeFromInstance(action1);
-    return function (action2) {
-        return type1 === getActionTypeFromInstance(action2);
-    };
+function ofActionDispatched(...allowedTypes) {
+    return ofActionOperator(allowedTypes, ["DISPATCHED" /* Dispatched */]);
 }
 /**
- * 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.
+ * RxJS operator for selecting out specific actions.
  *
- * @ignore
+ * This will ONLY grab actions that have just been successfully completed
  */
-const setValue = (obj, prop, val) => {
-    obj = { ...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() : { ...acc[part] };
-        }
-        return acc && acc[part];
-    }, obj);
-    return obj;
-};
+function ofActionSuccessful(...allowedTypes) {
+    return ofActionOperator(allowedTypes, ["SUCCESSFUL" /* Successful */]);
+}
 /**
- * Get a deeply nested value. Example:
- *
- *    getValue({ foo: bar: [] }, 'foo.bar') //=> []
+ * RxJS operator for selecting out specific actions.
  *
- * @ignore
+ * This will ONLY grab actions that have just been canceled
  */
-const getValue = (obj, prop) => prop.split('.').reduce((acc, part) => acc && acc[part], obj);
+function ofActionCanceled(...allowedTypes) {
+    return ofActionOperator(allowedTypes, ["CANCELED" /* Canceled */]);
+}
 /**
- * Simple object check.
- *
- *    isObject({a:1}) //=> true
- *    isObject(1) //=> false
+ * RxJS operator for selecting out specific actions.
  *
- * @ignore
+ * This will ONLY grab actions that have just been completed
  */
-const isObject$1 = (item) => {
-    return item && typeof item === 'object' && !Array.isArray(item);
-};
+function ofActionCompleted(...allowedTypes) {
+    const allowedStatuses = [
+        "SUCCESSFUL" /* Successful */,
+        "CANCELED" /* Canceled */,
+        "ERRORED" /* Errored */
+    ];
+    return ofActionOperator(allowedTypes, allowedStatuses, mapActionResult);
+}
 /**
- * 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}
+ * RxJS operator for selecting out specific actions.
  *
- * @param base base object onto which `sources` will be applied
+ * This will ONLY grab actions that have just thrown an error
  */
-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] });
+function ofActionErrored(...allowedTypes) {
+    return ofActionOperator(allowedTypes, ["ERRORED" /* Errored */]);
+}
+function ofActionOperator(allowedTypes, statuses, 
+// This actually could've been `OperatorFunction<ActionContext, ActionCompletion | any>`,
+// since it maps either to `ctx.action` OR to `ActionCompletion`. But `ActionCompleteion | any`
+// defaults to `any`, thus there is no sense from union type.
+mapOperator = mapAction) {
+    const allowedMap = createAllowedActionTypesMap(allowedTypes);
+    const allowedStatusMap = statuses && createAllowedStatusesMap(statuses);
+    return function (o) {
+        return o.pipe(filterStatus(allowedMap, allowedStatusMap), mapOperator());
+    };
+}
+function filterStatus(allowedTypes, allowedStatuses) {
+    return filter((ctx) => {
+        const actionType = getActionTypeFromInstance(ctx.action);
+        const typeMatch = allowedTypes[actionType];
+        const statusMatch = allowedStatuses ? allowedStatuses[ctx.status] : true;
+        return typeMatch && statusMatch;
+    });
+}
+function mapActionResult() {
+    return map(({ action, status, error }) => {
+        return {
+            action,
+            result: {
+                successful: "SUCCESSFUL" /* Successful */ === status,
+                canceled: "CANCELED" /* Canceled */ === status,
+                error
             }
-        }
-    }
-    return mergeDeep(base, ...sources);
-};
-
-const NG_DEV_MODE$3 = typeof ngDevMode === 'undefined' || ngDevMode;
-// The injection token is used to resolve a list of states provided at
-// the root level through either `NgxsModule.forRoot` or `provideStore`.
-const ROOT_STATE_TOKEN = new InjectionToken(NG_DEV_MODE$3 ? 'ROOT_STATE_TOKEN' : '');
-// The injection token is used to resolve a list of states provided at
-// the feature level through either `NgxsModule.forFeature` or `provideStates`.
-// The Array<Array> is used to overload the resolved value of the token because
-// it is a multi-provider token.
-const FEATURE_STATE_TOKEN = new InjectionToken(NG_DEV_MODE$3 ? 'FEATURE_STATE_TOKEN' : '');
-// The injection token is used to resolve to custom NGXS plugins provided
-// at the root level through either `{provide}` scheme or `withNgxsPlugin`.
-const NGXS_PLUGINS = new InjectionToken(NG_DEV_MODE$3 ? 'NGXS_PLUGINS' : '');
-// The injection token is used to resolve to options provided at the root
-// level through either `NgxsModule.forRoot` or `provideStore`.
-const NGXS_OPTIONS = new InjectionToken(NG_DEV_MODE$3 ? 'NGXS_OPTIONS' : '');
-/**
- * The NGXS config settings.
- */
-class NgxsConfig {
-    constructor() {
-        /**
-         * Defining the default state before module initialization
-         * This is convenient if we need to create a define our own set of states.
-         * @deprecated will be removed after v4
-         * (default: {})
-         */
-        this.defaultsState = {};
-        /**
-         * Defining shared selector options
-         */
-        this.selectorOptions = {
-            injectContainerState: true,
-            suppressErrors: true // TODO: default is true in v3, will change in v4
-        };
-        this.compatibility = {
-            strictContentSecurityPolicy: false
         };
-        this.executionStrategy = DispatchOutsideZoneNgxsExecutionStrategy;
-    }
+    });
 }
-/** @nocollapse */ NgxsConfig.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: NgxsConfig, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ NgxsConfig.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: NgxsConfig, providedIn: 'root', useFactory: () => mergeDeep(new NgxsConfig(), inject(NGXS_OPTIONS)) });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: NgxsConfig, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                    useFactory: () => mergeDeep(new NgxsConfig(), inject(NGXS_OPTIONS))
-                }]
-        }], ctorParameters: function () { return []; } });
+function mapAction() {
+    return map((ctx) => ctx.action);
+}
+function createAllowedActionTypesMap(types) {
+    return types.reduce((filterMap, klass) => {
+        filterMap[getActionTypeFromInstance(klass)] = true;
+        return filterMap;
+    }, {});
+}
+function createAllowedStatusesMap(statuses) {
+    return statuses.reduce((filterMap, status) => {
+        filterMap[status] = true;
+        return filterMap;
+    }, {});
+}
+
 /**
- * Represents a basic change from a previous to a new value for a single state instance.
- * Passed as a value in a NgxsSimpleChanges object to the ngxsOnChanges hook.
+ * Returns operator that will run
+ * `subscribe` outside of the ngxs execution context
  */
-class NgxsSimpleChange {
-    constructor(previousValue, currentValue, firstChange) {
-        this.previousValue = previousValue;
-        this.currentValue = currentValue;
-        this.firstChange = firstChange;
-    }
+function leaveNgxs(ngxsExecutionStrategy) {
+    return (source) => {
+        return new Observable((sink) => {
+            return source.subscribe({
+                next(value) {
+                    ngxsExecutionStrategy.leave(() => sink.next(value));
+                },
+                error(error) {
+                    ngxsExecutionStrategy.leave(() => sink.error(error));
+                },
+                complete() {
+                    ngxsExecutionStrategy.leave(() => sink.complete());
+                }
+            });
+        });
+    };
 }
 
-class PluginManager {
+class InternalNgxsExecutionStrategy {
+    constructor(_executionStrategy) {
+        this._executionStrategy = _executionStrategy;
+    }
+    enter(func) {
+        return this._executionStrategy.enter(func);
+    }
+    leave(func) {
+        return this._executionStrategy.leave(func);
+    }
+}
+/** @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, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: InternalNgxsExecutionStrategy, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [NGXS_EXECUTION_STRATEGY]
+                }] }]; } });
+
+/**
+ * This wraps the provided function, and will enforce the following:
+ * - The calls will execute in the order that they are made
+ * - A call will only be initiated when the previous call has completed
+ * - If there is a call currently executing then the new call will be added
+ *   to the queue and the function will return immediately
+ *
+ * NOTE: The following assumptions about the operation must hold true:
+ * - The operation is synchronous in nature
+ * - If any asynchronous side effects of the call exist, it should not
+ *   have any bearing on the correctness of the next call in the queue
+ * - The operation has a void return
+ * - The caller should not assume that the call has completed upon
+ *   return of the function
+ * - The caller can assume that all the queued calls will complete
+ *   within the current microtask
+ * - The only way that a call will encounter another call in the queue
+ *   would be if the call at the front of the queue initiated this call
+ *   as part of its synchronous execution
+ */
+function orderedQueueOperation(operation) {
+    const callsQueue = [];
+    let busyPushingNext = false;
+    return function callOperation(...args) {
+        if (busyPushingNext) {
+            callsQueue.unshift(args);
+            return;
+        }
+        busyPushingNext = true;
+        operation(...args);
+        while (callsQueue.length > 0) {
+            const nextCallArgs = callsQueue.pop();
+            nextCallArgs && operation(...nextCallArgs);
+        }
+        busyPushingNext = false;
+    };
+}
+/**
+ * Custom Subject that ensures that subscribers are notified of values in the order that they arrived.
+ * A standard Subject does not have this guarantee.
+ * For example, given the following code:
+ * ```typescript
+ *   const subject = new Subject<string>();
+     subject.subscribe(value => {
+       if (value === 'start') subject.next('end');
+     });
+     subject.subscribe(value => { });
+     subject.next('start');
+ * ```
+ * When `subject` is a standard `Subject<T>` the second subscriber would recieve `end` and then `start`.
+ * When `subject` is a `OrderedSubject<T>` the second subscriber would recieve `start` and then `end`.
+ */
+class OrderedSubject extends Subject {
+    constructor() {
+        super(...arguments);
+        this._orderedNext = orderedQueueOperation((value) => super.next(value));
+    }
+    next(value) {
+        this._orderedNext(value);
+    }
+}
+/**
+ * Custom BehaviorSubject that ensures that subscribers are notified of values in the order that they arrived.
+ * A standard BehaviorSubject does not have this guarantee.
+ * For example, given the following code:
+ * ```typescript
+ *   const subject = new BehaviorSubject<string>();
+     subject.subscribe(value => {
+       if (value === 'start') subject.next('end');
+     });
+     subject.subscribe(value => { });
+     subject.next('start');
+ * ```
+ * When `subject` is a standard `BehaviorSubject<T>` the second subscriber would recieve `end` and then `start`.
+ * When `subject` is a `OrderedBehaviorSubject<T>` the second subscriber would recieve `start` and then `end`.
+ */
+class OrderedBehaviorSubject extends BehaviorSubject {
+    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);
+    }
+}
+
+/**
+ * Internal Action stream that is emitted anytime an action is dispatched.
+ */
+class InternalActions extends OrderedSubject {
+    ngOnDestroy() {
+        this.complete();
+    }
+}
+/** @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, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: InternalActions, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+/**
+ * Action stream that is emitted anytime an action is dispatched.
+ *
+ * You can listen to this in services to react without stores.
+ */
+class Actions extends Observable {
+    constructor(internalActions$, internalExecutionStrategy) {
+        const sharedInternalActions$ = internalActions$.pipe(leaveNgxs(internalExecutionStrategy), 
+        // The `InternalActions` subject emits outside of the Angular zone.
+        // We have to re-enter the Angular zone for any incoming consumer.
+        // The `share()` operator reduces the number of change detections.
+        // This would call leave only once for any stream emission across all active subscribers.
+        share());
+        super(observer => {
+            const childSubscription = sharedInternalActions$.subscribe({
+                next: ctx => observer.next(ctx),
+                error: error => observer.error(error),
+                complete: () => observer.complete()
+            });
+            observer.add(childSubscription);
+        });
+    }
+}
+/** @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, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: Actions, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return [{ type: InternalActions }, { type: InternalNgxsExecutionStrategy }]; } });
+
+/**
+ * Composes a array of functions from left to right. Example:
+ *
+ *      compose([fn, final])(state, action);
+ *
+ * then the funcs have a signature like:
+ *
+ *      function fn (state, action, next) {
+ *          console.log('here', state, action, next);
+ *          return next(state, action);
+ *      }
+ *
+ *      function final (state, action) {
+ *          console.log('here', state, action);
+ *          return state;
+ *      }
+ *
+ * the last function should not call `next`.
+ *
+ * @ignore
+ */
+const compose = (funcs) => (...args) => {
+    const curr = funcs.shift();
+    return curr(...args, (...nextArgs) => compose(funcs)(...nextArgs));
+};
+
+/**
+ * This operator is used for piping the observable result
+ * from the `dispatch()`. It has a "smart" error handling
+ * strategy that allows us to decide whether we propagate
+ * errors to Angular's `ErrorHandler` or enable users to
+ * handle them manually. We consider following cases:
+ * 1) `store.dispatch()` (no subscribe) -> call `handleError()`
+ * 2) `store.dispatch().subscribe()` (no error callback) -> call `handleError()`
+ * 3) `store.dispatch().subscribe({ error: ... })` -> don't call `handleError()`
+ * 4) `toPromise()` without `catch` -> do `handleError()`
+ * 5) `toPromise()` with `catch` -> don't `handleError()`
+ */
+function ngxsErrorHandler(internalErrorReporter, ngxsExecutionStrategy) {
+    return (source) => {
+        let subscribed = false;
+        source.subscribe({
+            error: error => {
+                // Do not trigger change detection for a microtask. This depends on the execution
+                // strategy being used, but the default `DispatchOutsideZoneNgxsExecutionStrategy`
+                // leaves the Angular zone.
+                ngxsExecutionStrategy.enter(() => Promise.resolve().then(() => {
+                    if (!subscribed) {
+                        ngxsExecutionStrategy.leave(() => internalErrorReporter.reportErrorSafely(error));
+                    }
+                }));
+            }
+        });
+        return new Observable(subscriber => {
+            subscribed = true;
+            return source.pipe(leaveNgxs(ngxsExecutionStrategy)).subscribe(subscriber);
+        });
+    };
+}
+class InternalErrorReporter {
+    constructor(_injector) {
+        this._injector = _injector;
+        /** Will be set lazily to be backward compatible. */
+        this._errorHandler = null;
+    }
+    reportErrorSafely(error) {
+        if (this._errorHandler === null) {
+            this._errorHandler = this._injector.get(ErrorHandler);
+        }
+        // The `try-catch` is used to avoid handling the error twice. Suppose we call
+        // `handleError` which re-throws the error internally. The re-thrown error will
+        // be caught by zone.js which will then get to the `zone.onError.emit()` and the
+        // `onError` subscriber will call `handleError` again.
+        try {
+            this._errorHandler.handleError(error);
+        }
+        catch (_a) { }
+    }
+}
+/** @nocollapse */ InternalErrorReporter.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: InternalErrorReporter, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ InternalErrorReporter.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: InternalErrorReporter, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: InternalErrorReporter, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return [{ type: i0.Injector }]; } });
+
+/**
+ * BehaviorSubject of the entire state.
+ * @ignore
+ */
+class StateStream extends OrderedBehaviorSubject {
+    constructor() {
+        super({});
+    }
+    ngOnDestroy() {
+        // The `StateStream` should never emit values once the root view is removed, e.g. when the `NgModuleRef.destroy()` is called.
+        // This will eliminate memory leaks in server-side rendered apps where the `StateStream` is created per each HTTP request, users
+        // might forget to unsubscribe from `store.select` or `store.subscribe`, thus this will lead to huge memory leaks in SSR apps.
+        this.complete();
+    }
+}
+/** @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, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StateStream, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return []; } });
+
+class PluginManager {
     constructor(_parentManager, _pluginHandlers) {
         this._parentManager = _parentManager;
         this._pluginHandlers = _pluginHandlers;
@@ -607,9 +929,9 @@ class PluginManager {
         return handlers.map((plugin) => (plugin.handle ? plugin.handle.bind(plugin) : plugin));
     }
 }
-/** @nocollapse */ PluginManager.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: PluginManager, deps: [{ token: PluginManager, optional: true, skipSelf: true }, { token: NGXS_PLUGINS, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ PluginManager.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: PluginManager });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: PluginManager, decorators: [{
+/** @nocollapse */ PluginManager.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PluginManager, deps: [{ token: PluginManager, optional: true, skipSelf: true }, { token: NGXS_PLUGINS, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ PluginManager.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PluginManager });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PluginManager, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: PluginManager, decorators: [{
                     type: Optional
@@ -630,9 +952,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImpor
  */
 class InternalDispatchedActionResults extends Subject {
 }
-/** @nocollapse */ InternalDispatchedActionResults.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: InternalDispatchedActionResults, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ InternalDispatchedActionResults.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: InternalDispatchedActionResults, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: InternalDispatchedActionResults, decorators: [{
+/** @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, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: InternalDispatchedActionResults, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -680,21 +1002,21 @@ class InternalDispatcher {
                 }
                 const actionResult$ = this.getActionResultStream(nextAction);
                 actionResult$.subscribe(ctx => this._actions.next(ctx));
-                this._actions.next({ action: nextAction, status: "DISPATCHED" /* ActionStatus.Dispatched */ });
+                this._actions.next({ action: nextAction, status: "DISPATCHED" /* Dispatched */ });
                 return this.createDispatchObservable(actionResult$);
             }
         ])(prevState, action).pipe(shareReplay());
     }
     getActionResultStream(action) {
-        return this._actionResults.pipe(filter((ctx) => ctx.action === action && ctx.status !== "DISPATCHED" /* ActionStatus.Dispatched */), take(1), shareReplay());
+        return this._actionResults.pipe(filter((ctx) => ctx.action === action && ctx.status !== "DISPATCHED" /* Dispatched */), take(1), shareReplay());
     }
     createDispatchObservable(actionResult$) {
         return actionResult$
             .pipe(exhaustMap((ctx) => {
             switch (ctx.status) {
-                case "SUCCESSFUL" /* ActionStatus.Successful */:
+                case "SUCCESSFUL" /* Successful */:
                     return of(this._stateStream.getValue());
-                case "ERRORED" /* ActionStatus.Errored */:
+                case "ERRORED" /* Errored */:
                     return throwError(ctx.error);
                 default:
                     return EMPTY;
@@ -703,9 +1025,9 @@ class InternalDispatcher {
             .pipe(shareReplay());
     }
 }
-/** @nocollapse */ InternalDispatcher.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", 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: "15.2.4", ngImport: i0, type: InternalDispatcher, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: InternalDispatcher, decorators: [{
+/** @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, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: InternalDispatcher, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: InternalActions }, { type: InternalDispatchedActionResults }, { type: PluginManager }, { type: StateStream }, { type: InternalNgxsExecutionStrategy }, { type: InternalErrorReporter }]; } });
@@ -728,479 +1050,60 @@ const deepFreeze = (o) => {
         }
     });
     return o;
-};
-
-/**
- * @ignore
- */
-class InternalStateOperations {
-    constructor(_stateStream, _dispatcher, _config) {
-        this._stateStream = _stateStream;
-        this._dispatcher = _dispatcher;
-        this._config = _config;
-    }
-    /**
-     * Returns the root state operators.
-     */
-    getRootStateOperations() {
-        const rootStateOperations = {
-            getState: () => this._stateStream.getValue(),
-            setState: (newState) => this._stateStream.next(newState),
-            dispatch: (actionOrActions) => this._dispatcher.dispatch(actionOrActions)
-        };
-        if (typeof ngDevMode === 'undefined' || ngDevMode) {
-            return this._config.developmentMode
-                ? ensureStateAndActionsAreImmutable(rootStateOperations)
-                : rootStateOperations;
-        }
-        else {
-            return rootStateOperations;
-        }
-    }
-    setStateToTheCurrentWithNew(results) {
-        const stateOperations = this.getRootStateOperations();
-        // Get our current stream
-        const currentState = stateOperations.getState();
-        // Set the state to the current + new
-        stateOperations.setState({ ...currentState, ...results.defaults });
-    }
-}
-/** @nocollapse */ InternalStateOperations.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", 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: "15.2.4", ngImport: i0, type: InternalStateOperations, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: InternalStateOperations, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () { return [{ type: StateStream }, { type: InternalDispatcher }, { type: NgxsConfig }]; } });
-function ensureStateAndActionsAreImmutable(root) {
-    return {
-        getState: () => root.getState(),
-        setState: value => {
-            const frozenValue = deepFreeze(value);
-            return root.setState(frozenValue);
-        },
-        dispatch: actions => {
-            return root.dispatch(actions);
-        }
-    };
-}
-
-/**
- * Ensures metadata is attached to the class and returns it.
- *
- * @ignore
- */
-function ensureStoreMetadata$1(target) {
-    if (!target.hasOwnProperty(ɵMETA_KEY)) {
-        const defaultMetadata = {
-            name: null,
-            actions: {},
-            defaults: {},
-            path: null,
-            makeRootSelector(context) {
-                return context.getStateGetter(defaultMetadata.name);
-            },
-            children: []
-        };
-        Object.defineProperty(target, ɵMETA_KEY, { value: defaultMetadata });
-    }
-    return getStoreMetadata$1(target);
-}
-/**
- * Get the metadata attached to the state class if it exists.
- *
- * @ignore
- */
-function getStoreMetadata$1(target) {
-    return target[ɵMETA_KEY];
-}
-/**
- * Ensures metadata is attached to the selector and returns it.
- *
- * @ignore
- */
-function ensureSelectorMetadata$1(target) {
-    if (!target.hasOwnProperty(ɵSELECTOR_META_KEY)) {
-        const defaultMetadata = {
-            makeRootSelector: null,
-            originalFn: null,
-            containerClass: null,
-            selectorName: null,
-            getSelectorOptions: () => ({})
-        };
-        Object.defineProperty(target, ɵSELECTOR_META_KEY, { value: defaultMetadata });
-    }
-    return getSelectorMetadata$1(target);
-}
-/**
- * Get the metadata attached to the selector if it exists.
- *
- * @ignore
- */
-function getSelectorMetadata$1(target) {
-    return target[ɵSELECTOR_META_KEY];
-}
-/**
- * Get a deeply nested value. Example:
- *
- *    getValue({ foo: bar: [] }, 'foo.bar') //=> []
- *
- * Note: This is not as fast as the `fastPropGetter` but is strict Content Security Policy compliant.
- * See perf hit: https://jsperf.com/fast-value-getter-given-path/1
- *
- * @ignore
- */
-function compliantPropGetter(paths) {
-    const copyOfPaths = paths.slice();
-    return obj => copyOfPaths.reduce((acc, part) => acc && acc[part], obj);
-}
-/**
- * The generated function is faster than:
- * - pluck (Observable operator)
- * - memoize
- *
- * @ignore
- */
-function fastPropGetter(paths) {
-    const segments = paths;
-    let seg = 'store.' + segments[0];
-    let i = 0;
-    const l = segments.length;
-    let expr = seg;
-    while (++i < l) {
-        expr = expr + ' && ' + (seg = seg + '.' + segments[i]);
-    }
-    const fn = new Function('store', 'return ' + expr + ';');
-    return fn;
-}
-/**
- * Get a deeply nested value. Example:
- *
- *    getValue({ foo: bar: [] }, 'foo.bar') //=> []
- *
- * @ignore
- */
-function propGetter(paths, config) {
-    if (config && config.compatibility && config.compatibility.strictContentSecurityPolicy) {
-        return compliantPropGetter(paths);
-    }
-    else {
-        return fastPropGetter(paths);
-    }
-}
-/**
- * Given an array of states, it will return a object graph. Example:
- *    const states = [
- *      Cart,
- *      CartSaved,
- *      CartSavedItems
- *    ]
- *
- * would return:
- *
- *  const graph = {
- *    cart: ['saved'],
- *    saved: ['items'],
- *    items: []
- *  };
- *
- * @ignore
- */
-function buildGraph(stateClasses) {
-    const findName = (stateClass) => {
-        const meta = stateClasses.find(g => g === stateClass);
-        // 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) && !meta) {
-            throw new Error(`Child state not found: ${stateClass}. \r\nYou may have forgotten to add states to module`);
-        }
-        return meta[ɵMETA_KEY].name;
-    };
-    return stateClasses.reduce((result, stateClass) => {
-        const { name, children } = stateClass[ɵMETA_KEY];
-        result[name] = (children || []).map(findName);
-        return result;
-    }, {});
-}
-/**
- * Given a states array, returns object graph
- * returning the name and state metadata. Example:
- *
- *  const graph = {
- *    cart: { metadata }
- *  };
- *
- * @ignore
- */
-function nameToState(states) {
-    return states.reduce((result, stateClass) => {
-        const meta = stateClass[ɵMETA_KEY];
-        result[meta.name] = stateClass;
-        return result;
-    }, {});
-}
-/**
- * Given a object relationship graph will return the full path
- * for the child items. Example:
- *
- *  const graph = {
- *    cart: ['saved'],
- *    saved: ['items'],
- *    items: []
- *  };
- *
- * would return:
- *
- *  const r = {
- *    cart: 'cart',
- *    saved: 'cart.saved',
- *    items: 'cart.saved.items'
- *  };
- *
- * @ignore
- */
-function findFullParentPath(obj, newObj = {}) {
-    const visit = (child, keyToFind) => {
-        for (const key in child) {
-            if (child.hasOwnProperty(key) && child[key].indexOf(keyToFind) >= 0) {
-                const parent = visit(child, key);
-                return parent !== null ? `${parent}.${key}` : key;
-            }
-        }
-        return null;
-    };
-    for (const key in obj) {
-        if (obj.hasOwnProperty(key)) {
-            const parent = visit(obj, key);
-            newObj[key] = parent ? `${parent}.${key}` : key;
-        }
-    }
-    return newObj;
-}
-/**
- * Given a object graph, it will return the items topologically sorted Example:
- *
- *  const graph = {
- *    cart: ['saved'],
- *    saved: ['items'],
- *    items: []
- *  };
- *
- * would return:
- *
- *  const results = [
- *    'items',
- *    'saved',
- *    'cart'
- *  ];
- *
- * @ignore
- */
-function topologicalSort(graph) {
-    const sorted = [];
-    const visited = {};
-    const visit = (name, ancestors = []) => {
-        if (!Array.isArray(ancestors)) {
-            ancestors = [];
-        }
-        ancestors.push(name);
-        visited[name] = true;
-        graph[name].forEach((dep) => {
-            // 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) && ancestors.indexOf(dep) >= 0) {
-                throw new Error(`Circular dependency '${dep}' is required by '${name}': ${ancestors.join(' -> ')}`);
-            }
-            if (visited[dep]) {
-                return;
-            }
-            visit(dep, ancestors.slice(0));
-        });
-        if (sorted.indexOf(name) < 0) {
-            sorted.push(name);
-        }
-    };
-    Object.keys(graph).forEach(k => visit(k));
-    return sorted.reverse();
-}
-/**
- * Returns if the parameter is a object or not.
- *
- * @ignore
- */
-function isObject(obj) {
-    return (typeof obj === 'object' && obj !== null) || typeof obj === 'function';
-}
-
-function createRootSelectorFactory(selectorMetaData, selectors, memoizedSelectorFn) {
-    return (context) => {
-        const { argumentSelectorFunctions, selectorOptions } = getRuntimeSelectorInfo(context, selectorMetaData, selectors);
-        return function selectFromRoot(rootState) {
-            // Determine arguments from the app state using the selectors
-            const results = argumentSelectorFunctions.map((argFn) => argFn(rootState));
-            // if the lambda tries to access a something on the
-            // state that doesn't exist, it will throw a TypeError.
-            // since this is quite usual behaviour, we simply return undefined if so.
-            try {
-                return memoizedSelectorFn(...results);
-            }
-            catch (ex) {
-                if (ex instanceof TypeError && selectorOptions.suppressErrors) {
-                    return undefined;
-                }
-                throw ex;
-            }
-        };
-    };
-}
-function createMemoizedSelectorFn(originalFn, creationMetadata) {
-    const containerClass = creationMetadata && creationMetadata.containerClass;
-    const wrappedFn = function wrappedSelectorFn(...args) {
-        const returnValue = originalFn.apply(containerClass, args);
-        if (returnValue instanceof Function) {
-            const innerMemoizedFn = memoize.apply(null, [returnValue]);
-            return innerMemoizedFn;
-        }
-        return returnValue;
-    };
-    const memoizedFn = memoize(wrappedFn);
-    Object.setPrototypeOf(memoizedFn, originalFn);
-    return memoizedFn;
-}
-function getRuntimeSelectorInfo(context, selectorMetaData, selectors = []) {
-    const localSelectorOptions = selectorMetaData.getSelectorOptions();
-    const selectorOptions = context.getSelectorOptions(localSelectorOptions);
-    const selectorsToApply = getSelectorsToApply(selectors, selectorOptions, selectorMetaData.containerClass);
-    const argumentSelectorFunctions = selectorsToApply.map((selector) => {
-        const factory = getRootSelectorFactory(selector);
-        return factory(context);
-    });
-    return {
-        selectorOptions,
-        argumentSelectorFunctions,
-    };
-}
-function getSelectorsToApply(selectors = [], selectorOptions, containerClass) {
-    const selectorsToApply = [];
-    const canInjectContainerState = selectors.length === 0 || selectorOptions.injectContainerState;
-    if (containerClass && canInjectContainerState) {
-        // If we are on a state class, add it as the first selector parameter
-        const metadata = getStoreMetadata$1(containerClass);
-        if (metadata) {
-            selectorsToApply.push(containerClass);
-        }
-    }
-    if (selectors) {
-        selectorsToApply.push(...selectors);
-    }
-    return selectorsToApply;
-}
-/**
- * This function gets the factory function to create the selector to get the selected slice from the app state
- * @ignore
- */
-function getRootSelectorFactory(selector) {
-    const metadata = getSelectorMetadata$1(selector) || getStoreMetadata$1(selector);
-    return (metadata && metadata.makeRootSelector) || (() => selector);
-}
-
-/**
- * RxJS operator for selecting out specific actions.
- *
- * This will grab actions that have just been dispatched as well as actions that have completed
- */
-function ofAction(...allowedTypes) {
-    return ofActionOperator(allowedTypes);
-}
-/**
- * RxJS operator for selecting out specific actions.
- *
- * This will ONLY grab actions that have just been dispatched
- */
-function ofActionDispatched(...allowedTypes) {
-    return ofActionOperator(allowedTypes, ["DISPATCHED" /* ActionStatus.Dispatched */]);
-}
-/**
- * RxJS operator for selecting out specific actions.
- *
- * This will ONLY grab actions that have just been successfully completed
- */
-function ofActionSuccessful(...allowedTypes) {
-    return ofActionOperator(allowedTypes, ["SUCCESSFUL" /* ActionStatus.Successful */]);
-}
-/**
- * RxJS operator for selecting out specific actions.
- *
- * This will ONLY grab actions that have just been canceled
- */
-function ofActionCanceled(...allowedTypes) {
-    return ofActionOperator(allowedTypes, ["CANCELED" /* ActionStatus.Canceled */]);
-}
-/**
- * RxJS operator for selecting out specific actions.
- *
- * This will ONLY grab actions that have just been completed
- */
-function ofActionCompleted(...allowedTypes) {
-    const allowedStatuses = [
-        "SUCCESSFUL" /* ActionStatus.Successful */,
-        "CANCELED" /* ActionStatus.Canceled */,
-        "ERRORED" /* ActionStatus.Errored */
-    ];
-    return ofActionOperator(allowedTypes, allowedStatuses, mapActionResult);
-}
+};
+
 /**
- * RxJS operator for selecting out specific actions.
- *
- * This will ONLY grab actions that have just thrown an error
+ * @ignore
  */
-function ofActionErrored(...allowedTypes) {
-    return ofActionOperator(allowedTypes, ["ERRORED" /* ActionStatus.Errored */]);
-}
-function ofActionOperator(allowedTypes, statuses, 
-// This actually could've been `OperatorFunction<ActionContext, ActionCompletion | any>`,
-// since it maps either to `ctx.action` OR to `ActionCompletion`. But `ActionCompleteion | any`
-// defaults to `any`, thus there is no sense from union type.
-mapOperator = mapAction) {
-    const allowedMap = createAllowedActionTypesMap(allowedTypes);
-    const allowedStatusMap = statuses && createAllowedStatusesMap(statuses);
-    return function (o) {
-        return o.pipe(filterStatus(allowedMap, allowedStatusMap), mapOperator());
-    };
-}
-function filterStatus(allowedTypes, allowedStatuses) {
-    return filter((ctx) => {
-        const actionType = getActionTypeFromInstance(ctx.action);
-        const typeMatch = allowedTypes[actionType];
-        const statusMatch = allowedStatuses ? allowedStatuses[ctx.status] : true;
-        return typeMatch && statusMatch;
-    });
-}
-function mapActionResult() {
-    return map(({ action, status, error }) => {
-        return {
-            action,
-            result: {
-                successful: "SUCCESSFUL" /* ActionStatus.Successful */ === status,
-                canceled: "CANCELED" /* ActionStatus.Canceled */ === status,
-                error
-            }
+class InternalStateOperations {
+    constructor(_stateStream, _dispatcher, _config) {
+        this._stateStream = _stateStream;
+        this._dispatcher = _dispatcher;
+        this._config = _config;
+    }
+    /**
+     * Returns the root state operators.
+     */
+    getRootStateOperations() {
+        const rootStateOperations = {
+            getState: () => this._stateStream.getValue(),
+            setState: (newState) => this._stateStream.next(newState),
+            dispatch: (actionOrActions) => this._dispatcher.dispatch(actionOrActions)
         };
-    });
-}
-function mapAction() {
-    return map((ctx) => ctx.action);
-}
-function createAllowedActionTypesMap(types) {
-    return types.reduce((filterMap, klass) => {
-        filterMap[getActionTypeFromInstance(klass)] = true;
-        return filterMap;
-    }, {});
+        if (typeof ngDevMode === 'undefined' || ngDevMode) {
+            return this._config.developmentMode
+                ? ensureStateAndActionsAreImmutable(rootStateOperations)
+                : rootStateOperations;
+        }
+        else {
+            return rootStateOperations;
+        }
+    }
+    setStateToTheCurrentWithNew(results) {
+        const stateOperations = this.getRootStateOperations();
+        // Get our current stream
+        const currentState = stateOperations.getState();
+        // Set the state to the current + new
+        stateOperations.setState(Object.assign(Object.assign({}, currentState), results.defaults));
+    }
 }
-function createAllowedStatusesMap(statuses) {
-    return statuses.reduce((filterMap, status) => {
-        filterMap[status] = true;
-        return filterMap;
-    }, {});
+/** @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, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: InternalStateOperations, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return [{ type: StateStream }, { type: InternalDispatcher }, { type: NgxsConfig }]; } });
+function ensureStateAndActionsAreImmutable(root) {
+    return {
+        getState: () => root.getState(),
+        setState: value => {
+            const frozenValue = deepFreeze(value);
+            return root.setState(frozenValue);
+        },
+        dispatch: actions => {
+            return root.dispatch(actions);
+        }
+    };
 }
 
 function simplePatch(value) {
@@ -1213,7 +1116,7 @@ function simplePatch(value) {
                 throwPatchingPrimitiveError();
             }
         }
-        const newState = { ...existingState };
+        const newState = Object.assign({}, existingState);
         for (const key in value) {
             // deep clone for patch compatibility
             newState[key] = value[key];
@@ -1257,9 +1160,9 @@ class StateContextFactory {
         };
     }
 }
-/** @nocollapse */ StateContextFactory.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: StateContextFactory, deps: [{ token: InternalStateOperations }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ StateContextFactory.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: StateContextFactory, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: StateContextFactory, decorators: [{
+/** @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, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StateContextFactory, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: InternalStateOperations }]; } });
@@ -1327,7 +1230,7 @@ function aot_hasNgInjectableDef(stateClass) {
 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?.ngMetadataName === 'Injectable');
+    return annotations.some((annotation) => (annotation === null || annotation === void 0 ? void 0 : annotation.ngMetadataName) === 'Injectable');
 }
 
 /**
@@ -1383,16 +1286,16 @@ class NgxsUnhandledActionsLogger {
         console.warn(`The ${action} action has been dispatched but hasn't been handled. This may happen if the state with an action handler for this action is not registered.`);
     }
 }
-/** @nocollapse */ NgxsUnhandledActionsLogger.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: NgxsUnhandledActionsLogger, deps: [{ token: NGXS_DEVELOPMENT_OPTIONS }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ NgxsUnhandledActionsLogger.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: NgxsUnhandledActionsLogger });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: NgxsUnhandledActionsLogger, decorators: [{
+/** @nocollapse */ NgxsUnhandledActionsLogger.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NgxsUnhandledActionsLogger, deps: [{ token: NGXS_DEVELOPMENT_OPTIONS }], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ NgxsUnhandledActionsLogger.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NgxsUnhandledActionsLogger });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NgxsUnhandledActionsLogger, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [NGXS_DEVELOPMENT_OPTIONS]
                 }] }]; } });
 
-const NG_DEV_MODE$2 = typeof ngDevMode === 'undefined' || ngDevMode;
+const NG_DEV_MODE = typeof ngDevMode === 'undefined' || ngDevMode;
 /**
  * The `StateFactory` class adds root and feature states to the graph.
  * This extracts state names from state classes, checks if they already
@@ -1430,26 +1333,21 @@ class StateFactory {
                 ? this._parentFactory.getRuntimeSelectorContext()
                 : {
                     getStateGetter(key) {
-                        // Use `@__INLINE__` annotation to forcely inline `resolveGetter`.
-                        // This is a Terser annotation, which will function only in the production mode.
-                        let getter = /*@__INLINE__*/ resolveGetter(key);
+                        let getter = resolveGetter(key);
                         if (getter) {
                             return getter;
                         }
                         return (...args) => {
                             // Late loaded getter
                             if (!getter) {
-                                getter = /*@__INLINE__*/ resolveGetter(key);
+                                getter = resolveGetter(key);
                             }
                             return getter ? getter(...args) : undefined;
                         };
                     },
                     getSelectorOptions(localOptions) {
                         const globalSelectorOptions = stateFactory._config.selectorOptions;
-                        return {
-                            ...globalSelectorOptions,
-                            ...(localOptions || {})
-                        };
+                        return Object.assign(Object.assign({}, globalSelectorOptions), (localOptions || {}));
                     }
                 };
             return context;
@@ -1470,7 +1368,7 @@ class StateFactory {
             value = defaults.slice();
         }
         else if (isObject(defaults)) {
-            value = { ...defaults };
+            value = Object.assign({}, defaults);
         }
         else if (defaults === undefined) {
             value = {};
@@ -1478,13 +1376,14 @@ class StateFactory {
         return value;
     }
     ngOnDestroy() {
-        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) {
-        if (NG_DEV_MODE$2) {
+        if (NG_DEV_MODE) {
             ensureStatesAreDecorated(stateClasses);
         }
         const { newStates } = this.addToStatesMap(stateClasses);
@@ -1498,13 +1397,13 @@ class StateFactory {
         for (const name of sortedStates) {
             const stateClass = nameGraph[name];
             const path = paths[name];
-            const meta = stateClass[ɵMETA_KEY];
+            const meta = stateClass[META_KEY];
             this.addRuntimeInfoToMeta(meta, path);
             // Note: previously we called `ensureStateClassIsInjectable` within the
             // `State` decorator. This check is moved here because the `ɵprov` property
             // will not exist on the class in JIT mode (because it's set asynchronously
             // during JIT compilation through `Object.defineProperty`).
-            if (NG_DEV_MODE$2) {
+            if (NG_DEV_MODE) {
                 ensureStateClassIsInjectable(stateClass);
             }
             const stateMap = {
@@ -1543,10 +1442,10 @@ class StateFactory {
         }
         const dispatched$ = new Subject();
         this._actionsSubscription = this._actions
-            .pipe(filter((ctx) => ctx.status === "DISPATCHED" /* ActionStatus.Dispatched */), mergeMap(ctx => {
+            .pipe(filter((ctx) => ctx.status === "DISPATCHED" /* Dispatched */), mergeMap(ctx => {
             dispatched$.next(ctx);
             const action = ctx.action;
-            return this.invokeActions(dispatched$, action).pipe(map(() => ({ action, status: "SUCCESSFUL" /* ActionStatus.Successful */ })), defaultIfEmpty({ action, status: "CANCELED" /* ActionStatus.Canceled */ }), catchError(error => of({ action, status: "ERRORED" /* ActionStatus.Errored */, error })));
+            return this.invokeActions(dispatched$, action).pipe(map(() => ({ action, status: "SUCCESSFUL" /* Successful */ })), defaultIfEmpty({ action, status: "CANCELED" /* Canceled */ }), catchError(error => of({ action, status: "ERRORED" /* Errored */, error })));
         }))
             .subscribe(ctx => this._actionResults.next(ctx));
     }
@@ -1606,7 +1505,7 @@ class StateFactory {
         }
         // The `NgxsUnhandledActionsLogger` is a tree-shakable class which functions
         // only during development.
-        if (NG_DEV_MODE$2 && !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`
@@ -1625,7 +1524,7 @@ class StateFactory {
         const statesMap = this.statesByName;
         for (const stateClass of stateClasses) {
             const stateName = getStoreMetadata$1(stateClass).name;
-            if (NG_DEV_MODE$2) {
+            if (NG_DEV_MODE) {
                 ensureStateNameIsUnique(stateName, stateClass, statesMap);
             }
             const unmountedState = !statesMap[stateName];
@@ -1650,9 +1549,9 @@ class StateFactory {
         return this.statesByName[name] && valueIsBootstrappedInInitialState;
     }
 }
-/** @nocollapse */ StateFactory.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: StateFactory, deps: [{ token: i0.Injector }, { token: NgxsConfig }, { token: StateFactory, optional: true, skipSelf: true }, { token: InternalActions }, { token: InternalDispatchedActionResults }, { token: StateContextFactory }, { token: INITIAL_STATE_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ StateFactory.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: StateFactory });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: StateFactory, decorators: [{
+/** @nocollapse */ StateFactory.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StateFactory, deps: [{ token: i0.Injector }, { token: NgxsConfig }, { token: StateFactory, optional: true, skipSelf: true }, { token: InternalActions }, { token: InternalDispatchedActionResults }, { token: StateContextFactory }, { token: INITIAL_STATE_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ StateFactory.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StateFactory });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StateFactory, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i0.Injector }, { type: NgxsConfig }, { type: StateFactory, decorators: [{
                     type: Optional
@@ -1665,6 +1564,78 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImpor
                     args: [INITIAL_STATE_TOKEN]
                 }] }]; } });
 
+function createRootSelectorFactory(selectorMetaData, selectors, memoizedSelectorFn) {
+    return (context) => {
+        const { argumentSelectorFunctions, selectorOptions } = getRuntimeSelectorInfo(context, selectorMetaData, selectors);
+        return function selectFromRoot(rootState) {
+            // Determine arguments from the app state using the selectors
+            const results = argumentSelectorFunctions.map((argFn) => argFn(rootState));
+            // if the lambda tries to access a something on the
+            // state that doesn't exist, it will throw a TypeError.
+            // since this is quite usual behaviour, we simply return undefined if so.
+            try {
+                return memoizedSelectorFn(...results);
+            }
+            catch (ex) {
+                if (ex instanceof TypeError && selectorOptions.suppressErrors) {
+                    return undefined;
+                }
+                throw ex;
+            }
+        };
+    };
+}
+function createMemoizedSelectorFn(originalFn, creationMetadata) {
+    const containerClass = creationMetadata && creationMetadata.containerClass;
+    const wrappedFn = function wrappedSelectorFn(...args) {
+        const returnValue = originalFn.apply(containerClass, args);
+        if (returnValue instanceof Function) {
+            const innerMemoizedFn = memoize.apply(null, [returnValue]);
+            return innerMemoizedFn;
+        }
+        return returnValue;
+    };
+    const memoizedFn = memoize(wrappedFn);
+    Object.setPrototypeOf(memoizedFn, originalFn);
+    return memoizedFn;
+}
+function getRuntimeSelectorInfo(context, selectorMetaData, selectors = []) {
+    const localSelectorOptions = selectorMetaData.getSelectorOptions();
+    const selectorOptions = context.getSelectorOptions(localSelectorOptions);
+    const selectorsToApply = getSelectorsToApply(selectors, selectorOptions, selectorMetaData.containerClass);
+    const argumentSelectorFunctions = selectorsToApply.map((selector) => {
+        const factory = getRootSelectorFactory(selector);
+        return factory(context);
+    });
+    return {
+        selectorOptions,
+        argumentSelectorFunctions,
+    };
+}
+function getSelectorsToApply(selectors = [], selectorOptions, containerClass) {
+    const selectorsToApply = [];
+    const canInjectContainerState = selectors.length === 0 || selectorOptions.injectContainerState;
+    if (containerClass && canInjectContainerState) {
+        // If we are on a state class, add it as the first selector parameter
+        const metadata = getStoreMetadata$1(containerClass);
+        if (metadata) {
+            selectorsToApply.push(containerClass);
+        }
+    }
+    if (selectors) {
+        selectorsToApply.push(...selectors);
+    }
+    return selectorsToApply;
+}
+/**
+ * This function gets the factory function to create the selector to get the selected slice from the app state
+ * @ignore
+ */
+function getRootSelectorFactory(selector) {
+    const metadata = getSelectorMetadata$1(selector) || getStoreMetadata$1(selector);
+    return (metadata && metadata.makeRootSelector) || (() => selector);
+}
+
 // tslint:disable:unified-signatures
 class Store {
     constructor(_stateStream, _internalStateOperations, _config, _internalExecutionStrategy, _stateFactory, initialStateValue) {
@@ -1738,15 +1709,14 @@ class Store {
         if (storeIsEmpty) {
             const defaultStateNotEmpty = Object.keys(this._config.defaultsState).length > 0;
             const storeValues = defaultStateNotEmpty
-                ? { ...this._config.defaultsState, ...initialStateValue }
-                : initialStateValue;
+                ? Object.assign(Object.assign({}, this._config.defaultsState), initialStateValue) : initialStateValue;
             this._stateStream.next(storeValues);
         }
     }
 }
-/** @nocollapse */ Store.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", 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: "15.2.4", ngImport: i0, type: Store, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: Store, decorators: [{
+/** @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, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: Store, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: StateStream }, { type: InternalStateOperations }, { type: NgxsConfig }, { type: InternalNgxsExecutionStrategy }, { type: StateFactory }, { type: undefined, decorators: [{
@@ -1772,14 +1742,13 @@ class SelectFactory {
 }
 SelectFactory.store = null;
 SelectFactory.config = null;
-/** @nocollapse */ SelectFactory.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: SelectFactory, deps: [{ token: Store }, { token: NgxsConfig }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ SelectFactory.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: SelectFactory, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: SelectFactory, decorators: [{
+/** @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 }]; } });
 
-const NG_DEV_MODE$1 = typeof ngDevMode === 'undefined' || ngDevMode;
 class LifecycleStateManager {
     constructor(_store, _internalErrorReporter, _internalStateOperations, _stateContextFactory, _bootstrapper) {
         this._store = _store;
@@ -1787,27 +1756,12 @@ class LifecycleStateManager {
         this._internalStateOperations = _internalStateOperations;
         this._stateContextFactory = _stateContextFactory;
         this._bootstrapper = _bootstrapper;
-        this._destroy$ = new ReplaySubject(1);
+        this._destroy$ = new Subject();
     }
     ngOnDestroy() {
         this._destroy$.next();
     }
     ngxsBootstrap(action, results) {
-        if (NG_DEV_MODE$1) {
-            if (action instanceof InitState) {
-                this._initStateHasBeenDispatched = true;
-            }
-            else if (
-            // This is a dev mode-only check that ensures the correct order of
-            // state initialization. The `NgxsModule.forRoot` or `provideStore` should
-            // always come first, followed by `forFeature` and `provideStates`. If the
-            // `UpdateState` is dispatched before the `InitState` is dispatched, it indicates
-            // that modules or providers are in an invalid order.
-            action instanceof UpdateState &&
-                !this._initStateHasBeenDispatched) {
-                console.error(getInvalidInitializationOrderMessage(action.addedStates));
-            }
-        }
         this._internalStateOperations
             .getRootStateOperations()
             .dispatch(action)
@@ -1851,196 +1805,148 @@ class LifecycleStateManager {
         return this._stateContextFactory.createStateContext(mappedStore);
     }
 }
-/** @nocollapse */ LifecycleStateManager.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", 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: "15.2.4", ngImport: i0, type: LifecycleStateManager, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: LifecycleStateManager, decorators: [{
+/** @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, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: LifecycleStateManager, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: Store }, { type: InternalErrorReporter }, { type: InternalStateOperations }, { type: StateContextFactory }, { type: i5.NgxsBootstrapper }]; } });
 
-const NG_DEV_MODE = typeof ngDevMode === 'undefined' || ngDevMode;
-/**
- * This function is shared by both NgModule and standalone features.
- * When using `NgxsModule.forRoot` and `provideStore`, we can depend on the
- * same initialization functionality.
- */
-function rootStoreInitializer() {
-    const factory = inject(StateFactory);
-    const internalStateOperations = inject(InternalStateOperations);
-    inject(Store);
-    inject(SelectFactory);
-    const states = inject(ROOT_STATE_TOKEN, { optional: true }) || [];
-    const lifecycleStateManager = inject(LifecycleStateManager);
-    // Add stores to the state graph and return their defaults.
-    const results = factory.addAndReturnDefaults(states);
-    internalStateOperations.setStateToTheCurrentWithNew(results);
-    // Connect our actions stream.
-    factory.connectActionHandlers();
-    // Dispatch the init action and invoke init and bootstrap functions after.
-    lifecycleStateManager.ngxsBootstrap(new InitState(), results);
-}
-/**
- * This function is utilized by both NgModule and standalone features.
- * When using `NgxsModule.forFeature` and `provideStates`, we can depend on
- * the same initialization functionality.
- */
-function featureStatesInitializer() {
-    inject(Store);
-    const internalStateOperations = inject(InternalStateOperations);
-    const factory = inject(StateFactory);
-    const states = inject(FEATURE_STATE_TOKEN, { optional: true }) || [];
-    const lifecycleStateManager = inject(LifecycleStateManager);
-    // Since FEATURE_STATE_TOKEN is a multi token, we need to
-    // flatten it [[Feature1State, Feature2State], [Feature3State]].
-    const flattenedStates = states.reduce((total, values) => total.concat(values), []);
-    // add stores to the state graph and return their defaults.
-    const results = factory.addAndReturnDefaults(flattenedStates);
-    if (results.states.length) {
-        internalStateOperations.setStateToTheCurrentWithNew(results);
-        // Dispatch the update action and invoke init and bootstrap functions after.
-        lifecycleStateManager.ngxsBootstrap(new UpdateState(results.defaults), results);
-    }
-}
-/**
- * InjectionToken that registers the global Store.
- */
-const NGXS_ROOT_STORE_INITIALIZER = new InjectionToken(NG_DEV_MODE ? 'NGXS_ROOT_STORE_INITIALIZER' : '');
-/**
- * InjectionToken that registers feature states.
- */
-const NGXS_FEATURE_STORE_INITIALIZER = new InjectionToken(NG_DEV_MODE ? 'NGXS_FEATURE_STORE_INITIALIZER' : '');
-const NGXS_ROOT_ENVIRONMENT_INITIALIZER = [
-    { provide: NGXS_ROOT_STORE_INITIALIZER, useFactory: rootStoreInitializer },
-    {
-        provide: ENVIRONMENT_INITIALIZER,
-        multi: true,
-        useFactory() {
-            return () => inject(NGXS_ROOT_STORE_INITIALIZER);
-        }
-    }
-];
-/**
- * The `NGXS_FEATURE_ENVIRONMENT_INITIALIZER` functions as an environment initializer
- * at the `Route` level. Angular Router creates an environment route injector for each
- * matched route where navigation occurs. The injector is created once, ensuring that
- * the feature states initialization only happens once as well.
- */
-const NGXS_FEATURE_ENVIRONMENT_INITIALIZER = [
-    { provide: NGXS_FEATURE_STORE_INITIALIZER, useFactory: featureStatesInitializer },
-    {
-        provide: ENVIRONMENT_INITIALIZER,
-        multi: true,
-        useFactory() {
-            return () => inject(NGXS_FEATURE_STORE_INITIALIZER);
-        }
-    }
-];
-
 /**
+ * Root module
  * @ignore
  */
 class NgxsRootModule {
-    constructor() {
-        rootStoreInitializer();
+    constructor(factory, internalStateOperations, _store, _select, states = [], lifecycleStateManager) {
+        // Add stores to the state graph and return their defaults
+        const results = factory.addAndReturnDefaults(states);
+        internalStateOperations.setStateToTheCurrentWithNew(results);
+        // Connect our actions stream
+        factory.connectActionHandlers();
+        // Dispatch the init action and invoke init and bootstrap functions after
+        lifecycleStateManager.ngxsBootstrap(new InitState(), results);
     }
 }
-/** @nocollapse */ NgxsRootModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: NgxsRootModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ NgxsRootModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.4", ngImport: i0, type: NgxsRootModule });
-/** @nocollapse */ NgxsRootModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: NgxsRootModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: NgxsRootModule, decorators: [{
+/** @nocollapse */ NgxsRootModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NgxsRootModule, deps: [{ token: StateFactory }, { token: InternalStateOperations }, { token: Store }, { token: SelectFactory }, { token: ROOT_STATE_TOKEN, optional: true }, { token: LifecycleStateManager }], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ NgxsRootModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NgxsRootModule });
+/** @nocollapse */ NgxsRootModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NgxsRootModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NgxsRootModule, decorators: [{
             type: NgModule
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: function () { return [{ type: StateFactory }, { type: InternalStateOperations }, { type: Store }, { type: SelectFactory }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [ROOT_STATE_TOKEN]
+                }] }, { type: LifecycleStateManager }]; } });
 
 /**
+ * Feature module
  * @ignore
  */
 class NgxsFeatureModule {
-    constructor() {
-        featureStatesInitializer();
+    constructor(_store, internalStateOperations, factory, states = [], lifecycleStateManager) {
+        // Since FEATURE_STATE_TOKEN is a multi token, we need to
+        // flatten it [[Feature1State, Feature2State], [Feature3State]]
+        const flattenedStates = NgxsFeatureModule.flattenStates(states);
+        // add stores to the state graph and return their defaults
+        const results = factory.addAndReturnDefaults(flattenedStates);
+        if (results.states.length) {
+            internalStateOperations.setStateToTheCurrentWithNew(results);
+            // dispatch the update action and invoke init and bootstrap functions after
+            lifecycleStateManager.ngxsBootstrap(new UpdateState(results.defaults), results);
+        }
+    }
+    static flattenStates(states = []) {
+        return states.reduce((total, values) => total.concat(values), []);
     }
 }
-/** @nocollapse */ NgxsFeatureModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: NgxsFeatureModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ NgxsFeatureModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.4", ngImport: i0, type: NgxsFeatureModule });
-/** @nocollapse */ NgxsFeatureModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: NgxsFeatureModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: NgxsFeatureModule, decorators: [{
+/** @nocollapse */ NgxsFeatureModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NgxsFeatureModule, deps: [{ token: Store }, { token: InternalStateOperations }, { token: StateFactory }, { token: FEATURE_STATE_TOKEN, optional: true }, { token: LifecycleStateManager }], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ NgxsFeatureModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NgxsFeatureModule });
+/** @nocollapse */ NgxsFeatureModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NgxsFeatureModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NgxsFeatureModule, decorators: [{
             type: NgModule
-        }], ctorParameters: function () { return []; } });
-
-/**
- * This function provides the required providers when invoking `NgxsModule.forRoot`
- * or `provideStore`. It is shared between the NgModule and standalone APIs.
- */
-function getRootProviders(states, options) {
-    return [
-        StateFactory,
-        PluginManager,
-        ...states,
-        {
-            provide: ROOT_STATE_TOKEN,
-            useValue: states
-        },
-        {
-            provide: APP_BOOTSTRAP_LISTENER,
-            useFactory: () => {
-                const bootstrapper = inject(NgxsBootstrapper);
-                return () => bootstrapper.bootstrap();
-            },
-            multi: true
-        },
-        {
-            provide: NGXS_OPTIONS,
-            useValue: options
-        },
-        {
-            provide: CUSTOM_NGXS_EXECUTION_STRATEGY,
-            useValue: options.executionStrategy
-        },
-        {
-            provide: ɵNGXS_STATE_CONTEXT_FACTORY,
-            useExisting: StateContextFactory
-        },
-        {
-            provide: ɵNGXS_STATE_FACTORY,
-            useExisting: StateFactory
-        }
-    ];
-}
+        }], ctorParameters: function () { return [{ type: Store }, { type: InternalStateOperations }, { type: StateFactory }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [FEATURE_STATE_TOKEN]
+                }] }, { type: LifecycleStateManager }]; } });
 
 /**
- * This function provides the required providers when calling `NgxsModule.forFeature`
- * or `provideStates`. It is shared between the NgModule and standalone APIs.
+ * Ngxs Module
  */
-function getFeatureProviders(states) {
-    return [
-        StateFactory,
-        PluginManager,
-        ...states,
-        {
-            provide: FEATURE_STATE_TOKEN,
-            multi: true,
-            useValue: states
-        }
-    ];
-}
-
 class NgxsModule {
+    /**
+     * Root module factory
+     */
     static forRoot(states = [], options = {}) {
         return {
             ngModule: NgxsRootModule,
-            providers: getRootProviders(states, options)
+            providers: [
+                StateFactory,
+                PluginManager,
+                ...states,
+                ...NgxsModule.ngxsTokenProviders(states, options)
+            ]
         };
     }
+    /**
+     * Feature module factory
+     */
     static forFeature(states = []) {
         return {
             ngModule: NgxsFeatureModule,
-            providers: getFeatureProviders(states)
+            providers: [
+                // This is required on the feature level, see comments in `state-factory.ts`.
+                StateFactory,
+                PluginManager,
+                ...states,
+                {
+                    provide: FEATURE_STATE_TOKEN,
+                    multi: true,
+                    useValue: states
+                }
+            ]
         };
     }
+    static ngxsTokenProviders(states, options) {
+        return [
+            {
+                provide: USER_PROVIDED_NGXS_EXECUTION_STRATEGY,
+                useValue: options.executionStrategy
+            },
+            {
+                provide: ROOT_STATE_TOKEN,
+                useValue: states
+            },
+            {
+                provide: ROOT_OPTIONS,
+                useValue: options
+            },
+            {
+                provide: APP_BOOTSTRAP_LISTENER,
+                useFactory: NgxsModule.appBootstrapListenerFactory,
+                multi: true,
+                deps: [NgxsBootstrapper]
+            },
+            {
+                provide: ɵNGXS_STATE_CONTEXT_FACTORY,
+                useExisting: StateContextFactory
+            },
+            {
+                provide: ɵNGXS_STATE_FACTORY,
+                useExisting: StateFactory
+            }
+        ];
+    }
+    static appBootstrapListenerFactory(bootstrapper) {
+        return () => bootstrapper.bootstrap();
+    }
 }
-/** @nocollapse */ NgxsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: NgxsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ NgxsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.4", ngImport: i0, type: NgxsModule });
-/** @nocollapse */ NgxsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: NgxsModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: NgxsModule, decorators: [{
+/** @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 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NgxsModule, decorators: [{
             type: NgModule
         }] });
 
@@ -2085,12 +1991,12 @@ function State(options) {
         const inheritedStateClass = Object.getPrototypeOf(stateClass);
         const optionsWithInheritance = getStateOptions(inheritedStateClass, options);
         mutateMetaData({ meta, inheritedStateClass, optionsWithInheritance });
-        stateClass[ɵMETA_OPTIONS_KEY] = optionsWithInheritance;
+        stateClass[META_OPTIONS_KEY] = optionsWithInheritance;
     };
 }
 function getStateOptions(inheritedStateClass, options) {
-    const inheritanceOptions = inheritedStateClass[ɵMETA_OPTIONS_KEY] || {};
-    return { ...inheritanceOptions, ...options };
+    const inheritanceOptions = inheritedStateClass[META_OPTIONS_KEY] || {};
+    return Object.assign(Object.assign({}, inheritanceOptions), options);
 }
 function mutateMetaData(params) {
     const { meta, inheritedStateClass, optionsWithInheritance } = params;
@@ -2099,9 +2005,9 @@ function mutateMetaData(params) {
     if (typeof ngDevMode === 'undefined' || ngDevMode) {
         ensureStateNameIsValid(stateName);
     }
-    if (inheritedStateClass.hasOwnProperty(ɵMETA_KEY)) {
-        const inheritedMeta = inheritedStateClass[ɵMETA_KEY] || {};
-        meta.actions = { ...meta.actions, ...inheritedMeta.actions };
+    if (inheritedStateClass.hasOwnProperty(META_KEY)) {
+        const inheritedMeta = inheritedStateClass[META_KEY] || {};
+        meta.actions = Object.assign(Object.assign({}, meta.actions), inheritedMeta.actions);
     }
     meta.children = children;
     meta.defaults = defaults;
@@ -2180,17 +2086,12 @@ function setupSelectorMetadata(originalFn, creationMetadata) {
         getExplicitSelectorOptions =
             creationMetadata.getSelectorOptions || getExplicitSelectorOptions;
     }
-    const selectorMetaDataClone = { ...selectorMetaData };
+    const selectorMetaDataClone = Object.assign({}, selectorMetaData);
     selectorMetaData.getSelectorOptions = () => getLocalSelectorOptions(selectorMetaDataClone, getExplicitSelectorOptions());
     return selectorMetaData;
 }
 function getLocalSelectorOptions(selectorMetaData, explicitOptions) {
-    return {
-        ...(selectorOptionsMetaAccessor.getOptions(selectorMetaData.containerClass) || {}),
-        ...(selectorOptionsMetaAccessor.getOptions(selectorMetaData.originalFn) || {}),
-        ...(selectorMetaData.getSelectorOptions() || {}),
-        ...explicitOptions,
-    };
+    return Object.assign(Object.assign(Object.assign(Object.assign({}, (selectorOptionsMetaAccessor.getOptions(selectorMetaData.containerClass) || {})), (selectorOptionsMetaAccessor.getOptions(selectorMetaData.originalFn) || {})), (selectorMetaData.getSelectorOptions() || {})), explicitOptions);
 }
 
 /**
@@ -2236,7 +2137,7 @@ function createSelector(selectors, projector, creationMetadata) {
 function Selector(selectors) {
     return (target, key, descriptor) => {
         descriptor || (descriptor = Object.getOwnPropertyDescriptor(target, key));
-        const originalFn = descriptor?.value;
+        const originalFn = descriptor === null || descriptor === void 0 ? void 0 : descriptor.value;
         // 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) {
@@ -2290,10 +2191,10 @@ class NgxsDevelopmentModule {
         };
     }
 }
-/** @nocollapse */ NgxsDevelopmentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: NgxsDevelopmentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ NgxsDevelopmentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.4", ngImport: i0, type: NgxsDevelopmentModule });
-/** @nocollapse */ NgxsDevelopmentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: NgxsDevelopmentModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: NgxsDevelopmentModule, decorators: [{
+/** @nocollapse */ NgxsDevelopmentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NgxsDevelopmentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ NgxsDevelopmentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NgxsDevelopmentModule });
+/** @nocollapse */ NgxsDevelopmentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NgxsDevelopmentModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: NgxsDevelopmentModule, decorators: [{
             type: NgModule
         }] });
 
@@ -2367,77 +2268,13 @@ function createPropertySelectors(parentSelector) {
     return new Proxy({}, {
         get(_target, prop) {
             const selector = cache[prop] ||
-                createSelector([parentSelector], (s) => s?.[prop]);
+                createSelector([parentSelector], (s) => s === null || s === void 0 ? void 0 : s[prop]);
             cache[prop] = selector;
             return selector;
         }
     });
 }
 
-function provideStore(states = [], ...optionsAndFeatures) {
-    const features = [];
-    // Options are empty by default (see `forRoot`).
-    let options = {};
-    if (optionsAndFeatures.length > 0) {
-        if (isEnvironmentProvider(optionsAndFeatures[0])) {
-            features.push(...optionsAndFeatures);
-        }
-        else {
-            options = optionsAndFeatures[0];
-            features.push(...optionsAndFeatures.slice(1));
-        }
-    }
-    return makeEnvironmentProviders([
-        ...getRootProviders(states, options),
-        features,
-        NGXS_ROOT_ENVIRONMENT_INITIALIZER
-    ]);
-}
-function isEnvironmentProvider(target) {
-    return !!target.ɵproviders;
-}
-
-/**
- * This version serves as a standalone alternative to `NgxsModule.forFeature`.
- * It can be used in a similar manner to register feature states, but at the
- * `Route` providers level:
- *
- * ```ts
- * const routes: Routes = [
- *   {
- *     path: 'products',
- *     loadComponent: async () => {...},
- *     providers: [provideStates([ProductsState])]
- *   }
- * ];
- * ```
- */
-function provideStates(states, ...features) {
-    return makeEnvironmentProviders([
-        ...getFeatureProviders(states),
-        features,
-        NGXS_FEATURE_ENVIRONMENT_INITIALIZER
-    ]);
-}
-
-/**
- * This function registers a custom global plugin for the state.
- *
- * ```ts
- * bootstrapApplication(AppComponent, {
- *   providers: [
- *     provideStore(
- *       [CountriesState],
- *       withNgxsPlugin(logoutPlugin)
- *     )
- *   ]
- * });
- * ```
- */
-function withNgxsPlugin(plugin) {
-    return makeEnvironmentProviders([{ provide: NGXS_PLUGINS, useClass: plugin, multi: true }]);
-}
-
 /**
  * The public api for consumers of @ngxs/store
  */
@@ -2446,5 +2283,5 @@ function withNgxsPlugin(plugin) {
  * Generated bundle index. Do not edit.
  */
 
-export { Action, Actions, InitState, NGXS_PLUGINS, NgxsDevelopmentModule, NgxsModule, NgxsSimpleChange, NgxsUnhandledActionsLogger, NoopNgxsExecutionStrategy, Select, Selector, SelectorOptions, State, StateStream, StateToken, Store, UpdateState, actionMatcher, createModelSelector, createPickSelector, createPropertySelectors, createSelector, ensureSelectorMetadata, ensureStoreMetadata, getActionTypeFromInstance, getSelectorMetadata, getStoreMetadata, getValue, ofAction, ofActionCanceled, ofActionCompleted, ofActionDispatched, ofActionErrored, ofActionSuccessful, provideStates, provideStore, setValue, withNgxsPlugin, NgxsFeatureModule as ɵNgxsFeatureModule, NgxsRootModule as ɵNgxsRootModule };
-//# sourceMappingURL=ngxs-store.mjs.map
+export { Action, Actions, InitState, NGXS_PLUGINS, NgxsDevelopmentModule, NgxsModule, NgxsSimpleChange, NgxsUnhandledActionsLogger, NoopNgxsExecutionStrategy, Select, Selector, SelectorOptions, State, StateStream, StateToken, Store, UpdateState, actionMatcher, createModelSelector, createPickSelector, createPropertySelectors, createSelector, ensureSelectorMetadata, ensureStoreMetadata, getActionTypeFromInstance, getSelectorMetadata, getStoreMetadata, getValue, ofAction, ofActionCanceled, ofActionCompleted, ofActionDispatched, ofActionErrored, ofActionSuccessful, setValue, NgxsFeatureModule as ɵNgxsFeatureModule, NgxsRootModule as ɵNgxsRootModule };
+//# sourceMappingURL=ngxs-store.js.map