[DevTools] Migrate checkbox label to a proper web component

third_party/WebKit/Source/devtools/front_end/sources/JavaScriptBreakpointsSidebarPane.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}
  * @unrestricted
  */
 Sources.JavaScriptBreakpointsSidebarPane = class extends UI.ThrottledWidget {
   constructor() {
     super(true);
@@ skipping 48 matching lines @@
         null;
 
     var shouldShowView = false;
     var entry = this._listElement.firstChild;
     var promises = [];
     for (var descriptor of locationForEntry.keysArray()) {
       if (!entry) {
         entry = this._listElement.createChild('div', 'breakpoint-entry');
         entry.addEventListener('contextmenu', this._breakpointContextMenu.bind(this), true);
         entry.addEventListener('click', this._revealLocation.bind(this), false);
-        var checkboxLabel = UI.createCheckboxLabel('');
+        var checkboxLabel = UI.CheckboxLabel.create('');
         checkboxLabel.addEventListener('click', this._breakpointCheckboxClicked.bind(this), false);
         entry.appendChild(checkboxLabel);
         entry[Sources.JavaScriptBreakpointsSidebarPane._checkboxLabelSymbol] = checkboxLabel;
         var snippetElement = entry.createChild('div', 'source-text monospace');
         entry[Sources.JavaScriptBreakpointsSidebarPane._snippetElementSymbol] = snippetElement;
       }
 
       var locations = Array.from(locationForEntry.get(descriptor));
       var uiLocation = locations[0].uiLocation;
       var isSelected =
@@ skipping 139 matching lines @@
     this.update();
   }
 
   _didUpdateForTest() {
   }
 };
 
 Sources.JavaScriptBreakpointsSidebarPane._locationSymbol = Symbol('location');
 Sources.JavaScriptBreakpointsSidebarPane._checkboxLabelSymbol = Symbol('checkbox-label');
 Sources.JavaScriptBreakpointsSidebarPane._snippetElementSymbol = Symbol('snippet-element');