@ionic/core 9.0.0 → 9.0.1-dev.11787248963.10a00c73

package/dist/cjs/ion-route_4.cjs.entry.js

@@ -3,56 +3,25 @@
  */
 'use strict';
 
-var index = require('./index-uvry__L4.js');
-var helpers = require('./helpers-YPQybDph.js');
-var index$1 = require('./index-zVCah4Uz.js');
+var index = require('./index-BrVMoqUk.js');
+var helpers = require('./helpers-Dj5o76mq.js');
+var index$1 = require('./index-C8zH6b3d.js');
 var theme = require('./theme-Bw0rpaNN.js');
-var ionicGlobal = require('./ionic-global-k6hOWWpn.js');
+var ionicGlobal = require('./ionic-global-DvgIzM2F.js');
 require('./dir-zwDPRE5K.js');
 
 const Route = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.ionRouteDataChanged = index.createEvent(this, "ionRouteDataChanged", 7);
+        /**
+         * 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 = '';
     }
-    /**
-     * 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;
     onUpdate(newValue) {
         this.ionRouteDataChanged.emit(newValue);
     }
@@ -94,37 +63,6 @@ const RouteRedirect = class {
         index.registerInstance(this, hostRef);
         this.ionRouteRedirectChanged = index.createEvent(this, "ionRouteRedirectChanged", 7);
     }
-    /**
-     * 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();
     }
@@ -700,7 +638,6 @@ const computePriority = (chain) => {
     return score;
 };
 class RouterSegments {
-    segments;
     constructor(segments) {
         this.segments = segments.slice();
     }
@@ -803,42 +740,32 @@ const Router = class {
         index.registerInstance(this, hostRef);
         this.ionRouteWillChange = index.createEvent(this, "ionRouteWillChange", 7);
         this.ionRouteDidChange = index.createEvent(this, "ionRouteDidChange", 7);
+        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;
     }
-    previousPath = null;
-    busy = false;
-    state = 0;
-    lastState = 0;
-    waitPromise;
-    fragmentScrollToken = 0;
-    get el() { return index.getElement(this); }
-    /**
-     * 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;
     async componentWillLoad() {
         await waitUntilNavNode();
         const canProceed = await this.runGuards(this.getSegments());
@@ -1128,6 +1055,7 @@ const Router = class {
             to,
         };
     }
+    get el() { return index.getElement(this); }
 };
 
 const routerLinkCss = () => `:host{--background:transparent;--color:var(--ion-color-primary, #0054e9);background:var(--background);color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}a{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit}`;
@@ -1135,42 +1063,15 @@ const routerLinkCss = () => `:host{--background:transparent;--color:var(--ion-co
 const RouterLink = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        /**
+         * When using a router, it specifies the transition direction when navigating to
+         * another page using `href`.
+         */
+        this.routerDirection = 'forward';
+        this.onClick = (ev) => {
+            theme.openURL(this.href, ev, this.routerDirection, this.routerAnimation);
+        };
     }
-    /**
-     * 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) => {
-        theme.openURL(this.href, ev, this.routerDirection, this.routerAnimation);
-    };
     render() {
         const mode = ionicGlobal.getIonMode(this);
         const attrs = {