[DevTools] Migrate FileBasedSearchResultsPane to TreeOutlineInShadow.

third_party/WebKit/Source/devtools/front_end/sources/FileBasedSearchResultsPane.js

 // Copyright 2014 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.
 
 /**
  * @constructor
  * @extends {WebInspector.SearchResultsPane}
  * @param {!WebInspector.ProjectSearchConfig} searchConfig
  */
 WebInspector.FileBasedSearchResultsPane = function(searchConfig)
 {
     WebInspector.SearchResultsPane.call(this, searchConfig);
 
     this._searchResults = [];
-
-    this.element.id = "search-results-pane-file-based";
-    this._treeOutline = new TreeOutline();
-    this._treeOutline.element.classList.add("search-results-outline-disclosure");
+    this._treeOutline = new TreeOutlineInShadow();
+    this._treeOutline.registerRequiredCSS("sources/fileBasedSearchResultsPane.css");
     this.element.appendChild(this._treeOutline.element);
 
     this._matchesExpandedCount = 0;
 }
 
 WebInspector.FileBasedSearchResultsPane.matchesExpandedByDefaultCount = 20;
 WebInspector.FileBasedSearchResultsPane.fileMatchesShownAtOnce = 20;
 
 WebInspector.FileBasedSearchResultsPane.prototype = {
     /**
@@ skipping 191 matching lines @@
      */
     _showMoreMatchesElementSelected: function(startMatchIndex)
     {
         this.removeChild(this._showMoreMatchesTreeElement);
         this._appendSearchMatches(startMatchIndex, this._searchResult.searchMatches.length);
         return false;
     },
 
     __proto__: TreeElement.prototype
 }