DevTools: Use TextPrompt for FilterBar instead of input element

third_party/WebKit/Source/devtools/front_end/ui/TextPrompt.js

 /*
  * Copyright (C) 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2011 Google Inc.  All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
  * 1.  Redistributions of source code must retain the above copyright
  *     notice, this list of conditions and the following disclaimer.
@@ skipping 178 matching lines @@
 
   /**
    * @param {string} title
    */
   setTitle(title) {
     this._title = title;
     if (this._proxyElement)
       this._proxyElement.title = title;
   }
 
+  /**
+   * @param {string} placeholder
+   */
+  setPlaceholder(placeholder) {
+    this._element.setAttribute('data-placeholder', placeholder);
+  }
+
   _removeFromElement() {
     this.clearAutocomplete();
     this._element.removeEventListener('keydown', this._boundOnKeyDown, false);
     this._element.removeEventListener('input', this._boundOnInput, false);
     this._element.removeEventListener('selectstart', this._boundClearAutocomplete, false);
     this._element.removeEventListener('blur', this._boundClearAutocomplete, false);
     this._element.ownerDocument.defaultView.removeEventListener('resize', this._boundClearAutocomplete, false);
     if (this._isEditing)
       this._stopEditing();
     if (this._suggestBox)
@@ skipping 101 matching lines @@
     var result = false;
     if (this._isSuggestBoxVisible())
       result = this._suggestBox.acceptSuggestion();
     if (!result)
       result = this._acceptSuggestionInternal();
 
     return result;
   }
 
   clearAutocomplete() {
+    var beforeText = this.textWithCurrentSuggestion();
+
     if (this._isSuggestBoxVisible())
       this._suggestBox.hide();
     this._clearAutocompleteTimeout();
     this._queryRange = null;
     this._refreshGhostText();
+
+    if (beforeText !== this.textWithCurrentSuggestion())
+      this.dispatchEventToListeners(UI.TextPrompt.Events.ItemApplied);
   }
 
   _refreshGhostText() {
     if (this._queryRange && this._isCaretAtEndOfPrompt() &&
         this._currentSuggestion.startsWith(this.text().substring(this._queryRange.startColumn))) {
       this._ghostTextElement.textContent =
           this._currentSuggestion.substring(this._queryRange.endColumn - this._queryRange.startColumn);
       this._element.appendChild(this._ghostTextElement);
     } else {
       this._ghostTextElement.remove();
@@ skipping 288 matching lines @@
   }
 };
 
 UI.TextPrompt.DefaultAutocompletionTimeout = 250;
 
 /** @enum {symbol} */
 UI.TextPrompt.Events = {
   ItemApplied: Symbol('text-prompt-item-applied'),
   ItemAccepted: Symbol('text-prompt-item-accepted')
 };