DevTools: migrate treeoutline from hasChildren to is/setExpandable().

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 2563 matching lines @@
     __proto__: WebInspector.StylePropertiesSection.prototype
 }
 
 /**
  * @constructor
  * @extends {TreeElement}
  * @param {!WebInspector.StylesSectionModel} styleRule
  * @param {!WebInspector.CSSProperty} property
  * @param {boolean} inherited
  * @param {boolean} overloaded
- * @param {boolean} hasChildren
+ * @param {boolean} expandable
  */
-WebInspector.StylePropertyTreeElementBase = function(styleRule, property, inherited, overloaded, hasChildren)
+WebInspector.StylePropertyTreeElementBase = function(styleRule, property, inherited, overloaded, expandable)
 {
     this._styleRule = styleRule;
     this.property = property;
     this._inherited = inherited;
     this._overloaded = overloaded;
 
     // Pass an empty title, the title gets made later in onattach.
-    TreeElement.call(this, "", hasChildren);
+    TreeElement.call(this, "", expandable);
 
     this.selectable = false;
 }
 
 WebInspector.StylePropertyTreeElementBase.prototype = {
     /**
      * @return {!WebInspector.CSSStyleDeclaration}
      */
     style: function()
     {
@@ skipping 196 matching lines @@
         this.listItemElement.appendChild(nameElement);
         this.listItemElement.createTextChild(": ");
         this.listItemElement.appendChild(this._expandElement);
         this.listItemElement.appendChild(valueElement);
         this.listItemElement.createTextChild(";");
         if (this.disabled)
             this.listItemElement.createChild("span", "styles-clipboard-only").createTextChild(" */");
 
         if (!this.parsedOk) {
             // Avoid having longhands under an invalid shorthand.
-            this.hasChildren = false;
             this.listItemElement.classList.add("not-parsed-ok");
 
             // Add a separate exclamation mark IMG element with a tooltip.
             this.listItemElement.insertBefore(WebInspector.StylesSidebarPane.createExclamationMark(this.property), this.listItemElement.firstChild);
         }
         if (this.property.inactive)
             this.listItemElement.classList.add("inactive");
         this._updateFilter();
     },
 
@@ skipping 388 matching lines @@
                 var match = modelUrlRegex.exec(modelValue);
                 if (match)
                     splitFieldValue[i] = match[0];
             }
             return splitFieldValue.join("");
         }
 
         /** @type {!WebInspector.StylePropertyTreeElement.Context} */
         var context = {
             expanded: this.expanded,
-            hasChildren: this.hasChildren,
+            hasChildren: this.isExpandable(),
             isEditingName: isEditingName,
             previousContent: selectElement.textContent
         };
 
         // Lie about our children to prevent expanding on double click and to collapse shorthands.
-        this.hasChildren = false;
+        this.setExpandable(false);
 
         if (selectElement.parentElement)
             selectElement.parentElement.classList.add("child-editing");
         selectElement.textContent = selectElement.textContent; // remove color swatch and the like
 
         /**
          * @param {!WebInspector.StylePropertyTreeElement.Context} context
          * @param {!Event} event
          * @this {WebInspector.StylePropertyTreeElement}
          */
@@ skipping 170 matching lines @@
         this._applyFreeFlowStyleTextEdit();
     },
 
     /**
      * @param {!WebInspector.StylePropertyTreeElement.Context} context
      */
     editingEnded: function(context)
     {
         this._resetMouseDownElement();
 
-        this.hasChildren = context.hasChildren;
+        this.setExpandable(context.hasChildren);
         if (context.expanded)
             this.expand();
         var editedElement = context.isEditingName ? this.nameElement : this.valueElement;
         // The proxyElement has been deleted, no need to remove listener.
         if (editedElement.parentElement)
             editedElement.parentElement.classList.remove("child-editing");
 
         delete this._parentPane._isEditingStyle;
     },
 
@@ skipping 475 matching lines @@
 
 WebInspector.StylesSidebarPane.MatchedRulesPayload.prototype = {
     /**
      * @return {boolean}
      */
     fulfilled: function()
     {
         return !!(this.matchedCSSRules && this.pseudoElements && this.inherited);
     }
 }