ngx-ui-tour-md-menu
Version:
UI tour library for Angular 12+
84 lines (75 loc) • 4.18 kB
TypeScript
import * as i0 from '@angular/core';
import { OnInit, OnDestroy, ElementRef, AfterViewInit, TemplateRef } from '@angular/core';
import { IStepOption, TourAnchorDirective, TourService, TourHotkeyListenerComponent, BaseTourProxyAnchor } from 'ngx-ui-tour-core';
export { Direction, StepChangeParams, StepDimensions, TourState } from 'ngx-ui-tour-core';
import { Subscription } from 'rxjs';
import { MatMenuTrigger, MenuPositionX, MenuPositionY, MatMenu } from '@angular/material/menu';
declare class TourAnchorOpenerComponent {
trigger: MatMenuTrigger;
static ɵfac: i0.ɵɵFactoryDeclaration<TourAnchorOpenerComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<TourAnchorOpenerComponent, "tour-anchor-opener", never, {}, {}, never, never, true, never>;
}
interface IMdStepOption extends IStepOption {
placement?: MdMenuPlacement;
closeOnOutsideClick?: boolean;
showArrow?: boolean;
}
interface MdMenuPlacement {
xPosition?: MenuPositionX;
yPosition?: MenuPositionY;
/**
* Enable to position popover horizontally instead of vertically
*/
horizontal?: boolean;
}
declare class TourAnchorMatMenuDirective implements OnInit, OnDestroy, TourAnchorDirective {
tourAnchor: string;
opener: TourAnchorOpenerComponent;
menuCloseSubscription: Subscription;
isActive: i0.WritableSignal<boolean>;
readonly element: ElementRef<any>;
private readonly viewContainer;
private readonly tourService;
private readonly tourStepTemplate;
ngOnInit(): void;
ngOnDestroy(): void;
private createOpener;
showTourStep(step: IMdStepOption): void;
private setPosition;
hideTourStep(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<TourAnchorMatMenuDirective, never>;
static ɵdir: i0.ɵɵDirectiveDeclaration<TourAnchorMatMenuDirective, "[tourAnchor]", never, { "tourAnchor": { "alias": "tourAnchor"; "required": false; }; }, {}, never, never, true, never>;
}
declare class NgxmTourService<T extends IMdStepOption = IMdStepOption> extends TourService<T> {
initialize(steps: T[], stepDefaults?: T): void;
static ɵfac: i0.ɵɵFactoryDeclaration<NgxmTourService<any>, never>;
static ɵprov: i0.ɵɵInjectableDeclaration<NgxmTourService<any>>;
}
declare class TourStepTemplateComponent extends TourHotkeyListenerComponent implements AfterViewInit {
tourStep: MatMenu;
stepTemplate: TemplateRef<{
step: IMdStepOption;
}>;
stepTemplateContent: TemplateRef<{
step: IMdStepOption;
}>;
step: IMdStepOption;
protected tourService: NgxmTourService<IMdStepOption>;
private tourStepTemplateService;
ngAfterViewInit(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<TourStepTemplateComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<TourStepTemplateComponent, "tour-step-template", never, { "stepTemplate": { "alias": "stepTemplate"; "required": false; }; }, {}, ["stepTemplateContent"], never, true, never>;
}
declare class TourProxyAnchorComponent extends BaseTourProxyAnchor {
protected readonly anchorDirective: TourAnchorMatMenuDirective;
anchorEl: string | HTMLElement;
static ɵfac: i0.ɵɵFactoryDeclaration<TourProxyAnchorComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<TourProxyAnchorComponent, "tour-proxy-anchor", never, { "anchorEl": { "alias": "anchorEl"; "required": true; }; }, {}, never, never, true, [{ directive: typeof TourAnchorMatMenuDirective; inputs: { "tourAnchor": "anchorId"; }; outputs: {}; }]>;
}
declare class TourMatMenuModule {
static ɵfac: i0.ɵɵFactoryDeclaration<TourMatMenuModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<TourMatMenuModule, never, [typeof TourAnchorMatMenuDirective, typeof TourStepTemplateComponent, typeof TourProxyAnchorComponent], [typeof TourAnchorMatMenuDirective, typeof TourStepTemplateComponent, typeof TourProxyAnchorComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<TourMatMenuModule>;
}
export { TourAnchorMatMenuDirective, TourMatMenuModule, TourProxyAnchorComponent, NgxmTourService as TourService, TourStepTemplateComponent };
export type { IMdStepOption as IStepOption, MdMenuPlacement };