All files / components/tabs-group tabs-group.component.ts

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
1x
1x
1x
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1x
9x
 
 
import { BadgeComponent } from '../badge/badge.component';
import { IconComponent } from '../icon/icon.component';
import { ChangeDetectionStrategy, Component, input, Signal } from '@angular/core';
import { RouterLink, RouterLinkActive } from '@angular/router';
 
export interface TabGroupItem {
    readonly label: string;
    readonly route: string;
    readonly icon: string;
    readonly badge?: number;
    readonly exactRouteMatch?: boolean;
    readonly isActive?: Signal<boolean>;
}
 
export interface TabGroup {
    readonly items: readonly TabGroupItem[];
    readonly align?: 'start' | 'end';
}
 
@Component({
    selector: 'ui-tabs-group',
    imports: [RouterLink, RouterLinkActive, BadgeComponent, IconComponent],
    templateUrl: './tabs-group.component.html',
    styleUrl: './tabs-group.component.scss',
    changeDetection: ChangeDetectionStrategy.OnPush,
})
export class TabsGroupComponent {
    readonly groups = input.required<TabGroup[]>();
}