From 57a3659fefd4538e1b21ec7ec4f7fe927b730708 Mon Sep 17 00:00:00 2001
From: Marcos Moura <marcosvmmoura@gmail.com>
Date: Mon, 23 Jan 2017 20:14:08 -0200
Subject: [PATCH] add select events when open and close #357

---
 docs/src/pages/components/Select.vue | 12 ++++++++++++
 src/components/mdSelect/mdSelect.vue |  2 +-
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/docs/src/pages/components/Select.vue b/docs/src/pages/components/Select.vue
index 2ccd3a8..9d5992c 100644
--- a/docs/src/pages/components/Select.vue
+++ b/docs/src/pages/components/Select.vue
@@ -76,6 +76,18 @@
                 <md-table-cell>Receives the value of the model</md-table-cell>
                 <md-table-cell>Triggered when the model changes.</md-table-cell>
               </md-table-row>
+
+              <md-table-row>
+                <md-table-cell>opened</md-table-cell>
+                <md-table-cell>none</md-table-cell>
+                <md-table-cell>Triggered the select is opened.</md-table-cell>
+              </md-table-row>
+
+              <md-table-row>
+                <md-table-cell>closed</md-table-cell>
+                <md-table-cell>none</md-table-cell>
+                <md-table-cell>Triggered the select is closed.</md-table-cell>
+              </md-table-row>
             </md-table-body>
           </md-table>
         </api-table>
diff --git a/src/components/mdSelect/mdSelect.vue b/src/components/mdSelect/mdSelect.vue
index bd4ccd6..bf1dd6b 100644
--- a/src/components/mdSelect/mdSelect.vue
+++ b/src/components/mdSelect/mdSelect.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="md-select" :class="[themeClass, classes]">
-    <md-menu :md-close-on-select="!multiple">
+    <md-menu :md-close-on-select="!multiple" @opened="$emit('open')" @closed="$emit('close')">
       <span class="md-select-value" md-menu-trigger ref="value">{{ selectedText || multipleText || placeholder }}</span>
 
       <md-menu-content class="md-select-content" :class="[themeClass, contentClasses]">