import { EventEmitter, OnInit, ElementRef } from '@angular/core';
import { DomSanitizer } from '@angular/platform-browser';
import { ScrollStepConfig, TestCaseStepConfig } from '../test-case-step.models';
import { ViewDetailsPayload } from '../step-details-modal/step-details-modal-data';
import * as i0 from "@angular/core";
export declare class TestCaseScrollStepComponent implements OnInit {
    private readonly sanitizer;
    config: ScrollStepConfig;
    stepNumber: number | string;
    index?: number;
    selector: string;
    direction?: 'top' | 'bottom' | 'up' | 'down' | 'left' | 'right';
    description?: string;
    selected: boolean;
    disabled: boolean;
    isNested: boolean;
    isInsideStepGroup: boolean;
    isInsideLoop: boolean;
    nestingLevel: number;
    expanded: boolean;
    isReorder: boolean;
    editable: boolean;
    /** Saved action HTML from API — when set, row shows same text as edit modal and badges are clickable */
    action: string;
    viewDetailsTrigger?: ElementRef<HTMLElement>;
    edit: EventEmitter<void>;
    editInDepth: EventEmitter<{
        step: TestCaseStepConfig;
        index: number;
    }>;
    link: EventEmitter<void>;
    duplicate: EventEmitter<void>;
    delete: EventEmitter<void>;
    viewDetails: EventEmitter<ViewDetailsPayload>;
    selectionChange: EventEmitter<boolean>;
    toggleExpanded: EventEmitter<{
        config: ScrollStepConfig;
        expanded: boolean;
    }>;
    selectorChange: EventEmitter<string>;
    directionChange: EventEmitter<"left" | "right" | "top" | "up" | "down" | "bottom">;
    /** Same as normal-step: click on element/test_data badge opens popup */
    clickAction: EventEmitter<MouseEvent>;
    stepUpdate: EventEmitter<TestCaseStepConfig>;
    constructor(sanitizer: DomSanitizer);
    ngOnInit(): void;
    /**
     * Maps stored direction values to the same natural language used in template htmlGrammar
     * (e.g. "Scroll one screen up") so the step row matches the edit modal.
     */
    /** Public for template: expanded panel shows same label as main row. */
    /** Matches normal-step: base 16px + 24px per nesting level. */
    getRowPaddingLeftPx(): number;
    getDirectionLabel(): string;
    private directionToNaturalPhrase;
    /** When action HTML exists, render it (mirrors normal-step / edit modal). */
    hasActionHtml(): boolean;
    getActionHtml(): string;
    clickOnAction(event: MouseEvent): void;
    getDisplayText(): string;
    onToggleExpanded(): void;
    onEdit(): void;
    onSkipToggle(): void;
    onLink(): void;
    onDuplicate(): void;
    onDelete(): void;
    onViewDetails(event?: MouseEvent): void;
    onSelectionChange(checked: boolean): void;
    onSelectorChange(value: string): void;
    onDirectionChange(value: 'top' | 'bottom' | 'up' | 'down' | 'left' | 'right'): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<TestCaseScrollStepComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<TestCaseScrollStepComponent, "cqa-test-case-scroll-step", never, { "config": "config"; "stepNumber": "stepNumber"; "index": "index"; "selector": "selector"; "direction": "direction"; "description": "description"; "selected": "selected"; "disabled": "disabled"; "isNested": "isNested"; "isInsideStepGroup": "isInsideStepGroup"; "isInsideLoop": "isInsideLoop"; "nestingLevel": "nestingLevel"; "expanded": "expanded"; "isReorder": "isReorder"; "editable": "editable"; "action": "action"; }, { "edit": "edit"; "editInDepth": "editInDepth"; "link": "link"; "duplicate": "duplicate"; "delete": "delete"; "viewDetails": "viewDetails"; "selectionChange": "selectionChange"; "toggleExpanded": "toggleExpanded"; "selectorChange": "selectorChange"; "directionChange": "directionChange"; "clickAction": "clickAction"; "stepUpdate": "stepUpdate"; }, never, never>;
}