DevTools: Make labeled checkbox a web component

Source/devtools/front_end/sources/AdvancedSearchView.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.VBox}
  */
 WebInspector.AdvancedSearchView = function()
 {
@@ skipping 10 matching lines @@
     this._searchResultsElement = this.contentElement.createChild("div");
     this._searchResultsElement.className = "search-results";
 
     this._search = this._searchPanelElement.createChild("input");
     this._search.placeholder = WebInspector.UIString("Search sources");
     this._search.setAttribute("type", "text");
     this._search.classList.add("search-config-search");
     this._search.setAttribute("results", "0");
     this._search.setAttribute("size", 30);
 
-    this._ignoreCaseLabel = this._searchPanelElement.createChild("label");
+    this._ignoreCaseLabel = createCheckboxLabel(WebInspector.UIString("Ignore case"));
     this._ignoreCaseLabel.classList.add("search-config-label");
-    this._ignoreCaseCheckbox = this._ignoreCaseLabel.createChild("input");
-    this._ignoreCaseCheckbox.setAttribute("type", "checkbox");
+    this._searchPanelElement.appendChild(this._ignoreCaseLabel);
+    this._ignoreCaseCheckbox = this._ignoreCaseLabel.checkboxElement;
     this._ignoreCaseCheckbox.classList.add("search-config-checkbox");
-    this._ignoreCaseLabel.createTextChild(WebInspector.UIString("Ignore case"));
 
-    this._regexLabel = this._searchPanelElement.createChild("label");
+    this._regexLabel = createCheckboxLabel(WebInspector.UIString("Regular expression"));
     this._regexLabel.classList.add("search-config-label");
-    this._regexCheckbox = this._regexLabel.createChild("input");
-    this._regexCheckbox.setAttribute("type", "checkbox");
+    this._searchPanelElement.appendChild(this._regexLabel);
+    this._regexCheckbox = this._regexLabel.checkboxElement;
     this._regexCheckbox.classList.add("search-config-checkbox");
-    this._regexLabel.createTextChild(WebInspector.UIString("Regular expression"));
 
     this._searchStatusBarElement = this.contentElement.createChild("div", "search-status-bar-summary");
     this._searchMessageElement = this._searchStatusBarElement.createChild("div", "search-message");
     this._searchProgressPlaceholderElement = this._searchStatusBarElement.createChild("div", "flex-centered");
     this._searchStatusBarElement.createChild("div", "search-message-spacer");
     this._searchResultsMessageElement = this._searchStatusBarElement.createChild("div", "search-message");
 
     WebInspector.settings.advancedSearchConfig = WebInspector.settings.createSetting("advancedSearchConfig", new WebInspector.SearchConfig("", true, false).toPlainObject());
     this._load();
     WebInspector.AdvancedSearchView._instance = this;
@@ skipping 360 matching lines @@
     performIndexing: function(progress, callback) { },
 
     stopSearch: function() { },
 
     /**
      * @param {!WebInspector.ProjectSearchConfig} searchConfig
      * @return {!WebInspector.SearchResultsPane}
      */
     createSearchResultsPane: function(searchConfig) { }
 }