@ngrx/store-devtools 12.3.0 → 13.0.0-beta.0

package/bundles/ngrx-store-devtools.umd.js

@@ -2,10 +2,36 @@
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@ngrx/store'), require('rxjs'), require('rxjs/operators')) :
     typeof define === 'function' && define.amd ? define('@ngrx/store-devtools', ['exports', '@angular/core', '@ngrx/store', 'rxjs', 'rxjs/operators'], factory) :
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.ngrx = global.ngrx || {}, global.ngrx['store-devtools'] = {}), global.ng.core, global.ngrx.store, global.rxjs, global.rxjs.operators));
-}(this, (function (exports, core, store, rxjs, operators) { 'use strict';
+}(this, (function (exports, i0, i2, rxjs, operators) { 'use strict';
+
+    function _interopNamespace(e) {
+        if (e && e.__esModule) return e;
+        var n = Object.create(null);
+        if (e) {
+            Object.keys(e).forEach(function (k) {
+                if (k !== 'default') {
+                    var d = Object.getOwnPropertyDescriptor(e, k);
+                    Object.defineProperty(n, k, d.get ? d : {
+                        enumerable: true,
+                        get: function () {
+                            return e[k];
+                        }
+                    });
+                }
+            });
+        }
+        n['default'] = e;
+        return Object.freeze(n);
+    }
+
+    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
+    var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
 
     /**
-     * @see http://extension.remotedev.io/docs/API/Arguments.html
+     * Chrome extension documentation
+     * @see https://github.com/reduxjs/redux-devtools/blob/main/extension/docs/API/Arguments.md
+     * Firefox extension documentation
+     * @see https://github.com/zalmoxisus/redux-devtools-extension/blob/master/docs/API/Arguments.md
      */
     var StoreDevtoolsConfig = /** @class */ (function () {
         function StoreDevtoolsConfig() {
@@ -16,11 +42,11 @@
         }
         return StoreDevtoolsConfig;
     }());
-    var STORE_DEVTOOLS_CONFIG = new core.InjectionToken('@ngrx/store-devtools Options');
+    var STORE_DEVTOOLS_CONFIG = new i0.InjectionToken('@ngrx/store-devtools Options');
     /**
      * Used to provide a `StoreDevtoolsConfig` for the store-devtools.
      */
-    var INITIAL_OPTIONS = new core.InjectionToken('@ngrx/store-devtools Initial Config');
+    var INITIAL_OPTIONS = new i0.InjectionToken('@ngrx/store-devtools Initial Config');
     function noMonitor() {
         return null;
     }
@@ -288,10 +314,16 @@
                 r[k] = a[j];
         return r;
     }
-    function __spreadArray(to, from) {
-        for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-            to[j] = from[i];
-        return to;
+    function __spreadArray(to, from, pack) {
+        if (pack || arguments.length === 2)
+            for (var i = 0, l = from.length, ar; i < l; i++) {
+                if (ar || !(i in from)) {
+                    if (!ar)
+                        ar = Array.prototype.slice.call(from, 0, i);
+                    ar[i] = from[i];
+                }
+            }
+        return to.concat(ar || Array.prototype.slice.call(from));
     }
     function __await(v) {
         return this instanceof __await ? (this.v = v, this) : new __await(v);
@@ -485,17 +517,6 @@
         return PauseRecording;
     }());
 
-    var DevtoolsDispatcher = /** @class */ (function (_super) {
-        __extends(DevtoolsDispatcher, _super);
-        function DevtoolsDispatcher() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        return DevtoolsDispatcher;
-    }(store.ActionsSubject));
-    DevtoolsDispatcher.decorators = [
-        { type: core.Injectable }
-    ];
-
     function difference(first, second) {
         return first.filter(function (item) { return second.indexOf(item) < 0; });
     }
@@ -601,156 +622,7 @@
         return s.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
     }
 
-    var ExtensionActionTypes = {
-        START: 'START',
-        DISPATCH: 'DISPATCH',
-        STOP: 'STOP',
-        ACTION: 'ACTION',
-    };
-    var REDUX_DEVTOOLS_EXTENSION = new core.InjectionToken('@ngrx/store-devtools Redux Devtools Extension');
-    var DevtoolsExtension = /** @class */ (function () {
-        function DevtoolsExtension(devtoolsExtension, config, dispatcher) {
-            this.config = config;
-            this.dispatcher = dispatcher;
-            this.devtoolsExtension = devtoolsExtension;
-            this.createActionStreams();
-        }
-        DevtoolsExtension.prototype.notify = function (action, state) {
-            var _this = this;
-            if (!this.devtoolsExtension) {
-                return;
-            }
-            // Check to see if the action requires a full update of the liftedState.
-            // If it is a simple action generated by the user's app and the recording
-            // is not locked/paused, only send the action and the current state (fast).
-            //
-            // A full liftedState update (slow: serializes the entire liftedState) is
-            // only required when:
-            //   a) redux-devtools-extension fires the @@Init action (ignored by
-            //      @ngrx/store-devtools)
-            //   b) an action is generated by an @ngrx module (e.g. @ngrx/effects/init
-            //      or @ngrx/store/update-reducers)
-            //   c) the state has been recomputed due to time-traveling
-            //   d) any action that is not a PerformAction to err on the side of
-            //      caution.
-            if (action.type === PERFORM_ACTION) {
-                if (state.isLocked || state.isPaused) {
-                    return;
-                }
-                var currentState = unliftState(state);
-                if (shouldFilterActions(this.config) &&
-                    isActionFiltered(currentState, action, this.config.predicate, this.config.actionsSafelist, this.config.actionsBlocklist)) {
-                    return;
-                }
-                var sanitizedState_1 = this.config.stateSanitizer
-                    ? sanitizeState(this.config.stateSanitizer, currentState, state.currentStateIndex)
-                    : currentState;
-                var sanitizedAction_1 = this.config.actionSanitizer
-                    ? sanitizeAction(this.config.actionSanitizer, action, state.nextActionId)
-                    : action;
-                this.sendToReduxDevtools(function () { return _this.extensionConnection.send(sanitizedAction_1, sanitizedState_1); });
-            }
-            else {
-                // Requires full state update
-                var sanitizedLiftedState_1 = Object.assign(Object.assign({}, state), { stagedActionIds: state.stagedActionIds, actionsById: this.config.actionSanitizer
-                        ? sanitizeActions(this.config.actionSanitizer, state.actionsById)
-                        : state.actionsById, computedStates: this.config.stateSanitizer
-                        ? sanitizeStates(this.config.stateSanitizer, state.computedStates)
-                        : state.computedStates });
-                this.sendToReduxDevtools(function () { return _this.devtoolsExtension.send(null, sanitizedLiftedState_1, _this.getExtensionConfig(_this.config)); });
-            }
-        };
-        DevtoolsExtension.prototype.createChangesObservable = function () {
-            var _this = this;
-            if (!this.devtoolsExtension) {
-                return rxjs.EMPTY;
-            }
-            return new rxjs.Observable(function (subscriber) {
-                var connection = _this.devtoolsExtension.connect(_this.getExtensionConfig(_this.config));
-                _this.extensionConnection = connection;
-                connection.init();
-                connection.subscribe(function (change) { return subscriber.next(change); });
-                return connection.unsubscribe;
-            });
-        };
-        DevtoolsExtension.prototype.createActionStreams = function () {
-            var _this = this;
-            // Listens to all changes
-            var changes$ = this.createChangesObservable().pipe(operators.share());
-            // Listen for the start action
-            var start$ = changes$.pipe(operators.filter(function (change) { return change.type === ExtensionActionTypes.START; }));
-            // Listen for the stop action
-            var stop$ = changes$.pipe(operators.filter(function (change) { return change.type === ExtensionActionTypes.STOP; }));
-            // Listen for lifted actions
-            var liftedActions$ = changes$.pipe(operators.filter(function (change) { return change.type === ExtensionActionTypes.DISPATCH; }), operators.map(function (change) { return _this.unwrapAction(change.payload); }), operators.concatMap(function (action) {
-                if (action.type === IMPORT_STATE) {
-                    // State imports may happen in two situations:
-                    // 1. Explicitly by user
-                    // 2. User activated the "persist state accross reloads" option
-                    //    and now the state is imported during reload.
-                    // Because of option 2, we need to give possible
-                    // lazy loaded reducers time to instantiate.
-                    // As soon as there is no UPDATE action within 1 second,
-                    // it is assumed that all reducers are loaded.
-                    return _this.dispatcher.pipe(operators.filter(function (action) { return action.type === store.UPDATE; }), operators.timeout(1000), operators.debounceTime(1000), operators.map(function () { return action; }), operators.catchError(function () { return rxjs.of(action); }), operators.take(1));
-                }
-                else {
-                    return rxjs.of(action);
-                }
-            }));
-            // Listen for unlifted actions
-            var actions$ = changes$.pipe(operators.filter(function (change) { return change.type === ExtensionActionTypes.ACTION; }), operators.map(function (change) { return _this.unwrapAction(change.payload); }));
-            var actionsUntilStop$ = actions$.pipe(operators.takeUntil(stop$));
-            var liftedUntilStop$ = liftedActions$.pipe(operators.takeUntil(stop$));
-            this.start$ = start$.pipe(operators.takeUntil(stop$));
-            // Only take the action sources between the start/stop events
-            this.actions$ = this.start$.pipe(operators.switchMap(function () { return actionsUntilStop$; }));
-            this.liftedActions$ = this.start$.pipe(operators.switchMap(function () { return liftedUntilStop$; }));
-        };
-        DevtoolsExtension.prototype.unwrapAction = function (action) {
-            return typeof action === 'string' ? eval("(" + action + ")") : action;
-        };
-        DevtoolsExtension.prototype.getExtensionConfig = function (config) {
-            var _a;
-            var extensionOptions = {
-                name: config.name,
-                features: config.features,
-                serialize: config.serialize,
-                autoPause: (_a = config.autoPause) !== null && _a !== void 0 ? _a : false,
-                // The action/state sanitizers are not added to the config
-                // because sanitation is done in this class already.
-                // It is done before sending it to the devtools extension for consistency:
-                // - If we call extensionConnection.send(...),
-                //   the extension would call the sanitizers.
-                // - If we call devtoolsExtension.send(...) (aka full state update),
-                //   the extension would NOT call the sanitizers, so we have to do it ourselves.
-            };
-            if (config.maxAge !== false /* support === 0 */) {
-                extensionOptions.maxAge = config.maxAge;
-            }
-            return extensionOptions;
-        };
-        DevtoolsExtension.prototype.sendToReduxDevtools = function (send) {
-            try {
-                send();
-            }
-            catch (err) {
-                console.warn('@ngrx/store-devtools: something went wrong inside the redux devtools', err);
-            }
-        };
-        return DevtoolsExtension;
-    }());
-    DevtoolsExtension.decorators = [
-        { type: core.Injectable }
-    ];
-    /** @nocollapse */
-    DevtoolsExtension.ctorParameters = function () { return [
-        { type: undefined, decorators: [{ type: core.Inject, args: [REDUX_DEVTOOLS_EXTENSION,] }] },
-        { type: StoreDevtoolsConfig, decorators: [{ type: core.Inject, args: [STORE_DEVTOOLS_CONFIG,] }] },
-        { type: DevtoolsDispatcher }
-    ]; };
-
-    var INIT_ACTION = { type: store.INIT };
+    var INIT_ACTION = { type: i2.INIT };
     var RECOMPUTE = '@ngrx/store-devtools/recompute';
     var RECOMPUTE_ACTION = { type: RECOMPUTE };
     /**
@@ -1027,7 +899,7 @@
                     (_a = liftedAction.nextLiftedState, monitorState = _a.monitorState, actionsById = _a.actionsById, nextActionId = _a.nextActionId, stagedActionIds = _a.stagedActionIds, skippedActionIds = _a.skippedActionIds, committedState = _a.committedState, currentStateIndex = _a.currentStateIndex, computedStates = _a.computedStates, isLocked = _a.isLocked, isPaused = _a.isPaused);
                     break;
                 }
-                case store.INIT: {
+                case i2.INIT: {
                     // Always recompute states on hot reload and init.
                     minInvalidatedStateIndex = 0;
                     if (options.maxAge && stagedActionIds.length > options.maxAge) {
@@ -1039,7 +911,7 @@
                     }
                     break;
                 }
-                case store.UPDATE: {
+                case i2.UPDATE: {
                     var stateHasErrors = computedStates.filter(function (state) { return state.error; }).length > 0;
                     if (stateHasErrors) {
                         // Recompute all states
@@ -1101,6 +973,172 @@
         }; };
     }
 
+    var DevtoolsDispatcher = /** @class */ (function (_super) {
+        __extends(DevtoolsDispatcher, _super);
+        function DevtoolsDispatcher() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        return DevtoolsDispatcher;
+    }(i2.ActionsSubject));
+    /** @nocollapse */ DevtoolsDispatcher.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: DevtoolsDispatcher, deps: null, target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    /** @nocollapse */ DevtoolsDispatcher.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: DevtoolsDispatcher });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: DevtoolsDispatcher, decorators: [{
+                type: i0.Injectable
+            }] });
+
+    var ExtensionActionTypes = {
+        START: 'START',
+        DISPATCH: 'DISPATCH',
+        STOP: 'STOP',
+        ACTION: 'ACTION',
+    };
+    var REDUX_DEVTOOLS_EXTENSION = new i0.InjectionToken('@ngrx/store-devtools Redux Devtools Extension');
+    var DevtoolsExtension = /** @class */ (function () {
+        function DevtoolsExtension(devtoolsExtension, config, dispatcher) {
+            this.config = config;
+            this.dispatcher = dispatcher;
+            this.devtoolsExtension = devtoolsExtension;
+            this.createActionStreams();
+        }
+        DevtoolsExtension.prototype.notify = function (action, state) {
+            var _this = this;
+            if (!this.devtoolsExtension) {
+                return;
+            }
+            // Check to see if the action requires a full update of the liftedState.
+            // If it is a simple action generated by the user's app and the recording
+            // is not locked/paused, only send the action and the current state (fast).
+            //
+            // A full liftedState update (slow: serializes the entire liftedState) is
+            // only required when:
+            //   a) redux-devtools-extension fires the @@Init action (ignored by
+            //      @ngrx/store-devtools)
+            //   b) an action is generated by an @ngrx module (e.g. @ngrx/effects/init
+            //      or @ngrx/store/update-reducers)
+            //   c) the state has been recomputed due to time-traveling
+            //   d) any action that is not a PerformAction to err on the side of
+            //      caution.
+            if (action.type === PERFORM_ACTION) {
+                if (state.isLocked || state.isPaused) {
+                    return;
+                }
+                var currentState = unliftState(state);
+                if (shouldFilterActions(this.config) &&
+                    isActionFiltered(currentState, action, this.config.predicate, this.config.actionsSafelist, this.config.actionsBlocklist)) {
+                    return;
+                }
+                var sanitizedState_1 = this.config.stateSanitizer
+                    ? sanitizeState(this.config.stateSanitizer, currentState, state.currentStateIndex)
+                    : currentState;
+                var sanitizedAction_1 = this.config.actionSanitizer
+                    ? sanitizeAction(this.config.actionSanitizer, action, state.nextActionId)
+                    : action;
+                this.sendToReduxDevtools(function () { return _this.extensionConnection.send(sanitizedAction_1, sanitizedState_1); });
+            }
+            else {
+                // Requires full state update
+                var sanitizedLiftedState_1 = Object.assign(Object.assign({}, state), { stagedActionIds: state.stagedActionIds, actionsById: this.config.actionSanitizer
+                        ? sanitizeActions(this.config.actionSanitizer, state.actionsById)
+                        : state.actionsById, computedStates: this.config.stateSanitizer
+                        ? sanitizeStates(this.config.stateSanitizer, state.computedStates)
+                        : state.computedStates });
+                this.sendToReduxDevtools(function () { return _this.devtoolsExtension.send(null, sanitizedLiftedState_1, _this.getExtensionConfig(_this.config)); });
+            }
+        };
+        DevtoolsExtension.prototype.createChangesObservable = function () {
+            var _this = this;
+            if (!this.devtoolsExtension) {
+                return rxjs.EMPTY;
+            }
+            return new rxjs.Observable(function (subscriber) {
+                var connection = _this.devtoolsExtension.connect(_this.getExtensionConfig(_this.config));
+                _this.extensionConnection = connection;
+                connection.init();
+                connection.subscribe(function (change) { return subscriber.next(change); });
+                return connection.unsubscribe;
+            });
+        };
+        DevtoolsExtension.prototype.createActionStreams = function () {
+            var _this = this;
+            // Listens to all changes
+            var changes$ = this.createChangesObservable().pipe(operators.share());
+            // Listen for the start action
+            var start$ = changes$.pipe(operators.filter(function (change) { return change.type === ExtensionActionTypes.START; }));
+            // Listen for the stop action
+            var stop$ = changes$.pipe(operators.filter(function (change) { return change.type === ExtensionActionTypes.STOP; }));
+            // Listen for lifted actions
+            var liftedActions$ = changes$.pipe(operators.filter(function (change) { return change.type === ExtensionActionTypes.DISPATCH; }), operators.map(function (change) { return _this.unwrapAction(change.payload); }), operators.concatMap(function (action) {
+                if (action.type === IMPORT_STATE) {
+                    // State imports may happen in two situations:
+                    // 1. Explicitly by user
+                    // 2. User activated the "persist state accross reloads" option
+                    //    and now the state is imported during reload.
+                    // Because of option 2, we need to give possible
+                    // lazy loaded reducers time to instantiate.
+                    // As soon as there is no UPDATE action within 1 second,
+                    // it is assumed that all reducers are loaded.
+                    return _this.dispatcher.pipe(operators.filter(function (action) { return action.type === i2.UPDATE; }), operators.timeout(1000), operators.debounceTime(1000), operators.map(function () { return action; }), operators.catchError(function () { return rxjs.of(action); }), operators.take(1));
+                }
+                else {
+                    return rxjs.of(action);
+                }
+            }));
+            // Listen for unlifted actions
+            var actions$ = changes$.pipe(operators.filter(function (change) { return change.type === ExtensionActionTypes.ACTION; }), operators.map(function (change) { return _this.unwrapAction(change.payload); }));
+            var actionsUntilStop$ = actions$.pipe(operators.takeUntil(stop$));
+            var liftedUntilStop$ = liftedActions$.pipe(operators.takeUntil(stop$));
+            this.start$ = start$.pipe(operators.takeUntil(stop$));
+            // Only take the action sources between the start/stop events
+            this.actions$ = this.start$.pipe(operators.switchMap(function () { return actionsUntilStop$; }));
+            this.liftedActions$ = this.start$.pipe(operators.switchMap(function () { return liftedUntilStop$; }));
+        };
+        DevtoolsExtension.prototype.unwrapAction = function (action) {
+            return typeof action === 'string' ? eval("(" + action + ")") : action;
+        };
+        DevtoolsExtension.prototype.getExtensionConfig = function (config) {
+            var _a;
+            var extensionOptions = {
+                name: config.name,
+                features: config.features,
+                serialize: config.serialize,
+                autoPause: (_a = config.autoPause) !== null && _a !== void 0 ? _a : false,
+                // The action/state sanitizers are not added to the config
+                // because sanitation is done in this class already.
+                // It is done before sending it to the devtools extension for consistency:
+                // - If we call extensionConnection.send(...),
+                //   the extension would call the sanitizers.
+                // - If we call devtoolsExtension.send(...) (aka full state update),
+                //   the extension would NOT call the sanitizers, so we have to do it ourselves.
+            };
+            if (config.maxAge !== false /* support === 0 */) {
+                extensionOptions.maxAge = config.maxAge;
+            }
+            return extensionOptions;
+        };
+        DevtoolsExtension.prototype.sendToReduxDevtools = function (send) {
+            try {
+                send();
+            }
+            catch (err) {
+                console.warn('@ngrx/store-devtools: something went wrong inside the redux devtools', err);
+            }
+        };
+        return DevtoolsExtension;
+    }());
+    /** @nocollapse */ DevtoolsExtension.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: DevtoolsExtension, deps: [{ token: REDUX_DEVTOOLS_EXTENSION }, { token: STORE_DEVTOOLS_CONFIG }, { token: DevtoolsDispatcher }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    /** @nocollapse */ DevtoolsExtension.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: DevtoolsExtension });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: DevtoolsExtension, decorators: [{
+                type: i0.Injectable
+            }], ctorParameters: function () {
+            return [{ type: undefined, decorators: [{
+                            type: i0.Inject,
+                            args: [REDUX_DEVTOOLS_EXTENSION]
+                        }] }, { type: StoreDevtoolsConfig, decorators: [{
+                            type: i0.Inject,
+                            args: [STORE_DEVTOOLS_CONFIG]
+                        }] }, { type: DevtoolsDispatcher }];
+        } });
+
     var StoreDevtools = /** @class */ (function () {
         function StoreDevtools(dispatcher, actions$, reducers$, extension, scannedActions, errorHandler, initialState, config) {
             var _this = this;
@@ -1188,22 +1226,21 @@
         };
         return StoreDevtools;
     }());
