DevTools: Make labeled checkbox a web component

Source/devtools/front_end/ui/SettingsUI.js

 /*
  * Copyright (C) 2014 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:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 16 matching lines @@
  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
  * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  */
 
 WebInspector.SettingsUI = {}
 
 /**
  * @param {string} name
  * @param {!WebInspector.Setting} setting
  * @param {boolean=} omitParagraphElement
- * @param {!Element=} inputElement
  * @param {string=} tooltip
  * @return {!Element}
  */
-WebInspector.SettingsUI.createSettingCheckbox = function(name, setting, omitParagraphElement, inputElement, tooltip)
+WebInspector.SettingsUI.createSettingCheckbox = function(name, setting, omitParagraphElement, tooltip)
 {
-    var input = inputElement || createElement("input");
-    input.type = "checkbox";
+    var label = createCheckboxLabel(name);
+    if (tooltip)
+        label.title = tooltip;
+
+    var input = label.checkboxElement;
     input.name = name;
     WebInspector.SettingsUI.bindCheckbox(input, setting);
 
-    var label = createElement("label");
-    label.appendChild(input);
-    label.createTextChild(name);
-    if (tooltip)
-        label.title = tooltip;
-
     if (omitParagraphElement)
         return label;
 
     var p = createElement("p");
     p.appendChild(label);
     return p;
 }
 
 /**
  * @param {!Element} input
@@ skipping 221 matching lines @@
 
 WebInspector.UISettingDelegate.prototype = {
     /**
      * @return {?Element}
      */
     settingElement: function()
     {
         return null;
     }
 }