Primary Navigation

<nav class="primary-navigation {{#if isMobile}}primary-navigation--mobile{{else}}primary-navigation--desktop{{/if}}">
    <ul class="primary-navigation__list">
        {{#each mainMenu}}
        <li
            class="primary-navigation__list-item js-nav-list-item {{#if children}}primary-navigation--has-children{{/if}} {{#if subNavigation}}primary-navigation--is-dynamic{{/if}}">
            <a href="{{url}}"
                class="primary-navigation__link {{#if isActive}}primary-navigation__link--is-active{{/if}}" {{#if
                target}}target="{{target}}" {{/if}} {{#if addNoOpener}}rel="noopener" {{/if}}>
                <span>{{text}}</span>
            </a>

            {{#if ../isMobile}}
            {{#if subNavigation}}
            {{> @menu-toggle }}
            {{/if}}
            {{/if}}

            {{#if subNavigation}}
            <div class="sub-navigation js-sub-navigation">
                <div class="sub-navigation__inner js-sub-nav-inner">
                    {{#each subNavigation}}
                    <div
                        class="sub-navigation__col {{#if title}}sub-navigation__col--has-title{{/if}} sub-navigation__col--{{type}}">
                        {{#ifEquals type "links"}}
                        {{#if title}}
                        {{#if titleLink}}
                        <div class="sub-navigation__col-title sub-navigation__links-title"><a href="{{titleLink}}">{{title}}</a></div>
                        {{else}}
                        <div class="sub-navigation__col-title sub-navigation__links-title">{{title}}</div>
                        {{/if}}
                        {{/if}}
                        <ul class="sub-navigation__link-list">
                            {{#each links}}
                            <li class="sub-navigation__link"><a href="{{url}}">{{text}}</a></li>
                            {{/each}}
                        </ul>
                        {{/ifEquals}}
                        {{#ifEquals type "text"}}
                        {{#if title}}
                        <div class="sub-navigation__col-title sub-navigation__text-title">{{#if cta}}<a
                                href="{{cta.url}}">{{/if}}{{title}}{{#if cta}}</a>{{/if}}</div>
                        {{/if}}
                        <p class="sub-navigation__text-text">{{#if cta}}<a href="{{cta.url}}">{{/if}}{{text}}{{#if
                                cta}}</a>{{/if}}</p>
                        {{#if cta}}
                        {{> @link url=cta.url text=cta.text addNoOpener=cta.addNoOpener target=cta.target
                        cssClasses="sub-navigation__text-cta" }}
                        {{/if}}
                        {{/ifEquals}}
                        {{#ifEquals type "image"}}
                        {{#if title}}
                        <div class="sub-navigation__col-title sub-navigation__image-title">{{#if imageLink}}<a
                                href="{{imageLink.url}}">{{/if}}{{title}}{{#if imageLink}}</a>{{/if}}</div>
                        {{/if}}
                        <div class="sub-navigation__image-wrapper">
                            {{#if imageLink}}<a href="{{imageLink.url}}">{{/if}}
                                <div class="sub-navigation__image-container">
                                    <img src="{{image.src}}" alt="{{image.altText}}" loading="lazy" class="sub-navigation__image">
                                </div>
                                {{#if imageLink}}
                            </a>{{/if}}
                            {{#if imageLink}}
                            <a href="{{imageLink.url}}" class="sub-navigation__image-link">{{imageLink.text}}</a>
                            {{/if}}
                        </div>
                        {{/ifEquals}}
                    </div>
                    {{/each}}
                </div>
            </div>
            {{/if}}
        </li>
        {{/each}}
    </ul>
</nav>