igot-cb-tour-guide
Version:
Guided tour for your Angular6+ applications.
57 lines (56 loc) • 2.88 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": { "alias": "topOfPageAdjustment"; "required": false; }; "tourStepWidth": { "alias": "tourStepWidth"; "required": false; }; "minimalTourStepWidth": { "alias": "minimalTourStepWidth"; "required": false; }; "skipText": { "alias": "skipText"; "required": false; }; "nextText": { "alias": "nextText"; "required": false; }; "doneText": { "alias": "doneText"; "required": false; }; "closeText": { "alias": "closeText"; "required": false; }; "backText": { "alias": "backText"; "required": false; }; "progressIndicatorLocation": { "alias": "progressIndicatorLocation"; "required": false; }; "progressIndicator": { "alias": "progressIndicator"; "required": false; }; }, {}, never, never, false, never>;
}