-    StoreDevtools.decorators = [
-        { type: core.Injectable }
-    ];
-    /** @nocollapse */
-    StoreDevtools.ctorParameters = function () { return [
-        { type: DevtoolsDispatcher },
-        { type: store.ActionsSubject },
-        { type: store.ReducerObservable },
-        { type: DevtoolsExtension },
-        { type: store.ScannedActionsSubject },
-        { type: core.ErrorHandler },
-        { type: undefined, decorators: [{ type: core.Inject, args: [store.INITIAL_STATE,] }] },
-        { type: StoreDevtoolsConfig, decorators: [{ type: core.Inject, args: [STORE_DEVTOOLS_CONFIG,] }] }
-    ]; };
+    /** @nocollapse */ StoreDevtools.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: StoreDevtools, deps: [{ token: DevtoolsDispatcher }, { token: i2__namespace.ActionsSubject }, { token: i2__namespace.ReducerObservable }, { token: DevtoolsExtension }, { token: i2__namespace.ScannedActionsSubject }, { token: i0__namespace.ErrorHandler }, { token: i2.INITIAL_STATE }, { token: STORE_DEVTOOLS_CONFIG }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    /** @nocollapse */ StoreDevtools.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: StoreDevtools });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: StoreDevtools, decorators: [{
+                type: i0.Injectable
+            }], ctorParameters: function () {
+            return [{ type: DevtoolsDispatcher }, { type: i2__namespace.ActionsSubject }, { type: i2__namespace.ReducerObservable }, { type: DevtoolsExtension }, { type: i2__namespace.ScannedActionsSubject }, { type: i0__namespace.ErrorHandler }, { type: undefined, decorators: [{
+                            type: i0.Inject,
+                            args: [i2.INITIAL_STATE]
+                        }] }, { type: StoreDevtoolsConfig, decorators: [{
+                            type: i0.Inject,
+                            args: [STORE_DEVTOOLS_CONFIG]
+                        }] }];
+        } });
 
