DevTools: rename WebInspector into modules.

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

 /*
  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2007 Matt Lilek (pewtermoose@gmail.com).
  * Copyright (C) 2009 Joseph Pecoraro
  * 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:
  *
@@ skipping 14 matching lines @@
  * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
  * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
  * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
  * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  */
 
 /**
  * @unrestricted
  */
-WebInspector.SearchableView = class extends WebInspector.VBox {
+UI.SearchableView = class extends UI.VBox {
   /**
-   * @param {!WebInspector.Searchable} searchable
+   * @param {!UI.Searchable} searchable
    * @param {string=} settingName
    */
   constructor(searchable, settingName) {
     super(true);
     this.registerRequiredCSS('ui/searchableView.css');
-    this.element[WebInspector.SearchableView._symbol] = this;
+    this.element[UI.SearchableView._symbol] = this;
 
     this._searchProvider = searchable;
-    this._setting = settingName ? WebInspector.settings.createSetting(settingName, {}) : null;
+    this._setting = settingName ? Common.settings.createSetting(settingName, {}) : null;
 
     this.contentElement.createChild('content');
     this._footerElementContainer = this.contentElement.createChild('div', 'search-bar hidden');
     this._footerElementContainer.style.order = 100;
 
-    var toolbar = new WebInspector.Toolbar('search-toolbar', this._footerElementContainer);
+    var toolbar = new UI.Toolbar('search-toolbar', this._footerElementContainer);
 
     if (this._searchProvider.supportsCaseSensitiveSearch()) {
-      this._caseSensitiveButton = new WebInspector.ToolbarToggle(WebInspector.UIString('Case sensitive'), '');
+      this._caseSensitiveButton = new UI.ToolbarToggle(Common.UIString('Case sensitive'), '');
       this._caseSensitiveButton.setText('Aa');
       this._caseSensitiveButton.addEventListener('click', this._toggleCaseSensitiveSearch, this);
       toolbar.appendToolbarItem(this._caseSensitiveButton);
     }
 
     if (this._searchProvider.supportsRegexSearch()) {
-      this._regexButton = new WebInspector.ToolbarToggle(WebInspector.UIString('Regex'), '');
+      this._regexButton = new UI.ToolbarToggle(Common.UIString('Regex'), '');
       this._regexButton.setText('.*');
       this._regexButton.addEventListener('click', this._toggleRegexSearch, this);
       toolbar.appendToolbarItem(this._regexButton);
     }
 
     this._footerElement = this._footerElementContainer.createChild('table', 'toolbar-search');
     this._footerElement.cellSpacing = 0;
 
     this._firstRowElement = this._footerElement.createChild('tr');
     this._secondRowElement = this._footerElement.createChild('tr', 'hidden');
 
     // Column 1
     var searchControlElementColumn = this._firstRowElement.createChild('td');
     this._searchControlElement = searchControlElementColumn.createChild('span', 'toolbar-search-control');
 
-    this._searchInputElement = WebInspector.HistoryInput.create();
+    this._searchInputElement = UI.HistoryInput.create();
     this._searchInputElement.classList.add('search-replace');
     this._searchControlElement.appendChild(this._searchInputElement);
 
     this._searchInputElement.id = 'search-input-field';
-    this._searchInputElement.placeholder = WebInspector.UIString('Find');
+    this._searchInputElement.placeholder = Common.UIString('Find');
 
     this._matchesElement = this._searchControlElement.createChild('label', 'search-results-matches');
     this._matchesElement.setAttribute('for', 'search-input-field');
 
     this._searchNavigationElement = this._searchControlElement.createChild('div', 'toolbar-search-navigation-controls');
 
     this._searchNavigationPrevElement =
         this._searchNavigationElement.createChild('div', 'toolbar-search-navigation toolbar-search-navigation-prev');
     this._searchNavigationPrevElement.addEventListener('click', this._onPrevButtonSearch.bind(this), false);
-    this._searchNavigationPrevElement.title = WebInspector.UIString('Search Previous');
+    this._searchNavigationPrevElement.title = Common.UIString('Search Previous');
 
     this._searchNavigationNextElement =
         this._searchNavigationElement.createChild('div', 'toolbar-search-navigation toolbar-search-navigation-next');
     this._searchNavigationNextElement.addEventListener('click', this._onNextButtonSearch.bind(this), false);
-    this._searchNavigationNextElement.title = WebInspector.UIString('Search Next');
+    this._searchNavigationNextElement.title = Common.UIString('Search Next');
 
     this._searchInputElement.addEventListener('keydown', this._onSearchKeyDown.bind(this), true);
     this._searchInputElement.addEventListener('input', this._onInput.bind(this), false);
 
     this._replaceInputElement =
         this._secondRowElement.createChild('td').createChild('input', 'search-replace toolbar-replace-control');
     this._replaceInputElement.addEventListener('keydown', this._onReplaceKeyDown.bind(this), true);
-    this._replaceInputElement.placeholder = WebInspector.UIString('Replace');
+    this._replaceInputElement.placeholder = Common.UIString('Replace');
 
     // Column 2
     this._findButtonElement =
         this._firstRowElement.createChild('td').createChild('button', 'search-action-button hidden');
-    this._findButtonElement.textContent = WebInspector.UIString('Find');
+    this._findButtonElement.textContent = Common.UIString('Find');
     this._findButtonElement.tabIndex = -1;
     this._findButtonElement.addEventListener('click', this._onFindClick.bind(this), false);
 
     this._replaceButtonElement = this._secondRowElement.createChild('td').createChild('button', 'search-action-button');
-    this._replaceButtonElement.textContent = WebInspector.UIString('Replace');
+    this._replaceButtonElement.textContent = Common.UIString('Replace');
     this._replaceButtonElement.disabled = true;
     this._replaceButtonElement.tabIndex = -1;
     this._replaceButtonElement.addEventListener('click', this._replace.bind(this), false);
 
     // Column 3
     this._prevButtonElement =
         this._firstRowElement.createChild('td').createChild('button', 'search-action-button hidden');
-    this._prevButtonElement.textContent = WebInspector.UIString('Previous');
+    this._prevButtonElement.textContent = Common.UIString('Previous');
     this._prevButtonElement.tabIndex = -1;
     this._prevButtonElement.addEventListener('click', this._onPreviousClick.bind(this), false);
 
     this._replaceAllButtonElement =
         this._secondRowElement.createChild('td').createChild('button', 'search-action-button');
-    this._replaceAllButtonElement.textContent = WebInspector.UIString('Replace All');
+    this._replaceAllButtonElement.textContent = Common.UIString('Replace All');
     this._replaceAllButtonElement.addEventListener('click', this._replaceAll.bind(this), false);
 
     // Column 4
     this._replaceElement = this._firstRowElement.createChild('td').createChild('span');
 
-    this._replaceLabelElement = createCheckboxLabel(WebInspector.UIString('Replace'));
+    this._replaceLabelElement = createCheckboxLabel(Common.UIString('Replace'));
     this._replaceCheckboxElement = this._replaceLabelElement.checkboxElement;
-    this._uniqueId = ++WebInspector.SearchableView._lastUniqueId;
+    this._uniqueId = ++UI.SearchableView._lastUniqueId;
     var replaceCheckboxId = 'search-replace-trigger' + this._uniqueId;
     this._replaceCheckboxElement.id = replaceCheckboxId;
     this._replaceCheckboxElement.addEventListener('change', this._updateSecondRowVisibility.bind(this), false);
 
     this._replaceElement.appendChild(this._replaceLabelElement);
 
     // Column 5
     var cancelButtonElement = this._firstRowElement.createChild('td').createChild('button', 'search-action-button');
-    cancelButtonElement.textContent = WebInspector.UIString('Cancel');
+    cancelButtonElement.textContent = Common.UIString('Cancel');
     cancelButtonElement.tabIndex = -1;
     cancelButtonElement.addEventListener('click', this.closeSearch.bind(this), false);
     this._minimalSearchQuerySize = 3;
 
     this._loadSetting();
   }
 
   /**
    * @param {?Element} element
-   * @return {?WebInspector.SearchableView}
+   * @return {?UI.SearchableView}
    */
   static fromElement(element) {
     var view = null;
     while (element && !view) {
-      view = element[WebInspector.SearchableView._symbol];
+      view = element[UI.SearchableView._symbol];
       element = element.parentElementOrShadowHost();
     }
     return view;
   }
 
   _toggleCaseSensitiveSearch() {
     this._caseSensitiveButton.setToggled(!this._caseSensitiveButton.toggled());
     this._saveSetting();
     this._performSearch(false, true);
   }
@@ skipping 149 matching lines @@
   }
 
   /**
    * @param {number} matches
    * @param {number} currentMatchIndex
    */
   _updateSearchMatchesCountAndCurrentMatchIndex(matches, currentMatchIndex) {
     if (!this._currentQuery)
       this._matchesElement.textContent = '';
     else if (matches === 0 || currentMatchIndex >= 0)
-      this._matchesElement.textContent = WebInspector.UIString('%d of %d', currentMatchIndex + 1, matches);
+      this._matchesElement.textContent = Common.UIString('%d of %d', currentMatchIndex + 1, matches);
     else if (matches === 1)
-      this._matchesElement.textContent = WebInspector.UIString('1 match');
+      this._matchesElement.textContent = Common.UIString('1 match');
     else
-      this._matchesElement.textContent = WebInspector.UIString('%d matches', matches);
+      this._matchesElement.textContent = Common.UIString('%d matches', matches);
     this._updateSearchNavigationButtonState(matches > 0);
   }
 
   showSearchField() {
     if (this._searchIsVisible)
       this.cancelSearch();
 
     var queryCandidate;
     if (!this._searchInputElement.hasFocus()) {
       var selection = this._searchInputElement.getComponentSelection();
@@ skipping 110 matching lines @@
     }
 
     this._currentQuery = query;
     this._searchProvider.currentQuery = query;
 
     var searchConfig = this._currentSearchConfig();
     this._searchProvider.performSearch(searchConfig, shouldJump, jumpBackwards);
   }
 
   /**
-   * @return {!WebInspector.SearchableView.SearchConfig}
+   * @return {!UI.SearchableView.SearchConfig}
    */
   _currentSearchConfig() {
     var query = this._searchInputElement.value;
     var caseSensitive = this._caseSensitiveButton ? this._caseSensitiveButton.toggled() : false;
     var isRegex = this._regexButton ? this._regexButton.toggled() : false;
-    return new WebInspector.SearchableView.SearchConfig(query, caseSensitive, isRegex);
+    return new UI.SearchableView.SearchConfig(query, caseSensitive, isRegex);
   }
 
   _updateSecondRowVisibility() {
     var secondRowVisible = this._replaceCheckboxElement.checked;
     this._footerElementContainer.classList.toggle('replaceable', secondRowVisible);
     this._footerElement.classList.toggle('toolbar-search-replace', secondRowVisible);
     this._secondRowElement.classList.toggle('hidden', !secondRowVisible);
     this._prevButtonElement.classList.toggle('hidden', !secondRowVisible);
     this._findButtonElement.classList.toggle('hidden', !secondRowVisible);
     this._replaceCheckboxElement.tabIndex = secondRowVisible ? -1 : 0;
 
     if (secondRowVisible)
       this._replaceInputElement.focus();
     else
       this._searchInputElement.focus();
     this.doResize();
   }
 
   _replace() {
     var searchConfig = this._currentSearchConfig();
-    /** @type {!WebInspector.Replaceable} */ (this._searchProvider)
+    /** @type {!UI.Replaceable} */ (this._searchProvider)
         .replaceSelectionWith(searchConfig, this._replaceInputElement.value);
     delete this._currentQuery;
     this._performSearch(true, true);
   }
 
   _replaceAll() {
     var searchConfig = this._currentSearchConfig();
-    /** @type {!WebInspector.Replaceable} */ (this._searchProvider)
+    /** @type {!UI.Replaceable} */ (this._searchProvider)
         .replaceAllWith(searchConfig, this._replaceInputElement.value);
   }
 
   /**
    * @param {!Event} event
    */
   _onInput(event) {
     if (this._valueChangedTimeoutId)
       clearTimeout(this._valueChangedTimeoutId);
     var timeout = this._searchInputElement.value.length < 3 ? 200 : 0;
     this._valueChangedTimeoutId = setTimeout(this._onValueChanged.bind(this), timeout);
   }
 
   _onValueChanged() {
     if (!this._searchIsVisible)
       return;
     delete this._valueChangedTimeoutId;
     this._performSearch(false, true);
   }
 };
 
