@ngxs/store 3.8.1 → 3.8.2-dev.master-a75608e

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

@@ -1,102 +1,26 @@
 import * as i0 from '@angular/core';
-import { NgZone, PLATFORM_ID, Injectable, Inject, InjectionToken, inject, INJECTOR, ɵglobal, ErrorHandler, Optional, SkipSelf, NgModule, APP_BOOTSTRAP_LISTENER } from '@angular/core';
+import { 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 * as i5 from '@ngxs/store/internals';
-import { memoize, INITIAL_STATE_TOKEN, NgxsBootstrapper, ɵNGXS_STATE_CONTEXT_FACTORY, ɵNGXS_STATE_FACTORY } 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 { 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';
 
-/**
- * Returns the type from an action instance/class.
- * @ignore
- */
-function getActionTypeFromInstance(action) {
-    if (action.constructor && action.constructor.type) {
-        return action.constructor.type;
+class NoopNgxsExecutionStrategy {
+    enter(func) {
+        return func();
     }
-    else {
-        return action.type;
+    leave(func) {
+        return func();
     }
 }
-/**
- * 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);
-};
+/** @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' }]
+        }] });
 
 function throwStateNameError(name) {
     throw new Error(`${name} is not a valid state name. It needs to be a valid object property name.`);
@@ -124,6 +48,18 @@ 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!');
 }
@@ -166,9 +102,9 @@ class DispatchOutsideZoneNgxsExecutionStrategy {
         return func();
     }
 }
-/** @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: [{
+/** @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: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: undefined, decorators: [{
@@ -187,87 +123,22 @@ function verifyZoneIsNotNooped(ngZone) {
     console.warn(getZoneWarningMessage());
 }
 
-const ROOT_OPTIONS = new InjectionToken('ROOT_OPTIONS');
-const ROOT_STATE_TOKEN = new InjectionToken('ROOT_STATE_TOKEN');
-const FEATURE_STATE_TOKEN = new InjectionToken('FEATURE_STATE_TOKEN');
-const NGXS_PLUGINS = new InjectionToken('NGXS_PLUGINS');
-const META_KEY = 'NGXS_META';
-const META_OPTIONS_KEY = 'NGXS_OPTIONS_META';
-const SELECTOR_META_KEY = 'NGXS_SELECTOR_META';
+const NG_DEV_MODE$4 = typeof ngDevMode === 'undefined' || ngDevMode;
 /**
- * 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.
+ * Consumers have the option to utilize the execution strategy provided by
+ * `NgxsModule.forRoot({executionStrategy})` or `provideStore([], {executionStrategy})`.
  */
-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' }]
-        }] });
-
+const CUSTOM_NGXS_EXECUTION_STRATEGY = new InjectionToken(NG_DEV_MODE$4 ? 'CUSTOM_NGXS_EXECUTION_STRATEGY' : '');
 /**
- * The strategy that might be provided by users through `options.executionStrategy`.
+ * 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.
  */
-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', {
+const NGXS_EXECUTION_STRATEGY = new InjectionToken(NG_DEV_MODE$4 ? 'NGXS_EXECUTION_STRATEGY' : '', {
     providedIn: 'root',
     factory: () => {
         const injector = inject(INJECTOR);
-        const executionStrategy = injector.get(USER_PROVIDED_NGXS_EXECUTION_STRATEGY);
+        const executionStrategy = injector.get(CUSTOM_NGXS_EXECUTION_STRATEGY);
         return executionStrategy
             ? injector.get(executionStrategy)
             : injector.get(typeof ɵglobal.Zone !== 'undefined'
@@ -276,456 +147,195 @@ const NGXS_EXECUTION_STRATEGY = new InjectionToken('NGXS_EXECUTION_STRATEGY', {
     }
 });
 
-/**
- * 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 });
+class InternalNgxsExecutionStrategy {
+    constructor(_executionStrategy) {
+        this._executionStrategy = _executionStrategy;
+    }
+    enter(func) {
+        return this._executionStrategy.enter(func);
+    }
+    leave(func) {
+        return this._executionStrategy.leave(func);
     }
-    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]
+                }] }]; } });
+
 /**
- * Get the metadata attached to the state class if it exists.
+ * Composes a array of functions from left to right. Example:
  *
- * @ignore
- */
-function getStoreMetadata$1(target) {
-    return target[META_KEY];
-}
-/**
- * Ensures metadata is attached to the selector and returns it.
+ *      compose([fn, final])(state, action);
  *
- * @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.
+ * then the funcs have a signature like:
  *
- * @ignore
- */
-function getSelectorMetadata$1(target) {
-    return target[SELECTOR_META_KEY];
-}
-/**
- * Get a deeply nested value. Example:
+ *      function fn (state, action, next) {
+ *          console.log('here', state, action, next);
+ *          return next(state, action);
+ *      }
  *
- *    getValue({ foo: bar: [] }, 'foo.bar') //=> []
+ *      function final (state, action) {
+ *          console.log('here', state, action);
+ *          return state;
+ *      }
  *
- * 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
+ * the last function should not call `next`.
  *
  * @ignore
  */
-function compliantPropGetter(paths) {
-    const copyOfPaths = paths.slice();
-    return obj => copyOfPaths.reduce((acc, part) => acc && acc[part], obj);
-}
+const compose = (funcs) => (...args) => {
+    const curr = funcs.shift();
+    return curr(...args, (...nextArgs) => compose(funcs)(...nextArgs));
+};
+
 /**
- * The generated function is faster than:
- * - pluck (Observable operator)
- * - memoize
- *
- * @ignore
+ * Returns operator that will run
+ * `subscribe` outside of the ngxs execution context
  */
-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;
+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());
+                }
+            });
+        });
     };
