[DevTools] Continue GlassPane refactoring.

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 35 matching lines @@
 };
 
 /**
  * @implements {UI.ListDelegate}
  */
 UI.SuggestBox = class {
   /**
    * @param {!UI.SuggestBoxDelegate} suggestBoxDelegate
    * @param {number=} maxItemsHeight
    * @param {boolean=} captureEnter
-   * @suppressGlobalPropertiesCheck
    */
   constructor(suggestBoxDelegate, maxItemsHeight, captureEnter) {
     this._suggestBoxDelegate = suggestBoxDelegate;
     this._maxItemsHeight = maxItemsHeight;
     this._captureEnter = captureEnter;
     this._rowHeight = 17;
     this._userInteracted = 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);
 
-    // TODO(dgozman): take document in constructor.
-    this._glassPane =
-        new UI.GlassPane(document, false /* dimmed */, false /* blockPointerEvents */, this.hide.bind(this));
+    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);
   }
 
   /**
    * @return {boolean}
    */
   visible() {
-    return this._glassPane.visible();
+    return this._glassPane.isShowing();
   }
 
   /**
    * @param {!AnchorBox} anchorBox
    */
   setPosition(anchorBox) {
     this._glassPane.setContentAnchorBox(anchorBox);
   }
 
   /**
@@ skipping 20 matching lines @@
       var length = (items[i].title || items[i].text).length + (items[i].subtitle || '').length;
       if (length > maxLength) {
         maxLength = length;
         maxItem = items[i];
       }
     }
     var element = this.createElementForItem(/** @type {!UI.SuggestBox.Suggestion} */ (maxItem));
     return Math.min(kMaxWidth, UI.measurePreferredSize(element, this._element).width);
   }
 
+  /**
+   * @suppressGlobalPropertiesCheck
+   */
   _show() {
     if (this.visible())
       return;
-    this._glassPane.show();
+    // TODO(dgozman): take document as a parameter.
+    this._glassPane.showGlassPane(document);
     this._rowHeight =
         UI.measurePreferredSize(this.createElementForItem({text: '1', subtitle: '12'}), this._element).height;
   }
 
   hide() {
     if (!this.visible())
       return;
     this._userInteracted = false;
-    this._glassPane.hide();
+    this._glassPane.hideGlassPane();
   }
 
   /**
    * @param {boolean=} isIntermediateSuggestion
    * @return {boolean}
    */
   _applySuggestion(isIntermediateSuggestion) {
     if (this._onlyCompletion) {
       this._suggestBoxDelegate.applySuggestion(this._onlyCompletion, isIntermediateSuggestion);
       return true;
@@ skipping 207 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;