import { AfterViewInit, ElementRef, OnDestroy } from "@angular/core";
import { DynamicTabAppearance, DynamicTabItemOption } from "@design-system-rte/core/components/dynamic-tab/dynamic-tab.interface";
import * as i0 from "@angular/core";
export declare class DynamicTabItemComponent implements AfterViewInit, OnDestroy {
    readonly hostElement: ElementRef<any>;
    readonly option: import("@angular/core").InputSignal<DynamicTabItemOption>;
    readonly appearance: import("@angular/core").InputSignal<DynamicTabAppearance>;
    readonly isActive: import("@angular/core").InputSignal<boolean>;
    readonly compactSpacing: import("@angular/core").InputSignal<boolean>;
    readonly isEditable: import("@angular/core").InputSignal<boolean>;
    readonly isClosable: import("@angular/core").InputSignal<boolean>;
    readonly iconName: import("@angular/core").InputSignal<string | undefined>;
    readonly tabWidth: import("@angular/core").InputSignal<number>;
    readonly isMoving: import("@angular/core").InputSignal<boolean>;
    readonly tabClick: import("@angular/core").OutputEmitterRef<string>;
    readonly closeTab: import("@angular/core").OutputEmitterRef<string>;
    readonly changeTitle: import("@angular/core").OutputEmitterRef<{
        id: string;
        title: string;
    }>;
    readonly enterMoveMode: import("@angular/core").OutputEmitterRef<void>;
    readonly tabKeydown: import("@angular/core").OutputEmitterRef<KeyboardEvent>;
    readonly titleInputElement: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
    readonly isEditing: import("@angular/core").WritableSignal<boolean>;
    readonly titleText: import("@angular/core").WritableSignal<string>;
    readonly previousTabTitle: import("@angular/core").WritableSignal<string>;
    readonly isAnimating: import("@angular/core").WritableSignal<boolean>;
    readonly isDisappearing: import("@angular/core").WritableSignal<boolean>;
    readonly shouldDisplayBadge: import("@angular/core").WritableSignal<boolean>;
    readonly shouldDisplayIcon: import("@angular/core").WritableSignal<boolean>;
    readonly shouldDisplayText: import("@angular/core").WritableSignal<boolean>;
    readonly shouldDisplayCloseButton: import("@angular/core").WritableSignal<boolean>;
    readonly isZeroToExtraSmall: import("@angular/core").WritableSignal<boolean>;
    private resizeObserver;
    private closeAnimationTimeout;
    readonly badgeType: import("@angular/core").Signal<import("@design-system-rte/core/components/badge/badge.interface").BadgeType>;
    readonly tabIndex: import("@angular/core").Signal<0 | -1>;
    constructor();
    ngAfterViewInit(): void;
    ngOnDestroy(): void;
    onTabClick(): void;
    onTabKeydown(event: KeyboardEvent): void;
    onTabKeyup(event: KeyboardEvent): void;
    onTitleDoubleClick(): void;
    onTitleKeydown(event: KeyboardEvent): void;
    onTitleInput(event: Event): void;
    onTitleBlur(): void;
    onCloseClick(event: MouseEvent): void;
    onCloseKeydown(event: KeyboardEvent): void;
    onCloseKeyup(event: KeyboardEvent): void;
    hasBadgeContent(): boolean;
    private updateDisplayElements;
    private enableEditingMode;
    private handleEditingKeydown;
    private commitTabTitle;
    private cancelEditing;
    private updateInputWidth;
    private startCloseAnimation;
    static ɵfac: i0.ɵɵFactoryDeclaration<DynamicTabItemComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicTabItemComponent, "rte-dynamic-tab-item", never, { "option": { "alias": "option"; "required": true; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "isActive": { "alias": "isActive"; "required": false; "isSignal": true; }; "compactSpacing": { "alias": "compactSpacing"; "required": false; "isSignal": true; }; "isEditable": { "alias": "isEditable"; "required": false; "isSignal": true; }; "isClosable": { "alias": "isClosable"; "required": false; "isSignal": true; }; "iconName": { "alias": "iconName"; "required": false; "isSignal": true; }; "tabWidth": { "alias": "tabWidth"; "required": false; "isSignal": true; }; "isMoving": { "alias": "isMoving"; "required": false; "isSignal": true; }; }, { "tabClick": "tabClick"; "closeTab": "closeTab"; "changeTitle": "changeTitle"; "enterMoveMode": "enterMoveMode"; "tabKeydown": "tabKeydown"; }, never, never, true, never>;
}