DevTools: Make labeled checkbox a web component

Source/devtools/front_end/ui/FilterBar.js

Index: Source/devtools/front_end/ui/FilterBar.js
diff --git a/Source/devtools/front_end/ui/FilterBar.js b/Source/devtools/front_end/ui/FilterBar.js
index dde1db957d097989934a771864a96da1a633b3e3..96bfb60a1add7f8ff8ac4e7e811e29717cf8008a 100644
--- a/Source/devtools/front_end/ui/FilterBar.js
+++ b/Source/devtools/front_end/ui/FilterBar.js
@@ -223,14 +223,13 @@ WebInspector.TextFilterUI = function(supportRegex)
 
     if (this._supportRegex) {
         this._filterElement.classList.add("supports-regex");
-        this._regexCheckBox = this._filterElement.createChild("input");
-        this._regexCheckBox.type = "checkbox";
+        var label = createCheckboxLabel(WebInspector.UIString("Regex"));
+        this._regexCheckBox = label.checkboxElement;
         this._regexCheckBox.id = "text-filter-regex";
         this._regexCheckBox.addEventListener("change", this._onInput.bind(this), false);
+        this._filterElement.appendChild(label);
 
-        this._regexLabel = this._filterElement.createChild("label");
-        this._regexLabel.htmlFor = "text-filter-regex";
-        this._regexLabel.textContent = WebInspector.UIString("Regex");
+        this._regexLabel = this._filterElement.textElement;
     }
 }