-    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
+ * 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 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;
+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 null;
+        });
+        return new Observable(subscriber => {
+            subscribed = true;
+            return source.pipe(leaveNgxs(ngxsExecutionStrategy)).subscribe(subscriber);
+        });
     };
-    for (const key in obj) {
-        if (obj.hasOwnProperty(key)) {
-            const parent = visit(obj, key);
-            newObj[key] = parent ? `${parent}.${key}` : key;
+}
+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 { }
     }
-    return newObj;
 }
+/** @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 }]; } });
+
 /**
- * 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'
- *  ];
+ * 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
  *
- * @ignore
+ * 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 topologicalSort(graph) {
-    const sorted = [];
-    const visited = {};
-    const visit = (name, ancestors = []) => {
-        if (!Array.isArray(ancestors)) {
-            ancestors = [];
+function orderedQueueOperation(operation) {
+    const callsQueue = [];
+    let busyPushingNext = false;
+    return function callOperation(...args) {
+        if (busyPushingNext) {
+            callsQueue.unshift(args);
+            return;
         }
-        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);
+        busyPushingNext = true;
+        operation(...args);
+        while (callsQueue.length > 0) {
+            const nextCallArgs = callsQueue.pop();
+            nextCallArgs && operation(...nextCallArgs);
         }
+        busyPushingNext = false;
     };
-    Object.keys(graph).forEach(k => visit(k));
-    return sorted.reverse();
 }
 /**
- * Returns if the parameter is a object or not.
- *
- * @ignore
+ * 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`.
  */
-function isObject(obj) {
-    return (typeof obj === 'object' && obj !== null) || typeof obj === 'function';
-}
-
-/**
- * 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" /* 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" /* 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" /* Canceled */]);
-}
-/**
- * RxJS operator for selecting out specific actions.
- *
- * This will ONLY grab actions that have just been completed
- */
-function ofActionCompleted(...allowedTypes) {
-    const allowedStatuses = [
-        "SUCCESSFUL" /* Successful */,
-        "CANCELED" /* Canceled */,
-        "ERRORED" /* Errored */
-    ];
-    return ofActionOperator(allowedTypes, allowedStatuses, mapActionResult);
-}
-/**
- * RxJS operator for selecting out specific actions.
- *
- * This will ONLY grab actions that have just thrown an error
- */
-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
-            }
-        };
-    });
-}
-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;
-    }, {});
-}
-
-/**
- * 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());
-                }
-            });
-        });
-    };
-}
-
-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);
-    }
+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.
@@ -765,9 +375,9 @@ class InternalActions extends OrderedSubject {
         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: [{
+/** @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' }]
         }] });
@@ -794,120 +404,189 @@ class Actions extends Observable {
         });
     }
 }
-/** @nocollapse */ Actions.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: Actions, deps: [{ token: InternalActions }, { token: InternalNgxsExecutionStrategy }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ Actions.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: Actions, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: Actions, decorators: [{
+/** @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 }]; } });
 
 /**
- * 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`.
- *
+ * BehaviorSubject of the entire state.
  * @ignore
  */
-const compose = (funcs) => (...args) => {
-    const curr = funcs.shift();
-    return curr(...args, (...nextArgs) => compose(funcs)(...nextArgs));
-};
+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();
+    }
+}
+/** @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 []; } });
 
 /**
- * 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()`
+ * Returns the type from an action instance/class.
+ * @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);
-        });
-    };
-}
-class InternalErrorReporter {
-    constructor(_injector) {
-        this._injector = _injector;
-        /** Will be set lazily to be backward compatible. */
-        this._errorHandler = null;
+function getActionTypeFromInstance(action) {
+    if (action.constructor && action.constructor.type) {
+        return action.constructor.type;
     }
-    reportErrorSafely(error) {
-        if (this._errorHandler === null) {
-            this._errorHandler = this._injector.get(ErrorHandler);
+    else {
+        return action.type;
+    }
+}
+/**
+ * Matches a action
+ * @ignore
+ */
+function actionMatcher(action1) {
+    const type1 = getActionTypeFromInstance(action1);
+    return function (action2) {
+        return type1 === getActionTypeFromInstance(action2);
+    };
+}
+/**
+ * Set a deeply nested value. Example:
+ *
+ *   setValue({ foo: { bar: { eat: false } } },
+ *      'foo.bar.eat', true) //=> { foo: { bar: { eat: true } } }
+ *
+ * While it traverses it also creates new objects from top down.
+ *
+ * @ignore
+ */
+const setValue = (obj, prop, val) => {
+    obj = { ...obj };
+    const split = prop.split('.');
+    const lastIndex = split.length - 1;
+    split.reduce((acc, part, index) => {
+        if (index === lastIndex) {
+            acc[part] = val;
         }
-        // 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);
+        else {
+            acc[part] = Array.isArray(acc[part]) ? acc[part].slice() : { ...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] });
+            }
         }
-        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 }]; } });
+    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' : '');
 /**
- * BehaviorSubject of the entire state.
- * @ignore
+ * The NGXS config settings.
  */
