DevTools: Make labeled checkbox a web component

Source/devtools/front_end/ui/SearchableView.js

 /*
  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2007 Matt Lilek (pewtermoose@gmail.com).
  * Copyright (C) 2009 Joseph Pecoraro
  * 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:
  *
@@ skipping 105 matching lines @@
     this._prevButtonElement.tabIndex = -1;
     this._prevButtonElement.addEventListener("click", this._onPreviousClick.bind(this), false);
 
     this._replaceAllButtonElement = this._secondRowElement.createChild("td").createChild("button", "search-action-button");
     this._replaceAllButtonElement.textContent = WebInspector.UIString("Replace All");
     this._replaceAllButtonElement.addEventListener("click", this._replaceAll.bind(this), false);
 
     // Column 4
     this._replaceElement = this._firstRowElement.createChild("td").createChild("span");
 
-    this._replaceCheckboxElement = this._replaceElement.createChild("input");
-    this._replaceCheckboxElement.type = "checkbox";
+    this._replaceLabelElement = createCheckboxLabel(WebInspector.UIString("Replace"));
+    this._replaceCheckboxElement = this._replaceLabelElement.checkboxElement;
     this._uniqueId = ++WebInspector.SearchableView._lastUniqueId;
     var replaceCheckboxId = "search-replace-trigger" + this._uniqueId;
     this._replaceCheckboxElement.id = replaceCheckboxId;
     this._replaceCheckboxElement.addEventListener("change", this._updateSecondRowVisibility.bind(this), false);
 
-    this._replaceLabelElement = this._replaceElement.createChild("label");
-    this._replaceLabelElement.textContent = WebInspector.UIString("Replace");
-    this._replaceLabelElement.setAttribute("for", replaceCheckboxId);
+    this._replaceElement.appendChild(this._replaceLabelElement);
 
     // Column 5
     var cancelButtonElement = this._firstRowElement.createChild("td").createChild("button", "search-action-button");
     cancelButtonElement.textContent = WebInspector.UIString("Cancel");
     cancelButtonElement.tabIndex = -1;
     cancelButtonElement.addEventListener("click", this.closeSearch.bind(this), false);
     this._minimalSearchQuerySize = 3;
 
     this._registerShortcuts();
     this._loadSetting();
@@ skipping 550 matching lines @@
  * @param {string} query
  * @param {boolean} caseSensitive
  * @param {boolean} isRegex
  */
 WebInspector.SearchableView.SearchConfig = function(query, caseSensitive, isRegex)
 {
     this.query = query;
     this.caseSensitive = caseSensitive;
     this.isRegex = isRegex;
 }