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

chrome/browser/resources/chromeos/emulator/audio_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.
 
 /** @enum {string} */ var AudioNodeType = {
   HEADPHONE: 'HEADPHONE',
   MIC: 'MIC',
   USB: 'USB',
   BLUETOOTH: 'BLUETOOTH',
   HDMI: 'HDMI',
@@ skipping 31 matching lines @@
   // Whether the node is active or not.
   this.active = false;
 
   // The time the node was plugged in (in seconds).
   this.pluggedTime = 0;
 };
 
 Polymer({
   is: 'audio-settings',
 
+  behaviors: [Polymer.NeonAnimatableBehavior],
+
   properties: {
     /**
      * An AudioNode which is currently being edited.
      * @type {AudioNode}
      */
     currentEditableObject: {
       type: Object,
       value: function() { return {}; }
     },
 
@@ skipping 34 matching lines @@
           {name: 'Internal Speaker', type: AudioNodeType.INTERNAL_SPEAKER},
           {name: 'Internal Mic', type: AudioNodeType.INTERNAL_MIC},
           {name: 'Keyboard Mic', type: AudioNodeType.KEYBOARD_MIC},
           {name: 'Aokr', type: AudioNodeType.AOKR},
           {name: 'Post Mix Loopback', type: AudioNodeType.POST_MIX_LOOPBACK},
           {name: 'Post Dsp Loopback', type: AudioNodeType.POST_DSP_LOOPBACK},
           {name: 'Other', type: AudioNodeType.OTHER}
         ];
       }
     },
-
-    /**
-     * The title to be displayed in a heading element for the element.
-     */
-    title: {type: String},
   },
 
   ready: function() {
     this.title = 'Audio';
   },
 
   initialize: function() {
     if (!this.initialized) {
       chrome.send('requestAudioNodes');
       this.initialized = true;
@@ skipping 56 matching lines @@
     Object.assign(newNode, this.nodes[event.model.index]);
     newNode.name += ' (Copy)';
     newNode.deviceName += ' (Copy)';
     newNode.id += this.nodeCount;
     this.nodeCount++;
 
     this.push('nodes', newNode);
   },
 
   /**
-   * Shows a modal dialog to edit the selected node's properties.
+   * Shows a dialog to edit the selected node'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.nodes[index];
-    this.$.editModal.toggle();
+    this.$.editDialog.toggle();
   },
 
   /**
    * Called by the WebUI which provides a list of nodes.
    * @param {!Array<!AudioNode>} nodeList A list of audio nodes.
    */
   updateAudioNodes: function(nodeList) {
     /** @type {!Array<!AudioNode>} */ var newNodeList = [];
     for (var i = 0; i < nodeList.length; ++i) {
       // Create a new audio node and add all the properties from |nodeList[i]|.
       var node = new AudioNode();
       Object.assign(node, nodeList[i]);
       newNodeList.push(node);
     }
     this.nodes = newNodeList;
   }
 });