import * as i5 from '@angular/cdk/portal'; import { BasePortalOutlet, CdkPortalOutlet, ComponentPortal, TemplatePortal } from '@angular/cdk/portal'; import * as i0 from '@angular/core'; import { AfterViewInit, OnDestroy, EventEmitter, TemplateRef, ComponentFactoryResolver, ApplicationRef, Injector, Renderer2, ViewContainerRef, ElementRef, ChangeDetectorRef, ComponentRef, EmbeddedViewRef, OnChanges, QueryList, SimpleChanges } from '@angular/core'; import { Subject } from 'rxjs'; import * as i4 from '@angular/common'; interface WalkthroughTextI { previous?: string; next?: string; close?: string; } declare class WalkthroughText implements WalkthroughTextI { previous: string; next: string; close: string; } declare class WalkthroughService { private _overflowRegex; retrieveCoordinates(element: HTMLElement, margin?: WalkthroughMargin): WalkthroughElementCoordinate; getTop(): number; getLeft(): number; getDocumentHeight(): number; scrollIntoViewIfOutOfView(element: HTMLElement): void; getScrollParent(element: HTMLElement): HTMLElement; getHeightOfPage(): number; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵprov: i0.ɵɵInjectableDeclaration; } interface WalkthroughNavigate { previous: WalkthroughComponent; next: WalkthroughComponent; } declare class WalkthroughComponent implements AfterViewInit, OnDestroy { private _componentFactoryResolver; private _applicationRef; private _injector; private _renderer; private _walkthroughService; private static _walkthroughContainer; private static _walkthroughContainerCreating; static minimalMargin: number; static onOpen: Subject; static onRefresh: Subject; static onClose: Subject; static onNavigate: Subject; static onNavigatePrevious: Subject; static onNavigateNext: Subject; static onFinish: Subject; closed: EventEmitter; finished: EventEmitter; ready: EventEmitter; focusElementCSSClass: string; rootElement: string; focusElementSelector: string; typeSelector: 'element' | 'zone'; focusClick: (event: Event, content: WalkthroughContainerComponent) => void; radius: string; previousStep: WalkthroughComponent; nextStep: WalkthroughComponent; texts: WalkthroughTextI; contentTemplate: TemplateRef; contentText: string; contentStyle: 'none' | 'darken'; observerOptions: MutationObserverInit; get marginZone(): string | null; set marginZone(points: string | null); get arrowColor(): string; set arrowColor(color: string); animation: 'none' | 'linear'; animationDelays: number; get notScrollOnResize(): string | boolean; set notScrollOnResize(value: string | boolean); get id(): string; set id(value: string); get alignContent(): "left" | "center" | "content" | "right"; set alignContent(value: 'left' | 'center' | 'content' | 'right'); get verticalAlignContent(): "above" | "top" | "center" | "bottom" | "below"; set verticalAlignContent(value: 'above' | 'top' | 'center' | 'bottom' | 'below'); get contentSpacing(): number; set contentSpacing(value: number); get verticalContentSpacing(): number; set verticalContentSpacing(value: number); get closeButton(): string | boolean; set closeButton(value: string | boolean); get closeAnywhere(): string | boolean; set closeAnywhere(value: string | boolean); get showArrow(): string | boolean; set showArrow(value: string | boolean); get finishButton(): string | boolean; set finishButton(value: string | boolean); get focusHighlightAnimation(): string | boolean; set focusHighlightAnimation(value: string | boolean); get focusBackdrop(): string | boolean; set focusBackdrop(value: string | boolean); get focusGlow(): string | boolean; set focusGlow(value: string | boolean); get disabled(): boolean; set disabled(value: boolean); get hidePrevious(): string | boolean; set hidePrevious(value: string | boolean); get hideNext(): string | boolean; set hideNext(value: string | boolean); get hideNav(): string | boolean; set hideNav(value: string | boolean); scrollOnTarget: boolean; visibilityCallback: () => boolean; private _id; private _uid; private _readyHasBeenEmitted; private _display; private _hasHighlightAnimation; private _hasBackdrop; private _hasGlow; private _hasFinish; private _hasArrow; private _hasCloseButton; private _hasCloseAnywhere; private _disabled; private _hidePrevious; private _hideNext; private _hideNav; private _arrowColor; private _marginZone; private _marginZonePx; private _alignContent; private _verticalAlignContent; private _contentSpacing; private _verticalContentSpacing; private _focusElement; private _focusElementEnd; /** target coordinates */ private _offsetCoordinates; private _onContainerInit; private _onResize; private _notScrollOnResize; private _resizeDelays; private _domChangedObserver; static walkthroughStop(): void; static walkthroughHasShow(): boolean; static walkthroughHasPause(): boolean; static walkthroughContinue(): void; static walkthroughNext(): void; static walkthroughPrevious(): void; constructor(_componentFactoryResolver: ComponentFactoryResolver, _applicationRef: ApplicationRef, _injector: Injector, _renderer: Renderer2, _walkthroughService: WalkthroughService); resize(): void; ngAfterViewInit(): void; ngOnDestroy(): void; next(closedEvent?: EventEmitter, finishedEvent?: EventEmitter): void; refresh(): void; open(): Promise; /** * Do not use this method outside of the library */ _loadPreviousStep(): void; /** * Do not use this method outside of the library */ loadNextStep(): void; /** * Do not use this method outside of the library */ _hide(finishLink?: boolean, closeWalkthrough?: boolean, triggerFinishIfEnd?: boolean): void; private _checkVisibility; private _open; private _show; private _next; private _getInstance; private _appendComponentToBody; private _attachWalkthroughContent; private _elementLocations; private _close; private _hasElements; private _getFocusElements; private _getFocusElement; /** * get instance, highlight the focused element et show the template */ private _setFocus; private _setFocusContinue; private _updateElementPositions; /** * Attache the template in the container, if a template is linked. */ private _attachContentTemplate; /** * init a part of styles of the container */ private _initStylingTemplate; /** * init all datas of the container */ private _initContentTemplate; /** * check if there is a previous step enabled */ private _hasPreviousStep; /** * check if there is a next step enabled */ private _hasNextStep; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } interface WalkthroughElementCoordinate { top: number; left: number; height: number; width: number; margin: Margin; } interface Margin { top: number; left: number; right: number; bottom: number; } declare const booleanValue: (value: string | boolean) => value is true | "" | "true"; declare class WalkthroughEvent { component: WalkthroughComponent; focusElement: HTMLElement; constructor(component: WalkthroughComponent, focusElement: HTMLElement); } declare class WalkthroughMargin { top: number; right?: number; bottom?: number; left?: number; static parsePoints(points: string | null): WalkthroughMargin; constructor(top?: number, right?: number, bottom?: number, left?: number); } declare function throwWalkthroughContentAlreadyAttachedError(): void; declare class WalkthroughContainerComponent extends BasePortalOutlet implements AfterViewInit { viewContainerRef: ViewContainerRef; private _walkthroughService; private _renderer; private _el; private _cd; markerUrl: string; ongoing: boolean; private _show; get show(): boolean; set show(value: boolean); pause: boolean; private _parent; get parent(): WalkthroughComponent; set parent(value: WalkthroughComponent); viewReady: Subject; private _viewInitialized; private _hasHighlightZone; get hasHighlightZone(): boolean; set hasHighlightZone(value: boolean); hasHighlight: boolean; private _hasBackdrop; get hasBackdrop(): boolean; set hasBackdrop(value: boolean); hasGlow: boolean; hasClickable: boolean; hideOther: boolean; hidePrevious: boolean; hideNext: boolean; hideNav: boolean; hasPrevious: boolean; hasNext: boolean; hasFinish: boolean; hasCloseButton: boolean; private _hasCloseAnywhere; get hasCloseAnywhere(): boolean; set hasCloseAnywhere(value: boolean); hasArrow: boolean; arrowPath: string; arrowMarkerDist: number; contentStyle: string; radius: string; arrowColor: string; marginZone: string | null; marginZonePx: WalkthroughMargin; contentText: string; text: WalkthroughText; _portalHost: CdkPortalOutlet; content: TemplateRef; contentBlock: ElementRef; zone: ElementRef; private _contentPosition; private _arrowPosition; constructor(viewContainerRef: ViewContainerRef, _walkthroughService: WalkthroughService, _renderer: Renderer2, _el: ElementRef, _cd: ChangeDetectorRef); ngAfterViewInit(): void; /** * Update host element classes imperatively to avoid NG0100 errors. * These classes were previously managed via @HostBinding but that causes * ExpressionChangedAfterItHasBeenCheckedError when values change mid-cycle. */ private _updateHostClasses; click(): void; clickZone(event: Event): void; /** * Attach a ComponentPortal as content to this walkthrough container. * @param portal Portal to be attached as the walkthrough content. */ attachComponentPortal(portal: ComponentPortal): ComponentRef; /** * Attach a TemplatePortal as content to this walkthrough container. * @param portal Portal to be attached as the walkthrough content. */ attachTemplatePortal(portal: TemplatePortal): EmbeddedViewRef; setHeight(): void; highlightZone(coordinate: WalkthroughElementCoordinate, scrollDiff: number, animation: 'none' | 'linear', animationDelays: number, continueFunction: (scroll: boolean) => void, scroll: boolean): void; highlightZoneStyling(element: HTMLElement): void; contentBlockPosition(paramCoordinate: WalkthroughElementCoordinate, alignContent: 'left' | 'center' | 'right' | 'content', verticalAlignContent: 'above' | 'top' | 'center' | 'bottom' | 'below' | 'top-screen-center', contentSpacing: number, verticalContentSpacing: number): void; arrowPosition(coordinate: WalkthroughElementCoordinate): void; /** * stop the walkthrough : hide the container and change to pause at true */ stop(): void; /** * continue the walkthrough if is stopped : show the container and change to pause at false */ continue(): void; open(): void; previous(): void; next(): void; close(finishLink?: boolean, closeWalkthrough?: boolean, triggerFinishIfEnd?: boolean): void; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } declare class WalkthroughFlowComponent implements AfterViewInit, OnChanges { walkthroughComponents: QueryList; get id(): string; set id(value: string); closed: EventEmitter; finished: EventEmitter; contentStyle: 'none' | 'darken'; arrowColor: string; marginZone: string | null; showArrow: string | boolean; rootElement: string; closeButton: string | boolean; closeAnywhere: string | boolean; finishButton: string | boolean; hidePrevious: string | boolean; focusBackdrop: string | boolean; focusGlow: string | boolean; radius: string; notScrollOnResize: string | boolean; texts: WalkthroughTextI; observerOptions: MutationObserverInit; private _id; private _uid; ngAfterViewInit(): void; ngOnChanges(changes: SimpleChanges): void; init(): void; start(): void; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } declare class WalkthroughModule { static ɵfac: i0.ɵɵFactoryDeclaration; static ɵmod: i0.ɵɵNgModuleDeclaration; static ɵinj: i0.ɵɵInjectorDeclaration; } export { WalkthroughComponent, WalkthroughContainerComponent, WalkthroughEvent, WalkthroughFlowComponent, WalkthroughMargin, WalkthroughModule, WalkthroughService, WalkthroughText, booleanValue, throwWalkthroughContentAlreadyAttachedError }; export type { Margin, WalkthroughElementCoordinate, WalkthroughNavigate, WalkthroughTextI }; //# sourceMappingURL=angular-walkthrough.d.ts.map