import { AfterContentChecked, ChangeDetectorRef, ElementRef, EventEmitter, OnInit, QueryList, TemplateRef } from '@angular/core';
/**
 * This directive should be used to wrap tab titles that need to contain HTML markup or other directives.
 */
export declare class DatoTabTitle {
    templateRef: TemplateRef<any>;
    constructor(templateRef: TemplateRef<any>);
}
/**
 * This directive must be used to wrap content to be displayed in a tab.
 */
export declare class DatoTabContent {
    templateRef: TemplateRef<any>;
    constructor(templateRef: TemplateRef<any>);
}
/**
 * A directive representing an individual tab.
 */
export declare class DatoTab {
    width: any;
    autoId: any;
    /**
     * Unique tab identifier. Must be unique for the entire document for proper accessibility support.
     */
    id: string;
    /**
     * Simple (string only) title. Use the "DatoTabTitle" directive for more complex use-cases.
     */
    title: string;
    /**
     * Allows toggling disabled state of a given state. Disabled tabs can't be selected.
     */
    disabled: boolean;
    className: string;
    titleTpl: DatoTabTitle | null;
    contentTpl: DatoTabContent | null;
    titleTpls: QueryList<DatoTabTitle>;
    contentTpls: QueryList<DatoTabContent>;
    constructor(width: any, autoId: any);
    ngAfterContentChecked(): void;
}
/**
 * The payload of the change event fired right before the tab change
 */
export interface DatoTabChangeEvent {
    /**
     * Id of the currently active tab
     */
    activeId: string;
    /**
     * Id of the newly selected tab
     */
    nextId: string;
    /**
     * Function that will prevent tab switch if called
     */
    preventDefault: () => void;
}
export declare class DatoTabset implements OnInit, AfterContentChecked {
    private cdr;
    private host;
    datoVertical: any;
    datoNakedActive: any;
    defaultTabWidth: any;
    fontSize_: string;
    /**
     * hold inner styles for each tab
     */
    _tabStyle: {
        [tabId: string]: string;
    };
    tabs: QueryList<DatoTab>;
    /**
     * An identifier of an initially selected (active) tab. Use the "select" method to switch a tab programmatically.
     */
    activeId: string;
    /**
     * Whether the closed tabs should be hidden without destroying them
     */
    destroyOnHide: boolean;
    /**
     * A tab change event fired right before the tab selection happens. See DatoTabChangeEvent for payload details
     */
    tabChange: EventEmitter<DatoTabChangeEvent>;
    /**
     *  different size for tabs
     */
    datoSize: string;
    get element(): HTMLElement;
    constructor(cdr: ChangeDetectorRef, host: ElementRef, datoVertical: any, datoNakedActive: any, defaultTabWidth: any);
    ngOnInit(): void;
    ngAfterContentChecked(): void;
    /**
     * Selects the tab with the given id and shows its associated pane.
     * Any other tab that was previously selected becomes unselected and its associated pane is hidden.
     */
    select(tabId: string): void;
    private setInnerTabsStyle;
    private movePointer;
    private getActiveTabElement;
    private getPointer;
    private _getTabById;
}