Migrate <cr-dialog> from PaperDialogBehavior to native <dialog>.

ui/webui/resources/cr_elements/cr_dialog/cr_dialog.js

Index: ui/webui/resources/cr_elements/cr_dialog/cr_dialog.js
diff --git a/ui/webui/resources/cr_elements/cr_dialog/cr_dialog.js b/ui/webui/resources/cr_elements/cr_dialog/cr_dialog.js
index 9c9d73fdb7eeaf95bb10574131a0d56d354a5b8b..ea6a348508174d6e884b7be986e9ca0b7c617e9f 100644
--- a/ui/webui/resources/cr_elements/cr_dialog/cr_dialog.js
+++ b/ui/webui/resources/cr_elements/cr_dialog/cr_dialog.js
@@ -3,44 +3,19 @@
 // found in the LICENSE file.
 
 /**
- * @fileoverview 'cr-dialog' is a component for showing a modal dialog.
+ * @fileoverview 'cr-dialog' is a component for showing a modal dialog. If the
+ * dialog is closed via close(), a 'close' event is fired. If the dialog is
+ * canceled via cancel(), a 'cancel' event is fired followed by a 'close' event.
  */
 Polymer({
   is: 'cr-dialog',
+  extends: 'dialog',
 
-  properties: {
-    /** @override */
-    noCancelOnOutsideClick: {
-      type: Boolean,
-      value: true,
-    },
-
-    /** @override */
-    noCancelOnEscKey: {
-      type: Boolean,
-      value: false,
-    },
-
-    /**
-     * @type {!Element}
-     * @override
-     */
-    sizingTarget: {
-      type: Element,
-      value: function() {
-        return assert(this.$$('.body-container'));
-      },
-    },
-
-    /** @override */
-    withBackdrop: {
-      type: Boolean,
-      value: true,
-    },
+  cancel: function() {
+    this.fire('cancel');
+    HTMLDialogElement.prototype.close.call(this, /* wasCanceled */ 'true');
   },
 
-  behaviors: [Polymer.PaperDialogBehavior],
-
   /** @return {!PaperIconButtonElement} */
   getCloseButton: function() {
     return this.$.close;