From b5b59250e7e371ac62530d1e03addd02449b775f Mon Sep 17 00:00:00 2001
From: mbj36 <mohitbajo36@gmail.com>
Date: Mon, 27 Aug 2018 00:17:58 +0530
Subject: [PATCH] feat: added new prop onStateChange

---
 src/App.vue                         | 8 ++++----
 src/components/Menu.vue             | 4 ++++
 src/components/Menu/bubble.vue      | 3 ++-
 src/components/Menu/elastic.vue     | 3 ++-
 src/components/Menu/fallDown.vue    | 3 ++-
 src/components/Menu/push.vue        | 3 ++-
 src/components/Menu/pushRotate.vue  | 3 ++-
 src/components/Menu/reveal.vue      | 3 ++-
 src/components/Menu/scaleDown.vue   | 3 ++-
 src/components/Menu/scaleRotate.vue | 3 ++-
 src/components/Menu/slide.vue       | 5 ++++-
 src/components/Menu/stack.vue       | 6 +++++-
 12 files changed, 33 insertions(+), 14 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 1af7d96..7d14e23 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,19 +1,19 @@
 <template>
     <div>
-        <Slide right noOverlay isOpen>
+        <Stack>
             <a href="#">Services</a>
             <a href="#">Clients</a>
             <a href="#">Contact</a>
             <a href="#">Refer </a>
-        </Slide>
+        </Stack>
     </div>
 </template>
 
 <script>
-    import Slide from './components/Menu/slide';
+    import Stack from './components/Menu/stack';
     export default {
       components: {
-        Slide: Slide
+        Stack: Stack
       }
     };
 </script>
diff --git a/src/components/Menu.vue b/src/components/Menu.vue
index d64218f..ff4fede 100644
--- a/src/components/Menu.vue
+++ b/src/components/Menu.vue
@@ -43,6 +43,10 @@
         noOverlay: {
           type: Boolean,
           required: false
+        },
+        onStateChange: {
+          type: Function,
+          required: false
         }
       },
       methods: {
diff --git a/src/components/Menu/bubble.vue b/src/components/Menu/bubble.vue
index 7baced8..16e3c47 100644
--- a/src/components/Menu/bubble.vue
+++ b/src/components/Menu/bubble.vue
@@ -19,7 +19,8 @@
             right: this.$attrs.right,
             width: this.$attrs.width,
             disableEsc: this.$attrs.disableEsc,
-            noOverlay: this.$attrs.noOverlay
+            noOverlay: this.$attrs.noOverlay,
+            onStateChange: this.$attrs.onStateChange
           }
         };
       }
diff --git a/src/components/Menu/elastic.vue b/src/components/Menu/elastic.vue
index 7baced8..16e3c47 100644
--- a/src/components/Menu/elastic.vue
+++ b/src/components/Menu/elastic.vue
@@ -19,7 +19,8 @@
             right: this.$attrs.right,
             width: this.$attrs.width,
             disableEsc: this.$attrs.disableEsc,
-            noOverlay: this.$attrs.noOverlay
+            noOverlay: this.$attrs.noOverlay,
+            onStateChange: this.$attrs.onStateChange
           }
         };
       }
diff --git a/src/components/Menu/fallDown.vue b/src/components/Menu/fallDown.vue
index 7baced8..16e3c47 100644
--- a/src/components/Menu/fallDown.vue
+++ b/src/components/Menu/fallDown.vue
@@ -19,7 +19,8 @@
             right: this.$attrs.right,
             width: this.$attrs.width,
             disableEsc: this.$attrs.disableEsc,
-            noOverlay: this.$attrs.noOverlay
+            noOverlay: this.$attrs.noOverlay,
+            onStateChange: this.$attrs.onStateChange
           }
         };
       }
