sdk-tabs
Version:
Simple to use (Angular) component for organizing your content and UI layout.
47 lines (46 loc) • 2.26 kB
TypeScript
import { ElementRef, EventEmitter, Type } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
import * as i0 from "@angular/core";
export interface SDKTab {
title: string;
type?: Type<any>;
inputs?: any;
outputs?: any;
urlParams?: string;
}
export declare class SDKTabsComponent {
private route;
/**************************************************************************
* Input/Output Parameters
**************************************************************************/
tabs: SDKTab[];
activeTab: SDKTab | undefined;
fontFamily: string;
fontColor: string;
tabColor: string;
tabBorderColor: string;
activeTabColor: string;
activeFontColor: string;
height: string;
share: boolean;
tabChangedEvent: EventEmitter<{
from: any;
to: any;
}>;
/**************************************************************************
* Component Variables
**************************************************************************/
sdktabs: ElementRef<any>;
sdktabinfo: ElementRef<any>;
protected sharedUrl: string;
protected message: string;
constructor(route: ActivatedRoute);
protected ngOnInit(): void;
protected ngOnChanges(_args: any): void;
protected ngAfterViewInit(): void;
protected setActiveTab(tab: any): void;
protected copied(): void;
private setSharedUrl;
static ɵfac: i0.ɵɵFactoryDeclaration<SDKTabsComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<SDKTabsComponent, "sdk-tabs", never, { "tabs": { "alias": "tabs"; "required": false; }; "activeTab": { "alias": "activeTab"; "required": false; }; "fontFamily": { "alias": "fontFamily"; "required": false; }; "fontColor": { "alias": "fontColor"; "required": false; }; "tabColor": { "alias": "tabColor"; "required": false; }; "tabBorderColor": { "alias": "tabBorderColor"; "required": false; }; "activeTabColor": { "alias": "activeTabColor"; "required": false; }; "activeFontColor": { "alias": "activeFontColor"; "required": false; }; "height": { "alias": "height"; "required": false; }; "share": { "alias": "share"; "required": false; }; }, { "tabChangedEvent": "tabChangedEvent"; }, never, never, false, never>;
}