ngx-guided-tour
Version:
Guided tour for your Angular applications.
57 lines (56 loc) • 2.54 kB
TypeScript
import { AfterViewInit, ElementRef, OnDestroy, TemplateRef } from '@angular/core';
import { TourStep, ProgressIndicatorLocation } from './guided-tour.constants';
import { GuidedTourService } from './guided-tour.service';
import { WindowRefService } from "./windowref.service";
import * as i0 from "@angular/core";
export declare class GuidedTourComponent implements AfterViewInit, OnDestroy {
guidedTourService: GuidedTourService;
private windowRef;
private dom;
topOfPageAdjustment?: number;
tourStepWidth?: number;
minimalTourStepWidth?: number;
skipText?: string;
nextText?: string;
doneText?: string;
closeText?: string;
backText?: string;
progressIndicatorLocation?: ProgressIndicatorLocation;
progressIndicator?: TemplateRef<any>;
tourStep: ElementRef;
highlightPadding: number;
currentTourStep: TourStep;
selectedElementRect: DOMRect;
isOrbShowing: boolean;
progressIndicatorLocations: typeof ProgressIndicatorLocation;
private resizeSubscription;
private scrollSubscription;
constructor(guidedTourService: GuidedTourService, windowRef: WindowRefService, dom: any);
private get maxWidthAdjustmentForTourStep();
private get widthAdjustmentForScreenBound();
get calculatedTourStepWidth(): number;
ngAfterViewInit(): void;
ngOnDestroy(): void;
scrollToAndSetElement(): void;
handleOrb(): void;
private isTourOnScreen;
private elementInViewport;
backdropClick(event: Event): void;
updateStepLocation(): void;
private isBottom;
get topPosition(): number;
get orbTopPosition(): number;
private get calculatedLeftPosition();
get leftPosition(): number;
get orbLeftPosition(): number;
get transform(): string;
get orbTransform(): string;
get overlayTop(): number;
get overlayLeft(): number;
get overlayHeight(): number;
get overlayWidth(): number;
private getHighlightPadding;
private getStepScreenAdjustment;
static ɵfac: i0.ɵɵFactoryDeclaration<GuidedTourComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<GuidedTourComponent, "ngx-guided-tour", never, { "topOfPageAdjustment": "topOfPageAdjustment"; "tourStepWidth": "tourStepWidth"; "minimalTourStepWidth": "minimalTourStepWidth"; "skipText": "skipText"; "nextText": "nextText"; "doneText": "doneText"; "closeText": "closeText"; "backText": "backText"; "progressIndicatorLocation": "progressIndicatorLocation"; "progressIndicator": "progressIndicator"; }, {}, never, never>;
}