-WebInspector.SearchableView._lastUniqueId = 0;
+UI.SearchableView._lastUniqueId = 0;
 
-WebInspector.SearchableView._symbol = Symbol('searchableView');
+UI.SearchableView._symbol = Symbol('searchableView');
 
 
 /**
  * @interface
  */
-WebInspector.Searchable = function() {};
+UI.Searchable = function() {};
 
-WebInspector.Searchable.prototype = {
+UI.Searchable.prototype = {
   searchCanceled: function() {},
 
   /**
-   * @param {!WebInspector.SearchableView.SearchConfig} searchConfig
+   * @param {!UI.SearchableView.SearchConfig} searchConfig
    * @param {boolean} shouldJump
    * @param {boolean=} jumpBackwards
    */
   performSearch: function(searchConfig, shouldJump, jumpBackwards) {},
 
   jumpToNextSearchResult: function() {},
 
   jumpToPreviousSearchResult: function() {},
 
   /**
    * @return {boolean}
    */
   supportsCaseSensitiveSearch: function() {},
 
   /**
    * @return {boolean}
    */
   supportsRegexSearch: function() {}
 };
 
 /**
  * @interface
  */
-WebInspector.Replaceable = function() {};
+UI.Replaceable = function() {};
 
-WebInspector.Replaceable.prototype = {
+UI.Replaceable.prototype = {
   /**
-   * @param {!WebInspector.SearchableView.SearchConfig} searchConfig
+   * @param {!UI.SearchableView.SearchConfig} searchConfig
    * @param {string} replacement
    */
   replaceSelectionWith: function(searchConfig, replacement) {},
 
   /**
-   * @param {!WebInspector.SearchableView.SearchConfig} searchConfig
+   * @param {!UI.SearchableView.SearchConfig} searchConfig
    * @param {string} replacement
    */
   replaceAllWith: function(searchConfig, replacement) {}
 };
 
 /**
  * @unrestricted
  */
-WebInspector.SearchableView.SearchConfig = class {
+UI.SearchableView.SearchConfig = class {
   /**
    * @param {string} query
    * @param {boolean} caseSensitive
    * @param {boolean} isRegex
    */
   constructor(query, caseSensitive, isRegex) {
     this.query = query;
     this.caseSensitive = caseSensitive;
     this.isRegex = isRegex;
   }
@@ skipping 20 matching lines @@
       // Silent catch.
     }
 
     // Otherwise just do a plain text search.
     if (!regex)
       regex = createPlainTextSearchRegex(query, modifiers);
 
     return regex;
   }
 };