angular-custom-tour - npm Package Compare versions

Comparing version 0.0.8 to 0.0.9

package.json

@@ -8,3 +8,3 @@ {
   },
-  "version": "0.0.8",
+  "version": "0.0.9",
   "license": "MIT",
@@ -11,0 +11,0 @@ "main": "bundles/angular-custom-tour.umd.min.js",

README.md

@@ -1,2 +0,1 @@
-# Will be available later
 [![Build Status](https://img.shields.io/travis/miraxes/angular-custom-tour.svg?style=flat-square)](https://travis-ci.org/miraxes/angular-custom-tour)
@@ -7,2 +6,6 @@ [![Downloads](https://img.shields.io/npm/dt/angular-custom-tour.svg?style=flat-square)](https://www.npmjs.com/package/angular-custom-tour)
 
+# How it works?
+
+![demo GIF](/demo.gif)
+
 # Demo
@@ -61,3 +64,3 @@ [https://miraxes.github.io/angular-custom-tour](https://miraxes.github.io/angular-custom-tour)
   <!-- Bluring element insert on top of the page-->
-  <hint></hint>
+  <tour-overlay></tour-overlay>
 
@@ -76,2 +79,6 @@ <!-- start TOUR -->
   ```
+  ## NOTE:
+
+  > selector MUST BE unique, so you can highlight Element once
+
 Also you need to inject styles from `styles/main.css`
@@ -78,0 +85,0 @@

src/hint.component.js

@@ -21,3 +21,3 @@ "use strict";
         core_1.Component({
-            selector: 'hint',
+            selector: 'tour-overlay',
             template: "<div class=\"hint-overlay\" *ngIf=\"show\"></div>",
@@ -24,0 +24,0 @@ }),

src/hint.service.js

@@ -34,3 +34,2 @@ "use strict";
         this.overlay$.next(true);
-        this.show(this.currentStep);
     };
@@ -122,2 +121,3 @@ /**
         this.currentStep = this.steps[stepId];
+        this.show(this.currentStep);
     };
@@ -124,0 +124,0 @@ /**

src/index.d.ts

 import { HintService } from './hint.service';
 import { ModuleWithProviders } from '@angular/core';
+import { TourComponent } from './intro-tour/tour.component';
 export declare class HintModule {
     static forRoot(): ModuleWithProviders;
 }
-export { HintService };
+export { HintService, TourComponent };

src/index.js

@@ -17,2 +17,3 @@ "use strict";
 var tour_component_1 = require('./intro-tour/tour.component');
+exports.TourComponent = tour_component_1.TourComponent;
 var HintModule = (function () {
@@ -19,0 +20,0 @@ function HintModule() {

src/options.d.ts

@@ -7,2 +7,3 @@ export declare class HintOptions {
     applyRelative: boolean;
+    stepTag: string;
 }

src/options.js

@@ -10,2 +10,3 @@ "use strict";
         this.applyRelative = variables_1.HintConfig.APPLY_RELATIVE;
+        this.stepTag = variables_1.HintConfig.HINT_TAG;
     }
@@ -12,0 +13,0 @@ return HintOptions;

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

38843

increased by0.87%

Lines of code

709

increased by0.57%

Number of lines in readme file

111

increased by6.73%

No dependency changes