Device emulator: Replace usage of paper-dialog with cr-dialog.

chrome/browser/resources/chromeos/emulator/bluetooth_settings.js

 // Copyright 2015 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * A bluetooth device.
  * @constructor
  */
 var BluetoothDevice = function() {
   // The device's address (MAC format, must be unique).
@@ skipping 155 matching lines @@
    */
   currentEditableObjectChanged: function(obj) {
     if (this.currentEditIndex >= 0) {
       var prop = obj.path.split('.')[1];
       this.set(
           'devices.' + this.currentEditIndex.toString() + '.' + prop,
           obj.value);
     }
   },
 
-  /**
-   * Called when the device edit dialog is opened. Re-validates necessary input
-   * fields.
-   */
-  editDialogOpened: function() {
-    this.validateAddress();
-    this.validatePath();
-  },
-
   handleAddressInput: function() {
     this.autoFormatAddress();
     this.validateAddress();
   },
 
   autoFormatAddress: function() {
     var input = this.$.deviceAddressInput;
     var regex = /([a-f0-9]{2})([a-f0-9]{2})/i;
     // Remove things that aren't hex characters from the string.
     var val = input.value.replace(/[^a-f0-9]/ig, '');
@@ skipping 278 matching lines @@
 
   /**
    * Shows a dialog to edit the selected device's properties.
    * @param {Event} event Contains event data. |event.model.index| is the index
    *     of the item which the target is contained in.
    */
   showEditDialog: function(event) {
     var index = event.model.index;
     this.currentEditIndex = index;
     this.currentEditableObject = this.devices[index];
-    this.$.editDialog.toggle();
+    this.$.editDialog.showModal();
+    this.validateAddress();
+    this.validatePath();
+  },
+
+  /** @private */
+  onCloseTap_: function() {
+    this.$.editDialog.close();
   },
 
   /**
    * A click handler for the delete button on bluetooth devices.
    * @param {Event} event Contains event data. |event.model.index| is the index
    *     of the item which the target is contained in.
    */
   deleteDevice: function(event) {
     var index = event.model.index;
     var device = this.devices[index];
@@ skipping 40 matching lines @@
    * @return {number} The value which |classText| represents.
    */
   getValueForDeviceClass: function(classText) {
     for (var i = 0; i < this.deviceClassOptions.length; ++i) {
       if (this.deviceClassOptions[i].text == classText)
         return this.deviceClassOptions[i].value;
     }
     return 0;
   },
 });