import { ElementRef, SimpleChanges, AfterViewInit, OnChanges, OnDestroy } from "@angular/core";
import { Direction } from "@design-system-rte/core/components/common/common-types";
import { TabAlignment, TabItemProps } from "@design-system-rte/core/components/tab/tab.interface";
import { DropdownItemConfig } from "../dropdown/dropdown.types";
import { TabItemComponent } from "./tab-item/tab-item.component";
import * as i0 from "@angular/core";
export declare class TabComponent implements AfterViewInit, OnChanges, OnDestroy {
    readonly alignment: import("@angular/core").InputSignal<TabAlignment>;
    readonly direction: import("@angular/core").InputSignal<Direction>;
    readonly options: import("@angular/core").InputSignal<TabItemProps[]>;
    readonly selectedTabId: import("@angular/core").InputSignal<string | undefined>;
    readonly compactSpacing: import("@angular/core").InputSignal<boolean | undefined>;
    readonly overflowType: import("@angular/core").InputSignal<"dropdown" | "scrollable" | undefined>;
    readonly inverted: import("@angular/core").InputSignal<boolean>;
    readonly ariaLabel: import("@angular/core").InputSignal<string>;
    readonly sliderLeft: import("@angular/core").WritableSignal<number>;
    readonly sliderWidth: import("@angular/core").WritableSignal<number>;
    readonly sliderTop: import("@angular/core").WritableSignal<number>;
    readonly sliderHeight: import("@angular/core").WritableSignal<number>;
    readonly tabItemRefs: import("@angular/core").Signal<readonly TabItemComponent[]>;
    readonly containerRef: import("@angular/core").Signal<ElementRef<HTMLDivElement> | undefined>;
    readonly hoverIndicatorRefs: import("@angular/core").Signal<readonly ElementRef<HTMLDivElement>[]>;
    readonly selectedTabRef: import("@angular/core").Signal<TabItemComponent>;
    readonly hoverIndicatorStyle: import("@angular/core").WritableSignal<{
        width?: number;
        left?: number;
        top?: number;
        height?: number;
        opacity?: number;
    } | null>;
    readonly change: import("@angular/core").OutputEmitterRef<string>;
    readonly isScrollable: import("@angular/core").WritableSignal<boolean>;
    private readonly isOverflowingLeft;
    private readonly isOverflowingRight;
    private readonly isOverflowingTop;
    private readonly isOverflowingBottom;
    readonly canScrollBackward: import("@angular/core").Signal<boolean>;
    readonly canScrollForward: import("@angular/core").Signal<boolean>;
    readonly isHorizontal: import("@angular/core").Signal<boolean>;
    readonly shouldDisplayDropdown: import("@angular/core").Signal<boolean>;
    readonly selectedTab: import("@angular/core").Signal<TabItemProps | undefined>;
    readonly dropdownFilteredOptions: import("@angular/core").Signal<DropdownItemConfig[]>;
    displayBadge: (option: TabItemProps) => boolean;
    isSelected(id: string): boolean;
    readonly tabItemSelectedIndicatorStyle: import("@angular/core").Signal<{
        left: string;
        top: string;
        width: string;
        height: string;
    }>;
    private resizeObserver?;
    private readonly onResize;
    ngAfterViewInit(): void;
    ngOnDestroy(): void;
    ngOnChanges(changes: SimpleChanges): void;
    onKeydownTabItem: (event: KeyboardEvent) => void;
    onClickTabItem: (id: string) => void;
    scrollBackward(): void;
    scrollForward(): void;
    private getTabItem;
    private focusItem;
    private computeNextItemIndex;
    private computeIndicatorStyle;
    private updateSelectedTabItemIndicator;
    private computeScrollableSignals;
    private computeIsScrollable;
    private computeIsOverflowingLeft;
    private computeIsOverflowingRight;
    private computeIsOverflowingTop;
    private computeIsOverflowingBottom;
    static ɵfac: i0.ɵɵFactoryDeclaration<TabComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<TabComponent, "rte-tab", never, { "alignment": { "alias": "alignment"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "selectedTabId": { "alias": "selectedTabId"; "required": false; "isSignal": true; }; "compactSpacing": { "alias": "compactSpacing"; "required": false; "isSignal": true; }; "overflowType": { "alias": "overflowType"; "required": false; "isSignal": true; }; "inverted": { "alias": "inverted"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "change": "change"; }, never, never, true, never>;
}