see changelog

paulpflug · paulpflug · commit 59f2b40ba35d · 2016-08-15T19:01:26.000+02:00
diff --git a/README.md b/README.md
@@ -39,7 +39,8 @@ For examples see [`dev/`](dev/).
 | ---:| --- | ---| --- |
 | width | Number | 240 | width of the side-nav |
 | hide-on-screen-size | Number | 992 | Used with `fixed`. Above this size, the menu will stay opened. |
-| not-dismissible | Boolean | false | A click within the side-nav will not dismiss it |
+| not-dismissable | Boolean | false | A click on the overlay will not dismiss it |
+| close-on-click | Boolean | false | Any click within the side-nav will close it |
 | fixed | Boolean | false | should always show on large screens |
 | is-opened | Boolean | false | (two-way) opens or closes the side-nav |
 | is-fixed | Boolean | false | (two-way) true when fixed on large screen |
@@ -66,6 +67,11 @@ npm run dev
 ```
 Browse to `http://localhost:8080/`.
 
+## Changelog
+
+- 0.3.0
+renamed `not-dismissible` to `not-dismissable`. added `close-on-click`
+
 ## License
 Copyright (c) 2016 Paul Pflugradt
 Licensed under the MIT license.
diff --git a/src/side-nav.vue b/src/side-nav.vue
@@ -46,7 +46,7 @@ drag-handle(
 )
 ul(
   v-el:nav
-  @click="dismiss"
+  @click="onClick"
   @keyup.esc="dismiss"
   v-bind:style="computedStyle"
   v-bind:class="computedClass"
@@ -89,7 +89,10 @@ module.exports =
     "right":
       type: Boolean
       default: false
-    "notDismissible":
+    "notDismissable":
+      type: Boolean
+      default: false
+    "closeOnClick":
       type: Boolean
       default: false
     "fixed":
@@ -175,9 +178,12 @@ module.exports =
         @isFixed = false
         @disposeWindowResize?()
       @setParentMargin()
+    onClick: (e) ->
+      if @closeOnClick
+        @dismiss(e)
     dismiss: (e) ->
       unless e.defaultPrevented
-        if !@notDismissible and not @isFixed
+        if !@notDismissable and not @isFixed
           @close()
           e.preventDefault()
 
