From ba8432dc198541bef6fb253e97146f52505e780b Mon Sep 17 00:00:00 2001
From: Neylor Ohmaly
Date: Thu, 27 Feb 2014 23:08:39 -0300
Subject: Keep popover open while triggering element has mouse over it.

---
 bower.json           |  2 +-
 example/index.css    |  5 +++++
 example/index.html   | 23 +++++++++++++++++++++++
 example/nsPopover.js | 10 +++++++---
 package.json         |  2 +-
 src/nsPopover.js     | 10 +++++++---
 6 files changed, 44 insertions(+), 8 deletions(-)

diff --git a/bower.json b/bower.json
index 64be25e..55c91de 100644
--- a/bower.json
+++ b/bower.json
@@ -1,6 +1,6 @@
 {
   "name": "nsPopover",
-  "version": "0.5.6",
+  "version": "0.5.7",
   "homepage": "https://github.com/nohros/nsPopover",
   "description": "Popover for angularjs library",
   "authors": [
diff --git a/example/index.css b/example/index.css
index 49bae04..d641f03 100644
--- a/example/index.css
+++ b/example/index.css
@@ -40,9 +40,14 @@ article {
   float: left;
 }
 
+article:after {
+  clear: both;
+}
+
 h1 {
   border-bottom: solid 1px #b9b8bb;
   padding-bottom: .5em;
+  display:block;
 }
 
 a {
diff --git a/example/index.html b/example/index.html
index dcf33fd..28ff4fe 100644
--- a/example/index.html
+++ b/example/index.html
@@ -53,6 +53,29 @@
       Hover me
     </a>
   </article>
+
+  <h1> Tooltip </h1>
+  <article>
+    <p>
+      <b>nsPopover</b> could be used as a simple dropdown menu. You can use the built-in "ns-popover-list-theme" to
+      style the popover as a dropdown or create a custom one.
+    </p>
+
+    <button ns-popover
+            ns-popover-template="menu"
+            ns-popover-trigger="click"
+            ns-popover-theme="ns-popover-tooltip-theme"
+            ns-popover-timeout="1">
+      Click Me
+    </button>
+
+    <a ns-popover
+       ns-popover-template="menu"
+       ns-popover-trigger="mouseenter"
+       ns-popover-theme="ns-popover-tooltip-theme">
+      Hover me
+    </a>
+  </article>
 </section>
 
 </body>
diff --git a/example/nsPopover.js b/example/nsPopover.js
index cfdb904..505fbba 100644
--- a/example/nsPopover.js
+++ b/example/nsPopover.js
@@ -140,9 +140,13 @@
           });
         });
 
-        elm.on('mouseout', function() {
-          hider_.hide($popover, options.timeout);
-        });
+        elm
+          .on('mouseout', function() {
+            hider_.hide($popover, options.timeout);
+          })
+          .on('mouseover', function() {
+            hider_.cancel();
+          });
 
         $popover
           .on('mouseout', function(e) {
diff --git a/package.json b/package.json
index 5408937..fa49190 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "author": "Neylor Ohmaly",
   "name": "nsPopover",
-  "version": "0.5.6",
+  "version": "0.5.7",
   "homepage": "http://nohros.com/nsPopover",
   "licenses": {
     "type": "MIT",
diff --git a/src/nsPopover.js b/src/nsPopover.js
index cfdb904..505fbba 100644
--- a/src/nsPopover.js
+++ b/src/nsPopover.js
@@ -140,9 +140,13 @@
           });
         });
 
-        elm.on('mouseout', function() {
-          hider_.hide($popover, options.timeout);
-        });
+        elm
+          .on('mouseout', function() {
+            hider_.hide($popover, options.timeout);
+          })
+          .on('mouseover', function() {
+            hider_.cancel();
+          });
 
         $popover
           .on('mouseout', function(e) {
-- 
cgit v1.2.3