ngx-ui-tour-ngx-bootstrap
Version:
UI tour library for Angular 12+
67 lines • 9.34 kB
JavaScript
import { Directive, Host, HostBinding, Input } from '@angular/core';
import { PopoverDirective } from 'ngx-bootstrap/popover';
import * as i0 from "@angular/core";
import * as i1 from "./ngx-bootstrap-tour.service";
import * as i2 from "./tour-step-template.service";
export class TourAnchorNgxBootstrapPopoverDirective extends PopoverDirective {
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: TourAnchorNgxBootstrapPopoverDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.4", type: TourAnchorNgxBootstrapPopoverDirective, isStandalone: true, selector: "[tourAnchor]", usesInheritance: true, ngImport: i0 }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: TourAnchorNgxBootstrapPopoverDirective, decorators: [{
type: Directive,
args: [{
selector: '[tourAnchor]',
standalone: true
}]
}] });
export class TourAnchorNgxBootstrapDirective {
constructor(tourService, tourStepTemplate, element, popoverDirective) {
this.tourService = tourService;
this.tourStepTemplate = tourStepTemplate;
this.element = element;
this.popoverDirective = popoverDirective;
this.popoverDirective.triggers = '';
}
ngOnInit() {
this.tourService.register(this.tourAnchor, this);
}
ngOnDestroy() {
this.tourService.unregister(this.tourAnchor);
}
// noinspection JSUnusedGlobalSymbols
showTourStep(step) {
this.isActive = true;
this.popoverDirective.popover = this.tourStepTemplate.template;
this.popoverDirective.popoverContext = { step };
if (step.useLegacyTitle) {
this.popoverDirective.popoverTitle = step.title;
}
this.popoverDirective.container = 'body';
const popoverClass = step.popoverClass ?? '';
this.popoverDirective.containerClass = `tour-step ${popoverClass}`;
this.popoverDirective.placement = step.placement || 'auto';
this.popoverDirective.show();
}
// noinspection JSUnusedGlobalSymbols
hideTourStep() {
this.isActive = false;
this.popoverDirective.hide();
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: TourAnchorNgxBootstrapDirective, deps: [{ token: i1.NgxbTourService }, { token: i2.TourStepTemplateService }, { token: i0.ElementRef }, { token: TourAnchorNgxBootstrapPopoverDirective, host: true }], target: i0.ɵɵFactoryTarget.Directive }); }
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.4", type: TourAnchorNgxBootstrapDirective, isStandalone: true, selector: "[tourAnchor]", inputs: { tourAnchor: "tourAnchor" }, host: { properties: { "class.touranchor--is-active": "this.isActive" } }, ngImport: i0 }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: TourAnchorNgxBootstrapDirective, decorators: [{
type: Directive,
args: [{
selector: '[tourAnchor]',
standalone: true
}]
}], ctorParameters: () => [{ type: i1.NgxbTourService }, { type: i2.TourStepTemplateService }, { type: i0.ElementRef }, { type: TourAnchorNgxBootstrapPopoverDirective, decorators: [{
type: Host
}] }], propDecorators: { tourAnchor: [{
type: Input
}], isActive: [{
type: HostBinding,
args: ['class.touranchor--is-active']
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG91ci1hbmNob3IuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXVpLXRvdXItbmd4LWJvb3RzdHJhcC9zcmMvbGliL3RvdXItYW5jaG9yLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFjLElBQUksRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRTlFLE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLHVCQUF1QixDQUFDOzs7O0FBV3ZELE1BQU0sT0FBTyxzQ0FBdUMsU0FBUSxnQkFBZ0I7OEdBQS9ELHNDQUFzQztrR0FBdEMsc0NBQXNDOzsyRkFBdEMsc0NBQXNDO2tCQUpsRCxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxjQUFjO29CQUN4QixVQUFVLEVBQUUsSUFBSTtpQkFDbkI7O0FBT0QsTUFBTSxPQUFPLCtCQUErQjtJQU94QyxZQUNZLFdBQTRCLEVBQzVCLGdCQUF5QyxFQUMxQyxPQUFtQixFQUVsQixnQkFBd0Q7UUFKeEQsZ0JBQVcsR0FBWCxXQUFXLENBQWlCO1FBQzVCLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBeUI7UUFDMUMsWUFBTyxHQUFQLE9BQU8sQ0FBWTtRQUVsQixxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQXdDO1FBRWhFLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDO0lBQ3hDLENBQUM7SUFFTSxRQUFRO1FBQ1gsSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFVBQVUsRUFBRSxJQUFJLENBQUMsQ0FBQztJQUNyRCxDQUFDO0lBRU0sV0FBVztRQUNkLElBQUksQ0FBQyxXQUFXLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUNqRCxDQUFDO0lBRUQscUNBQXFDO0lBQzlCLFlBQVksQ0FBQyxJQUFpQjtRQUNqQyxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQztRQUNyQixJQUFJLENBQUMsZ0JBQWdCLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxRQUFRLENBQUM7UUFDL0QsSUFBSSxDQUFDLGdCQUFnQixDQUFDLGNBQWMsR0FBRyxFQUFDLElBQUksRUFBQyxDQUFDO1FBQzlDLElBQUksSUFBSSxDQUFDLGNBQWMsRUFBRTtZQUNyQixJQUFJLENBQUMsZ0JBQWdCLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUM7U0FDbkQ7UUFDRCxJQUFJLENBQUMsZ0JBQWdCLENBQUMsU0FBUyxHQUFHLE1BQU0sQ0FBQztRQUN6QyxNQUFNLFlBQVksR0FBRyxJQUFJLENBQUMsWUFBWSxJQUFJLEVBQUUsQ0FBQztRQUM3QyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsY0FBYyxHQUFHLGFBQWEsWUFBWSxFQUFFLENBQUM7UUFDbkUsSUFBSSxDQUFDLGdCQUFnQixDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsU0FBUyxJQUFJLE1BQU0sQ0FBQztRQUMzRCxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDakMsQ0FBQztJQUVELHFDQUFxQztJQUM5QixZQUFZO1FBQ2YsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7UUFDdEIsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksRUFBRSxDQUFDO0lBQ2pDLENBQUM7OEdBNUNRLCtCQUErQjtrR0FBL0IsK0JBQStCOzsyRkFBL0IsK0JBQStCO2tCQUozQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxjQUFjO29CQUN4QixVQUFVLEVBQUUsSUFBSTtpQkFDbkI7OzBCQVlRLElBQUk7eUNBVE8sVUFBVTtzQkFBekIsS0FBSztnQkFHQyxRQUFRO3NCQURkLFdBQVc7dUJBQUMsNkJBQTZCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIEhvc3QsIEhvc3RCaW5kaW5nLCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB0eXBlIHtPbkRlc3Ryb3ksIE9uSW5pdH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7UG9wb3ZlckRpcmVjdGl2ZX0gZnJvbSAnbmd4LWJvb3RzdHJhcC9wb3BvdmVyJztcclxuaW1wb3J0IHtUb3VyQW5jaG9yRGlyZWN0aXZlfSBmcm9tICduZ3gtdWktdG91ci1jb3JlJztcclxuaW1wb3J0IHtJTmd4YlN0ZXBPcHRpb24gYXMgSVN0ZXBPcHRpb259IGZyb20gJy4vc3RlcC1vcHRpb24uaW50ZXJmYWNlJztcclxuXHJcbmltcG9ydCB7Tmd4YlRvdXJTZXJ2aWNlfSBmcm9tICcuL25neC1ib290c3RyYXAtdG91ci5zZXJ2aWNlJztcclxuaW1wb3J0IHtUb3VyU3RlcFRlbXBsYXRlU2VydmljZX0gZnJvbSAnLi90b3VyLXN0ZXAtdGVtcGxhdGUuc2VydmljZSc7XHJcblxyXG5ARGlyZWN0aXZlKHtcclxuICAgIHNlbGVjdG9yOiAnW3RvdXJBbmNob3JdJyxcclxuICAgIHN0YW5kYWxvbmU6IHRydWVcclxufSlcclxuZXhwb3J0IGNsYXNzIFRvdXJBbmNob3JOZ3hCb290c3RyYXBQb3BvdmVyRGlyZWN0aXZlIGV4dGVuZHMgUG9wb3ZlckRpcmVjdGl2ZSB7fVxyXG5cclxuQERpcmVjdGl2ZSh7XHJcbiAgICBzZWxlY3RvcjogJ1t0b3VyQW5jaG9yXScsXHJcbiAgICBzdGFuZGFsb25lOiB0cnVlXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUb3VyQW5jaG9yTmd4Qm9vdHN0cmFwRGlyZWN0aXZlIGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3ksIFRvdXJBbmNob3JEaXJlY3RpdmUge1xyXG5cclxuICAgIEBJbnB1dCgpIHB1YmxpYyB0b3VyQW5jaG9yOiBzdHJpbmc7XHJcblxyXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcy50b3VyYW5jaG9yLS1pcy1hY3RpdmUnKVxyXG4gICAgcHVibGljIGlzQWN0aXZlOiBib29sZWFuO1xyXG5cclxuICAgIGNvbnN0cnVjdG9yKFxyXG4gICAgICAgIHByaXZhdGUgdG91clNlcnZpY2U6IE5neGJUb3VyU2VydmljZSxcclxuICAgICAgICBwcml2YXRlIHRvdXJTdGVwVGVtcGxhdGU6IFRvdXJTdGVwVGVtcGxhdGVTZXJ2aWNlLFxyXG4gICAgICAgIHB1YmxpYyBlbGVtZW50OiBFbGVtZW50UmVmLFxyXG4gICAgICAgIEBIb3N0KClcclxuICAgICAgICBwcml2YXRlIHBvcG92ZXJEaXJlY3RpdmU6IFRvdXJBbmNob3JOZ3hCb290c3RyYXBQb3BvdmVyRGlyZWN0aXZlXHJcbiAgICApIHtcclxuICAgICAgICB0aGlzLnBvcG92ZXJEaXJlY3RpdmUudHJpZ2dlcnMgPSAnJztcclxuICAgIH1cclxuXHJcbiAgICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICAgICAgdGhpcy50b3VyU2VydmljZS5yZWdpc3Rlcih0aGlzLnRvdXJBbmNob3IsIHRoaXMpO1xyXG4gICAgfVxyXG5cclxuICAgIHB1YmxpYyBuZ09uRGVzdHJveSgpOiB2b2lkIHtcclxuICAgICAgICB0aGlzLnRvdXJTZXJ2aWNlLnVucmVnaXN0ZXIodGhpcy50b3VyQW5jaG9yKTtcclxuICAgIH1cclxuXHJcbiAgICAvLyBub2luc3BlY3Rpb24gSlNVbnVzZWRHbG9iYWxTeW1ib2xzXHJcbiAgICBwdWJsaWMgc2hvd1RvdXJTdGVwKHN0ZXA6IElTdGVwT3B0aW9uKTogdm9pZCB7XHJcbiAgICAgICAgdGhpcy5pc0FjdGl2ZSA9IHRydWU7XHJcbiAgICAgICAgdGhpcy5wb3BvdmVyRGlyZWN0aXZlLnBvcG92ZXIgPSB0aGlzLnRvdXJTdGVwVGVtcGxhdGUudGVtcGxhdGU7XHJcbiAgICAgICAgdGhpcy5wb3BvdmVyRGlyZWN0aXZlLnBvcG92ZXJDb250ZXh0ID0ge3N0ZXB9O1xyXG4gICAgICAgIGlmIChzdGVwLnVzZUxlZ2FjeVRpdGxlKSB7XHJcbiAgICAgICAgICAgIHRoaXMucG9wb3ZlckRpcmVjdGl2ZS5wb3BvdmVyVGl0bGUgPSBzdGVwLnRpdGxlO1xyXG4gICAgICAgIH1cclxuICAgICAgICB0aGlzLnBvcG92ZXJEaXJlY3RpdmUuY29udGFpbmVyID0gJ2JvZHknO1xyXG4gICAgICAgIGNvbnN0IHBvcG92ZXJDbGFzcyA9IHN0ZXAucG9wb3ZlckNsYXNzID8/ICcnO1xyXG4gICAgICAgIHRoaXMucG9wb3ZlckRpcmVjdGl2ZS5jb250YWluZXJDbGFzcyA9IGB0b3VyLXN0ZXAgJHtwb3BvdmVyQ2xhc3N9YDtcclxuICAgICAgICB0aGlzLnBvcG92ZXJEaXJlY3RpdmUucGxhY2VtZW50ID0gc3RlcC5wbGFjZW1lbnQgfHwgJ2F1dG8nO1xyXG4gICAgICAgIHRoaXMucG9wb3ZlckRpcmVjdGl2ZS5zaG93KCk7XHJcbiAgICB9XHJcblxyXG4gICAgLy8gbm9pbnNwZWN0aW9uIEpTVW51c2VkR2xvYmFsU3ltYm9sc1xyXG4gICAgcHVibGljIGhpZGVUb3VyU3RlcCgpOiB2b2lkIHtcclxuICAgICAgICB0aGlzLmlzQWN0aXZlID0gZmFsc2U7XHJcbiAgICAgICAgdGhpcy5wb3BvdmVyRGlyZWN0aXZlLmhpZGUoKTtcclxuICAgIH1cclxufVxyXG4iXX0=