@ionic/core 8.8.20-dev.11787158518.168a2fea → 8.8.20-dev.11788449221.155f9f1e

package/dist/collection/components/route/route.js

@@ -1,43 +1,18 @@
 // TODO(FW-2832): types
+/**
+ * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
+ * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ */
 export class Route {
-    /**
-     * Relative path that needs to match in order for this route to apply.
-     *
-     * Accepts paths similar to expressjs so that you can define parameters
-     * in the url /foo/:bar where bar would be available in incoming props.
-     */
-    url = '';
-    /**
-     * Name of the component to load/select in the navigation outlet (`ion-tabs`, `ion-router-outlet`)
-     * when the route matches.
-     *
-     * The value of this property is not always the tagname of the component to load,
-     * in `ion-tabs` it actually refers to the name of the `ion-tab` to select.
-     */
-    component;
-    /**
-     * A key value `{ 'red': true, 'blue': 'white'}` containing props that should be passed
-     * to the defined component when rendered.
-     */
-    componentProps;
-    /**
-     * A navigation hook that is fired when the route tries to leave.
-     * Returning `true` allows the navigation to proceed, while returning
-     * `false` causes it to be cancelled. Returning a `NavigationHookOptions`
-     * object causes the router to redirect to the path specified.
-     */
-    beforeLeave;
-    /**
-     * A navigation hook that is fired when the route tries to enter.
-     * Returning `true` allows the navigation to proceed, while returning
-     * `false` causes it to be cancelled. Returning a `NavigationHookOptions`
-     * object causes the router to redirect to the path specified.
-     */
-    beforeEnter;
-    /**
-     * Used internally by `ion-router` to know when this route did change.
-     */
-    ionRouteDataChanged;
+    constructor() {
+        /**
+         * Relative path that needs to match in order for this route to apply.
+         *
+         * Accepts paths similar to expressjs so that you can define parameters
+         * in the url /foo/:bar where bar would be available in incoming props.
+         */
+        this.url = '';
+    }
     onUpdate(newValue) {
         this.ionRouteDataChanged.emit(newValue);
     }
@@ -96,7 +71,7 @@ export class Route {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Name of the component to load/select in the navigation outlet (`ion-tabs`, `ion-router-outlet`)\nwhen the route matches.\n\nThe value of this property is not always the tagname of the component to load,\nin `ion-tabs` it actually refers to the name of the `ion-tab` to select."
+                    "text": "Name of the component to load/select in the navigation outlet (`ion-tabs`, `ion-nav`)\nwhen the route matches.\n\nThe value of this property is not always the tagname of the component to load,\nin `ion-tabs` it actually refers to the name of the `ion-tab` to select."
                 },
                 "getter": false,
                 "setter": false,

package/dist/collection/components/route-redirect/route-redirect.js

@@ -1,35 +1,4 @@
 export class RouteRedirect {
-    /**
-     * A redirect route, redirects "from" a URL "to" another URL. This property is that "from" URL.
-     * It needs to be an exact match of the navigated URL in order to apply.
-     *
-     * The path specified in this value is always an absolute path, even if the initial `/` slash
-     * is not specified.
-     *
-     */
-    from;
-    /**
-     * A redirect route, redirects "from" a URL "to" another URL. This property is that "to" URL.
-     * When the defined `ion-route-redirect` rule matches, the router will redirect to the path
-     * specified in this property.
-     *
-     * The value of this property is always an absolute path inside the scope of routes defined in
-     * `ion-router` it can't be used with another router or to perform a redirection to a different domain.
-     *
-     * Note that this is a virtual redirect, it will not cause a real browser refresh, again, it's
-     * a redirect inside the context of ion-router.
-     *
-     * When this property is not specified or his value is `undefined` the whole redirect route is noop,
-     * even if the "from" value matches.
-     */
-    to;
-    /**
-     * Internal event that fires when any value of this rule is added/removed from the DOM,
-     * or any of his public properties changes.
-     *
-     * `ion-router` captures this event in order to update his internal registry of router rules.
-     */
-    ionRouteRedirectChanged;
     propDidChange() {
         this.ionRouteRedirectChanged.emit();
     }

package/dist/collection/components/router/router.js

@@ -6,42 +6,38 @@ import { readNavState, scrollToFragment, waitUntilNavNode, writeNavState } from
 import { findChainForIDs, findChainForSegments, findRouteRedirect } from "./utils/matching";
 import { readRedirects, readRoutes } from "./utils/parser";
 import { chainToSegments, generatePath, parsePath, readSegments, writeSegments } from "./utils/path";
+/**
+ * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
+ * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ */
 export class Router {
-    previousPath = null;
-    busy = false;
-    state = 0;
-    lastState = 0;
-    waitPromise;
-    fragmentScrollToken = 0;
-    el;
-    /**
-     * The root path to use when matching URLs. By default, this is set to "/", but you can specify
-     * an alternate prefix for all URL paths.
-     */
-    root = '/';
-    /**
-     * The router can work in two "modes":
-     * - With hash: `/index.html#/path/to/page`
-     * - Without hash: `/path/to/page`
-     *
-     * Using one or another might depend in the requirements of your app and/or where it's deployed.
-     *
-     * Usually "hash-less" navigation works better for SEO and it's more user friendly too, but it might
-     * requires additional server-side configuration in order to properly work.
-     *
-     * On the other side hash-navigation is much easier to deploy, it even works over the file protocol.
-     *
-     * By default, this property is `true`, change to `false` to allow hash-less URLs.
-     */
-    useHash = true;
-    /**
-     * Event emitted when the route is about to change
-     */
-    ionRouteWillChange;
-    /**
-     * Emitted when the route had changed
-     */
-    ionRouteDidChange;
+    constructor() {
+        this.previousPath = null;
+        this.busy = false;
+        this.state = 0;
+        this.lastState = 0;
+        this.fragmentScrollToken = 0;
+        /**
+         * The root path to use when matching URLs. By default, this is set to "/", but you can specify
+         * an alternate prefix for all URL paths.
+         */
+        this.root = '/';
+        /**
+         * The router can work in two "modes":
+         * - With hash: `/index.html#/path/to/page`
+         * - Without hash: `/path/to/page`
+         *
+         * Using one or another might depend in the requirements of your app and/or where it's deployed.
+         *
+         * Usually "hash-less" navigation works better for SEO and it's more user friendly too, but it might
+         * requires additional server-side configuration in order to properly work.
+         *
+         * On the other side hash-navigation is much easier to deploy, it even works over the file protocol.
+         *
+         * By default, this property is `true`, change to `false` to allow hash-less URLs.
+         */
+        this.useHash = true;
+    }
     async componentWillLoad() {
         await waitUntilNavNode();
         const canProceed = await this.runGuards(this.getSegments());
@@ -111,8 +107,9 @@ export class Router {
      * @param animation A custom animation to use for the transition.
      */
     async push(path, direction = 'forward', animation) {
+        var _a;
         if (path.startsWith('.')) {
-            const currentPath = this.previousPath ?? '/';
+            const currentPath = (_a = this.previousPath) !== null && _a !== void 0 ? _a : '/';
             // Convert currentPath to an URL by pre-pending a protocol and a host to resolve the relative path.
             const url = new URL(path, `https://host/${currentPath}`);
             path = url.pathname + url.search + url.hash;
@@ -183,10 +180,11 @@ export class Router {
         return this.writeNavStateRoot(this.getSegments(), ROUTER_INTENT_NONE);
     }
     historyDirection() {
+        var _a;
         const win = window;
         if (win.history.state === null) {
             this.state++;
-            win.history.replaceState(this.state, win.document.title, win.document.location?.href);
+            win.history.replaceState(this.state, win.document.title, (_a = win.document.location) === null || _a === void 0 ? void 0 : _a.href);
         }
         const state = win.history.state;
         const lastState = this.lastState;
@@ -260,12 +258,14 @@ export class Router {
         }
         const routes = readRoutes(this.el);
         const fromChain = findChainForSegments(from, routes);
+        // eslint-disable-next-line @typescript-eslint/prefer-optional-chain
         const beforeLeaveHook = fromChain && fromChain[fromChain.length - 1].beforeLeave;
         const canLeave = beforeLeaveHook ? await beforeLeaveHook() : true;
         if (canLeave === false || typeof canLeave === 'object') {
             return canLeave;
         }
         const toChain = findChainForSegments(to, routes);
+        // eslint-disable-next-line @typescript-eslint/prefer-optional-chain
         const beforeEnterHook = toChain && toChain[toChain.length - 1].beforeEnter;
         return beforeEnterHook ? beforeEnterHook() : true;
     }

package/dist/collection/components/router/utils/dom.js

@@ -1,10 +1,9 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { Build } from "@stencil/core";
 import { findClosestIonContent, getScrollElement, isIonContent } from "../../../utils/content/index";
 import { componentOnReady, raf } from "../../../utils/helpers";
-import { printIonError, printIonWarning } from "../../../utils/logging/index";
+import { printIonError } from "../../../utils/logging/index";
 import { ROUTER_INTENT_NONE } from "./constants";
 /**
  * Activates the passed route chain.
@@ -54,6 +53,7 @@ export const readNavState = async (root) => {
     const ids = [];
     let outlet;
     let node = root;
+    // eslint-disable-next-line no-cond-assign
     while ((outlet = searchNavNode(node))) {
         const id = await outlet.getRouteId();
         if (id) {
@@ -108,7 +108,7 @@ const findFragmentTarget = async (fragment, shouldContinue) => {
             try {
                 candidates = [...document.querySelectorAll(`#${escaped}, a[name="${escaped}"]`)];
             }
-            catch {
+            catch (_a) {
                 candidates = [...document.querySelectorAll(`#${escaped}`)];
             }
         }
@@ -145,7 +145,7 @@ export const scrollToFragment = async (fragment, shouldContinue = () => true) =>
     try {
         decoded = decodeURIComponent(fragment);
     }
-    catch {
+    catch (_a) {
         decoded = fragment;
     }
     const target = await findFragmentTarget(decoded, shouldContinue);
@@ -179,34 +179,16 @@ export const scrollToFragment = async (fragment, shouldContinue = () => true) =>
         return false;
     }
 };
-/** How long the router waits for a navigation outlet before giving up and proceeding. */
-const NAV_NODE_TIMEOUT = 500;
 export const waitUntilNavNode = () => {
     if (searchNavNode(document.body)) {
         return Promise.resolve();
     }
     return new Promise((resolve) => {
-        /**
-         * Outlets emit `ionNavWillLoad` as they load, so resolve as soon as one does.
-         * A timeout backstops the case where the page has no outlet at all: without it
-         * the router would wait forever and its `componentWillLoad` would never settle,
-         * which in turn prevents the app from signalling that it has finished loading.
-         */
-        const done = () => {
-            window.removeEventListener('ionNavWillLoad', done);
-            clearTimeout(timeout);
-            if (Build.isDev && !searchNavNode(document.body)) {
-                printIonWarning('[ion-router] - No outlet found. The router requires an ion-router-outlet or ion-tabs to render routed views. ' +
-                    'Note that as of Ionic 9 ion-nav is no longer a router outlet.');
-            }
-            resolve();
-        };
-        const timeout = setTimeout(done, NAV_NODE_TIMEOUT);
-        window.addEventListener('ionNavWillLoad', done, { once: true });
+        window.addEventListener('ionNavWillLoad', () => resolve(), { once: true });
     });
 };
 /** Selector for all the outlets supported by the router. */
-const OUTLET_SELECTOR = ':not([no-router]) ion-tabs, :not([no-router]) ion-router-outlet';
+const OUTLET_SELECTOR = ':not([no-router]) ion-nav, :not([no-router]) ion-tabs, :not([no-router]) ion-router-outlet';
 const searchNavNode = (root) => {
     if (!root) {
         return undefined;
@@ -215,5 +197,5 @@ const searchNavNode = (root) => {
         return root;
     }
     const outlet = root.querySelector(OUTLET_SELECTOR);
-    return outlet ?? undefined;
+    return outlet !== null && outlet !== void 0 ? outlet : undefined;
 };

package/dist/collection/components/router/utils/matching.js

@@ -134,7 +134,7 @@ export const matchesSegments = (segments, chain) => {
  * Returns undefined when both parameters are undefined.
  */
 export const mergeParams = (a, b) => {
-    return a || b ? { ...a, ...b } : undefined;
+    return a || b ? Object.assign(Object.assign({}, a), b) : undefined;
 };
 /**
  * Finds the best match for the ids in the chains.
@@ -154,11 +154,14 @@ export const findChainForIDs = (ids, chains) => {
         }
     }
     if (match) {
-        return match.map((route, i) => ({
-            id: route.id,
-            segments: route.segments,
-            params: mergeParams(route.params, ids[i]?.params),
-        }));
+        return match.map((route, i) => {
+            var _a;
+            return ({
+                id: route.id,
+                segments: route.segments,
+                params: mergeParams(route.params, (_a = ids[i]) === null || _a === void 0 ? void 0 : _a.params),
+            });
+        });
     }
     return null;
 };
@@ -212,7 +215,6 @@ export const computePriority = (chain) => {
     return score;
 };
 export class RouterSegments {
-    segments;
     constructor(segments) {
         this.segments = segments.slice();
     }

package/dist/collection/components/router/utils/parser.js

@@ -42,7 +42,7 @@ export const readRoutes = (root) => {
  */
 export const readRouteNodes = (node) => {
     return Array.from(node.children)
-        .filter((el) => el.tagName === 'ION-ROUTE' && Boolean(el.component))
+        .filter((el) => el.tagName === 'ION-ROUTE' && el.component)
         .map((el) => {
         const component = readProp(el, 'component');
         return {

package/dist/collection/components/router/utils/path.js

@@ -41,6 +41,7 @@ export const chainToSegments = (chain) => {
     for (const route of chain) {
         for (const segment of route.segments) {
             if (segment[0] === ':') {
+                // eslint-disable-next-line @typescript-eslint/prefer-optional-chain
                 const param = route.params && route.params[segment.slice(1)];
                 if (!param) {
                     return null;

package/dist/collection/components/router-link/router-link.css

@@ -1,3 +1,9 @@
+/**
+ * Convert a pixels given value into rem
+ * 
+ * @param pixels - Value in pixels to be converted (i.e. px)
+ * @param context (optional) - Baseline value
+ */
 /**
  * Convert a font size to a dynamic font size.
  * Fonts that participate in Dynamic Type should use
@@ -69,16 +75,16 @@
 }
 
 a {
+  color: inherit;
   font-family: inherit;
   font-size: inherit;
   font-style: inherit;
   font-weight: inherit;
   letter-spacing: inherit;
+  text-align: inherit;
   text-decoration: inherit;
   text-indent: inherit;
   text-overflow: inherit;
   text-transform: inherit;
-  text-align: inherit;
   white-space: inherit;
-  color: inherit;
 }

package/dist/collection/components/router-link/router-link.js

@@ -3,54 +3,33 @@
  */
 import { Host, h } from "@stencil/core";
 import { createColorClasses, openURL } from "../../utils/theme";
-import { getIonMode } from "../../global/ionic-global";
+import { getIonTheme } from "../../global/ionic-global";
+/**
+ * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
+ * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ */
 export class RouterLink {
-    /**
-     * The color to use from your application's color palette.
-     * Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
-     * For more information on colors, see [theming](/docs/theming/basics).
-     */
-    color;
-    /**
-     * Contains a URL or a URL fragment that the hyperlink points to.
-     * If this property is set, an anchor tag will be rendered.
-     */
-    href;
-    /**
-     * Specifies the relationship of the target object to the link object.
-     * The value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).
-     */
-    rel;
-    /**
-     * When using a router, it specifies the transition direction when navigating to
-     * another page using `href`.
-     */
-    routerDirection = 'forward';
-    /**
-     * When using a router, it specifies the transition animation when navigating to
-     * another page using `href`.
-     */
-    routerAnimation;
-    /**
-     * Specifies where to display the linked URL.
-     * Only applies when an `href` is provided.
-     * Special keywords: `"_blank"`, `"_self"`, `"_parent"`, `"_top"`.
-     */
-    target;
-    onClick = (ev) => {
-        openURL(this.href, ev, this.routerDirection, this.routerAnimation);
-    };
+    constructor() {
+        /**
+         * When using a router, it specifies the transition direction when navigating to
+         * another page using `href`.
+         */
+        this.routerDirection = 'forward';
+        this.onClick = (ev) => {
+            openURL(this.href, ev, this.routerDirection, this.routerAnimation);
+        };
+    }
     render() {
-        const mode = getIonMode(this);
+        const theme = getIonTheme(this);
         const attrs = {
             href: this.href,
             rel: this.rel,
             target: this.target,
         };
-        return (h(Host, { key: '8aaf732d8f5cc4ced351e2b3164605c10bd90cad', onClick: this.onClick, class: createColorClasses(this.color, {
-                [mode]: true,
+        return (h(Host, { key: '84efbafddc586ee3f616d4e1a13118c04d9b2753', onClick: this.onClick, class: createColorClasses(this.color, {
+                [theme]: true,
                 'ion-activatable': true,
-            }) }, h("a", { key: '8f291ffbbce5b08dd10720d855eb020880bf1be1', ...attrs }, h("slot", { key: '24dc388a49204011e1c1f0a1131c9a1b0a4ae4da' }))));
+            }) }, h("a", Object.assign({ key: 'e8c7cda4c00ec45548ea52b632bc4adb07f9460c' }, attrs), h("slot", { key: '133bf1203a3e218e3868b4cfda00bb753ecea946' }))));
     }
     static get is() { return "ion-router-link"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/router-outlet/router-outlet.css

@@ -1,3 +1,9 @@
+/**
+ * Convert a pixels given value into rem
+ * 
+ * @param pixels - Value in pixels to be converted (i.e. px)
+ * @param context (optional) - Baseline value
+ */
 /**
  * Convert a font size to a dynamic font size.
  * Fonts that participate in Dynamic Type should use
@@ -54,8 +60,8 @@
  * }
  */
 :host {
-  left: 0;
   right: 0;
+  left: 0;
   top: 0;
   bottom: 0;
   position: absolute;

package/dist/collection/components/router-outlet/router-outlet.js

@@ -10,47 +10,27 @@ import { printIonError } from "../../utils/logging/index";
 import { transition } from "../../utils/transition/index";
 import { config } from "../../global/config";
 import { getIonMode } from "../../global/ionic-global";
+/**
+ * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ */
 export class RouterOutlet {
-    lockController = createLockController();
-    activeEl;
-    // TODO(FW-2832): types
-    activeComponent;
-    activeParams;
-    gesture;
-    ani;
-    gestureOrAnimationInProgress = false;
-    el;
-    /**
-     * The mode determines which platform styles to use.
-     */
-    mode = getIonMode(this);
-    /** @internal */
-    delegate;
-    /**
-     * If `true`, the router-outlet should animate the transition of components.
-     */
-    animated = true;
-    /** This property allows to create custom transition using AnimationBuilder functions. */
-    animation;
-    /**
-     * If `true`, the router-outlet should allow navigation via swipe-to-go-back gesture.
-     * Defaults to `true` for `"ios"` mode and `false` for `"md"` mode.
-     */
-    swipeGesture;
-    swipeGestureChanged() {
-        this.updateGestureEnabled();
+    constructor() {
+        this.lockController = createLockController();
+        this.gestureOrAnimationInProgress = false;
+        /**
+         * The mode determines the platform behaviors of the component.
+         */
+        this.mode = getIonMode(this);
+        /**
+         * If `true`, the router-outlet should animate the transition of components.
+         */
+        this.animated = true;
     }
-    /** @internal */
-    swipeHandler;
     swipeHandlerChanged() {
-        this.updateGestureEnabled();
+        if (this.gesture) {
+            this.gesture.enable(this.swipeHandler !== undefined);
+        }
     }
-    /** @internal */
-    ionNavWillLoad;
-    /** @internal */
-    ionNavWillChange;
-    /** @internal */
-    ionNavDidChange;
     async connectedCallback() {
         const onStart = () => {
             this.gestureOrAnimationInProgress = true;
@@ -58,7 +38,7 @@ export class RouterOutlet {
                 this.swipeHandler.onStart();
             }
         };
-        this.gesture = (await import('../../utils/gesture/swipe-back')).createSwipeBackGesture(this.el, () => !this.gestureOrAnimationInProgress && !!this.swipeHandler && this.swipeHandler.canStart(), () => onStart(), (step) => this.ani?.progressStep(step), (shouldComplete, step, dur) => {
+        this.gesture = (await import('../../utils/gesture/swipe-back')).createSwipeBackGesture(this.el, () => !this.gestureOrAnimationInProgress && !!this.swipeHandler && this.swipeHandler.canStart(), () => onStart(), (step) => { var _a; return (_a = this.ani) === null || _a === void 0 ? void 0 : _a.progressStep(step); }, (shouldComplete, step, dur) => {
             if (this.ani) {
                 this.ani.onFinish(() => {
                     this.gestureOrAnimationInProgress = false;
@@ -89,21 +69,11 @@ export class RouterOutlet {
                 this.gestureOrAnimationInProgress = false;
             }
         });
-        if (this.swipeGesture === undefined) {
-            this.swipeGesture = config.getBoolean('swipeBackEnabled', this.mode === 'ios');
-        }
-        else {
-            this.updateGestureEnabled();
-        }
+        this.swipeHandlerChanged();
     }
     componentWillLoad() {
         this.ionNavWillLoad.emit();
     }
-    updateGestureEnabled() {
-        if (this.gesture) {
-            this.gesture.enable(this.swipeHandler !== undefined && this.swipeGesture === true);
-        }
-    }
     disconnectedCallback() {
         if (this.gesture) {
             this.gesture.destroy();
@@ -170,19 +140,16 @@ export class RouterOutlet {
         const { el, mode } = this;
         const animated = this.animated && config.getBoolean('animated', true);
         const animationBuilder = opts.animationBuilder || this.animation || config.get('navAnimation');
-        await transition({
-            mode,
+        await transition(Object.assign(Object.assign({ mode,
             animated,
             enteringEl,
-            leavingEl,
-            baseEl: el,
+            leavingEl, baseEl: el,
             /**
              * We need to wait for all Stencil components
              * to be ready only when using the lazy
              * loaded bundle.
              */
-            deepWait: hasLazyBuild(el),
-            progressCallback: opts.progressAnimation
+            deepWait: hasLazyBuild(el), progressCallback: opts.progressAnimation
                 ? (ani) => {
                     /**
                      * Because this progress callback is called asynchronously
@@ -211,16 +178,13 @@ export class RouterOutlet {
                         this.ani = ani;
                     }
                 }
-                : undefined,
-            ...opts,
-            animationBuilder,
-        });
+                : undefined }, opts), { animationBuilder }));
         // emit nav changed event
         this.ionNavDidChange.emit();
         return true;
     }
     render() {
-        return h("slot", { key: '249e7d8a063c781db52fa535e42d648c7bf2909a' });
+        return h("slot", { key: '56e3d06ed939755796058e30ef19fbc7f7cb490d' });
     }
     static get is() { return "ion-router-outlet"; }
     static get encapsulation() { return "shadow"; }
@@ -253,7 +217,7 @@ export class RouterOutlet {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "The mode determines which platform styles to use."
+                    "text": "The mode determines the platform behaviors of the component."
                 },
                 "getter": false,
                 "setter": false,
@@ -332,25 +296,6 @@ export class RouterOutlet {
                 "getter": false,
                 "setter": false
             },
-            "swipeGesture": {
-                "type": "boolean",
-                "mutable": true,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "If `true`, the router-outlet should allow navigation via swipe-to-go-back gesture.\nDefaults to `true` for `\"ios\"` mode and `false` for `\"md\"` mode."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "swipe-gesture"
-            },
             "swipeHandler": {
                 "type": "unknown",
                 "mutable": false,
@@ -572,9 +517,6 @@ export class RouterOutlet {
     static get elementRef() { return "el"; }
     static get watchers() {
         return [{
-                "propName": "swipeGesture",
-                "methodName": "swipeGestureChanged"
-            }, {
                 "propName": "swipeHandler",
                 "methodName": "swipeHandlerChanged"
             }];