import { CdkDragDrop } from "@angular/cdk/drag-drop";
import { AfterViewInit, ElementRef, OnDestroy } from "@angular/core";
import { DynamicTabAppearance, DynamicTabItemOption } from "@design-system-rte/core/components/dynamic-tab/dynamic-tab.interface";
import { DropdownItemConfig } from "../dropdown/dropdown.types";
import { DynamicTabItemComponent } from "./dynamic-tab-item/dynamic-tab-item.component";
import * as i0 from "@angular/core";
export declare class DynamicTabComponent implements AfterViewInit, OnDestroy {
    private readonly destroyRef;
    private readonly injector;
    private readonly keyboardService;
    readonly id: import("@angular/core").InputSignal<string>;
    readonly appearance: import("@angular/core").InputSignal<DynamicTabAppearance>;
    readonly options: import("@angular/core").InputSignal<DynamicTabItemOption[]>;
    readonly selectedTabId: import("@angular/core").InputSignal<string | undefined>;
    readonly compactSpacing: import("@angular/core").InputSignal<boolean>;
    readonly isClosable: import("@angular/core").InputSignal<boolean>;
    readonly isEditable: import("@angular/core").InputSignal<boolean>;
    readonly newTabConfig: import("@angular/core").InputSignal<DynamicTabItemOption | undefined>;
    readonly iconName: import("@angular/core").InputSignal<string | undefined>;
    readonly hiddenTabsLabel: import("@angular/core").InputSignal<string | undefined>;
    readonly changeActiveTab: import("@angular/core").OutputEmitterRef<string>;
    readonly updateTabs: import("@angular/core").OutputEmitterRef<DynamicTabItemOption[]>;
    readonly containerRef: import("@angular/core").Signal<ElementRef<HTMLDivElement> | undefined>;
    readonly tabListRef: import("@angular/core").Signal<ElementRef<HTMLUListElement> | undefined>;
    readonly tabItemRefs: import("@angular/core").Signal<readonly DynamicTabItemComponent[]>;
    readonly containerWidth: import("@angular/core").WritableSignal<number>;
    readonly isMoving: import("@angular/core").WritableSignal<boolean>;
    readonly sliderLeft: import("@angular/core").WritableSignal<number>;
    readonly sliderWidth: import("@angular/core").WritableSignal<number>;
    readonly overflowState: import("@angular/core").Signal<import("@design-system-rte/core/components/dynamic-tab").DynamicTabLayoutResult>;
    readonly maxVisibleTabs: import("@angular/core").Signal<number>;
    readonly hasOverflow: import("@angular/core").Signal<boolean>;
    readonly tabWidth: import("@angular/core").Signal<number>;
    readonly hiddenCount: import("@angular/core").Signal<number>;
    readonly visibleOptions: import("@angular/core").Signal<DynamicTabItemOption[]>;
    readonly hiddenDropdownItems: import("@angular/core").Signal<DropdownItemConfig[]>;
    readonly hiddenTabsText: import("@angular/core").Signal<string>;
    readonly indicatorStyle: import("@angular/core").Signal<{
        visibility: "hidden" | "visible";
        left: string;
        width: string;
    }>;
    private resizeObserver;
    private indicatorFrameId;
    constructor();
    ngAfterViewInit(): void;
    ngOnDestroy(): void;
    onContainerFocusCapture(event: FocusEvent): void;
    onTabClick(tabId: string): void;
    onTabKeydown(event: KeyboardEvent): void;
    onEnterMoveMode(): void;
    onCloseTab(tabId: string): void;
    onChangeTabTitle(event: {
        id: string;
        title: string;
    }): void;
    onAddTab(): void;
    onHiddenTabSelect(event: {
        id: string;
    }): void;
    onDrop(event: CdkDragDrop<DynamicTabItemOption[]>): void;
    onDragStarted(): void;
    onDragEnded(): void;
    isTabActive(tabId: string): boolean;
    private selectTab;
    private reorderVisibleTabs;
    private applyVisibleTabReorder;
    private animateKeyboardReorder;
    private focusTab;
    private setupResizeObserver;
    private setupKeyboardTracking;
    private scheduleIndicatorUpdate;
    private updateSelectedIndicator;
    static ɵfac: i0.ɵɵFactoryDeclaration<DynamicTabComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicTabComponent, "rte-dynamic-tab", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "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; }; "isClosable": { "alias": "isClosable"; "required": false; "isSignal": true; }; "isEditable": { "alias": "isEditable"; "required": false; "isSignal": true; }; "newTabConfig": { "alias": "newTabConfig"; "required": false; "isSignal": true; }; "iconName": { "alias": "iconName"; "required": false; "isSignal": true; }; "hiddenTabsLabel": { "alias": "hiddenTabsLabel"; "required": false; "isSignal": true; }; }, { "changeActiveTab": "changeActiveTab"; "updateTabs": "updateTabs"; }, never, never, true, never>;
}