diff --git a/src/components/Menu/push.vue b/src/components/Menu/push.vue
index 7baced8..16e3c47 100644
--- a/src/components/Menu/push.vue
+++ b/src/components/Menu/push.vue
@@ -19,7 +19,8 @@
             right: this.$attrs.right,
             width: this.$attrs.width,
             disableEsc: this.$attrs.disableEsc,
-            noOverlay: this.$attrs.noOverlay
+            noOverlay: this.$attrs.noOverlay,
+            onStateChange: this.$attrs.onStateChange
           }
         };
       }
diff --git a/src/components/Menu/pushRotate.vue b/src/components/Menu/pushRotate.vue
index 7baced8..16e3c47 100644
--- a/src/components/Menu/pushRotate.vue
+++ b/src/components/Menu/pushRotate.vue
@@ -19,7 +19,8 @@
             right: this.$attrs.right,
             width: this.$attrs.width,
             disableEsc: this.$attrs.disableEsc,
-            noOverlay: this.$attrs.noOverlay
+            noOverlay: this.$attrs.noOverlay,
+            onStateChange: this.$attrs.onStateChange
           }
         };
       }
diff --git a/src/components/Menu/reveal.vue b/src/components/Menu/reveal.vue
index 7baced8..16e3c47 100644
--- a/src/components/Menu/reveal.vue
+++ b/src/components/Menu/reveal.vue
@@ -19,7 +19,8 @@
             right: this.$attrs.right,
             width: this.$attrs.width,
             disableEsc: this.$attrs.disableEsc,
-            noOverlay: this.$attrs.noOverlay
+            noOverlay: this.$attrs.noOverlay,
+            onStateChange: this.$attrs.onStateChange
           }
         };
       }
diff --git a/src/components/Menu/scaleDown.vue b/src/components/Menu/scaleDown.vue
index 7baced8..16e3c47 100644
--- a/src/components/Menu/scaleDown.vue
+++ b/src/components/Menu/scaleDown.vue
@@ -19,7 +19,8 @@
             right: this.$attrs.right,
             width: this.$attrs.width,
             disableEsc: this.$attrs.disableEsc,
-            noOverlay: this.$attrs.noOverlay
+            noOverlay: this.$attrs.noOverlay,
+            onStateChange: this.$attrs.onStateChange
           }
         };
       }
diff --git a/src/components/Menu/scaleRotate.vue b/src/components/Menu/scaleRotate.vue
index 7baced8..16e3c47 100644
--- a/src/components/Menu/scaleRotate.vue
+++ b/src/components/Menu/scaleRotate.vue
@@ -19,7 +19,8 @@
             right: this.$attrs.right,
             width: this.$attrs.width,
             disableEsc: this.$attrs.disableEsc,
-            noOverlay: this.$attrs.noOverlay
+            noOverlay: this.$attrs.noOverlay,
+            onStateChange: this.$attrs.onStateChange
           }
         };
       }
diff --git a/src/components/Menu/slide.vue b/src/components/Menu/slide.vue
index 7baced8..68c3ae0 100644
--- a/src/components/Menu/slide.vue
+++ b/src/components/Menu/slide.vue
@@ -19,9 +19,12 @@
             right: this.$attrs.right,
             width: this.$attrs.width,
             disableEsc: this.$attrs.disableEsc,
-            noOverlay: this.$attrs.noOverlay
+            noOverlay: this.$attrs.noOverlay,
+            onStateChange: this.$attrs.onStateChange
           }
         };
       }
     };
 </script>
+
+
diff --git a/src/components/Menu/stack.vue b/src/components/Menu/stack.vue
index 7baced8..b235164 100644
--- a/src/components/Menu/stack.vue
+++ b/src/components/Menu/stack.vue
@@ -19,9 +19,13 @@
             right: this.$attrs.right,
             width: this.$attrs.width,
             disableEsc: this.$attrs.disableEsc,
-            noOverlay: this.$attrs.noOverlay
+            noOverlay: this.$attrs.noOverlay,
+            onStateChange: this.$attrs.onStateChange
           }
         };
       }
     };
 </script>
+
+
+