prevent user interaction within highlighted area

preventEvents parameter

Author: mikolaj.kocot

enjoyhint.js

@@ -30,7 +30,7 @@
       onEnd: function() {},
 
       onSkip: function() {},
-  
+
       onNext: function() {}
     };
 
@@ -292,7 +292,8 @@
             left: step_data.left,
             right: step_data.right,
             margin: step_data.margin,
-            scroll: step_data.scroll
+            scroll: step_data.scroll,
+            preventEvents: step_data.preventEvents
           };
 
           var customBtnProps = {
@@ -1103,16 +1104,27 @@
             .appendTo(that.enjoyhint);
         };
 
-        that.disableEventsNearRect = function(rect) {
+        that.disableEventsNearRect = function(rect, alsoDisableRect) {
+          var top = rect.top;
+          var left = rect.left;
+          var right = rect.right;
+          var bottom = rect.bottom;
+
+          //to disable events also within highlighted rectable, simply remove the gap
+          if (alsoDisableRect === true) {
+              top = bottom;
+              right = left;
+          }
+
           $top_dis_events
-            .css({
-              top: "0",
-              left: "0"
-            })
-            .height(rect.top);
+          .css({
+            top: "0",
+            left: "0"
+          })
+          .height(top);
 
           $bottom_dis_events.css({
-            top: rect.bottom + "px",
+              top: bottom + "px",
             left: "0"
           });
 
@@ -1121,11 +1133,11 @@
               top: "0",
               left: 0 + "px"
             })
-            .width(rect.left);
+              .width(left);
 
           $right_dis_events.css({
             top: "0",
-            left: rect.right + "px"
+              left: right + "px"
           });
         };
 
@@ -1437,10 +1449,10 @@
             else {
               distance = initial_distance;
               ver_button_position = initial_ver_position;
-			  that.$next_btn.html(customBtnProps.nextButton && customBtnProps.nextButton.text ? 
-					customBtnProps.nextButton.text : 'Next');
-			  that.$prev_btn.html(customBtnProps.prevButton && customBtnProps.prevButton.text ? 
-					customBtnProps.prevButton.text : 'Previous');
+              that.$next_btn.html(customBtnProps.nextButton && customBtnProps.nextButton.text ? 
+                  customBtnProps.nextButton.text : 'Next');
+              that.$prev_btn.html(customBtnProps.prevButton && customBtnProps.prevButton.text ? 
+                  customBtnProps.prevButton.text : 'Previous');
             }
 
             that.$prev_btn.css({
@@ -1481,7 +1493,7 @@
             bottom: shape_data.bottom,
             left: shape_data.left,
             right: shape_data.right
-          });
+          }, data.preventEvents);
 
           that.renderArrow({
             x_from: x_from,