MD Settings: Creating a <settings-dialog> element.

chrome/browser/resources/settings/reset_page/reset_profile_dialog.js

Index: chrome/browser/resources/settings/reset_page/reset_profile_dialog.js
diff --git a/chrome/browser/resources/settings/reset_page/reset_profile_dialog.js b/chrome/browser/resources/settings/reset_page/reset_profile_dialog.js
index f352ef70a70acccc018d20cd2b207976655a24a6..d09faf5aaecdb17b038d90214e42ede3f5e17783 100644
--- a/chrome/browser/resources/settings/reset_page/reset_profile_dialog.js
+++ b/chrome/browser/resources/settings/reset_page/reset_profile_dialog.js
@@ -17,6 +17,7 @@ Polymer({
     feedbackInfo_: String,
   },
 
+  /** @override */
   attached: function() {
     cr.define('SettingsResetPage', function() {
       return {
@@ -33,6 +34,13 @@ Polymer({
     }.bind(this));
   },
 
+  /** @override */
+  ready: function() {
+    this.addEventListener('iron-overlay-canceled', function() {
+      chrome.send('onHideResetProfileDialog');
+    });
+  },
+
   dispatchResetDoneEvent: function() {
     this.dispatchEvent(new CustomEvent('reset-done'));
   },
@@ -44,8 +52,7 @@ Polymer({
 
   /** @private */
   onCancelTap_: function() {
-    this.$.dialog.close();
-    chrome.send('onHideResetProfileDialog');
+    this.$.dialog.cancel();
   },
 
   /** @private */