Slightly - Nav Component Extension

Hi Team,

In my current project there is a requirement to build a Navigation Component with the addition of a categorized order which each child page will be mapped to its respective category. Something like below:

Parent Page (home)

• Offers
• Guidance
• Pet Guides
  • Dog
    • How to train your dog
    • Producs to take care of your dog
  • Cat
    • 10 Tips to take care of your cat
  • Reptile

My first idea was to implement a method with this kind or return type "

List<HashMap<String,List<NavigationItem>>> getCategorizedItems().

The list insertion is doing fine but in Slightly, I'm not able to iterate over the second list that is inside the Hashmap. Is this a good approach?. if not, It'd helpful for me gather your suggestions for a better way to handle this scenario.

I checked some post "almost related" for iterating but none of them worked for me (not sure if I'm missing something or even if it's possible).

https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/sightly-how-to-iterate-map-lt-string-map-lt-string-map-lt/td-p/298571

Any guidance that you can give me guys. I'll be appreciate it.

Regards