feat(snackbar): add show and hide event as per mdc 0.28.0

stasson · Jan 13, 2018 · eb372d2 · eb372d2
1 parent 69c983a
commit eb372d2
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/components/snackbar/README.md b/components/snackbar/README.md
@@ -60,13 +60,16 @@ properties and their usage.
 | `dismisses-on-action` |Boolean| true| Whether the snackbar will be dimissed when the user presses the action button.  |
 | `align-start` |Boolean| false| Whether the snackbar is start aligned. |
 
-
 ### methods
 
 | method | Description |
 |--------|-------------|
 | `show(data)` |  trigger the display of a message with optional action.|
 
+# events 
+| `@show` | notify listeners that the snackbar has been shown. |
+| `@hide` | notify listeners that the snackbar has been hidden. |
+
 ### Reference
 - <https://material.io/components/web/catalog/snackbars>
 

diff --git a/components/snackbar/mdc-snackbar.vue b/components/snackbar/mdc-snackbar.vue
@@ -73,7 +73,9 @@ export default {
       },
       deregisterTransitionEndHandler: (handler) => {
         this.$refs.root.removeEventListener(getCorrectEventName(window, 'transitionend'), handler)
-      }
+      },
+      notifyShow: () => this.$emit('show'),
+      notifyHide: () => this.$emit('hide'),
     })
     this.foundation.init()
     if (this.event) {