MD Settings: Enable to search "Add languages" list.

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

 // Copyright 2016 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.
 
 /**
  * @fileoverview 'settings-add-languages-dialog' is a dialog for enabling
  * languages.
  */
 Polymer({
   is: 'settings-add-languages-dialog',
@@ skipping 12 matching lines @@
     languagesToAdd_: {
       type: Object,
       value: function() { return new Set(); },
     },
 
     /** @private */
     disableActionButton_: {
       type: Boolean,
       value: true,
     },
+
+    /** @private */
+    filterValue_: {
+      type: String,
+      value: '',
+    },
   },
 
   attached: function() {
     this.$.dialog.showModal();
 
     // Prevent flashing the Cancel button's focus state.
     this.$$('.cancel-button').blur();
     setTimeout(this.afterShown_.bind(this));
   },
 
   /**
    * Re-initializes the dialog after it is shown.
    * @private
    */
   afterShown_: function() {
     // Only fire iron-resize after the list displayed to prevent flickering.
     this.$$('iron-list').fire('iron-resize');
 
     // Focus the top checkbox, assuming there are languages left to enable.
     var firstCheckbox = this.$$('iron-list paper-checkbox');
     if (firstCheckbox)
       firstCheckbox.focus();
   },
 
   /**
-   * Returns the supported languages that are not yet enabled, based on
+   * Returns the supported languages that are not yet enabled
+   * and matching with filter keyword, based on
    * the LanguageHelper's enabled languages list.
    * @param {!Array<!chrome.languageSettingsPrivate.Language>}
    *     supportedLanguages
    * @param {!Object} enabledLanguagesChange Polymer change record for
    *     |enabledLanguages|.
+   * @param {string} filterValue Keyword to filter languages in
+   *     supported languages.
    * @return {!Array<!chrome.languageSettingsPrivate.Language>}
    * @private
    */
-  getAvailableLanguages_: function(supportedLanguages, enabledLanguagesChange) {
+  getAvailableLanguages_: function(supportedLanguages,
+                                   enabledLanguagesChange,
+                                   filterValue) {
     return supportedLanguages.filter(function(language) {
-      return !this.languageHelper.isLanguageEnabled(language.code);
+      var isAvailableLanguage =
+          !this.languageHelper.isLanguageEnabled(language.code);
+      if (!filterValue) {
+        return isAvailableLanguage;
+      } else {
+        return isAvailableLanguage &&
+          language.displayName
+                  .toLowerCase().includes(filterValue.toLowerCase());
+      }
     }.bind(this));
   },
 
   /**
    * True if the user has chosen to add this language (checked its checkbox).
    * @return {boolean}
    * @private
    */
   willAdd_: function(languageCode) {
     return this.languagesToAdd_.has(languageCode);
@@ skipping 28 matching lines @@
    * Enables the checked languages.
    * @private
    */
   onActionButtonTap_: function() {
     this.$.dialog.close();
     this.languagesToAdd_.forEach(function(language) {
       this.languageHelper.enableLanguage(language);
     }.bind(this));
   },
 });