tabs-group tabs-group.component.html

100% Statements 1/1

100% Branches 0/0

100% Functions 0/0

100% Lines 1/1

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35 1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  <div class="tabs-group-container">
    @for (group of groups(); track $index) {
        <nav
            class="tab-group"
            [class.tab-group--end]="group.align === 'end'"
        >
            @for (tab of group.items; track tab.route) {
                <a
                    class="tab-link"
                    [routerLink]="tab.route"
                    routerLinkActive
                    #rla="routerLinkActive"
                    [routerLinkActiveOptions]="{ exact: !!tab.exactRouteMatch }"
                    [class.tab-link--active]="tab.isActive ? tab.isActive() : rla.isActive"
                    [attr.aria-label]="tab.label"
                >
                    <ui-icon
                        class="tab-icon"
                        [name]="tab.icon"
                        [tooltip]="tab.label"
                        size="small"
                    />
                    <span class="tab-label">{{ tab.label }}</span>
                    @if (tab.badge !== undefined) {
                        <ui-badge [value]="tab.badge" />
                    }
                </a>
            }
        </nav>
    }
</div>
<div class="tabs-group-content">
    <ng-content />
</div>