angular-custom-tour
Advanced tools
Comparing version 0.0.3 to 0.0.4
@@ -8,3 +8,3 @@ { | ||
}, | ||
"version": "0.0.3", | ||
"version": "0.0.4", | ||
"license": "MIT", | ||
@@ -11,0 +11,0 @@ "main": "bundles/angular-custom-tour.umd.min.js", |
@@ -6,4 +6,5 @@ # Will be available later | ||
[![License](https://img.shields.io/npm/l/angular-custom-tour.svg?style=flat-square)]() | ||
# demo | ||
[https://miraxes.github.io/angular-custom-tour](https://miraxes.github.io/angular-custom-tour) | ||
[https://miraxes.github.io/angular-custom-tour](https://miraxes.github.io/angular-custom-tour) | ||
@@ -18,3 +19,3 @@ | ||
```typescript | ||
import { HintService } from '???' | ||
import { HintService } from 'angular-custom-tour' | ||
@@ -34,3 +35,3 @@ class AppComponent { | ||
<!-- Bluring element insert on top of the page--> | ||
<fwyl-hint></fwyl-hint> | ||
<mm-hint></mm-hint> | ||
@@ -43,7 +44,7 @@ <!-- start TOUR --> | ||
<fwyl-intro-tour selector="highlight-me" order="3" position="right" title="title string"> | ||
<mm-intro-tour selector="highlight-me" order="3" position="right" title="title string"> | ||
<!-- ANY HTML HERE | ||
NOTE: ONLY selector attribute is required! others is up to you | ||
--> | ||
</fwyl-intro-tour> | ||
</mm-intro-tour> | ||
``` |
import { HintService } from './hint.service'; | ||
export declare class FwylHintComponent { | ||
export declare class MmHintComponent { | ||
hintService: HintService; | ||
@@ -4,0 +4,0 @@ show: boolean; |
@@ -13,4 +13,4 @@ "use strict"; | ||
var core_1 = require('@angular/core'); | ||
var FwylHintComponent = (function () { | ||
function FwylHintComponent(hintService) { | ||
var MmHintComponent = (function () { | ||
function MmHintComponent(hintService) { | ||
var _this = this; | ||
@@ -20,3 +20,3 @@ this.hintService = hintService; | ||
} | ||
FwylHintComponent = __decorate([ | ||
MmHintComponent = __decorate([ | ||
core_1.Component({ | ||
@@ -27,6 +27,6 @@ selector: 'fwyl-hint', | ||
__metadata('design:paramtypes', [hint_service_1.HintService]) | ||
], FwylHintComponent); | ||
return FwylHintComponent; | ||
], MmHintComponent); | ||
return MmHintComponent; | ||
}()); | ||
exports.FwylHintComponent = FwylHintComponent; | ||
exports.MmHintComponent = MmHintComponent; | ||
//# sourceMappingURL=hint.component.js.map |
import { Subject } from 'rxjs/Subject'; | ||
import { FwylTourComponent } from './intro-tour/tour.component'; | ||
import { MmTourComponent } from './intro-tour/tour.component'; | ||
import { HintOptions } from './options'; | ||
@@ -13,3 +13,3 @@ export interface Step { | ||
anchors: { | ||
[selector: string]: FwylTourComponent; | ||
[selector: string]: MmTourComponent; | ||
}; | ||
@@ -45,5 +45,5 @@ overlay$: Subject<boolean>; | ||
* @param {string} selector binded to | ||
* @param {FwylTourComponent} component itself | ||
* @param {MmTourComponent} component itself | ||
*/ | ||
register(selector: string, component: FwylTourComponent): void; | ||
register(selector: string, component: MmTourComponent): void; | ||
/** | ||
@@ -50,0 +50,0 @@ * Is {Step} this.currentStep has next |
@@ -76,3 +76,3 @@ "use strict"; | ||
* @param {string} selector binded to | ||
* @param {FwylTourComponent} component itself | ||
* @param {MmTourComponent} component itself | ||
*/ | ||
@@ -79,0 +79,0 @@ HintService.prototype.register = function (selector, component) { |
@@ -30,4 +30,4 @@ "use strict"; | ||
core_1.NgModule({ | ||
declarations: [hint_component_1.FwylHintComponent, tour_component_1.FwylTourComponent], | ||
exports: [hint_component_1.FwylHintComponent, tour_component_1.FwylTourComponent], | ||
declarations: [hint_component_1.MmHintComponent, tour_component_1.MmTourComponent], | ||
exports: [hint_component_1.MmHintComponent, tour_component_1.MmTourComponent], | ||
imports: [common_1.CommonModule], | ||
@@ -34,0 +34,0 @@ }), |
import { OnInit } from '@angular/core'; | ||
import { HintService } from '../hint.service'; | ||
export declare class FwylTourComponent implements OnInit { | ||
export declare class MmTourComponent implements OnInit { | ||
hintService: HintService; | ||
@@ -5,0 +5,0 @@ title: string; |
@@ -14,10 +14,10 @@ "use strict"; | ||
var variables_1 = require('../variables'); | ||
var FwylTourComponent = (function () { | ||
function FwylTourComponent(hintService) { | ||
var MmTourComponent = (function () { | ||
function MmTourComponent(hintService) { | ||
this.hintService = hintService; | ||
} | ||
FwylTourComponent.prototype.ngOnInit = function () { | ||
MmTourComponent.prototype.ngOnInit = function () { | ||
this.hintService.register(this.selector, this); | ||
}; | ||
FwylTourComponent.prototype.showStep = function () { | ||
MmTourComponent.prototype.showStep = function () { | ||
this.position = this.position || this.hintService.hintOptions.defaultPosition; | ||
@@ -62,3 +62,3 @@ this.order = +this.order || this.hintService.hintOptions.defaultOrder; | ||
}; | ||
FwylTourComponent.prototype.hideStep = function () { | ||
MmTourComponent.prototype.hideStep = function () { | ||
var highlightedElement = document.getElementById(this.selector); | ||
@@ -68,14 +68,14 @@ highlightedElement.style.zIndex = '0'; | ||
}; | ||
FwylTourComponent.prototype.exit = function () { | ||
MmTourComponent.prototype.exit = function () { | ||
this.hintService.end(); | ||
}; | ||
FwylTourComponent.prototype.next = function () { | ||
MmTourComponent.prototype.next = function () { | ||
this.hideStep(); | ||
this.hintService.showNext(); | ||
}; | ||
FwylTourComponent.prototype.prev = function () { | ||
MmTourComponent.prototype.prev = function () { | ||
this.hideStep(); | ||
this.hintService.showPrev(); | ||
}; | ||
FwylTourComponent.prototype.disableClick = function (element) { | ||
MmTourComponent.prototype.disableClick = function (element) { | ||
element.classList.add('hint-disabled'); | ||
@@ -86,16 +86,16 @@ }; | ||
__metadata('design:type', String) | ||
], FwylTourComponent.prototype, "title", void 0); | ||
], MmTourComponent.prototype, "title", void 0); | ||
__decorate([ | ||
core_1.Input(), | ||
__metadata('design:type', String) | ||
], FwylTourComponent.prototype, "selector", void 0); | ||
], MmTourComponent.prototype, "selector", void 0); | ||
__decorate([ | ||
core_1.Input(), | ||
__metadata('design:type', Number) | ||
], FwylTourComponent.prototype, "order", void 0); | ||
], MmTourComponent.prototype, "order", void 0); | ||
__decorate([ | ||
core_1.Input(), | ||
__metadata('design:type', String) | ||
], FwylTourComponent.prototype, "position", void 0); | ||
FwylTourComponent = __decorate([ | ||
], MmTourComponent.prototype, "position", void 0); | ||
MmTourComponent = __decorate([ | ||
core_1.Component({ | ||
@@ -106,6 +106,6 @@ selector: variables_1.HintConfig.HINT_TAG, | ||
__metadata('design:paramtypes', [hint_service_1.HintService]) | ||
], FwylTourComponent); | ||
return FwylTourComponent; | ||
], MmTourComponent); | ||
return MmTourComponent; | ||
}()); | ||
exports.FwylTourComponent = FwylTourComponent; | ||
exports.MmTourComponent = MmTourComponent; | ||
//# sourceMappingURL=tour.component.js.map |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
47
0
32887
29