[DevTools] Migrate checkbox label to a proper web component

third_party/WebKit/Source/devtools/front_end/sources/XHRBreakpointsSidebarPane.js

 // Copyright (c) 2015 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 /**
  * @implements {UI.ContextFlavorListener}
  * @implements {SDK.TargetManager.Observer}
  * @implements {UI.ToolbarItem.ItemsProvider}
  * @unrestricted
  */
 Sources.XHRBreakpointsSidebarPane = class extends Components.BreakpointsSidebarPaneBase {
@@ skipping 81 matching lines @@
     if (this._breakpointElements.has(url)) {
       this._breakpointElements.get(url)._checkboxElement.checked = enabled;
       return;
     }
 
     var element = createElement('li');
     element._url = url;
     element.addEventListener('contextmenu', this._contextMenu.bind(this, url), true);
 
     var title = url ? Common.UIString('URL contains "%s"', url) : Common.UIString('Any XHR');
-    var label = UI.createCheckboxLabel(title, enabled);
+    var label = UI.CheckboxLabel.create(title, enabled);
     element.appendChild(label);
     label.checkboxElement.addEventListener('click', this._checkboxClicked.bind(this, url), false);
     element._checkboxElement = label.checkboxElement;
 
     label.classList.add('cursor-auto');
     label.textElement.addEventListener('dblclick', this._labelClicked.bind(this, url), false);
 
     var currentElement = /** @type {?Element} */ (this.listElement.firstChild);
     while (currentElement) {
       if (currentElement._url && currentElement._url < element._url)
@@ skipping 132 matching lines @@
    */
   _restoreBreakpoints(target) {
     var breakpoints = this._xhrBreakpointsSetting.get();
     for (var i = 0; i < breakpoints.length; ++i) {
       var breakpoint = breakpoints[i];
       if (breakpoint && typeof breakpoint.url === 'string')
         this._setBreakpoint(breakpoint.url, breakpoint.enabled, target);
     }
   }
 };