* Embedded template solving issues related to referencing html file

* Embedded close button image for tip walkthrough into directive file
* Added external js file with icons solving issues related to referencing to icon files
* Updated tests
* Icons folder added to ignore in bower/npm, here for future developments if required
* Updated Readme
* Bumped to version 0.4.1

Author: souly1

README.md

@@ -50,11 +50,8 @@ This directive has been originally developed for the [Ionic Framework](http://io
 
 ## Usage
 
-- Copy the gesture icon files to folder 'icons' under where you placed the directive javascript
 - Load the script files in your application:
 
-Leave the template html aside the directive's javascript
-
 ```html
 <link rel="stylesheet" href="wherever-you-put-it/ng-walkthrough.css">
 
@@ -66,6 +63,13 @@ Add dependencies on the `ng-walkthrough` AngularJS module:
 ```javascript
 angular.module('myApp', ['ng-walkthrough']);
 ```
+
+If you want to use the directives supplied tap icons add this script file:
+
+```html
+<script type="text/javascript" src="wherever-you-put-it/ng-walkthrough.tap_icons.js"></script>
+```
+
 You can now use the directive, add the element to your HTML:
 ```html
 <walkthrough walkthrough-type="X">
@@ -121,7 +125,7 @@ and use one of the two configurations:
 - `focus-element-id` (optional) - Any walkthrough type. ID of DOM element we want to give focus to, without it all screen will be grayed out
 - `is-round` (optional) - Any walkthrough type. Set to 'true' if you want the focused area to be round, otherwise it will be square set to the size of the DOM element
 - `has-glow` (optional) - Any walkthrough type. Set to 'true' if you want the focused area to have a glow around it
-- `icon` (optional) - Any walkthrough type. If set to any of the predefined values ("single_tap", "double_tap", "swipe_down", "swipe_left", "swipe_right", "swipe_up"), in such case the image will be bound to focus element (if exists). if giving any other icon then is not bound to focus element
+- `icon` (optional) - Any walkthrough type. If set to any of the predefined values ("single_tap", "double_tap", "swipe_down", "swipe_left", "swipe_right", "swipe_up"), in such case the icon will be bound to focus element (if exists), make sure to add 'ng-walkthrough.tap_icons.js' following instructions above. any other icon can be used and will be loaded from supplied folder
 - `main-caption` (optional) - Any walkthrough type. This is the text that will be displayed in the walk-through. Text can be formatted
 - `use-button` (optional) - Any walkthrough type. set to 'true' you want a button displayed that most be clicked in order to close walkthrough, otherwise clicking anywhere while walkthrough displayed will close it
 - `icon-padding-left` (optional) - Any walkthrough type. Add padding to the icon from the left in percentage

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "ng-walkthrough",
-  "version": "0.3.3",
+  "version": "0.4.1",
   "homepage": "https://github.com/souly1/ng-walkthrough",
   "authors": [
     "Ophir Stern <souly01@gmail.com>"
@@ -41,6 +41,7 @@
     "node_modules",
     "bower_components",
     "screenshots",
+    "icons",
     "test",
     "tests"
   ]

karma.conf.js

@@ -32,8 +32,8 @@ module.exports = function(config) {
       'bower_components/ionic/release/js/ionic.js',
       'bower_components/ionic/release/js/ionic-angular.js',
       'ng-walkthrough.js',
+      'ng-walkthrough.tap_icons.js',
       'test/**/*.js',
-      'ng-walkthrough.html',
       {pattern: 'icons/**/*.png', watched: false, included: false, served: true},
       {pattern: 'css/*.css', watched: true, served: true, included: false},
       {pattern: 'test/css/*.css', watched: true, served: true, included: false}