DevTools: namespace globals

third_party/WebKit/Source/devtools/front_end/ui/UIUtils.js

 /*
  * Copyright (C) 2011 Google Inc.  All rights reserved.
  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2007 Matt Lilek (pewtermoose@gmail.com).
  * Copyright (C) 2009 Joseph Pecoraro
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
@@ skipping 1212 matching lines @@
 };
 
 /**
  * @param {string} localName
  * @param {string} typeExtension
  * @param {!Object} prototype
  * @return {function()}
  * @suppressGlobalPropertiesCheck
  * @template T
  */
-function registerCustomElement(localName, typeExtension, prototype) {
+UI.registerCustomElement = function(localName, typeExtension, prototype) {
   return document.registerElement(typeExtension, {prototype: Object.create(prototype), extends: localName});
-}
+};
 
 /**
  * @param {string} text
  * @param {function(!Event)=} clickHandler
  * @param {string=} className
  * @param {string=} title
  * @return {!Element}
  */
-function createTextButton(text, clickHandler, className, title) {
+UI.createTextButton = function(text, clickHandler, className, title) {
   var element = createElementWithClass('button', className || '', 'text-button');
   element.textContent = text;
   if (clickHandler)
     element.addEventListener('click', clickHandler, false);
   if (title)
     element.title = title;
   return element;
-}
+};
 
 /**
  * @param {string} name
  * @param {string} title
  * @param {boolean=} checked
  * @return {!Element}
  */
-function createRadioLabel(name, title, checked) {
+UI.createRadioLabel = function(name, title, checked) {
   var element = createElement('label', 'dt-radio');
   element.radioElement.name = name;
   element.radioElement.checked = !!checked;
   element.createTextChild(title);
   return element;
-}
+};
 
 /**
  * @param {string} title
  * @param {string} iconClass
  * @return {!Element}
  */
-function createLabel(title, iconClass) {
+UI.createLabel = function(title, iconClass) {
   var element = createElement('label', 'dt-icon-label');
   element.createChild('span').textContent = title;
   element.type = iconClass;
   return element;
-}
+};
 
 /**
  * @param {string=} title
  * @param {boolean=} checked
  * @param {string=} subtitle
  * @return {!Element}
  */
-function createCheckboxLabel(title, checked, subtitle) {
+UI.createCheckboxLabel = function(title, checked, subtitle) {
   var element = createElement('label', 'dt-checkbox');
   element.checkboxElement.checked = !!checked;
   if (title !== undefined) {
     element.textElement = element.createChild('div', 'dt-checkbox-text');
     element.textElement.textContent = title;
     if (subtitle !== undefined) {
       element.subtitleElement = element.textElement.createChild('div', 'dt-checkbox-subtitle');
       element.subtitleElement.textContent = subtitle;
     }
   }
   return element;
-}
+};
 
 /**
  * @return {!Element}
  * @param {number} min
  * @param {number} max
  * @param {number} tabIndex
  */
