[DevTools] Migrate checkbox label to a proper web component

third_party/WebKit/Source/devtools/front_end/components/DOMBreakpointsSidebarPane.js

 /*
  * 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:
  *
  *     * 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 168 matching lines @@
    * @param {!SDK.DOMNode} node
    * @param {!Protocol.DOMDebugger.DOMBreakpointType} type
    * @param {boolean} enabled
    */
   _createBreakpointElement(node, type, enabled) {
     var element = createElement('li');
     element._node = node;
     element._type = type;
     element.addEventListener('contextmenu', this._contextMenu.bind(this, node, type), true);
 
-    var checkboxLabel = UI.createCheckboxLabel('', enabled);
+    var checkboxLabel = UI.CheckboxLabel.create('', enabled);
     var checkboxElement = checkboxLabel.checkboxElement;
     checkboxElement.addEventListener('click', this._checkboxClicked.bind(this, node, type), false);
     element._checkboxElement = checkboxElement;
     element.appendChild(checkboxLabel);
 
     var labelElement = createElementWithClass('div', 'dom-breakpoint');
     element.appendChild(labelElement);
 
     var linkifiedNode = Components.DOMPresentationUtils.linkifyNodeReference(node);
     linkifiedNode.classList.add('monospace');
@@ skipping 204 matching lines @@
     var pane = Components.domBreakpointsSidebarPane;
     if (pane.element.parentNode !== this.element)
       pane.show(this.element);
   }
 };
 
 /**
  * @type {!Components.DOMBreakpointsSidebarPane}
  */
 Components.domBreakpointsSidebarPane;