@ionic/angular 8.8.8-nightly.20260520 → 8.8.9-dev.11779403760.13ea2a08

package/fesm2022/ionic-angular-common.mjs

@@ -2383,6 +2383,44 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 args: ['click']
             }] } });
 
+/**
+ * Extracts `queryParams` and `fragment` from a tab button's href for use
+ * as Angular `NavigationExtras`. Returns `undefined` when neither is present.
+ */
+const parseHrefExtras = (href) => {
+    if (!href) {
+        return undefined;
+    }
+    const hashIndex = href.indexOf('#');
+    // Treat a bare `#` (no fragment text) as no fragment.
+    const fragment = hashIndex >= 0 && hashIndex < href.length - 1 ? href.slice(hashIndex + 1) : undefined;
+    const beforeHash = hashIndex >= 0 ? href.slice(0, hashIndex) : href;
+    const queryIndex = beforeHash.indexOf('?');
+    const search = queryIndex >= 0 ? beforeHash.slice(queryIndex + 1) : '';
+    let queryParams;
+    if (search) {
+        const params = new URLSearchParams(search);
+        queryParams = {};
+        for (const key of new Set(params.keys())) {
+            const all = params.getAll(key);
+            queryParams[key] = all.length > 1 ? all : all[0];
+        }
+    }
+    if (!queryParams && fragment === undefined) {
+        return undefined;
+    }
+    /**
+     * Build the result with only the populated keys so that a spread of the
+     * returned object does not overwrite saved `queryParams`/`fragment` with
+     * `undefined` (which `Object.assign`/spread would copy as a real key).
+     */
+    const extras = {};
+    if (queryParams)
+        extras.queryParams = queryParams;
+    if (fragment !== undefined)
+        extras.fragment = fragment;
+    return extras;
+};
 class IonTabs {
     navCtrl;
     tabsInner;
@@ -2450,22 +2488,25 @@ class IonTabs {
      *
      *   a. Get the saved root view from the router outlet. If the saved root view
      *      matches the tabRootUrl, set the route view to this view including the
-     *      navigation extras.
-     *   b. If the saved root view from the router outlet does
-     *      not match, navigate to the tabRootUrl. No navigation extras are
-     *      included.
+     *      navigation extras. Any `queryParams` or `fragment` declared on the tab
+     *      button's `href` are also forwarded.
+     *   b. If the saved root view from the router outlet does not match, navigate
+     *      to the tabRootUrl, forwarding any `queryParams`/`fragment` declared on
+     *      the tab button's `href`.
      *
      * 2. If the current tab tab is not currently selected, get the last route
      *    view from the router outlet.
      *
      *   a. If the last route view exists, navigate to that view including any
-     *      navigation extras
-     *   b. If the last route view doesn't exist, then navigate
-     *      to the default tabRootUrl
+     *      navigation extras.
+     *   b. If the last route view doesn't exist, then navigate to the default
+     *      tabRootUrl, forwarding any `queryParams`/`fragment` declared on the
+     *      tab button's `href`.
      */
     select(tabOrEvent) {
         const isTabString = typeof tabOrEvent === 'string';
         const tab = isTabString ? tabOrEvent : tabOrEvent.detail.tab;
+        const href = isTabString ? undefined : tabOrEvent.detail.href;
         /**
          * If the tabs are not using the router, then
          * the tab switch logic is handled by the tabs
@@ -2478,6 +2519,11 @@ class IonTabs {
         }
         const alreadySelected = this.outlet.getActiveStackId() === tab;
         const tabRootUrl = `${this.outlet.tabsPrefix}/${tab}`;
+        /**
+         * The href pathname is ignored here; tab routing is driven by `tabsPrefix/tab`.
+         * Only the query and fragment are forwarded as navigation extras.
+         */
+        const hrefExtras = parseHrefExtras(href);
         /**
          * If this is a nested tab, prevent the event
          * from bubbling otherwise the outer tabs
@@ -2498,6 +2544,7 @@ class IonTabs {
             const navigationExtras = rootView && tabRootUrl === rootView.url && rootView.savedExtras;
             return this.navCtrl.navigateRoot(tabRootUrl, {
                 ...navigationExtras,
+                ...hrefExtras,
                 animated: true,
                 animationDirection: 'back',
             });
@@ -2506,10 +2553,11 @@ class IonTabs {
             const lastRoute = this.outlet.getLastRouteView(tab);
             /**
              * If there is a lastRoute, goto that, otherwise goto the fallback url of the
-             * selected tab
+             * selected tab. When falling back to the tab root, honor query params and
+             * fragment declared on the tab button's href.
              */
             const url = lastRoute?.url || tabRootUrl;
-            const navigationExtras = lastRoute?.savedExtras;
+            const navigationExtras = lastRoute?.savedExtras ?? (url === tabRootUrl ? hrefExtras : undefined);
             return this.navCtrl.navigateRoot(url, {
                 ...navigationExtras,
                 animated: true,