From ee1e9cb97b81acf4afad92d2785b2c57666ea343 Mon Sep 17 00:00:00 2001
From: xxRockOnxx <xxRockOnxx@users.noreply.github.com>
Date: Tue, 11 Jul 2017 18:32:24 +0800
Subject: [PATCH] Official breaking changes from material-web-components (#218)

* Official breaking changes from material-web-components

https://github.com/material-components/material-components-web/pull/504
https://github.com/material-components/material-components-web/pull/504/commits/5b5ea952ebf4cb76abce2f4533e4daaa2292b72f

* Fix transition events in dialog
---
 src/Dialog/Dialog.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/Dialog/Dialog.vue b/src/Dialog/Dialog.vue
index 9fb1bb2..cba1434 100644
--- a/src/Dialog/Dialog.vue
+++ b/src/Dialog/Dialog.vue
@@ -1,6 +1,5 @@
 <template>
   <aside :id="id"
-         style="visibility:hidden"
          class="mdc-dialog"
          role="alertdialog"
          :aria-labelledby="labelId"
@@ -68,7 +67,6 @@ export default {
     this.foundation = new MDCDialogFoundation({
       addClass: (className) => this.$el.classList.add(className),
       removeClass: (className) => this.$el.classList.remove(className),
-      setStyle: (prop, val) => this.$el.style.setProperty(prop, val),
       addBodyClass: (className) => document.body.classList.add(className),
       removeBodyClass: (className) => document.body.classList.remove(className),
       eventTargetHasClass: (target, className) => target.classList.contains(className),
@@ -78,8 +76,11 @@ export default {
       deregisterSurfaceInteractionHandler: (evt, handler) => this.$refs.surface.removeEventListener(evt, handler),
       registerDocumentKeydownHandler: (handler) => document.addEventListener('keydown', handler),
       deregisterDocumentKeydownHandler: (handler) => document.removeEventListener('keydown', handler),
+      registerTransitionEndHandler: (handler) => this.$refs.surface.addEventListener('transitionend', handler),
+      deregisterTransitionEndHandler: (handler) => this.$refs.surface.removeEventListener('transitionend', handler),
       notifyAccept: () => this.$emit('accepted'),
       notifyCancel: () => this.$emit('canceled'),
+      isDialog: (el) => el === this.$refs.surface,
       trapFocusOnSurface: () => this.focusTrap_.activate(),
       untrapFocusOnSurface: () => this.focusTrap_.deactivate(),
     })