* added ability to add transcluyde to tip type of on boarding

* fixed bug where click to close on boarding would propagate to underlying item
* small css changes

Author: souly1

css/ng-walkthrough.css

@@ -99,7 +99,9 @@
 
 .walkthrough-transclude{
     position: relative;
-    z-index: 1001;
+    z-index: 2;
+    width: 100%;
+    height: 100%;
 }
 
 .walkthrough-hole-round{
@@ -121,12 +123,13 @@
 .walkthrough-container{
     float: left;
     position: relative;
-    height: 100vh;
+    height: 100%;
     width: 100%;
 }
 
 .walkthrough-inner{
-    position: absolute;
+    position: fixed;
+    z-index: 3;
     width: 100%;
 }
 

ng-walkthrough.html

@@ -16,6 +16,7 @@
         </div>
     </div>
     <div class="walkthrough-container walkthrough-container-tip" ng-show="walkthroughType=='tip'">
+        <div class="walkthrough-transclude" ng-transclude></div>
         <div class="walkthrough-inner" ng-class="{'walkthrough-top': ((!forceCaptionLocation && !tipLocation) || forceCaptionLocation=='TOP' || tipLocation =='TOP'), 'walkthrough-bottom': (forceCaptionLocation=='BOTTOM' || tipLocation =='BOTTOM')}">
             <img class="walkthrough-element walkthrough-tip-icon-text-box" ng-class="{'walkthrough-tip-icon-image-front': tipIconLocation=='FRONT', 'walkthrough-tip-icon-image-back': tipIconLocation=='BACK'}" ng-show="icon!='arrow'" ng-src="{{icon}}" alt="icon">
             <button class="walkthrough-done-button walkthrough-tip-done-button-text-box" type="button" ng-if="useButton" ng-click="onCloseClicked($event)" on-touch="onCloseTouched($event)">

ng-walkthrough.js

@@ -111,11 +111,13 @@ angular.module('ng-walkthrough', [])
                     if (scope.clickEvent == 'touch' && canTouch) { //We need this in case both angular an ionic are for some reason loaded
                         if ((!scope.useButton) ||
                             (e.currentTarget.className.indexOf(DOM_WALKTHROUGH_DONE_BUTTON_CLASS) > -1)) {
-                            scope.closeWalkthrough();
                             canTouch = false;
-                            $timeout(function(){
-                                canTouch = true;
-                            }, 500);
+                            $timeout(function() {//This timeout added to avoid event propagation happening outside of directive bug
+                                scope.closeWalkthrough();
+                                $timeout(function () {
+                                    canTouch = true;
+                                }, 500);
+                            }, 200);
                         }
                     }
                 };
@@ -417,8 +419,8 @@ angular.module('ng-walkthrough', [])
                         if (scope.isBindClickEventToBody){
                             bindClickEvents();
                         }
-                        if (!scope.hasTransclude){
-                            try {
+                        //if (!scope.hasTransclude){//remarked cause did not focus on search field in recipe select
+                        try {
                                 if (attrs.focusElementId) {
                                     scope.setFocusOnElement(attrs.focusElementId);
                                 }
@@ -431,7 +433,7 @@ angular.module('ng-walkthrough', [])
                                     scope.setFocusOnElement(attrs.focusElementId);
                                 }, 300);
                             }
-                        }
+                        //}
                         scope.onWalkthroughShow();
                     } else{
                         unbindScreenResize();