Files app: Compile custom elements.

ui/file_manager/audio_player/elements/control_panel.js

 // Copyright 2014 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.
 
+/**
+ * @typedef {?{
+ *   mute: string,
+ *   next: string,
+ *   pause: string,
+ *   play: string,
+ *   playList: string,
+ *   previous: string,
+ *   repeat: string,
+ *   seekSlider: string,
+ *   shuffle: string,
+ *   unmute: string,
+ *   volume: string,
+ *   volumeSlider: string,
+ * }}
+ */
+var AriaLabels;
+
 (function() {
   'use strict';
 
   /**
    * Moves |target| element above |anchor| element, in order to match the
    * bottom lines.
    * @param {HTMLElement} target Target element.
    * @param {HTMLElement} anchor Anchor element.
    */
   function matchBottomLine(target, anchor) {
@@ skipping 97 matching lines @@
       dragging: {
         type: Boolean,
         value: false,
         notify: true
       },
 
       /**
        * Dictionary which contains aria-labels for each controls.
        */
       ariaLabels: {
         type: Object,

[oka, 2016/12/26 10:33:12]

Why don't you update Obejct to AriaLabels?
Then you can remove L300. Or add TODO to do so.

[fukino, 2016/12/26 11:32:22]

Done. Adding annotation for ariaLabels worked. Thanks!

         observer: 'ariaLabelsChanged_'
       }
     },
 
     /**
      * Initializes an element. This method is called automatically when the
      * element is ready.
      */
     ready: function() {
       var timeSlider = /** @type {PaperSliderElement} */ (this.$.timeSlider);
@@ skipping 139 matching lines @@
     /**
      * Invoked when the volume property is changed.
      * @param {number} volume
      * @private
      */
     volumeChanged_: function(volume) {
       if (!this.$.volumeSlider.dragging)
         this.$.volumeSlider.value = volume;
 
       if (this.ariaLabels) {
+        this.ariaLabels = /** @type {!AriaLabels} */ (this.ariaLabels);
         this.$.volumeButton.setAttribute('aria-label',
             volume !== 0 ? this.ariaLabels.mute : this.ariaLabels.unmute);
       }
     },
 
     /**
      * Invoked when the ariaLabels property is changed.
      * @param {Object} ariaLabels
      * @private
      */
     ariaLabelsChanged_: function(ariaLabels) {
       assert(ariaLabels);
+      ariaLabels = /** @type {!AriaLabels} */ (ariaLabels);
       // TODO(fukino): Use data bindings.
       this.$.volumeSlider.setAttribute('aria-label', ariaLabels.volumeSlider);
       this.$.shuffle.setAttribute('aria-label', ariaLabels.shuffle);
       this.$.repeat.setAttribute('aria-label', ariaLabels.repeat);
       this.$.previous.setAttribute('aria-label', ariaLabels.previous);
       this.$.play.setAttribute('aria-label',
           this.playing ? ariaLabels.pause : ariaLabels.play);
       this.$.next.setAttribute('aria-label', ariaLabels.next);
       this.$.volumeButton.setAttribute('aria-label', ariaLabels.volume);
       this.$.playList.setAttribute('aria-label', ariaLabels.playList);
       this.$.timeSlider.setAttribute('aria-label', ariaLabels.seekSlider);
       this.$.volumeButton.setAttribute('aria-label',
           this.volume !== 0 ? ariaLabels.mute : ariaLabels.unmute);
       this.$.volumeSlider.setAttribute('aria-label', ariaLabels.volumeSlider);
     },
   });
 })();  // Anonymous closure