ngc-scrolling-tabs
Version:
This component is a scrollable responsive tab component build on Angular 8 and Bootstrap 4. The left and right nav buttons will scroll one tab at a time. The component will track what tab is open and re-navigate to the open tab when the screen is refreshe
35 lines (34 loc) • 1.35 kB
TypeScript
import { ChangeDetectorRef, ElementRef, AfterViewInit, EventEmitter } from '@angular/core';
import { Router, ActivatedRoute } from '@angular/router';
import { ScrollingTabDirective } from './scrolling-tab.directive';
export declare class ScrollingTabsComponent implements AfterViewInit {
private changeDetector;
private route;
private router;
navWrapper: ElementRef;
tabList: ElementRef;
firstTabActive: boolean;
scrollToActive: boolean;
trackOpenTab: boolean;
selectedTabChanged: EventEmitter<ScrollingTabDirective>;
tabs: ScrollingTabDirective[];
leftOffset: number;
firstVisibleTabIndex: number;
showLeftArrow: boolean;
showRightArrow: boolean;
constructor(changeDetector: ChangeDetectorRef, route: ActivatedRoute, router: Router);
ngAfterViewInit(): void;
addTab(tab: ScrollingTabDirective): void;
removeTab(tab: ScrollingTabDirective): void;
windowResize(): void;
redrawTabs(): void;
widthOfList(): number;
onScrollerLeftClick(): void;
onScrollerRightClick(): void;
onSelectedTabChanged(tab: ScrollingTabDirective): void;
markFirstTabActive(): void;
scrollToActiveTab(): void;
hasHiddenTabs(): boolean;
markTabAsActive(tabId: any): void;
pushCurrentTabToParam(tab: ScrollingTabDirective): void;
}