Update chrome://device-emulator with newer Polymer guidelines

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 36 matching lines @@
   // The text containing a PIN key or passkey for pairing.
   this.pairingAuthToken = '';
 
   // The label of the selected pairing action option.
   this.pairingAction = '';
 };
 
 Polymer({
   is: 'bluetooth-settings',
 
+  behaviors: [Polymer.NeonAnimatableBehavior],
+
   properties: {
     /**
-     * The title to be displayed in a heading element for the element.
-     */
-    title: {type: String},
-
-    /**
      * A set of bluetooth devices.
      * @type !Array<!BluetoothDevice>
      */
     devices: {type: Array, value: function() { return []; }},
 
     /**
      * A set of predefined bluetooth devices.
      * @type !Array<!Bluetooth>
      */
     predefinedDevices: {type: Array, value: function() { return []; }},
@@ skipping 82 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 modal is opened. Re-validates necessary input
+   * 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, '');
 
     // Insert a ':' in the middle of every four hex characters.
     while (regex.test(val))
       val = val.replace(regex, '$1:$2');
 
     input.value = val;
   },
 
   /**
-   * Called on-input from an input element and on edit modal open.
+   * Called on-input from an input element and on edit dialog open.
    * Validates whether or not the
    * input's content matches a regular expression. If the input's value
    * satisfies the regex, then make sure that the address is not already
    * in use.
    */
   validateAddress: function() {
     var input = this.$.deviceAddressInput;
     var val = input.value;
     var exists = false;
     var addressRegex = RegExp('^([\\da-fA-F]{2}:){5}[\\da-fA-F]{2}$');
@@ skipping 246 matching lines @@
     newDevice.path = '';
     newDevice.address = '';
     newDevice.name += ' (Copy)';
     newDevice.alias += ' (Copy)';
     newDevice.discoverable = false;
     newDevice.paired = false;
     this.push('devices', newDevice);
   },
 
   /**
-   * Shows a modal dialog to edit the selected device's properties.
+   * 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.
    */
-  showEditModal: function(event) {
+  showEditDialog: function(event) {
     var index = event.model.index;
     this.currentEditIndex = index;
     this.currentEditableObject = this.devices[index];
-    this.$.editModal.toggle();
+    this.$.editDialog.toggle();
   },
 
   /**
    * 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 39 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;
   },
 });