DevTools: reformat front-end code to match chromium style.

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

 /*
  * Copyright (C) IBM Corp. 2009  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
  * copyright notice, this list of conditions and the following disclaimer
  * in the documentation and/or other materials provided with the
  * distribution.
  *     * Neither the name of IBM Corp. nor the names of its
  * contributors may be used to endorse or promote products derived from
  * this software without specific prior written permission.
  *
  * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
  * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
  * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
  * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
  * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
  * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (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.
  */
-
 /**
- * @constructor
- * @extends {WebInspector.ThrottledWidget}
  * @implements {WebInspector.ActionDelegate}
  * @implements {WebInspector.ToolbarItem.ItemsProvider}
  * @implements {WebInspector.ContextMenu.Provider}
+ * @unrestricted
  */
-WebInspector.WatchExpressionsSidebarPane = function()
-{
-    WebInspector.ThrottledWidget.call(this);
-    this.registerRequiredCSS("components/objectValue.css");
+WebInspector.WatchExpressionsSidebarPane = class extends WebInspector.ThrottledWidget {
+  constructor() {
+    super();
+    this.registerRequiredCSS('components/objectValue.css');
 
     /** @type {!Array.<!WebInspector.WatchExpression>} */
     this._watchExpressions = [];
-    this._watchExpressionsSetting = WebInspector.settings.createLocalSetting("watchExpressions", []);
-
-    this._addButton = new WebInspector.ToolbarButton(WebInspector.UIString("Add expression"), "add-toolbar-item");
-    this._addButton.addEventListener("click", this._addButtonClicked.bind(this));
-    this._refreshButton = new WebInspector.ToolbarButton(WebInspector.UIString("Refresh"), "refresh-toolbar-item");
-    this._refreshButton.addEventListener("click", this._refreshButtonClicked.bind(this));
-
-    this._bodyElement = this.element.createChild("div", "vbox watch-expressions");
-    this._bodyElement.addEventListener("contextmenu", this._contextMenu.bind(this), false);
+    this._watchExpressionsSetting = WebInspector.settings.createLocalSetting('watchExpressions', []);
+
+    this._addButton = new WebInspector.ToolbarButton(WebInspector.UIString('Add expression'), 'add-toolbar-item');
+    this._addButton.addEventListener('click', this._addButtonClicked.bind(this));
+    this._refreshButton = new WebInspector.ToolbarButton(WebInspector.UIString('Refresh'), 'refresh-toolbar-item');
+    this._refreshButton.addEventListener('click', this._refreshButtonClicked.bind(this));
+
+    this._bodyElement = this.element.createChild('div', 'vbox watch-expressions');
+    this._bodyElement.addEventListener('contextmenu', this._contextMenu.bind(this), false);
     this._expandController = new WebInspector.ObjectPropertiesSectionExpandController();
 
     WebInspector.context.addFlavorChangeListener(WebInspector.ExecutionContext, this.update, this);
     WebInspector.context.addFlavorChangeListener(WebInspector.DebuggerModel.CallFrame, this.update, this);
     this._linkifier = new WebInspector.Linkifier();
     this.update();
+  }
+
+  /**
+   * @override
+   * @return {!Array<!WebInspector.ToolbarItem>}
+   */
+  toolbarItems() {
+    return [this._addButton, this._refreshButton];
+  }
+
+  /**
+   * @return {boolean}
+   */
+  hasExpressions() {
+    return !!this._watchExpressionsSetting.get().length;
+  }
+
+  _saveExpressions() {
+    var toSave = [];
+    for (var i = 0; i < this._watchExpressions.length; i++)
+      if (this._watchExpressions[i].expression())
+        toSave.push(this._watchExpressions[i].expression());
+
+    this._watchExpressionsSetting.set(toSave);
+  }
+
+  /**
+   * @param {!WebInspector.Event=} event
+   */
+  _addButtonClicked(event) {
+    if (event)
+      event.consume(true);
+    WebInspector.viewManager.showView('sources.watch');
+    this._createWatchExpression(null).startEditing();
+  }
+
+  /**
+   * @param {!WebInspector.Event} event
+   */
+  _refreshButtonClicked(event) {
+    event.consume();
+    this.update();
+  }
+
+  /**
+   * @override
+   * @return {!Promise.<?>}
+   */
+  doUpdate() {
+    this._linkifier.reset();
+    this._bodyElement.removeChildren();
+    this._watchExpressions = [];
+    this._emptyElement = this._bodyElement.createChild('div', 'gray-info-message');
+    this._emptyElement.textContent = WebInspector.UIString('No Watch Expressions');
+    var watchExpressionStrings = this._watchExpressionsSetting.get();
+    for (var i = 0; i < watchExpressionStrings.length; ++i) {
+      var expression = watchExpressionStrings[i];
+      if (!expression)
+        continue;
+
+      this._createWatchExpression(expression);
+    }
+    return Promise.resolve();
+  }
+
+  /**
+   * @param {?string} expression
+   * @return {!WebInspector.WatchExpression}
+   */
+  _createWatchExpression(expression) {
+    this._emptyElement.classList.add('hidden');
+    var watchExpression = new WebInspector.WatchExpression(expression, this._expandController, this._linkifier);
+    watchExpression.addEventListener(
+        WebInspector.WatchExpression.Events.ExpressionUpdated, this._watchExpressionUpdated.bind(this));
+    this._bodyElement.appendChild(watchExpression.element());
+    this._watchExpressions.push(watchExpression);
+    return watchExpression;
+  }
+
+  /**
+   * @param {!WebInspector.Event} event
+   */
+  _watchExpressionUpdated(event) {
+    var watchExpression = /** @type {!WebInspector.WatchExpression} */ (event.target);
+    if (!watchExpression.expression()) {
+      this._watchExpressions.remove(watchExpression);
+      this._bodyElement.removeChild(watchExpression.element());
+      this._emptyElement.classList.toggle('hidden', !!this._watchExpressions.length);
+    }
+
+    this._saveExpressions();
+  }
+
+  /**
+   * @param {!Event} event
+   */
+  _contextMenu(event) {
+    var contextMenu = new WebInspector.ContextMenu(event);
+    this._populateContextMenu(contextMenu, event);
+    contextMenu.show();
+  }
+
+  /**
+   * @param {!WebInspector.ContextMenu} contextMenu
+   * @param {!Event} event
+   */
+  _populateContextMenu(contextMenu, event) {
+    var isEditing = false;
+    for (var watchExpression of this._watchExpressions)
+      isEditing |= watchExpression.isEditing();
+
+    if (!isEditing)
+      contextMenu.appendItem(
+          WebInspector.UIString.capitalize('Add ^watch ^expression'), this._addButtonClicked.bind(this));
+
+    if (this._watchExpressions.length > 1)
+      contextMenu.appendItem(
+          WebInspector.UIString.capitalize('Delete ^all ^watch ^expressions'), this._deleteAllButtonClicked.bind(this));
+
+    var target = event.deepElementFromPoint();
+    if (!target)
+      return;
+    for (var watchExpression of this._watchExpressions)
+      if (watchExpression.element().isSelfOrAncestor(target))
+        watchExpression._populateContextMenu(contextMenu, event);
+  }
+
+  _deleteAllButtonClicked() {
+    this._watchExpressions = [];
+    this._saveExpressions();
+    this.update();
+  }
+
+  /**
+   * @override
+   * @param {!WebInspector.Context} context
+   * @param {string} actionId
+   * @return {boolean}
+   */
+  handleAction(context, actionId) {
+    var frame = WebInspector.context.flavor(WebInspector.UISourceCodeFrame);
+    if (!frame)
+      return false;
+    var text = frame.textEditor.text(frame.textEditor.selection());
+    WebInspector.viewManager.showView('sources.watch');
+    this.doUpdate();
+    this._createWatchExpression(text);
+    this._saveExpressions();
+    return true;
+  }
+
+  /**
+   * @override
+   * @param {!Event} event
+   * @param {!WebInspector.ContextMenu} contextMenu
+   * @param {!Object} target
+   */
+  appendApplicableItems(event, contextMenu, target) {
+    contextMenu.appendAction('sources.add-to-watch');
+  }
 };
 
-WebInspector.WatchExpressionsSidebarPane.prototype = {
-    /**
-     * @override
-     * @return {!Array<!WebInspector.ToolbarItem>}
-     */
-    toolbarItems: function()
-    {
-        return [this._addButton, this._refreshButton];
-    },
-
-    /**
-     * @return {boolean}
-     */
-    hasExpressions: function()
-    {
-        return !!this._watchExpressionsSetting.get().length;
-    },
-
-    _saveExpressions: function()
-    {
-        var toSave = [];
-        for (var i = 0; i < this._watchExpressions.length; i++)
-            if (this._watchExpressions[i].expression())
-                toSave.push(this._watchExpressions[i].expression());
-
-        this._watchExpressionsSetting.set(toSave);
-    },
-
-    /**
-     * @param {!WebInspector.Event=} event
-     */
-    _addButtonClicked: function(event)
-    {
-        if (event)
-            event.consume(true);
-        WebInspector.viewManager.showView("sources.watch");
-        this._createWatchExpression(null).startEditing();
-    },
-
-    /**
-     * @param {!WebInspector.Event} event
-     */
-    _refreshButtonClicked: function(event)
-    {
-        event.consume();
-        this.update();
-    },
-
-    /**
-     * @override
-     * @return {!Promise.<?>}
-     */
-    doUpdate: function()
-    {
-        this._linkifier.reset();
-        this._bodyElement.removeChildren();
-        this._watchExpressions = [];
-        this._emptyElement = this._bodyElement.createChild("div", "gray-info-message");
-        this._emptyElement.textContent = WebInspector.UIString("No Watch Expressions");
-        var watchExpressionStrings = this._watchExpressionsSetting.get();
-        for (var i = 0; i < watchExpressionStrings.length; ++i) {
-            var expression = watchExpressionStrings[i];
-            if (!expression)
-                continue;
-
-            this._createWatchExpression(expression);
-        }
-        return Promise.resolve();
-    },
-
-    /**
-     * @param {?string} expression
-     * @return {!WebInspector.WatchExpression}
-     */
-    _createWatchExpression: function(expression)
-    {
-        this._emptyElement.classList.add("hidden");
-        var watchExpression = new WebInspector.WatchExpression(expression, this._expandController, this._linkifier);
-        watchExpression.addEventListener(WebInspector.WatchExpression.Events.ExpressionUpdated, this._watchExpressionUpdated.bind(this));
-        this._bodyElement.appendChild(watchExpression.element());
-        this._watchExpressions.push(watchExpression);
-        return watchExpression;
-    },
-
-    /**
-     * @param {!WebInspector.Event} event
-     */
-    _watchExpressionUpdated: function(event)
-    {
-        var watchExpression = /** @type {!WebInspector.WatchExpression} */ (event.target);
-        if (!watchExpression.expression()) {
-            this._watchExpressions.remove(watchExpression);
-            this._bodyElement.removeChild(watchExpression.element());
-            this._emptyElement.classList.toggle("hidden", !!this._watchExpressions.length);
-        }
-
-        this._saveExpressions();
-    },
-
-    /**
-     * @param {!Event} event
-     */
-    _contextMenu: function(event)
-    {
-        var contextMenu = new WebInspector.ContextMenu(event);
-        this._populateContextMenu(contextMenu, event);
-        contextMenu.show();
-    },
-
-    /**
-     * @param {!WebInspector.ContextMenu} contextMenu
-     * @param {!Event} event
-     */
-    _populateContextMenu: function(contextMenu, event)
-    {
-        var isEditing = false;
-        for (var watchExpression of this._watchExpressions)
-            isEditing |=  watchExpression.isEditing();
-
-        if (!isEditing)
-            contextMenu.appendItem(WebInspector.UIString.capitalize("Add ^watch ^expression"), this._addButtonClicked.bind(this));
-
-        if (this._watchExpressions.length > 1)
-            contextMenu.appendItem(WebInspector.UIString.capitalize("Delete ^all ^watch ^expressions"), this._deleteAllButtonClicked.bind(this));
-
-        var target = event.deepElementFromPoint();
-        if (!target)
-            return;
-        for (var watchExpression of this._watchExpressions)
-            if (watchExpression.element().isSelfOrAncestor(target))
-                watchExpression._populateContextMenu(contextMenu, event);
-    },
-
-    _deleteAllButtonClicked: function()
-    {
-        this._watchExpressions = [];
-        this._saveExpressions();
-        this.update();
-    },
-
-    /**
-     * @override
-     * @param {!WebInspector.Context} context
-     * @param {string} actionId
-     * @return {boolean}
-     */
-    handleAction: function(context, actionId)
-    {
-        var frame = WebInspector.context.flavor(WebInspector.UISourceCodeFrame);
-        if (!frame)
-            return false;
-        var text = frame.textEditor.text(frame.textEditor.selection());
-        WebInspector.viewManager.showView("sources.watch");
-        this.doUpdate();
-        this._createWatchExpression(text);
-        this._saveExpressions();
-        return true;
-    },
-
-    /**
-     * @override
-     * @param {!Event} event
-     * @param {!WebInspector.ContextMenu} contextMenu
-     * @param {!Object} target
-     */
-    appendApplicableItems: function(event, contextMenu, target)
-    {
-        contextMenu.appendAction("sources.add-to-watch");
-    },
-
-    __proto__: WebInspector.ThrottledWidget.prototype
-};
-
 /**
- * @constructor
- * @extends {WebInspector.Object}
- * @param {?string} expression
- * @param {!WebInspector.ObjectPropertiesSectionExpandController} expandController
- * @param {!WebInspector.Linkifier} linkifier
+ * @unrestricted
  */
-WebInspector.WatchExpression = function(expression, expandController, linkifier)
-{
+WebInspector.WatchExpression = class extends WebInspector.Object {
+  /**
+   * @param {?string} expression
+   * @param {!WebInspector.ObjectPropertiesSectionExpandController} expandController
+   * @param {!WebInspector.Linkifier} linkifier
+   */
+  constructor(expression, expandController, linkifier) {
+    super();
     this._expression = expression;
     this._expandController = expandController;
-    this._element = createElementWithClass("div", "watch-expression monospace");
+    this._element = createElementWithClass('div', 'watch-expression monospace');
     this._editing = false;
     this._linkifier = linkifier;
 
     this._createWatchExpression(null);
     this.update();
+  }
+
+  /**
+   * @return {!Element}
+   */
+  element() {
+    return this._element;
+  }
+
+  /**
+   * @return {?string}
+   */
+  expression() {
+    return this._expression;
+  }
+
+  update() {
+    var currentExecutionContext = WebInspector.context.flavor(WebInspector.ExecutionContext);
+    if (currentExecutionContext && this._expression)
+      currentExecutionContext.evaluate(
+          this._expression, WebInspector.WatchExpression._watchObjectGroupId, false, true, false, false, false,
+          this._createWatchExpression.bind(this));
+  }
+
+  startEditing() {
+    this._editing = true;
+    this._element.removeChild(this._objectPresentationElement);
+    var newDiv = this._element.createChild('div');
+    newDiv.textContent = this._nameElement.textContent;
+    this._textPrompt = new WebInspector.ObjectPropertyPrompt();
+    this._textPrompt.renderAsBlock();
+    var proxyElement = this._textPrompt.attachAndStartEditing(newDiv, this._finishEditing.bind(this));
+    proxyElement.classList.add('watch-expression-text-prompt-proxy');
+    proxyElement.addEventListener('keydown', this._promptKeyDown.bind(this), false);
+    this._element.getComponentSelection().setBaseAndExtent(newDiv, 0, newDiv, 1);
+  }
+
+  /**
+   * @return {boolean}
+   */
+  isEditing() {
+    return !!this._editing;
+  }
+
+  /**
+   * @param {!Event} event
+   * @param {boolean=} canceled
+   */
+  _finishEditing(event, canceled) {
+    if (event)
+      event.consume(true);
+
+    this._editing = false;
+    this._textPrompt.detach();
+    var newExpression = canceled ? this._expression : this._textPrompt.text();
+    delete this._textPrompt;
+    this._element.removeChildren();
+    this._element.appendChild(this._objectPresentationElement);
+    this._updateExpression(newExpression);
+  }
+
+  /**
+   * @param {!Event} event
+   */
+  _dblClickOnWatchExpression(event) {
+    event.consume();
+    if (!this.isEditing())
+      this.startEditing();
+  }
+
+  /**
+   * @param {?string} newExpression
+   */
+  _updateExpression(newExpression) {
+    if (this._expression)
+      this._expandController.stopWatchSectionsWithId(this._expression);
+    this._expression = newExpression;
+    this.update();
+    this.dispatchEventToListeners(WebInspector.WatchExpression.Events.ExpressionUpdated);
+  }
+
+  /**
+   * @param {!Event} event
+   */
+  _deleteWatchExpression(event) {
+    event.consume(true);
+    this._updateExpression(null);
+  }
+
+  /**
+   * @param {?WebInspector.RemoteObject} result
+   * @param {!RuntimeAgent.ExceptionDetails=} exceptionDetails
+   */
+  _createWatchExpression(result, exceptionDetails) {
+    this._result = result;
+
+    var headerElement = createElementWithClass('div', 'watch-expression-header');
+    var deleteButton = headerElement.createChild('button', 'watch-expression-delete-button');
+    deleteButton.title = WebInspector.UIString('Delete watch expression');
+    deleteButton.addEventListener('click', this._deleteWatchExpression.bind(this), false);
+
+    var titleElement = headerElement.createChild('div', 'watch-expression-title');
+    this._nameElement = WebInspector.ObjectPropertiesSection.createNameElement(this._expression);
+    if (!!exceptionDetails || !result) {
+      this._valueElement = createElementWithClass('span', 'watch-expression-error value');
+      titleElement.classList.add('dimmed');
+      this._valueElement.textContent = WebInspector.UIString('<not available>');
+    } else {
+      this._valueElement = WebInspector.ObjectPropertiesSection.createValueElementWithCustomSupport(
+          result, !!exceptionDetails, titleElement, this._linkifier);
+    }
+    var separatorElement = createElementWithClass('span', 'watch-expressions-separator');
+    separatorElement.textContent = ': ';
+    titleElement.appendChildren(this._nameElement, separatorElement, this._valueElement);
+
+    this._element.removeChildren();
+    this._objectPropertiesSection = null;
+    if (!exceptionDetails && result && result.hasChildren && !result.customPreview()) {
+      headerElement.classList.add('watch-expression-object-header');
+      this._objectPropertiesSection = new WebInspector.ObjectPropertiesSection(result, headerElement, this._linkifier);
+      this._objectPresentationElement = this._objectPropertiesSection.element;
+      this._expandController.watchSection(/** @type {string} */ (this._expression), this._objectPropertiesSection);
+      var objectTreeElement = this._objectPropertiesSection.objectTreeElement();
+      objectTreeElement.toggleOnClick = false;
+      objectTreeElement.listItemElement.addEventListener('click', this._onSectionClick.bind(this), false);
+      objectTreeElement.listItemElement.addEventListener('dblclick', this._dblClickOnWatchExpression.bind(this));
+    } else {
+      this._objectPresentationElement = headerElement;
+      this._objectPresentationElement.addEventListener('dblclick', this._dblClickOnWatchExpression.bind(this));
+    }
+
+    this._element.appendChild(this._objectPresentationElement);
+  }
+
+  /**
+   * @param {!Event} event
+   */
+  _onSectionClick(event) {
+    event.consume(true);
+    if (event.detail === 1) {
+      this._preventClickTimeout = setTimeout(handleClick.bind(this), 333);
+    } else {
+      clearTimeout(this._preventClickTimeout);
+      delete this._preventClickTimeout;
+    }
+
+    /**
+     * @this {WebInspector.WatchExpression}
+     */
+    function handleClick() {
+      if (!this._objectPropertiesSection)
+        return;
+
+      var objectTreeElement = this._objectPropertiesSection.objectTreeElement();
+      if (objectTreeElement.expanded)
+        objectTreeElement.collapse();
+      else
+        objectTreeElement.expand();
+    }
+  }
+
+  /**
+   * @param {!Event} event
+   */
+  _promptKeyDown(event) {
+    if (isEnterKey(event) || isEscKey(event))
+      this._finishEditing(event, isEscKey(event));
+  }
+
+  /**
+   * @param {!WebInspector.ContextMenu} contextMenu
+   * @param {!Event} event
+   */
+  _populateContextMenu(contextMenu, event) {
+    if (!this.isEditing())
+      contextMenu.appendItem(
+          WebInspector.UIString.capitalize('Delete ^watch ^expression'), this._updateExpression.bind(this, null));
+
+    if (!this.isEditing() && this._result && (this._result.type === 'number' || this._result.type === 'string'))
+      contextMenu.appendItem(WebInspector.UIString.capitalize('Copy ^value'), this._copyValueButtonClicked.bind(this));
+
+    var target = event.deepElementFromPoint();
+    if (target && this._valueElement.isSelfOrAncestor(target))
+      contextMenu.appendApplicableItems(this._result);
+  }
+
+  _copyValueButtonClicked() {
+    InspectorFrontendHost.copyText(this._valueElement.textContent);
+  }
 };
 
-WebInspector.WatchExpression._watchObjectGroupId = "watch-group";
+WebInspector.WatchExpression._watchObjectGroupId = 'watch-group';
 
 /** @enum {symbol} */
 WebInspector.WatchExpression.Events = {
-    ExpressionUpdated: Symbol("ExpressionUpdated")
+  ExpressionUpdated: Symbol('ExpressionUpdated')
 };
-
-WebInspector.WatchExpression.prototype = {
-
-    /**
-     * @return {!Element}
-     */
-    element: function()
-    {
-        return this._element;
-    },
-
-    /**
-     * @return {?string}
-     */
-    expression: function()
-    {
-        return this._expression;
-    },
-
-    update: function()
-    {
-        var currentExecutionContext = WebInspector.context.flavor(WebInspector.ExecutionContext);
-        if (currentExecutionContext && this._expression)
-            currentExecutionContext.evaluate(this._expression, WebInspector.WatchExpression._watchObjectGroupId, false, true, false, false, false, this._createWatchExpression.bind(this));
-    },
-
-    startEditing: function()
-    {
-        this._editing = true;
-        this._element.removeChild(this._objectPresentationElement);
-        var newDiv = this._element.createChild("div");
-        newDiv.textContent = this._nameElement.textContent;
-        this._textPrompt = new WebInspector.ObjectPropertyPrompt();
-        this._textPrompt.renderAsBlock();
-        var proxyElement = this._textPrompt.attachAndStartEditing(newDiv, this._finishEditing.bind(this));
-        proxyElement.classList.add("watch-expression-text-prompt-proxy");
-        proxyElement.addEventListener("keydown", this._promptKeyDown.bind(this), false);
-        this._element.getComponentSelection().setBaseAndExtent(newDiv, 0, newDiv, 1);
-    },
-
-    /**
-     * @return {boolean}
-     */
-    isEditing: function()
-    {
-        return !!this._editing;
-    },
-
-    /**
-     * @param {!Event} event
-     * @param {boolean=} canceled
-     */
-    _finishEditing: function(event, canceled)
-    {
-        if (event)
-            event.consume(true);
-
-        this._editing = false;
-        this._textPrompt.detach();
-        var newExpression = canceled ? this._expression : this._textPrompt.text();
-        delete this._textPrompt;
-        this._element.removeChildren();
-        this._element.appendChild(this._objectPresentationElement);
-        this._updateExpression(newExpression);
-    },
-
-    /**
-     * @param {!Event} event
-     */
-    _dblClickOnWatchExpression: function(event)
-    {
-        event.consume();
-        if (!this.isEditing())
-            this.startEditing();
-    },
-
-    /**
-     * @param {?string} newExpression
-     */
-    _updateExpression: function(newExpression)
-    {
-        if (this._expression)
-            this._expandController.stopWatchSectionsWithId(this._expression);
-        this._expression = newExpression;
-        this.update();
-        this.dispatchEventToListeners(WebInspector.WatchExpression.Events.ExpressionUpdated);
-    },
-
-    /**
-     * @param {!Event} event
-     */
-    _deleteWatchExpression: function(event)
-    {
-        event.consume(true);
-        this._updateExpression(null);
-    },
-
-    /**
-     * @param {?WebInspector.RemoteObject} result
-     * @param {!RuntimeAgent.ExceptionDetails=} exceptionDetails
-     */
-    _createWatchExpression: function(result, exceptionDetails)
-    {
-        this._result = result;
-
-        var headerElement = createElementWithClass("div", "watch-expression-header");
-        var deleteButton = headerElement.createChild("button", "watch-expression-delete-button");
-        deleteButton.title = WebInspector.UIString("Delete watch expression");
-        deleteButton.addEventListener("click", this._deleteWatchExpression.bind(this), false);
-
-        var titleElement = headerElement.createChild("div", "watch-expression-title");
-        this._nameElement = WebInspector.ObjectPropertiesSection.createNameElement(this._expression);
-        if (!!exceptionDetails || !result) {
-            this._valueElement = createElementWithClass("span", "watch-expression-error value");
-            titleElement.classList.add("dimmed");
-            this._valueElement.textContent = WebInspector.UIString("<not available>");
-        } else {
-            this._valueElement = WebInspector.ObjectPropertiesSection.createValueElementWithCustomSupport(result, !!exceptionDetails, titleElement, this._linkifier);
-        }
-        var separatorElement = createElementWithClass("span", "watch-expressions-separator");
-        separatorElement.textContent = ": ";
-        titleElement.appendChildren(this._nameElement, separatorElement, this._valueElement);
-
-        this._element.removeChildren();
-        this._objectPropertiesSection = null;
-        if (!exceptionDetails && result && result.hasChildren && !result.customPreview()) {
-            headerElement.classList.add("watch-expression-object-header");
-            this._objectPropertiesSection = new WebInspector.ObjectPropertiesSection(result, headerElement, this._linkifier);
-            this._objectPresentationElement = this._objectPropertiesSection.element;
-            this._expandController.watchSection(/** @type {string} */ (this._expression), this._objectPropertiesSection);
-            var objectTreeElement = this._objectPropertiesSection.objectTreeElement();
-            objectTreeElement.toggleOnClick = false;
-            objectTreeElement.listItemElement.addEventListener("click", this._onSectionClick.bind(this), false);
-            objectTreeElement.listItemElement.addEventListener("dblclick", this._dblClickOnWatchExpression.bind(this));
-        } else {
-            this._objectPresentationElement = headerElement;
-            this._objectPresentationElement.addEventListener("dblclick", this._dblClickOnWatchExpression.bind(this));
-        }
-
-        this._element.appendChild(this._objectPresentationElement);
-    },
-
-    /**
-     * @param {!Event} event
-     */
-    _onSectionClick: function(event)
-    {
-        event.consume(true);
-        if (event.detail === 1) {
-            this._preventClickTimeout = setTimeout(handleClick.bind(this), 333);
-        } else {
-            clearTimeout(this._preventClickTimeout);
-            delete this._preventClickTimeout;
-        }
-
-        /**
-         * @this {WebInspector.WatchExpression}
-         */
-        function handleClick()
-        {
-            if (!this._objectPropertiesSection)
-                return;
-
-            var objectTreeElement = this._objectPropertiesSection.objectTreeElement();
-            if (objectTreeElement.expanded)
-                objectTreeElement.collapse();
-            else
-                objectTreeElement.expand();
-        }
-    },
-
-    /**
-     * @param {!Event} event
-     */
-    _promptKeyDown: function(event)
-    {
-        if (isEnterKey(event) || isEscKey(event))
-            this._finishEditing(event, isEscKey(event));
-    },
-
-    /**
-     * @param {!WebInspector.ContextMenu} contextMenu
-     * @param {!Event} event
-     */
-    _populateContextMenu: function(contextMenu, event)
-    {
-        if (!this.isEditing())
-            contextMenu.appendItem(WebInspector.UIString.capitalize("Delete ^watch ^expression"), this._updateExpression.bind(this, null));
-
-        if (!this.isEditing() && this._result && (this._result.type === "number" || this._result.type === "string"))
-            contextMenu.appendItem(WebInspector.UIString.capitalize("Copy ^value"), this._copyValueButtonClicked.bind(this));
-
-        var target = event.deepElementFromPoint();
-        if (target && this._valueElement.isSelfOrAncestor(target))
-            contextMenu.appendApplicableItems(this._result);
-    },
-
-    _copyValueButtonClicked: function()
-    {
-        InspectorFrontendHost.copyText(this._valueElement.textContent);
-    },
-
-    __proto__: WebInspector.Object.prototype
-};