DevTools: Combine TextPrompt events into UI.TextPrompt.TextChangedEvent

third_party/WebKit/Source/devtools/front_end/elements/StylesSidebarPane.js

 /*
  * Copyright (C) 2007 Apple Inc.  All rights reserved.
  * 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:
  *
  * 1.  Redistributions of source code must retain the above copyright
  *     notice, this list of conditions and the following disclaimer.
@@ skipping 2326 matching lines @@
         text = this.value || text;
       this._editingCommitted(text, context, moveDirection);
     }
 
     this._originalPropertyText = this.property.propertyText;
 
     this._parentPane.setEditingStyle(true);
     if (selectElement.parentElement)
       selectElement.parentElement.scrollIntoViewIfNeeded(false);
 
-    var applyItemCallback = !isEditingName ? this._applyFreeFlowStyleTextEdit.bind(this) : undefined;
     var cssCompletions = [];
     if (isEditingName) {
       cssCompletions = SDK.cssMetadata().allProperties();
       cssCompletions =
           cssCompletions.filter(property => SDK.cssMetadata().isSVGProperty(property) === this.node().isSVGNode());
     } else {
       cssCompletions = SDK.cssMetadata().propertyValues(this.nameElement.textContent);
     }
     var cssVariables = this._matchedStyles.cssVariables().sort(String.naturalOrderComparator);
 
     this._prompt = new Elements.StylesSidebarPane.CSSPropertyPrompt(cssCompletions, cssVariables, this, isEditingName);
     this._prompt.setAutocompletionTimeout(0);
-    if (applyItemCallback) {
-      this._prompt.addEventListener(UI.TextPrompt.Events.ItemApplied, applyItemCallback, this);
-      this._prompt.addEventListener(UI.TextPrompt.Events.ItemAccepted, applyItemCallback, this);
-    }
+
+    // Do not live-edit "content" property of pseudo elements. crbug.com/433889
+    if (!isEditingName && (!this._parentPane.node().pseudoType() || this.name !== 'content'))
+      this._prompt.on(UI.TextPrompt.TextChangedEvent, this._applyFreeFlowStyleTextEdit.bind(this));
+
     var proxyElement = this._prompt.attachAndStartEditing(selectElement, blurListener.bind(this, context));
     this._navigateToSource(selectElement, true);
 
     proxyElement.addEventListener('keydown', this._editingNameValueKeyDown.bind(this, context), false);
     proxyElement.addEventListener('keypress', this._editingNameValueKeyPress.bind(this, context), false);
-    proxyElement.addEventListener('input', this._editingNameValueInput.bind(this, context), false);
     if (isEditingName)
       proxyElement.addEventListener('paste', pasteHandler.bind(this, context), false);
 
     selectElement.getComponentSelection().setBaseAndExtent(selectElement, 0, selectElement, 1);
   }
 
   /**
    * @param {!Elements.StylePropertyTreeElement.Context} context
    * @param {!Event} event
    */
@@ skipping 68 matching lines @@
                                  keyChar === ';' &&
                  shouldCommitValueSemicolon(event.target.textContent, event.target.selectionLeftOffset()));
     if (isFieldInputTerminated) {
       // Enter or colon (for name)/semicolon outside of string (for value).
       event.consume(true);
       this._editingCommitted(event.target.textContent, context, 'forward');
       return;
     }
   }
 
-  /**
-   * @param {!Elements.StylePropertyTreeElement.Context} context
-   * @param {!Event} event
-   */
-  _editingNameValueInput(context, event) {
-    // Do not live-edit "content" property of pseudo elements. crbug.com/433889
-    if (!context.isEditingName && (!this._parentPane.node().pseudoType() || this.name !== 'content'))
-      this._applyFreeFlowStyleTextEdit();
-  }
-
   _applyFreeFlowStyleTextEdit() {
     var valueText = this._prompt.textWithCurrentSuggestion();
     if (valueText.indexOf(';') === -1)
       this.applyStyleText(this.nameElement.textContent + ': ' + valueText, false);
   }
 
   kickFreeFlowStyleEditForTest() {
     this._applyFreeFlowStyleTextEdit();
   }
 
@@ skipping 613 matching lines @@
   }
 
   /**
    * @override
    * @return {!UI.ToolbarItem}
    */
   item() {
     return this._button;
   }
 };