UNPKG

ngx-ui-tour-ngx-bootstrap

Version:
1 lines 13.1 kB
{"version":3,"file":"ngx-ui-tour-ngx-bootstrap.mjs","sources":["../../../projects/ngx-ui-tour-ngx-bootstrap/src/lib/tour-step-template.service.ts","../../../projects/ngx-ui-tour-ngx-bootstrap/src/lib/ngx-bootstrap-tour.service.ts","../../../projects/ngx-ui-tour-ngx-bootstrap/src/lib/tour-step-template/tour-step-template.component.ts","../../../projects/ngx-ui-tour-ngx-bootstrap/src/lib/tour-step-template/tour-step-template.component.html","../../../projects/ngx-ui-tour-ngx-bootstrap/src/lib/tour-anchor.directive.ts","../../../projects/ngx-ui-tour-ngx-bootstrap/src/lib/ngx-bootstrap.module.ts","../../../projects/ngx-ui-tour-ngx-bootstrap/src/ngx-ui-tour-ngx-bootstrap.ts"],"sourcesContent":["import { Injectable, TemplateRef } from '@angular/core';\r\nimport {IStepOption} from 'ngx-ui-tour-core';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class TourStepTemplateService {\r\n public template: TemplateRef<{ step: IStepOption }>;\r\n}\r\n","import {Injectable} from '@angular/core';\r\nimport {TourService} from 'ngx-ui-tour-core';\r\n\r\nimport {INgxbStepOption} from './step-option.interface';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class NgxbTourService<T extends INgxbStepOption = INgxbStepOption> extends TourService<T> {}\r\n","import {AfterContentInit, Component, ContentChild, inject, Input, TemplateRef, ViewChild} from '@angular/core';\nimport {TourHotkeyListenerComponent} from 'ngx-ui-tour-core';\nimport {TourStepTemplateService} from '../tour-step-template.service';\nimport {NgxbTourService} from '../ngx-bootstrap-tour.service';\nimport {IStepOption} from '../../public_api';\n\n@Component({\n selector: 'tour-step-template',\n templateUrl: './tour-step-template.component.html',\n styleUrls: ['./tour-step-template.component.scss'],\n standalone: true\n})\nexport class TourStepTemplateComponent extends TourHotkeyListenerComponent implements AfterContentInit {\n\n @ViewChild('tourStep', {read: TemplateRef, static: true})\n public defaultTourStepTemplate: TemplateRef<{ step: IStepOption }>;\n\n @Input()\n public stepTemplate: TemplateRef<{ step: IStepOption }>;\n\n @ContentChild(TemplateRef)\n public stepTemplateContent: TemplateRef<{ step: IStepOption }>;\n\n private readonly tourStepTemplateService = inject(TourStepTemplateService);\n public override readonly tourService = inject(NgxbTourService);\n\n public ngAfterContentInit(): void {\n this.tourStepTemplateService.template =\n this.stepTemplate ||\n this.stepTemplateContent ||\n this.defaultTourStepTemplate;\n }\n\n}\n","<ng-template #tourStep let-step=\"step\">\n <div\n [style.width]=\"step.stepDimensions?.width\"\n [style.min-width]=\"step.stepDimensions?.minWidth\"\n [style.max-width]=\"step.stepDimensions?.maxWidth\"\n class=\"main-container\"\n >\n @if (!step?.useLegacyTitle && step?.title) {\n <div class=\"title-container\">\n <h5>{{ step?.title }}</h5>\n <button\n type=\"button\"\n class=\"btn-close\"\n aria-label=\"Close\"\n (click)=\"tourService.end()\"\n ></button>\n </div>\n }\n <p\n class=\"card-text\"\n [innerHTML]=\"step?.content\"\n ></p>\n <div class=\"buttons\">\n <button\n [disabled]=\"!tourService.hasPrev(step)\"\n class=\"btn btn-sm btn-outline-secondary prev\"\n (click)=\"tourService.prev()\"\n >\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 16 16\">\n <path d=\"M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z\"/>\n </svg>\n {{ step?.prevBtnTitle }}\n </button>\n @if (step.showProgress) {\n <div class=\"progress\">{{ tourService.steps?.indexOf(step) + 1 }} / {{ tourService.steps?.length }}</div>\n }\n @if (tourService.hasNext(step) && !step.nextOnAnchorClick) {\n <button\n class=\"btn btn-sm btn-outline-primary next\"\n (click)=\"tourService.next()\"\n >\n {{ step?.nextBtnTitle }}\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 16 16\">\n <path d=\"M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z\"/>\n </svg>\n </button>\n }\n @if (!tourService.hasNext(step)) {\n <button\n class=\"btn btn-sm btn-outline-primary\"\n (click)=\"tourService.end()\"\n >\n {{ step?.endBtnTitle }}\n </button>\n }\n </div>\n </div>\n</ng-template>\n","import {Directive, ElementRef, Host, HostBinding, Input} from '@angular/core';\r\nimport type {OnDestroy, OnInit} from '@angular/core';\r\nimport {PopoverDirective} from 'ngx-bootstrap/popover';\r\nimport {TourAnchorDirective} from 'ngx-ui-tour-core';\r\nimport {INgxbStepOption as IStepOption} from './step-option.interface';\r\n\r\nimport {NgxbTourService} from './ngx-bootstrap-tour.service';\r\nimport {TourStepTemplateService} from './tour-step-template.service';\r\n\r\n@Directive({\r\n selector: '[tourAnchor]',\r\n standalone: true\r\n})\r\nexport class TourAnchorNgxBootstrapPopoverDirective extends PopoverDirective {}\r\n\r\n@Directive({\r\n selector: '[tourAnchor]',\r\n standalone: true\r\n})\r\nexport class TourAnchorNgxBootstrapDirective implements OnInit, OnDestroy, TourAnchorDirective {\r\n\r\n @Input() public tourAnchor: string;\r\n\r\n @HostBinding('class.touranchor--is-active')\r\n public isActive: boolean;\r\n\r\n constructor(\r\n private tourService: NgxbTourService,\r\n private tourStepTemplate: TourStepTemplateService,\r\n public element: ElementRef,\r\n @Host()\r\n private popoverDirective: TourAnchorNgxBootstrapPopoverDirective\r\n ) {\r\n this.popoverDirective.triggers = '';\r\n }\r\n\r\n public ngOnInit(): void {\r\n this.tourService.register(this.tourAnchor, this);\r\n }\r\n\r\n public ngOnDestroy(): void {\r\n this.tourService.unregister(this.tourAnchor);\r\n }\r\n\r\n // noinspection JSUnusedGlobalSymbols\r\n public showTourStep(step: IStepOption): void {\r\n this.isActive = true;\r\n this.popoverDirective.popover = this.tourStepTemplate.template;\r\n this.popoverDirective.popoverContext = {step};\r\n if (step.useLegacyTitle) {\r\n this.popoverDirective.popoverTitle = step.title;\r\n }\r\n this.popoverDirective.container = 'body';\r\n const popoverClass = step.popoverClass ?? '';\r\n this.popoverDirective.containerClass = `tour-step ${popoverClass}`;\r\n this.popoverDirective.placement = step.placement || 'auto';\r\n this.popoverDirective.show();\r\n }\r\n\r\n // noinspection JSUnusedGlobalSymbols\r\n public hideTourStep(): void {\r\n this.isActive = false;\r\n this.popoverDirective.hide();\r\n }\r\n}\r\n","import {NgModule} from '@angular/core';\r\n\r\nimport {TourAnchorNgxBootstrapDirective, TourAnchorNgxBootstrapPopoverDirective} from './tour-anchor.directive';\r\nimport {TourStepTemplateComponent} from './tour-step-template/tour-step-template.component';\r\n\r\nconst COMPONENTS = [TourAnchorNgxBootstrapDirective, TourAnchorNgxBootstrapPopoverDirective, TourStepTemplateComponent];\r\n\r\n@NgModule({\r\n imports: COMPONENTS,\r\n exports: COMPONENTS\r\n})\r\nexport class TourNgxBootstrapModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["i1.NgxbTourService","i2.TourStepTemplateService"],"mappings":"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"}