DevTools: Make labeled checkbox a web component

Source/devtools/front_end/ui/StatusBar.js

Index: Source/devtools/front_end/ui/StatusBar.js
diff --git a/Source/devtools/front_end/ui/StatusBar.js b/Source/devtools/front_end/ui/StatusBar.js
index d285433976233c88d6d4ae8f41f3dbc637fafe3b..9e8b72f6122a7fb943692ff4469ab361fcfe2b4d 100644
--- a/Source/devtools/front_end/ui/StatusBar.js
+++ b/Source/devtools/front_end/ui/StatusBar.js
@@ -755,10 +755,9 @@ WebInspector.StatusBarComboBox.prototype = {
  */
 WebInspector.StatusBarCheckbox = function(text, title, setting)
 {
-    WebInspector.StatusBarItem.call(this, createElementWithClass("label", "checkbox"));
-    this.inputElement = this.element.createChild("input");
-    this.inputElement.type = "checkbox";
-    this.element.createTextChild(text);
+    WebInspector.StatusBarItem.call(this, createCheckboxLabel(text));
+    this.element.classList.add("checkbox");
+    this.inputElement = this.element.checkboxElement;
     if (title)
         this.element.title = title;
     if (setting)