-    var IS_EXTENSION_OR_MONITOR_PRESENT = new core.InjectionToken('@ngrx/store-devtools Is Devtools Extension or Monitor Present');
+    var IS_EXTENSION_OR_MONITOR_PRESENT = new i0.InjectionToken('@ngrx/store-devtools Is Devtools Extension or Monitor Present');
     function createIsExtensionOrMonitorPresent(extension, config) {
         return Boolean(extension) || config.monitor !== noMonitor;
     }
@@ -1250,12 +1287,12 @@
                         useFactory: createConfig,
                     },
                     {
-                        provide: store.StateObservable,
+                        provide: i2.StateObservable,
                         deps: [StoreDevtools],
                         useFactory: createStateObservable,
                     },
                     {
-                        provide: store.ReducerManagerDispatcher,
+                        provide: i2.ReducerManagerDispatcher,
                         useExisting: DevtoolsDispatcher,
                     },
                 ],
@@ -1263,9 +1300,13 @@
         };
         return StoreDevtoolsModule;
     }());
-    StoreDevtoolsModule.decorators = [
-        { type: core.NgModule, args: [{},] }
-    ];
+    /** @nocollapse */ StoreDevtoolsModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: StoreDevtoolsModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    /** @nocollapse */ StoreDevtoolsModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: StoreDevtoolsModule });
+    /** @nocollapse */ StoreDevtoolsModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: StoreDevtoolsModule });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: StoreDevtoolsModule, decorators: [{
+                type: i0.NgModule,
+                args: [{}]
+            }] });
 
     /**
      * DO NOT EDIT
@@ -1282,16 +1323,6 @@
     exports.StoreDevtools = StoreDevtools;
     exports.StoreDevtoolsConfig = StoreDevtoolsConfig;
     exports.StoreDevtoolsModule = StoreDevtoolsModule;
-    exports.ɵa = IS_EXTENSION_OR_MONITOR_PRESENT;
-    exports.ɵb = createIsExtensionOrMonitorPresent;
-    exports.ɵc = createReduxDevtoolsExtension;
-    exports.ɵd = createStateObservable;
-    exports.ɵe = STORE_DEVTOOLS_CONFIG;
-    exports.ɵf = noMonitor;
-    exports.ɵg = createConfig;
-    exports.ɵh = REDUX_DEVTOOLS_EXTENSION;
-    exports.ɵi = DevtoolsExtension;
-    exports.ɵj = DevtoolsDispatcher;
 
     Object.defineProperty(exports, '__esModule', { value: true });