[DevTools] Migrate checkbox label to a proper web component

third_party/WebKit/Source/devtools/front_end/main/RenderingOptions.js

 /*
  * Copyright (C) 2013 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 50 matching lines @@
             'Highlights elements (teal) that can slow down scrolling, including touch & wheel event handlers and other main-thread scrolling situations.'),
         setterName: 'setShowScrollBottleneckRects'
       }
     ];
     for (var i = 0; i < options.length; i++)
       this._appendCheckbox(options[i].label, options[i].setterName, options[i].subtitle);
 
     this.contentElement.createChild('div').classList.add('panel-section-separator');
 
     var cssMediaSubtitle = Common.UIString('Forces media type for testing print and screen styles');
-    var checkboxLabel = UI.createCheckboxLabel(Common.UIString('Emulate CSS Media'), false, cssMediaSubtitle);
+    var checkboxLabel = UI.CheckboxLabel.create(Common.UIString('Emulate CSS Media'), false, cssMediaSubtitle);
     this._mediaCheckbox = checkboxLabel.checkboxElement;
     this._mediaCheckbox.addEventListener('click', this._mediaToggled.bind(this), false);
     this.contentElement.appendChild(checkboxLabel);
 
     var mediaRow = this.contentElement.createChild('div', 'media-row');
     this._mediaSelect = mediaRow.createChild('select', 'chrome-select');
     this._mediaSelect.appendChild(new Option(Common.UIString('print'), 'print'));
     this._mediaSelect.appendChild(new Option(Common.UIString('screen'), 'screen'));
     this._mediaSelect.addEventListener('change', this._mediaToggled.bind(this), false);
     this._mediaSelect.disabled = true;
 
     SDK.targetManager.observeTargets(this, SDK.Target.Capability.Browser);
   }
 
   /**
    * @return {!Main.RenderingOptionsView}
    */
   static instance() {
     if (!Main.RenderingOptionsView._instanceObject)
       Main.RenderingOptionsView._instanceObject = new Main.RenderingOptionsView();
     return Main.RenderingOptionsView._instanceObject;
   }
 
   /**
    * @param {string} label
    * @param {string} setterName
    * @param {string=} subtitle
    */
   _appendCheckbox(label, setterName, subtitle) {
-    var checkboxLabel = UI.createCheckboxLabel(label, false, subtitle);
+    var checkboxLabel = UI.CheckboxLabel.create(label, false, subtitle);
     this._settings.set(setterName, checkboxLabel.checkboxElement);
     checkboxLabel.checkboxElement.addEventListener('click', this._settingToggled.bind(this, setterName));
     this.contentElement.appendChild(checkboxLabel);
   }
 
   /**
    * @param {string} setterName
    */
   _settingToggled(setterName) {
     var enabled = this._settings.get(setterName).checked;
@@ skipping 31 matching lines @@
       cssModel.mediaQueryResultChanged();
   }
 
   /**
    * @override
    * @param {!SDK.Target} target
    */
   targetRemoved(target) {
   }
 };