Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

angular-custom-tour

Package Overview
Dependencies
Maintainers
1
Versions
17
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

angular-custom-tour - npm Package Compare versions

Comparing version 0.0.3 to 0.0.4

2

package.json

@@ -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
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc