WIP: run clang-format-js on lots of things

chrome/browser/resources/settings/languages_page/languages_page.js

Index: chrome/browser/resources/settings/languages_page/languages_page.js
diff --git a/chrome/browser/resources/settings/languages_page/languages_page.js b/chrome/browser/resources/settings/languages_page/languages_page.js
index ddb97c51bda39913ed8aa29040da634a8a53690a..cffb2dcf6a45535c2e800ec5f39e63f9222bee55 100644
--- a/chrome/browser/resources/settings/languages_page/languages_page.js
+++ b/chrome/browser/resources/settings/languages_page/languages_page.js
@@ -7,338 +7,339 @@
  * for language and input method settings.
  */
 (function() {
-'use strict';
-
-Polymer({
-  is: 'settings-languages-page',
-
-  properties: {
-    /**
-     * Preferences state.
-     */
-    prefs: {
-      type: Object,
-      notify: true,
+  'use strict';
+
+  Polymer({
+    is: 'settings-languages-page',
+
+    properties: {
+      /**
+       * Preferences state.
+       */
+      prefs: {
+        type: Object,
+        notify: true,
+      },
+
+      /**
+       * Read-only reference to the languages model provided by the
+       * 'settings-languages' instance.
+       * @type {!LanguagesModel|undefined}
+       */
+      languages: {
+        type: Object,
+        notify: true,
+      },
+
+      /** @type {!LanguageHelper} */
+      languageHelper: Object,
+
+      /** @private */
+      spellCheckSecondaryText_: {
+        type: String,
+        value: '',
+        computed: 'getSpellCheckSecondaryText_(languages.enabled.*)',
+      },
+
+      /**
+       * The language to display the details for.
+       * @type {!LanguageState|undefined}
+       * @private
+       */
+      detailLanguage_: Object,
+
+      /** @private */
+      showAddLanguagesDialog_: Boolean,
     },
 
     /**
-     * Read-only reference to the languages model provided by the
-     * 'settings-languages' instance.
-     * @type {!LanguagesModel|undefined}
+     * Handler for enabling or disabling spell check.
+     * @param {!{target: Element, model: !{item: !LanguageState}}} e
      */
-    languages: {
-      type: Object,
-      notify: true,
+    onSpellCheckChange_: function(e) {
+      this.languageHelper.toggleSpellCheck(
+          e.model.item.language.code, e.target.checked);
     },
 
-    /** @type {!LanguageHelper} */
-    languageHelper: Object,
-
     /** @private */
-    spellCheckSecondaryText_: {
-      type: String,
-      value: '',
-      computed: 'getSpellCheckSecondaryText_(languages.enabled.*)',
+    onBackTap_: function() {
+      this.$.pages.back();
     },
 
     /**
-     * The language to display the details for.
-     * @type {!LanguageState|undefined}
+     * Stamps and opens the Add Languages dialog, registering a listener to
+     * disable the dialog's dom-if again on close.
+     * @param {!Event} e
      * @private
      */
-    detailLanguage_: Object,
-
-    /** @private */
-    showAddLanguagesDialog_: Boolean,
-  },
+    onAddLanguagesTap_: function(e) {
+      e.preventDefault();
+      this.showAddLanguagesDialog_ = true;
+      this.async(function() {
+        var dialog = this.$$('settings-add-languages-dialog');
+        dialog.addEventListener('close', function() {
+          this.showAddLanguagesDialog_ = false;
+        }.bind(this));
+      });
+    },
 
-  /**
-   * Handler for enabling or disabling spell check.
-   * @param {!{target: Element, model: !{item: !LanguageState}}} e
-   */
-  onSpellCheckChange_: function(e) {
-    this.languageHelper.toggleSpellCheck(e.model.item.language.code,
-                                         e.target.checked);
-  },
-
-  /** @private */
-  onBackTap_: function() {
-    this.$.pages.back();
-  },
-
-  /**
-   * Stamps and opens the Add Languages dialog, registering a listener to
-   * disable the dialog's dom-if again on close.
-   * @param {!Event} e
-   * @private
-   */
-  onAddLanguagesTap_: function(e) {
-    e.preventDefault();
-    this.showAddLanguagesDialog_ = true;
-    this.async(function() {
-      var dialog = this.$$('settings-add-languages-dialog');
-      dialog.addEventListener('close', function() {
-        this.showAddLanguagesDialog_ = false;
-      }.bind(this));
-    });
-  },
-
-  /**
+    /**
    * @param {!LanguageState} language
    * @return {boolean} True if |language| is first in the list of enabled
    *     languages. Used to hide the "Move up" option.
    * @private
    */
-  isFirstLanguage_: function(language) {
-    return language == this.languages.enabled[0];
-  },
+    isFirstLanguage_: function(language) {
+      return language == this.languages.enabled[0];
+    },
 
-  /**
+    /**
    * @param {!LanguageState} language
    * @return {boolean} True if |language| is first or second in the list of
    *     enabled languages. Used to hide the "Move to top" option.
    * @private
    */
-  isFirstOrSecondLanguage_: function(language) {
-    return this.languages.enabled.slice(0, 2).includes(language);
-  },
+    isFirstOrSecondLanguage_: function(language) {
+      return this.languages.enabled.slice(0, 2).includes(language);
+    },
 
-  /**
+    /**
    * @param {!LanguageState} language
    * @return {boolean} True if |language| is last in the list of enabled
    *     languages. Used to hide the "Move down" option.
    * @private
    */
-  isLastLanguage_: function(language) {
-    return language == this.languages.enabled.slice(-1)[0];
-  },
+    isLastLanguage_: function(language) {
+      return language == this.languages.enabled.slice(-1)[0];
+    },
 
-  /**
+    /**
    * @param {!Object} change Polymer change object for languages.enabled.*.
    * @return {boolean} True if there are less than 2 languages.
    */
-  isHelpTextHidden_: function(change) {
-    return this.languages.enabled.length <= 1;
-  },
+    isHelpTextHidden_: function(change) {
+      return this.languages.enabled.length <= 1;
+    },
 
-  /**
+    /**
    * @param {!LanguageState} languageState
    * @param {string} prospectiveUILanguage The chosen UI language.
    * @return {boolean} True if the given language cannot be set as the
    *     prospective UI language by the user.
    * @private
    */
-  disableUILanguageCheckbox_: function(languageState, prospectiveUILanguage) {
-    // UI language setting belongs to the primary user.
-    if (this.isSecondaryUser_())
-      return true;
+    disableUILanguageCheckbox_: function(languageState, prospectiveUILanguage) {
+      // UI language setting belongs to the primary user.
+      if (this.isSecondaryUser_())
+        return true;
 
-    // If the language cannot be a UI language, we can't set it as the
-    // prospective UI language.
-    if (!languageState.language.supportsUI)
-      return true;
+      // If the language cannot be a UI language, we can't set it as the
+      // prospective UI language.
+      if (!languageState.language.supportsUI)
+        return true;
 
-    // Unchecking the currently chosen language doesn't make much sense.
-    if (languageState.language.code == prospectiveUILanguage)
-      return true;
+      // Unchecking the currently chosen language doesn't make much sense.
+      if (languageState.language.code == prospectiveUILanguage)
+        return true;
 
-    // Otherwise, the prospective language can be changed to this language.
-    return false;
-  },
+      // Otherwise, the prospective language can be changed to this language.
+      return false;
+    },
 
-  /**
+    /**
    * @return {boolean} True for a secondary user in a multi-profile session.
    * @private
    */
-  isSecondaryUser_: function() {
-    return cr.isChromeOS && loadTimeData.getBoolean('isSecondaryUser');
-  },
+    isSecondaryUser_: function() {
+      return cr.isChromeOS && loadTimeData.getBoolean('isSecondaryUser');
+    },
 
-  /**
-   * Handler for changes to the UI language checkbox.
-   * @param {!{target: !PaperCheckboxElement}} e
-   * @private
-   */
-  onUILanguageChange_: function(e) {
-    // We don't support unchecking this checkbox. TODO(michaelpg): Ask for a
-    // simpler widget.
-    assert(e.target.checked);
-    this.languageHelper.setProspectiveUILanguage(
-        this.detailLanguage_.language.code);
+    /**
+     * Handler for changes to the UI language checkbox.
+     * @param {!{target: !PaperCheckboxElement}} e
+     * @private
+     */
+    onUILanguageChange_: function(e) {
+      // We don't support unchecking this checkbox. TODO(michaelpg): Ask for a
+      // simpler widget.
+      assert(e.target.checked);
+      this.languageHelper.setProspectiveUILanguage(
+          this.detailLanguage_.language.code);
 
-    /** @type {!CrActionMenuElement} */(this.$.menu.get()).close();
-  },
+      /** @type {!CrActionMenuElement} */ (this.$.menu.get()).close();
+    },
 
-   /**
+    /**
    * @param {!chrome.languageSettingsPrivate.Language} language
    * @param {string} targetLanguageCode The default translate target language.
    * @return {boolean} True if the translate checkbox should be disabled.
    * @private
    */
-  disableTranslateCheckbox_: function(language, targetLanguageCode) {
-    if (!language.supportsTranslate)
-      return true;
+    disableTranslateCheckbox_: function(language, targetLanguageCode) {
+      if (!language.supportsTranslate)
+        return true;
 
-    return this.languageHelper.convertLanguageCodeForTranslate(language.code) ==
-        targetLanguageCode;
-  },
+      return this.languageHelper.convertLanguageCodeForTranslate(
+                 language.code) == targetLanguageCode;
+    },
 
-  /**
-   * Handler for changes to the translate checkbox.
-   * @param {!{target: !PaperCheckboxElement}} e
-   * @private
-   */
-  onTranslateCheckboxChange_: function(e) {
-    if (e.target.checked) {
-      this.languageHelper.enableTranslateLanguage(
-          this.detailLanguage_.language.code);
-    } else {
-      this.languageHelper.disableTranslateLanguage(
-          this.detailLanguage_.language.code);
-    }
-    /** @type {!CrActionMenuElement} */(this.$.menu.get()).close();
-  },
+    /**
+     * Handler for changes to the translate checkbox.
+     * @param {!{target: !PaperCheckboxElement}} e
+     * @private
+     */
+    onTranslateCheckboxChange_: function(e) {
+      if (e.target.checked) {
+        this.languageHelper.enableTranslateLanguage(
+            this.detailLanguage_.language.code);
+      } else {
+        this.languageHelper.disableTranslateLanguage(
+            this.detailLanguage_.language.code);
+      }
+      /** @type {!CrActionMenuElement} */ (this.$.menu.get()).close();
+    },
 
-  /**
+    /**
    * Returns "complex" if the menu includes checkboxes, which should change the
    * spacing of items and show a separator in the menu.
    * @param {boolean} translateEnabled
    * @return {string}
    */
-  getMenuClass_: function(translateEnabled) {
-    if (translateEnabled || cr.isChromeOS || cr.isWindows)
-      return 'complex';
-    return '';
-  },
-
-  /**
-   * Moves the language to the top of the list.
-   * @private
-   */
-  onMoveToTopTap_: function() {
-    /** @type {!CrActionMenuElement} */(this.$.menu.get()).close();
-    this.languageHelper.moveLanguageToFront(this.detailLanguage_.language.code);
-  },
+    getMenuClass_: function(translateEnabled) {
+      if (translateEnabled || cr.isChromeOS || cr.isWindows)
+        return 'complex';
+      return '';
+    },
 
-  /**
-   * Moves the language up in the list.
-   * @private
-   */
-  onMoveUpTap_: function() {
-    /** @type {!CrActionMenuElement} */(this.$.menu.get()).close();
-    this.languageHelper.moveLanguage(this.detailLanguage_.language.code, -1);
-  },
+    /**
+     * Moves the language to the top of the list.
+     * @private
+     */
+    onMoveToTopTap_: function() {
+      /** @type {!CrActionMenuElement} */ (this.$.menu.get()).close();
+      this.languageHelper.moveLanguageToFront(
+          this.detailLanguage_.language.code);
+    },
 
-  /**
-   * Moves the language down in the list.
-   * @private
-   */
-  onMoveDownTap_: function() {
-    /** @type {!CrActionMenuElement} */(this.$.menu.get()).close();
-    this.languageHelper.moveLanguage(this.detailLanguage_.language.code, 1);
-  },
+    /**
+     * Moves the language up in the list.
+     * @private
+     */
+    onMoveUpTap_: function() {
+      /** @type {!CrActionMenuElement} */ (this.$.menu.get()).close();
+      this.languageHelper.moveLanguage(this.detailLanguage_.language.code, -1);
+    },
 
-  /**
-   * Disables the language.
-   * @private
-   */
-  onRemoveLanguageTap_: function() {
-    /** @type {!CrActionMenuElement} */(this.$.menu.get()).close();
-    this.languageHelper.disableLanguage(this.detailLanguage_.language.code);
-  },
+    /**
+     * Moves the language down in the list.
+     * @private
+     */
+    onMoveDownTap_: function() {
+      /** @type {!CrActionMenuElement} */ (this.$.menu.get()).close();
+      this.languageHelper.moveLanguage(this.detailLanguage_.language.code, 1);
+    },
 
-  /**
-   * Opens the Manage Input Methods page.
-   * @private
-   */
-  onManageInputMethodsTap_: function() {
-    assert(cr.isChromeOS);
-    settings.navigateTo(settings.Route.INPUT_METHODS);
-  },
-
-  /**
-   * Handler for tap and <Enter> events on an input method on the main page,
-   * which sets it as the current input method.
-   * @param {!{model: !{item: !chrome.languageSettingsPrivate.InputMethod},
-   *           target: !{tagName: string},
-   *           type: string,
-   *           key: (string|undefined)}} e
-   */
-  onInputMethodTap_: function(e) {
-    assert(cr.isChromeOS);
+    /**
+     * Disables the language.
+     * @private
+     */
+    onRemoveLanguageTap_: function() {
+      /** @type {!CrActionMenuElement} */ (this.$.menu.get()).close();
+      this.languageHelper.disableLanguage(this.detailLanguage_.language.code);
+    },
 
-    // Taps on the paper-icon-button are handled in onInputMethodOptionsTap_.
-    if (e.target.tagName == 'PAPER-ICON-BUTTON')
-      return;
+    /**
+     * Opens the Manage Input Methods page.
+     * @private
+     */
+    onManageInputMethodsTap_: function() {
+      assert(cr.isChromeOS);
+      settings.navigateTo(settings.Route.INPUT_METHODS);
+    },
 
-    // Ignore key presses other than <Enter>.
-    if (e.type == 'keypress' && e.key != 'Enter')
-      return;
+    /**
+     * Handler for tap and <Enter> events on an input method on the main page,
+     * which sets it as the current input method.
+     * @param {!{model: !{item: !chrome.languageSettingsPrivate.InputMethod},
+     *           target: !{tagName: string},
+     *           type: string,
+     *           key: (string|undefined)}} e
+     */
+    onInputMethodTap_: function(e) {
+      assert(cr.isChromeOS);
 
-    // Set the input method.
-    this.languageHelper.setCurrentInputMethod(e.model.item.id);
-  },
+      // Taps on the paper-icon-button are handled in onInputMethodOptionsTap_.
+      if (e.target.tagName == 'PAPER-ICON-BUTTON')
+        return;
 
-  /**
-   * Opens the input method extension's options page in a new tab (or focuses
-   * an existing instance of the IME's options).
-   * @param {!{model: !{item: chrome.languageSettingsPrivate.InputMethod}}} e
-   * @private
-   */
-  onInputMethodOptionsTap_: function(e) {
-    assert(cr.isChromeOS);
-    this.languageHelper.openInputMethodOptions(e.model.item.id);
-  },
+      // Ignore key presses other than <Enter>.
+      if (e.type == 'keypress' && e.key != 'Enter')
+        return;
+
+      // Set the input method.
+      this.languageHelper.setCurrentInputMethod(e.model.item.id);
+    },
+
+    /**
+     * Opens the input method extension's options page in a new tab (or focuses
+     * an existing instance of the IME's options).
+     * @param {!{model: !{item: chrome.languageSettingsPrivate.InputMethod}}} e
+     * @private
+     */
+    onInputMethodOptionsTap_: function(e) {
+      assert(cr.isChromeOS);
+      this.languageHelper.openInputMethodOptions(e.model.item.id);
+    },
 
-  /**
+    /**
    * Returns the secondary text for the spell check subsection based on the
    * enabled spell check languages, listing at most 2 languages.
    * @return {string}
    * @private
    */
-  getSpellCheckSecondaryText_: function() {
-    var enabledSpellCheckLanguages =
-        this.languages.enabled.filter(function(languageState) {
-          return languageState.spellCheckEnabled &&
-                 languageState.language.supportsSpellcheck;
-        });
-    switch (enabledSpellCheckLanguages.length) {
-      case 0:
-        return '';
-      case 1:
-        return enabledSpellCheckLanguages[0].language.displayName;
-      case 2:
-        return loadTimeData.getStringF(
-            'spellCheckSummaryTwoLanguages',
-            enabledSpellCheckLanguages[0].language.displayName,
-            enabledSpellCheckLanguages[1].language.displayName);
-      case 3:
-        // "foo, bar, and 1 other"
-        return loadTimeData.getStringF(
-            'spellCheckSummaryThreeLanguages',
-            enabledSpellCheckLanguages[0].language.displayName,
-            enabledSpellCheckLanguages[1].language.displayName);
-      default:
-        // "foo, bar, and [N-2] others"
-        return loadTimeData.getStringF(
-            'spellCheckSummaryMultipleLanguages',
-            enabledSpellCheckLanguages[0].language.displayName,
-            enabledSpellCheckLanguages[1].language.displayName,
-            (enabledSpellCheckLanguages.length - 2).toLocaleString());
-    }
-  },
-
-  /**
-   * Opens the Custom Dictionary page.
-   * @private
-   */
-  onEditDictionaryTap_: function() {
-    assert(!cr.isMac);
-    settings.navigateTo(settings.Route.EDIT_DICTIONARY);
-    this.forceRenderList_('settings-edit-dictionary-page');
-  },
+    getSpellCheckSecondaryText_: function() {
+      var enabledSpellCheckLanguages =
+          this.languages.enabled.filter(function(languageState) {
+            return languageState.spellCheckEnabled &&
+                languageState.language.supportsSpellcheck;
+          });
+      switch (enabledSpellCheckLanguages.length) {
+        case 0:
+          return '';
+        case 1:
+          return enabledSpellCheckLanguages[0].language.displayName;
+        case 2:
+          return loadTimeData.getStringF(
+              'spellCheckSummaryTwoLanguages',
+              enabledSpellCheckLanguages[0].language.displayName,
+              enabledSpellCheckLanguages[1].language.displayName);
+        case 3:
+          // "foo, bar, and 1 other"
+          return loadTimeData.getStringF(
+              'spellCheckSummaryThreeLanguages',
+              enabledSpellCheckLanguages[0].language.displayName,
+              enabledSpellCheckLanguages[1].language.displayName);
+        default:
+          // "foo, bar, and [N-2] others"
+          return loadTimeData.getStringF(
+              'spellCheckSummaryMultipleLanguages',
+              enabledSpellCheckLanguages[0].language.displayName,
+              enabledSpellCheckLanguages[1].language.displayName,
+              (enabledSpellCheckLanguages.length - 2).toLocaleString());
+      }
+    },
+
+    /**
+     * Opens the Custom Dictionary page.
+     * @private
+     */
+    onEditDictionaryTap_: function() {
+      assert(!cr.isMac);
+      settings.navigateTo(settings.Route.EDIT_DICTIONARY);
+      this.forceRenderList_('settings-edit-dictionary-page');
+    },
 
-  /**
+    /**
    * Checks whether the prospective UI language (the pref that indicates what
    * language to use in Chrome) matches the current language. This pref is used
    * only on Chrome OS and Windows; we don't control the UI language elsewhere.
@@ -348,39 +349,39 @@ Polymer({
    *     pref (which may be different from the actual UI language).
    * @private
    */
-  isProspectiveUILanguage_: function(languageCode, prospectiveUILanguage) {
-    assert(cr.isChromeOS || cr.isWindows);
-    return languageCode == prospectiveUILanguage;
-  },
+    isProspectiveUILanguage_: function(languageCode, prospectiveUILanguage) {
+      assert(cr.isChromeOS || cr.isWindows);
+      return languageCode == prospectiveUILanguage;
+    },
 
-<if expr="chromeos or is_win">
-   /**
+    /* <if expr="chromeos or is_win"> */
+    /**
     * @param {string} prospectiveUILanguage
     * @return {string}
     * @private
     */
-  getProspectiveUILanguageName_: function(prospectiveUILanguage) {
-    return this.languageHelper.getLanguage(prospectiveUILanguage).displayName;
-  },
-</if>
+    getProspectiveUILanguageName_: function(prospectiveUILanguage) {
+      return this.languageHelper.getLanguage(prospectiveUILanguage).displayName;
+    },
+    /* </if> */
 
-  /**
+    /**
    * @return {string}
    * @private
    */
-  getLanguageListTwoLine_: function() {
-    return cr.isChromeOS || cr.isWindows ? 'two-line' : '';
-  },
+    getLanguageListTwoLine_: function() {
+      return cr.isChromeOS || cr.isWindows ? 'two-line' : '';
+    },
 
-  /**
+    /**
    * @return {string}
    * @private
    */
-  getSpellCheckListTwoLine_: function() {
-    return this.spellCheckSecondaryText_.length ? 'two-line' : '';
-  },
+    getSpellCheckListTwoLine_: function() {
+      return this.spellCheckSecondaryText_.length ? 'two-line' : '';
+    },
 
-  /**
+    /**
    * Returns either the "selected" class, if the language matches the
    * prospective UI language, or an empty string. Languages can only be
    * selected on Chrome OS and Windows.
@@ -389,137 +390,140 @@ Polymer({
    * @return {string} The class name for the language item.
    * @private
    */
-  getLanguageItemClass_: function(languageCode, prospectiveUILanguage) {
-    if ((cr.isChromeOS || cr.isWindows) &&
-        languageCode == prospectiveUILanguage) {
-      return 'selected';
-    }
-    return '';
-  },
-
-   /**
+    getLanguageItemClass_: function(languageCode, prospectiveUILanguage) {
+      if ((cr.isChromeOS || cr.isWindows) &&
+          languageCode == prospectiveUILanguage) {
+        return 'selected';
+      }
+      return '';
+    },
+
+    /**
    * @param {string} languageCode The language code identifying a language.
    * @param {string} prospectiveUILanguage The prospective UI language.
    * @return {boolean} True if the prospective UI language is set to
    *     |languageCode| but requires a restart to take effect.
    * @private
    */
-  isRestartRequired_: function(languageCode, prospectiveUILanguage) {
-    return prospectiveUILanguage == languageCode &&
-        this.languageHelper.requiresRestart();
-  },
+    isRestartRequired_: function(languageCode, prospectiveUILanguage) {
+      return prospectiveUILanguage == languageCode &&
+          this.languageHelper.requiresRestart();
+    },
 
-  /**
+    /**
    * @param {string} id The input method ID.
    * @param {string} currentId The ID of the currently enabled input method.
    * @return {boolean} True if the IDs match.
    * @private
    */
-  isCurrentInputMethod_: function(id, currentId) {
-    assert(cr.isChromeOS);
-    return id == currentId;
-  },
+    isCurrentInputMethod_: function(id, currentId) {
+      assert(cr.isChromeOS);
+      return id == currentId;
+    },
 
-  /**
+    /**
    * @param {string} id The input method ID.
    * @param {string} currentId The ID of the currently enabled input method.
    * @return {string} The class for the input method item.
    * @private
    */
-  getInputMethodItemClass_: function(id, currentId) {
-    assert(cr.isChromeOS);
-    return this.isCurrentInputMethod_(id, currentId) ? 'selected' : '';
-  },
-
-  getInputMethodName_: function(id) {
-    assert(cr.isChromeOS);
-    var inputMethod = this.languages.inputMethods.enabled.find(
-        function(inputMethod) {
-          return inputMethod.id == id;
-        });
-    return inputMethod ? inputMethod.displayName : '';
-  },
-
-  /**
-   * HACK(michaelpg): This is necessary to show the list when navigating to
-   * the sub-page. Remove this function when PolymerElements/neon-animation#60
-   * is fixed.
-   * @param {string} tagName Name of the element containing the <iron-list>.
-   */
-  forceRenderList_: function(tagName) {
-    this.$$(tagName).$$('iron-list').fire('iron-resize');
-  },
+    getInputMethodItemClass_: function(id, currentId) {
+      assert(cr.isChromeOS);
+      return this.isCurrentInputMethod_(id, currentId) ? 'selected' : '';
+    },
 
-  /**
-   * @param {!Event} e
-   * @private
-   */
-  onDotsTap_: function(e) {
-    // Set a copy of the LanguageState object since it is not data-bound to the
-    // languages model directly.
-    this.detailLanguage_ = /** @type {!LanguageState} */(Object.assign(
-        {},
-        /** @type {!{model: !{item: !LanguageState}}} */(e).model.item));
-
-    // Ensure the template has been stamped.
-    var menu = /** @type {?CrActionMenuElement} */(
-        this.$.menu.getIfExists());
-    if (!menu) {
-      menu = /** @type {!CrActionMenuElement} */(this.$.menu.get());
-      this.initializeMenu_(menu);
-    }
-
-    menu.showAt(/** @type {!Element} */ (e.target));
-  },
-
-  /**
-   * Applies Chrome OS session tweaks to the menu.
-   * @param {!CrActionMenuElement} menu
-   * @private
-   */
-  initializeMenu_: function(menu) {
-    // In a CrOS multi-user session, the primary user controls the UI language.
-    // TODO(michaelpg): The language selection should not be hidden, but should
-    // show a policy indicator. crbug.com/648498
-    if (this.isSecondaryUser_())
-      menu.querySelector('#uiLanguageItem').hidden = true;
-
-    // The UI language choice doesn't persist for guests.
-    if (cr.isChromeOS &&
-        (uiAccountTweaks.UIAccountTweaks.loggedInAsGuest() ||
-         uiAccountTweaks.UIAccountTweaks.loggedInAsPublicAccount())) {
-      menu.querySelector('#uiLanguageItem').hidden = true;
-    }
-  },
-
-  /**
-   * Handler for the restart button.
-   * @private
-   */
-  onRestartTap_: function() {
-<if expr="chromeos">
-    settings.LifetimeBrowserProxyImpl.getInstance().signOutAndRestart();
-</if>
-<if expr="not chromeos">
-    settings.LifetimeBrowserProxyImpl.getInstance().restart();
-</if>
-  },
-
-  /**
-   * Toggles the expand button within the element being listened to.
-   * @param {!Event} e
-   * @private
-   */
-  toggleExpandButton_: function(e) {
-    // The expand button handles toggling itself.
-    var expandButtonTag = 'CR-EXPAND-BUTTON';
-    if (e.target.tagName == expandButtonTag)
-      return;
-
-    /** @type {!CrExpandButtonElement} */
-    var expandButton = e.currentTarget.querySelector(expandButtonTag);
-    assert(expandButton);
-    expandButton.expanded = !expandButton.expanded;
-  },
-});
+    getInputMethodName_: function(id) {
+      assert(cr.isChromeOS);
+      var inputMethod =
+          this.languages.inputMethods.enabled.find(function(inputMethod) {
+            return inputMethod.id == id;
+          });
+      return inputMethod ? inputMethod.displayName : '';
+    },
+
+    /**
+     * HACK(michaelpg): This is necessary to show the list when navigating to
+     * the sub-page. Remove this function when PolymerElements/neon-animation#60
+     * is fixed.
+     * @param {string} tagName Name of the element containing the <iron-list>.
+     */
+    forceRenderList_: function(tagName) {
+      this.$$(tagName).$$('iron-list').fire('iron-resize');
+    },
+
+    /**
+     * @param {!Event} e
+     * @private
+     */
+    onDotsTap_: function(e) {
+      // Set a copy of the LanguageState object since it is not data-bound to
+      // the
+      // languages model directly.
+      this.detailLanguage_ = /** @type {!LanguageState} */ (Object.assign(
+          {},
+          /** @type {!{model: !{item: !LanguageState}}} */ (e).model.item));
+
+      // Ensure the template has been stamped.
+      var menu =
+          /** @type {?CrActionMenuElement} */ (this.$.menu.getIfExists());
+      if (!menu) {
+        menu = /** @type {!CrActionMenuElement} */ (this.$.menu.get());
+        this.initializeMenu_(menu);
+      }
+
+      menu.showAt(/** @type {!Element} */ (e.target));
+    },
+
+    /**
+     * Applies Chrome OS session tweaks to the menu.
+     * @param {!CrActionMenuElement} menu
+     * @private
+     */
+    initializeMenu_: function(menu) {
+      // In a CrOS multi-user session, the primary user controls the UI
+      // language.
+      // TODO(michaelpg): The language selection should not be hidden, but
+      // should
+      // show a policy indicator. crbug.com/648498
+      if (this.isSecondaryUser_())
+        menu.querySelector('#uiLanguageItem').hidden = true;
+
+      // The UI language choice doesn't persist for guests.
+      if (cr.isChromeOS &&
+          (uiAccountTweaks.UIAccountTweaks.loggedInAsGuest() ||
+           uiAccountTweaks.UIAccountTweaks.loggedInAsPublicAccount())) {
+        menu.querySelector('#uiLanguageItem').hidden = true;
+      }
+    },
+
+    /**
+     * Handler for the restart button.
+     * @private
+     */
+    onRestartTap_: function() {
+      /* <if expr="chromeos"> */
+      settings.LifetimeBrowserProxyImpl.getInstance().signOutAndRestart();
+      /* </if> */
+      /* <if expr="not chromeos"> */
+      settings.LifetimeBrowserProxyImpl.getInstance().restart();
+      /* </if> */
+    },
+
+    /**
+     * Toggles the expand button within the element being listened to.
+     * @param {!Event} e
+     * @private
+     */
+    toggleExpandButton_: function(e) {
+      // The expand button handles toggling itself.
+      var expandButtonTag = 'CR-EXPAND-BUTTON';
+      if (e.target.tagName == expandButtonTag)
+        return;
+
+      /** @type {!CrExpandButtonElement} */
+      var expandButton = e.currentTarget.querySelector(expandButtonTag);
+      assert(expandButton);
+      expandButton.expanded = !expandButton.expanded;
+    },
+  });
 })();