@ngxs/router-plugin 3.7.4 → 3.7.5

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@ngxs/store'), require('@angular/router'), require('@angular/common'), require('@ngxs/store/internals'), require('rxjs'), require('rxjs/operators')) :
-    typeof define === 'function' && define.amd ? define('@ngxs/router-plugin', ['exports', '@angular/core', '@ngxs/store', '@angular/router', '@angular/common', '@ngxs/store/internals', 'rxjs', 'rxjs/operators'], factory) :
-    (global = global || self, factory((global.ngxs = global.ngxs || {}, global.ngxs['router-plugin'] = {}), global.ng.core, global['ngxs-store'], global.ng.router, global.ng.common, global['ngxs-store-internals'], global.rxjs, global.rxjs.operators));
-}(this, function (exports, core, store, router, common, internals, rxjs, operators) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@ngxs/store'), require('@angular/router'), require('rxjs')) :
+    typeof define === 'function' && define.amd ? define('@ngxs/router-plugin', ['exports', '@angular/core', '@ngxs/store', '@angular/router', 'rxjs'], factory) :
+    (global = global || self, factory((global.ngxs = global.ngxs || {}, global.ngxs['router-plugin'] = {}), global.ng.core, global['ngxs-store'], global.ng.router, global.rxjs));
+}(this, function (exports, core, store, router, rxjs) { 'use strict';
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -223,862 +223,759 @@
         return value;
     }
 
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    /**
-     * Public event api of the router
-     */
-    var   /**
-     * Public event api of the router
-     */
-    Navigate = /** @class */ (function () {
-        function Navigate(path, queryParams, extras) {
-            this.path = path;
-            this.queryParams = queryParams;
-            this.extras = extras;
-        }
-        Object.defineProperty(Navigate, "type", {
-            get: /**
-             * @return {?}
-             */
-            function () {
-                // NOTE: Not necessary to declare the type in this way in your code. See https://github.com/ngxs/store/pull/644#issuecomment-436003138
-                return '[Router] Navigate';
-            },
-            enumerable: true,
-            configurable: true
-        });
-        return Navigate;
-    }());
-    if (false) {
-        /** @type {?} */
-        Navigate.prototype.path;
-        /** @type {?} */
-        Navigate.prototype.queryParams;
-        /** @type {?} */
-        Navigate.prototype.extras;
-    }
-    /**
-     *
-     * Angular Routers internal state events
-     *
-     */
-    /**
-     * An action dispatched when the router navigates.
-     * @template T
-     */
-    var   /**
-     *
-     * Angular Routers internal state events
-     *
-     */
-    /**
-     * An action dispatched when the router navigates.
-     * @template T
-     */
-    RouterNavigation = /** @class */ (function () {
-        function RouterNavigation(routerState, event, trigger) {
-            if (trigger === void 0) { trigger = 'none'; }
-            this.routerState = routerState;
-            this.event = event;
-            this.trigger = trigger;
-        }
-        Object.defineProperty(RouterNavigation, "type", {
-            get: /**
-             * @return {?}
-             */
-            function () {
-                // NOTE: Not necessary to declare the type in this way in your code. See https://github.com/ngxs/store/pull/644#issuecomment-436003138
-                return '[Router] RouterNavigation';
-            },
-            enumerable: true,
-            configurable: true
-        });
-        return RouterNavigation;
-    }());
-    if (false) {
-        /** @type {?} */
-        RouterNavigation.prototype.routerState;
-        /** @type {?} */
-        RouterNavigation.prototype.event;
-        /** @type {?} */
-        RouterNavigation.prototype.trigger;
-    }
-    /**
-     * An action dispatched when the router cancel navigation.
-     * @template T, V
-     */
-    var   /**
-     * An action dispatched when the router cancel navigation.
-     * @template T, V
-     */
-    RouterCancel = /** @class */ (function () {
-        function RouterCancel(routerState, storeState, event, trigger) {
-            if (trigger === void 0) { trigger = 'none'; }
-            this.routerState = routerState;
-            this.storeState = storeState;
-            this.event = event;
-            this.trigger = trigger;
-        }
-        Object.defineProperty(RouterCancel, "type", {
-            get: /**
-             * @return {?}
-             */
-            function () {
-                // NOTE: Not necessary to declare the type in this way in your code. See https://github.com/ngxs/store/pull/644#issuecomment-436003138
-                return '[Router] RouterCancel';
-            },
-            enumerable: true,
-            configurable: true
-        });
-        return RouterCancel;
-    }());
-    if (false) {
-        /** @type {?} */
-        RouterCancel.prototype.routerState;
-        /** @type {?} */
-        RouterCancel.prototype.storeState;
-        /** @type {?} */
-        RouterCancel.prototype.event;
-        /** @type {?} */
-        RouterCancel.prototype.trigger;
-    }
-    /**
-     * An action dispatched when the router errors.
-     * @template T, V
-     */
-    var   /**
-     * An action dispatched when the router errors.
-     * @template T, V
-     */
-    RouterError = /** @class */ (function () {
-        function RouterError(routerState, storeState, event, trigger) {
-            if (trigger === void 0) { trigger = 'none'; }
-            this.routerState = routerState;
-            this.storeState = storeState;
-            this.event = event;
-            this.trigger = trigger;
-        }
-        Object.defineProperty(RouterError, "type", {
-            get: /**
-             * @return {?}
-             */
-            function () {
-                // NOTE: Not necessary to declare the type in this way in your code. See https://github.com/ngxs/store/pull/644#issuecomment-436003138
-                return '[Router] RouterError';
-            },
-            enumerable: true,
-            configurable: true
-        });
-        return RouterError;
-    }());
-    if (false) {
-        /** @type {?} */
-        RouterError.prototype.routerState;
-        /** @type {?} */
-        RouterError.prototype.storeState;
-        /** @type {?} */
-        RouterError.prototype.event;
-        /** @type {?} */
-        RouterError.prototype.trigger;
-    }
-    /**
-     * An action dispatched when the `ResolveEnd` event is triggered.
-     * @template T
-     */
-    var   /**
-     * An action dispatched when the `ResolveEnd` event is triggered.
-     * @template T
-     */
-    RouterDataResolved = /** @class */ (function () {
-        function RouterDataResolved(routerState, event, trigger) {
-            if (trigger === void 0) { trigger = 'none'; }
-            this.routerState = routerState;
-            this.event = event;
-            this.trigger = trigger;
-        }
-        Object.defineProperty(RouterDataResolved, "type", {
-            get: /**
-             * @return {?}
-             */
-            function () {
-                // NOTE: Not necessary to declare the type in this way in your code. See https://github.com/ngxs/store/pull/644#issuecomment-436003138
-                return '[Router] RouterDataResolved';
-            },
-            enumerable: true,
-            configurable: true
-        });
-        return RouterDataResolved;
-    }());
-    if (false) {
-        /** @type {?} */
-        RouterDataResolved.prototype.routerState;
-        /** @type {?} */
-        RouterDataResolved.prototype.event;
-        /** @type {?} */
-        RouterDataResolved.prototype.trigger;
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    /**
+     * Public event api of the router
+     */
+    var   /**
+     * Public event api of the router
+     */
+    Navigate = /** @class */ (function () {
+        function Navigate(path, queryParams, extras) {
+            this.path = path;
+            this.queryParams = queryParams;
+            this.extras = extras;
+        }
+        Object.defineProperty(Navigate, "type", {
+            get: /**
+             * @return {?}
+             */
+            function () {
+                // NOTE: Not necessary to declare the type in this way in your code. See https://github.com/ngxs/store/pull/644#issuecomment-436003138
+                return '[Router] Navigate';
+            },
+            enumerable: true,
+            configurable: true
+        });
+        return Navigate;
+    }());
+    if (false) {
+        /** @type {?} */
+        Navigate.prototype.path;
+        /** @type {?} */
+        Navigate.prototype.queryParams;
+        /** @type {?} */
+        Navigate.prototype.extras;
+    }
+    /**
+     *
+     * Angular Routers internal state events
+     *
+     */
+    /**
+     * An action dispatched when the router navigates.
+     * @template T
+     */
+    var   /**
+     *
+     * Angular Routers internal state events
+     *
+     */
+    /**
+     * An action dispatched when the router navigates.
+     * @template T
+     */
+    RouterNavigation = /** @class */ (function () {
+        function RouterNavigation(routerState, event, trigger) {
+            if (trigger === void 0) { trigger = 'none'; }
+            this.routerState = routerState;
+            this.event = event;
+            this.trigger = trigger;
+        }
+        Object.defineProperty(RouterNavigation, "type", {
+            get: /**
+             * @return {?}
+             */
+            function () {
+                // NOTE: Not necessary to declare the type in this way in your code. See https://github.com/ngxs/store/pull/644#issuecomment-436003138
+                return '[Router] RouterNavigation';
+            },
+            enumerable: true,
+            configurable: true
+        });
+        return RouterNavigation;
+    }());
+    if (false) {
+        /** @type {?} */
+        RouterNavigation.prototype.routerState;
+        /** @type {?} */
+        RouterNavigation.prototype.event;
+        /** @type {?} */
+        RouterNavigation.prototype.trigger;
+    }
+    /**
+     * An action dispatched when the router cancel navigation.
+     * @template T, V
+     */
+    var   /**
+     * An action dispatched when the router cancel navigation.
+     * @template T, V
+     */
+    RouterCancel = /** @class */ (function () {
+        function RouterCancel(routerState, storeState, event, trigger) {
+            if (trigger === void 0) { trigger = 'none'; }
+            this.routerState = routerState;
+            this.storeState = storeState;
+            this.event = event;
+            this.trigger = trigger;
+        }
+        Object.defineProperty(RouterCancel, "type", {
+            get: /**
+             * @return {?}
+             */
+            function () {
+                // NOTE: Not necessary to declare the type in this way in your code. See https://github.com/ngxs/store/pull/644#issuecomment-436003138
+                return '[Router] RouterCancel';
+            },
+            enumerable: true,
+            configurable: true
+        });
+        return RouterCancel;
+    }());
+    if (false) {
+        /** @type {?} */
+        RouterCancel.prototype.routerState;
+        /** @type {?} */
+        RouterCancel.prototype.storeState;
+        /** @type {?} */
+        RouterCancel.prototype.event;
+        /** @type {?} */
+        RouterCancel.prototype.trigger;
+    }
+    /**
+     * An action dispatched when the router errors.
+     * @template T, V
+     */
+    var   /**
+     * An action dispatched when the router errors.
+     * @template T, V
+     */
+    RouterError = /** @class */ (function () {
+        function RouterError(routerState, storeState, event, trigger) {
+            if (trigger === void 0) { trigger = 'none'; }
+            this.routerState = routerState;
+            this.storeState = storeState;
+            this.event = event;
+            this.trigger = trigger;
+        }
+        Object.defineProperty(RouterError, "type", {
+            get: /**
+             * @return {?}
+             */
+            function () {
+                // NOTE: Not necessary to declare the type in this way in your code. See https://github.com/ngxs/store/pull/644#issuecomment-436003138
+                return '[Router] RouterError';
+            },
+            enumerable: true,
+            configurable: true
+        });
+        return RouterError;
+    }());
+    if (false) {
+        /** @type {?} */
+        RouterError.prototype.routerState;
+        /** @type {?} */
+        RouterError.prototype.storeState;
+        /** @type {?} */
+        RouterError.prototype.event;
+        /** @type {?} */
+        RouterError.prototype.trigger;
+    }
+    /**
+     * An action dispatched when the `ResolveEnd` event is triggered.
+     * @template T
+     */
+    var   /**
+     * An action dispatched when the `ResolveEnd` event is triggered.
+     * @template T
+     */
+    RouterDataResolved = /** @class */ (function () {
+        function RouterDataResolved(routerState, event, trigger) {
+            if (trigger === void 0) { trigger = 'none'; }
+            this.routerState = routerState;
+            this.event = event;
+            this.trigger = trigger;
+        }
+        Object.defineProperty(RouterDataResolved, "type", {
+            get: /**
+             * @return {?}
+             */
+            function () {
+                // NOTE: Not necessary to declare the type in this way in your code. See https://github.com/ngxs/store/pull/644#issuecomment-436003138
+                return '[Router] RouterDataResolved';
+            },
+            enumerable: true,
+            configurable: true
+        });
+        return RouterDataResolved;
+    }());
+    if (false) {
+        /** @type {?} */
+        RouterDataResolved.prototype.routerState;
+        /** @type {?} */
+        RouterDataResolved.prototype.event;
+        /** @type {?} */
+        RouterDataResolved.prototype.trigger;
     }
 
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    /**
-     * @abstract
-     * @template T
-     */
-    var   /**
-     * @abstract
-     * @template T
-     */
-    RouterStateSerializer = /** @class */ (function () {
-        function RouterStateSerializer() {
-        }
-        return RouterStateSerializer;
-    }());
-    if (false) {
-        /**
-         * @abstract
-         * @param {?} routerState
-         * @return {?}
-         */
-        RouterStateSerializer.prototype.serialize = function (routerState) { };
-    }
-    /**
-     * @record
-     */
-    function SerializedRouterStateSnapshot() { }
-    if (false) {
-        /** @type {?} */
-        SerializedRouterStateSnapshot.prototype.root;
-        /** @type {?} */
-        SerializedRouterStateSnapshot.prototype.url;
-    }
-    var DefaultRouterStateSerializer = /** @class */ (function () {
-        function DefaultRouterStateSerializer() {
-        }
-        /**
-         * @param {?} routerState
-         * @return {?}
-         */
-        DefaultRouterStateSerializer.prototype.serialize = /**
-         * @param {?} routerState
-         * @return {?}
-         */
-        function (routerState) {
-            return {
-                root: this.serializeRoute(routerState.root),
-                url: routerState.url
-            };
-        };
-        /**
-         * @private
-         * @param {?} route
-         * @return {?}
-         */
-        DefaultRouterStateSerializer.prototype.serializeRoute = /**
-         * @private
-         * @param {?} route
-         * @return {?}
-         */
-        function (route) {
-            var _this = this;
-            /** @type {?} */
-            var children = route.children.map((/**
-             * @param {?} c
-             * @return {?}
-             */
-            function (c) { return _this.serializeRoute(c); }));
-            return {
-                url: route.url,
-                params: route.params,
-                queryParams: route.queryParams,
-                fragment: route.fragment,
-                data: route.data,
-                outlet: route.outlet,
-                component: null,
-                routeConfig: null,
-                root: (/** @type {?} */ (null)),
-                parent: null,
-                firstChild: children[0],
-                children: children,
-                pathFromRoot: (/** @type {?} */ (null)),
-                paramMap: route.paramMap,
-                queryParamMap: route.queryParamMap,
-                toString: route.toString
-            };
-        };
-        return DefaultRouterStateSerializer;
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    /**
+     * @abstract
+     * @template T
+     */
+    var   /**
+     * @abstract
+     * @template T
+     */
+    RouterStateSerializer = /** @class */ (function () {
+        function RouterStateSerializer() {
+        }
+        return RouterStateSerializer;
+    }());
+    if (false) {
+        /**
+         * @abstract
+         * @param {?} routerState
+         * @return {?}
+         */
+        RouterStateSerializer.prototype.serialize = function (routerState) { };
+    }
+    /**
+     * @record
+     */
+    function SerializedRouterStateSnapshot() { }
+    if (false) {
+        /** @type {?} */
+        SerializedRouterStateSnapshot.prototype.root;
+        /** @type {?} */
+        SerializedRouterStateSnapshot.prototype.url;
+    }
+    var DefaultRouterStateSerializer = /** @class */ (function () {
+        function DefaultRouterStateSerializer() {
+        }
+        /**
+         * @param {?} routerState
+         * @return {?}
+         */
+        DefaultRouterStateSerializer.prototype.serialize = /**
+         * @param {?} routerState
+         * @return {?}
+         */
+        function (routerState) {
+            return {
+                root: this.serializeRoute(routerState.root),
+                url: routerState.url
+            };
+        };
+        /**
+         * @private
+         * @param {?} route
+         * @return {?}
+         */
+        DefaultRouterStateSerializer.prototype.serializeRoute = /**
+         * @private
+         * @param {?} route
+         * @return {?}
+         */
+        function (route) {
+            var _this = this;
+            /** @type {?} */
+            var children = route.children.map((/**
+             * @param {?} c
+             * @return {?}
+             */
+            function (c) { return _this.serializeRoute(c); }));
+            return {
+                url: route.url,
+                params: route.params,
+                queryParams: route.queryParams,
+                fragment: route.fragment,
+                data: route.data,
+                outlet: route.outlet,
+                component: null,
+                routeConfig: null,
+                root: (/** @type {?} */ (null)),
+                parent: null,
+                firstChild: children[0],
+                children: children,
+                pathFromRoot: (/** @type {?} */ (null)),
+                paramMap: route.paramMap,
+                queryParamMap: route.queryParamMap,
+                toString: route.toString
+            };
+        };
+        return DefaultRouterStateSerializer;
     }());
 
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    /**
-     * @record
-     * @template T
-     */
-    function RouterStateModel() { }
-    if (false) {
-        /** @type {?|undefined} */
-        RouterStateModel.prototype.state;
-        /** @type {?|undefined} */
-        RouterStateModel.prototype.navigationId;
-        /** @type {?} */
-        RouterStateModel.prototype.trigger;
-    }
-    var RouterState = /** @class */ (function () {
-        function RouterState(_store, _router, _serializer, _ngZone, _urlSerializer, _locationStrategy, _location) {
-            this._store = _store;
-            this._router = _router;
-            this._serializer = _serializer;
-            this._ngZone = _ngZone;
-            this._urlSerializer = _urlSerializer;
-            this._locationStrategy = _locationStrategy;
-            this._location = _location;
-            /**
-             * Determines how navigation was performed by the `RouterState` itself
-             * or outside via `new Navigate(...)`
-             */
-            this._trigger = 'none';
-            /**
-             * That's the serialized state from the `Router` class
-             */
-            this._routerState = null;
-            /**
-             * That's the value of the `RouterState` state
-             */
-            this._storeState = null;
-            this._lastRoutesRecognized = (/** @type {?} */ (null));
-            this._subscription = new rxjs.Subscription();
-            this.setUpStoreListener();
-            this.setUpRouterEventsListener();
-            this.checkInitialNavigationOnce();
-        }
-        RouterState_1 = RouterState;
-        /**
-         * @template T
-         * @param {?} state
-         * @return {?}
-         */
-        RouterState.state = /**
-         * @template T
-         * @param {?} state
-         * @return {?}
-         */
-        function (state) {
-            return state && state.state;
-        };
-        /**
-         * @param {?} state
-         * @return {?}
-         */
-        RouterState.url = /**
-         * @param {?} state
-         * @return {?}
-         */
-        function (state) {
-            return state && state.state && state.state.url;
-        };
-        /**
-         * @return {?}
-         */
-        RouterState.prototype.ngOnDestroy = /**
-         * @return {?}
-         */
-        function () {
-            this._subscription.unsubscribe();
-        };
-        /**
-         * @param {?} _
-         * @param {?} action
-         * @return {?}
-         */
-        RouterState.prototype.navigate = /**
-         * @param {?} _
-         * @param {?} action
-         * @return {?}
-         */
-        function (_, action) {
-            var _this = this;
-            return this._ngZone.run((/**
-             * @return {?}
-             */
-            function () {
-                return _this._router.navigate(action.path, __assign({ queryParams: action.queryParams }, action.extras));
-            }));
-        };
-        /**
-         * @param {?} ctx
-         * @param {?} action
-         * @return {?}
-         */
-        RouterState.prototype.angularRouterAction = /**
-         * @param {?} ctx
-         * @param {?} action
-         * @return {?}
-         */
-        function (ctx, action) {
-            ctx.setState(__assign({}, ctx.getState(), { trigger: action.trigger, state: action.routerState, navigationId: action.event.id }));
-        };
-        /**
-         * @private
-         * @return {?}
-         */
-        RouterState.prototype.setUpStoreListener = /**
-         * @private
-         * @return {?}
-         */
-        function () {
-            var _this = this;
-            /** @type {?} */
-            var subscription = this._store
-                .select(RouterState_1)
-                .subscribe((/**
-             * @param {?} state
-             * @return {?}
-             */
-            function (state) {
-                _this.navigateIfNeeded(state);
-            }));
-            this._subscription.add(subscription);
-        };
-        /**
-         * @private
-         * @return {?}
-         */
-        RouterState.prototype.setUpRouterEventsListener = /**
-         * @private
-         * @return {?}
-         */
-        function () {
-            var _this = this;
-            /** @type {?} */
-            var subscription = this._router.events.subscribe((/**
-             * @param {?} event
-             * @return {?}
-             */
-            function (event) {
-                if (event instanceof router.NavigationStart) {
-                    _this.navigationStart();
-                }
-                else if (event instanceof router.RoutesRecognized) {
-                    _this._lastRoutesRecognized = event;
-                }
-                else if (event instanceof router.ResolveEnd) {
-                    _this.dispatchRouterDataResolved(event);
-                }
-                else if (event instanceof router.NavigationCancel) {
-                    _this.dispatchRouterCancel(event);
-                    _this.reset();
-                }
-                else if (event instanceof router.NavigationError) {
-                    _this.dispatchRouterError(event);
-                    _this.reset();
-                }
-                else if (event instanceof router.NavigationEnd) {
-                    _this.navigationEnd();
-                    _this.reset();
-                }
-            }));
-            this._subscription.add(subscription);
-        };
-        /**
-         * @private
-         * @return {?}
-         */
-        RouterState.prototype.navigationStart = /**
-         * @private
-         * @return {?}
-         */
-        function () {
-            this._routerState = this._serializer.serialize(this._router.routerState.snapshot);
-            if (this._trigger !== 'none') {
-                this._storeState = this._store.selectSnapshot(RouterState_1);
-            }
-        };
-        /**
-         * @private
-         * @return {?}
-         */
-        RouterState.prototype.navigationEnd = /**
-         * @private
-         * @return {?}
-         */
-        function () {
-            if (this.shouldDispatchRouterNavigation()) {
-                this.dispatchRouterNavigation();
-            }
-        };
-        /**
-         * @private
-         * @return {?}
-         */
-        RouterState.prototype.shouldDispatchRouterNavigation = /**
-         * @private
-         * @return {?}
-         */
-        function () {
-            if (!this._storeState)
-                return true;
-            return this._trigger !== 'store';
-        };
-        /**
-         * @private
-         * @param {?} state
-         * @return {?}
-         */
-        RouterState.prototype.navigateIfNeeded = /**
-         * @private
-         * @param {?} state
-         * @return {?}
-         */
-        function (state) {
-            var _this = this;
-            /** @type {?} */
-            var canSkipNavigation = !this._storeState ||
-                !this._storeState.state ||
-                !state ||
-                state.trigger === 'router' ||
-                this._router.url === this._storeState.state.url;
-            if (canSkipNavigation) {
-                return;
-            }
-            this._trigger = 'store';
-            this._ngZone.run((/**
-             * @return {?}
-             */
-            function () {
-                _this._router.navigateByUrl((/** @type {?} */ ((/** @type {?} */ (_this._storeState)).state)).url);
-            }));
-        };
-        /**
-         * @private
-         * @return {?}
-         */
-        RouterState.prototype.dispatchRouterNavigation = /**
-         * @private
-         * @return {?}
-         */
-        function () {
-            /** @type {?} */
-            var nextRouterState = this._serializer.serialize(this._lastRoutesRecognized.state);
-            this.dispatchRouterAction(new RouterNavigation(nextRouterState, new router.RoutesRecognized(this._lastRoutesRecognized.id, this._lastRoutesRecognized.url, this._lastRoutesRecognized.urlAfterRedirects, nextRouterState), this._trigger));
-        };
-        /**
-         * @private
-         * @param {?} event
-         * @return {?}
-         */
-        RouterState.prototype.dispatchRouterCancel = /**
-         * @private
-         * @param {?} event
-         * @return {?}
-         */
-        function (event) {
-            this.dispatchRouterAction(new RouterCancel((/** @type {?} */ (this._routerState)), this._storeState, event, this._trigger));
-        };
-        /**
-         * @private
-         * @param {?} event
-         * @return {?}
-         */
-        RouterState.prototype.dispatchRouterError = /**
-         * @private
-         * @param {?} event
-         * @return {?}
-         */
-        function (event) {
-            this.dispatchRouterAction(new RouterError((/** @type {?} */ (this._routerState)), this._storeState, new router.NavigationError(event.id, event.url, "" + event), this._trigger));
-        };
-        /**
-         * @private
-         * @template T
-         * @param {?} action
-         * @return {?}
-         */
-        RouterState.prototype.dispatchRouterAction = /**
-         * @private
-         * @template T
-         * @param {?} action
-         * @return {?}
-         */
-        function (action) {
-            this._trigger = 'router';
-            try {
-                this._store.dispatch(action);
-            }
-            finally {
-                this._trigger = 'none';
-            }
-        };
-        /**
-         * @private
-         * @param {?} event
-         * @return {?}
-         */
-        RouterState.prototype.dispatchRouterDataResolved = /**
-         * @private
-         * @param {?} event
-         * @return {?}
-         */
-        function (event) {
-            /** @type {?} */
-            var routerState = this._serializer.serialize(event.state);
-            this.dispatchRouterAction(new RouterDataResolved(routerState, event, this._trigger));
-        };
-        /**
-         * @private
-         * @return {?}
-         */
-        RouterState.prototype.reset = /**
-         * @private
-         * @return {?}
-         */
-        function () {
-            this._trigger = 'none';
-            this._storeState = null;
-            this._routerState = null;
-        };
-        /**
-         * No sense to mess up the `setUpRouterEventsListener` method as we have
-         * to perform this check only once and unsubscribe after the first event
-         * is triggered
-         */
-        /**
-         * No sense to mess up the `setUpRouterEventsListener` method as we have
-         * to perform this check only once and unsubscribe after the first event
-         * is triggered
-         * @private
-         * @return {?}
-         */
-        RouterState.prototype.checkInitialNavigationOnce = /**
-         * No sense to mess up the `setUpRouterEventsListener` method as we have
-         * to perform this check only once and unsubscribe after the first event
-         * is triggered
-         * @private
-         * @return {?}
-         */
-        function () {
-            var _this = this;
-            // 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) &&
-                // Angular is running tests in development mode thus we can be sure that this method will be
-                // skipped in tests.
-                internals.isAngularInTestMode()) {
-                return;
-            }
-            /** @type {?} */
-            var subscription = this._router.events
-                .pipe(operators.first((/**
-             * @param {?} event
-             * @return {?}
-             */
-            function (event) { return event instanceof router.RoutesRecognized; })))
-                .subscribe((/**
-             * @param {?} __0
-             * @return {?}
-             */
-            function (_a) {
-                // `location.pathname` always equals manually entered URL in the address bar
-                // e.g. `location.pathname === '/foo'`, but the `router` state has been initialized
-                // with another URL (e.g. used in combination with `NgxsStoragePlugin`), thus the
-                // `RouterNavigation` action will be dispatched and the user will be redirected to the
-                // previously saved URL. We want to prevent such behavior, so we perform this check
-                var url = _a.url;
-                // `location.pathname` always equals manually entered URL in the address bar
-                // e.g. `location.pathname === '/foo'`, but the `router` state has been initialized
-                // with another URL (e.g. used in combination with `NgxsStoragePlugin`), thus the
-                // `RouterNavigation` action will be dispatched and the user will be redirected to the
-                // previously saved URL. We want to prevent such behavior, so we perform this check
-                // `url` is a recognized URL by the Angular's router, while `currentUrl` is an actual URL
-                // entered in the browser's address bar
-                // `PathLocationStrategy.prototype.path()` returns a concatenation of
-                // `PlatformLocation.pathname` and normalized `PlatformLocation.search`.
-                // `Location.prototype.normalize` strips base href from the URL,
-                // if `baseHref` (declared in angular.json) for example is `/en`
-                // and the URL is `/test#anchor` - then `_locationStrategy.path(true)` will return `/en/test#anchor`,
-                // but `/en/test#anchor` is not known to the Angular's router, so we have to strip `/en`
-                // from the URL
-                /** @type {?} */
-                var currentUrl = _this._location.normalize(_this._locationStrategy.path(true));
-                /** @type {?} */
-                var currentUrlTree = _this._urlSerializer.parse(currentUrl);
-                // We need to serialize the URL because in that example `/test/?redirect=https://google.com/`
-                // Angular will recognize it as `/test?redirect=https:%2F%2Fwww.google.com%2F`
-                // so we have to run the `currentUrl` via the `UrlSerializer` that will encode characters
-                /** @type {?} */
-                var currentSerializedUrl = _this._urlSerializer.serialize(currentUrlTree);
-                // If URLs differ from each other - we've got to perform a redirect to the manually entered URL
-                // in the address bar, as it must have a priority
-                if (currentSerializedUrl !== url) {
-                    _this._router.navigateByUrl(currentUrl);
-                }
-            }));
-            this._subscription.add(subscription);
-        };
-        var RouterState_1;
-        RouterState.ctorParameters = function () { return [
-            { type: store.Store },
-            { type: router.Router },
-            { type: RouterStateSerializer },
-            { type: core.NgZone },
-            { type: router.UrlSerializer },
-            { type: common.LocationStrategy },
-            { type: common.Location }
-        ]; };
-        RouterState.decorators = [
-            { type: core.Injectable }
-        ];
-        /** @nocollapse */
-        RouterState.ctorParameters = function () { return [
-            { type: store.Store },
-            { type: router.Router },
-            { type: RouterStateSerializer },
-            { type: core.NgZone },
-            { type: router.UrlSerializer },
-            { type: common.LocationStrategy },
-            { type: common.Location }
-        ]; };
-        __decorate([
-            store.Action(Navigate),
-            __metadata("design:type", Function),
-            __metadata("design:paramtypes", [Object, Navigate]),
-            __metadata("design:returntype", void 0)
-        ], RouterState.prototype, "navigate", null);
-        __decorate([
-            store.Action([RouterNavigation, RouterError, RouterCancel, RouterDataResolved]),
-            __metadata("design:type", Function),
-            __metadata("design:paramtypes", [Object, Object]),
-            __metadata("design:returntype", void 0)
-        ], RouterState.prototype, "angularRouterAction", null);
-        __decorate([
-            store.Selector(),
-            __metadata("design:type", Function),
-            __metadata("design:paramtypes", [Object]),
-            __metadata("design:returntype", void 0)
-        ], RouterState, "state", null);
-        __decorate([
-            store.Selector(),
-            __metadata("design:type", Function),
-            __metadata("design:paramtypes", [Object]),
-            __metadata("design:returntype", Object)
-        ], RouterState, "url", null);
-        RouterState = RouterState_1 = __decorate([
-            store.State({
-                name: 'router',
-                defaults: {
-                    state: undefined,
-                    navigationId: undefined,
-                    trigger: 'none'
-                }
-            }),
-            __metadata("design:paramtypes", [store.Store,
-                router.Router,
-                RouterStateSerializer,
-                core.NgZone,
-                router.UrlSerializer,
-                common.LocationStrategy,
-                common.Location])
-        ], RouterState);
-        return RouterState;
-    }());
-    if (false) {
-        /**
-         * Determines how navigation was performed by the `RouterState` itself
-         * or outside via `new Navigate(...)`
-         * @type {?}
-         * @private
-         */
-        RouterState.prototype._trigger;
-        /**
-         * That's the serialized state from the `Router` class
-         * @type {?}
-         * @private
-         */
-        RouterState.prototype._routerState;
-        /**
-         * That's the value of the `RouterState` state
-         * @type {?}
-         * @private
-         */
-        RouterState.prototype._storeState;
-        /**
-         * @type {?}
-         * @private
-         */
-        RouterState.prototype._lastRoutesRecognized;
-        /**
-         * @type {?}
-         * @private
-         */
-        RouterState.prototype._subscription;
-        /**
-         * @type {?}
-         * @private
-         */
-        RouterState.prototype._store;
-        /**
-         * @type {?}
-         * @private
-         */
-        RouterState.prototype._router;
-        /**
-         * @type {?}
-         * @private
-         */
-        RouterState.prototype._serializer;
-        /**
-         * @type {?}
-         * @private
-         */
-        RouterState.prototype._ngZone;
-        /**
-         * @type {?}
-         * @private
-         */
-        RouterState.prototype._urlSerializer;
-        /**
-         * @type {?}
-         * @private
-         */
-        RouterState.prototype._locationStrategy;
-        /**
-         * @type {?}
-         * @private
-         */
-        RouterState.prototype._location;
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    /**
+     * @record
+     * @template T
+     */
+    function RouterStateModel() { }
+    if (false) {
+        /** @type {?|undefined} */
+        RouterStateModel.prototype.state;
+        /** @type {?|undefined} */
+        RouterStateModel.prototype.navigationId;
+        /** @type {?} */
+        RouterStateModel.prototype.trigger;
+    }
+    var RouterState = /** @class */ (function () {
+        function RouterState(_store, _router, _serializer, _ngZone) {
+            this._store = _store;
+            this._router = _router;
+            this._serializer = _serializer;
+            this._ngZone = _ngZone;
+            /**
+             * Determines how navigation was performed by the `RouterState` itself
+             * or outside via `new Navigate(...)`
+             */
+            this._trigger = 'none';
+            /**
+             * That's the serialized state from the `Router` class
+             */
+            this._routerState = null;
+            /**
+             * That's the value of the `RouterState` state
+             */
+            this._storeState = null;
+            this._lastRoutesRecognized = (/** @type {?} */ (null));
+            this._subscription = new rxjs.Subscription();
+            this.setUpStoreListener();
+            this.setUpRouterEventsListener();
+        }
+        RouterState_1 = RouterState;
+        /**
+         * @template T
+         * @param {?} state
+         * @return {?}
+         */
+        RouterState.state = /**
+         * @template T
+         * @param {?} state
+         * @return {?}
+         */
+        function (state) {
+            return state && state.state;
+        };
+        /**
+         * @param {?} state
+         * @return {?}
+         */
+        RouterState.url = /**
+         * @param {?} state
+         * @return {?}
+         */
+        function (state) {
+            return state && state.state && state.state.url;
+        };
+        /**
+         * @return {?}
+         */
+        RouterState.prototype.ngOnDestroy = /**
+         * @return {?}
+         */
+        function () {
+            this._subscription.unsubscribe();
+        };
+        /**
+         * @param {?} _
+         * @param {?} action
+         * @return {?}
+         */
+        RouterState.prototype.navigate = /**
+         * @param {?} _
+         * @param {?} action
+         * @return {?}
+         */
+        function (_, action) {
+            var _this = this;
+            return this._ngZone.run((/**
+             * @return {?}
+             */
+            function () {
+                return _this._router.navigate(action.path, __assign({ queryParams: action.queryParams }, action.extras));
+            }));
+        };
+        /**
+         * @param {?} ctx
+         * @param {?} action
+         * @return {?}
+         */
+        RouterState.prototype.angularRouterAction = /**
+         * @param {?} ctx
+         * @param {?} action
+         * @return {?}
+         */
+        function (ctx, action) {
+            ctx.setState(__assign({}, ctx.getState(), { trigger: action.trigger, state: action.routerState, navigationId: action.event.id }));
+        };
+        /**
+         * @private
+         * @return {?}
+         */
+        RouterState.prototype.setUpStoreListener = /**
+         * @private
+         * @return {?}
+         */
+        function () {
+            var _this = this;
+            /** @type {?} */
+            var subscription = this._store
+                .select(RouterState_1)
+                .subscribe((/**
+             * @param {?} state
+             * @return {?}
+             */
+            function (state) {
+                _this.navigateIfNeeded(state);
+            }));
+            this._subscription.add(subscription);
+        };
+        /**
+         * @private
+         * @return {?}
+         */
+        RouterState.prototype.setUpRouterEventsListener = /**
+         * @private
+         * @return {?}
+         */
+        function () {
+            var _this = this;
+            /** @type {?} */
+            var subscription = this._router.events.subscribe((/**
+             * @param {?} event
+             * @return {?}
+             */
+            function (event) {
+                if (event instanceof router.NavigationStart) {
+                    _this.navigationStart();
+                }
+                else if (event instanceof router.RoutesRecognized) {
+                    _this._lastRoutesRecognized = event;
+                }
+                else if (event instanceof router.ResolveEnd) {
+                    _this.dispatchRouterDataResolved(event);
+                }
+                else if (event instanceof router.NavigationCancel) {
+                    _this.dispatchRouterCancel(event);
+                    _this.reset();
+                }
+                else if (event instanceof router.NavigationError) {
+                    _this.dispatchRouterError(event);
+                    _this.reset();
+                }
+                else if (event instanceof router.NavigationEnd) {
+                    _this.navigationEnd();
+                    _this.reset();
+                }
+            }));
+            this._subscription.add(subscription);
+        };
+        /**
+         * @private
+         * @return {?}
+         */
+        RouterState.prototype.navigationStart = /**
+         * @private
+         * @return {?}
+         */
+        function () {
+            this._routerState = this._serializer.serialize(this._router.routerState.snapshot);
+            if (this._trigger !== 'none') {
+                this._storeState = this._store.selectSnapshot(RouterState_1);
+            }
+        };
+        /**
+         * @private
+         * @return {?}
+         */
+        RouterState.prototype.navigationEnd = /**
+         * @private
+         * @return {?}
+         */
+        function () {
+            if (this.shouldDispatchRouterNavigation()) {
+                this.dispatchRouterNavigation();
+            }
+        };
+        /**
+         * @private
+         * @return {?}
+         */
+        RouterState.prototype.shouldDispatchRouterNavigation = /**
+         * @private
+         * @return {?}
+         */
+        function () {
+            if (!this._storeState)
+                return true;
+            return this._trigger !== 'store';
+        };
+        /**
+         * @private
+         * @param {?} state
+         * @return {?}
+         */
+        RouterState.prototype.navigateIfNeeded = /**
+         * @private
+         * @param {?} state
+         * @return {?}
+         */
+        function (state) {
+            var _this = this;
+            if (state && state.trigger === 'devtools') {
+                this._storeState = this._store.selectSnapshot(RouterState_1);
+            }
+            /** @type {?} */
+            var canSkipNavigation = !this._storeState ||
+                !this._storeState.state ||
+                !state ||
+                state.trigger === 'router' ||
+                this._router.url === this._storeState.state.url;
+            if (canSkipNavigation) {
+                return;
+            }
+            this._trigger = 'store';
+            this._ngZone.run((/**
+             * @return {?}
+             */
+            function () {
+                _this._router.navigateByUrl((/** @type {?} */ ((/** @type {?} */ (_this._storeState)).state)).url);
+            }));
+        };
+        /**
+         * @private
+         * @return {?}
+         */
+        RouterState.prototype.dispatchRouterNavigation = /**
+         * @private
+         * @return {?}
+         */
+        function () {
+            /** @type {?} */
+            var nextRouterState = this._serializer.serialize(this._lastRoutesRecognized.state);
+            this.dispatchRouterAction(new RouterNavigation(nextRouterState, new router.RoutesRecognized(this._lastRoutesRecognized.id, this._lastRoutesRecognized.url, this._lastRoutesRecognized.urlAfterRedirects, nextRouterState), this._trigger));
+        };
+        /**
+         * @private
+         * @param {?} event
+         * @return {?}
+         */
+        RouterState.prototype.dispatchRouterCancel = /**
+         * @private
+         * @param {?} event
+         * @return {?}
+         */
+        function (event) {
+            this.dispatchRouterAction(new RouterCancel((/** @type {?} */ (this._routerState)), this._storeState, event, this._trigger));
+        };
+        /**
+         * @private
+         * @param {?} event
+         * @return {?}
+         */
+        RouterState.prototype.dispatchRouterError = /**
+         * @private
+         * @param {?} event
+         * @return {?}
+         */
+        function (event) {
+            this.dispatchRouterAction(new RouterError((/** @type {?} */ (this._routerState)), this._storeState, new router.NavigationError(event.id, event.url, "" + event), this._trigger));
+        };
+        /**
+         * @private
+         * @template T
+         * @param {?} action
+         * @return {?}
+         */
+        RouterState.prototype.dispatchRouterAction = /**
+         * @private
+         * @template T
+         * @param {?} action
+         * @return {?}
+         */
+        function (action) {
+            this._trigger = 'router';
+            try {
+                this._store.dispatch(action);
+            }
+            finally {
+                this._trigger = 'none';
+            }
+        };
+        /**
+         * @private
+         * @param {?} event
+         * @return {?}
+         */
+        RouterState.prototype.dispatchRouterDataResolved = /**
+         * @private
+         * @param {?} event
+         * @return {?}
+         */
+        function (event) {
+            /** @type {?} */
+            var routerState = this._serializer.serialize(event.state);
+            this.dispatchRouterAction(new RouterDataResolved(routerState, event, this._trigger));
+        };
+        /**
+         * @private
+         * @return {?}
+         */
+        RouterState.prototype.reset = /**
+         * @private
+         * @return {?}
+         */
+        function () {
+            this._trigger = 'none';
+            this._storeState = null;
+            this._routerState = null;
+        };
+        var RouterState_1;
+        RouterState.ctorParameters = function () { return [
+            { type: store.Store },
+            { type: router.Router },
+            { type: RouterStateSerializer },
+            { type: core.NgZone }
+        ]; };
+        RouterState.decorators = [
+            { type: core.Injectable }
+        ];
+        /** @nocollapse */
+        RouterState.ctorParameters = function () { return [
+            { type: store.Store },
+            { type: router.Router },
+            { type: RouterStateSerializer },
+            { type: core.NgZone }
+        ]; };
+        __decorate([
+            store.Action(Navigate),
+            __metadata("design:type", Function),
+            __metadata("design:paramtypes", [Object, Navigate]),
+            __metadata("design:returntype", void 0)
+        ], RouterState.prototype, "navigate", null);
+        __decorate([
+            store.Action([RouterNavigation, RouterError, RouterCancel, RouterDataResolved]),
+            __metadata("design:type", Function),
+            __metadata("design:paramtypes", [Object, Object]),
+            __metadata("design:returntype", void 0)
+        ], RouterState.prototype, "angularRouterAction", null);
+        __decorate([
+            store.Selector(),
+            __metadata("design:type", Function),
+            __metadata("design:paramtypes", [Object]),
+            __metadata("design:returntype", void 0)
+        ], RouterState, "state", null);
+        __decorate([
+            store.Selector(),
+            __metadata("design:type", Function),
+            __metadata("design:paramtypes", [Object]),
+            __metadata("design:returntype", Object)
+        ], RouterState, "url", null);
+        RouterState = RouterState_1 = __decorate([
+            store.State({
+                name: 'router',
+                defaults: {
+                    state: undefined,
+                    navigationId: undefined,
+                    trigger: 'none'
+                }
+            }),
+            __metadata("design:paramtypes", [store.Store,
+                router.Router,
+                RouterStateSerializer,
+                core.NgZone])
+        ], RouterState);
+        return RouterState;
+    }());
+    if (false) {
+        /**
+         * Determines how navigation was performed by the `RouterState` itself
+         * or outside via `new Navigate(...)`
+         * @type {?}
+         * @private
+         */
+        RouterState.prototype._trigger;
+        /**
+         * That's the serialized state from the `Router` class
+         * @type {?}
+         * @private
+         */
+        RouterState.prototype._routerState;
+        /**
+         * That's the value of the `RouterState` state
+         * @type {?}
+         * @private
+         */
+        RouterState.prototype._storeState;
+        /**
+         * @type {?}
+         * @private
+         */
+        RouterState.prototype._lastRoutesRecognized;
+        /**
+         * @type {?}
+         * @private
+         */
+        RouterState.prototype._subscription;
+        /**
+         * @type {?}
+         * @private
+         */
+        RouterState.prototype._store;
+        /**
+         * @type {?}
+         * @private
+         */
+        RouterState.prototype._router;
+        /**
+         * @type {?}
+         * @private
+         */
+        RouterState.prototype._serializer;
+        /**
+         * @type {?}
+         * @private
+         */
+        RouterState.prototype._ngZone;
     }
 
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var NgxsRouterPluginModule = /** @class */ (function () {
-        function NgxsRouterPluginModule() {
-        }
-        /**
-         * @return {?}
-         */
-        NgxsRouterPluginModule.forRoot = /**
-         * @return {?}
-         */
-        function () {
-            return {
-                ngModule: NgxsRouterPluginModule,
-                providers: [{ provide: RouterStateSerializer, useClass: DefaultRouterStateSerializer }]
-            };
-        };
-        NgxsRouterPluginModule.decorators = [
-            { type: core.NgModule, args: [{
-                        imports: [store.NgxsModule.forFeature([RouterState])]
-                    },] }
-        ];
-        return NgxsRouterPluginModule;
+    /**
+     * @fileoverview added by tsickle
+     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
+    var NgxsRouterPluginModule = /** @class */ (function () {
+        function NgxsRouterPluginModule() {
+        }
+        /**
+         * @return {?}
+         */
+        NgxsRouterPluginModule.forRoot = /**
+         * @return {?}
+         */
+        function () {
+            return {
+                ngModule: NgxsRouterPluginModule,
+                providers: [{ provide: RouterStateSerializer, useClass: DefaultRouterStateSerializer }]
+            };
+        };
+        NgxsRouterPluginModule.decorators = [
+            { type: core.NgModule, args: [{
+                        imports: [store.NgxsModule.forFeature([RouterState])]
+                    },] }
+        ];
+        return NgxsRouterPluginModule;
     }());
 
     exports.DefaultRouterStateSerializer = DefaultRouterStateSerializer;