import { Section, SectionItem, SteppedSectionItemSettings, StepperSectionSettings } from "../../../../models";
import { LayoutCanvasStore, VueComponentBase } from "../../..";
import { MultilingualStore } from "../../../../stores";
import { OmniaContext, SubscriptionHandler } from "../../../..";
import { OmniaUxLocalization } from "../../../UxModels";
import { DynamicStateStore } from "../../";
import { AnchorLink } from "../../../AnchorLink";
export interface StepperSectionDesignerProps {
    section: Section<StepperSectionSettings>;
    renderSectionItem: (sectionItem: SectionItem<SteppedSectionItemSettings>) => JSX.Element | Array<JSX.Element>;
}
export declare class StepperSectionDesigner extends VueComponentBase<StepperSectionDesignerProps> {
    section: Section<StepperSectionSettings>;
    renderSectionItem: (sectionItem: SectionItem<SteppedSectionItemSettings>) => JSX.Element | Array<JSX.Element>;
    multilingualStore: MultilingualStore;
    selectedStepStateStore: DynamicStateStore;
    omniaUxLoc: OmniaUxLocalization;
    layoutCanvasStore: LayoutCanvasStore;
    subscriptionHandler: SubscriptionHandler;
    omniaContext: OmniaContext;
    anchorLink: AnchorLink;
    private stepperCurrentStep;
    private readyToSetVisible;
    private isShowOverlay;
    private editorDesignModeStepperKey;
    private initialAnchorLinkResolved;
    private internalValidator;
    created(): void;
    beforeDestroy(): void;
    private hasValidAnchorLinkSettings;
    private handleTokenExistsOnSpfx;
    private getIndexByAnchorName;
    private handleAnchorLink;
    private getDefaultLabel;
    private getPreferredLabel;
    private getCustomAnchorName;
    private silentNavigateIfNeeded;
    private renderStepLabel;
    private getSpfxPath;
    private getAnchorName;
    get items(): SectionItem<SteppedSectionItemSettings>[];
    private get inLayoutDesignMode();
    private getStepperKeyByVerticalMode;
    private getScrollToStepClassName;
    private scrollStepperToTop;
    private getStepTitlePanelTriggerId;
    private stepTitlePanelTriggerClick;
    private renderEditableStepTitle;
    private renderStepperStep;
    private addStep;
    private handleToSetOverflowForStepperContent;
    private handleUIOnStepChanged;
    private renderStepperContent;
    private renderAddStepButton;
    private renderAnchorElements;
    renderPagingItem(): VueTsxSupport.JSX.Element[][];
    renderStepperItem(index: number, item: SectionItem<SteppedSectionItemSettings>): JSX.Element[];
    renderHorizontalPaginationMode(): VueTsxSupport.JSX.Element;
    renderHorizontalMultilineMode(index: number, item: SectionItem<SteppedSectionItemSettings>): (VueTsxSupport.JSX.Element | VueTsxSupport.JSX.Element[])[];
    render(): VueTsxSupport.JSX.Element;
}