@ngxs/devtools-plugin 3.7.4 → 3.7.5-dev.master-887cc32

package/bundles/ngxs-devtools-plugin.umd.js

@@ -223,388 +223,397 @@
         return value;
     }
 
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    /**
-     * Interface for the redux-devtools-extension API.
-     * @record
-     */
-    function NgxsDevtoolsExtension() { }
-    if (false) {
-        /**
-         * @param {?} state
-         * @return {?}
-         */
-        NgxsDevtoolsExtension.prototype.init = function (state) { };
-        /**
-         * @param {?} action
-         * @param {?=} state
-         * @return {?}
-         */
-        NgxsDevtoolsExtension.prototype.send = function (action, state) { };
-        /**
-         * @param {?} fn
-         * @return {?}
-         */
-        NgxsDevtoolsExtension.prototype.subscribe = function (fn) { };
-    }
-    /**
-     * @record
-     */
-    function NgxsDevtoolsAction() { }
-    if (false) {
-        /** @type {?} */
-        NgxsDevtoolsAction.prototype.type;
-        /** @type {?} */
-        NgxsDevtoolsAction.prototype.payload;
-        /** @type {?} */
-        NgxsDevtoolsAction.prototype.state;
-        /** @type {?} */
-        NgxsDevtoolsAction.prototype.id;
-        /** @type {?} */
-        NgxsDevtoolsAction.prototype.source;
-    }
-    /**
-     * @record
-     */
-    function NgxsDevtoolsOptions() { }
-    if (false) {
-        /**
-         * The name of the extension
-         * @type {?|undefined}
-         */
-        NgxsDevtoolsOptions.prototype.name;
-        /**
-         * Whether the dev tools is enabled or note. Useful for setting during production.
-         * @type {?|undefined}
-         */
-        NgxsDevtoolsOptions.prototype.disabled;
-        /**
-         * Max number of entiries to keep.
-         * @type {?|undefined}
-         */
-        NgxsDevtoolsOptions.prototype.maxAge;
-        /**
-         * Reformat actions before sending to dev tools
-         * @type {?|undefined}
-         */
-        NgxsDevtoolsOptions.prototype.actionSanitizer;
-        /**
-         * Reformat state before sending to devtools
-         * @type {?|undefined}
-         */
-        NgxsDevtoolsOptions.prototype.stateSanitizer;
-    }
-    /** @type {?} */
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    /**
+     * Interface for the redux-devtools-extension API.
+     * @record
+     */
+    function NgxsDevtoolsExtension() { }
+    if (false) {
+        /**
+         * @param {?} state
+         * @return {?}
+         */
+        NgxsDevtoolsExtension.prototype.init = function (state) { };
+        /**
+         * @param {?} action
+         * @param {?=} state
+         * @return {?}
+         */
+        NgxsDevtoolsExtension.prototype.send = function (action, state) { };
+        /**
+         * @param {?} fn
+         * @return {?}
+         */
+        NgxsDevtoolsExtension.prototype.subscribe = function (fn) { };
+    }
+    /**
+     * @record
+     */
+    function NgxsDevtoolsAction() { }
+    if (false) {
+        /** @type {?} */
+        NgxsDevtoolsAction.prototype.type;
+        /** @type {?} */
+        NgxsDevtoolsAction.prototype.payload;
+        /** @type {?} */
+        NgxsDevtoolsAction.prototype.state;
+        /** @type {?} */
+        NgxsDevtoolsAction.prototype.id;
+        /** @type {?} */
+        NgxsDevtoolsAction.prototype.source;
+    }
+    /**
+     * @record
+     */
+    function NgxsDevtoolsOptions() { }
+    if (false) {
+        /**
+         * The name of the extension
+         * @type {?|undefined}
+         */
+        NgxsDevtoolsOptions.prototype.name;
+        /**
+         * Whether the dev tools is enabled or note. Useful for setting during production.
+         * @type {?|undefined}
+         */
+        NgxsDevtoolsOptions.prototype.disabled;
+        /**
+         * Max number of entiries to keep.
+         * @type {?|undefined}
+         */
+        NgxsDevtoolsOptions.prototype.maxAge;
+        /**
+         * Reformat actions before sending to dev tools
+         * @type {?|undefined}
+         */
+        NgxsDevtoolsOptions.prototype.actionSanitizer;
+        /**
+         * Reformat state before sending to devtools
+         * @type {?|undefined}
+         */
+        NgxsDevtoolsOptions.prototype.stateSanitizer;
+    }
+    /** @type {?} */
     var NGXS_DEVTOOLS_OPTIONS = new core.InjectionToken('NGXS_DEVTOOLS_OPTIONS');
 
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    /** @enum {string} */
-    var ReduxDevtoolsActionType = {
-        Dispatch: 'DISPATCH',
-        Action: 'ACTION',
-    };
-    /** @enum {string} */
-    var ReduxDevtoolsPayloadType = {
-        JumpToAction: 'JUMP_TO_ACTION',
-        JumpToState: 'JUMP_TO_STATE',
-        ToggleAction: 'TOGGLE_ACTION',
-        ImportState: 'IMPORT_STATE',
-    };
-    /**
-     * Adds support for the Redux Devtools extension:
-     * http://extension.remotedev.io/
-     */
-    var NgxsReduxDevtoolsPlugin = /** @class */ (function () {
-        function NgxsReduxDevtoolsPlugin(_options, _injector, _ngZone) {
-            this._options = _options;
-            this._injector = _injector;
-            this._ngZone = _ngZone;
-            this.devtoolsExtension = null;
-            this.globalDevtools = core.ɵglobal['__REDUX_DEVTOOLS_EXTENSION__'] || core.ɵglobal['devToolsExtension'];
-            this.unsubscribe = null;
-            this.connect();
-        }
-        /**
-         * @return {?}
-         */
-        NgxsReduxDevtoolsPlugin.prototype.ngOnDestroy = /**
-         * @return {?}
-         */
-        function () {
-            if (this.unsubscribe !== null) {
-                this.unsubscribe();
-            }
-            if (this.globalDevtools) {
-                this.globalDevtools.disconnect();
-            }
-        };
-        Object.defineProperty(NgxsReduxDevtoolsPlugin.prototype, "store", {
-            /**
-             * Lazy get the store for circular dependency issues
-             */
-            get: /**
-             * Lazy get the store for circular dependency issues
-             * @private
-             * @return {?}
-             */
-            function () {
-                return this._injector.get(store.Store);
-            },
-            enumerable: true,
-            configurable: true
-        });
-        /**
-         * Middleware handle function
-         */
-        /**
-         * Middleware handle function
-         * @param {?} state
-         * @param {?} action
-         * @param {?} next
-         * @return {?}
-         */
-        NgxsReduxDevtoolsPlugin.prototype.handle = /**
-         * Middleware handle function
-         * @param {?} state
-         * @param {?} action
-         * @param {?} next
-         * @return {?}
-         */
-        function (state, action, next) {
-            var _this = this;
-            if (!this.devtoolsExtension || this._options.disabled) {
-                return next(state, action);
-            }
-            return next(state, action).pipe(operators.catchError((/**
-             * @param {?} error
-             * @return {?}
-             */
-            function (error) {
-                /** @type {?} */
-                var newState = _this.store.snapshot();
-                _this.sendToDevTools(state, action, newState);
-                throw error;
-            })), operators.tap((/**
-             * @param {?} newState
-             * @return {?}
-             */
-            function (newState) {
-                _this.sendToDevTools(state, action, newState);
-            })));
-        };
-        /**
-         * @private
-         * @param {?} state
-         * @param {?} action
-         * @param {?} newState
-         * @return {?}
-         */
-        NgxsReduxDevtoolsPlugin.prototype.sendToDevTools = /**
-         * @private
-         * @param {?} state
-         * @param {?} action
-         * @param {?} newState
-         * @return {?}
-         */
-        function (state, action, newState) {
-            /** @type {?} */
-            var type = store.getActionTypeFromInstance(action);
-            // if init action, send initial state to dev tools
-            /** @type {?} */
-            var isInitAction = type === '@@INIT';
-            if (isInitAction) {
-                (/** @type {?} */ (this.devtoolsExtension)).init(state);
-            }
-            else {
-                (/** @type {?} */ (this.devtoolsExtension)).send(__assign({}, action, { action: null, type: type }), newState);
-            }
-        };
-        /**
-         * Handle the action from the dev tools subscription
-         */
-        /**
-         * Handle the action from the dev tools subscription
-         * @param {?} action
-         * @return {?}
-         */
-        NgxsReduxDevtoolsPlugin.prototype.dispatched = /**
-         * Handle the action from the dev tools subscription
-         * @param {?} action
-         * @return {?}
-         */
-        function (action) {
-            var _this = this;
-            if (action.type === "DISPATCH" /* Dispatch */) {
-                if (action.payload.type === "JUMP_TO_ACTION" /* JumpToAction */ ||
-                    action.payload.type === "JUMP_TO_STATE" /* JumpToState */) {
-                    /** @type {?} */
-                    var prevState = JSON.parse(action.state);
-                    this.store.reset(prevState);
-                }
-                else if (action.payload.type === "TOGGLE_ACTION" /* ToggleAction */) {
-                    console.warn('Skip is not supported at this time.');
-                }
-                else if (action.payload.type === "IMPORT_STATE" /* ImportState */) {
-                    var _a = action.payload.nextLiftedState, actionsById_1 = _a.actionsById, computedStates_1 = _a.computedStates, currentStateIndex = _a.currentStateIndex;
-                    (/** @type {?} */ (this.devtoolsExtension)).init(computedStates_1[0].state);
-                    Object.keys(actionsById_1)
-                        .filter((/**
-                     * @param {?} actionId
-                     * @return {?}
-                     */
-                    function (actionId) { return actionId !== '0'; }))
-                        .forEach((/**
-                     * @param {?} actionId
-                     * @return {?}
-                     */
-                    function (actionId) {
-                        return (/** @type {?} */ (_this.devtoolsExtension)).send(actionsById_1[actionId], computedStates_1[actionId].state);
-                    }));
-                    this.store.reset(computedStates_1[currentStateIndex].state);
-                }
-            }
-            else if (action.type === "ACTION" /* Action */) {
-                /** @type {?} */
-                var actionPayload = JSON.parse(action.payload);
-                this.store.dispatch(actionPayload);
-            }
-        };
-        /**
-         * @private
-         * @return {?}
-         */
-        NgxsReduxDevtoolsPlugin.prototype.connect = /**
-         * @private
-         * @return {?}
-         */
-        function () {
-            var _this = this;
-            if (!this.globalDevtools || this._options.disabled) {
-                return;
-            }
-            // The `connect` method adds `message` event listener since it communicates
-            // with an extension through `window.postMessage` and message events.
-            // We handle only 2 events; thus, we don't want to run many change detections
-            // because the extension sends events that we don't have to handle.
-            this.devtoolsExtension = this._ngZone.runOutsideAngular((/**
-             * @return {?}
-             */
-            function () { return (/** @type {?} */ (_this.globalDevtools.connect(_this._options))); }));
-            this.unsubscribe = this.devtoolsExtension.subscribe((/**
-             * @param {?} action
-             * @return {?}
-             */
-            function (action) {
-                if (action.type === "DISPATCH" /* Dispatch */ ||
-                    action.type === "ACTION" /* Action */) {
-                    _this._ngZone.run((/**
-                     * @return {?}
-                     */
-                    function () {
-                        _this.dispatched(action);
-                    }));
-                }
-            }));
-        };
-        NgxsReduxDevtoolsPlugin.decorators = [
-            { type: core.Injectable }
-        ];
-        /** @nocollapse */
-        NgxsReduxDevtoolsPlugin.ctorParameters = function () { return [
-            { type: undefined, decorators: [{ type: core.Inject, args: [NGXS_DEVTOOLS_OPTIONS,] }] },
-            { type: core.Injector },
-            { type: core.NgZone }
-        ]; };
-        return NgxsReduxDevtoolsPlugin;
-    }());
-    if (false) {
-        /**
-         * @type {?}
-         * @private
-         */
-        NgxsReduxDevtoolsPlugin.prototype.devtoolsExtension;
-        /**
-         * @type {?}
-         * @private
-         */
-        NgxsReduxDevtoolsPlugin.prototype.globalDevtools;
-        /**
-         * @type {?}
-         * @private
-         */
-        NgxsReduxDevtoolsPlugin.prototype.unsubscribe;
-        /**
-         * @type {?}
-         * @private
-         */
-        NgxsReduxDevtoolsPlugin.prototype._options;
-        /**
-         * @type {?}
-         * @private
-         */
-        NgxsReduxDevtoolsPlugin.prototype._injector;
-        /**
-         * @type {?}
-         * @private
-         */
-        NgxsReduxDevtoolsPlugin.prototype._ngZone;
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    /** @enum {string} */
+    var ReduxDevtoolsActionType = {
+        Dispatch: 'DISPATCH',
+        Action: 'ACTION',
+    };
+    /** @enum {string} */
+    var ReduxDevtoolsPayloadType = {
+        JumpToAction: 'JUMP_TO_ACTION',
+        JumpToState: 'JUMP_TO_STATE',
+        ToggleAction: 'TOGGLE_ACTION',
+        ImportState: 'IMPORT_STATE',
+    };
+    /**
+     * Adds support for the Redux Devtools extension:
+     * http://extension.remotedev.io/
+     */
+    var NgxsReduxDevtoolsPlugin = /** @class */ (function () {
+        function NgxsReduxDevtoolsPlugin(_options, _injector, _ngZone) {
+            this._options = _options;
+            this._injector = _injector;
+            this._ngZone = _ngZone;
+            this.devtoolsExtension = null;
+            this.globalDevtools = core.ɵglobal['__REDUX_DEVTOOLS_EXTENSION__'] || core.ɵglobal['devToolsExtension'];
+            this.unsubscribe = null;
+            this.connect();
+        }
+        /**
+         * @return {?}
+         */
+        NgxsReduxDevtoolsPlugin.prototype.ngOnDestroy = /**
+         * @return {?}
+         */
+        function () {
+            if (this.unsubscribe !== null) {
+                this.unsubscribe();
+            }
+            if (this.globalDevtools) {
+                this.globalDevtools.disconnect();
+            }
+        };
+        Object.defineProperty(NgxsReduxDevtoolsPlugin.prototype, "store", {
+            /**
+             * Lazy get the store for circular dependency issues
+             */
+            get: /**
+             * Lazy get the store for circular dependency issues
+             * @private
+             * @return {?}
+             */
+            function () {
+                return this._injector.get(store.Store);
+            },
+            enumerable: true,
+            configurable: true
+        });
+        /**
+         * Middleware handle function
+         */
+        /**
+         * Middleware handle function
+         * @param {?} state
+         * @param {?} action
+         * @param {?} next
+         * @return {?}
+         */
+        NgxsReduxDevtoolsPlugin.prototype.handle = /**
+         * Middleware handle function
+         * @param {?} state
+         * @param {?} action
+         * @param {?} next
+         * @return {?}
+         */
+        function (state, action, next) {
+            var _this = this;
+            if (!this.devtoolsExtension || this._options.disabled) {
+                return next(state, action);
+            }
+            return next(state, action).pipe(operators.catchError((/**
+             * @param {?} error
+             * @return {?}
+             */
+            function (error) {
+                /** @type {?} */
+                var newState = _this.store.snapshot();
+                _this.sendToDevTools(state, action, newState);
+                throw error;
+            })), operators.tap((/**
+             * @param {?} newState
+             * @return {?}
+             */
+            function (newState) {
+                _this.sendToDevTools(state, action, newState);
+            })));
+        };
+        /**
+         * @private
+         * @param {?} state
+         * @param {?} action
+         * @param {?} newState
+         * @return {?}
+         */
+        NgxsReduxDevtoolsPlugin.prototype.sendToDevTools = /**
+         * @private
+         * @param {?} state
+         * @param {?} action
+         * @param {?} newState
+         * @return {?}
+         */
+        function (state, action, newState) {
+            /** @type {?} */
+            var type = store.getActionTypeFromInstance(action);
+            // if init action, send initial state to dev tools
+            /** @type {?} */
+            var isInitAction = type === '@@INIT';
+            if (isInitAction) {
+                (/** @type {?} */ (this.devtoolsExtension)).init(state);
+            }
+            else {
+                (/** @type {?} */ (this.devtoolsExtension)).send(__assign({}, action, { action: null, type: type }), newState);
+            }
+        };
+        /**
+         * Handle the action from the dev tools subscription
+         */
+        /**
+         * Handle the action from the dev tools subscription
+         * @param {?} action
+         * @return {?}
+         */
+        NgxsReduxDevtoolsPlugin.prototype.dispatched = /**
+         * Handle the action from the dev tools subscription
+         * @param {?} action
+         * @return {?}
+         */
+        function (action) {
+            var _this = this;
+            if (action.type === "DISPATCH" /* Dispatch */) {
+                if (action.payload.type === "JUMP_TO_ACTION" /* JumpToAction */ ||
+                    action.payload.type === "JUMP_TO_STATE" /* JumpToState */) {
+                    /** @type {?} */
+                    var prevState = JSON.parse(action.state);
+                    // This makes the DevTools and Router plugins friends with each other.
+                    // We're checking for the `router` state to exist, and it also should
+                    // have the `trigger` property, so we're sure that this is our router
+                    // state (coming from `@ngxs/router-plugin`). This enables a time-traveling
+                    // feature since it doesn't only restore the state but also allows the `RouterState`
+                    // to navigate back when the action is jumped.
+                    if (prevState.router && prevState.router.trigger) {
+                        prevState.router.trigger = 'devtools';
+                    }
+                    this.store.reset(prevState);
+                }
+                else if (action.payload.type === "TOGGLE_ACTION" /* ToggleAction */) {
+                    console.warn('Skip is not supported at this time.');
+                }
+                else if (action.payload.type === "IMPORT_STATE" /* ImportState */) {
+                    var _a = action.payload.nextLiftedState, actionsById_1 = _a.actionsById, computedStates_1 = _a.computedStates, currentStateIndex = _a.currentStateIndex;
+                    (/** @type {?} */ (this.devtoolsExtension)).init(computedStates_1[0].state);
+                    Object.keys(actionsById_1)
+                        .filter((/**
+                     * @param {?} actionId
+                     * @return {?}
+                     */
+                    function (actionId) { return actionId !== '0'; }))
+                        .forEach((/**
+                     * @param {?} actionId
+                     * @return {?}
+                     */
+                    function (actionId) {
+                        return (/** @type {?} */ (_this.devtoolsExtension)).send(actionsById_1[actionId], computedStates_1[actionId].state);
+                    }));
+                    this.store.reset(computedStates_1[currentStateIndex].state);
+                }
+            }
+            else if (action.type === "ACTION" /* Action */) {
+                /** @type {?} */
+                var actionPayload = JSON.parse(action.payload);
+                this.store.dispatch(actionPayload);
+            }
+        };
+        /**
+         * @private
+         * @return {?}
+         */
+        NgxsReduxDevtoolsPlugin.prototype.connect = /**
+         * @private
+         * @return {?}
+         */
+        function () {
+            var _this = this;
+            if (!this.globalDevtools || this._options.disabled) {
+                return;
+            }
+            // The `connect` method adds `message` event listener since it communicates
+            // with an extension through `window.postMessage` and message events.
+            // We handle only 2 events; thus, we don't want to run many change detections
+            // because the extension sends events that we don't have to handle.
+            this.devtoolsExtension = this._ngZone.runOutsideAngular((/**
+             * @return {?}
+             */
+            function () { return (/** @type {?} */ (_this.globalDevtools.connect(_this._options))); }));
+            this.unsubscribe = this.devtoolsExtension.subscribe((/**
+             * @param {?} action
+             * @return {?}
+             */
+            function (action) {
+                if (action.type === "DISPATCH" /* Dispatch */ ||
+                    action.type === "ACTION" /* Action */) {
+                    _this._ngZone.run((/**
+                     * @return {?}
+                     */
+                    function () {
+                        _this.dispatched(action);
+                    }));
+                }
+            }));
+        };
+        NgxsReduxDevtoolsPlugin.decorators = [
+            { type: core.Injectable }
+        ];
+        /** @nocollapse */
+        NgxsReduxDevtoolsPlugin.ctorParameters = function () { return [
+            { type: undefined, decorators: [{ type: core.Inject, args: [NGXS_DEVTOOLS_OPTIONS,] }] },
+            { type: core.Injector },
+            { type: core.NgZone }
+        ]; };
+        return NgxsReduxDevtoolsPlugin;
+    }());
+    if (false) {
+        /**
+         * @type {?}
+         * @private
+         */
+        NgxsReduxDevtoolsPlugin.prototype.devtoolsExtension;
+        /**
+         * @type {?}
+         * @private
+         */
+        NgxsReduxDevtoolsPlugin.prototype.globalDevtools;
+        /**
+         * @type {?}
+         * @private
+         */
+        NgxsReduxDevtoolsPlugin.prototype.unsubscribe;
+        /**
+         * @type {?}
+         * @private
+         */
+        NgxsReduxDevtoolsPlugin.prototype._options;
+        /**
+         * @type {?}
+         * @private
+         */
+        NgxsReduxDevtoolsPlugin.prototype._injector;
+        /**
+         * @type {?}
+         * @private
+         */
+        NgxsReduxDevtoolsPlugin.prototype._ngZone;
     }
 
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    /**
-     * @param {?} options
-     * @return {?}
-     */
-    function devtoolsOptionsFactory(options) {
-        return __assign({ name: 'NGXS' }, options);
-    }
-    /** @type {?} */
-    var USER_OPTIONS = new core.InjectionToken('USER_OPTIONS');
-    var NgxsReduxDevtoolsPluginModule = /** @class */ (function () {
-        function NgxsReduxDevtoolsPluginModule() {
-        }
-        /**
-         * @param {?=} options
-         * @return {?}
-         */
-        NgxsReduxDevtoolsPluginModule.forRoot = /**
-         * @param {?=} options
-         * @return {?}
-         */
-        function (options) {
-            return {
-                ngModule: NgxsReduxDevtoolsPluginModule,
-                providers: [
-                    {
-                        provide: store.NGXS_PLUGINS,
-                        useClass: NgxsReduxDevtoolsPlugin,
-                        multi: true
-                    },
-                    {
-                        provide: USER_OPTIONS,
-                        useValue: options
-                    },
-                    {
-                        provide: NGXS_DEVTOOLS_OPTIONS,
-                        useFactory: devtoolsOptionsFactory,
-                        deps: [USER_OPTIONS]
-                    }
-                ]
-            };
-        };
-        NgxsReduxDevtoolsPluginModule.decorators = [
-            { type: core.NgModule }
-        ];
-        return NgxsReduxDevtoolsPluginModule;
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    /**
+     * @param {?} options
+     * @return {?}
+     */
+    function devtoolsOptionsFactory(options) {
+        return __assign({ name: 'NGXS' }, options);
+    }
+    /** @type {?} */
+    var USER_OPTIONS = new core.InjectionToken('USER_OPTIONS');
+    var NgxsReduxDevtoolsPluginModule = /** @class */ (function () {
+        function NgxsReduxDevtoolsPluginModule() {
+        }
+        /**
+         * @param {?=} options
+         * @return {?}
+         */
+        NgxsReduxDevtoolsPluginModule.forRoot = /**
+         * @param {?=} options
+         * @return {?}
+         */
+        function (options) {
+            return {
+                ngModule: NgxsReduxDevtoolsPluginModule,
+                providers: [
+                    {
+                        provide: store.NGXS_PLUGINS,
+                        useClass: NgxsReduxDevtoolsPlugin,
+                        multi: true
+                    },
+                    {
+                        provide: USER_OPTIONS,
+                        useValue: options
+                    },
+                    {
+                        provide: NGXS_DEVTOOLS_OPTIONS,
+                        useFactory: devtoolsOptionsFactory,
+                        deps: [USER_OPTIONS]
+                    }
+                ]
+            };
+        };
+        NgxsReduxDevtoolsPluginModule.decorators = [
+            { type: core.NgModule }
+        ];
+        return NgxsReduxDevtoolsPluginModule;
     }());
 
     exports.NGXS_DEVTOOLS_OPTIONS = NGXS_DEVTOOLS_OPTIONS;