[CUPS] Implelment Manufacturer and Model Dialog.

chrome/browser/resources/settings/printing_page/cups_add_printer_dialog_util.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.
 
 /** 'add-printers-list' is the list of discovered printers. */
 Polymer({
   is: 'add-printer-list',
 
   properties: {
     /** @type {!Array<!CupsPrinterInfo>} */
@@ skipping 11 matching lines @@
 
   /**
    * @param {{model:Object}} event
    * @private
    */
   onSelect_: function(event) {
     this.selectedPrinter = event.model.item;
   },
 });
 
+/** 'drop-down-search-box' implements a search box with suggestions dropdown. */
+Polymer({
+  is: 'drop-down-search-box',
+
+  properties: {
+    /** @type {!Array<string>} */
+    items: {
+      type: Array,
+    },
+
+    /** @type {string} */
+    selectedItem: {
+      type: String,
+      notify: true,
+    },
+
+    /** @private {string} */
+    searchTerm_: String,
+  },
+
+  /** @private */
+  ready: function() {
+    this.$$('input').value = this.selectedItem;
+  },
+
+  /**
+   * @param {Event} event
+   * @private
+   */
+  onTap_: function(event) {
+    this.$$('iron-dropdown').open();
+    this.$.searchIcon.hidden = false;
+    this.$.dropdownIcon.hidden = true;
+    // Prevent the closing of the dropdown menu.
+    event.stopPropagation();
+  },
+
+  /** @private */
+  onInputValueChanged_: function() {
+    this.searchTerm_ = this.$$('input').value;
+  },
+
+  /**
+   * @param {{model:Object}} event
+   * @private
+   */
+  onSelect_: function(event) {
+    this.$$('iron-dropdown').close();
+    this.$.searchIcon.hidden = true;
+    this.$.dropdownIcon.hidden = false;
+
+    this.selectedItem = event.model.item;
+    this.searchTerm_ = '';
+    this.$$('input').value = this.selectedItem;
+  },
+
+  /** @private */
+  onBlur_: function() {
+    this.$.searchIcon.hidden = true;
+    this.$.dropdownIcon.hidden = false;
+  },
+
+  /** @private */
+  filterItems_: function(searchTerm) {
+    if (!searchTerm)
+      return null;
+    return function(item) {
+      return item.toLowerCase().includes(searchTerm.toLowerCase());
+    };
+  },
+});
+
 /** 'add-printer-dialog' is the template of the Add Printer dialog. */
 Polymer({
   is: 'add-printer-dialog',
 
   /** @private */
   attached: function() {
     this.$.dialog.showModal();
   },
 
   close: function() {
     this.$.dialog.close();
   },
 });