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

chrome/browser/resources/settings/bluetooth_page/bluetooth_device_dialog.js

 // Copyright 2016 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.
 
 cr.exportPath('settings');
 
 (function() {
 
 var PairingEventType = chrome.bluetoothPrivate.PairingEventType;
 
@@ skipping 15 matching lines @@
     /**
      * The ordered list of bluetooth devices.
      * @type {!Array<!chrome.bluetooth.Device>}
      */
     deviceList: {
       type: Array,
       value: /** @return {Array} */ function() { return []; },
     },
   },
 
-  observers: ['deviceListChanged_(deviceList.*)'],
-
   /** @private */
   adapterStateChanged_: function() {
-    if (!this.adapterState.powered && this.$.dialog.opened)
+    if (!this.adapterState.powered)
       this.close();
   },
 
   /**
    * @param {!chrome.bluetooth.Device} device
    * @return {boolean}
    * @private
    */
   deviceNotPaired_: function(device) { return !device.paired; },
 
@@ skipping 283 matching lines @@
     settings.BluetoothPairDeviceBehavior,
   ],
 
   properties: {
     /** Which version of this dialog to show (adding or pairing). */
     dialogId: String,
   },
 
   open: function() {
     this.pinOrPass = '';
-    this.$.dialog.open();
+    this.getDialog_().showModal();
   },
 
-  close: function() { this.$.dialog.close(); },
+  close: function() {
+    var dialog = this.getDialog_();
+    if (dialog.open)
+      dialog.close();
+  },
 
-  /** @private */
-  deviceListChanged_: function(e) { this.$.dialog.notifyResize(); },
+  /**
+   * @return {!CrDialogElement}
+   * @private
+   */
+  getDialog_: function() {
+    return /** @type {!CrDialogElement} */ (this.$.dialog);
+  },
 
   /**
    * @param {string} dialogId
    * @return {string} The title of for that |dialogId|.
    */
   getTitle_: function(dialogId) {
     if (dialogId == 'addDevice')
       return this.i18n('bluetoothAddDevicePageTitle');
     // Use the 'pair' title for the pairing dialog and error dialog.
     return this.i18n('bluetoothPairDevicePageTitle');
   },
 
   /**
    * @param {string} currentDialogType
    * @param {string} wantedDialogType
    * @return {boolean}
    * @private
    */
   isDialogType_: function(currentDialogType, wantedDialogType) {
     return currentDialogType == wantedDialogType;
   },
 
   /** @private */
   onCancelTap_: function() {
-    // NOTE: tapping on an element with [dialog-dismiss] doesn't trigger an
-    // iron-overlay-cancel event, whereas tapping (X) or pressing Esc does.
-    // Using cancel() ensures all 3 ways to close the dialog run the same code.
-    this.$.dialog.cancel();
+    this.getDialog_().cancel();
   },
 
   /** @private */
-  onIronOverlayCanceled_: function() {
+  onDialogCanceled_: function() {
     if (this.dialogId == 'pairDevice')
       this.sendResponse_(chrome.bluetoothPrivate.PairingResponse.CANCEL);
   },
 });
 
 })();