DevTools: initial console suggestion should be greyed out

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

 /*
  * Copyright (C) 2013 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:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 42 matching lines @@
    * @param {!UI.SuggestBoxDelegate} suggestBoxDelegate
    * @param {number=} maxItemsHeight
    * @param {boolean=} captureEnter
    */
   constructor(suggestBoxDelegate, maxItemsHeight, captureEnter) {
     this._suggestBoxDelegate = suggestBoxDelegate;
     this._maxItemsHeight = maxItemsHeight;
     this._captureEnter = captureEnter;
     this._rowHeight = 17;
     this._userInteracted = false;
+    this._userInteractionStyling = false;
     this._userEnteredText = '';
     /** @type {?string} */
     this._onlyCompletion = null;
 
     /** @type {!UI.ListControl<!UI.SuggestBox.Suggestion>} */
     this._list = new UI.ListControl(this, UI.ListMode.EqualHeightItems);
     this._element = this._list.element;
     this._element.classList.add('suggest-box');
     this._element.addEventListener('mousedown', event => event.preventDefault(), true);
 
     this._glassPane = new UI.GlassPane();
     this._glassPane.setAnchorBehavior(UI.GlassPane.AnchorBehavior.PreferBottom);
     this._glassPane.setSetOutsideClickCallback(this.hide.bind(this));
     var shadowRoot = UI.createShadowRootWithCoreStyles(this._glassPane.contentElement, 'ui/suggestBox.css');
     shadowRoot.appendChild(this._element);
   }
 
   /**
+   * @param {boolean} value
+   */
+  setUserInteractionStyling(value) {
+    this._userInteractionStyling = value;

[dgozman, 2017/03/11 00:00:24]

Drop it.

[lushnikov, 2017/03/11 00:09:59]

Done.

+    this._element.classList.toggle('enable-interaction-styling', value);
+  }
+
+  /**
+   * @param {boolean} value
+   */
+  _setUserInteracted(value) {
+    this._userInteracted = value;
+    this._element.classList.toggle('user-has-interacted', value);
+  }
+
+  /**
    * @return {boolean}
    */
   visible() {
     return this._glassPane.isShowing();
   }
 
   /**
    * @param {!AnchorBox} anchorBox
    */
   setPosition(anchorBox) {
@@ skipping 39 matching lines @@
       return;
     // TODO(dgozman): take document as a parameter.
     this._glassPane.show(document);
     this._rowHeight =
         UI.measurePreferredSize(this.createElementForItem({text: '1', subtitle: '12'}), this._element).height;
   }
 
   hide() {
     if (!this.visible())
       return;
-    this._userInteracted = false;
+    this._setUserInteracted(false);
     this._glassPane.hide();
   }
 
   /**
    * @param {boolean=} isIntermediateSuggestion
    * @return {boolean}
    */
   _applySuggestion(isIntermediateSuggestion) {
     if (this._onlyCompletion) {
       this._suggestBoxDelegate.applySuggestion(this._onlyCompletion, isIntermediateSuggestion);
@@ skipping 51 matching lines @@
       titleElement.createChild('span', 'query').textContent = displayText.substring(index, index + query.length);
     titleElement.createChild('span').textContent = displayText.substring(index > -1 ? index + query.length : 0);
     titleElement.createChild('span', 'spacer');
     if (item.subtitle) {
       var subtitleElement = element.createChild('span', 'suggestion-subtitle');
       subtitleElement.textContent = item.subtitle.trimEnd(maxTextLength - displayText.length);
     }
 
     element.addEventListener('click', event => {
       this._list.selectItem(item);
-      this._userInteracted = true;
+      this._setUserInteracted(true);
       event.consume(true);
       this.acceptSuggestion();
     });
     return element;
   }
 
   /**
    * @override
    * @param {!UI.SuggestBox.Suggestion} item
    * @return {number}
@@ skipping 105 matching lines @@
       case 'PageUp':
         selected = this._list.selectItemPreviousPage(false);
         break;
       case 'PageDown':
         selected = this._list.selectItemNextPage(false);
         break;
       default:
         return false;
     }
     if (selected) {
-      this._userInteracted = true;
+      this._setUserInteracted(true);
       return true;
     }
     return false;
   }
 
   /**
    * @return {boolean}
    */
   enterKeyPressed() {
     if (!this._userInteracted && this._captureEnter)
@@ skipping 10 matching lines @@
 
 /**
  * @typedef {!{text: string, subtitle: (string|undefined), iconType: (string|undefined), priority: (number|undefined), isSecondary: (boolean|undefined), title: (string|undefined)}}
  */
 UI.SuggestBox.Suggestion;
 
 /**
  * @typedef {!Array<!UI.SuggestBox.Suggestion>}
  */
 UI.SuggestBox.Suggestions;