-class StateStream extends OrderedBehaviorSubject {
+class NgxsConfig {
     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();
+        /**
+         * 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 */ 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: [{
+/** @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' }]
+            args: [{
+                    providedIn: 'root',
+                    useFactory: () => mergeDeep(new NgxsConfig(), inject(NGXS_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.
+ */
+class NgxsSimpleChange {
+    constructor(previousValue, currentValue, firstChange) {
+        this.previousValue = previousValue;
+        this.currentValue = currentValue;
+        this.firstChange = firstChange;
+    }
+}
 
 class PluginManager {
     constructor(_parentManager, _pluginHandlers) {
@@ -928,9 +607,9 @@ class PluginManager {
         return handlers.map((plugin) => (plugin.handle ? plugin.handle.bind(plugin) : plugin));
     }
 }
-/** @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: [{
+/** @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: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: PluginManager, decorators: [{
                     type: Optional
@@ -951,9 +630,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
  */
 class InternalDispatchedActionResults extends Subject {
 }
-/** @nocollapse */ InternalDispatchedActionResults.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: InternalDispatchedActionResults, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ InternalDispatchedActionResults.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: InternalDispatchedActionResults, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: InternalDispatchedActionResults, decorators: [{
+/** @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: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -1001,21 +680,21 @@ class InternalDispatcher {
                 }
                 const actionResult$ = this.getActionResultStream(nextAction);
                 actionResult$.subscribe(ctx => this._actions.next(ctx));
-                this._actions.next({ action: nextAction, status: "DISPATCHED" /* Dispatched */ });
+                this._actions.next({ action: nextAction, status: "DISPATCHED" /* ActionStatus.Dispatched */ });
                 return this.createDispatchObservable(actionResult$);
             }
         ])(prevState, action).pipe(shareReplay());
     }
     getActionResultStream(action) {
-        return this._actionResults.pipe(filter((ctx) => ctx.action === action && ctx.status !== "DISPATCHED" /* Dispatched */), take(1), shareReplay());
+        return this._actionResults.pipe(filter((ctx) => ctx.action === action && ctx.status !== "DISPATCHED" /* ActionStatus.Dispatched */), take(1), shareReplay());
     }
     createDispatchObservable(actionResult$) {
         return actionResult$
             .pipe(exhaustMap((ctx) => {
             switch (ctx.status) {
-                case "SUCCESSFUL" /* Successful */:
+                case "SUCCESSFUL" /* ActionStatus.Successful */:
                     return of(this._stateStream.getValue());
-                case "ERRORED" /* Errored */:
+                case "ERRORED" /* ActionStatus.Errored */:
                     return throwError(ctx.error);
                 default:
                     return EMPTY;
@@ -1024,9 +703,9 @@ class InternalDispatcher {
             .pipe(shareReplay());
     }
 }
-/** @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: [{
+/** @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: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: InternalActions }, { type: InternalDispatchedActionResults }, { type: PluginManager }, { type: StateStream }, { type: InternalNgxsExecutionStrategy }, { type: InternalErrorReporter }]; } });
@@ -1083,27 +762,446 @@ class InternalStateOperations {
         // Get our current stream
         const currentState = stateOperations.getState();
         // Set the state to the current + new
-        stateOperations.setState(Object.assign(Object.assign({}, currentState), results.defaults));
+        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
+ */
+function ofActionErrored(...allowedTypes) {
+    return ofActionOperator(allowedTypes, ["ERRORED" /* ActionStatus.Errored */]);
 }
-/** @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 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
+            }
+        };
+    });
+}
+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;
+    }, {});
+}
 
 function simplePatch(value) {
     return (existingState) => {
@@ -1115,7 +1213,7 @@ function simplePatch(value) {
                 throwPatchingPrimitiveError();
             }
         }
-        const newState = Object.assign({}, existingState);
+        const newState = { ...existingState };
         for (const key in value) {
             // deep clone for patch compatibility
             newState[key] = value[key];
@@ -1137,43 +1235,21 @@ class StateContextFactory {
      */
     createStateContext(mappedStore) {
         const root = this._internalStateOperations.getRootStateOperations();
-        function getState(currentAppState) {
-            return getValue(currentAppState, mappedStore.path);
-        }
-        function setStateValue(currentAppState, newValue) {
-            const newAppState = setValue(currentAppState, mappedStore.path, newValue);
-            root.setState(newAppState);
-            return newAppState;
-            // In doing this refactoring I noticed that there is a 'bug' where the
-            // application state is returned instead of this state slice.
-            // This has worked this way since the beginning see:
-            // https://github.com/ngxs/store/blame/324c667b4b7debd8eb979006c67ca0ae347d88cd/src/state-factory.ts
-            // This needs to be fixed, but is a 'breaking' change.
-            // I will do this fix in a subsequent PR and we can decide how to handle it.
-        }
-        function setStateFromOperator(currentAppState, stateOperator) {
-            const local = getState(currentAppState);
-            const newValue = stateOperator(local);
-            return setStateValue(currentAppState, newValue);
-        }
-        function isStateOperator(value) {
-            return typeof value === 'function';
-        }
         return {
             getState() {
                 const currentAppState = root.getState();
-                return getState(currentAppState);
+                return getState(currentAppState, mappedStore.path);
             },
             patchState(val) {
                 const currentAppState = root.getState();
                 const patchOperator = simplePatch(val);
-                return setStateFromOperator(currentAppState, patchOperator);
+                return setStateFromOperator(root, currentAppState, patchOperator, mappedStore.path);
             },
             setState(val) {
                 const currentAppState = root.getState();
                 return isStateOperator(val)
-                    ? setStateFromOperator(currentAppState, val)
-                    : setStateValue(currentAppState, val);
+                    ? setStateFromOperator(root, currentAppState, val, mappedStore.path)
+                    : setStateValue(root, currentAppState, val, mappedStore.path);
             },
             dispatch(actions) {
                 return root.dispatch(actions);
@@ -1181,37 +1257,54 @@ class StateContextFactory {
         };
     }
 }
-/** @nocollapse */ StateContextFactory.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StateContextFactory, deps: [{ token: InternalStateOperations }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ StateContextFactory.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StateContextFactory, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: StateContextFactory, decorators: [{
+/** @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: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: InternalStateOperations }]; } });
+function setStateValue(root, currentAppState, newValue, path) {
+    const newAppState = setValue(currentAppState, path, newValue);
+    root.setState(newAppState);
+    return newAppState;
+    // In doing this refactoring I noticed that there is a 'bug' where the
+    // application state is returned instead of this state slice.
+    // This has worked this way since the beginning see:
+    // https://github.com/ngxs/store/blame/324c667b4b7debd8eb979006c67ca0ae347d88cd/src/state-factory.ts
+    // This needs to be fixed, but is a 'breaking' change.
+    // I will do this fix in a subsequent PR and we can decide how to handle it.
+}
+function setStateFromOperator(root, currentAppState, stateOperator, path) {
+    const local = getState(currentAppState, path);
+    const newValue = stateOperator(local);
+    return setStateValue(root, currentAppState, newValue, path);
+}
+function getState(currentAppState, path) {
+    return getValue(currentAppState, path);
+}
 
-class StoreValidators {
-    static checkThatStateIsNamedCorrectly(name) {
-        if (!name) {
-            throwStateNamePropertyError();
-        }
-        else if (!this.stateNameRegex.test(name)) {
-            throwStateNameError(name);
-        }
+const stateNameRegex = new RegExp('^[a-zA-Z0-9_]+$');
+function ensureStateNameIsValid(name) {
+    if (!name) {
+        throwStateNamePropertyError();
     }
-    static checkThatStateNameIsUnique(stateName, state, statesByName) {
-        const existingState = statesByName[stateName];
-        if (existingState && existingState !== state) {
-            throwStateUniqueError(stateName, state.name, existingState.name);
-        }
+    else if (!stateNameRegex.test(name)) {
+        throwStateNameError(name);
     }
-    static checkThatStateClassesHaveBeenDecorated(stateClasses) {
-        stateClasses.forEach((stateClass) => {
-            if (!getStoreMetadata$1(stateClass)) {
-                throwStateDecoratorError(stateClass.name);
-            }
-        });
+}
+function ensureStateNameIsUnique(stateName, state, statesByName) {
+    const existingState = statesByName[stateName];
+    if (existingState && existingState !== state) {
+        throwStateUniqueError(stateName, state.name, existingState.name);
     }
 }
-StoreValidators.stateNameRegex = new RegExp('^[a-zA-Z0-9_]+$');
+function ensureStatesAreDecorated(stateClasses) {
+    stateClasses.forEach((stateClass) => {
+        if (!getStoreMetadata$1(stateClass)) {
+            throwStateDecoratorError(stateClass.name);
+        }
+    });
+}
 
 /**
  * All provided or injected tokens must have `@Injectable` decorator
@@ -1234,18 +1327,15 @@ 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 === null || annotation === void 0 ? void 0 : annotation.ngMetadataName) === 'Injectable');
+    return annotations.some((annotation) => annotation?.ngMetadataName === 'Injectable');
 }
 
 /**
  * Init action
  */
 class InitState {
-    static get type() {
-        // NOTE: Not necessary to declare the type in this way in your code. See https://github.com/ngxs/store/pull/644#issuecomment-436003138
-        return '@@INIT';
-    }
 }
+InitState.type = '@@INIT';
 /**
  * Update action
  */
@@ -1253,11 +1343,8 @@ class UpdateState {
     constructor(addedStates) {
         this.addedStates = addedStates;
     }
-    static get type() {
-        // NOTE: Not necessary to declare the type in this way in your code. See https://github.com/ngxs/store/pull/644#issuecomment-436003138
-        return '@@UPDATE_STATE';
-    }
 }
+UpdateState.type = '@@UPDATE_STATE';
 
 const NGXS_DEVELOPMENT_OPTIONS = new InjectionToken('NGXS_DEVELOPMENT_OPTIONS', {
     providedIn: 'root',
@@ -1296,16 +1383,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: "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: [{
+/** @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: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [NGXS_DEVELOPMENT_OPTIONS]
                 }] }]; } });
 
-const NG_DEV_MODE = typeof ngDevMode === 'undefined' || ngDevMode;
+const NG_DEV_MODE$2 = 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
@@ -1343,21 +1430,26 @@ class StateFactory {
                 ? this._parentFactory.getRuntimeSelectorContext()
                 : {
                     getStateGetter(key) {
-                        let getter = resolveGetter(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);
                         if (getter) {
                             return getter;
                         }
                         return (...args) => {
                             // Late loaded getter
                             if (!getter) {
-                                getter = resolveGetter(key);
+                                getter = /*@__INLINE__*/ resolveGetter(key);
                             }
                             return getter ? getter(...args) : undefined;
                         };
                     },
                     getSelectorOptions(localOptions) {
                         const globalSelectorOptions = stateFactory._config.selectorOptions;
-                        return Object.assign(Object.assign({}, globalSelectorOptions), (localOptions || {}));
+                        return {
+                            ...globalSelectorOptions,
+                            ...(localOptions || {})
+                        };
                     }
                 };
             return context;
@@ -1372,32 +1464,28 @@ class StateFactory {
     get statePaths() {
         return this._parentFactory ? this._parentFactory.statePaths : this._statePaths;
     }
-    static cloneDefaults(defaults) {
-        let value = {};
+    static _cloneDefaults(defaults) {
+        let value = defaults;
         if (Array.isArray(defaults)) {
             value = defaults.slice();
         }
         else if (isObject(defaults)) {
-            value = Object.assign({}, defaults);
+            value = { ...defaults };
         }
         else if (defaults === undefined) {
             value = {};
         }
-        else {
-            value = defaults;
-        }
         return value;
     }
     ngOnDestroy() {
-        var _a;
-        (_a = this._actionsSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+        this._actionsSubscription?.unsubscribe();
     }
     /**
      * Add a new state to the global defs.
      */
     add(stateClasses) {
-        if (NG_DEV_MODE) {
-            StoreValidators.checkThatStateClassesHaveBeenDecorated(stateClasses);
+        if (NG_DEV_MODE$2) {
+            ensureStatesAreDecorated(stateClasses);
         }
         const { newStates } = this.addToStatesMap(stateClasses);
         if (!newStates.length)
@@ -1410,13 +1498,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 (typeof ngDevMode === 'undefined' || ngDevMode) {
+            if (NG_DEV_MODE$2) {
                 ensureStateClassIsInjectable(stateClass);
             }
             const stateMap = {
@@ -1425,7 +1513,7 @@ class StateFactory {
                 isInitialised: false,
                 actions: meta.actions,
                 instance: this._injector.get(stateClass),
-                defaults: StateFactory.cloneDefaults(meta.defaults)
+                defaults: StateFactory._cloneDefaults(meta.defaults)
             };
             // ensure our store hasn't already been added
             // but don't throw since it could be lazy
@@ -1455,10 +1543,10 @@ class StateFactory {
         }
         const dispatched$ = new Subject();
         this._actionsSubscription = this._actions
-            .pipe(filter((ctx) => ctx.status === "DISPATCHED" /* Dispatched */), mergeMap(ctx => {
+            .pipe(filter((ctx) => ctx.status === "DISPATCHED" /* ActionStatus.Dispatched */), mergeMap(ctx => {
             dispatched$.next(ctx);
             const action = ctx.action;
-            return this.invokeActions(dispatched$, action).pipe(map(() => ({ action, status: "SUCCESSFUL" /* Successful */ })), defaultIfEmpty({ action, status: "CANCELED" /* Canceled */ }), catchError(error => of({ action, status: "ERRORED" /* Errored */, error })));
+            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 })));
         }))
             .subscribe(ctx => this._actionResults.next(ctx));
     }
@@ -1518,7 +1606,7 @@ class StateFactory {
         }
         // The `NgxsUnhandledActionsLogger` is a tree-shakable class which functions
         // only during development.
-        if (NG_DEV_MODE && !actionHasBeenHandled) {
+        if (NG_DEV_MODE$2 && !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`
@@ -1537,8 +1625,8 @@ class StateFactory {
         const statesMap = this.statesByName;
         for (const stateClass of stateClasses) {
             const stateName = getStoreMetadata$1(stateClass).name;
-            if (NG_DEV_MODE) {
-                StoreValidators.checkThatStateNameIsUnique(stateName, stateClass, statesMap);
+            if (NG_DEV_MODE$2) {
+                ensureStateNameIsUnique(stateName, stateClass, statesMap);
             }
             const unmountedState = !statesMap[stateName];
             if (unmountedState) {
@@ -1562,9 +1650,9 @@ class StateFactory {
         return this.statesByName[name] && valueIsBootstrappedInInitialState;
     }
 }
-/** @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: [{
+/** @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: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i0.Injector }, { type: NgxsConfig }, { type: StateFactory, decorators: [{
                     type: Optional
@@ -1577,78 +1665,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                     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) {
@@ -1722,14 +1738,15 @@ class Store {
         if (storeIsEmpty) {
             const defaultStateNotEmpty = Object.keys(this._config.defaultsState).length > 0;
             const storeValues = defaultStateNotEmpty
-                ? Object.assign(Object.assign({}, this._config.defaultsState), initialStateValue) : initialStateValue;
+                ? { ...this._config.defaultsState, ...initialStateValue }
+                : initialStateValue;
             this._stateStream.next(storeValues);
         }
     }
 }
-/** @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: [{
+/** @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: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: StateStream }, { type: InternalStateOperations }, { type: NgxsConfig }, { type: InternalNgxsExecutionStrategy }, { type: StateFactory }, { type: undefined, decorators: [{
@@ -1755,13 +1772,14 @@ class SelectFactory {
 }
 SelectFactory.store = null;
 SelectFactory.config = null;
-/** @nocollapse */ SelectFactory.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SelectFactory, deps: [{ token: Store }, { token: NgxsConfig }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ SelectFactory.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SelectFactory, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: SelectFactory, decorators: [{
+/** @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: [{
             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;
@@ -1769,12 +1787,27 @@ class LifecycleStateManager {
         this._internalStateOperations = _internalStateOperations;
         this._stateContextFactory = _stateContextFactory;
         this._bootstrapper = _bootstrapper;
-        this._destroy$ = new Subject();
+        this._destroy$ = new ReplaySubject(1);
     }
     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)
@@ -1818,148 +1851,196 @@ class LifecycleStateManager {
         return this._stateContextFactory.createStateContext(mappedStore);
     }
 }
-/** @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: [{
+/** @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: [{
             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(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);
+    constructor() {
+        rootStoreInitializer();
     }
 }
-/** @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: [{
+/** @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: [{
             type: NgModule
-        }], ctorParameters: function () { return [{ type: StateFactory }, { type: InternalStateOperations }, { type: Store }, { type: SelectFactory }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [ROOT_STATE_TOKEN]
-                }] }, { type: LifecycleStateManager }]; } });
+        }], ctorParameters: function () { return []; } });
 
 /**
- * Feature module
  * @ignore
  */
 class NgxsFeatureModule {
-    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), []);
+    constructor() {
+        featureStatesInitializer();
     }
 }
-/** @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: [{
+/** @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: [{
             type: NgModule
-        }], ctorParameters: function () { return [{ type: Store }, { type: InternalStateOperations }, { type: StateFactory }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [FEATURE_STATE_TOKEN]
-                }] }, { type: LifecycleStateManager }]; } });
+        }], 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
+        }
+    ];
+}
 
 /**
- * Ngxs Module
+ * This function provides the required providers when calling `NgxsModule.forFeature`
+ * or `provideStates`. It is shared between the NgModule and standalone APIs.
  */
+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: [
-                StateFactory,
-                PluginManager,
-                ...states,
-                ...NgxsModule.ngxsTokenProviders(states, options)
-            ]
+            providers: getRootProviders(states, options)
         };
     }
-    /**
-     * Feature module factory
-     */
     static forFeature(states = []) {
         return {
             ngModule: NgxsFeatureModule,
-            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
-                }
-            ]
+            providers: getFeatureProviders(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: "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: [{
+/** @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: [{
             type: NgModule
         }] });
 
@@ -1998,36 +2079,34 @@ function Action(actions, options) {
  * Decorates a class with ngxs state information.
  */
 function State(options) {
-    function getStateOptions(inheritedStateClass) {
-        const inheritanceOptions = inheritedStateClass[META_OPTIONS_KEY] || {};
-        return Object.assign(Object.assign({}, inheritanceOptions), options);
-    }
-    function mutateMetaData(params) {
-        const { meta, inheritedStateClass, optionsWithInheritance } = params;
-        const { children, defaults, name } = optionsWithInheritance;
-        const stateName = typeof name === 'string' ? name : (name && name.getName()) || null;
-        // 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) {
-            StoreValidators.checkThatStateIsNamedCorrectly(stateName);
-        }
-        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;
-        meta.name = stateName;
-    }
     return (target) => {
         const stateClass = target;
         const meta = ensureStoreMetadata$1(stateClass);
         const inheritedStateClass = Object.getPrototypeOf(stateClass);
-        const optionsWithInheritance = getStateOptions(inheritedStateClass);
+        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 };
+}
+function mutateMetaData(params) {
+    const { meta, inheritedStateClass, optionsWithInheritance } = params;
+    const { children, defaults, name } = optionsWithInheritance;
+    const stateName = typeof name === 'string' ? name : (name && name.getName()) || null;
+    if (typeof ngDevMode === 'undefined' || ngDevMode) {
+        ensureStateNameIsValid(stateName);
+    }
+    if (inheritedStateClass.hasOwnProperty(ɵMETA_KEY)) {
+        const inheritedMeta = inheritedStateClass[ɵMETA_KEY] || {};
+        meta.actions = { ...meta.actions, ...inheritedMeta.actions };
+    }
+    meta.children = children;
+    meta.defaults = defaults;
+    meta.name = stateName;
+}
 
 const DOLLAR_CHAR_CODE = 36;
 function createSelectObservable(selector) {
@@ -2101,12 +2180,17 @@ function setupSelectorMetadata(originalFn, creationMetadata) {
         getExplicitSelectorOptions =
             creationMetadata.getSelectorOptions || getExplicitSelectorOptions;
     }
-    const selectorMetaDataClone = Object.assign({}, selectorMetaData);
+    const selectorMetaDataClone = { ...selectorMetaData };
     selectorMetaData.getSelectorOptions = () => getLocalSelectorOptions(selectorMetaDataClone, getExplicitSelectorOptions());
     return selectorMetaData;
 }
 function getLocalSelectorOptions(selectorMetaData, explicitOptions) {
-    return Object.assign(Object.assign(Object.assign(Object.assign({}, (selectorOptionsMetaAccessor.getOptions(selectorMetaData.containerClass) || {})), (selectorOptionsMetaAccessor.getOptions(selectorMetaData.originalFn) || {})), (selectorMetaData.getSelectorOptions() || {})), explicitOptions);
+    return {
+        ...(selectorOptionsMetaAccessor.getOptions(selectorMetaData.containerClass) || {}),
+        ...(selectorOptionsMetaAccessor.getOptions(selectorMetaData.originalFn) || {}),
+        ...(selectorMetaData.getSelectorOptions() || {}),
+        ...explicitOptions,
+    };
 }
 
 /**
@@ -2152,7 +2236,7 @@ function createSelector(selectors, projector, creationMetadata) {
 function Selector(selectors) {
     return (target, key, descriptor) => {
         descriptor || (descriptor = Object.getOwnPropertyDescriptor(target, key));
-        const originalFn = descriptor === null || descriptor === void 0 ? void 0 : descriptor.value;
+        const originalFn = 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) {
@@ -2206,10 +2290,10 @@ class NgxsDevelopmentModule {
         };
     }
 }
-/** @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: [{
+/** @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: [{
             type: NgModule
         }] });
 
@@ -2233,12 +2317,14 @@ function ensureValueProvided(value, context = {}) {
 function createModelSelector(selectorMap) {
     const selectorKeys = Object.keys(selectorMap);
     const selectors = Object.values(selectorMap);
-    ensureValidSelectorMap({
-        prefix: '[createModelSelector]',
-        selectorMap,
-        selectorKeys,
-        selectors,
-    });
+    if (typeof ngDevMode === 'undefined' || ngDevMode) {
+        ensureValidSelectorMap({
+            prefix: '[createModelSelector]',
+            selectorMap,
+            selectorKeys,
+            selectors
+        });
+    }
     return createSelector(selectors, (...args) => {
         return selectorKeys.reduce((obj, key, index) => {
             obj[key] = args[index];
@@ -2246,20 +2332,22 @@ function createModelSelector(selectorMap) {
         }, {});
     });
 }
-function ensureValidSelectorMap({ prefix, selectorMap, selectorKeys, selectors, }) {
+function ensureValidSelectorMap({ prefix, selectorMap, selectorKeys, selectors }) {
     ensureValueProvided(selectorMap, { prefix, noun: 'selector map' });
     ensureValueProvided(typeof selectorMap === 'object', { prefix, noun: 'valid selector map' });
     ensureValueProvided(selectorKeys.length, { prefix, noun: 'non-empty selector map' });
     selectors.forEach((selector, index) => ensureValidSelector(selector, {
         prefix,
-        noun: `selector for the '${selectorKeys[index]}' property`,
+        noun: `selector for the '${selectorKeys[index]}' property`
     }));
 }
 
 function createPickSelector(selector, keys) {
-    ensureValidSelector(selector, { prefix: '[createPickSelector]' });
+    if (typeof ngDevMode === 'undefined' || ngDevMode) {
+        ensureValidSelector(selector, { prefix: '[createPickSelector]' });
+    }
     const validKeys = keys.filter(Boolean);
-    const selectors = validKeys.map((key) => createSelector([selector], (s) => s[key]));
+    const selectors = validKeys.map(key => createSelector([selector], (s) => s[key]));
     return createSelector([...selectors], (...props) => {
         return validKeys.reduce((acc, key, index) => {
             acc[key] = props[index];
@@ -2269,21 +2357,87 @@ function createPickSelector(selector, keys) {
 }
 
 function createPropertySelectors(parentSelector) {
-    ensureValidSelector(parentSelector, {
-        prefix: '[createPropertySelectors]',
-        noun: 'parent selector',
-    });
+    if (typeof ngDevMode === 'undefined' || ngDevMode) {
+        ensureValidSelector(parentSelector, {
+            prefix: '[createPropertySelectors]',
+            noun: 'parent selector'
+        });
+    }
     const cache = {};
     return new Proxy({}, {
         get(_target, prop) {
             const selector = cache[prop] ||
-                createSelector([parentSelector], (s) => s === null || s === void 0 ? void 0 : s[prop]);
+                createSelector([parentSelector], (s) => 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
  */
@@ -2292,5 +2446,5 @@ function createPropertySelectors(parentSelector) {
  * 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, setValue, NgxsFeatureModule as ɵNgxsFeatureModule, NgxsRootModule as ɵNgxsRootModule };
-//# sourceMappingURL=ngxs-store.js.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, provideStates, provideStore, setValue, withNgxsPlugin, NgxsFeatureModule as ɵNgxsFeatureModule, NgxsRootModule as ɵNgxsRootModule };
+//# sourceMappingURL=ngxs-store.mjs.map