WebUI cleanup: Remove neon-animation usage from device-emulator.

This is in preparation of fully removing neon-animation from the repository
(although there is a long way to get there).

Bug: 902959
Change-Id: Ia1444651b96fba4316f69cfeb65bf92177acb389
Reviewed-on: https://chromium-review.googlesource.com/c/1324993Reviewed-by: Scott Chen <scottchen@chromium.org>
Commit-Queue: Demetrios Papadopoulos <dpapad@chromium.org>
Cr-Commit-Position: refs/heads/master@{#606634}

chrome/browser/resources/chromeos/emulator/audio_settings.html

@@ -7,7 +7,6 @@
 <link rel="import" href="chrome://resources/cr_elements/cr_radio_group/cr_radio_group.html">
 <link rel="import" href="chrome://resources/cr_elements/shared_style_css.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-flex-layout-classes.html">
-<link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-animatable-behavior.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button.html">
 <link rel="import" href="icons.html">

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

@@ -49,8 +49,6 @@ var AudioNode = function() {
 Polymer({
   is: 'audio-settings',
 
-  behaviors: [Polymer.NeonAnimatableBehavior],
-
   properties: {
     /**
      * An AudioNode which is currently being edited.

chrome/browser/resources/chromeos/emulator/battery_settings.html

@@ -8,7 +8,6 @@
 <link rel="import" href="chrome://resources/html/md_select_css.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-collapse/iron-collapse.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-flex-layout-classes.html">
-<link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-animatable-behavior.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button.html">
 <link rel="import" href="icons.html">
 <link rel="import" href="shared_styles.html">

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

@@ -5,8 +5,6 @@
 var BatterySettings = Polymer({
   is: 'battery-settings',
 
-  behaviors: [Polymer.NeonAnimatableBehavior],
-
   properties: {
     /** The system's battery percentage. */
     batteryPercent: Number,

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

@@ -7,7 +7,6 @@
 <link rel="import" href="chrome://resources/cr_elements/cr_radio_group/cr_radio_group.html">
 <link rel="import" href="chrome://resources/cr_elements/shared_style_css.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-flex-layout-classes.html">
-<link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-animatable-behavior.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button.html">
 <link rel="import" href="icons.html">

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

@@ -54,8 +54,6 @@ var BluetoothDevice = function() {
 Polymer({
   is: 'bluetooth-settings',
 
-  behaviors: [Polymer.NeonAnimatableBehavior],
-
   properties: {
     /**
      * A set of bluetooth devices.

chrome/browser/resources/chromeos/emulator/device_emulator_pages.html

@@ -6,10 +6,7 @@
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-flex-layout-classes.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-selector/iron-selector.html">
-<link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-animated-pages.html">
-<link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/animations/fade-in-animation.html">
-<link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/animations/fade-out-animation.html">
-<link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/web-animations.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/iron-pages/iron-pages.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/shadow.html">
 <link rel="import" href="audio_settings.html">
 <link rel="import" href="battery_settings.html">
@@ -28,12 +25,12 @@
         flex-direction: column;
       }
 
-      neon-animated-pages {
+      iron-pages {
         max-width: 70%;
         min-width: 70%;
       }
 
-      neon-animated-pages > * {
+      iron-pages > * {
         @apply(--shadow-elevation-2dp);
         background-color: white;
         display: block;
@@ -103,15 +100,12 @@
       </div>
     </cr-drawer>
     <div id="container" class="no-outline">
-      <neon-animated-pages  selected="[[selectedPage]]"
-          entry-animation="fade-in-animation"
-          exit-animation="fade-out-animation">
+      <iron-pages selected="[[selectedPage]]">
         <audio-settings id="audioSettings"></audio-settings>
         <battery-settings id="batterySettings"></battery-settings>
         <bluetooth-settings id="bluetoothSettings"></bluetooth-settings>
-        <input-device-settings id="inputDeviceSettings">
-        </input-device-settings>
-      </neon-animated-pages>
+        <input-device-settings id="inputDeviceSettings"></input-device-settings>
+      </iron-pages>
     </div>
   </template>
   <script src="device_emulator_pages.js"></script>

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

@@ -21,7 +21,7 @@ Polymer({
 
   /** @override */
   ready: function() {
-    for (var page of Polymer.dom(this.$$('neon-animated-pages')).children)
+    for (const page of this.$$('iron-pages').children)
       device_emulator[page.id] = page;
 
     chrome.send('initializeDeviceEmulator');

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

@@ -5,8 +5,6 @@
 Polymer({
   is: 'input-device-settings',
 
-  behaviors: [Polymer.NeonAnimatableBehavior],
-
   /**
    * @param {!Event} e
    * Callback when the user toggles the touchpad.