Merge pull request #29 from PygmySlowLoris/feature/start-opened-and-handle-when-clicking-away

Adds new features

Author: Edujugon

README.md

@@ -46,6 +46,8 @@ And
 |  `actions`            | Array    | <b>[Details bellow](https://github.com/PygmySlowLoris/vue-fab/#actions)</b>
 |  `fixed-tooltip`      | Boolean    | <b>Default 'false'</b><br> if true, it shows the tooltip beside the actions
 |  `enable-rotation`      | Boolean    | <b>Default 'true'</b><br> if true, the fab will rotate to indicate that it has been opened. Will not rotate if there are no actions specified.
+|  `start-opened`      | Boolean    | <b>Default 'false'</b><br> if true, the fab will start opened.
+|  `toggle-when-away`      | Boolean    | <b>Default 'true'</b><br> if false, the fab will not be closed when clicking outside from the fab component.
 
 ### actions
 

src/FAB.vue

@@ -80,7 +80,7 @@
         directives: {Ripple, tooltip: VTooltip},
         data() {
             return {
-                toggle: false,
+                toggle: this.startOpened,
                 pos: {},
                 tooltipPosition: 'left'
             }
@@ -121,7 +121,13 @@
             },
             actions: {
                 default: () => []
-            }   
+            },
+            startOpened: {
+                default: false
+            },
+            toggleWhenAway: {
+                default: true
+            },
         },
         computed: {
             actionIconSize() {
@@ -232,7 +238,9 @@
                 this.toggle = false;
             },
             away() {
-                this.toggle = false;
+                if(this.toggleWhenAway) {
+                    this.toggle = false;
+                }
             },
             setPosition() {
                 this.pos = {};