@omnia/fx
Version:
Provide Omnia Fx typings and tooling for clientside Omnia development.
63 lines (62 loc) • 2.84 kB
TypeScript
import { Section, SectionItem, SteppedSectionItemSettings, StepperSectionSettings } from "../../../../models";
import { LayoutCanvasStore, VueComponentBase, MultilingualContext } 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;
multilingualContext: MultilingualContext;
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;
}