TabMenu: In Aura theme, active tab underline does not update properly when using routes with asynchronous resolvers

[c-o-l-i-n]

Describe the bug

In the new Aura theme, when using a TabMenu to navigate between routes that use asynchronous resolver functions, the "active-tab underline" does not update properly. It works fine in the Lara theme.

Here is the same Stackblitz app, 1 with Aura and 1 with Lara. The app uses a "dummy" resolver that delays the loading of each route by 1 second.

PrimeNG Aura theme TabMenu doesn't transition properly with route resolvers

PrimeNG Lara theme TabMenu works fine with route resolvers

Environment

Stackblitz

Reproducer

https://stackblitz.com/edit/stackblitz-starters-aktdll?file=src%2Fmain.ts

Angular version

17.2.0

PrimeNG version

17.13.0

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

18.18.0

Browser(s)

No response

Steps to reproduce the behavior

1. Create Angular routes with asynchronous resolver functions
2. Create a TabMenu with tabs that link to these routes
3. Click on the tabs to navigate

Expected behavior

The "active-tab underline" should move to the active tab after the route resolves.

[c-o-l-i-n]

Thanks, @cetincakiroglu!