-function createSliderLabel(min, max, tabIndex) {
+UI.createSliderLabel = function(min, max, tabIndex) {
   var element = createElement('label', 'dt-slider');
   element.sliderElement.min = min;
   element.sliderElement.max = max;
   element.sliderElement.step = 1;
   element.sliderElement.tabIndex = tabIndex;
   return element;
-}
+};
 
 /**
  * @param {!Node} node
  * @param {string} cssFile
  * @suppressGlobalPropertiesCheck
  */
 UI.appendStyle = function(node, cssFile) {
   var content = Runtime.cachedResources[cssFile] || '';
   if (!content)
     console.error(cssFile + ' not preloaded. Check module.json');
   var styleElement = createElement('style');
   styleElement.type = 'text/css';
   styleElement.textContent = content;
   node.appendChild(styleElement);
 
   var themeStyleSheet = UI.themeSupport.themeStyleSheet(cssFile, content);
   if (themeStyleSheet) {
     styleElement = createElement('style');
     styleElement.type = 'text/css';
     styleElement.textContent = themeStyleSheet + '\n' + Runtime.resolveSourceURL(cssFile + '.theme');
     node.appendChild(styleElement);
   }
 };
 
 (function() {
-  registerCustomElement('button', 'text-button', {
+  UI.registerCustomElement('button', 'text-button', {
     /**
      * @this {Element}
      */
     createdCallback: function() {
       this.type = 'button';
       var root = UI.createShadowRootWithCoreStyles(this, 'ui/textButton.css');
       root.createChild('content');
     },
 
     __proto__: HTMLButtonElement.prototype
   });
 
-  registerCustomElement('label', 'dt-radio', {
+  UI.registerCustomElement('label', 'dt-radio', {
     /**
      * @this {Element}
      */
     createdCallback: function() {
       this.radioElement = this.createChild('input', 'dt-radio-button');
       this.radioElement.type = 'radio';
       var root = UI.createShadowRootWithCoreStyles(this, 'ui/radioButton.css');
       root.createChild('content').select = '.dt-radio-button';
       root.createChild('content');
       this.addEventListener('click', radioClickHandler, false);
     },
 
     __proto__: HTMLLabelElement.prototype
   });
 
   /**
    * @param {!Event} event
    * @suppressReceiverCheck
    * @this {Element}
    */
   function radioClickHandler(event) {
     if (this.radioElement.checked || this.radioElement.disabled)
       return;
     this.radioElement.checked = true;
     this.radioElement.dispatchEvent(new Event('change'));
   }
 
-  registerCustomElement('label', 'dt-checkbox', {
+  UI.registerCustomElement('label', 'dt-checkbox', {
     /**
      * @this {Element}
      */
     createdCallback: function() {
       this._root = UI.createShadowRootWithCoreStyles(this, 'ui/checkboxTextLabel.css');
       var checkboxElement = createElementWithClass('input', 'dt-checkbox-button');
       checkboxElement.type = 'checkbox';
       this._root.appendChild(checkboxElement);
       this.checkboxElement = checkboxElement;
 
@@ skipping 46 matching lines @@
      * @param {boolean} focus
      * @this {Element}
      */
     set visualizeFocus(focus) {
       this.checkboxElement.classList.toggle('dt-checkbox-visualize-focus', focus);
     },
 
     __proto__: HTMLLabelElement.prototype
   });
 
-  registerCustomElement('label', 'dt-icon-label', {
+  UI.registerCustomElement('label', 'dt-icon-label', {
     /**
      * @this {Element}
      */
     createdCallback: function() {
       var root = UI.createShadowRootWithCoreStyles(this);
       this._iconElement = UI.Icon.create();
       this._iconElement.style.setProperty('margin-right', '4px');
       root.appendChild(this._iconElement);
       root.createChild('content');
     },
 
     /**
      * @param {string} type
      * @this {Element}
      */
     set type(type) {
       this._iconElement.setIconType(type);
     },
 
     __proto__: HTMLLabelElement.prototype
   });
 
-  registerCustomElement('label', 'dt-slider', {
+  UI.registerCustomElement('label', 'dt-slider', {
     /**
      * @this {Element}
      */
     createdCallback: function() {
       var root = UI.createShadowRootWithCoreStyles(this, 'ui/slider.css');
       this.sliderElement = createElementWithClass('input', 'dt-range-input');
       this.sliderElement.type = 'range';
       root.appendChild(this.sliderElement);
     },
 
     /**
      * @param {number} amount
      * @this {Element}
      */
     set value(amount) {
       this.sliderElement.value = amount;
     },
 
     /**
      * @this {Element}
      */
     get value() {
       return this.sliderElement.value;
     },
 
     __proto__: HTMLLabelElement.prototype
   });
 
-  registerCustomElement('label', 'dt-small-bubble', {
+  UI.registerCustomElement('label', 'dt-small-bubble', {
     /**
      * @this {Element}
      */
     createdCallback: function() {
       var root = UI.createShadowRootWithCoreStyles(this, 'ui/smallBubble.css');
       this._textElement = root.createChild('div');
       this._textElement.className = 'info';
       this._textElement.createChild('content');
     },
 
     /**
      * @param {string} type
      * @this {Element}
      */
     set type(type) {
       this._textElement.className = type;
     },
 
     __proto__: HTMLLabelElement.prototype
   });
 
-  registerCustomElement('div', 'dt-close-button', {
+  UI.registerCustomElement('div', 'dt-close-button', {
     /**
      * @this {Element}
      */
     createdCallback: function() {
       var root = UI.createShadowRootWithCoreStyles(this, 'ui/closeButton.css');
       this._buttonElement = root.createChild('div', 'close-button');
     },
 
     /**
      * @param {boolean} gray
@@ skipping 477 matching lines @@
   return new Promise(fulfill => {
     var image = new Image();
     image.addEventListener('load', () => fulfill(image));
     image.addEventListener('error', () => fulfill(null));
     image.src = url;
   });
 };
 
 /** @type {!UI.ThemeSupport} */
 UI.themeSupport;