From: Alan Knowles <alan@roojs.com>
Date: Tue, 3 Aug 2021 10:46:10 +0000 (+0800)
Subject: sync
X-Git-Url: http://git.roojs.org/?p=roojs1;a=commitdiff_plain;h=829d667c127b960891712f8e26a865e0b7b51b52

sync
---

diff --git a/Roo/lib/Ajax.js b/Roo/lib/Ajax.js
index 86db338621..1535eeee69 100644
--- a/Roo/lib/Ajax.js
+++ b/Roo/lib/Ajax.js
@@ -1,15 +1,17 @@
-/*
- * Portions of this file are based on pieces of Yahoo User Interface Library
- * Copyright (c) 2007, Yahoo! Inc. All rights reserved.
- * YUI licensed under the BSD License:
- * http://developer.yahoo.net/yui/license.txt
- * <script type="text/javascript">
- *
- */
+ 
 
 (function() {
     /**
      * @class Roo.lib.Ajax
+     *
+     * provide a simple Ajax request utility functions
+     * 
+     * Portions of this file are based on pieces of Yahoo User Interface Library
+    * Copyright (c) 2007, Yahoo! Inc. All rights reserved.
+    * YUI licensed under the BSD License:
+    * http://developer.yahoo.net/yui/license.txt
+    * <script type="text/javascript">
+    *
      *
      */
     Roo.lib.Ajax = {
@@ -35,7 +37,13 @@
 
             return this.asyncRequest(method, uri, cb, data);
         },
-
+        /**
+         * serialize a form
+         *
+         * @static
+         * @param {DomForm} form element
+         * @return {String} urlencode form output.
+         */
         serializeForm : function(form) {
             if(typeof form == 'string') {
                 form = (document.getElementById(form) || document.forms[form]);
diff --git a/Roo/lib/Color.js b/Roo/lib/Color.js
index ef89881e46..f819c797af 100644
--- a/Roo/lib/Color.js
+++ b/Roo/lib/Color.js
@@ -1,23 +1,6 @@
-/*
+ 
 
-Color.js
-
-Functions for Color handling and processing.
-
-http://www.safalra.com/web-design/javascript/Color-handling-and-processing/
-
-The author of this program, Safalra (Stephen Morley), irrevocably releases all
-rights to this program, with the intention of it becoming part of the public
-domain. Because this program is released into the public domain, it comes with
-no warranty either expressed or implied, to the extent permitted by law.
-
-For more free and public domain JavaScript code by the same author, visit:
-http://www.safalra.com/web-design/javascript/
-
-*/
-
-
-/*
+/**
  * @class Roo.lib.Color
  * @constructor
  * An abstract Color implementation. Concrete Color implementations should use
@@ -28,6 +11,22 @@ http://www.safalra.com/web-design/javascript/
  * return an object representing the HSL components of this Color, with the hue
  * component in the range [0,360), the saturation and lightness components in
  * the range [0,100], and the alpha component in the range [0,1].
+ *
+ *
+ * Color.js
+ *
+ * Functions for Color handling and processing.
+ *
+ * http://www.safalra.com/web-design/javascript/Color-handling-and-processing/
+ *
+ * The author of this program, Safalra (Stephen Morley), irrevocably releases all
+ * rights to this program, with the intention of it becoming part of the public
+ * domain. Because this program is released into the public domain, it comes with
+ * no warranty either expressed or implied, to the extent permitted by law.
+ * 
+ * For more free and public domain JavaScript code by the same author, visit:
+ * http://www.safalra.com/web-design/javascript/
+ * 
  */
 Roo.lib.Color = function() { }
 
@@ -39,7 +38,8 @@ Roo.apply(Roo.lib.Color.prototype, {
   hsl : null,
   
   /**
-   * @returns an object representing the RGBA components of this Color. The red,
+   * getIntegerRGB
+   * @return {Object} an object representing the RGBA components of this Color. The red,
    * green, and blue components are converted to integers in the range [0,255].
    * The alpha is a value in the range [0,1].
    */
@@ -59,7 +59,8 @@ Roo.apply(Roo.lib.Color.prototype, {
   },
 
   /**
-   * @returns an object representing the RGBA components of this Color. The red,
+   * getPercentageRGB
+   * @return {Object} an object representing the RGBA components of this Color. The red,
    * green, and blue components are converted to numbers in the range [0,100].
    * The alpha is a value in the range [0,1].
    */
@@ -79,7 +80,8 @@ Roo.apply(Roo.lib.Color.prototype, {
   },
 
   /**
-   * @returns a string representing this Color as a CSS hexadecimal RGB Color
+   * getCSSHexadecimalRGB
+   * @return {String} a string representing this Color as a CSS hexadecimal RGB Color
    * value - that is, a string of the form #RRGGBB where each of RR, GG, and BB
    * are two-digit hexadecimal numbers.
    */
@@ -103,7 +105,8 @@ Roo.apply(Roo.lib.Color.prototype, {
   },
 
   /**
-   * @returns a string representing this Color as a CSS integer RGB Color
+   * getCSSIntegerRGB
+   * @return {String} a string representing this Color as a CSS integer RGB Color
    * value - that is, a string of the form rgb(r,g,b) where each of r, g, and b
    * are integers in the range [0,255].
    */
@@ -118,7 +121,8 @@ Roo.apply(Roo.lib.Color.prototype, {
   },
 
   /**
-   * @returns Returns a string representing this Color as a CSS integer RGBA Color
+   * getCSSIntegerRGBA
+   * @return {String} Returns a string representing this Color as a CSS integer RGBA Color
    * value - that is, a string of the form rgba(r,g,b,a) where each of r, g, and
    * b are integers in the range [0,255] and a is in the range [0,1].
    */
@@ -133,7 +137,8 @@ Roo.apply(Roo.lib.Color.prototype, {
   },
 
   /**
-   * @returns a string representing this Color as a CSS percentage RGB Color
+   * getCSSPercentageRGB
+   * @return {String} a string representing this Color as a CSS percentage RGB Color
    * value - that is, a string of the form rgb(r%,g%,b%) where each of r, g, and
    * b are in the range [0,100].
    */
@@ -148,7 +153,8 @@ Roo.apply(Roo.lib.Color.prototype, {
   },
 
   /**
-   * @returns a string representing this Color as a CSS percentage RGBA Color
+   * getCSSPercentageRGBA
+   * @return {String} a string representing this Color as a CSS percentage RGBA Color
    * value - that is, a string of the form rgba(r%,g%,b%,a) where each of r, g,
    * and b are in the range [0,100] and a is in the range [0,1].
    */
@@ -163,7 +169,8 @@ Roo.apply(Roo.lib.Color.prototype, {
   },
 
   /**
-   * @returns a string representing this Color as a CSS HSL Color value - that
+   * getCSSHSL
+   * @return {String} a string representing this Color as a CSS HSL Color value - that
    * is, a string of the form hsl(h,s%,l%) where h is in the range [0,100] and
    * s and l are in the range [0,100].
    */
@@ -178,7 +185,8 @@ Roo.apply(Roo.lib.Color.prototype, {
   },
 
   /**
-   * @returns a string representing this Color as a CSS HSLA Color value - that
+   * getCSSHSLA
+   * @return {String} a string representing this Color as a CSS HSLA Color value - that
    * is, a string of the form hsla(h,s%,l%,a) where h is in the range [0,100],
    * s and l are in the range [0,100], and a is in the range [0,1].
    */
@@ -250,30 +258,93 @@ Roo.apply(Roo.lib.Color.prototype, {
       return new Roo.lib.HSVColor(hsv.h,  hsv.s * v, hsv.v ,  hsv.a );
       
   
-  }
+  },
   
    
+  /**
+   * getRGB
+   * @return {Object} the RGB and alpha components of this Color as an object with r,
+   * g, b, and a properties. r, g, and b are in the range [0,255] and a is in
+   * the range [0,1].
+   */
+  getRGB: function(){
+   
+    // return the RGB components
+    return {
+      'r' : this.rgb.r,
+      'g' : this.rgb.g,
+      'b' : this.rgb.b,
+      'a' : this.alpha
+    };
+
+  },
+
+  /**
+   * getHSV
+   * @return {Object} the HSV and alpha components of this Color as an object with h,
+   * s, v, and a properties. h is in the range [0,360), s and v are in the range
+   * [0,100], and a is in the range [0,1].
+   */
+  getHSV : function()
+  {
+    
+    // calculate the HSV components if necessary
+    if (this.hsv == null) this.calculateHSV();
+
+    // return the HSV components
+    return {
+      'h' : this.hsv.h,
+      's' : this.hsv.s,
+      'v' : this.hsv.v,
+      'a' : this.alpha
+    };
+
+  },
+
+  /**
+   * getHSL
+   * @return {Object} the HSL and alpha components of this Color as an object with h,
+   * s, l, and a properties. h is in the range [0,360), s and l are in the range
+   * [0,100], and a is in the range [0,1].
+   */
+  getHSL : function(){
+    
+     
+    // calculate the HSV components if necessary
+    if (this.hsl == null) this.calculateHSL();
+
+    // return the HSL components
+    return {
+      'h' : this.hsl.h,
+      's' : this.hsl.s,
+      'l' : this.hsl.l,
+      'a' : this.alpha
+    };
+
+  }
   
 
 });
 
 
-/*
+/**
  * @class Roo.lib.RGBColor
  * @extends Roo.lib.Color
  * Creates a Color specified in the RGB Color space, with an optional alpha
  * component. The parameters are:
- *
- * r - the red component, clipped to the range [0,255]
- * g - the green component, clipped to the range [0,255]
- * b - the blue component, clipped to the range [0,255]
- * a - the alpha component, clipped to the range [0,1] - this parameter is
+ * @constructor
+ * 
+
+ * @param {Number} r - the red component, clipped to the range [0,255]
+ * @param {Number} g - the green component, clipped to the range [0,255]
+ * @param {Number} b - the blue component, clipped to the range [0,255]
+ * @param {Number} a - the alpha component, clipped to the range [0,1] - this parameter is
  *     optional and defaults to 1
  */
 Roo.lib.RGBColor = function (r, g, b, a){
 
   // store the alpha component after clipping it if necessary
-  var alpha = (a === undefined ? 1 : Math.max(0, Math.min(1, a)));
+  this.alpha = (a === undefined ? 1 : Math.max(0, Math.min(1, a)));
 
   // store the RGB components after clipping them if necessary
   this.rgb =
@@ -300,8 +371,10 @@ Roo.lib.RGBColor = function (r, g, b, a){
 Roo.extend(Roo.lib.RGBColor, Roo.lib.Color, {
 
   
-    getHue  : function(maximum, range){
-  
+    getHue  : function(maximum, range)
+    {
+      var rgb = this.rgb;
+       
       // check whether the range is zero
       if (range == 0){
   
@@ -342,13 +415,13 @@ Roo.extend(Roo.lib.RGBColor, Roo.lib.Color, {
    * be returned be the getHSV function.
    */
    calculateHSV : function(){
-
+    var rgb = this.rgb;
     // get the maximum and range of the RGB component values
     var maximum = Math.max(rgb.r, rgb.g, rgb.b);
     var range   = maximum - Math.min(rgb.r, rgb.g, rgb.b);
 
     // store the HSV components
-    hsv =
+    this.hsv =
         {
           'h' : this.getHue(maximum, range),
           's' : (maximum == 0 ? 0 : 100 * range / maximum),
@@ -361,7 +434,7 @@ Roo.extend(Roo.lib.RGBColor, Roo.lib.Color, {
    * be returned be the getHSL function.
    */
    calculateHSL : function(){
-
+    var rgb = this.rgb;
     // get the maximum and range of the RGB component values
     var maximum = Math.max(rgb.r, rgb.g, rgb.b);
     var range   = maximum - Math.min(rgb.r, rgb.g, rgb.b);
@@ -370,93 +443,37 @@ Roo.extend(Roo.lib.RGBColor, Roo.lib.Color, {
     var l = maximum / 255 - range / 510;
 
     // store the HSL components
-    hsl =
+    this.hsl =
         {
           'h' : this.getHue(maximum, range),
           's' : (range == 0 ? 0 : range / 2.55 / (l < 0.5 ? l * 2 : 2 - l * 2)),
           'l' : 100 * l
         };
 
-  },
-
-  /**
-   * @returns the RGB and alpha components of this RGBColor as an object with r,
-   * g, b, and a properties. r, g, and b are in the range [0,255] and a is in
-   * the range [0,1].
-   */
-  getRGB: function(){
-
-    // return the RGB components
-    return {
-      'r' : rgb.r,
-      'g' : rgb.g,
-      'b' : rgb.b,
-      'a' : alpha
-    };
-
-  },
-
-  /**
-   * @returns the HSV and alpha components of this RGBColor as an object with h,
-   * s, v, and a properties. h is in the range [0,360), s and v are in the range
-   * [0,100], and a is in the range [0,1].
-   */
-  getHSV : function()
-  {
-
-    // calculate the HSV components if necessary
-    if (hsv == null) this.calculateHSV();
-
-    // return the HSV components
-    return {
-      'h' : hsv.h,
-      's' : hsv.s,
-      'v' : hsv.v,
-      'a' : alpha
-    };
-
-  },
-
-  /**
-   * @returns the HSL and alpha components of this RGBColor as an object with h,
-   * s, l, and a properties. h is in the range [0,360), s and l are in the range
-   * [0,100], and a is in the range [0,1].
-   */
-  getHSL : function(){
-
-    // calculate the HSV components if necessary
-    if (hsl == null) this.calculateHSL();
-
-    // return the HSL components
-    return {
-      'h' : hsl.h,
-      's' : hsl.s,
-      'l' : hsl.l,
-      'a' : alpha
-    };
-
   }
+
 });
 
-/*
+/**
  * @class Roo.lib.HSVColor
  * @extends Roo.lib.Color
  * Creates a Color specified in the HSV Color space, with an optional alpha
  * component. The parameters are:
+ * @constructor
  *
- * h - the hue component, wrapped to the range [0,360)
- * s - the saturation component, clipped to the range [0,100]
- * v - the value component, clipped to the range [0,100]
- * a - the alpha component, clipped to the range [0,1] - this parameter is
+ * @param {Number} h - the hue component, wrapped to the range [0,360)
+ * @param {Number} s - the saturation component, clipped to the range [0,100]
+ * @param {Number} v - the value component, clipped to the range [0,100]
+ * @param {Number} a - the alpha component, clipped to the range [0,1] - this parameter is
  *     optional and defaults to 1
  */
 Roo.lib.HSVColor = function (h, s, v, a){
 
   // store the alpha component after clipping it if necessary
-  var alpha = (a === undefined ? 1 : Math.max(0, Math.min(1, a)));
+  this.alpha = (a === undefined ? 1 : Math.max(0, Math.min(1, a)));
 
   // store the HSV components after clipping or wrapping them if necessary
-  var hsv =
+  this.hsv =
       {
         'h' : (h % 360 + 360) % 360,
         's' : Math.max(0, Math.min(100, s)),
@@ -464,14 +481,17 @@ Roo.lib.HSVColor = function (h, s, v, a){
       };
 
   // initialise the RGB and HSL components to null
-  var rgb = null;
-  var hsl = null;
+  this.rgb = null;
+  this.hsl = null;
+}
 
+Roo.extend(Roo.lib.HSVColor, Roo.lib.Color, {
   /* Calculates and stores the RGB components of this HSVColor so that they can
    * be returned be the getRGB function.
    */
-  function calculateRGB(){
-
+  calculateRGB: function ()
+  {
+    var hsv = this.hsv;
     // check whether the saturation is zero
     if (hsv.s == 0){
 
@@ -501,25 +521,26 @@ Roo.lib.HSVColor = function (h, s, v, a){
     }
 
     // store the RGB components
-    rgb =
+    this.rgb =
         {
           'r' : r * 2.55,
           'g' : g * 2.55,
           'b' : b * 2.55
         };
 
-  }
+  },
 
   /* Calculates and stores the HSL components of this HSVColor so that they can
    * be returned be the getHSL function.
    */
   calculateHSL : function (){
 
+    var hsv = this.hsv;
     // determine the lightness in the range [0,100]
     var l = (2 - hsv.s / 100) * hsv.v / 2;
 
     // store the HSL components
-    hsl =
+    this.hsl =
         {
           'h' : hsv.h,
           's' : hsv.s * hsv.v / (l < 50 ? l * 2 : 200 - l * 2),
@@ -529,90 +550,34 @@ Roo.lib.HSVColor = function (h, s, v, a){
     // correct a division-by-zero error
     if (isNaN(hsl.s)) hsl.s = 0;
 
-  }
-
-  /**
-   * @returns the RGB and alpha components of this HSVColor as an object with r,
-   * g, b, and a properties. r, g, and b are in the range [0,255] and a is in
-   * the range [0,1].
-   */
-  this.getRGB = function(){
-
-    // calculate the RGB components if necessary
-    if (rgb == null) calculateRGB();
-
-    // return the RGB components
-    return {
-      'r' : rgb.r,
-      'g' : rgb.g,
-      'b' : rgb.b,
-      'a' : alpha
-    };
-
-  };
-
-  /**
-   * @returns the HSV and alpha components of this HSVColor as an object with h,
-   * s, v, and a properties. h is in the range [0,360), s and v are in the range
-   * [0,100], and a is in the range [0,1].
-   */
-  this.getHSV = function(){
-
-    // return the HSV components
-    return {
-      'h' : hsv.h,
-      's' : hsv.s,
-      'v' : hsv.v,
-      'a' : alpha
-    };
-
-  };
-
-  /**
-   * @returns the HSL and alpha components of this HSVColor as an object with h,
-   * s, l, and a properties. h is in the range [0,360), s and l are in the range
-   * [0,100], and a is in the range [0,1].
-   */
-  this.getHSL = function(){
-
-    // calculate the HSL components if necessary
-    if (hsl == null) this.calculateHSL();
-
-    // return the HSL components
-    return {
-      'h' : hsl.h,
-      's' : hsl.s,
-      'l' : hsl.l,
-      'a' : alpha
-    };
-
-  };
-
-}
-Roo.lib.HSVColor.prototype = new Roo.lib.Color();
+  } 
+ 
 
+});
+ 
 
 /**
  * @class Roo.lib.HSLColor
  * @extends Roo.lib.Color
- * 
+ *
+ * @constructor
  * Creates a Color specified in the HSL Color space, with an optional alpha
  * component. The parameters are:
  *
- * h - the hue component, wrapped to the range [0,360)
- * s - the saturation component, clipped to the range [0,100]
- * l - the lightness component, clipped to the range [0,100]
- * a - the alpha component, clipped to the range [0,1] - this parameter is
+ * @param {Number} h - the hue component, wrapped to the range [0,360)
+ * @param {Number} s - the saturation component, clipped to the range [0,100]
+ * @param {Number} l - the lightness component, clipped to the range [0,100]
+ * @param {Number} a - the alpha component, clipped to the range [0,1] - this parameter is
  *     optional and defaults to 1
  */
 
 Roo.lib.HSLColor = function(h, s, l, a){
 
   // store the alpha component after clipping it if necessary
-  var alpha = (a === undefined ? 1 : Math.max(0, Math.min(1, a)));
+  this.alpha = (a === undefined ? 1 : Math.max(0, Math.min(1, a)));
 
   // store the HSL components after clipping or wrapping them if necessary
-  var hsl =
+  this.hsl =
       {
         'h' : (h % 360 + 360) % 360,
         's' : Math.max(0, Math.min(100, s)),
@@ -620,35 +585,36 @@ Roo.lib.HSLColor = function(h, s, l, a){
       };
 
   // initialise the RGB and HSV components to null
-  var rgb = null;
-  var hsv = null;
+}
+
+Roo.extend(Roo.lib.HSL, Roo.lib.Color, {
 
   /* Calculates and stores the RGB components of this HSLColor so that they can
    * be returned be the getRGB function.
    */
-  function calculateRGB(){
+  calculateRGB: function (){
 
     // check whether the saturation is zero
-    if (hsl.s == 0){
+    if (this.hsl.s == 0){
 
       // store the RGB components representing the appropriate shade of grey
-      rgb =
+      this.rgb =
           {
-            'r' : hsl.l * 2.55,
-            'g' : hsl.l * 2.55,
-            'b' : hsl.l * 2.55
+            'r' : this.hsl.l * 2.55,
+            'g' : this.hsl.l * 2.55,
+            'b' : this.hsl.l * 2.55
           };
 
     }else{
 
       // set some temporary values
-      var p = hsl.l < 50
-            ? hsl.l * (1 + hsl.s / 100)
-            : hsl.l + hsl.s - hsl.l * hsl.s / 100;
+      var p = this.hsl.l < 50
+            ? this.hsl.l * (1 + hsl.s / 100)
+            : this.hsl.l + hsl.s - hsl.l * hsl.s / 100;
       var q = 2 * hsl.l - p;
 
       // initialise the RGB components
-      rgb =
+      this.rgb =
           {
             'r' : (h + 120) / 60 % 6,
             'g' : h / 60,
@@ -656,24 +622,24 @@ Roo.lib.HSLColor = function(h, s, l, a){
           };
 
       // loop over the RGB components
-      for (var key in rgb){
+      for (var key in this.rgb){
 
         // ensure that the property is not inherited from the root object
-        if (rgb.hasOwnProperty(key)){
+        if (this.rgb.hasOwnProperty(key)){
 
           // set the component to its value in the range [0,100]
-          if (rgb[key] < 1){
-            rgb[key] = q + (p - q) * rgb[key];
-          }else if (rgb[key] < 3){
-            rgb[key] = p;
-          }else if (rgb[key] < 4){
-            rgb[key] = q + (p - q) * (4 - rgb[key]);
+          if (this.rgb[key] < 1){
+            this.rgb[key] = q + (p - q) * this.rgb[key];
+          }else if (this.rgb[key] < 3){
+            this.rgb[key] = p;
+          }else if (this.rgb[key] < 4){
+            this.rgb[key] = q + (p - q) * (4 - this.rgb[key]);
           }else{
-            rgb[key] = q;
+            this.rgb[key] = q;
           }
 
           // set the component to its value in the range [0,255]
-          rgb[key] *= 2.55;
+          this.rgb[key] *= 2.55;
 
         }
 
@@ -681,7 +647,7 @@ Roo.lib.HSLColor = function(h, s, l, a){
 
     }
 
-  }
+  },
 
   /* Calculates and stores the HSV components of this HSLColor so that they can
    * be returned be the getHSL function.
@@ -689,77 +655,20 @@ Roo.lib.HSLColor = function(h, s, l, a){
    calculateHSV : function(){
 
     // set a temporary value
-    var t = hsl.s * (hsl.l < 50 ? hsl.l : 100 - hsl.l) / 100;
+    var t = this.hsl.s * (this.hsl.l < 50 ? this.hsl.l : 100 - this.hsl.l) / 100;
 
     // store the HSV components
-    hsv =
+    this.hsv =
         {
-          'h' : hsl.h,
-          's' : 200 * t / (hsl.l + t),
-          'v' : t + hsl.l
+          'h' : this.hsl.h,
+          's' : 200 * t / (this.hsl.l + t),
+          'v' : t + this.hsl.l
         };
 
     // correct a division-by-zero error
-    if (isNaN(hsv.s)) hsv.s = 0;
+    if (isNaN(this.hsv.s)) this.hsv.s = 0;
 
   }
+ 
 
-  /**
-   * @returns the RGB and alpha components of this HSLColor as an object with r,
-   * g, b, and a properties. r, g, and b are in the range [0,255] and a is in
-   * the range [0,1].
-   */
-  this.getRGB = function(){
-
-    // calculate the RGB components if necessary
-    if (rgb == null) calculateRGB();
-
-    // return the RGB components
-    return {
-      'r' : rgb.r,
-      'g' : rgb.g,
-      'b' : rgb.b,
-      'a' : alpha
-    };
-
-  };
-
-  /**
-   * @returns the HSV and alpha components of this HSLColor as an object with h,
-   * s, v, and a properties. h is in the range [0,360), s and v are in the range
-   * [0,100], and a is in the range [0,1].
-   */
-  this.getHSV = function(){
-
-    // calculate the HSV components if necessary
-    if (hsv == null) this.calculateHSV();
-
-    // return the HSV components
-    return {
-      'h' : hsv.h,
-      's' : hsv.s,
-      'v' : hsv.v,
-      'a' : alpha
-    };
-
-  };
-
-  /**
-   * @returns the HSL and alpha components of this HSLColor as an object with h,
-   * s, l, and a properties. h is in the range [0,360), s and l are in the range
-   * [0,100], and a is in the range [0,1].
-   */
-  this.getHSL = function(){
-
-    // return the HSL components
-    return {
-      'h' : hsl.h,
-      's' : hsl.s,
-      'l' : hsl.l,
-      'a' : alpha
-    };
-
-  };
-
-}
-Roo.lib.HSLColor.prototype = new Roo.lib.Color();
\ No newline at end of file
+});
diff --git a/docs/json/roodata.json b/docs/json/roodata.json
index 4f70576086..72922b9d97 100644
--- a/docs/json/roodata.json
+++ b/docs/json/roodata.json
@@ -274288,6 +274288,38 @@
         "requires" : "",
         "params" : [],
         "returns" : []
+      },
+      {
+        "name" : "serializeForm",
+        "type" : "function",
+        "desc" : "serialize a form",
+        "sig" : "(form)",
+        "static" : true,
+        "memberOf" : "",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "form",
+            "type" : "DomForm",
+            "desc" : "element",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "urlencode form output."
+          }
+        ]
       }
     ],
     "isAbstract" : false,
@@ -274297,31 +274329,17 @@
     "tree_parent" : []
   },
   "Roo.lib.Color" : {
-    "props" : [],
-    "events" : [],
-    "methods" : [],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "childClasses" : {
-      "Roo.lib.Color" : [
-        "Roo.lib.HSLColor"
-      ]
-    },
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.lib.Dom" : {
     "props" : [],
     "events" : [],
     "methods" : [
       {
-        "name" : "getDocumentHeight",
+        "name" : "getCSSHSL",
         "type" : "function",
-        "desc" : "Get the Full Document height",
+        "desc" : "getCSSHSL",
         "sig" : "()\n{\n\n}",
-        "static" : true,
+        "static" : false,
         "memberOf" : "",
-        "isStatic" : true,
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
@@ -274334,19 +274352,19 @@
         "returns" : [
           {
             "name" : "",
-            "type" : "Number",
-            "desc" : "The height"
+            "type" : "String",
+            "desc" : "a string representing this Color as a CSS HSL Color value - that\nis, a string of the form hsl(h,s%,l%) where h is in the range [0,100] and\ns and l are in the range [0,100]."
           }
         ]
       },
       {
-        "name" : "getDocumentWidth",
+        "name" : "getCSSHSLA",
         "type" : "function",
-        "desc" : "Get the Full Document width",
+        "desc" : "getCSSHSLA",
         "sig" : "()\n{\n\n}",
-        "static" : true,
+        "static" : false,
         "memberOf" : "",
-        "isStatic" : true,
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
@@ -274359,19 +274377,19 @@
         "returns" : [
           {
             "name" : "",
-            "type" : "Number",
-            "desc" : "The width"
+            "type" : "String",
+            "desc" : "a string representing this Color as a CSS HSLA Color value - that\nis, a string of the form hsla(h,s%,l%,a) where h is in the range [0,100],\ns and l are in the range [0,100], and a is in the range [0,1]."
           }
         ]
       },
       {
-        "name" : "getViewHeight",
+        "name" : "getCSSHexadecimalRGB",
         "type" : "function",
-        "desc" : "Get the view height",
-        "sig" : "(full)",
-        "static" : true,
+        "desc" : "getCSSHexadecimalRGB",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
         "memberOf" : "",
-        "isStatic" : true,
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
@@ -274380,30 +274398,48 @@
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "full",
-            "type" : "Boolean",
-            "desc" : "True will get the full document, otherwise it's the view height",
-            "isOptional" : false
+            "name" : "",
+            "type" : "String",
+            "desc" : "a string representing this Color as a CSS hexadecimal RGB Color\nvalue - that is, a string of the form #RRGGBB where each of RR, GG, and BB\nare two-digit hexadecimal numbers."
           }
-        ],
+        ]
+      },
+      {
+        "name" : "getCSSIntegerRGB",
+        "type" : "function",
+        "desc" : "getCSSIntegerRGB",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Number",
-            "desc" : "The height"
+            "type" : "String",
+            "desc" : "a string representing this Color as a CSS integer RGB Color\nvalue - that is, a string of the form rgb(r,g,b) where each of r, g, and b\nare integers in the range [0,255]."
           }
         ]
       },
       {
-        "name" : "getViewWidth",
+        "name" : "getCSSIntegerRGBA",
         "type" : "function",
-        "desc" : "Get the view width",
-        "sig" : "(full)",
-        "static" : true,
+        "desc" : "getCSSIntegerRGBA",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
         "memberOf" : "",
-        "isStatic" : true,
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
@@ -274412,30 +274448,48 @@
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "full",
-            "type" : "Boolean",
-            "desc" : "True will get the full document, otherwise it's the view width",
-            "isOptional" : false
+            "name" : "",
+            "type" : "String",
+            "desc" : "Returns a string representing this Color as a CSS integer RGBA Color\nvalue - that is, a string of the form rgba(r,g,b,a) where each of r, g, and\nb are integers in the range [0,255] and a is in the range [0,1]."
           }
-        ],
+        ]
+      },
+      {
+        "name" : "getCSSPercentageRGB",
+        "type" : "function",
+        "desc" : "getCSSPercentageRGB",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Number",
-            "desc" : "The width"
+            "type" : "String",
+            "desc" : "a string representing this Color as a CSS percentage RGB Color\nvalue - that is, a string of the form rgb(r%,g%,b%) where each of r, g, and\nb are in the range [0,100]."
           }
         ]
       },
       {
-        "name" : "getViewportHeight",
+        "name" : "getCSSPercentageRGBA",
         "type" : "function",
-        "desc" : "Get the Window Viewport height",
+        "desc" : "getCSSPercentageRGBA",
         "sig" : "()\n{\n\n}",
-        "static" : true,
+        "static" : false,
         "memberOf" : "",
-        "isStatic" : true,
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
@@ -274448,19 +274502,19 @@
         "returns" : [
           {
             "name" : "",
-            "type" : "Number",
-            "desc" : "The height"
+            "type" : "String",
+            "desc" : "a string representing this Color as a CSS percentage RGBA Color\nvalue - that is, a string of the form rgba(r%,g%,b%,a) where each of r, g,\nand b are in the range [0,100] and a is in the range [0,1]."
           }
         ]
       },
       {
-        "name" : "getViewportWidth",
+        "name" : "getHSL",
         "type" : "function",
-        "desc" : "Get the Window Viewport width",
+        "desc" : "getHSL",
         "sig" : "()\n{\n\n}",
-        "static" : true,
+        "static" : false,
         "memberOf" : "",
-        "isStatic" : true,
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
@@ -274473,22 +274527,1434 @@
         "returns" : [
           {
             "name" : "",
-            "type" : "Number",
-            "desc" : "The width"
+            "type" : "Object",
+            "desc" : "the HSL and alpha components of this Color as an object with h,\ns, l, and a properties. h is in the range [0,360), s and l are in the range\n[0,100], and a is in the range [0,1]."
           }
         ]
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "childClasses" : {    },
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.lib.HSLColor" : {
-    "props" : [],
-    "events" : [],
-    "methods" : [],
+      },
+      {
+        "name" : "getHSV",
+        "type" : "function",
+        "desc" : "getHSV",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "the HSV and alpha components of this Color as an object with h,\ns, v, and a properties. h is in the range [0,360), s and v are in the range\n[0,100], and a is in the range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "getIntegerRGB",
+        "type" : "function",
+        "desc" : "getIntegerRGB",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "an object representing the RGBA components of this Color. The red,\ngreen, and blue components are converted to integers in the range [0,255].\nThe alpha is a value in the range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "getPercentageRGB",
+        "type" : "function",
+        "desc" : "getPercentageRGB",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "an object representing the RGBA components of this Color. The red,\ngreen, and blue components are converted to numbers in the range [0,100].\nThe alpha is a value in the range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "getRGB",
+        "type" : "function",
+        "desc" : "getRGB",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "the RGB and alpha components of this Color as an object with r,\ng, b, and a properties. r, g, and b are in the range [0,255] and a is in\nthe range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "setNodeBackgroundColor",
+        "type" : "function",
+        "desc" : "Sets the background Color of the specified node to this Color. This\nfunctions sets the CSS 'background-color' property for the node. The\nparameter is:",
+        "sig" : "(node)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "node",
+            "type" : "DomElement",
+            "desc" : "- the node whose background Color should be set",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setNodeColor",
+        "type" : "function",
+        "desc" : "Sets the Color of the specified node to this Color. This functions sets\nthe CSS 'color' property for the node. The parameter is:",
+        "sig" : "(node)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "node",
+            "type" : "DomElement",
+            "desc" : "- the node whose Color should be set",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "childClasses" : {
+      "Roo.lib.Color" : [
+        "Roo.lib.HSLColor",
+        "Roo.lib.HSVColor",
+        "Roo.lib.RGBColor"
+      ]
+    },
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.lib.Dom" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
+      {
+        "name" : "getDocumentHeight",
+        "type" : "function",
+        "desc" : "Get the Full Document height",
+        "sig" : "()\n{\n\n}",
+        "static" : true,
+        "memberOf" : "",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Number",
+            "desc" : "The height"
+          }
+        ]
+      },
+      {
+        "name" : "getDocumentWidth",
+        "type" : "function",
+        "desc" : "Get the Full Document width",
+        "sig" : "()\n{\n\n}",
+        "static" : true,
+        "memberOf" : "",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Number",
+            "desc" : "The width"
+          }
+        ]
+      },
+      {
+        "name" : "getViewHeight",
+        "type" : "function",
+        "desc" : "Get the view height",
+        "sig" : "(full)",
+        "static" : true,
+        "memberOf" : "",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "full",
+            "type" : "Boolean",
+            "desc" : "True will get the full document, otherwise it's the view height",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Number",
+            "desc" : "The height"
+          }
+        ]
+      },
+      {
+        "name" : "getViewWidth",
+        "type" : "function",
+        "desc" : "Get the view width",
+        "sig" : "(full)",
+        "static" : true,
+        "memberOf" : "",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "full",
+            "type" : "Boolean",
+            "desc" : "True will get the full document, otherwise it's the view width",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Number",
+            "desc" : "The width"
+          }
+        ]
+      },
+      {
+        "name" : "getViewportHeight",
+        "type" : "function",
+        "desc" : "Get the Window Viewport height",
+        "sig" : "()\n{\n\n}",
+        "static" : true,
+        "memberOf" : "",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Number",
+            "desc" : "The height"
+          }
+        ]
+      },
+      {
+        "name" : "getViewportWidth",
+        "type" : "function",
+        "desc" : "Get the Window Viewport width",
+        "sig" : "()\n{\n\n}",
+        "static" : true,
+        "memberOf" : "",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Number",
+            "desc" : "The width"
+          }
+        ]
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "childClasses" : {    },
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.lib.HSLColor" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
+      {
+        "name" : "getCSSHSL",
+        "type" : "function",
+        "desc" : "getCSSHSL",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "a string representing this Color as a CSS HSL Color value - that\nis, a string of the form hsl(h,s%,l%) where h is in the range [0,100] and\ns and l are in the range [0,100]."
+          }
+        ]
+      },
+      {
+        "name" : "getCSSHSLA",
+        "type" : "function",
+        "desc" : "getCSSHSLA",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "a string representing this Color as a CSS HSLA Color value - that\nis, a string of the form hsla(h,s%,l%,a) where h is in the range [0,100],\ns and l are in the range [0,100], and a is in the range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "getCSSHexadecimalRGB",
+        "type" : "function",
+        "desc" : "getCSSHexadecimalRGB",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "a string representing this Color as a CSS hexadecimal RGB Color\nvalue - that is, a string of the form #RRGGBB where each of RR, GG, and BB\nare two-digit hexadecimal numbers."
+          }
+        ]
+      },
+      {
+        "name" : "getCSSIntegerRGB",
+        "type" : "function",
+        "desc" : "getCSSIntegerRGB",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "a string representing this Color as a CSS integer RGB Color\nvalue - that is, a string of the form rgb(r,g,b) where each of r, g, and b\nare integers in the range [0,255]."
+          }
+        ]
+      },
+      {
+        "name" : "getCSSIntegerRGBA",
+        "type" : "function",
+        "desc" : "getCSSIntegerRGBA",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "Returns a string representing this Color as a CSS integer RGBA Color\nvalue - that is, a string of the form rgba(r,g,b,a) where each of r, g, and\nb are integers in the range [0,255] and a is in the range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "getCSSPercentageRGB",
+        "type" : "function",
+        "desc" : "getCSSPercentageRGB",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "a string representing this Color as a CSS percentage RGB Color\nvalue - that is, a string of the form rgb(r%,g%,b%) where each of r, g, and\nb are in the range [0,100]."
+          }
+        ]
+      },
+      {
+        "name" : "getCSSPercentageRGBA",
+        "type" : "function",
+        "desc" : "getCSSPercentageRGBA",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "a string representing this Color as a CSS percentage RGBA Color\nvalue - that is, a string of the form rgba(r%,g%,b%,a) where each of r, g,\nand b are in the range [0,100] and a is in the range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "getHSL",
+        "type" : "function",
+        "desc" : "getHSL",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "the HSL and alpha components of this Color as an object with h,\ns, l, and a properties. h is in the range [0,360), s and l are in the range\n[0,100], and a is in the range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "getHSV",
+        "type" : "function",
+        "desc" : "getHSV",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "the HSV and alpha components of this Color as an object with h,\ns, v, and a properties. h is in the range [0,360), s and v are in the range\n[0,100], and a is in the range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "getIntegerRGB",
+        "type" : "function",
+        "desc" : "getIntegerRGB",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "an object representing the RGBA components of this Color. The red,\ngreen, and blue components are converted to integers in the range [0,255].\nThe alpha is a value in the range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "getPercentageRGB",
+        "type" : "function",
+        "desc" : "getPercentageRGB",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "an object representing the RGBA components of this Color. The red,\ngreen, and blue components are converted to numbers in the range [0,100].\nThe alpha is a value in the range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "getRGB",
+        "type" : "function",
+        "desc" : "getRGB",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "the RGB and alpha components of this Color as an object with r,\ng, b, and a properties. r, g, and b are in the range [0,255] and a is in\nthe range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "setNodeBackgroundColor",
+        "type" : "function",
+        "desc" : "Sets the background Color of the specified node to this Color. This\nfunctions sets the CSS 'background-color' property for the node. The\nparameter is:",
+        "sig" : "(node)",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "node",
+            "type" : "DomElement",
+            "desc" : "- the node whose background Color should be set",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setNodeColor",
+        "type" : "function",
+        "desc" : "Sets the Color of the specified node to this Color. This functions sets\nthe CSS 'color' property for the node. The parameter is:",
+        "sig" : "(node)",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "node",
+            "type" : "DomElement",
+            "desc" : "- the node whose Color should be set",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "childClasses" : {    },
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.lib.HSVColor" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
+      {
+        "name" : "getCSSHSL",
+        "type" : "function",
+        "desc" : "getCSSHSL",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "a string representing this Color as a CSS HSL Color value - that\nis, a string of the form hsl(h,s%,l%) where h is in the range [0,100] and\ns and l are in the range [0,100]."
+          }
+        ]
+      },
+      {
+        "name" : "getCSSHSLA",
+        "type" : "function",
+        "desc" : "getCSSHSLA",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "a string representing this Color as a CSS HSLA Color value - that\nis, a string of the form hsla(h,s%,l%,a) where h is in the range [0,100],\ns and l are in the range [0,100], and a is in the range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "getCSSHexadecimalRGB",
+        "type" : "function",
+        "desc" : "getCSSHexadecimalRGB",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "a string representing this Color as a CSS hexadecimal RGB Color\nvalue - that is, a string of the form #RRGGBB where each of RR, GG, and BB\nare two-digit hexadecimal numbers."
+          }
+        ]
+      },
+      {
+        "name" : "getCSSIntegerRGB",
+        "type" : "function",
+        "desc" : "getCSSIntegerRGB",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "a string representing this Color as a CSS integer RGB Color\nvalue - that is, a string of the form rgb(r,g,b) where each of r, g, and b\nare integers in the range [0,255]."
+          }
+        ]
+      },
+      {
+        "name" : "getCSSIntegerRGBA",
+        "type" : "function",
+        "desc" : "getCSSIntegerRGBA",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "Returns a string representing this Color as a CSS integer RGBA Color\nvalue - that is, a string of the form rgba(r,g,b,a) where each of r, g, and\nb are integers in the range [0,255] and a is in the range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "getCSSPercentageRGB",
+        "type" : "function",
+        "desc" : "getCSSPercentageRGB",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "a string representing this Color as a CSS percentage RGB Color\nvalue - that is, a string of the form rgb(r%,g%,b%) where each of r, g, and\nb are in the range [0,100]."
+          }
+        ]
+      },
+      {
+        "name" : "getCSSPercentageRGBA",
+        "type" : "function",
+        "desc" : "getCSSPercentageRGBA",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "a string representing this Color as a CSS percentage RGBA Color\nvalue - that is, a string of the form rgba(r%,g%,b%,a) where each of r, g,\nand b are in the range [0,100] and a is in the range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "getHSL",
+        "type" : "function",
+        "desc" : "getHSL",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "the HSL and alpha components of this Color as an object with h,\ns, l, and a properties. h is in the range [0,360), s and l are in the range\n[0,100], and a is in the range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "getHSV",
+        "type" : "function",
+        "desc" : "getHSV",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "the HSV and alpha components of this Color as an object with h,\ns, v, and a properties. h is in the range [0,360), s and v are in the range\n[0,100], and a is in the range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "getIntegerRGB",
+        "type" : "function",
+        "desc" : "getIntegerRGB",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "an object representing the RGBA components of this Color. The red,\ngreen, and blue components are converted to integers in the range [0,255].\nThe alpha is a value in the range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "getPercentageRGB",
+        "type" : "function",
+        "desc" : "getPercentageRGB",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "an object representing the RGBA components of this Color. The red,\ngreen, and blue components are converted to numbers in the range [0,100].\nThe alpha is a value in the range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "getRGB",
+        "type" : "function",
+        "desc" : "getRGB",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "the RGB and alpha components of this Color as an object with r,\ng, b, and a properties. r, g, and b are in the range [0,255] and a is in\nthe range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "setNodeBackgroundColor",
+        "type" : "function",
+        "desc" : "Sets the background Color of the specified node to this Color. This\nfunctions sets the CSS 'background-color' property for the node. The\nparameter is:",
+        "sig" : "(node)",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "node",
+            "type" : "DomElement",
+            "desc" : "- the node whose background Color should be set",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setNodeColor",
+        "type" : "function",
+        "desc" : "Sets the Color of the specified node to this Color. This functions sets\nthe CSS 'color' property for the node. The parameter is:",
+        "sig" : "(node)",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "node",
+            "type" : "DomElement",
+            "desc" : "- the node whose Color should be set",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "childClasses" : {    },
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.lib.RGBColor" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
+      {
+        "name" : "getCSSHSL",
+        "type" : "function",
+        "desc" : "getCSSHSL",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "a string representing this Color as a CSS HSL Color value - that\nis, a string of the form hsl(h,s%,l%) where h is in the range [0,100] and\ns and l are in the range [0,100]."
+          }
+        ]
+      },
+      {
+        "name" : "getCSSHSLA",
+        "type" : "function",
+        "desc" : "getCSSHSLA",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "a string representing this Color as a CSS HSLA Color value - that\nis, a string of the form hsla(h,s%,l%,a) where h is in the range [0,100],\ns and l are in the range [0,100], and a is in the range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "getCSSHexadecimalRGB",
+        "type" : "function",
+        "desc" : "getCSSHexadecimalRGB",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "a string representing this Color as a CSS hexadecimal RGB Color\nvalue - that is, a string of the form #RRGGBB where each of RR, GG, and BB\nare two-digit hexadecimal numbers."
+          }
+        ]
+      },
+      {
+        "name" : "getCSSIntegerRGB",
+        "type" : "function",
+        "desc" : "getCSSIntegerRGB",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "a string representing this Color as a CSS integer RGB Color\nvalue - that is, a string of the form rgb(r,g,b) where each of r, g, and b\nare integers in the range [0,255]."
+          }
+        ]
+      },
+      {
+        "name" : "getCSSIntegerRGBA",
+        "type" : "function",
+        "desc" : "getCSSIntegerRGBA",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "Returns a string representing this Color as a CSS integer RGBA Color\nvalue - that is, a string of the form rgba(r,g,b,a) where each of r, g, and\nb are integers in the range [0,255] and a is in the range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "getCSSPercentageRGB",
+        "type" : "function",
+        "desc" : "getCSSPercentageRGB",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "a string representing this Color as a CSS percentage RGB Color\nvalue - that is, a string of the form rgb(r%,g%,b%) where each of r, g, and\nb are in the range [0,100]."
+          }
+        ]
+      },
+      {
+        "name" : "getCSSPercentageRGBA",
+        "type" : "function",
+        "desc" : "getCSSPercentageRGBA",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "a string representing this Color as a CSS percentage RGBA Color\nvalue - that is, a string of the form rgba(r%,g%,b%,a) where each of r, g,\nand b are in the range [0,100] and a is in the range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "getHSL",
+        "type" : "function",
+        "desc" : "getHSL",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "the HSL and alpha components of this Color as an object with h,\ns, l, and a properties. h is in the range [0,360), s and l are in the range\n[0,100], and a is in the range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "getHSV",
+        "type" : "function",
+        "desc" : "getHSV",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "the HSV and alpha components of this Color as an object with h,\ns, v, and a properties. h is in the range [0,360), s and v are in the range\n[0,100], and a is in the range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "getIntegerRGB",
+        "type" : "function",
+        "desc" : "getIntegerRGB",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "an object representing the RGBA components of this Color. The red,\ngreen, and blue components are converted to integers in the range [0,255].\nThe alpha is a value in the range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "getPercentageRGB",
+        "type" : "function",
+        "desc" : "getPercentageRGB",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "an object representing the RGBA components of this Color. The red,\ngreen, and blue components are converted to numbers in the range [0,100].\nThe alpha is a value in the range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "getRGB",
+        "type" : "function",
+        "desc" : "getRGB",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "the RGB and alpha components of this Color as an object with r,\ng, b, and a properties. r, g, and b are in the range [0,255] and a is in\nthe range [0,1]."
+          }
+        ]
+      },
+      {
+        "name" : "setNodeBackgroundColor",
+        "type" : "function",
+        "desc" : "Sets the background Color of the specified node to this Color. This\nfunctions sets the CSS 'background-color' property for the node. The\nparameter is:",
+        "sig" : "(node)",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "node",
+            "type" : "DomElement",
+            "desc" : "- the node whose background Color should be set",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setNodeColor",
+        "type" : "function",
+        "desc" : "Sets the Color of the specified node to this Color. This functions sets\nthe CSS 'color' property for the node. The parameter is:",
+        "sig" : "(node)",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "node",
+            "type" : "DomElement",
+            "desc" : "- the node whose Color should be set",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      }
+    ],
     "isAbstract" : false,
     "isBuilderTop" : false,
     "childClasses" : {    },
diff --git a/docs/src/Roo_lib_Ajax.js.html b/docs/src/Roo_lib_Ajax.js.html
index f27256f10e..ac87919b0e 100644
--- a/docs/src/Roo_lib_Ajax.js.html
+++ b/docs/src/Roo_lib_Ajax.js.html
@@ -1,15 +1,17 @@
-<html><head><title>Roo/lib/Ajax.js</title><link rel="stylesheet" type="text/css" href="../../css/highlight-js.css"/></head><body class="highlightpage"><code class="jsdoc-pretty"><span class="jsdoc-comment">/*
- * Portions of this file are based on pieces of Yahoo User Interface Library
- * Copyright (c) 2007, Yahoo! Inc. All rights reserved.
- * YUI licensed under the BSD License:
- * http://developer.yahoo.net/yui/license.txt
- * &lt;script type=&quot;text/javascript&quot;&gt;
- *
- */
-
-</span><span class="jsdoc-syntax">(</span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">() {
+<html><head><title>Roo/lib/Ajax.js</title><link rel="stylesheet" type="text/css" href="../../css/highlight-js.css"/></head><body class="highlightpage"><code class="jsdoc-pretty">
+
+<span class="jsdoc-syntax">(</span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">() {
     </span><span class="jsdoc-comment">/**
      * @class Roo.lib.Ajax
+     *
+     * provide a simple Ajax request utility functions
+     * 
+     * Portions of this file are based on pieces of Yahoo User Interface Library
+    * Copyright (c) 2007, Yahoo! Inc. All rights reserved.
+    * YUI licensed under the BSD License:
+    * http://developer.yahoo.net/yui/license.txt
+    * &lt;script type=&quot;text/javascript&quot;&gt;
+    *
      *
      */
     </span><span class="jsdoc-var">Roo.lib.Ajax </span><span class="jsdoc-syntax">= {
@@ -35,7 +37,13 @@
 
             </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">this.asyncRequest</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">method</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">uri</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">cb</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">data</span><span class="jsdoc-syntax">);
         },
-
+        </span><span class="jsdoc-comment">/**
+         * serialize a form
+         *
+         * @static
+         * @param {DomForm} form element
+         * @return {String} urlencode form output.
+         */
         </span><span class="jsdoc-var">serializeForm </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">form</span><span class="jsdoc-syntax">) {
             </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-keyword">typeof </span><span class="jsdoc-var">form </span><span class="jsdoc-syntax">== </span><span class="jsdoc-string">'string'</span><span class="jsdoc-syntax">) {
                 </span><span class="jsdoc-var">form </span><span class="jsdoc-syntax">= (</span><span class="jsdoc-var">document.getElementById</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">form</span><span class="jsdoc-syntax">) || </span><span class="jsdoc-var">document.forms</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">form</span><span class="jsdoc-syntax">]);
diff --git a/docs/src/Roo_lib_Color.js.html b/docs/src/Roo_lib_Color.js.html
index 8b940928ce..3a987bc272 100644
--- a/docs/src/Roo_lib_Color.js.html
+++ b/docs/src/Roo_lib_Color.js.html
@@ -1,23 +1,6 @@
-<html><head><title>Roo/lib/Color.js</title><link rel="stylesheet" type="text/css" href="../../css/highlight-js.css"/></head><body class="highlightpage"><code class="jsdoc-pretty"><span class="jsdoc-comment">/*
+<html><head><title>Roo/lib/Color.js</title><link rel="stylesheet" type="text/css" href="../../css/highlight-js.css"/></head><body class="highlightpage"><code class="jsdoc-pretty">
 
-Color.js
-
-Functions for Color handling and processing.
-
-http://www.safalra.com/web-design/javascript/Color-handling-and-processing/
-
-The author of this program, Safalra (Stephen Morley), irrevocably releases all
-rights to this program, with the intention of it becoming part of the public
-domain. Because this program is released into the public domain, it comes with
-no warranty either expressed or implied, to the extent permitted by law.
-
-For more free and public domain JavaScript code by the same author, visit:
-http://www.safalra.com/web-design/javascript/
-
-*/
-
-
-/*
+<span class="jsdoc-comment">/**
  * @class Roo.lib.Color
  * @constructor
  * An abstract Color implementation. Concrete Color implementations should use
@@ -28,13 +11,35 @@ http://www.safalra.com/web-design/javascript/
  * return an object representing the HSL components of this Color, with the hue
  * component in the range [0,360), the saturation and lightness components in
  * the range [0,100], and the alpha component in the range [0,1].
+ *
+ *
+ * Color.js
+ *
+ * Functions for Color handling and processing.
+ *
+ * http://www.safalra.com/web-design/javascript/Color-handling-and-processing/
+ *
+ * The author of this program, Safalra (Stephen Morley), irrevocably releases all
+ * rights to this program, with the intention of it becoming part of the public
+ * domain. Because this program is released into the public domain, it comes with
+ * no warranty either expressed or implied, to the extent permitted by law.
+ * 
+ * For more free and public domain JavaScript code by the same author, visit:
+ * http://www.safalra.com/web-design/javascript/
+ * 
  */
 </span><span class="jsdoc-var">Roo.lib.Color </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">() { }
 
 
 </span><span class="jsdoc-var">Roo.apply</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">Roo.lib.Color.prototype</span><span class="jsdoc-syntax">, {
+
+  </span><span class="jsdoc-var">rgb </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">,
+  </span><span class="jsdoc-var">hsv </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">,
+  </span><span class="jsdoc-var">hsl </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">,
+
   </span><span class="jsdoc-comment">/**
-   * @returns an object representing the RGBA components of this Color. The red,
+   * getIntegerRGB
+   * @return {Object} an object representing the RGBA components of this Color. The red,
    * green, and blue components are converted to integers in the range [0,255].
    * The alpha is a value in the range [0,1].
    */
@@ -54,7 +59,8 @@ http://www.safalra.com/web-design/javascript/
   },
 
   </span><span class="jsdoc-comment">/**
-   * @returns an object representing the RGBA components of this Color. The red,
+   * getPercentageRGB
+   * @return {Object} an object representing the RGBA components of this Color. The red,
    * green, and blue components are converted to numbers in the range [0,100].
    * The alpha is a value in the range [0,1].
    */
@@ -74,7 +80,8 @@ http://www.safalra.com/web-design/javascript/
   },
 
   </span><span class="jsdoc-comment">/**
-   * @returns a string representing this Color as a CSS hexadecimal RGB Color
+   * getCSSHexadecimalRGB
+   * @return {String} a string representing this Color as a CSS hexadecimal RGB Color
    * value - that is, a string of the form #RRGGBB where each of RR, GG, and BB
    * are two-digit hexadecimal numbers.
    */
@@ -98,7 +105,8 @@ http://www.safalra.com/web-design/javascript/
   },
 
   </span><span class="jsdoc-comment">/**
-   * @returns a string representing this Color as a CSS integer RGB Color
+   * getCSSIntegerRGB
+   * @return {String} a string representing this Color as a CSS integer RGB Color
    * value - that is, a string of the form rgb(r,g,b) where each of r, g, and b
    * are integers in the range [0,255].
    */
@@ -113,7 +121,8 @@ http://www.safalra.com/web-design/javascript/
   },
 
   </span><span class="jsdoc-comment">/**
-   * @returns Returns a string representing this Color as a CSS integer RGBA Color
+   * getCSSIntegerRGBA
+   * @return {String} Returns a string representing this Color as a CSS integer RGBA Color
    * value - that is, a string of the form rgba(r,g,b,a) where each of r, g, and
    * b are integers in the range [0,255] and a is in the range [0,1].
    */
@@ -128,7 +137,8 @@ http://www.safalra.com/web-design/javascript/
   },
 
   </span><span class="jsdoc-comment">/**
-   * @returns a string representing this Color as a CSS percentage RGB Color
+   * getCSSPercentageRGB
+   * @return {String} a string representing this Color as a CSS percentage RGB Color
    * value - that is, a string of the form rgb(r%,g%,b%) where each of r, g, and
    * b are in the range [0,100].
    */
@@ -143,7 +153,8 @@ http://www.safalra.com/web-design/javascript/
   },
 
   </span><span class="jsdoc-comment">/**
-   * @returns a string representing this Color as a CSS percentage RGBA Color
+   * getCSSPercentageRGBA
+   * @return {String} a string representing this Color as a CSS percentage RGBA Color
    * value - that is, a string of the form rgba(r%,g%,b%,a) where each of r, g,
    * and b are in the range [0,100] and a is in the range [0,1].
    */
@@ -158,7 +169,8 @@ http://www.safalra.com/web-design/javascript/
   },
 
   </span><span class="jsdoc-comment">/**
-   * @returns a string representing this Color as a CSS HSL Color value - that
+   * getCSSHSL
+   * @return {String} a string representing this Color as a CSS HSL Color value - that
    * is, a string of the form hsl(h,s%,l%) where h is in the range [0,100] and
    * s and l are in the range [0,100].
    */
@@ -173,7 +185,8 @@ http://www.safalra.com/web-design/javascript/
   },
 
   </span><span class="jsdoc-comment">/**
-   * @returns a string representing this Color as a CSS HSLA Color value - that
+   * getCSSHSLA
+   * @return {String} a string representing this Color as a CSS HSLA Color value - that
    * is, a string of the form hsla(h,s%,l%,a) where h is in the range [0,100],
    * s and l are in the range [0,100], and a is in the range [0,1].
    */
@@ -245,33 +258,96 @@ http://www.safalra.com/web-design/javascript/
       </span><span class="jsdoc-keyword">return new </span><span class="jsdoc-var">Roo.lib.HSVColor</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">hsv.h</span><span class="jsdoc-syntax">,  </span><span class="jsdoc-var">hsv.s </span><span class="jsdoc-syntax">* </span><span class="jsdoc-var">v</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">hsv.v </span><span class="jsdoc-syntax">,  </span><span class="jsdoc-var">hsv.a </span><span class="jsdoc-syntax">);
 
 
-  }
+  },
+
+
+  </span><span class="jsdoc-comment">/**
+   * getRGB
+   * @return {Object} the RGB and alpha components of this Color as an object with r,
+   * g, b, and a properties. r, g, and b are in the range [0,255] and a is in
+   * the range [0,1].
+   */
+  </span><span class="jsdoc-var">getRGB</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
+
+    </span><span class="jsdoc-comment">// return the RGB components
+    </span><span class="jsdoc-keyword">return </span><span class="jsdoc-syntax">{
+      </span><span class="jsdoc-string">'r' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.rgb.r</span><span class="jsdoc-syntax">,
+      </span><span class="jsdoc-string">'g' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.rgb.g</span><span class="jsdoc-syntax">,
+      </span><span class="jsdoc-string">'b' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.rgb.b</span><span class="jsdoc-syntax">,
+      </span><span class="jsdoc-string">'a' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.alpha
+    </span><span class="jsdoc-syntax">};
+
+  },
+
+  </span><span class="jsdoc-comment">/**
+   * getHSV
+   * @return {Object} the HSV and alpha components of this Color as an object with h,
+   * s, v, and a properties. h is in the range [0,360), s and v are in the range
+   * [0,100], and a is in the range [0,1].
+   */
+  </span><span class="jsdoc-var">getHSV </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">()
+  {
+
+    </span><span class="jsdoc-comment">// calculate the HSV components if necessary
+    </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.hsv </span><span class="jsdoc-syntax">== </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">) </span><span class="jsdoc-var">this.calculateHSV</span><span class="jsdoc-syntax">();
+
+    </span><span class="jsdoc-comment">// return the HSV components
+    </span><span class="jsdoc-keyword">return </span><span class="jsdoc-syntax">{
+      </span><span class="jsdoc-string">'h' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.hsv.h</span><span class="jsdoc-syntax">,
+      </span><span class="jsdoc-string">'s' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.hsv.s</span><span class="jsdoc-syntax">,
+      </span><span class="jsdoc-string">'v' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.hsv.v</span><span class="jsdoc-syntax">,
+      </span><span class="jsdoc-string">'a' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.alpha
+    </span><span class="jsdoc-syntax">};
+
+  },
+
+  </span><span class="jsdoc-comment">/**
+   * getHSL
+   * @return {Object} the HSL and alpha components of this Color as an object with h,
+   * s, l, and a properties. h is in the range [0,360), s and l are in the range
+   * [0,100], and a is in the range [0,1].
+   */
+  </span><span class="jsdoc-var">getHSL </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
 
 
+    </span><span class="jsdoc-comment">// calculate the HSV components if necessary
+    </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.hsl </span><span class="jsdoc-syntax">== </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">) </span><span class="jsdoc-var">this.calculateHSL</span><span class="jsdoc-syntax">();
+
+    </span><span class="jsdoc-comment">// return the HSL components
+    </span><span class="jsdoc-keyword">return </span><span class="jsdoc-syntax">{
+      </span><span class="jsdoc-string">'h' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.hsl.h</span><span class="jsdoc-syntax">,
+      </span><span class="jsdoc-string">'s' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.hsl.s</span><span class="jsdoc-syntax">,
+      </span><span class="jsdoc-string">'l' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.hsl.l</span><span class="jsdoc-syntax">,
+      </span><span class="jsdoc-string">'a' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.alpha
+    </span><span class="jsdoc-syntax">};
+
+  }
 
 
 });
 
 
-</span><span class="jsdoc-comment">/*
+</span><span class="jsdoc-comment">/**
  * @class Roo.lib.RGBColor
  * @extends Roo.lib.Color
  * Creates a Color specified in the RGB Color space, with an optional alpha
  * component. The parameters are:
- *
- * r - the red component, clipped to the range [0,255]
- * g - the green component, clipped to the range [0,255]
- * b - the blue component, clipped to the range [0,255]
- * a - the alpha component, clipped to the range [0,1] - this parameter is
+ * @constructor
+ * 
+
+ * @param {Number} r - the red component, clipped to the range [0,255]
+ * @param {Number} g - the green component, clipped to the range [0,255]
+ * @param {Number} b - the blue component, clipped to the range [0,255]
+ * @param {Number} a - the alpha component, clipped to the range [0,1] - this parameter is
  *     optional and defaults to 1
  */
 </span><span class="jsdoc-var">Roo.lib.RGBColor </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">r</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">g</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">b</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">a</span><span class="jsdoc-syntax">){
 
   </span><span class="jsdoc-comment">// store the alpha component after clipping it if necessary
-  </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">alpha </span><span class="jsdoc-syntax">= (</span><span class="jsdoc-var">a </span><span class="jsdoc-syntax">=== </span><span class="jsdoc-var">undefined </span><span class="jsdoc-syntax">? 1 : </span><span class="jsdoc-var">Math.max</span><span class="jsdoc-syntax">(0, </span><span class="jsdoc-var">Math.min</span><span class="jsdoc-syntax">(1, </span><span class="jsdoc-var">a</span><span class="jsdoc-syntax">)));
+  </span><span class="jsdoc-var">this.alpha </span><span class="jsdoc-syntax">= (</span><span class="jsdoc-var">a </span><span class="jsdoc-syntax">=== </span><span class="jsdoc-var">undefined </span><span class="jsdoc-syntax">? 1 : </span><span class="jsdoc-var">Math.max</span><span class="jsdoc-syntax">(0, </span><span class="jsdoc-var">Math.min</span><span class="jsdoc-syntax">(1, </span><span class="jsdoc-var">a</span><span class="jsdoc-syntax">)));
 
   </span><span class="jsdoc-comment">// store the RGB components after clipping them if necessary
-  </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">rgb </span><span class="jsdoc-syntax">=
+  </span><span class="jsdoc-var">this.rgb </span><span class="jsdoc-syntax">=
       {
         </span><span class="jsdoc-string">'r' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">Math.max</span><span class="jsdoc-syntax">(0, </span><span class="jsdoc-var">Math.min</span><span class="jsdoc-syntax">(255, </span><span class="jsdoc-var">r</span><span class="jsdoc-syntax">)),
         </span><span class="jsdoc-string">'g' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">Math.max</span><span class="jsdoc-syntax">(0, </span><span class="jsdoc-var">Math.min</span><span class="jsdoc-syntax">(255, </span><span class="jsdoc-var">g</span><span class="jsdoc-syntax">)),
@@ -279,78 +355,86 @@ http://www.safalra.com/web-design/javascript/
       };
 
   </span><span class="jsdoc-comment">// initialise the HSV and HSL components to null
-  </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">hsv </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">;
-  </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">hsl </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">;
 
-  </span><span class="jsdoc-comment">/* 
+
+  /* 
    * //private returns the HSV or HSL hue component of this RGBColor. The hue is in the
    * range [0,360). The parameters are:
    *
    * maximum - the maximum of the RGB component values
    * range   - the range of the RGB component values
    */
-  </span><span class="jsdoc-keyword">function </span><span class="jsdoc-var">getHue</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">maximum</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">range</span><span class="jsdoc-syntax">){
 
-    </span><span class="jsdoc-comment">// check whether the range is zero
-    </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">range </span><span class="jsdoc-syntax">== 0){
 
-      </span><span class="jsdoc-comment">// set the hue to zero (any hue is acceptable as the Color is grey)
-      </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">hue </span><span class="jsdoc-syntax">= 0;
+</span><span class="jsdoc-syntax">}
+</span><span class="jsdoc-comment">// this does an 'exteds'
+</span><span class="jsdoc-var">Roo.extend</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">Roo.lib.RGBColor</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">Roo.lib.Color</span><span class="jsdoc-syntax">, {
 
-    }</span><span class="jsdoc-keyword">else</span><span class="jsdoc-syntax">{
 
-      </span><span class="jsdoc-comment">// determine which of the components has the highest value and set the hue
-      </span><span class="jsdoc-keyword">switch </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">maximum</span><span class="jsdoc-syntax">){
+    </span><span class="jsdoc-var">getHue  </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">maximum</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">range</span><span class="jsdoc-syntax">)
+    {
+      </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">rgb </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.rgb</span><span class="jsdoc-syntax">;
 
-        </span><span class="jsdoc-comment">// red has the highest value
-        </span><span class="jsdoc-keyword">case </span><span class="jsdoc-var">rgb.r</span><span class="jsdoc-syntax">:
-          </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">hue </span><span class="jsdoc-syntax">= (</span><span class="jsdoc-var">rgb.g </span><span class="jsdoc-syntax">- </span><span class="jsdoc-var">rgb.b</span><span class="jsdoc-syntax">) / </span><span class="jsdoc-var">range </span><span class="jsdoc-syntax">* 60;
-          </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">hue </span><span class="jsdoc-syntax">&lt; 0) </span><span class="jsdoc-var">hue </span><span class="jsdoc-syntax">+= 360;
-          </span><span class="jsdoc-keyword">break</span><span class="jsdoc-syntax">;
+      </span><span class="jsdoc-comment">// check whether the range is zero
+      </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">range </span><span class="jsdoc-syntax">== 0){
 
-        </span><span class="jsdoc-comment">// green has the highest value
-        </span><span class="jsdoc-keyword">case </span><span class="jsdoc-var">rgb.g</span><span class="jsdoc-syntax">:
-          </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">hue </span><span class="jsdoc-syntax">= (</span><span class="jsdoc-var">rgb.b </span><span class="jsdoc-syntax">- </span><span class="jsdoc-var">rgb.r</span><span class="jsdoc-syntax">) / </span><span class="jsdoc-var">range </span><span class="jsdoc-syntax">* 60 + 120;
-          </span><span class="jsdoc-keyword">break</span><span class="jsdoc-syntax">;
+        </span><span class="jsdoc-comment">// set the hue to zero (any hue is acceptable as the Color is grey)
+        </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">hue </span><span class="jsdoc-syntax">= 0;
 
-        </span><span class="jsdoc-comment">// blue has the highest value
-        </span><span class="jsdoc-keyword">case </span><span class="jsdoc-var">rgb.b</span><span class="jsdoc-syntax">:
-          </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">hue </span><span class="jsdoc-syntax">= (</span><span class="jsdoc-var">rgb.r </span><span class="jsdoc-syntax">- </span><span class="jsdoc-var">rgb.g</span><span class="jsdoc-syntax">) / </span><span class="jsdoc-var">range </span><span class="jsdoc-syntax">* 60 + 240;
-          </span><span class="jsdoc-keyword">break</span><span class="jsdoc-syntax">;
+      }</span><span class="jsdoc-keyword">else</span><span class="jsdoc-syntax">{
 
-      }
+        </span><span class="jsdoc-comment">// determine which of the components has the highest value and set the hue
+        </span><span class="jsdoc-keyword">switch </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">maximum</span><span class="jsdoc-syntax">){
 
-    }
+          </span><span class="jsdoc-comment">// red has the highest value
+          </span><span class="jsdoc-keyword">case </span><span class="jsdoc-var">rgb.r</span><span class="jsdoc-syntax">:
+            </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">hue </span><span class="jsdoc-syntax">= (</span><span class="jsdoc-var">rgb.g </span><span class="jsdoc-syntax">- </span><span class="jsdoc-var">rgb.b</span><span class="jsdoc-syntax">) / </span><span class="jsdoc-var">range </span><span class="jsdoc-syntax">* 60;
+            </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">hue </span><span class="jsdoc-syntax">&lt; 0) </span><span class="jsdoc-var">hue </span><span class="jsdoc-syntax">+= 360;
+            </span><span class="jsdoc-keyword">break</span><span class="jsdoc-syntax">;
 
-    </span><span class="jsdoc-comment">// return the hue
-    </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">hue</span><span class="jsdoc-syntax">;
+          </span><span class="jsdoc-comment">// green has the highest value
+          </span><span class="jsdoc-keyword">case </span><span class="jsdoc-var">rgb.g</span><span class="jsdoc-syntax">:
+            </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">hue </span><span class="jsdoc-syntax">= (</span><span class="jsdoc-var">rgb.b </span><span class="jsdoc-syntax">- </span><span class="jsdoc-var">rgb.r</span><span class="jsdoc-syntax">) / </span><span class="jsdoc-var">range </span><span class="jsdoc-syntax">* 60 + 120;
+            </span><span class="jsdoc-keyword">break</span><span class="jsdoc-syntax">;
 
-  }
+          </span><span class="jsdoc-comment">// blue has the highest value
+          </span><span class="jsdoc-keyword">case </span><span class="jsdoc-var">rgb.b</span><span class="jsdoc-syntax">:
+            </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">hue </span><span class="jsdoc-syntax">= (</span><span class="jsdoc-var">rgb.r </span><span class="jsdoc-syntax">- </span><span class="jsdoc-var">rgb.g</span><span class="jsdoc-syntax">) / </span><span class="jsdoc-var">range </span><span class="jsdoc-syntax">* 60 + 240;
+            </span><span class="jsdoc-keyword">break</span><span class="jsdoc-syntax">;
+
+        }
+
+      }
+
+      </span><span class="jsdoc-comment">// return the hue
+      </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">hue</span><span class="jsdoc-syntax">;
+
+    },
 
   </span><span class="jsdoc-comment">/* //private Calculates and stores the HSV components of this RGBColor so that they can
    * be returned be the getHSV function.
    */
-  </span><span class="jsdoc-keyword">function </span><span class="jsdoc-var">calculateHSV</span><span class="jsdoc-syntax">(){
-
+   </span><span class="jsdoc-var">calculateHSV </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
+    </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">rgb </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.rgb</span><span class="jsdoc-syntax">;
     </span><span class="jsdoc-comment">// get the maximum and range of the RGB component values
     </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">maximum </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">Math.max</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">rgb.r</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">rgb.g</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">rgb.b</span><span class="jsdoc-syntax">);
     </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">range   </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">maximum </span><span class="jsdoc-syntax">- </span><span class="jsdoc-var">Math.min</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">rgb.r</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">rgb.g</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">rgb.b</span><span class="jsdoc-syntax">);
 
     </span><span class="jsdoc-comment">// store the HSV components
-    </span><span class="jsdoc-var">hsv </span><span class="jsdoc-syntax">=
+    </span><span class="jsdoc-var">this.hsv </span><span class="jsdoc-syntax">=
         {
-          </span><span class="jsdoc-string">'h' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">getHue</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">maximum</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">range</span><span class="jsdoc-syntax">),
+          </span><span class="jsdoc-string">'h' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.getHue</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">maximum</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">range</span><span class="jsdoc-syntax">),
           </span><span class="jsdoc-string">'s' </span><span class="jsdoc-syntax">: (</span><span class="jsdoc-var">maximum </span><span class="jsdoc-syntax">== 0 ? 0 : 100 * </span><span class="jsdoc-var">range </span><span class="jsdoc-syntax">/ </span><span class="jsdoc-var">maximum</span><span class="jsdoc-syntax">),
           </span><span class="jsdoc-string">'v' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">maximum </span><span class="jsdoc-syntax">/ 2.55
         };
 
-  }
+  },
 
   </span><span class="jsdoc-comment">/* //private Calculates and stores the HSL components of this RGBColor so that they can
    * be returned be the getHSL function.
    */
-  </span><span class="jsdoc-keyword">function </span><span class="jsdoc-var">calculateHSL</span><span class="jsdoc-syntax">(){
-
+   </span><span class="jsdoc-var">calculateHSL </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
+    </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">rgb </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.rgb</span><span class="jsdoc-syntax">;
     </span><span class="jsdoc-comment">// get the maximum and range of the RGB component values
     </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">maximum </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">Math.max</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">rgb.r</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">rgb.g</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">rgb.b</span><span class="jsdoc-syntax">);
     </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">range   </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">maximum </span><span class="jsdoc-syntax">- </span><span class="jsdoc-var">Math.min</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">rgb.r</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">rgb.g</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">rgb.b</span><span class="jsdoc-syntax">);
@@ -359,96 +443,37 @@ http://www.safalra.com/web-design/javascript/
     </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">l </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">maximum </span><span class="jsdoc-syntax">/ 255 - </span><span class="jsdoc-var">range </span><span class="jsdoc-syntax">/ 510;
 
     </span><span class="jsdoc-comment">// store the HSL components
-    </span><span class="jsdoc-var">hsl </span><span class="jsdoc-syntax">=
+    </span><span class="jsdoc-var">this.hsl </span><span class="jsdoc-syntax">=
         {
-          </span><span class="jsdoc-string">'h' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">getHue</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">maximum</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">range</span><span class="jsdoc-syntax">),
+          </span><span class="jsdoc-string">'h' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.getHue</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">maximum</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">range</span><span class="jsdoc-syntax">),
           </span><span class="jsdoc-string">'s' </span><span class="jsdoc-syntax">: (</span><span class="jsdoc-var">range </span><span class="jsdoc-syntax">== 0 ? 0 : </span><span class="jsdoc-var">range </span><span class="jsdoc-syntax">/ 2.55 / (</span><span class="jsdoc-var">l </span><span class="jsdoc-syntax">&lt; 0.5 ? </span><span class="jsdoc-var">l </span><span class="jsdoc-syntax">* 2 : 2 - </span><span class="jsdoc-var">l </span><span class="jsdoc-syntax">* 2)),
           </span><span class="jsdoc-string">'l' </span><span class="jsdoc-syntax">: 100 * </span><span class="jsdoc-var">l
         </span><span class="jsdoc-syntax">};
 
   }
 
-  </span><span class="jsdoc-comment">/**
-   * @returns the RGB and alpha components of this RGBColor as an object with r,
-   * g, b, and a properties. r, g, and b are in the range [0,255] and a is in
-   * the range [0,1].
-   */
-  </span><span class="jsdoc-var">this.getRGB </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
-
-    </span><span class="jsdoc-comment">// return the RGB components
-    </span><span class="jsdoc-keyword">return </span><span class="jsdoc-syntax">{
-      </span><span class="jsdoc-string">'r' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">rgb.r</span><span class="jsdoc-syntax">,
-      </span><span class="jsdoc-string">'g' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">rgb.g</span><span class="jsdoc-syntax">,
-      </span><span class="jsdoc-string">'b' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">rgb.b</span><span class="jsdoc-syntax">,
-      </span><span class="jsdoc-string">'a' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">alpha
-    </span><span class="jsdoc-syntax">};
-
-  };
-
-  </span><span class="jsdoc-comment">/**
-   * @returns the HSV and alpha components of this RGBColor as an object with h,
-   * s, v, and a properties. h is in the range [0,360), s and v are in the range
-   * [0,100], and a is in the range [0,1].
-   */
-  </span><span class="jsdoc-var">this.getHSV </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
-
-    </span><span class="jsdoc-comment">// calculate the HSV components if necessary
-    </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">hsv </span><span class="jsdoc-syntax">== </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">) </span><span class="jsdoc-var">calculateHSV</span><span class="jsdoc-syntax">();
-
-    </span><span class="jsdoc-comment">// return the HSV components
-    </span><span class="jsdoc-keyword">return </span><span class="jsdoc-syntax">{
-      </span><span class="jsdoc-string">'h' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">hsv.h</span><span class="jsdoc-syntax">,
-      </span><span class="jsdoc-string">'s' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">hsv.s</span><span class="jsdoc-syntax">,
-      </span><span class="jsdoc-string">'v' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">hsv.v</span><span class="jsdoc-syntax">,
-      </span><span class="jsdoc-string">'a' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">alpha
-    </span><span class="jsdoc-syntax">};
-
-  };
-
-  </span><span class="jsdoc-comment">/**
-   * @returns the HSL and alpha components of this RGBColor as an object with h,
-   * s, l, and a properties. h is in the range [0,360), s and l are in the range
-   * [0,100], and a is in the range [0,1].
-   */
-  </span><span class="jsdoc-var">this.getHSL </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
-
-    </span><span class="jsdoc-comment">// calculate the HSV components if necessary
-    </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">hsl </span><span class="jsdoc-syntax">== </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">) </span><span class="jsdoc-var">calculateHSL</span><span class="jsdoc-syntax">();
-
-    </span><span class="jsdoc-comment">// return the HSL components
-    </span><span class="jsdoc-keyword">return </span><span class="jsdoc-syntax">{
-      </span><span class="jsdoc-string">'h' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">hsl.h</span><span class="jsdoc-syntax">,
-      </span><span class="jsdoc-string">'s' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">hsl.s</span><span class="jsdoc-syntax">,
-      </span><span class="jsdoc-string">'l' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">hsl.l</span><span class="jsdoc-syntax">,
-      </span><span class="jsdoc-string">'a' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">alpha
-    </span><span class="jsdoc-syntax">};
-
-  };
-
-}
-</span><span class="jsdoc-comment">// this does an 'exteds'
-</span><span class="jsdoc-var">Roo.lib.RGBColor.prototype </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">new </span><span class="jsdoc-var">Roo.lib.Color</span><span class="jsdoc-syntax">();
-
+});
 
-</span><span class="jsdoc-comment">/*
+</span><span class="jsdoc-comment">/**
  * @class Roo.lib.HSVColor
  * @extends Roo.lib.Color
  * Creates a Color specified in the HSV Color space, with an optional alpha
  * component. The parameters are:
+ * @constructor
  *
- * h - the hue component, wrapped to the range [0,360)
- * s - the saturation component, clipped to the range [0,100]
- * v - the value component, clipped to the range [0,100]
- * a - the alpha component, clipped to the range [0,1] - this parameter is
+ * @param {Number} h - the hue component, wrapped to the range [0,360)
+ * @param {Number} s - the saturation component, clipped to the range [0,100]
+ * @param {Number} v - the value component, clipped to the range [0,100]
+ * @param {Number} a - the alpha component, clipped to the range [0,1] - this parameter is
  *     optional and defaults to 1
  */
 </span><span class="jsdoc-var">Roo.lib.HSVColor </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">h</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">s</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">v</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">a</span><span class="jsdoc-syntax">){
 
   </span><span class="jsdoc-comment">// store the alpha component after clipping it if necessary
-  </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">alpha </span><span class="jsdoc-syntax">= (</span><span class="jsdoc-var">a </span><span class="jsdoc-syntax">=== </span><span class="jsdoc-var">undefined </span><span class="jsdoc-syntax">? 1 : </span><span class="jsdoc-var">Math.max</span><span class="jsdoc-syntax">(0, </span><span class="jsdoc-var">Math.min</span><span class="jsdoc-syntax">(1, </span><span class="jsdoc-var">a</span><span class="jsdoc-syntax">)));
+  </span><span class="jsdoc-var">this.alpha </span><span class="jsdoc-syntax">= (</span><span class="jsdoc-var">a </span><span class="jsdoc-syntax">=== </span><span class="jsdoc-var">undefined </span><span class="jsdoc-syntax">? 1 : </span><span class="jsdoc-var">Math.max</span><span class="jsdoc-syntax">(0, </span><span class="jsdoc-var">Math.min</span><span class="jsdoc-syntax">(1, </span><span class="jsdoc-var">a</span><span class="jsdoc-syntax">)));
 
   </span><span class="jsdoc-comment">// store the HSV components after clipping or wrapping them if necessary
-  </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">hsv </span><span class="jsdoc-syntax">=
+  </span><span class="jsdoc-var">this.hsv </span><span class="jsdoc-syntax">=
       {
         </span><span class="jsdoc-string">'h' </span><span class="jsdoc-syntax">: (</span><span class="jsdoc-var">h </span><span class="jsdoc-syntax">% 360 + 360) % 360,
         </span><span class="jsdoc-string">'s' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">Math.max</span><span class="jsdoc-syntax">(0, </span><span class="jsdoc-var">Math.min</span><span class="jsdoc-syntax">(100, </span><span class="jsdoc-var">s</span><span class="jsdoc-syntax">)),
@@ -456,14 +481,17 @@ http://www.safalra.com/web-design/javascript/
       };
 
   </span><span class="jsdoc-comment">// initialise the RGB and HSL components to null
-  </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">rgb </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">;
-  </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">hsl </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">;
+  </span><span class="jsdoc-var">this.rgb </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">;
+  </span><span class="jsdoc-var">this.hsl </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">;
+}
 
+</span><span class="jsdoc-var">Roo.extend</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">Roo.lib.HSVColor</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">Roo.lib.Color</span><span class="jsdoc-syntax">, {
   </span><span class="jsdoc-comment">/* Calculates and stores the RGB components of this HSVColor so that they can
    * be returned be the getRGB function.
    */
-  </span><span class="jsdoc-keyword">function </span><span class="jsdoc-var">calculateRGB</span><span class="jsdoc-syntax">(){
-
+  </span><span class="jsdoc-var">calculateRGB</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function </span><span class="jsdoc-syntax">()
+  {
+    </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">hsv </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.hsv</span><span class="jsdoc-syntax">;
     </span><span class="jsdoc-comment">// check whether the saturation is zero
     </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">hsv.s </span><span class="jsdoc-syntax">== 0){
 
@@ -493,25 +521,26 @@ http://www.safalra.com/web-design/javascript/
     }
 
     </span><span class="jsdoc-comment">// store the RGB components
-    </span><span class="jsdoc-var">rgb </span><span class="jsdoc-syntax">=
+    </span><span class="jsdoc-var">this.rgb </span><span class="jsdoc-syntax">=
         {
           </span><span class="jsdoc-string">'r' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">r </span><span class="jsdoc-syntax">* 2.55,
           </span><span class="jsdoc-string">'g' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">g </span><span class="jsdoc-syntax">* 2.55,
           </span><span class="jsdoc-string">'b' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">b </span><span class="jsdoc-syntax">* 2.55
         };
 
-  }
+  },
 
   </span><span class="jsdoc-comment">/* Calculates and stores the HSL components of this HSVColor so that they can
    * be returned be the getHSL function.
    */
-  </span><span class="jsdoc-keyword">function </span><span class="jsdoc-var">calculateHSL</span><span class="jsdoc-syntax">(){
+  </span><span class="jsdoc-var">calculateHSL </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function </span><span class="jsdoc-syntax">(){
 
+    </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">hsv </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.hsv</span><span class="jsdoc-syntax">;
     </span><span class="jsdoc-comment">// determine the lightness in the range [0,100]
     </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">l </span><span class="jsdoc-syntax">= (2 - </span><span class="jsdoc-var">hsv.s </span><span class="jsdoc-syntax">/ 100) * </span><span class="jsdoc-var">hsv.v </span><span class="jsdoc-syntax">/ 2;
 
     </span><span class="jsdoc-comment">// store the HSL components
-    </span><span class="jsdoc-var">hsl </span><span class="jsdoc-syntax">=
+    </span><span class="jsdoc-var">this.hsl </span><span class="jsdoc-syntax">=
         {
           </span><span class="jsdoc-string">'h' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">hsv.h</span><span class="jsdoc-syntax">,
           </span><span class="jsdoc-string">'s' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">hsv.s </span><span class="jsdoc-syntax">* </span><span class="jsdoc-var">hsv.v </span><span class="jsdoc-syntax">/ (</span><span class="jsdoc-var">l </span><span class="jsdoc-syntax">&lt; 50 ? </span><span class="jsdoc-var">l </span><span class="jsdoc-syntax">* 2 : 200 - </span><span class="jsdoc-var">l </span><span class="jsdoc-syntax">* 2),
@@ -523,88 +552,32 @@ http://www.safalra.com/web-design/javascript/
 
   }
 
-  </span><span class="jsdoc-comment">/**
-   * @returns the RGB and alpha components of this HSVColor as an object with r,
-   * g, b, and a properties. r, g, and b are in the range [0,255] and a is in
-   * the range [0,1].
-   */
-  </span><span class="jsdoc-var">this.getRGB </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
-
-    </span><span class="jsdoc-comment">// calculate the RGB components if necessary
-    </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">rgb </span><span class="jsdoc-syntax">== </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">) </span><span class="jsdoc-var">calculateRGB</span><span class="jsdoc-syntax">();
-
-    </span><span class="jsdoc-comment">// return the RGB components
-    </span><span class="jsdoc-keyword">return </span><span class="jsdoc-syntax">{
-      </span><span class="jsdoc-string">'r' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">rgb.r</span><span class="jsdoc-syntax">,
-      </span><span class="jsdoc-string">'g' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">rgb.g</span><span class="jsdoc-syntax">,
-      </span><span class="jsdoc-string">'b' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">rgb.b</span><span class="jsdoc-syntax">,
-      </span><span class="jsdoc-string">'a' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">alpha
-    </span><span class="jsdoc-syntax">};
-
-  };
-
-  </span><span class="jsdoc-comment">/**
-   * @returns the HSV and alpha components of this HSVColor as an object with h,
-   * s, v, and a properties. h is in the range [0,360), s and v are in the range
-   * [0,100], and a is in the range [0,1].
-   */
-  </span><span class="jsdoc-var">this.getHSV </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
-
-    </span><span class="jsdoc-comment">// return the HSV components
-    </span><span class="jsdoc-keyword">return </span><span class="jsdoc-syntax">{
-      </span><span class="jsdoc-string">'h' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">hsv.h</span><span class="jsdoc-syntax">,
-      </span><span class="jsdoc-string">'s' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">hsv.s</span><span class="jsdoc-syntax">,
-      </span><span class="jsdoc-string">'v' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">hsv.v</span><span class="jsdoc-syntax">,
-      </span><span class="jsdoc-string">'a' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">alpha
-    </span><span class="jsdoc-syntax">};
-
-  };
-
-  </span><span class="jsdoc-comment">/**
-   * @returns the HSL and alpha components of this HSVColor as an object with h,
-   * s, l, and a properties. h is in the range [0,360), s and l are in the range
-   * [0,100], and a is in the range [0,1].
-   */
-  </span><span class="jsdoc-var">this.getHSL </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
 
-    </span><span class="jsdoc-comment">// calculate the HSL components if necessary
-    </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">hsl </span><span class="jsdoc-syntax">== </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">) </span><span class="jsdoc-var">calculateHSL</span><span class="jsdoc-syntax">();
-
-    </span><span class="jsdoc-comment">// return the HSL components
-    </span><span class="jsdoc-keyword">return </span><span class="jsdoc-syntax">{
-      </span><span class="jsdoc-string">'h' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">hsl.h</span><span class="jsdoc-syntax">,
-      </span><span class="jsdoc-string">'s' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">hsl.s</span><span class="jsdoc-syntax">,
-      </span><span class="jsdoc-string">'l' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">hsl.l</span><span class="jsdoc-syntax">,
-      </span><span class="jsdoc-string">'a' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">alpha
-    </span><span class="jsdoc-syntax">};
-
-  };
-
-}
-</span><span class="jsdoc-var">Roo.lib.HSVColor.prototype </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">new </span><span class="jsdoc-var">Roo.lib.Color</span><span class="jsdoc-syntax">();
+});
 
 
 </span><span class="jsdoc-comment">/**
  * @class Roo.lib.HSLColor
  * @extends Roo.lib.Color
- * 
+ *
+ * @constructor
  * Creates a Color specified in the HSL Color space, with an optional alpha
  * component. The parameters are:
  *
- * h - the hue component, wrapped to the range [0,360)
- * s - the saturation component, clipped to the range [0,100]
- * l - the lightness component, clipped to the range [0,100]
- * a - the alpha component, clipped to the range [0,1] - this parameter is
+ * @param {Number} h - the hue component, wrapped to the range [0,360)
+ * @param {Number} s - the saturation component, clipped to the range [0,100]
+ * @param {Number} l - the lightness component, clipped to the range [0,100]
+ * @param {Number} a - the alpha component, clipped to the range [0,1] - this parameter is
  *     optional and defaults to 1
  */
 
 </span><span class="jsdoc-var">Roo.lib.HSLColor </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">h</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">s</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">l</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">a</span><span class="jsdoc-syntax">){
 
   </span><span class="jsdoc-comment">// store the alpha component after clipping it if necessary
-  </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">alpha </span><span class="jsdoc-syntax">= (</span><span class="jsdoc-var">a </span><span class="jsdoc-syntax">=== </span><span class="jsdoc-var">undefined </span><span class="jsdoc-syntax">? 1 : </span><span class="jsdoc-var">Math.max</span><span class="jsdoc-syntax">(0, </span><span class="jsdoc-var">Math.min</span><span class="jsdoc-syntax">(1, </span><span class="jsdoc-var">a</span><span class="jsdoc-syntax">)));
+  </span><span class="jsdoc-var">this.alpha </span><span class="jsdoc-syntax">= (</span><span class="jsdoc-var">a </span><span class="jsdoc-syntax">=== </span><span class="jsdoc-var">undefined </span><span class="jsdoc-syntax">? 1 : </span><span class="jsdoc-var">Math.max</span><span class="jsdoc-syntax">(0, </span><span class="jsdoc-var">Math.min</span><span class="jsdoc-syntax">(1, </span><span class="jsdoc-var">a</span><span class="jsdoc-syntax">)));
 
   </span><span class="jsdoc-comment">// store the HSL components after clipping or wrapping them if necessary
-  </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">hsl </span><span class="jsdoc-syntax">=
+  </span><span class="jsdoc-var">this.hsl </span><span class="jsdoc-syntax">=
       {
         </span><span class="jsdoc-string">'h' </span><span class="jsdoc-syntax">: (</span><span class="jsdoc-var">h </span><span class="jsdoc-syntax">% 360 + 360) % 360,
         </span><span class="jsdoc-string">'s' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">Math.max</span><span class="jsdoc-syntax">(0, </span><span class="jsdoc-var">Math.min</span><span class="jsdoc-syntax">(100, </span><span class="jsdoc-var">s</span><span class="jsdoc-syntax">)),
@@ -612,35 +585,36 @@ http://www.safalra.com/web-design/javascript/
       };
 
   </span><span class="jsdoc-comment">// initialise the RGB and HSV components to null
-  </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">rgb </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">;
-  </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">hsv </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">;
+</span><span class="jsdoc-syntax">}
+
+</span><span class="jsdoc-var">Roo.extend</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">Roo.lib.HSL</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">Roo.lib.Color</span><span class="jsdoc-syntax">, {
 
   </span><span class="jsdoc-comment">/* Calculates and stores the RGB components of this HSLColor so that they can
    * be returned be the getRGB function.
    */
-  </span><span class="jsdoc-keyword">function </span><span class="jsdoc-var">calculateRGB</span><span class="jsdoc-syntax">(){
+  </span><span class="jsdoc-var">calculateRGB</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function </span><span class="jsdoc-syntax">(){
 
     </span><span class="jsdoc-comment">// check whether the saturation is zero
-    </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">hsl.s </span><span class="jsdoc-syntax">== 0){
+    </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.hsl.s </span><span class="jsdoc-syntax">== 0){
 
       </span><span class="jsdoc-comment">// store the RGB components representing the appropriate shade of grey
-      </span><span class="jsdoc-var">rgb </span><span class="jsdoc-syntax">=
+      </span><span class="jsdoc-var">this.rgb </span><span class="jsdoc-syntax">=
           {
-            </span><span class="jsdoc-string">'r' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">hsl.l </span><span class="jsdoc-syntax">* 2.55,
-            </span><span class="jsdoc-string">'g' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">hsl.l </span><span class="jsdoc-syntax">* 2.55,
-            </span><span class="jsdoc-string">'b' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">hsl.l </span><span class="jsdoc-syntax">* 2.55
+            </span><span class="jsdoc-string">'r' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.hsl.l </span><span class="jsdoc-syntax">* 2.55,
+            </span><span class="jsdoc-string">'g' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.hsl.l </span><span class="jsdoc-syntax">* 2.55,
+            </span><span class="jsdoc-string">'b' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.hsl.l </span><span class="jsdoc-syntax">* 2.55
           };
 
     }</span><span class="jsdoc-keyword">else</span><span class="jsdoc-syntax">{
 
       </span><span class="jsdoc-comment">// set some temporary values
-      </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">p </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">hsl.l </span><span class="jsdoc-syntax">&lt; 50
-            ? </span><span class="jsdoc-var">hsl.l </span><span class="jsdoc-syntax">* (1 + </span><span class="jsdoc-var">hsl.s </span><span class="jsdoc-syntax">/ 100)
-            : </span><span class="jsdoc-var">hsl.l </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">hsl.s </span><span class="jsdoc-syntax">- </span><span class="jsdoc-var">hsl.l </span><span class="jsdoc-syntax">* </span><span class="jsdoc-var">hsl.s </span><span class="jsdoc-syntax">/ 100;
+      </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">p </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.hsl.l </span><span class="jsdoc-syntax">&lt; 50
+            ? </span><span class="jsdoc-var">this.hsl.l </span><span class="jsdoc-syntax">* (1 + </span><span class="jsdoc-var">hsl.s </span><span class="jsdoc-syntax">/ 100)
+            : </span><span class="jsdoc-var">this.hsl.l </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">hsl.s </span><span class="jsdoc-syntax">- </span><span class="jsdoc-var">hsl.l </span><span class="jsdoc-syntax">* </span><span class="jsdoc-var">hsl.s </span><span class="jsdoc-syntax">/ 100;
       </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">q </span><span class="jsdoc-syntax">= 2 * </span><span class="jsdoc-var">hsl.l </span><span class="jsdoc-syntax">- </span><span class="jsdoc-var">p</span><span class="jsdoc-syntax">;
 
       </span><span class="jsdoc-comment">// initialise the RGB components
-      </span><span class="jsdoc-var">rgb </span><span class="jsdoc-syntax">=
+      </span><span class="jsdoc-var">this.rgb </span><span class="jsdoc-syntax">=
           {
             </span><span class="jsdoc-string">'r' </span><span class="jsdoc-syntax">: (</span><span class="jsdoc-var">h </span><span class="jsdoc-syntax">+ 120) / 60 % 6,
             </span><span class="jsdoc-string">'g' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">h </span><span class="jsdoc-syntax">/ 60,
@@ -648,24 +622,24 @@ http://www.safalra.com/web-design/javascript/
           };
 
       </span><span class="jsdoc-comment">// loop over the RGB components
-      </span><span class="jsdoc-keyword">for </span><span class="jsdoc-syntax">(</span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">key </span><span class="jsdoc-keyword">in </span><span class="jsdoc-var">rgb</span><span class="jsdoc-syntax">){
+      </span><span class="jsdoc-keyword">for </span><span class="jsdoc-syntax">(</span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">key </span><span class="jsdoc-keyword">in </span><span class="jsdoc-var">this.rgb</span><span class="jsdoc-syntax">){
 
         </span><span class="jsdoc-comment">// ensure that the property is not inherited from the root object
-        </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">rgb.hasOwnProperty</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">key</span><span class="jsdoc-syntax">)){
+        </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.rgb.hasOwnProperty</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">key</span><span class="jsdoc-syntax">)){
 
           </span><span class="jsdoc-comment">// set the component to its value in the range [0,100]
-          </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">rgb</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">key</span><span class="jsdoc-syntax">] &lt; 1){
-            </span><span class="jsdoc-var">rgb</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">key</span><span class="jsdoc-syntax">] = </span><span class="jsdoc-var">q </span><span class="jsdoc-syntax">+ (</span><span class="jsdoc-var">p </span><span class="jsdoc-syntax">- </span><span class="jsdoc-var">q</span><span class="jsdoc-syntax">) * </span><span class="jsdoc-var">rgb</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">key</span><span class="jsdoc-syntax">];
-          }</span><span class="jsdoc-keyword">else if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">rgb</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">key</span><span class="jsdoc-syntax">] &lt; 3){
-            </span><span class="jsdoc-var">rgb</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">key</span><span class="jsdoc-syntax">] = </span><span class="jsdoc-var">p</span><span class="jsdoc-syntax">;
-          }</span><span class="jsdoc-keyword">else if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">rgb</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">key</span><span class="jsdoc-syntax">] &lt; 4){
-            </span><span class="jsdoc-var">rgb</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">key</span><span class="jsdoc-syntax">] = </span><span class="jsdoc-var">q </span><span class="jsdoc-syntax">+ (</span><span class="jsdoc-var">p </span><span class="jsdoc-syntax">- </span><span class="jsdoc-var">q</span><span class="jsdoc-syntax">) * (4 - </span><span class="jsdoc-var">rgb</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">key</span><span class="jsdoc-syntax">]);
+          </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.rgb</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">key</span><span class="jsdoc-syntax">] &lt; 1){
+            </span><span class="jsdoc-var">this.rgb</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">key</span><span class="jsdoc-syntax">] = </span><span class="jsdoc-var">q </span><span class="jsdoc-syntax">+ (</span><span class="jsdoc-var">p </span><span class="jsdoc-syntax">- </span><span class="jsdoc-var">q</span><span class="jsdoc-syntax">) * </span><span class="jsdoc-var">this.rgb</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">key</span><span class="jsdoc-syntax">];
+          }</span><span class="jsdoc-keyword">else if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.rgb</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">key</span><span class="jsdoc-syntax">] &lt; 3){
+            </span><span class="jsdoc-var">this.rgb</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">key</span><span class="jsdoc-syntax">] = </span><span class="jsdoc-var">p</span><span class="jsdoc-syntax">;
+          }</span><span class="jsdoc-keyword">else if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.rgb</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">key</span><span class="jsdoc-syntax">] &lt; 4){
+            </span><span class="jsdoc-var">this.rgb</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">key</span><span class="jsdoc-syntax">] = </span><span class="jsdoc-var">q </span><span class="jsdoc-syntax">+ (</span><span class="jsdoc-var">p </span><span class="jsdoc-syntax">- </span><span class="jsdoc-var">q</span><span class="jsdoc-syntax">) * (4 - </span><span class="jsdoc-var">this.rgb</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">key</span><span class="jsdoc-syntax">]);
           }</span><span class="jsdoc-keyword">else</span><span class="jsdoc-syntax">{
-            </span><span class="jsdoc-var">rgb</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">key</span><span class="jsdoc-syntax">] = </span><span class="jsdoc-var">q</span><span class="jsdoc-syntax">;
+            </span><span class="jsdoc-var">this.rgb</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">key</span><span class="jsdoc-syntax">] = </span><span class="jsdoc-var">q</span><span class="jsdoc-syntax">;
           }
 
           </span><span class="jsdoc-comment">// set the component to its value in the range [0,255]
-          </span><span class="jsdoc-var">rgb</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">key</span><span class="jsdoc-syntax">] *= 2.55;
+          </span><span class="jsdoc-var">this.rgb</span><span class="jsdoc-syntax">[</span><span class="jsdoc-var">key</span><span class="jsdoc-syntax">] *= 2.55;
 
         }
 
@@ -673,85 +647,29 @@ http://www.safalra.com/web-design/javascript/
 
     }
 
-  }
+  },
 
   </span><span class="jsdoc-comment">/* Calculates and stores the HSV components of this HSLColor so that they can
    * be returned be the getHSL function.
    */
-  </span><span class="jsdoc-keyword">function </span><span class="jsdoc-var">calculateHSV</span><span class="jsdoc-syntax">(){
+   </span><span class="jsdoc-var">calculateHSV </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
 
     </span><span class="jsdoc-comment">// set a temporary value
-    </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">t </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">hsl.s </span><span class="jsdoc-syntax">* (</span><span class="jsdoc-var">hsl.l </span><span class="jsdoc-syntax">&lt; 50 ? </span><span class="jsdoc-var">hsl.l </span><span class="jsdoc-syntax">: 100 - </span><span class="jsdoc-var">hsl.l</span><span class="jsdoc-syntax">) / 100;
+    </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">t </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.hsl.s </span><span class="jsdoc-syntax">* (</span><span class="jsdoc-var">this.hsl.l </span><span class="jsdoc-syntax">&lt; 50 ? </span><span class="jsdoc-var">this.hsl.l </span><span class="jsdoc-syntax">: 100 - </span><span class="jsdoc-var">this.hsl.l</span><span class="jsdoc-syntax">) / 100;
 
     </span><span class="jsdoc-comment">// store the HSV components
-    </span><span class="jsdoc-var">hsv </span><span class="jsdoc-syntax">=
+    </span><span class="jsdoc-var">this.hsv </span><span class="jsdoc-syntax">=
         {
-          </span><span class="jsdoc-string">'h' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">hsl.h</span><span class="jsdoc-syntax">,
-          </span><span class="jsdoc-string">'s' </span><span class="jsdoc-syntax">: 200 * </span><span class="jsdoc-var">t </span><span class="jsdoc-syntax">/ (</span><span class="jsdoc-var">hsl.l </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">t</span><span class="jsdoc-syntax">),
-          </span><span class="jsdoc-string">'v' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">t </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">hsl.l
+          </span><span class="jsdoc-string">'h' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">this.hsl.h</span><span class="jsdoc-syntax">,
+          </span><span class="jsdoc-string">'s' </span><span class="jsdoc-syntax">: 200 * </span><span class="jsdoc-var">t </span><span class="jsdoc-syntax">/ (</span><span class="jsdoc-var">this.hsl.l </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">t</span><span class="jsdoc-syntax">),
+          </span><span class="jsdoc-string">'v' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">t </span><span class="jsdoc-syntax">+ </span><span class="jsdoc-var">this.hsl.l
         </span><span class="jsdoc-syntax">};
 
     </span><span class="jsdoc-comment">// correct a division-by-zero error
-    </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">isNaN</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">hsv.s</span><span class="jsdoc-syntax">)) </span><span class="jsdoc-var">hsv.s </span><span class="jsdoc-syntax">= 0;
+    </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">isNaN</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this.hsv.s</span><span class="jsdoc-syntax">)) </span><span class="jsdoc-var">this.hsv.s </span><span class="jsdoc-syntax">= 0;
 
   }
 
-  </span><span class="jsdoc-comment">/**
-   * @returns the RGB and alpha components of this HSLColor as an object with r,
-   * g, b, and a properties. r, g, and b are in the range [0,255] and a is in
-   * the range [0,1].
-   */
-  </span><span class="jsdoc-var">this.getRGB </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
-
-    </span><span class="jsdoc-comment">// calculate the RGB components if necessary
-    </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">rgb </span><span class="jsdoc-syntax">== </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">) </span><span class="jsdoc-var">calculateRGB</span><span class="jsdoc-syntax">();
-
-    </span><span class="jsdoc-comment">// return the RGB components
-    </span><span class="jsdoc-keyword">return </span><span class="jsdoc-syntax">{
-      </span><span class="jsdoc-string">'r' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">rgb.r</span><span class="jsdoc-syntax">,
-      </span><span class="jsdoc-string">'g' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">rgb.g</span><span class="jsdoc-syntax">,
-      </span><span class="jsdoc-string">'b' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">rgb.b</span><span class="jsdoc-syntax">,
-      </span><span class="jsdoc-string">'a' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">alpha
-    </span><span class="jsdoc-syntax">};
-
-  };
 
-  </span><span class="jsdoc-comment">/**
-   * @returns the HSV and alpha components of this HSLColor as an object with h,
-   * s, v, and a properties. h is in the range [0,360), s and v are in the range
-   * [0,100], and a is in the range [0,1].
-   */
-  </span><span class="jsdoc-var">this.getHSV </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
-
-    </span><span class="jsdoc-comment">// calculate the HSV components if necessary
-    </span><span class="jsdoc-keyword">if </span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">hsv </span><span class="jsdoc-syntax">== </span><span class="jsdoc-keyword">null</span><span class="jsdoc-syntax">) </span><span class="jsdoc-var">calculateHSV</span><span class="jsdoc-syntax">();
-
-    </span><span class="jsdoc-comment">// return the HSV components
-    </span><span class="jsdoc-keyword">return </span><span class="jsdoc-syntax">{
-      </span><span class="jsdoc-string">'h' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">hsv.h</span><span class="jsdoc-syntax">,
-      </span><span class="jsdoc-string">'s' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">hsv.s</span><span class="jsdoc-syntax">,
-      </span><span class="jsdoc-string">'v' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">hsv.v</span><span class="jsdoc-syntax">,
-      </span><span class="jsdoc-string">'a' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">alpha
-    </span><span class="jsdoc-syntax">};
-
-  };
-
-  </span><span class="jsdoc-comment">/**
-   * @returns the HSL and alpha components of this HSLColor as an object with h,
-   * s, l, and a properties. h is in the range [0,360), s and l are in the range
-   * [0,100], and a is in the range [0,1].
-   */
-  </span><span class="jsdoc-var">this.getHSL </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(){
-
-    </span><span class="jsdoc-comment">// return the HSL components
-    </span><span class="jsdoc-keyword">return </span><span class="jsdoc-syntax">{
-      </span><span class="jsdoc-string">'h' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">hsl.h</span><span class="jsdoc-syntax">,
-      </span><span class="jsdoc-string">'s' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">hsl.s</span><span class="jsdoc-syntax">,
-      </span><span class="jsdoc-string">'l' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">hsl.l</span><span class="jsdoc-syntax">,
-      </span><span class="jsdoc-string">'a' </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">alpha
-    </span><span class="jsdoc-syntax">};
-
-  };
-
-}
-</span><span class="jsdoc-var">Roo.lib.HSLColor.prototype </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">new </span><span class="jsdoc-var">Roo.lib.Color</span><span class="jsdoc-syntax">();</span></code></body></html>
\ No newline at end of file
+});
+</span></code></body></html>
\ No newline at end of file
diff --git a/docs/symbols/Roo.BasicDialog.json b/docs/symbols/Roo.BasicDialog.json
index 33d58c807f..d89dab3010 100644
--- a/docs/symbols/Roo.BasicDialog.json
+++ b/docs/symbols/Roo.BasicDialog.json
@@ -12,7 +12,7 @@
   "tree_parent" : [],
   "desc" : "Lightweight Dialog Class.  The code below shows the creation of a typical dialog using existing HTML markup:\n<pre><code>\nvar dlg = new Roo.BasicDialog(\"my-dlg\", {\n    height: 200,\n    width: 300,\n    minHeight: 100,\n    minWidth: 150,\n    modal: true,\n    proxyDrag: true,\n    shadow: true\n});\ndlg.addKeyListener(27, dlg.hide, dlg); // ESC can also close the dialog\ndlg.addButton('OK', dlg.hide, dlg);    // Could call a save function instead of hiding\ndlg.addButton('Cancel', dlg.hide, dlg);\ndlg.show();\n</code></pre>\n  <b>A Dialog should always be a direct child of the body element.</b>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.BasicLayoutRegion.json b/docs/symbols/Roo.BasicLayoutRegion.json
index 812aafe144..ec54534598 100644
--- a/docs/symbols/Roo.BasicLayoutRegion.json
+++ b/docs/symbols/Roo.BasicLayoutRegion.json
@@ -16,7 +16,7 @@
   "tree_parent" : [],
   "desc" : "This class represents a lightweight region in a layout manager. This region does not move dom nodes\nand does not have a titlebar, tabs or any other features. All it does is size and position \npanels. To create a BasicLayoutRegion, add lightweight:true or basic:true to your regions config.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.BorderLayout.json b/docs/symbols/Roo.BorderLayout.json
index 0986674174..ec9c45491b 100644
--- a/docs/symbols/Roo.BorderLayout.json
+++ b/docs/symbols/Roo.BorderLayout.json
@@ -18,7 +18,7 @@
   "tree_parent" : [],
   "desc" : "This class represents a common layout manager used in desktop applications. For screenshots and more details,\nplease see: <br><br>\n<a href=\"http://www.jackslocum.com/yui/2006/10/19/cross-browser-web-20-layouts-with-yahoo-ui/\">Cross Browser Layouts - Part 1</a><br>\n<a href=\"http://www.jackslocum.com/yui/2006/10/28/cross-browser-web-20-layouts-part-2-ajax-feed-viewer-20/\">Cross Browser Layouts - Part 2</a><br><br>\nExample:\n <pre><code>\n var layout = new Roo.BorderLayout(document.body, {\n    north: {\n        initialSize: 25,\n        titlebar: false\n    },\n    west: {\n        split:true,\n        initialSize: 200,\n        minSize: 175,\n        maxSize: 400,\n        titlebar: true,\n        collapsible: true\n    },\n    east: {\n        split:true,\n        initialSize: 202,\n        minSize: 175,\n        maxSize: 400,\n        titlebar: true,\n        collapsible: true\n    },\n    south: {\n        split:true,\n        initialSize: 100,\n        minSize: 100,\n        maxSize: 200,\n        titlebar: true,\n        collapsible: true\n    },\n    center: {\n        titlebar: true,\n        autoScroll:true,\n        resizeTabs: true,\n        minTabWidth: 50,\n        preferredTabWidth: 150\n    }\n});\n\n// shorthand\nvar CP = Roo.ContentPanel;\n\nlayout.beginUpdate();\nlayout.add(\"north\", new CP(\"north\", \"North\"));\nlayout.add(\"south\", new CP(\"south\", {title: \"South\", closable: true}));\nlayout.add(\"west\", new CP(\"west\", {title: \"West\"}));\nlayout.add(\"east\", new CP(\"autoTabs\", {title: \"Auto Tabs\", closable: true}));\nlayout.add(\"center\", new CP(\"center1\", {title: \"Close Me\", closable: true}));\nlayout.add(\"center\", new CP(\"center2\", {title: \"Center Panel\", closable: false}));\nlayout.getRegion(\"center\").showPanel(\"center1\");\nlayout.endUpdate();\n</code></pre>\n\n<b>The container the layout is rendered into can be either the body element or any other element.\nIf it is not the body element, the container needs to either be an absolute positioned element,\nor you will need to add \"position:relative\" to the css of the container.  You will also need to specify\nthe container size if it is not the body element.</b>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.BoxComponent.json b/docs/symbols/Roo.BoxComponent.json
index d36ef199ae..6f1a15511c 100644
--- a/docs/symbols/Roo.BoxComponent.json
+++ b/docs/symbols/Roo.BoxComponent.json
@@ -47,7 +47,7 @@
   "tree_parent" : [],
   "desc" : "Base class for any visual {@link Roo.Component} that uses a box container.  BoxComponent provides automatic box\nmodel adjustments for sizing and positioning and will work correctly withnin the Component rendering model.  All\ncontainer classes should subclass BoxComponent so that they will work consistently when nested within other Roo\nlayout containers.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.Button.json b/docs/symbols/Roo.Button.json
index aff5c8a57e..9f5043c28c 100644
--- a/docs/symbols/Roo.Button.json
+++ b/docs/symbols/Roo.Button.json
@@ -16,7 +16,7 @@
   "tree_parent" : [],
   "desc" : "Simple Button class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.CalendarPanel.json b/docs/symbols/Roo.CalendarPanel.json
index 3528fe82c3..43db119f04 100644
--- a/docs/symbols/Roo.CalendarPanel.json
+++ b/docs/symbols/Roo.CalendarPanel.json
@@ -9,7 +9,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Calendar class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.ColorPalette.json b/docs/symbols/Roo.ColorPalette.json
index 9d1a1668f1..ed60ca46fc 100644
--- a/docs/symbols/Roo.ColorPalette.json
+++ b/docs/symbols/Roo.ColorPalette.json
@@ -9,7 +9,7 @@
   "tree_parent" : [],
   "desc" : "Simple color palette class for choosing colors.  The palette can be rendered to any container.<br />\nHere's an example of typical usage:\n<pre><code>\nvar cp = new Roo.ColorPalette({value:'993300'});  // initial selected color\ncp.render('my-div');\n\ncp.on('select', function(palette, selColor){\n    // do something with selColor\n});\n</code></pre>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.Component.json b/docs/symbols/Roo.Component.json
index b392515258..07ef9e4220 100644
--- a/docs/symbols/Roo.Component.json
+++ b/docs/symbols/Roo.Component.json
@@ -188,7 +188,7 @@
   "tree_parent" : [],
   "desc" : "Base class for all major Roo components.  All subclasses of Component can automatically participate in the standard\nRoo component lifecycle of creation, rendering and destruction.  They also have automatic support for basic hide/show\nand enable/disable behavior.  Component allows any subclass to be lazy-rendered into any {@link Roo.Container} and\nto be automatically registered with the {@link Roo.ComponentMgr} so that it can be referenced at any time via {@link Roo.getCmp}.\nAll visual components (widgets) that require rendering into a layout should subclass Component.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.CompositeElement.json b/docs/symbols/Roo.CompositeElement.json
index 1bffe53897..6d1f4ce146 100644
--- a/docs/symbols/Roo.CompositeElement.json
+++ b/docs/symbols/Roo.CompositeElement.json
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Standard composite class. Creates a Roo.Element for every element in the collection.\n<br><br>\n<b>NOTE: Although they are not listed, this class supports all of the set/update methods of Roo.Element. All Roo.Element\nactions will be performed on all the elements in this collection.</b>\n<br><br>\nAll methods return <i>this</i> and can be chained.\n <pre><code>\n var els = Roo.select(\"#some-el div.some-class\", true);\n // or select directly from an existing element\n var el = Roo.get('some-el');\n el.select('div.some-class', true);\n\n els.setWidth(100); // all elements become 100 width\n els.hide(true); // all elements fade out and hide\n // or\n els.setWidth(100).hide(true);\n </code></pre>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.CompositeElementLite.json b/docs/symbols/Roo.CompositeElementLite.json
index 2029a48c0b..c63ca6d67a 100644
--- a/docs/symbols/Roo.CompositeElementLite.json
+++ b/docs/symbols/Roo.CompositeElementLite.json
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "Flyweight composite class. Reuses the same Roo.Element for element operations.\n <pre><code>\n var els = Roo.select(\"#some-el div.some-class\");\n // or select directly from an existing element\n var el = Roo.get('some-el');\n el.select('div.some-class');\n\n els.setWidth(100); // all elements become 100 width\n els.hide(true); // all elements fade out and hide\n // or\n els.setWidth(100).hide(true);\n </code></pre><br><br>\n<b>NOTE: Although they are not listed, this class supports all of the set/update methods of Roo.Element. All Roo.Element\nactions will be performed on all the elements in this collection.</b>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.ContentPanel.json b/docs/symbols/Roo.ContentPanel.json
index bfb179f584..f495b3c98e 100644
--- a/docs/symbols/Roo.ContentPanel.json
+++ b/docs/symbols/Roo.ContentPanel.json
@@ -19,7 +19,7 @@
   "tree_parent" : [],
   "desc" : "A basic ContentPanel element.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : true,
diff --git a/docs/symbols/Roo.DDView.json b/docs/symbols/Roo.DDView.json
index e27405c029..b12ac648e8 100644
--- a/docs/symbols/Roo.DDView.json
+++ b/docs/symbols/Roo.DDView.json
@@ -6,7 +6,7 @@
   "tree_parent" : [],
   "desc" : "A DnD enabled version of Roo.View.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.DatePicker.json b/docs/symbols/Roo.DatePicker.json
index 37eccb8f82..d98a074cf5 100644
--- a/docs/symbols/Roo.DatePicker.json
+++ b/docs/symbols/Roo.DatePicker.json
@@ -9,7 +9,7 @@
   "tree_parent" : [],
   "desc" : "Simple date picker class.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.DialogManager.json b/docs/symbols/Roo.DialogManager.json
index fbdcca39df..7159795886 100644
--- a/docs/symbols/Roo.DialogManager.json
+++ b/docs/symbols/Roo.DialogManager.json
@@ -6,7 +6,7 @@
   "tree_parent" : [],
   "desc" : "Provides global access to BasicDialogs that have been created and\nsupport for z-indexing (layering) multiple open dialogs.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.Document.json b/docs/symbols/Roo.Document.json
index 0e869613dc..0f49549520 100644
--- a/docs/symbols/Roo.Document.json
+++ b/docs/symbols/Roo.Document.json
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "This is a convience class to wrap up the main document loading code.. , rather than adding Roo.onReady(......)",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.DomTemplate.json b/docs/symbols/Roo.DomTemplate.json
index 586d220b4c..dd8e120374 100644
--- a/docs/symbols/Roo.DomTemplate.json
+++ b/docs/symbols/Roo.DomTemplate.json
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "An effort at a dom based template engine..\n\nSimilar to XTemplate, except it uses dom parsing to create the template..\n\nSupported features:\n\n Tags:\n\n<pre><code>\n      {a_variable} - output encoded.\n      {a_variable.format:(\"Y-m-d\")} - call a method on the variable\n      {a_variable:raw} - unencoded output\n      {a_variable:toFixed(1,2)} - Roo.util.Format.\"toFixed\"\n      {a_variable:this.method_on_template(...)} - call a method on the template object.\n \n</code></pre>\n The tpl tag:\n<pre><code>\n        &lt;div roo-for=\"a_variable or condition..\"&gt;&lt;/div&gt;\n        &lt;div roo-if=\"a_variable or condition\"&gt;&lt;/div&gt;\n        &lt;div roo-exec=\"some javascript\"&gt;&lt;/div&gt;\n        &lt;div roo-name=\"named_template\"&gt;&lt;/div&gt; \n  \n</code></pre>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.Editor.json b/docs/symbols/Roo.Editor.json
index b611649205..e7ae1f2ddb 100644
--- a/docs/symbols/Roo.Editor.json
+++ b/docs/symbols/Roo.Editor.json
@@ -14,7 +14,7 @@
   "tree_parent" : [],
   "desc" : "A base editor field that handles displaying/hiding on demand and has some built-in sizing and event handling logic.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.Element.json b/docs/symbols/Roo.Element.json
index 037bf30263..c16909dabe 100644
--- a/docs/symbols/Roo.Element.json
+++ b/docs/symbols/Roo.Element.json
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Represents an Element in the DOM.<br><br>\nUsage:<br>\n<pre><code>\nvar el = Roo.get(\"my-div\");\n\n// or with getEl\nvar el = getEl(\"my-div\");\n\n// or with a DOM element\nvar el = Roo.get(myDivElement);\n</code></pre>\nUsing Roo.get() or getEl() instead of calling the constructor directly ensures you get the same object\neach call instead of constructing a new one.<br><br>\n<b>Animations</b><br />\nMany of the functions for manipulating an element have an optional \"animate\" parameter. The animate parameter\nshould either be a boolean (true) or an object literal with animation options. The animation options are:\n<pre>\nOption    Default   Description\n--------- --------  ---------------------------------------------\nduration  .35       The duration of the animation in seconds\neasing    easeOut   The YUI easing method\ncallback  none      A function to execute when the anim completes\nscope     this      The scope (this) of the callback function\n</pre>\nAlso, the Anim object being used for the animation will be set on your options object as \"anim\", which allows you to stop or\nmanipulate the animation. Here's an example:\n<pre><code>\nvar el = Roo.get(\"my-div\");\n\n// no animation\nel.setWidth(100);\n\n// default animation\nel.setWidth(100, true);\n\n// animation with some options set\nel.setWidth(100, {\n    duration: 1,\n    callback: this.foo,\n    scope: this\n});\n\n// using the \"anim\" property to get the Anim object\nvar opt = {\n    duration: 1,\n    callback: this.foo,\n    scope: this\n};\nel.setWidth(100, opt);\n...\nif(opt.anim.isAnimated()){\n    opt.anim.stop();\n}\n</code></pre>\n<b> Composite (Collections of) Elements</b><br />\nFor working with collections of Elements, see <a href=\"Roo.CompositeElement.html\">Roo.CompositeElement</a>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.Fx.json b/docs/symbols/Roo.Fx.json
index ff55aa8afd..b795f5a4b2 100644
--- a/docs/symbols/Roo.Fx.json
+++ b/docs/symbols/Roo.Fx.json
@@ -6,7 +6,7 @@
   "tree_parent" : [],
   "desc" : "<p>A class to provide basic animation and visual effects support.  <b>Note:</b> This class is automatically applied\nto the {@link Roo.Element} interface when included, so all effects calls should be performed via Element.\nConversely, since the effects are not actually defined in Element, Roo.Fx <b>must</b> be included in order for the \nElement effects to work.</p><br/>\n\n<p>It is important to note that although the Fx methods and many non-Fx Element methods support \"method chaining\" in that\nthey return the Element object itself as the method return value, it is not always possible to mix the two in a single\nmethod chain.  The Fx methods use an internal effects queue so that each effect can be properly timed and sequenced.\nNon-Fx methods, on the other hand, have no such internal queueing and will always execute immediately.  For this reason,\nwhile it may be possible to mix certain Fx and non-Fx method calls in a single chain, it may not always provide the\nexpected results and should be done with care.</p><br/>\n\n<p>Motion effects support 8-way anchoring, meaning that you can choose one of 8 different anchor points on the Element\nthat will serve as either the start or end point of the animation.  Following are all of the supported anchor positions:</p>\n<pre>\nValue  Description\n-----  -----------------------------\ntl     The top left corner\nt      The center of the top edge\ntr     The top right corner\nl      The center of the left edge\nr      The center of the right edge\nbl     The bottom left corner\nb      The center of the bottom edge\nbr     The bottom right corner\n</pre>\n<b>Although some Fx methods accept specific custom config parameters, the ones shown in the Config Options section\nbelow are common options that can be passed to any Fx method.</b>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.GridPanel.json b/docs/symbols/Roo.GridPanel.json
index f22079a4a8..49ad872976 100644
--- a/docs/symbols/Roo.GridPanel.json
+++ b/docs/symbols/Roo.GridPanel.json
@@ -9,7 +9,7 @@
   "tree_parent" : [],
   "desc" : "Create a new GridPanel.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.HtmlEditorCore.json b/docs/symbols/Roo.HtmlEditorCore.json
index 0f1dbe9e1b..01d56284fd 100644
--- a/docs/symbols/Roo.HtmlEditorCore.json
+++ b/docs/symbols/Roo.HtmlEditorCore.json
@@ -9,7 +9,7 @@
   "tree_parent" : [],
   "desc" : "Provides a the editing component for the HTML editors in Roo. (bootstrap and Roo.form)\n\nany element that has display set to 'none' can cause problems in Safari and Firefox.<br/><br/>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.JsonView.json b/docs/symbols/Roo.JsonView.json
index 8c829b6358..80c6687693 100644
--- a/docs/symbols/Roo.JsonView.json
+++ b/docs/symbols/Roo.JsonView.json
@@ -9,7 +9,7 @@
   "tree_parent" : [],
   "desc" : "Shortcut class to create a JSON + {@link Roo.UpdateManager} template view. Usage:\n<pre><code>\nvar view = new Roo.JsonView({\n    container: \"my-element\",\n    tpl: '&lt;div id=\"{id}\"&gt;{foo} - {bar}&lt;/div&gt;', // auto create template\n    multiSelect: true, \n    jsonRoot: \"data\" \n});\n\n// listen for node click?\nview.on(\"click\", function(vw, index, node, e){\n    alert('Node \"' + node.id + '\" at index: ' + index + \" was clicked.\");\n});\n\n// direct load of JSON data\nview.load(\"foobar.php\");\n\n// Example from my blog list\nvar tpl = new Roo.Template(\n    '&lt;div class=\"entry\"&gt;' +\n    '&lt;a class=\"entry-title\" href=\"{link}\"&gt;{title}&lt;/a&gt;' +\n    \"&lt;h4&gt;{date} by {author} | {comments} Comments&lt;/h4&gt;{description}\" +\n    \"&lt;/div&gt;&lt;hr /&gt;\"\n);\n\nvar moreView = new Roo.JsonView({\n    container :  \"entry-list\", \n    template : tpl,\n    jsonRoot: \"posts\"\n});\nmoreView.on(\"beforerender\", this.sortEntries, this);\nmoreView.load({\n    url: \"/blog/get-posts.php\",\n    params: \"allposts=true\",\n    text: \"Loading Blog Entries...\"\n});\n</code></pre>\n\nNote: old code is supported with arguments : (container, template, config)",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.KeyMap.json b/docs/symbols/Roo.KeyMap.json
index 9c77b65357..429accc29f 100644
--- a/docs/symbols/Roo.KeyMap.json
+++ b/docs/symbols/Roo.KeyMap.json
@@ -6,7 +6,7 @@
   "tree_parent" : [],
   "desc" : "Handles mapping keys to actions for an element. One key map can be used for multiple actions.\nThe constructor accepts the same config object as defined by {@link #addBinding}.\nIf you bind a callback function to a KeyMap, anytime the KeyMap handles an expected key\ncombination it will call the function with this signature (if the match is a multi-key\ncombination the callback will still be called only once): (String key, Roo.EventObject e)\nA KeyMap can also handle a string representation of keys.<br />\nUsage:\n <pre><code>\n// map one key by key code\nvar map = new Roo.KeyMap(\"my-element\", {\n    key: 13, // or Roo.EventObject.ENTER\n    fn: myHandler,\n    scope: myObject\n});\n\n// map multiple keys to one action by string\nvar map = new Roo.KeyMap(\"my-element\", {\n    key: \"a\\r\\n\\t\",\n    fn: myHandler,\n    scope: myObject\n});\n\n// map multiple keys to multiple actions by strings and array of codes\nvar map = new Roo.KeyMap(\"my-element\", [\n    {\n        key: [10,13],\n        fn: function(){ alert(\"Return was pressed\"); }\n    }, {\n        key: \"abc\",\n        fn: function(){ alert('a, b or c was pressed'); }\n    }, {\n        key: \"\\t\",\n        ctrl:true,\n        shift:true,\n        fn: function(){ alert('Control + shift + tab was pressed.'); }\n    }\n]);\n</code></pre>\n<b>Note: A KeyMap starts enabled</b>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.KeyNav.json b/docs/symbols/Roo.KeyNav.json
index d1f3a538de..bb96ea363a 100644
--- a/docs/symbols/Roo.KeyNav.json
+++ b/docs/symbols/Roo.KeyNav.json
@@ -6,7 +6,7 @@
   "tree_parent" : [],
   "desc" : "<p>Provides a convenient wrapper for normalized keyboard navigation.  KeyNav allows you to bind\nnavigation keys to function calls that will get called when the keys are pressed, providing an easy\nway to implement custom navigation schemes for any UI component.</p>\n<p>The following are all of the possible keys that can be implemented: enter, left, right, up, down, tab, esc,\npageUp, pageDown, del, home, end.  Usage:</p>\n <pre><code>\nvar nav = new Roo.KeyNav(\"my-element\", {\n    \"left\" : function(e){\n        this.moveLeft(e.ctrlKey);\n    },\n    \"right\" : function(e){\n        this.moveRight(e.ctrlKey);\n    },\n    \"enter\" : function(e){\n        this.save();\n    },\n    scope : this\n});\n</code></pre>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.Layer.json b/docs/symbols/Roo.Layer.json
index eccdf659f4..16190485d9 100644
--- a/docs/symbols/Roo.Layer.json
+++ b/docs/symbols/Roo.Layer.json
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "An extended {@link Roo.Element} object that supports a shadow and shim, constrain to viewport and\nautomatic maintaining of shadow/shim positions.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.LayoutDialog.json b/docs/symbols/Roo.LayoutDialog.json
index a64e2e2c48..307ac2958d 100644
--- a/docs/symbols/Roo.LayoutDialog.json
+++ b/docs/symbols/Roo.LayoutDialog.json
@@ -14,7 +14,7 @@
   "tree_parent" : [],
   "desc" : "Dialog which provides adjustments for working with a layout in a Dialog.\nAdd your necessary layout config options to the dialog's config.<br>\nExample usage (including a nested layout):\n<pre><code>\nif(!dialog){\n    dialog = new Roo.LayoutDialog(\"download-dlg\", {\n        modal: true,\n        width:600,\n        height:450,\n        shadow:true,\n        minWidth:500,\n        minHeight:350,\n        autoTabs:true,\n        proxyDrag:true,\n        // layout config merges with the dialog config\n        center:{\n            tabPosition: \"top\",\n            alwaysShowTabs: true\n        }\n    });\n    dialog.addKeyListener(27, dialog.hide, dialog);\n    dialog.setDefaultButton(dialog.addButton(\"Close\", dialog.hide, dialog));\n    dialog.addButton(\"Build It!\", this.getDownload, this);\n\n    // we can even add nested layouts\n    var innerLayout = new Roo.BorderLayout(\"dl-inner\", {\n        east: {\n            initialSize: 200,\n            autoScroll:true,\n            split:true\n        },\n        center: {\n            autoScroll:true\n        }\n    });\n    innerLayout.beginUpdate();\n    innerLayout.add(\"east\", new Roo.ContentPanel(\"dl-details\"));\n    innerLayout.add(\"center\", new Roo.ContentPanel(\"selection-panel\"));\n    innerLayout.endUpdate(true);\n\n    var layout = dialog.getLayout();\n    layout.beginUpdate();\n    layout.add(\"center\", new Roo.ContentPanel(\"standard-panel\",\n                        {title: \"Download the Source\", fitToFrame:true}));\n    layout.add(\"center\", new Roo.NestedLayoutPanel(innerLayout,\n               {title: \"Build your own roo.js\"}));\n    layout.getRegion(\"center\").showPanel(sp);\n    layout.endUpdate();\n}\n</code></pre>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : true,
diff --git a/docs/symbols/Roo.LayoutManager.json b/docs/symbols/Roo.LayoutManager.json
index d1e146fccd..b4b40f7141 100644
--- a/docs/symbols/Roo.LayoutManager.json
+++ b/docs/symbols/Roo.LayoutManager.json
@@ -15,7 +15,7 @@
   "tree_parent" : [],
   "desc" : "Base class for layout managers.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.LayoutRegion.json b/docs/symbols/Roo.LayoutRegion.json
index 8fa9e8cede..7a48b9ada5 100644
--- a/docs/symbols/Roo.LayoutRegion.json
+++ b/docs/symbols/Roo.LayoutRegion.json
@@ -14,7 +14,7 @@
   "tree_parent" : [],
   "desc" : "This class represents a region in a layout manager.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.LoadMask.json b/docs/symbols/Roo.LoadMask.json
index 4a84244759..fa942e8c15 100644
--- a/docs/symbols/Roo.LoadMask.json
+++ b/docs/symbols/Roo.LoadMask.json
@@ -6,7 +6,7 @@
   "tree_parent" : [],
   "desc" : "A simple utility class for generically masking elements while loading data.  If the element being masked has\nan underlying {@link Roo.data.Store}, the masking will be automatically synchronized with the store's loading\nprocess and the mask element will be cached for reuse.  For all other elements, this mask will replace the\nelement's UpdateManager load indicator and will be destroyed after the initial load.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.MasterTemplate.json b/docs/symbols/Roo.MasterTemplate.json
index c62f1d4b3f..f1006310df 100644
--- a/docs/symbols/Roo.MasterTemplate.json
+++ b/docs/symbols/Roo.MasterTemplate.json
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "Provides a template that can have child templates. The syntax is:\n<pre><code>\nvar t = new Roo.MasterTemplate(\n\t'&lt;select name=\"{name}\"&gt;',\n\t\t'&lt;tpl name=\"options\"&gt;&lt;option value=\"{value:trim}\"&gt;{text:ellipsis(10)}&lt;/option&gt;&lt;/tpl&gt;',\n\t'&lt;/select&gt;'\n);\nt.add('options', {value: 'foo', text: 'bar'});\n// or you can add multiple child elements in one shot\nt.addAll('options', [\n    {value: 'foo', text: 'bar'},\n    {value: 'foo2', text: 'bar2'},\n    {value: 'foo3', text: 'bar3'}\n]);\n// then append, applying the master template values\nt.append('my-form', {name: 'my-select'});\n</code></pre>\nA name attribute for the child template is not required if you have only one child\ntemplate or you want to refer to them by index.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.NestedLayoutPanel.json b/docs/symbols/Roo.NestedLayoutPanel.json
index ccf02d10b2..6b69a3a8b9 100644
--- a/docs/symbols/Roo.NestedLayoutPanel.json
+++ b/docs/symbols/Roo.NestedLayoutPanel.json
@@ -9,7 +9,7 @@
   "tree_parent" : [],
   "desc" : "Create a new NestedLayoutPanel.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.PagingToolbar.json b/docs/symbols/Roo.PagingToolbar.json
index 88d597c8b0..3fedff08f7 100644
--- a/docs/symbols/Roo.PagingToolbar.json
+++ b/docs/symbols/Roo.PagingToolbar.json
@@ -35,7 +35,7 @@
   "tree_parent" : [],
   "desc" : "A specialized toolbar that is bound to a {@link Roo.data.Store} and provides automatic paging controls.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.ReaderLayout.json b/docs/symbols/Roo.ReaderLayout.json
index 43a1aedc8f..6e521bebdb 100644
--- a/docs/symbols/Roo.ReaderLayout.json
+++ b/docs/symbols/Roo.ReaderLayout.json
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "This is a pre-built layout that represents a classic, 5-pane application.  It consists of a header, a primary\ncenter region containing two nested regions (a top one for a list view and one for item preview below),\nand regions on either side that can be used for navigation, application commands, informational displays, etc.\nThe setup and configuration work exactly the same as it does for a {@link Roo.BorderLayout} - this class simply\nexpedites the setup of the overall layout and regions for this common application style.\nExample:\n <pre><code>\nvar reader = new Roo.ReaderLayout();\nvar CP = Roo.ContentPanel;  // shortcut for adding\n\nreader.beginUpdate();\nreader.add(\"north\", new CP(\"north\", \"North\"));\nreader.add(\"west\", new CP(\"west\", {title: \"West\"}));\nreader.add(\"east\", new CP(\"east\", {title: \"East\"}));\n\nreader.regions.listView.add(new CP(\"listView\", \"List\"));\nreader.regions.preview.add(new CP(\"preview\", \"Preview\"));\nreader.endUpdate();\n</code></pre>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.Resizable.json b/docs/symbols/Roo.Resizable.json
index 0b2a6b1040..282c8d9efd 100644
--- a/docs/symbols/Roo.Resizable.json
+++ b/docs/symbols/Roo.Resizable.json
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "<p>Applies drag handles to an element to make it resizable. The drag handles are inserted into the element\nand positioned absolute. Some elements, such as a textarea or image, don't support this. To overcome that, you can wrap\nthe textarea in a div and set \"resizeChild\" to true (or to the id of the element), <b>or</b> set wrap:true in your config and\nthe element will be wrapped for you automatically.</p>\n<p>Here is the list of valid resize handles:</p>\n<pre>\nValue   Description\n------  -------------------\n 'n'     north\n 's'     south\n 'e'     east\n 'w'     west\n 'nw'    northwest\n 'sw'    southwest\n 'se'    southeast\n 'ne'    northeast\n 'hd'    horizontal drag\n 'all'   all\n</pre>\n<p>Here's an example showing the creation of a typical Resizable:</p>\n<pre><code>\nvar resizer = new Roo.Resizable(\"element-id\", {\n    handles: 'all',\n    minWidth: 200,\n    minHeight: 100,\n    maxWidth: 500,\n    maxHeight: 400,\n    pinned: true\n});\nresizer.on(\"resize\", myHandler);\n</code></pre>\n<p>To hide a particular handle, set its display to none in CSS, or through script:<br>\nresizer.east.setDisplayed(false);</p>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.Shadow.json b/docs/symbols/Roo.Shadow.json
index 37be6c3f83..e643d5cdbd 100644
--- a/docs/symbols/Roo.Shadow.json
+++ b/docs/symbols/Roo.Shadow.json
@@ -6,7 +6,7 @@
   "tree_parent" : [],
   "desc" : "Simple class that can provide a shadow effect for any element.  Note that the element MUST be absolutely positioned,\nand the shadow does not provide any shimming.  This should be used only in simple cases -- for more advanced\nfunctionality that can also provide the same shadow effect, see the {@link Roo.Layer} class.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.SplitBar.AbsoluteLayoutAdapter.json b/docs/symbols/Roo.SplitBar.AbsoluteLayoutAdapter.json
index 07dc940a52..14a75cca9e 100644
--- a/docs/symbols/Roo.SplitBar.AbsoluteLayoutAdapter.json
+++ b/docs/symbols/Roo.SplitBar.AbsoluteLayoutAdapter.json
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "Adapter that  moves the splitter element to align with the resized sizing element. \nUsed with an absolute positioned SplitBar.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.SplitBar.BasicLayoutAdapter.json b/docs/symbols/Roo.SplitBar.BasicLayoutAdapter.json
index c534a2f082..299062cd45 100644
--- a/docs/symbols/Roo.SplitBar.BasicLayoutAdapter.json
+++ b/docs/symbols/Roo.SplitBar.BasicLayoutAdapter.json
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Default Adapter. It assumes the splitter and resizing element are not positioned\nelements and only gets/sets the width of the element. Generally used for table based layouts.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.SplitBar.json b/docs/symbols/Roo.SplitBar.json
index 7c2b818d83..6d3fd784b1 100644
--- a/docs/symbols/Roo.SplitBar.json
+++ b/docs/symbols/Roo.SplitBar.json
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "Creates draggable splitter bar functionality from two elements (element to be dragged and element to be resized).\n<br><br>\nUsage:\n<pre><code>\nvar split = new Roo.SplitBar(\"elementToDrag\", \"elementToSize\",\n                   Roo.SplitBar.HORIZONTAL, Roo.SplitBar.LEFT);\nsplit.setAdapter(new Roo.SplitBar.AbsoluteLayoutAdapter(\"container\"));\nsplit.minSize = 100;\nsplit.maxSize = 600;\nsplit.animate = true;\nsplit.on('moved', splitterMoved);\n</code></pre>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.SplitButton.json b/docs/symbols/Roo.SplitButton.json
index 9713f555fb..7d8900446e 100644
--- a/docs/symbols/Roo.SplitButton.json
+++ b/docs/symbols/Roo.SplitButton.json
@@ -13,7 +13,7 @@
   "tree_parent" : [],
   "desc" : "A split button that provides a built-in dropdown arrow that can fire an event separately from the default\nclick event of the button.  Typically this would be used to display a dropdown menu that provides additional\noptions to the primary button action, but any custom handler can provide the arrowclick implementation.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.SplitLayoutRegion.json b/docs/symbols/Roo.SplitLayoutRegion.json
index 856bfa2d6b..11238a69f3 100644
--- a/docs/symbols/Roo.SplitLayoutRegion.json
+++ b/docs/symbols/Roo.SplitLayoutRegion.json
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Adds a splitbar and other (private) useful functionality to a {@link Roo.LayoutRegion}.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.TabPanel.json b/docs/symbols/Roo.TabPanel.json
index fe0d473bc4..db002c22b9 100644
--- a/docs/symbols/Roo.TabPanel.json
+++ b/docs/symbols/Roo.TabPanel.json
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "A lightweight tab container.\n<br><br>\nUsage:\n<pre><code>\n// basic tabs 1, built from existing content\nvar tabs = new Roo.TabPanel(\"tabs1\");\ntabs.addTab(\"script\", \"View Script\");\ntabs.addTab(\"markup\", \"View Markup\");\ntabs.activate(\"script\");\n\n// more advanced tabs, built from javascript\nvar jtabs = new Roo.TabPanel(\"jtabs\");\njtabs.addTab(\"jtabs-1\", \"Normal Tab\", \"My content was added during construction.\");\n\n// set up the UpdateManager\nvar tab2 = jtabs.addTab(\"jtabs-2\", \"Ajax Tab 1\");\nvar updater = tab2.getUpdateManager();\nupdater.setDefaultUrl(\"ajax1.htm\");\ntab2.on('activate', updater.refresh, updater, true);\n\n// Use setUrl for Ajax loading\nvar tab3 = jtabs.addTab(\"jtabs-3\", \"Ajax Tab 2\");\ntab3.setUrl(\"ajax2.htm\", null, true);\n\n// Disabled tab\nvar tab4 = jtabs.addTab(\"tabs1-5\", \"Disabled Tab\", \"Can't see me cause I'm disabled\");\ntab4.disable();\n\njtabs.activate(\"jtabs-1\");\n</code></pre>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.TabPanelItem.json b/docs/symbols/Roo.TabPanelItem.json
index 6aa72ec1ec..3fc1ba3533 100644
--- a/docs/symbols/Roo.TabPanelItem.json
+++ b/docs/symbols/Roo.TabPanelItem.json
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "Represents an individual item (tab plus body) in a TabPanel.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.Template.json b/docs/symbols/Roo.Template.json
index 46ad7d39d9..220cb2e3bc 100644
--- a/docs/symbols/Roo.Template.json
+++ b/docs/symbols/Roo.Template.json
@@ -12,7 +12,7 @@
   "tree_parent" : [],
   "desc" : "Represents an HTML fragment template. Templates can be precompiled for greater performance.\nFor a list of available format functions, see {@link Roo.util.Format}.<br />\nUsage:\n<pre><code>\nvar t = new Roo.Template({\n    html :  '&lt;div name=\"{id}\"&gt;' + \n        '&lt;span class=\"{cls}\"&gt;{name:trim} {someval:this.myformat}{value:ellipsis(10)}&lt;/span&gt;' +\n        '&lt;/div&gt;',\n    myformat: function (value, allValues) {\n        return 'XX' + value;\n    }\n});\nt.append('some-element', {id: 'myid', cls: 'myclass', name: 'foo', value: 'bar'});\n</code></pre>\nFor more information see this blog post with examples:\n <a href=\"http://www.cnitblog.com/seeyeah/archive/2011/12/30/38728.html/\">DomHelper\n     - Create Elements using DOM, HTML fragments and Templates</a>.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.Toolbar.Button.json b/docs/symbols/Roo.Toolbar.Button.json
index 076daabfed..b96d924d01 100644
--- a/docs/symbols/Roo.Toolbar.Button.json
+++ b/docs/symbols/Roo.Toolbar.Button.json
@@ -9,7 +9,7 @@
   "tree_parent" : [],
   "desc" : "A button that renders into a toolbar.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.Toolbar.Fill.json b/docs/symbols/Roo.Toolbar.Fill.json
index 6516a2f2be..07a9eda571 100644
--- a/docs/symbols/Roo.Toolbar.Fill.json
+++ b/docs/symbols/Roo.Toolbar.Fill.json
@@ -9,7 +9,7 @@
   "tree_parent" : [],
   "desc" : "A simple element that adds a greedy (100% width) horizontal space to a toolbar.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.Toolbar.Item.json b/docs/symbols/Roo.Toolbar.Item.json
index 5da8040a48..52345610b1 100644
--- a/docs/symbols/Roo.Toolbar.Item.json
+++ b/docs/symbols/Roo.Toolbar.Item.json
@@ -15,7 +15,7 @@
   "tree_parent" : [],
   "desc" : "The base class that other classes should extend in order to get some basic common toolbar item functionality.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.Toolbar.Separator.json b/docs/symbols/Roo.Toolbar.Separator.json
index 7cc4ccfae9..dcff54a67b 100644
--- a/docs/symbols/Roo.Toolbar.Separator.json
+++ b/docs/symbols/Roo.Toolbar.Separator.json
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "A simple toolbar separator class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.Toolbar.Spacer.json b/docs/symbols/Roo.Toolbar.Spacer.json
index 378209a39c..80cf053d29 100644
--- a/docs/symbols/Roo.Toolbar.Spacer.json
+++ b/docs/symbols/Roo.Toolbar.Spacer.json
@@ -12,7 +12,7 @@
   "tree_parent" : [],
   "desc" : "A simple element that adds extra horizontal space to a toolbar.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.Toolbar.SplitButton.json b/docs/symbols/Roo.Toolbar.SplitButton.json
index 2ffee8d29d..187adc889c 100644
--- a/docs/symbols/Roo.Toolbar.SplitButton.json
+++ b/docs/symbols/Roo.Toolbar.SplitButton.json
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "A menu button that renders into a toolbar.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.Toolbar.TextItem.json b/docs/symbols/Roo.Toolbar.TextItem.json
index 4913966709..b548f3ff4d 100644
--- a/docs/symbols/Roo.Toolbar.TextItem.json
+++ b/docs/symbols/Roo.Toolbar.TextItem.json
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "A simple class that renders text directly into a toolbar.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.Toolbar.json b/docs/symbols/Roo.Toolbar.json
index ce50a03697..9c2734e9b5 100644
--- a/docs/symbols/Roo.Toolbar.json
+++ b/docs/symbols/Roo.Toolbar.json
@@ -37,7 +37,7 @@
   "tree_parent" : [],
   "desc" : "Basic Toolbar class.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.TreePanel.json b/docs/symbols/Roo.TreePanel.json
index bc466a1413..422144cc4c 100644
--- a/docs/symbols/Roo.TreePanel.json
+++ b/docs/symbols/Roo.TreePanel.json
@@ -9,7 +9,7 @@
   "tree_parent" : [],
   "desc" : "Treepanel component",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.UpdateManager.BasicRenderer.json b/docs/symbols/Roo.UpdateManager.BasicRenderer.json
index 427e6550f5..ac5a927e48 100644
--- a/docs/symbols/Roo.UpdateManager.BasicRenderer.json
+++ b/docs/symbols/Roo.UpdateManager.BasicRenderer.json
@@ -6,7 +6,7 @@
   "tree_parent" : [],
   "desc" : "Default Content renderer. Updates the elements innerHTML with the responseText.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.UpdateManager.json b/docs/symbols/Roo.UpdateManager.json
index 2cdb7104c1..ecbbeefb59 100644
--- a/docs/symbols/Roo.UpdateManager.json
+++ b/docs/symbols/Roo.UpdateManager.json
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "Provides AJAX-style update for Element object.<br><br>\nUsage:<br>\n<pre><code>\n// Get it from a Roo.Element object\nvar el = Roo.get(\"foo\");\nvar mgr = el.getUpdateManager();\nmgr.update(\"http://myserver.com/index.php\", \"param1=1&amp;param2=2\");\n...\nmgr.formUpdate(\"myFormId\", \"http://myserver.com/index.php\");\n<br>\n// or directly (returns the same UpdateManager instance)\nvar mgr = new Roo.UpdateManager(\"myElementId\");\nmgr.startAutoRefresh(60, \"http://myserver.com/index.php\");\nmgr.on(\"update\", myFcnNeedsToKnow);\n<br>\n   // short handed call directly from the element object\n   Roo.get(\"foo\").load({\n        url: \"bar.php\",\n        scripts:true,\n        params: \"for=bar\",\n        text: \"Loading Foo...\"\n   });\n</code></pre>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.View.json b/docs/symbols/Roo.View.json
index 72fba1da5d..b5ceb33d10 100644
--- a/docs/symbols/Roo.View.json
+++ b/docs/symbols/Roo.View.json
@@ -12,7 +12,7 @@
   "tree_parent" : [],
   "desc" : "Create a \"View\" for an element based on a data model or UpdateManager and the supplied DomHelper template. \nThis class also supports single and multi selection modes. <br>\nCreate a data model bound view:\n <pre><code>\n var store = new Roo.data.Store(...);\n\n var view = new Roo.View({\n    el : \"my-element\",\n    tpl : '&lt;div id=\"{0}\"&gt;{2} - {1}&lt;/div&gt;', // auto create template\n \n    singleSelect: true,\n    selectedClass: \"ydataview-selected\",\n    store: store\n });\n\n // listen for node click?\n view.on(\"click\", function(vw, index, node, e){\n alert('Node \"' + node.id + '\" at index: ' + index + \" was clicked.\");\n });\n\n // load XML data\n dataModel.load(\"foobar.xml\");\n </code></pre>\n For an example of creating a JSON/UpdateManager view, see {@link Roo.JsonView}.\n<br><br>\n<b>Note: The root of your template must be a single node. Table/row implementations may work but are not supported due to\nIE\"s limited insertion support with tables and Opera\"s faulty event bubbling.</b>\n\nNote: old style constructor is still suported (container, template, config)",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.XComponent.json b/docs/symbols/Roo.XComponent.json
index 81b7d7022d..2af6740afe 100644
--- a/docs/symbols/Roo.XComponent.json
+++ b/docs/symbols/Roo.XComponent.json
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "A delayed Element creator...\nOr a way to group chunks of interface together.\ntechnically this is a wrapper around a tree of Roo elements (which defines a 'module'),\n used in conjunction with XComponent.build() it will create an instance of each element,\n then call addxtype() to build the User interface.\n\nMypart.xyx = new Roo.XComponent({\n\n    parent : 'Mypart.xyz', // empty == document.element.!!\n    order : '001',\n    name : 'xxxx'\n    region : 'xxxx'\n    disabled : function() {} \n     \n    tree : function() { // return an tree of xtype declared components\n        var MODULE = this;\n        return \n        {\n            xtype : 'NestedLayoutPanel',\n            // technicall\n        }\n     ]\n})\n\n\nIt can be used to build a big heiracy, with parent etc.\nor you can just use this to render a single compoent to a dom element\nMYPART.render(Roo.Element | String(id) | dom_element )\n\n\nUsage patterns.\n\nClassic Roo\n\nRoo is designed primarily as a single page application, so the UI build for a standard interface will\nexpect a single 'TOP' level module normally indicated by the 'parent' of the XComponent definition being defined as false.\n\nEach sub module is expected to have a parent pointing to the class name of it's parent module.\n\nWhen the top level is false, a 'Roo.BorderLayout' is created and the element is flagged as 'topModule'\n- if mulitple topModules exist, the last one is defined as the top module.\n\nEmbeded Roo\n\nWhen the top level or multiple modules are to embedded into a existing HTML page,\nthe parent element can container '#id' of the element where the module will be drawn.\n\nBootstrap Roo\n\nUnlike classic Roo, the bootstrap tends not to be used as a single page.\nit relies more on a include mechanism, where sub modules are included into an outer page.\nThis is normally managed by the builder tools using Roo.apply( options, Included.Sub.Module )\n\nBootstrap Roo Included elements\n\nOur builder application needs the ability to preview these sub compoennts. They will normally have parent=false set,\nhence confusing the component builder as it thinks there are multiple top level elements. \n\nString Over-ride & Translations\n\nOur builder application writes all the strings as _strings and _named_strings. This is to enable the translation of elements,\nand also the 'overlaying of string values - needed when different versions of the same application with different text content\nare needed. @see Roo.XComponent.overlayString",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.XTemplate.json b/docs/symbols/Roo.XTemplate.json
index baa92b999d..bb78661442 100644
--- a/docs/symbols/Roo.XTemplate.json
+++ b/docs/symbols/Roo.XTemplate.json
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "Provides a template that can have nested templates for loops or conditionals. The syntax is:\n<pre><code>\nvar t = new Roo.XTemplate(\n\t'&lt;select name=\"{name}\"&gt;',\n\t\t'&lt;tpl for=\"options\"&gt;&lt;option value=\"{value:trim}\"&gt;{text:ellipsis(10)}&lt;/option&gt;&lt;/tpl&gt;',\n\t'&lt;/select&gt;'\n);\n \n// then append, applying the master template values\n </code></pre>\n\nSupported features:\n\n Tags:\n\n<pre><code>\n      {a_variable} - output encoded.\n      {a_variable.format:(\"Y-m-d\")} - call a method on the variable\n      {a_variable:raw} - unencoded output\n      {a_variable:toFixed(1,2)} - Roo.util.Format.\"toFixed\"\n      {a_variable:this.method_on_template(...)} - call a method on the template object.\n \n</code></pre>\n The tpl tag:\n<pre><code>\n        &lt;tpl for=\"a_variable or condition..\"&gt;&lt;/tpl&gt;\n        &lt;tpl if=\"a_variable or condition\"&gt;&lt;/tpl&gt;\n        &lt;tpl exec=\"some javascript\"&gt;&lt;/tpl&gt;\n        &lt;tpl name=\"named_template\"&gt;&lt;/tpl&gt; (experimental)\n  \n        &lt;tpl for=\".\"&gt;&lt;/tpl&gt; - just iterate the property..\n        &lt;tpl for=\"..\"&gt;&lt;/tpl&gt; - iterates with the parent (probably the template) \n</code></pre>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.Alert.json b/docs/symbols/Roo.bootstrap.Alert.json
index 955170941b..f8ce4f368e 100644
--- a/docs/symbols/Roo.bootstrap.Alert.json
+++ b/docs/symbols/Roo.bootstrap.Alert.json
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Alert class - shows an alert area box\neg\n<div class=\"alert alert-danger\" role=\"alert\"><span class=\"fa fa-exclamation-triangle\"></span><span class=\"sr-only\">Error:</span>\n  Enter a valid email address\n</div>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.BezierSignature.json b/docs/symbols/Roo.bootstrap.BezierSignature.json
index ee424e7cea..4624f38eb0 100644
--- a/docs/symbols/Roo.bootstrap.BezierSignature.json
+++ b/docs/symbols/Roo.bootstrap.BezierSignature.json
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap BezierSignature class\nThis script refer to:\n   Title: Signature Pad\n   Author: szimek\n   Availability: https://github.com/szimek/signature_pad",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.Body.json b/docs/symbols/Roo.bootstrap.Body.json
index 41c7a59064..527f980cb2 100644
--- a/docs/symbols/Roo.bootstrap.Body.json
+++ b/docs/symbols/Roo.bootstrap.Body.json
@@ -80,7 +80,7 @@
   ],
   "desc" : "Bootstrap Body class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : true,
diff --git a/docs/symbols/Roo.bootstrap.Brick.json b/docs/symbols/Roo.bootstrap.Brick.json
index 798bbdb6be..24a1055554 100644
--- a/docs/symbols/Roo.bootstrap.Brick.json
+++ b/docs/symbols/Roo.bootstrap.Brick.json
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Brick class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.Button.json b/docs/symbols/Roo.bootstrap.Button.json
index e9e1ff90d2..bbd088d2f6 100644
--- a/docs/symbols/Roo.bootstrap.Button.json
+++ b/docs/symbols/Roo.bootstrap.Button.json
@@ -15,7 +15,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Button class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.ButtonGroup.json b/docs/symbols/Roo.bootstrap.ButtonGroup.json
index 785c7be47d..c6257279bc 100644
--- a/docs/symbols/Roo.bootstrap.ButtonGroup.json
+++ b/docs/symbols/Roo.bootstrap.ButtonGroup.json
@@ -15,7 +15,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap ButtonGroup class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.ButtonUploader.json b/docs/symbols/Roo.bootstrap.ButtonUploader.json
index ac7fe8fed1..e1d5008239 100644
--- a/docs/symbols/Roo.bootstrap.ButtonUploader.json
+++ b/docs/symbols/Roo.bootstrap.ButtonUploader.json
@@ -11,7 +11,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Button Uploader class - it's a button which when you add files to it",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.Calendar.json b/docs/symbols/Roo.bootstrap.Calendar.json
index fd70f69e46..37348eeba4 100644
--- a/docs/symbols/Roo.bootstrap.Calendar.json
+++ b/docs/symbols/Roo.bootstrap.Calendar.json
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Calendar class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.Card.json b/docs/symbols/Roo.bootstrap.Card.json
index 8228152962..00abcb8aae 100644
--- a/docs/symbols/Roo.bootstrap.Card.json
+++ b/docs/symbols/Roo.bootstrap.Card.json
@@ -81,7 +81,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Card class - note this has children as CardHeader/ImageTop/Footer.. - which should really be listed properties?\n\n\npossible... may not be implemented..",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.CardFooter.json b/docs/symbols/Roo.bootstrap.CardFooter.json
index 4295687c3a..ad6acf2d85 100644
--- a/docs/symbols/Roo.bootstrap.CardFooter.json
+++ b/docs/symbols/Roo.bootstrap.CardFooter.json
@@ -81,7 +81,7 @@
   ],
   "desc" : "Bootstrap CardFooter class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.CardHeader.json b/docs/symbols/Roo.bootstrap.CardHeader.json
index e10938b09f..fe4d6c99b0 100644
--- a/docs/symbols/Roo.bootstrap.CardHeader.json
+++ b/docs/symbols/Roo.bootstrap.CardHeader.json
@@ -81,7 +81,7 @@
   ],
   "desc" : "Bootstrap CardHeader class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.CardImageTop.json b/docs/symbols/Roo.bootstrap.CardImageTop.json
index b85d1dd8d0..7649cc596e 100644
--- a/docs/symbols/Roo.bootstrap.CardImageTop.json
+++ b/docs/symbols/Roo.bootstrap.CardImageTop.json
@@ -81,7 +81,7 @@
   ],
   "desc" : "Bootstrap CardImageTop class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.Column.json b/docs/symbols/Roo.bootstrap.Column.json
index ccbd84e11b..c4c352ee77 100644
--- a/docs/symbols/Roo.bootstrap.Column.json
+++ b/docs/symbols/Roo.bootstrap.Column.json
@@ -82,7 +82,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Column class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.Component.json b/docs/symbols/Roo.bootstrap.Component.json
index d689b7df5d..0cafc269db 100644
--- a/docs/symbols/Roo.bootstrap.Component.json
+++ b/docs/symbols/Roo.bootstrap.Component.json
@@ -187,7 +187,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Component base class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : true,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.Container.json b/docs/symbols/Roo.bootstrap.Container.json
index 5cfdd11328..82270cda1d 100644
--- a/docs/symbols/Roo.bootstrap.Container.json
+++ b/docs/symbols/Roo.bootstrap.Container.json
@@ -78,7 +78,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Container class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : true,
diff --git a/docs/symbols/Roo.bootstrap.DocumentManager.json b/docs/symbols/Roo.bootstrap.DocumentManager.json
index 5006b2293f..ef137c8a52 100644
--- a/docs/symbols/Roo.bootstrap.DocumentManager.json
+++ b/docs/symbols/Roo.bootstrap.DocumentManager.json
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap DocumentManager class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.DocumentSlider.json b/docs/symbols/Roo.bootstrap.DocumentSlider.json
index a16064f397..8d9228d1f1 100644
--- a/docs/symbols/Roo.bootstrap.DocumentSlider.json
+++ b/docs/symbols/Roo.bootstrap.DocumentSlider.json
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap DocumentSlider class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.DocumentViewer.json b/docs/symbols/Roo.bootstrap.DocumentViewer.json
index fdb72b2f66..af2f59f797 100644
--- a/docs/symbols/Roo.bootstrap.DocumentViewer.json
+++ b/docs/symbols/Roo.bootstrap.DocumentViewer.json
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap DocumentViewer class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.DropTarget.json b/docs/symbols/Roo.bootstrap.DropTarget.json
index 0018766c41..f3b7861cb8 100644
--- a/docs/symbols/Roo.bootstrap.DropTarget.json
+++ b/docs/symbols/Roo.bootstrap.DropTarget.json
@@ -11,7 +11,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap DropTarget class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.Element.json b/docs/symbols/Roo.bootstrap.Element.json
index c05e40c317..142942ea7a 100644
--- a/docs/symbols/Roo.bootstrap.Element.json
+++ b/docs/symbols/Roo.bootstrap.Element.json
@@ -85,7 +85,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Element class (basically a DIV used to make random stuff )",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.Graph.json b/docs/symbols/Roo.bootstrap.Graph.json
index 3de8c82313..3301d6536a 100644
--- a/docs/symbols/Roo.bootstrap.Graph.json
+++ b/docs/symbols/Roo.bootstrap.Graph.json
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Graph class\n> Prameters\n -sm {number} sm 4\n -md {number} md 5",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.Header.json b/docs/symbols/Roo.bootstrap.Header.json
index 1b7c9e2438..d0615369d4 100644
--- a/docs/symbols/Roo.bootstrap.Header.json
+++ b/docs/symbols/Roo.bootstrap.Header.json
@@ -78,7 +78,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Header class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.Img.json b/docs/symbols/Roo.bootstrap.Img.json
index a6bf4636ff..a95d102460 100644
--- a/docs/symbols/Roo.bootstrap.Img.json
+++ b/docs/symbols/Roo.bootstrap.Img.json
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Img class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.LayoutMasonry.json b/docs/symbols/Roo.bootstrap.LayoutMasonry.json
index 74cc879489..460e26d1c6 100644
--- a/docs/symbols/Roo.bootstrap.LayoutMasonry.json
+++ b/docs/symbols/Roo.bootstrap.LayoutMasonry.json
@@ -15,7 +15,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Layout Masonry class\n\nThis is based on \nhttp://masonry.desandro.com\n\nThe idea is to render all the bricks based on vertical width...\n\nThe original code extends 'outlayer' - we might need to use that....",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.LayoutMasonryAuto.json b/docs/symbols/Roo.bootstrap.LayoutMasonryAuto.json
index c57ac0b8eb..f137da0856 100644
--- a/docs/symbols/Roo.bootstrap.LayoutMasonryAuto.json
+++ b/docs/symbols/Roo.bootstrap.LayoutMasonryAuto.json
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Layout Masonry class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.Link.json b/docs/symbols/Roo.bootstrap.Link.json
index aa41be1444..e57aaf5985 100644
--- a/docs/symbols/Roo.bootstrap.Link.json
+++ b/docs/symbols/Roo.bootstrap.Link.json
@@ -78,7 +78,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Link Class (eg. '<a href>')",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.LocationPicker.json b/docs/symbols/Roo.bootstrap.LocationPicker.json
index e19d7dad12..7becf467a9 100644
--- a/docs/symbols/Roo.bootstrap.LocationPicker.json
+++ b/docs/symbols/Roo.bootstrap.LocationPicker.json
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap LocationPicker class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.MasonryBrick.json b/docs/symbols/Roo.bootstrap.MasonryBrick.json
index 8546813057..6a4c0b25e5 100644
--- a/docs/symbols/Roo.bootstrap.MasonryBrick.json
+++ b/docs/symbols/Roo.bootstrap.MasonryBrick.json
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap MasonryBrick class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.MessageBar.json b/docs/symbols/Roo.bootstrap.MessageBar.json
index 83d2300673..d91bd2b934 100644
--- a/docs/symbols/Roo.bootstrap.MessageBar.json
+++ b/docs/symbols/Roo.bootstrap.MessageBar.json
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap MessageBar class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.Modal.json b/docs/symbols/Roo.bootstrap.Modal.json
index 2ac557a933..b2e0c62964 100644
--- a/docs/symbols/Roo.bootstrap.Modal.json
+++ b/docs/symbols/Roo.bootstrap.Modal.json
@@ -80,7 +80,7 @@
   ],
   "desc" : "Bootstrap Modal class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : true,
diff --git a/docs/symbols/Roo.bootstrap.Pagination.json b/docs/symbols/Roo.bootstrap.Pagination.json
index b385e019ac..4fd9eb5995 100644
--- a/docs/symbols/Roo.bootstrap.Pagination.json
+++ b/docs/symbols/Roo.bootstrap.Pagination.json
@@ -12,7 +12,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Pagination class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.PaginationItem.json b/docs/symbols/Roo.bootstrap.PaginationItem.json
index a33f39d682..d8f9a9253f 100644
--- a/docs/symbols/Roo.bootstrap.PaginationItem.json
+++ b/docs/symbols/Roo.bootstrap.PaginationItem.json
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap PaginationItem class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.PagingToolbar.json b/docs/symbols/Roo.bootstrap.PagingToolbar.json
index 4d150b9e9e..0dee0b041b 100644
--- a/docs/symbols/Roo.bootstrap.PagingToolbar.json
+++ b/docs/symbols/Roo.bootstrap.PagingToolbar.json
@@ -12,7 +12,7 @@
   "tree_parent" : [],
   "desc" : "A specialized toolbar that is bound to a {@link Roo.data.Store} and provides automatic paging controls.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.Popover.json b/docs/symbols/Roo.bootstrap.Popover.json
index fc9f603f13..1c9b20446b 100644
--- a/docs/symbols/Roo.bootstrap.Popover.json
+++ b/docs/symbols/Roo.bootstrap.Popover.json
@@ -81,7 +81,7 @@
   ],
   "desc" : "Bootstrap Popover class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : true,
diff --git a/docs/symbols/Roo.bootstrap.PopoverNav.json b/docs/symbols/Roo.bootstrap.PopoverNav.json
index 033cb34dc0..ac94f5c3ba 100644
--- a/docs/symbols/Roo.bootstrap.PopoverNav.json
+++ b/docs/symbols/Roo.bootstrap.PopoverNav.json
@@ -17,7 +17,7 @@
   ],
   "desc" : "Bootstrap Popover header navigation class\nFIXME? should this go under nav?",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.Progress.json b/docs/symbols/Roo.bootstrap.Progress.json
index c4c654d1ea..130901c61e 100644
--- a/docs/symbols/Roo.bootstrap.Progress.json
+++ b/docs/symbols/Roo.bootstrap.Progress.json
@@ -12,7 +12,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Progress class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.ProgressBar.json b/docs/symbols/Roo.bootstrap.ProgressBar.json
index eacc697a0b..38b58d44c3 100644
--- a/docs/symbols/Roo.bootstrap.ProgressBar.json
+++ b/docs/symbols/Roo.bootstrap.ProgressBar.json
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap ProgressBar class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.Row.json b/docs/symbols/Roo.bootstrap.Row.json
index 8232a93cc4..02b74f04cb 100644
--- a/docs/symbols/Roo.bootstrap.Row.json
+++ b/docs/symbols/Roo.bootstrap.Row.json
@@ -78,7 +78,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Row class (contains columns...)",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.Slider.json b/docs/symbols/Roo.bootstrap.Slider.json
index e2cbd01d2d..a10a57e093 100644
--- a/docs/symbols/Roo.bootstrap.Slider.json
+++ b/docs/symbols/Roo.bootstrap.Slider.json
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Slider class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.SplitBar.AbsoluteLayoutAdapter.json b/docs/symbols/Roo.bootstrap.SplitBar.AbsoluteLayoutAdapter.json
index 07e9d247ed..0318e33521 100644
--- a/docs/symbols/Roo.bootstrap.SplitBar.AbsoluteLayoutAdapter.json
+++ b/docs/symbols/Roo.bootstrap.SplitBar.AbsoluteLayoutAdapter.json
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "Adapter that  moves the splitter element to align with the resized sizing element. \nUsed with an absolute positioned SplitBar.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.SplitBar.BasicLayoutAdapter.json b/docs/symbols/Roo.bootstrap.SplitBar.BasicLayoutAdapter.json
index 2622fdc1d5..c05a1837c9 100644
--- a/docs/symbols/Roo.bootstrap.SplitBar.BasicLayoutAdapter.json
+++ b/docs/symbols/Roo.bootstrap.SplitBar.BasicLayoutAdapter.json
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Default Adapter. It assumes the splitter and resizing element are not positioned\nelements and only gets/sets the width of the element. Generally used for table based layouts.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.SplitBar.json b/docs/symbols/Roo.bootstrap.SplitBar.json
index b36e2303ec..c76eb3bb7b 100644
--- a/docs/symbols/Roo.bootstrap.SplitBar.json
+++ b/docs/symbols/Roo.bootstrap.SplitBar.json
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "Creates draggable splitter bar functionality from two elements (element to be dragged and element to be resized).\n<br><br>\nUsage:\n<pre><code>\nvar split = new Roo.bootstrap.SplitBar(\"elementToDrag\", \"elementToSize\",\n                   Roo.bootstrap.SplitBar.HORIZONTAL, Roo.bootstrap.SplitBar.LEFT);\nsplit.setAdapter(new Roo.bootstrap.SplitBar.AbsoluteLayoutAdapter(\"container\"));\nsplit.minSize = 100;\nsplit.maxSize = 600;\nsplit.animate = true;\nsplit.on('moved', splitterMoved);\n</code></pre>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.TabGroup.json b/docs/symbols/Roo.bootstrap.TabGroup.json
index f2942230b4..96597ddc05 100644
--- a/docs/symbols/Roo.bootstrap.TabGroup.json
+++ b/docs/symbols/Roo.bootstrap.TabGroup.json
@@ -13,7 +13,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Column class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.TabPanel.json b/docs/symbols/Roo.bootstrap.TabPanel.json
index b2756aaf41..2a00b72be8 100644
--- a/docs/symbols/Roo.bootstrap.TabPanel.json
+++ b/docs/symbols/Roo.bootstrap.TabPanel.json
@@ -78,7 +78,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap TabPanel class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.Table.json b/docs/symbols/Roo.bootstrap.Table.json
index f0ba02843a..a5e91c9b16 100644
--- a/docs/symbols/Roo.bootstrap.Table.json
+++ b/docs/symbols/Roo.bootstrap.Table.json
@@ -12,7 +12,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Table class.  This class represents the primary interface of a component based grid control.\nSimilar to Roo.grid.Grid\n<pre><code>\n var table = Roo.factory({\n    xtype : 'Table',\n    xns : Roo.bootstrap,\n    autoSizeColumns: true,\n    \n    \n    store : {\n        xtype : 'Store',\n        xns : Roo.data,\n        remoteSort : true,\n        sortInfo : { direction : 'ASC', field: 'name' },\n        proxy : {\n           xtype : 'HttpProxy',\n           xns : Roo.data,\n           method : 'GET',\n           url : 'https://example.com/some.data.url.json'\n        },\n        reader : {\n           xtype : 'JsonReader',\n           xns : Roo.data,\n           fields : [ 'id', 'name', whatever' ],\n           id : 'id',\n           root : 'data'\n        }\n    },\n    cm : [\n        {\n            xtype : 'ColumnModel',\n            xns : Roo.grid,\n            align : 'center',\n            cursor : 'pointer',\n            dataIndex : 'is_in_group',\n            header : \"Name\",\n            sortable : true,\n            renderer : function(v, x , r) {  \n            \n                return String.format(\"{0}\", v)\n            }\n            width : 3\n        } // more columns..\n    ],\n    selModel : {\n        xtype : 'RowSelectionModel',\n        xns : Roo.bootstrap.Table\n        // you can add listeners to catch selection change here....\n    }\n     \n\n });\n // set any options\n grid.render(Roo.get(\"some-div\"));\n</code></pre>\n\nCurrently the Table  uses multiple headers to try and handle XL / Medium etc... styling",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.TableBody.json b/docs/symbols/Roo.bootstrap.TableBody.json
index 933bc2aa64..e73bacb3bc 100644
--- a/docs/symbols/Roo.bootstrap.TableBody.json
+++ b/docs/symbols/Roo.bootstrap.TableBody.json
@@ -14,7 +14,7 @@
   ],
   "desc" : "Bootstrap TableBody class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.TableCell.json b/docs/symbols/Roo.bootstrap.TableCell.json
index 03ada6e7e1..108d813267 100644
--- a/docs/symbols/Roo.bootstrap.TableCell.json
+++ b/docs/symbols/Roo.bootstrap.TableCell.json
@@ -80,7 +80,7 @@
   ],
   "desc" : "Bootstrap TableCell class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.TableRow.json b/docs/symbols/Roo.bootstrap.TableRow.json
index 19581eeb4d..39a37a0afd 100644
--- a/docs/symbols/Roo.bootstrap.TableRow.json
+++ b/docs/symbols/Roo.bootstrap.TableRow.json
@@ -14,7 +14,7 @@
   ],
   "desc" : "Bootstrap TableRow class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.Tooltip.json b/docs/symbols/Roo.bootstrap.Tooltip.json
index bd44f758b3..c571215110 100644
--- a/docs/symbols/Roo.bootstrap.Tooltip.json
+++ b/docs/symbols/Roo.bootstrap.Tooltip.json
@@ -6,7 +6,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Tooltip class\nThis is basic at present - all componets support it by default, however they should add tooltipEl() method\nto determine which dom element triggers the tooltip.\n\nIt needs to add support for additional attributes like tooltip-position",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.UploadCropbox.json b/docs/symbols/Roo.bootstrap.UploadCropbox.json
index 2eb1a35cc9..ee275039b8 100644
--- a/docs/symbols/Roo.bootstrap.UploadCropbox.json
+++ b/docs/symbols/Roo.bootstrap.UploadCropbox.json
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap UploadCropbox class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.breadcrumb.Item.json b/docs/symbols/Roo.bootstrap.breadcrumb.Item.json
index a335fe913c..2c43f09cf1 100644
--- a/docs/symbols/Roo.bootstrap.breadcrumb.Item.json
+++ b/docs/symbols/Roo.bootstrap.breadcrumb.Item.json
@@ -80,7 +80,7 @@
   ],
   "desc" : "Bootstrap Breadcrumb Nav Class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.breadcrumb.Nav.json b/docs/symbols/Roo.bootstrap.breadcrumb.Nav.json
index 804a6ccfe8..294e3889ca 100644
--- a/docs/symbols/Roo.bootstrap.breadcrumb.Nav.json
+++ b/docs/symbols/Roo.bootstrap.breadcrumb.Nav.json
@@ -12,7 +12,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Breadcrumb Nav Class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.dash.NumberBox.json b/docs/symbols/Roo.bootstrap.dash.NumberBox.json
index d3f47c8074..c69e52e38a 100644
--- a/docs/symbols/Roo.bootstrap.dash.NumberBox.json
+++ b/docs/symbols/Roo.bootstrap.dash.NumberBox.json
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap NumberBox class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.dash.TabBox.json b/docs/symbols/Roo.bootstrap.dash.TabBox.json
index d42d74a1d2..96df9058ae 100644
--- a/docs/symbols/Roo.bootstrap.dash.TabBox.json
+++ b/docs/symbols/Roo.bootstrap.dash.TabBox.json
@@ -12,7 +12,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap TabBox class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.dash.TabPane.json b/docs/symbols/Roo.bootstrap.dash.TabPane.json
index 7af2202ed9..b046ba04b2 100644
--- a/docs/symbols/Roo.bootstrap.dash.TabPane.json
+++ b/docs/symbols/Roo.bootstrap.dash.TabPane.json
@@ -14,7 +14,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap TabPane class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.form.CardUploader.json b/docs/symbols/Roo.bootstrap.form.CardUploader.json
index b55d557344..d7975c20e4 100644
--- a/docs/symbols/Roo.bootstrap.form.CardUploader.json
+++ b/docs/symbols/Roo.bootstrap.form.CardUploader.json
@@ -11,7 +11,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Card Uploader class - it's a button which when you add files to it, adds cards below with preview and the name...",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.form.CheckBox.json b/docs/symbols/Roo.bootstrap.form.CheckBox.json
index 0f180d402c..0248ea7a80 100644
--- a/docs/symbols/Roo.bootstrap.form.CheckBox.json
+++ b/docs/symbols/Roo.bootstrap.form.CheckBox.json
@@ -11,7 +11,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap CheckBox class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.form.ComboBox.json b/docs/symbols/Roo.bootstrap.form.ComboBox.json
index 11149b05d0..b80dce3640 100644
--- a/docs/symbols/Roo.bootstrap.form.ComboBox.json
+++ b/docs/symbols/Roo.bootstrap.form.ComboBox.json
@@ -16,7 +16,7 @@
   "tree_parent" : [],
   "desc" : "A combobox control with support for autocomplete, remote-loading, paging and many other features.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.form.DateField.json b/docs/symbols/Roo.bootstrap.form.DateField.json
index 62bdf7785a..c17e54a662 100644
--- a/docs/symbols/Roo.bootstrap.form.DateField.json
+++ b/docs/symbols/Roo.bootstrap.form.DateField.json
@@ -11,7 +11,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap DateField class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.form.DateSplitField.json b/docs/symbols/Roo.bootstrap.form.DateSplitField.json
index 354ab07090..ef2a1d02d5 100644
--- a/docs/symbols/Roo.bootstrap.form.DateSplitField.json
+++ b/docs/symbols/Roo.bootstrap.form.DateSplitField.json
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap DateSplitField class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.form.FieldLabel.json b/docs/symbols/Roo.bootstrap.form.FieldLabel.json
index febf99d1dd..3568a0a766 100644
--- a/docs/symbols/Roo.bootstrap.form.FieldLabel.json
+++ b/docs/symbols/Roo.bootstrap.form.FieldLabel.json
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap FieldLabel class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.form.Form.json b/docs/symbols/Roo.bootstrap.form.Form.json
index 13a68483ee..60eca62cd2 100644
--- a/docs/symbols/Roo.bootstrap.form.Form.json
+++ b/docs/symbols/Roo.bootstrap.form.Form.json
@@ -78,7 +78,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Form class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.form.HtmlEditor.json b/docs/symbols/Roo.bootstrap.form.HtmlEditor.json
index 3c978a3b12..70e484f063 100644
--- a/docs/symbols/Roo.bootstrap.form.HtmlEditor.json
+++ b/docs/symbols/Roo.bootstrap.form.HtmlEditor.json
@@ -12,7 +12,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap HtmlEditor class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.form.HtmlEditorToolbarStandard.json b/docs/symbols/Roo.bootstrap.form.HtmlEditorToolbarStandard.json
index 9e827ccdfa..3cc32c8b91 100644
--- a/docs/symbols/Roo.bootstrap.form.HtmlEditorToolbarStandard.json
+++ b/docs/symbols/Roo.bootstrap.form.HtmlEditorToolbarStandard.json
@@ -14,7 +14,7 @@
   ],
   "desc" : "Basic Toolbar",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.form.Input.json b/docs/symbols/Roo.bootstrap.form.Input.json
index c90efd74b9..6f1aa6f130 100644
--- a/docs/symbols/Roo.bootstrap.form.Input.json
+++ b/docs/symbols/Roo.bootstrap.form.Input.json
@@ -33,7 +33,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Input class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.form.Markdown.json b/docs/symbols/Roo.bootstrap.form.Markdown.json
index 19a21540a2..ffec8605a9 100644
--- a/docs/symbols/Roo.bootstrap.form.Markdown.json
+++ b/docs/symbols/Roo.bootstrap.form.Markdown.json
@@ -12,7 +12,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Showdown editable area",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.form.MoneyField.json b/docs/symbols/Roo.bootstrap.form.MoneyField.json
index fb39b857df..4bdf9135bf 100644
--- a/docs/symbols/Roo.bootstrap.form.MoneyField.json
+++ b/docs/symbols/Roo.bootstrap.form.MoneyField.json
@@ -13,7 +13,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap MoneyField class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.form.MonthField.json b/docs/symbols/Roo.bootstrap.form.MonthField.json
index b177e5a6e5..a0e4c78274 100644
--- a/docs/symbols/Roo.bootstrap.form.MonthField.json
+++ b/docs/symbols/Roo.bootstrap.form.MonthField.json
@@ -11,7 +11,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap MonthField class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.form.NumberField.json b/docs/symbols/Roo.bootstrap.form.NumberField.json
index c59fa46caf..aa7b427dc9 100644
--- a/docs/symbols/Roo.bootstrap.form.NumberField.json
+++ b/docs/symbols/Roo.bootstrap.form.NumberField.json
@@ -11,7 +11,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap NumberField class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.form.PhoneInput.json b/docs/symbols/Roo.bootstrap.form.PhoneInput.json
index 0a77bfb866..fce2bdec59 100644
--- a/docs/symbols/Roo.bootstrap.form.PhoneInput.json
+++ b/docs/symbols/Roo.bootstrap.form.PhoneInput.json
@@ -12,7 +12,7 @@
   "tree_parent" : [],
   "desc" : "An input with International dial-code selection",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.form.Radio.json b/docs/symbols/Roo.bootstrap.form.Radio.json
index ec145f7ae7..49c8f65331 100644
--- a/docs/symbols/Roo.bootstrap.form.Radio.json
+++ b/docs/symbols/Roo.bootstrap.form.Radio.json
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Radio class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.form.RadioSet.json b/docs/symbols/Roo.bootstrap.form.RadioSet.json
index c601f9cb2e..047131aaa9 100644
--- a/docs/symbols/Roo.bootstrap.form.RadioSet.json
+++ b/docs/symbols/Roo.bootstrap.form.RadioSet.json
@@ -13,7 +13,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap RadioSet class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.form.SecurePass.json b/docs/symbols/Roo.bootstrap.form.SecurePass.json
index 14a3e512de..eadfc403bc 100644
--- a/docs/symbols/Roo.bootstrap.form.SecurePass.json
+++ b/docs/symbols/Roo.bootstrap.form.SecurePass.json
@@ -11,7 +11,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap SecurePass class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.form.TextArea.json b/docs/symbols/Roo.bootstrap.form.TextArea.json
index f207f19446..e04daa0e78 100644
--- a/docs/symbols/Roo.bootstrap.form.TextArea.json
+++ b/docs/symbols/Roo.bootstrap.form.TextArea.json
@@ -16,7 +16,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap TextArea class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.form.TimeField.json b/docs/symbols/Roo.bootstrap.form.TimeField.json
index ff80ae8d68..be1c212544 100644
--- a/docs/symbols/Roo.bootstrap.form.TimeField.json
+++ b/docs/symbols/Roo.bootstrap.form.TimeField.json
@@ -11,7 +11,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap DateField class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.form.TriggerField.json b/docs/symbols/Roo.bootstrap.form.TriggerField.json
index 5942d0dd1a..d732f6bbb5 100644
--- a/docs/symbols/Roo.bootstrap.form.TriggerField.json
+++ b/docs/symbols/Roo.bootstrap.form.TriggerField.json
@@ -19,7 +19,7 @@
   "tree_parent" : [],
   "desc" : "Provides a convenient wrapper for TextFields that adds a clickable trigger button (looks like a combobox by default).\nThe trigger has no default action, so you must assign a function to implement the trigger click handler by\noverriding {@link #onTriggerClick}. You can create a TriggerField directly, as it renders exactly like a combobox\nfor which you can provide a custom implementation.  For example:\n<pre><code>\nvar trigger = new Roo.bootstrap.form.TriggerField();\ntrigger.onTriggerClick = myTriggerFn;\ntrigger.applyTo('my-field');\n</code></pre>\n\nHowever, in general you will most likely want to use TriggerField as the base class for a reusable component.\n{@link Roo.bootstrap.form.DateField} and {@link Roo.bootstrap.form.ComboBox} are perfect examples of this.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.layout.Basic.json b/docs/symbols/Roo.bootstrap.layout.Basic.json
index 5c43f52329..534213b90b 100644
--- a/docs/symbols/Roo.bootstrap.layout.Basic.json
+++ b/docs/symbols/Roo.bootstrap.layout.Basic.json
@@ -12,7 +12,7 @@
   "tree_parent" : [],
   "desc" : "This class represents a lightweight region in a layout manager. This region does not move dom nodes\nand does not have a titlebar, tabs or any other features. All it does is size and position \npanels. To create a BasicLayoutRegion, add lightweight:true or basic:true to your regions config.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.layout.Border.json b/docs/symbols/Roo.bootstrap.layout.Border.json
index f661fc2ea2..f69ec808b2 100644
--- a/docs/symbols/Roo.bootstrap.layout.Border.json
+++ b/docs/symbols/Roo.bootstrap.layout.Border.json
@@ -17,7 +17,7 @@
   "tree_parent" : [],
   "desc" : "This class represents a common layout manager used in desktop applications. For screenshots and more details,\nplease see: examples/bootstrap/nested.html<br><br>\n \n<b>The container the layout is rendered into can be either the body element or any other element.\nIf it is not the body element, the container needs to either be an absolute positioned element,\nor you will need to add \"position:relative\" to the css of the container.  You will also need to specify\nthe container size if it is not the body element.</b>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : true,
diff --git a/docs/symbols/Roo.bootstrap.layout.Manager.json b/docs/symbols/Roo.bootstrap.layout.Manager.json
index dd2e3f6952..466050a2c2 100644
--- a/docs/symbols/Roo.bootstrap.layout.Manager.json
+++ b/docs/symbols/Roo.bootstrap.layout.Manager.json
@@ -14,7 +14,7 @@
   "tree_parent" : [],
   "desc" : "Base class for layout managers.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : true,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.layout.Region.json b/docs/symbols/Roo.bootstrap.layout.Region.json
index 51a26ce23a..30b886e293 100644
--- a/docs/symbols/Roo.bootstrap.layout.Region.json
+++ b/docs/symbols/Roo.bootstrap.layout.Region.json
@@ -9,7 +9,7 @@
   "tree_parent" : [],
   "desc" : "This class represents a region in a layout manager.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.layout.Split.json b/docs/symbols/Roo.bootstrap.layout.Split.json
index b85dde0b4d..8cd5418a48 100644
--- a/docs/symbols/Roo.bootstrap.layout.Split.json
+++ b/docs/symbols/Roo.bootstrap.layout.Split.json
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Adds a splitbar and other (private) useful functionality to a {@link Roo.LayoutRegion}.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.menu.Item.json b/docs/symbols/Roo.bootstrap.menu.Item.json
index 7d55603e6d..e0cb45306d 100644
--- a/docs/symbols/Roo.bootstrap.menu.Item.json
+++ b/docs/symbols/Roo.bootstrap.menu.Item.json
@@ -21,7 +21,7 @@
   ],
   "desc" : "Bootstrap MenuItem class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.menu.Menu.json b/docs/symbols/Roo.bootstrap.menu.Menu.json
index a5cb7c6a21..6d8c8e6aef 100644
--- a/docs/symbols/Roo.bootstrap.menu.Menu.json
+++ b/docs/symbols/Roo.bootstrap.menu.Menu.json
@@ -14,7 +14,7 @@
   ],
   "desc" : "Bootstrap Menu class - container for MenuItems - normally has to be added to a object that supports the menu property",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.menu.Separator.json b/docs/symbols/Roo.bootstrap.menu.Separator.json
index f9010f723e..1d768d9f0d 100644
--- a/docs/symbols/Roo.bootstrap.menu.Separator.json
+++ b/docs/symbols/Roo.bootstrap.menu.Separator.json
@@ -12,7 +12,7 @@
   ],
   "desc" : "Bootstrap Separator class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.nav.Bar.json b/docs/symbols/Roo.bootstrap.nav.Bar.json
index 566b4ebf23..f6e475fc0a 100644
--- a/docs/symbols/Roo.bootstrap.nav.Bar.json
+++ b/docs/symbols/Roo.bootstrap.nav.Bar.json
@@ -21,7 +21,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Navbar class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : true,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.nav.Group.json b/docs/symbols/Roo.bootstrap.nav.Group.json
index 384b92233f..cbb62a27a5 100644
--- a/docs/symbols/Roo.bootstrap.nav.Group.json
+++ b/docs/symbols/Roo.bootstrap.nav.Group.json
@@ -13,7 +13,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap NavGroup class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.nav.Headerbar.json b/docs/symbols/Roo.bootstrap.nav.Headerbar.json
index 60bfa69d53..1f077ba946 100644
--- a/docs/symbols/Roo.bootstrap.nav.Headerbar.json
+++ b/docs/symbols/Roo.bootstrap.nav.Headerbar.json
@@ -20,7 +20,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Sidebar class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.nav.Item.json b/docs/symbols/Roo.bootstrap.nav.Item.json
index c15b1bc5fc..c263126499 100644
--- a/docs/symbols/Roo.bootstrap.nav.Item.json
+++ b/docs/symbols/Roo.bootstrap.nav.Item.json
@@ -21,7 +21,7 @@
   ],
   "desc" : "Bootstrap Navbar.NavItem class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.nav.ProgressBar.json b/docs/symbols/Roo.bootstrap.nav.ProgressBar.json
index 0e3e99d2fb..1d45262dd0 100644
--- a/docs/symbols/Roo.bootstrap.nav.ProgressBar.json
+++ b/docs/symbols/Roo.bootstrap.nav.ProgressBar.json
@@ -12,7 +12,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap NavProgressBar class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.nav.ProgressBarItem.json b/docs/symbols/Roo.bootstrap.nav.ProgressBarItem.json
index 2127a30236..c4c132ab23 100644
--- a/docs/symbols/Roo.bootstrap.nav.ProgressBarItem.json
+++ b/docs/symbols/Roo.bootstrap.nav.ProgressBarItem.json
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap NavProgressBarItem class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.nav.Sidebar.json b/docs/symbols/Roo.bootstrap.nav.Sidebar.json
index 147c30a9ba..592c8fad2d 100644
--- a/docs/symbols/Roo.bootstrap.nav.Sidebar.json
+++ b/docs/symbols/Roo.bootstrap.nav.Sidebar.json
@@ -19,7 +19,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Sidebar class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.nav.SidebarItem.json b/docs/symbols/Roo.bootstrap.nav.SidebarItem.json
index 3aed237712..abb506ba08 100644
--- a/docs/symbols/Roo.bootstrap.nav.SidebarItem.json
+++ b/docs/symbols/Roo.bootstrap.nav.SidebarItem.json
@@ -11,7 +11,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Navbar.NavSidebarItem class\n\n{String} badgeWeight (default|primary|success|info|warning|danger)the extra classes for the badge\n{Boolean} open is the menu open\n{Boolean} buttonView use button as the tigger el rather that a (default false)\n{String} buttonWeight (default|primary|success|info|warning|danger)the extra classes for the button\n{String} buttonSize (sm|md|lg)the extra classes for the button\n{Boolean} showArrow show arrow next to the text (default true)",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.nav.Simplebar.json b/docs/symbols/Roo.bootstrap.nav.Simplebar.json
index 69d00de967..4f74c6a0bc 100644
--- a/docs/symbols/Roo.bootstrap.nav.Simplebar.json
+++ b/docs/symbols/Roo.bootstrap.nav.Simplebar.json
@@ -26,7 +26,7 @@
   "tree_parent" : [],
   "desc" : "Bootstrap Sidebar class",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.panel.Content.json b/docs/symbols/Roo.bootstrap.panel.Content.json
index 2d4cf55a45..b9a9122094 100644
--- a/docs/symbols/Roo.bootstrap.panel.Content.json
+++ b/docs/symbols/Roo.bootstrap.panel.Content.json
@@ -81,7 +81,7 @@
   "tree_parent" : [],
   "desc" : "A basic ContentPanel element. - a panel that contain any content (eg. forms etc.)",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : true,
diff --git a/docs/symbols/Roo.bootstrap.panel.Grid.json b/docs/symbols/Roo.bootstrap.panel.Grid.json
index cc6c6f0b3f..3c0d4c3685 100644
--- a/docs/symbols/Roo.bootstrap.panel.Grid.json
+++ b/docs/symbols/Roo.bootstrap.panel.Grid.json
@@ -9,7 +9,7 @@
   "tree_parent" : [],
   "desc" : "Create a new GridPanel.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.panel.Nest.json b/docs/symbols/Roo.bootstrap.panel.Nest.json
index 8e2f7cef46..274036b60b 100644
--- a/docs/symbols/Roo.bootstrap.panel.Nest.json
+++ b/docs/symbols/Roo.bootstrap.panel.Nest.json
@@ -9,7 +9,7 @@
   "tree_parent" : [],
   "desc" : "Create a new Panel, that can contain a layout.Border.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.panel.TabItem.json b/docs/symbols/Roo.bootstrap.panel.TabItem.json
index 0248c4090b..3ce4dcf296 100644
--- a/docs/symbols/Roo.bootstrap.panel.TabItem.json
+++ b/docs/symbols/Roo.bootstrap.panel.TabItem.json
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "Represents an individual item (tab plus body) in a TabPanel.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.bootstrap.panel.Tabs.json b/docs/symbols/Roo.bootstrap.panel.Tabs.json
index 0604cd1222..ff6cbf7ce4 100644
--- a/docs/symbols/Roo.bootstrap.panel.Tabs.json
+++ b/docs/symbols/Roo.bootstrap.panel.Tabs.json
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "A lightweight tab container.\n<br><br>\nUsage:\n<pre><code>\n// basic tabs 1, built from existing content\nvar tabs = new Roo.TabPanel(\"tabs1\");\ntabs.addTab(\"script\", \"View Script\");\ntabs.addTab(\"markup\", \"View Markup\");\ntabs.activate(\"script\");\n\n// more advanced tabs, built from javascript\nvar jtabs = new Roo.TabPanel(\"jtabs\");\njtabs.addTab(\"jtabs-1\", \"Normal Tab\", \"My content was added during construction.\");\n\n// set up the UpdateManager\nvar tab2 = jtabs.addTab(\"jtabs-2\", \"Ajax Tab 1\");\nvar updater = tab2.getUpdateManager();\nupdater.setDefaultUrl(\"ajax1.htm\");\ntab2.on('activate', updater.refresh, updater, true);\n\n// Use setUrl for Ajax loading\nvar tab3 = jtabs.addTab(\"jtabs-3\", \"Ajax Tab 2\");\ntab3.setUrl(\"ajax2.htm\", null, true);\n\n// Disabled tab\nvar tab4 = jtabs.addTab(\"tabs1-5\", \"Disabled Tab\", \"Can't see me cause I'm disabled\");\ntab4.disable();\n\njtabs.activate(\"jtabs-1\");\n</code></pre>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.data.ArrayReader.json b/docs/symbols/Roo.data.ArrayReader.json
index 36f3ebe0e6..d3fe7c13e8 100644
--- a/docs/symbols/Roo.data.ArrayReader.json
+++ b/docs/symbols/Roo.data.ArrayReader.json
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "Data reader class to create an Array of Roo.data.Record objects from an Array.\nEach element of that Array represents a row of data fields. The\nfields are pulled into a Record object using as a subscript, the <em>mapping</em> property\nof the field definition if it exists, or the field's ordinal position in the definition.<br>\n<p>\nExample code:.\n<pre><code>\nvar RecordDef = Roo.data.Record.create([\n    {name: 'name', mapping: 1},         // \"mapping\" only needed if an \"id\" field is present which\n    {name: 'occupation', mapping: 2}    // precludes using the ordinal position as the index.\n]);\nvar myReader = new Roo.data.ArrayReader({\n    id: 0                     // The subscript within row Array that provides an ID for the Record (optional)\n}, RecordDef);\n</code></pre>\n<p>\nThis would consume an Array like this:\n<pre><code>\n[ [1, 'Bill', 'Gardener'], [2, 'Ben', 'Horticulturalist'] ]\n  </code></pre>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.data.Connection.json b/docs/symbols/Roo.data.Connection.json
index cf7c96f97e..899ed7b6ad 100644
--- a/docs/symbols/Roo.data.Connection.json
+++ b/docs/symbols/Roo.data.Connection.json
@@ -12,7 +12,7 @@
   "tree_parent" : [],
   "desc" : "The class encapsulates a connection to the page's originating domain, allowing requests to be made\neither to a configured URL, or to a URL specified at request time. \n\nRequests made by this class are asynchronous, and will return immediately. No data from\nthe server will be available to the statement immediately following the {@link #request} call.\nTo process returned data, use a callback in the request options object, or an event listener.\n\nNote: If you are doing a file upload, you will not get a normal response object sent back to\nyour callback or event handler.  Since the upload is handled via in IFRAME, there is no XMLHttpRequest.\nThe response object is created using the innerHTML of the IFRAME's document as the responseText\nproperty and, if present, the IFRAME's XML document as the responseXML property.\n\nThis means that a valid XML or HTML document must be returned. If JSON data is required, it is suggested\nthat it be placed either inside a &lt;textarea> in an HTML document and retrieved from the responseText\nusing a regex, or inside a CDATA section in an XML document and retrieved from the responseXML using\nstandard DOM methods.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.data.DataProxy.json b/docs/symbols/Roo.data.DataProxy.json
index 1c317f04c2..e050d87979 100644
--- a/docs/symbols/Roo.data.DataProxy.json
+++ b/docs/symbols/Roo.data.DataProxy.json
@@ -12,7 +12,7 @@
   "tree_parent" : [],
   "desc" : "This class is an abstract base class for implementations which provide retrieval of\nunformatted data objects.<br>\n<p>\nDataProxy implementations are usually used in conjunction with an implementation of Roo.data.DataReader\n(of the appropriate type which knows how to parse the data object) to provide a block of\n{@link Roo.data.Records} to an {@link Roo.data.Store}.<br>\n<p>\nCustom implementations must implement the load method as described in\n{@link Roo.data.HttpProxy#load}.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : true,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.data.DataReader.json b/docs/symbols/Roo.data.DataReader.json
index 3edc6c2208..1071e21da1 100644
--- a/docs/symbols/Roo.data.DataReader.json
+++ b/docs/symbols/Roo.data.DataReader.json
@@ -12,7 +12,7 @@
   "tree_parent" : [],
   "desc" : "Base class for reading structured data from a data source.  This class is intended to be\nextended (see {Roo.data.ArrayReader}, {Roo.data.JsonReader} and {Roo.data.XmlReader}) and should not be created directly.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : true,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.data.HttpProxy.json b/docs/symbols/Roo.data.HttpProxy.json
index 1e9d70a334..2837635be2 100644
--- a/docs/symbols/Roo.data.HttpProxy.json
+++ b/docs/symbols/Roo.data.HttpProxy.json
@@ -9,7 +9,7 @@
   "tree_parent" : [],
   "desc" : "An implementation of {@link Roo.data.DataProxy} that reads a data object from an {@link Roo.data.Connection} object\nconfigured to reference a certain URL.<br><br>\n<p>\n<em>Note that this class cannot be used to retrieve data from a domain other than the domain\nfrom which the running page was served.<br><br>\n<p>\nFor cross-domain access to remote data, use an {@link Roo.data.ScriptTagProxy}.</em><br><br>\n<p>\nBe aware that to enable the browser to parse an XML document, the server must set\nthe Content-Type header in the HTTP response to \"text/xml\".",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.data.JsonReader.json b/docs/symbols/Roo.data.JsonReader.json
index 745e2eba18..c913058831 100644
--- a/docs/symbols/Roo.data.JsonReader.json
+++ b/docs/symbols/Roo.data.JsonReader.json
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "Data reader class to create an Array of Roo.data.Record objects from a JSON response\nbased on mappings in a provided Roo.data.Record constructor.\n\nThe default behaviour of a store is to send ?_requestMeta=1, unless the class has recieved 'metaData' property\nin the reply previously. \n\n<p>\nExample code:\n<pre><code>\nvar RecordDef = Roo.data.Record.create([\n    {name: 'name', mapping: 'name'},     // \"mapping\" property not needed if it's the same as \"name\"\n    {name: 'occupation'}                 // This field will use \"occupation\" as the mapping.\n]);\nvar myReader = new Roo.data.JsonReader({\n    totalProperty: \"results\",    // The property which contains the total dataset size (optional)\n    root: \"rows\",                // The property which contains an Array of row objects\n    id: \"id\"                     // The property within each row object that provides an ID for the record (optional)\n}, RecordDef);\n</code></pre>\n<p>\nThis would consume a JSON file like this:\n<pre><code>\n{ 'results': 2, 'rows': [\n    { 'id': 1, 'name': 'Bill', occupation: 'Gardener' },\n    { 'id': 2, 'name': 'Ben', occupation: 'Horticulturalist' } ]\n}\n</code></pre>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.data.JsonStore.json b/docs/symbols/Roo.data.JsonStore.json
index c27a6cd64d..c6e74cef20 100644
--- a/docs/symbols/Roo.data.JsonStore.json
+++ b/docs/symbols/Roo.data.JsonStore.json
@@ -9,7 +9,7 @@
   "tree_parent" : [],
   "desc" : "/**",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.data.MemoryProxy.json b/docs/symbols/Roo.data.MemoryProxy.json
index 7d242a1d43..52686be67f 100644
--- a/docs/symbols/Roo.data.MemoryProxy.json
+++ b/docs/symbols/Roo.data.MemoryProxy.json
@@ -6,7 +6,7 @@
   "tree_parent" : [],
   "desc" : "An implementation of Roo.data.DataProxy that simply passes the data specified in its constructor\nto the Reader when its load method is called.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.data.Node.json b/docs/symbols/Roo.data.Node.json
index f450585692..2eb462a5de 100644
--- a/docs/symbols/Roo.data.Node.json
+++ b/docs/symbols/Roo.data.Node.json
@@ -15,7 +15,7 @@
   "tree_parent" : [],
   "desc" : "",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.data.Record.json b/docs/symbols/Roo.data.Record.json
index 4736576e29..2dc9847ac7 100644
--- a/docs/symbols/Roo.data.Record.json
+++ b/docs/symbols/Roo.data.Record.json
@@ -6,7 +6,7 @@
   "tree_parent" : [],
   "desc" : "Instances of this class encapsulate both record <em>definition</em> information, and record\n<em>value</em> information for use in {@link Roo.data.Store} objects, or any code which needs\nto access Records cached in an {@link Roo.data.Store} object.<br>\n<p>\nConstructors for this class are generated by passing an Array of field definition objects to {@link #create}.\nInstances are usually only created by {@link Roo.data.Reader} implementations when processing unformatted data\nobjects.<br>\n<p>\nRecord objects generated by this constructor inherit all the methods of Roo.data.Record listed below.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.data.ScriptTagProxy.json b/docs/symbols/Roo.data.ScriptTagProxy.json
index 45276cf2e0..7530e6700f 100644
--- a/docs/symbols/Roo.data.ScriptTagProxy.json
+++ b/docs/symbols/Roo.data.ScriptTagProxy.json
@@ -6,7 +6,7 @@
   "tree_parent" : [],
   "desc" : "An implementation of Roo.data.DataProxy that reads a data object from a URL which may be in a domain\nother than the originating domain of the running page.<br><br>\n<p>\n<em>Note that if you are retrieving data from a page that is in a domain that is NOT the same as the originating domain\nof the running page, you must use this class, rather than DataProxy.</em><br><br>\n<p>\nThe content passed back from a server resource requested by a ScriptTagProxy is executable JavaScript\nsource code that is used as the source inside a &lt;script> tag.<br><br>\n<p>\nIn order for the browser to process the returned data, the server must wrap the data object\nwith a call to a callback function, the name of which is passed as a parameter by the ScriptTagProxy.\nBelow is a Java example for a servlet which returns data for either a ScriptTagProxy, or an HttpProxy\ndepending on whether the callback name was passed:\n<p>\n<pre><code>\nboolean scriptTag = false;\nString cb = request.getParameter(\"callback\");\nif (cb != null) {\n    scriptTag = true;\n    response.setContentType(\"text/javascript\");\n} else {\n    response.setContentType(\"application/x-json\");\n}\nWriter out = response.getWriter();\nif (scriptTag) {\n    out.write(cb + \"(\");\n}\nout.print(dataBlock.toJsonString());\nif (scriptTag) {\n    out.write(\");\");\n}\n</pre></code>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.data.SimpleStore.json b/docs/symbols/Roo.data.SimpleStore.json
index 4339a669ca..3f904ad78e 100644
--- a/docs/symbols/Roo.data.SimpleStore.json
+++ b/docs/symbols/Roo.data.SimpleStore.json
@@ -9,7 +9,7 @@
   "tree_parent" : [],
   "desc" : "Small helper class to make creating Stores from Array data easier.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.data.Store.json b/docs/symbols/Roo.data.Store.json
index 74653c377b..35e884148b 100644
--- a/docs/symbols/Roo.data.Store.json
+++ b/docs/symbols/Roo.data.Store.json
@@ -13,7 +13,7 @@
   "tree_parent" : [],
   "desc" : "The Store class encapsulates a client side cache of {@link Roo.data.Record} objects which provide input data\nfor widgets such as the Roo.grid.Grid, or the Roo.form.ComboBox.<br>\n<p>\nA Store object uses an implementation of {@link Roo.data.DataProxy} to access a data object unless you call loadData() directly and pass in your data. The Store object\nhas no knowledge of the format of the data returned by the Proxy.<br>\n<p>\nA Store object uses its configured implementation of {@link Roo.data.DataReader} to create {@link Roo.data.Record}\ninstances from the data object. These records are cached and made available through accessor functions.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.data.Tree.json b/docs/symbols/Roo.data.Tree.json
index 1cc83110c3..b3f1d845d5 100644
--- a/docs/symbols/Roo.data.Tree.json
+++ b/docs/symbols/Roo.data.Tree.json
@@ -15,7 +15,7 @@
   "tree_parent" : [],
   "desc" : "Represents a tree data structure and bubbles all the events for its nodes. The nodes\nin the tree have most standard DOM functionality.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.data.XmlReader.json b/docs/symbols/Roo.data.XmlReader.json
index 8bfe9c7c27..d2ffc18e88 100644
--- a/docs/symbols/Roo.data.XmlReader.json
+++ b/docs/symbols/Roo.data.XmlReader.json
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "Data reader class to create an Array of {@link Roo.data.Record} objects from an XML document\nbased on mappings in a provided Roo.data.Record constructor.<br><br>\n<p>\n<em>Note that in order for the browser to parse a returned XML document, the Content-Type\nheader in the HTTP response must be set to \"text/xml\".</em>\n<p>\nExample code:\n<pre><code>\nvar RecordDef = Roo.data.Record.create([\n   {name: 'name', mapping: 'name'},     // \"mapping\" property not needed if it's the same as \"name\"\n   {name: 'occupation'}                 // This field will use \"occupation\" as the mapping.\n]);\nvar myReader = new Roo.data.XmlReader({\n   totalRecords: \"results\", // The element which contains the total dataset size (optional)\n   record: \"row\",           // The repeated element which contains row information\n   id: \"id\"                 // The element within the row that provides an ID for the record (optional)\n}, RecordDef);\n</code></pre>\n<p>\nThis would consume an XML file like this:\n<pre><code>\n&lt;?xml?>\n&lt;dataset>\n &lt;results>2&lt;/results>\n &lt;row>\n   &lt;id>1&lt;/id>\n   &lt;name>Bill&lt;/name>\n   &lt;occupation>Gardener&lt;/occupation>\n &lt;/row>\n &lt;row>\n   &lt;id>2&lt;/id>\n   &lt;name>Ben&lt;/name>\n   &lt;occupation>Horticulturalist&lt;/occupation>\n &lt;/row>\n&lt;/dataset>\n</code></pre>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.dd.DD.json b/docs/symbols/Roo.dd.DD.json
index 5dda37c355..c044ad3a42 100644
--- a/docs/symbols/Roo.dd.DD.json
+++ b/docs/symbols/Roo.dd.DD.json
@@ -20,7 +20,7 @@
   "tree_parent" : [],
   "desc" : "A DragDrop implementation where the linked element follows the\nmouse cursor during a drag.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.dd.DDProxy.json b/docs/symbols/Roo.dd.DDProxy.json
index a274fe54d8..253eb136ec 100644
--- a/docs/symbols/Roo.dd.DDProxy.json
+++ b/docs/symbols/Roo.dd.DDProxy.json
@@ -18,7 +18,7 @@
   "tree_parent" : [],
   "desc" : "A DragDrop implementation that inserts an empty, bordered div into\nthe document that follows the cursor during drag operations.  At the time of\nthe click, the frame div is resized to the dimensions of the linked html\nelement, and moved to the exact location of the linked element.\n\nReferences to the \"frame\" element refer to the single proxy element that\nwas created to be dragged in place of all DDProxy elements on the\npage.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.dd.DDTarget.json b/docs/symbols/Roo.dd.DDTarget.json
index 037980db23..2154b249e8 100644
--- a/docs/symbols/Roo.dd.DDTarget.json
+++ b/docs/symbols/Roo.dd.DDTarget.json
@@ -16,7 +16,7 @@
   "tree_parent" : [],
   "desc" : "A DragDrop implementation that does not move, but can be a drop\ntarget.  You would get the same result by simply omitting implementation\nfor the event callbacks, but this way we reduce the processing cost of the\nevent listener and the callbacks.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.dd.DragDrop.json b/docs/symbols/Roo.dd.DragDrop.json
index a5d6a762b7..b458bfca5b 100644
--- a/docs/symbols/Roo.dd.DragDrop.json
+++ b/docs/symbols/Roo.dd.DragDrop.json
@@ -29,7 +29,7 @@
   "tree_parent" : [],
   "desc" : "Defines the interface and base operation of items that that can be\ndragged or can be drop targets.  It was designed to be extended, overriding\nthe event handlers for startDrag, onDrag, onDragOver and onDragOut.\nUp to three html elements can be associated with a DragDrop instance:\n<ul>\n<li>linked element: the element that is passed into the constructor.\nThis is the element which defines the boundaries for interaction with\nother DragDrop objects.</li>\n<li>handle element(s): The drag operation only occurs if the element that\nwas clicked matches a handle element.  By default this is the linked\nelement, but there are times that you will want only a portion of the\nlinked element to initiate the drag operation, and the setHandleElId()\nmethod provides a way to define this.</li>\n<li>drag element: this represents the element that would be moved along\nwith the cursor during a drag operation.  By default, this is the linked\nelement itself as in {@link Roo.dd.DD}.  setDragElId() lets you define\na separate element that would be moved, as in {@link Roo.dd.DDProxy}.\n</li>\n</ul>\nThis class should not be instantiated until the onload event to ensure that\nthe associated elements are available.\nThe following would define a DragDrop obj that would interact with any\nother DragDrop obj in the \"group1\" group:\n<pre>\n dd = new Roo.dd.DragDrop(\"div1\", \"group1\");\n</pre>\nSince none of the event handlers have been implemented, nothing would\nactually happen if you were to run the code above.  Normally you would\noverride this class or one of the default implementations, but you can\nalso override the methods you want on an instance of the class...\n<pre>\n dd.onDragDrop = function(e, id) {\n &nbsp;&nbsp;alert(\"dd was dropped on \" + id);\n }\n</pre>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.dd.DragSource.json b/docs/symbols/Roo.dd.DragSource.json
index df118f6602..aa22eae056 100644
--- a/docs/symbols/Roo.dd.DragSource.json
+++ b/docs/symbols/Roo.dd.DragSource.json
@@ -15,7 +15,7 @@
   "tree_parent" : [],
   "desc" : "A simple class that provides the basic implementation needed to make any element draggable.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.dd.DragZone.json b/docs/symbols/Roo.dd.DragZone.json
index dbdb474e3d..9804c41271 100644
--- a/docs/symbols/Roo.dd.DragZone.json
+++ b/docs/symbols/Roo.dd.DragZone.json
@@ -12,7 +12,7 @@
   "tree_parent" : [],
   "desc" : "This class provides a container DD instance that proxies for multiple child node sources.<br />\nBy default, this class requires that draggable child nodes are registered with {@link Roo.dd.Registry}.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.dd.DropTarget.json b/docs/symbols/Roo.dd.DropTarget.json
index 6bc2a1a83a..feebb7e8e8 100644
--- a/docs/symbols/Roo.dd.DropTarget.json
+++ b/docs/symbols/Roo.dd.DropTarget.json
@@ -14,7 +14,7 @@
   "tree_parent" : [],
   "desc" : "A simple class that provides the basic implementation needed to make any element a drop target that can have\ndraggable items dropped onto it.  The drop has no effect until an implementation of notifyDrop is provided.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.dd.DropZone.json b/docs/symbols/Roo.dd.DropZone.json
index d0d77eb280..5c609db27b 100644
--- a/docs/symbols/Roo.dd.DropZone.json
+++ b/docs/symbols/Roo.dd.DropZone.json
@@ -11,7 +11,7 @@
   "tree_parent" : [],
   "desc" : "This class provides a container DD instance that proxies for multiple child node targets.<br />\nBy default, this class requires that child nodes accepting drop are registered with {@link Roo.dd.Registry}.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.dd.StatusProxy.json b/docs/symbols/Roo.dd.StatusProxy.json
index 426ed8e2ff..229a388ed1 100644
--- a/docs/symbols/Roo.dd.StatusProxy.json
+++ b/docs/symbols/Roo.dd.StatusProxy.json
@@ -6,7 +6,7 @@
   "tree_parent" : [],
   "desc" : "A specialized drag proxy that supports a drop status icon, {@link Roo.Layer} styles and auto-repair.  This is the\ndefault drag proxy used by all Roo.dd components.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.form.Action.json b/docs/symbols/Roo.form.Action.json
index 4c84f70730..22a9dec020 100644
--- a/docs/symbols/Roo.form.Action.json
+++ b/docs/symbols/Roo.form.Action.json
@@ -6,7 +6,7 @@
   "tree_parent" : [],
   "desc" : "Internal Class used to handle form actions",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.form.BasicForm.json b/docs/symbols/Roo.form.BasicForm.json
index b8f2cc98e6..67e71e56a0 100644
--- a/docs/symbols/Roo.form.BasicForm.json
+++ b/docs/symbols/Roo.form.BasicForm.json
@@ -12,7 +12,7 @@
   "tree_parent" : [],
   "desc" : "Supplies the functionality to do \"actions\" on forms and initialize Roo.form.Field types on existing markup.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.form.Checkbox.json b/docs/symbols/Roo.form.Checkbox.json
index 4e8420cef6..54ef4cc203 100644
--- a/docs/symbols/Roo.form.Checkbox.json
+++ b/docs/symbols/Roo.form.Checkbox.json
@@ -15,7 +15,7 @@
   "tree_parent" : [],
   "desc" : "Single checkbox field.  Can be used as a direct replacement for traditional checkbox fields.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.form.Column.json b/docs/symbols/Roo.form.Column.json
index fc0960fae8..2c0a45ca11 100644
--- a/docs/symbols/Roo.form.Column.json
+++ b/docs/symbols/Roo.form.Column.json
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Creates a column container for layout and rendering of fields in an {@link Roo.form.Form}.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.form.ComboBox.json b/docs/symbols/Roo.form.ComboBox.json
index eb764d02cf..92267c499e 100644
--- a/docs/symbols/Roo.form.ComboBox.json
+++ b/docs/symbols/Roo.form.ComboBox.json
@@ -18,7 +18,7 @@
   "tree_parent" : [],
   "desc" : "A combobox control with support for autocomplete, remote-loading, paging and many other features.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.form.ComboBoxArray.Item.json b/docs/symbols/Roo.form.ComboBoxArray.Item.json
index a0cf016efd..5742ae9697 100644
--- a/docs/symbols/Roo.form.ComboBoxArray.Item.json
+++ b/docs/symbols/Roo.form.ComboBoxArray.Item.json
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "A selected item in the list\n Fred [x]  Brian [x]  [Pick another |v]",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.form.ComboBoxArray.json b/docs/symbols/Roo.form.ComboBoxArray.json
index e5b7790bcf..9e2dbf7313 100644
--- a/docs/symbols/Roo.form.ComboBoxArray.json
+++ b/docs/symbols/Roo.form.ComboBoxArray.json
@@ -12,7 +12,7 @@
   "tree_parent" : [],
   "desc" : "A facebook style adder... for lists of email / people / countries  etc...\npick multiple items from a combo box, and shows each one.\n\n Fred [x]  Brian [x]  [Pick another |v]\n\n\n For this to work: it needs various extra information\n   - normal combo problay has\n     name, hiddenName\n   + displayField, valueField\n\n   For our purpose...\n\n\n  If we change from 'extends' to wrapping...",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.form.ComboCheck.json b/docs/symbols/Roo.form.ComboCheck.json
index 66825e4553..7cd42b3a37 100644
--- a/docs/symbols/Roo.form.ComboCheck.json
+++ b/docs/symbols/Roo.form.ComboCheck.json
@@ -14,7 +14,7 @@
   "tree_parent" : [],
   "desc" : "A combobox for multiple select items.\n\nFIXME - could do with a reset button..",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.form.ComboNested.json b/docs/symbols/Roo.form.ComboNested.json
index d1670ad549..e4fd49de76 100644
--- a/docs/symbols/Roo.form.ComboNested.json
+++ b/docs/symbols/Roo.form.ComboNested.json
@@ -14,7 +14,7 @@
   "tree_parent" : [],
   "desc" : "A combobox for that allows selection of nested items in a list,\neg.\n\n Book\n   -> red\n   -> green\n Table\n   -> square\n     ->red\n     ->green\n   -> rectangle\n     ->green",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.form.DateField.json b/docs/symbols/Roo.form.DateField.json
index 094a7280e5..60c1ca9d7a 100644
--- a/docs/symbols/Roo.form.DateField.json
+++ b/docs/symbols/Roo.form.DateField.json
@@ -13,7 +13,7 @@
   "tree_parent" : [],
   "desc" : "Provides a date input field with a {@link Roo.DatePicker} dropdown and automatic date validation.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.form.DayPicker.json b/docs/symbols/Roo.form.DayPicker.json
index 10f5cef080..49009d79f7 100644
--- a/docs/symbols/Roo.form.DayPicker.json
+++ b/docs/symbols/Roo.form.DayPicker.json
@@ -11,7 +11,7 @@
   "tree_parent" : [],
   "desc" : "A Day picker show [M] [T] [W] ....",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.form.DisplayField.json b/docs/symbols/Roo.form.DisplayField.json
index 30bc1df5b8..cba4b835de 100644
--- a/docs/symbols/Roo.form.DisplayField.json
+++ b/docs/symbols/Roo.form.DisplayField.json
@@ -11,7 +11,7 @@
   "tree_parent" : [],
   "desc" : "A generic Field to display non-editable data.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.form.FCKeditor.json b/docs/symbols/Roo.form.FCKeditor.json
index 6ebb0ec514..65188828ef 100644
--- a/docs/symbols/Roo.form.FCKeditor.json
+++ b/docs/symbols/Roo.form.FCKeditor.json
@@ -13,7 +13,7 @@
   "tree_parent" : [],
   "desc" : "Wrapper around the FCKEditor http://www.fckeditor.net",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.form.Field.json b/docs/symbols/Roo.form.Field.json
index 9284d48c0e..87532e50c3 100644
--- a/docs/symbols/Roo.form.Field.json
+++ b/docs/symbols/Roo.form.Field.json
@@ -43,7 +43,7 @@
   "tree_parent" : [],
   "desc" : "Base class for form fields that provides default event handling, sizing, value handling and other functionality.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.form.FieldSet.json b/docs/symbols/Roo.form.FieldSet.json
index 9f8d6f5cdf..f1cce2b508 100644
--- a/docs/symbols/Roo.form.FieldSet.json
+++ b/docs/symbols/Roo.form.FieldSet.json
@@ -39,7 +39,7 @@
   "tree_parent" : [],
   "desc" : "Creates a fieldset container for layout and rendering of fields in an {@link Roo.form.Form}.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.form.Form.json b/docs/symbols/Roo.form.Form.json
index 47523d9453..c771b57845 100644
--- a/docs/symbols/Roo.form.Form.json
+++ b/docs/symbols/Roo.form.Form.json
@@ -39,7 +39,7 @@
   "tree_parent" : [],
   "desc" : "Adds the ability to dynamically render forms with JavaScript to {@link Roo.form.BasicForm}.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.form.GridField.json b/docs/symbols/Roo.form.GridField.json
index 6da3e83ff8..085a31fb0b 100644
--- a/docs/symbols/Roo.form.GridField.json
+++ b/docs/symbols/Roo.form.GridField.json
@@ -11,7 +11,7 @@
   "tree_parent" : [],
   "desc" : "Embed a grid (or editable grid into a form)\nSTATUS ALPHA\n\nThis embeds a grid in a form, the value of the field should be the json encoded array of rows\nit needs \nxgrid.store = Roo.data.Store\nxgrid.store.proxy = Roo.data.MemoryProxy (data = [] )\nxgrid.store.reader = Roo.data.JsonReader",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.form.Hidden.json b/docs/symbols/Roo.form.Hidden.json
index fb920263fc..fcfdf905d7 100644
--- a/docs/symbols/Roo.form.Hidden.json
+++ b/docs/symbols/Roo.form.Hidden.json
@@ -12,7 +12,7 @@
   "tree_parent" : [],
   "desc" : "Simple Hidden element used on forms \n\nusage: form.add(new Roo.form.HiddenField({ 'name' : 'test1' }));",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.form.HtmlEditor.ToolbarContext.json b/docs/symbols/Roo.form.HtmlEditor.ToolbarContext.json
index 479841bb46..d44eb1288f 100644
--- a/docs/symbols/Roo.form.HtmlEditor.ToolbarContext.json
+++ b/docs/symbols/Roo.form.HtmlEditor.ToolbarContext.json
@@ -6,7 +6,7 @@
   "tree_parent" : [],
   "desc" : "Context Toolbar\n\nUsage:\n\n new Roo.form.HtmlEditor({\n    ....\n    toolbars : [\n        { xtype: 'ToolbarStandard', styles : {} }\n        { xtype: 'ToolbarContext', disable : {} }\n    ]\n})",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.form.HtmlEditor.ToolbarStandard.json b/docs/symbols/Roo.form.HtmlEditor.ToolbarStandard.json
index 0e5ff3f525..9c6c2d45f8 100644
--- a/docs/symbols/Roo.form.HtmlEditor.ToolbarStandard.json
+++ b/docs/symbols/Roo.form.HtmlEditor.ToolbarStandard.json
@@ -6,7 +6,7 @@
   "tree_parent" : [],
   "desc" : "Basic Toolbar\n\nUsage:\n\n new Roo.form.HtmlEditor({\n    ....\n    toolbars : [\n        new Roo.form.HtmlEditorToolbar1({\n            disable : { fonts: 1 , format: 1, ..., ... , ...],\n            btns : [ .... ]\n        })\n    }",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.form.HtmlEditor.json b/docs/symbols/Roo.form.HtmlEditor.json
index d8b7c44749..7c5a7b3edf 100644
--- a/docs/symbols/Roo.form.HtmlEditor.json
+++ b/docs/symbols/Roo.form.HtmlEditor.json
@@ -11,7 +11,7 @@
   "tree_parent" : [],
   "desc" : "Provides a lightweight HTML Editor component.\n\nThis has been tested on Fireforx / Chrome.. IE may not be so great..\n\n<br><br><b>Note: The focus/blur and validation marking functionality inherited from Ext.form.Field is NOT\nsupported by this editor.</b><br/><br/>\nAn Editor is a sensitive component that can't be used in all spots standard fields can be used. Putting an Editor within\nany element that has display set to 'none' can cause problems in Safari and Firefox.<br/><br/>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.form.Layout.json b/docs/symbols/Roo.form.Layout.json
index c20acad42f..fea1d4672f 100644
--- a/docs/symbols/Roo.form.Layout.json
+++ b/docs/symbols/Roo.form.Layout.json
@@ -44,7 +44,7 @@
   "tree_parent" : [],
   "desc" : "Creates a container for layout and rendering of fields in an {@link Roo.form.Form}.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.form.MonthField.json b/docs/symbols/Roo.form.MonthField.json
index a8cc9e6b65..60cc4d2216 100644
--- a/docs/symbols/Roo.form.MonthField.json
+++ b/docs/symbols/Roo.form.MonthField.json
@@ -13,7 +13,7 @@
   "tree_parent" : [],
   "desc" : "Provides a date input field with a {@link Roo.DatePicker} dropdown and automatic date validation.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.form.NumberField.json b/docs/symbols/Roo.form.NumberField.json
index 8bfd494fe7..6dd9f5f258 100644
--- a/docs/symbols/Roo.form.NumberField.json
+++ b/docs/symbols/Roo.form.NumberField.json
@@ -12,7 +12,7 @@
   "tree_parent" : [],
   "desc" : "Numeric text field that provides automatic keystroke filtering and numeric validation.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.form.Radio.json b/docs/symbols/Roo.form.Radio.json
index 03ac6fb922..9f8f5dff4c 100644
--- a/docs/symbols/Roo.form.Radio.json
+++ b/docs/symbols/Roo.form.Radio.json
@@ -12,7 +12,7 @@
   "tree_parent" : [],
   "desc" : "Single radio field.  Same as Checkbox, but provided as a convenience for automatically setting the input type.\nRadio grouping is handled automatically by the browser if you give each radio in a group the same name.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.form.Row.json b/docs/symbols/Roo.form.Row.json
index 175f4700f9..962ab56a43 100644
--- a/docs/symbols/Roo.form.Row.json
+++ b/docs/symbols/Roo.form.Row.json
@@ -39,7 +39,7 @@
   "tree_parent" : [],
   "desc" : "Creates a row container for layout and rendering of fields in an {@link Roo.form.Form}.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.form.Select.json b/docs/symbols/Roo.form.Select.json
index d4768fe61a..04258fec4a 100644
--- a/docs/symbols/Roo.form.Select.json
+++ b/docs/symbols/Roo.form.Select.json
@@ -13,7 +13,7 @@
   "tree_parent" : [],
   "desc" : "A combobox control with support for autocomplete, remote-loading, paging and many other features.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.form.Signature.json b/docs/symbols/Roo.form.Signature.json
index cced295c05..cad5361f20 100644
--- a/docs/symbols/Roo.form.Signature.json
+++ b/docs/symbols/Roo.form.Signature.json
@@ -11,7 +11,7 @@
   "tree_parent" : [],
   "desc" : "Signature field.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.form.TextArea.json b/docs/symbols/Roo.form.TextArea.json
index aed62c58ce..7a073f310f 100644
--- a/docs/symbols/Roo.form.TextArea.json
+++ b/docs/symbols/Roo.form.TextArea.json
@@ -16,7 +16,7 @@
   "tree_parent" : [],
   "desc" : "Multiline text field.  Can be used as a direct replacement for traditional textarea fields, plus adds\nsupport for auto-sizing.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.form.TextField.json b/docs/symbols/Roo.form.TextField.json
index 8e48eeda2b..491eacc96c 100644
--- a/docs/symbols/Roo.form.TextField.json
+++ b/docs/symbols/Roo.form.TextField.json
@@ -32,7 +32,7 @@
   "tree_parent" : [],
   "desc" : "Basic text field.  Can be used as a direct replacement for traditional text inputs, or as the base\nclass for more sophisticated input controls (like {@link Roo.form.TextArea} and {@link Roo.form.ComboBox}).",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.form.TextItem.json b/docs/symbols/Roo.form.TextItem.json
index d45eaff9e5..0d471edbad 100644
--- a/docs/symbols/Roo.form.TextItem.json
+++ b/docs/symbols/Roo.form.TextItem.json
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Base class for form fields that provides default event handling, sizing, value handling and other functionality.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.form.TriggerField.json b/docs/symbols/Roo.form.TriggerField.json
index b028458a3b..3c077ef807 100644
--- a/docs/symbols/Roo.form.TriggerField.json
+++ b/docs/symbols/Roo.form.TriggerField.json
@@ -23,7 +23,7 @@
   "tree_parent" : [],
   "desc" : "Provides a convenient wrapper for TextFields that adds a clickable trigger button (looks like a combobox by default).\nThe trigger has no default action, so you must assign a function to implement the trigger click handler by\noverriding {@link #onTriggerClick}. You can create a TriggerField directly, as it renders exactly like a combobox\nfor which you can provide a custom implementation.  For example:\n<pre><code>\nvar trigger = new Roo.form.TriggerField();\ntrigger.onTriggerClick = myTriggerFn;\ntrigger.applyTo('my-field');\n</code></pre>\n\nHowever, in general you will most likely want to use TriggerField as the base class for a reusable component.\n{@link Roo.form.DateField} and {@link Roo.form.ComboBox} are perfect examples of this.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.grid.AbstractGridView.json b/docs/symbols/Roo.grid.AbstractGridView.json
index d5902e7746..46c333d8c6 100644
--- a/docs/symbols/Roo.grid.AbstractGridView.json
+++ b/docs/symbols/Roo.grid.AbstractGridView.json
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "Abstract base class for grid Views",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : true,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.grid.AbstractSelectionModel.json b/docs/symbols/Roo.grid.AbstractSelectionModel.json
index 1d70a3d1df..48a2138678 100644
--- a/docs/symbols/Roo.grid.AbstractSelectionModel.json
+++ b/docs/symbols/Roo.grid.AbstractSelectionModel.json
@@ -13,7 +13,7 @@
   "tree_parent" : [],
   "desc" : "Abstract base class for grid SelectionModels.  It provides the interface that should be\nimplemented by descendant classes.  This class should not be directly instantiated.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : true,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.grid.Calendar.json b/docs/symbols/Roo.grid.Calendar.json
index 46b4258c26..b21e1f2350 100644
--- a/docs/symbols/Roo.grid.Calendar.json
+++ b/docs/symbols/Roo.grid.Calendar.json
@@ -9,7 +9,7 @@
   "tree_parent" : [],
   "desc" : "This class extends the Grid to provide a calendar widget\n<br><br>Usage:<pre><code>\n var grid = new Roo.grid.Calendar(\"my-container-id\", {\n     ds: myDataStore,\n     cm: myColModel,\n     selModel: mySelectionModel,\n     autoSizeColumns: true,\n     monitorWindowResize: false,\n     trackMouseOver: true\n     eventstore : real data store..\n });\n // set any options\n grid.render();",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.grid.CellSelectionModel.json b/docs/symbols/Roo.grid.CellSelectionModel.json
index 380faa2b69..84a61f4753 100644
--- a/docs/symbols/Roo.grid.CellSelectionModel.json
+++ b/docs/symbols/Roo.grid.CellSelectionModel.json
@@ -9,7 +9,7 @@
   "tree_parent" : [],
   "desc" : "This class provides the basic implementation for cell selection in a grid.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.grid.ColumnModel.json b/docs/symbols/Roo.grid.ColumnModel.json
index 0c8876ef7a..75a7150ed7 100644
--- a/docs/symbols/Roo.grid.ColumnModel.json
+++ b/docs/symbols/Roo.grid.ColumnModel.json
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "This is the default implementation of a ColumnModel used by the Grid. It defines\nthe columns in the grid.\n<br>Usage:<br>\n <pre><code>\n var colModel = new Roo.grid.ColumnModel([\n\t{header: \"Ticker\", width: 60, sortable: true, locked: true},\n\t{header: \"Company Name\", width: 150, sortable: true},\n\t{header: \"Market Cap.\", width: 100, sortable: true},\n\t{header: \"$ Sales\", width: 100, sortable: true, renderer: money},\n\t{header: \"Employees\", width: 100, sortable: true, resizable: false}\n ]);\n </code></pre>\n<p>\nThe config options listed for this class are options which may appear in each\nindividual column definition.\n<br/>RooJS Fix - column id's are not sequential but use Roo.id() - fixes bugs with layouts.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.grid.EditorGrid.json b/docs/symbols/Roo.grid.EditorGrid.json
index f550acfb65..9809c97f37 100644
--- a/docs/symbols/Roo.grid.EditorGrid.json
+++ b/docs/symbols/Roo.grid.EditorGrid.json
@@ -13,7 +13,7 @@
   "tree_parent" : [],
   "desc" : "Class for creating and editable grid.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.grid.Grid.json b/docs/symbols/Roo.grid.Grid.json
index 01228bd319..3ffc45ed6d 100644
--- a/docs/symbols/Roo.grid.Grid.json
+++ b/docs/symbols/Roo.grid.Grid.json
@@ -16,7 +16,7 @@
   "tree_parent" : [],
   "desc" : "This class represents the primary interface of a component based grid control.\n<br><br>Usage:<pre><code>\n var grid = new Roo.grid.Grid(\"my-container-id\", {\n     ds: myDataStore,\n     cm: myColModel,\n     selModel: mySelectionModel,\n     autoSizeColumns: true,\n     monitorWindowResize: false,\n     trackMouseOver: true\n });\n // set any options\n grid.render();\n</code></pre>\n<b>Common Problems:</b><br/>\n- Grid does not resize properly when going smaller: Setting overflow hidden on the container\nelement will correct this<br/>\n- If you get el.style[camel]= NaNpx or -2px or something related, be certain you have given your container element\ndimensions. The grid adapts to your container's size, if your container has no size defined then the results\nare unpredictable.<br/>\n- Do not render the grid into an element with display:none. Try using visibility:hidden. Otherwise there is no way for the\ngrid to calculate dimensions/offsets.<br/>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.grid.GridEditor.json b/docs/symbols/Roo.grid.GridEditor.json
index 6c141e78a7..f686c584e9 100644
--- a/docs/symbols/Roo.grid.GridEditor.json
+++ b/docs/symbols/Roo.grid.GridEditor.json
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Class for creating and editable grid elements.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.grid.GridView.json b/docs/symbols/Roo.grid.GridView.json
index bf0ccd94bd..c86d592766 100644
--- a/docs/symbols/Roo.grid.GridView.json
+++ b/docs/symbols/Roo.grid.GridView.json
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.grid.PropertyGrid.json b/docs/symbols/Roo.grid.PropertyGrid.json
index 243baee477..c0242bff59 100644
--- a/docs/symbols/Roo.grid.PropertyGrid.json
+++ b/docs/symbols/Roo.grid.PropertyGrid.json
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "This class represents the  interface of a component based property grid control.\n<br><br>Usage:<pre><code>\n var grid = new Roo.grid.PropertyGrid(\"my-container-id\", {\n      \n });\n // set any options\n grid.render();\n</code></pre>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.grid.RowSelectionModel.json b/docs/symbols/Roo.grid.RowSelectionModel.json
index 865d64d2a6..edf817418c 100644
--- a/docs/symbols/Roo.grid.RowSelectionModel.json
+++ b/docs/symbols/Roo.grid.RowSelectionModel.json
@@ -9,7 +9,7 @@
   "tree_parent" : [],
   "desc" : "The default SelectionModel used by {@link Roo.grid.Grid}.\nIt supports multiple selections and keyboard selection/navigation.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.grid.SplitDragZone.json b/docs/symbols/Roo.grid.SplitDragZone.json
index b78a8e0b22..5c96a83240 100644
--- a/docs/symbols/Roo.grid.SplitDragZone.json
+++ b/docs/symbols/Roo.grid.SplitDragZone.json
@@ -11,7 +11,7 @@
   "tree_parent" : [],
   "desc" : "Support for Column Header resizing",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.lib.Ajax.json b/docs/symbols/Roo.lib.Ajax.json
index 8e0538722d..74a16c4629 100644
--- a/docs/symbols/Roo.lib.Ajax.json
+++ b/docs/symbols/Roo.lib.Ajax.json
@@ -4,9 +4,9 @@
   "childClasses" : {  },
   "tree_children" : [],
   "tree_parent" : [],
-  "desc" : "",
+  "desc" : "provide a simple Ajax request utility functions\n\nPortions of this file are based on pieces of Yahoo User Interface Library\nCopyright (c) 2007, Yahoo! Inc. All rights reserved.\nYUI licensed under the BSD License:\nhttp://developer.yahoo.net/yui/license.txt\n<script type=\"text/javascript\">",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
@@ -39,6 +39,38 @@
       "requires" : "",
       "params" : [],
       "returns" : []
+    },
+    {
+      "name" : "serializeForm",
+      "type" : "function",
+      "desc" : "serialize a form",
+      "sig" : "(form)",
+      "static" : true,
+      "memberOf" : "",
+      "isStatic" : true,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "form",
+          "type" : "DomForm",
+          "desc" : "element",
+          "isOptional" : false
+        }
+      ],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "String",
+          "desc" : "urlencode form output."
+        }
+      ]
     }
   ],
   "events" : []
diff --git a/docs/symbols/Roo.lib.Color.json b/docs/symbols/Roo.lib.Color.json
index 2b68c6676e..fc7fbc625e 100644
--- a/docs/symbols/Roo.lib.Color.json
+++ b/docs/symbols/Roo.lib.Color.json
@@ -3,18 +3,20 @@
   "augments" : [],
   "childClasses" : {
     "Roo.lib.Color" : [
-      "Roo.lib.HSLColor"
+      "Roo.lib.HSLColor",
+      "Roo.lib.HSVColor",
+      "Roo.lib.RGBColor"
     ]
   },
   "tree_children" : [],
   "tree_parent" : [],
-  "desc" : "",
+  "desc" : "An abstract Color implementation. Concrete Color implementations should use\nan instance of this function as their prototype, and implement the getRGB and\ngetHSL functions. getRGB should return an object representing the RGB\ncomponents of this Color, with the red, green, and blue components in the\nrange [0,255] and the alpha component in the range [0,100]. getHSL should\nreturn an object representing the HSL components of this Color, with the hue\ncomponent in the range [0,360), the saturation and lightness components in\nthe range [0,100], and the alpha component in the range [0,1].\n\n\nColor.js\n\nFunctions for Color handling and processing.\n\nhttp://www.safalra.com/web-design/javascript/Color-handling-and-processing/\n\nThe author of this program, Safalra (Stephen Morley), irrevocably releases all\nrights to this program, with the intention of it becoming part of the public\ndomain. Because this program is released into the public domain, it comes with\nno warranty either expressed or implied, to the extent permitted by law.\n\nFor more free and public domain JavaScript code by the same author, visit:\nhttp://www.safalra.com/web-design/javascript/",
   "isSingleton" : false,
   "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
-  "memberOf" : "Roo.lib.Color",
+  "memberOf" : "Color",
   "example" : "",
   "deprecated" : "",
   "since" : "",
@@ -24,6 +26,359 @@
   "throws" : "",
   "requires" : "",
   "config" : [],
-  "methods" : [],
+  "methods" : [
+    {
+      "name" : "getPercentageRGB",
+      "type" : "function",
+      "desc" : "getPercentageRGB",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "Object",
+          "desc" : "an object representing the RGBA components of this Color. The red,\ngreen, and blue components are converted to numbers in the range [0,100].\nThe alpha is a value in the range [0,1]."
+        }
+      ]
+    },
+    {
+      "name" : "getRGB",
+      "type" : "function",
+      "desc" : "getRGB",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "Object",
+          "desc" : "the RGB and alpha components of this Color as an object with r,\ng, b, and a properties. r, g, and b are in the range [0,255] and a is in\nthe range [0,1]."
+        }
+      ]
+    },
+    {
+      "name" : "getIntegerRGB",
+      "type" : "function",
+      "desc" : "getIntegerRGB",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "Object",
+          "desc" : "an object representing the RGBA components of this Color. The red,\ngreen, and blue components are converted to integers in the range [0,255].\nThe alpha is a value in the range [0,1]."
+        }
+      ]
+    },
+    {
+      "name" : "getCSSIntegerRGBA",
+      "type" : "function",
+      "desc" : "getCSSIntegerRGBA",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "String",
+          "desc" : "Returns a string representing this Color as a CSS integer RGBA Color\nvalue - that is, a string of the form rgba(r,g,b,a) where each of r, g, and\nb are integers in the range [0,255] and a is in the range [0,1]."
+        }
+      ]
+    },
+    {
+      "name" : "getCSSHSL",
+      "type" : "function",
+      "desc" : "getCSSHSL",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "String",
+          "desc" : "a string representing this Color as a CSS HSL Color value - that\nis, a string of the form hsl(h,s%,l%) where h is in the range [0,100] and\ns and l are in the range [0,100]."
+        }
+      ]
+    },
+    {
+      "name" : "getCSSHexadecimalRGB",
+      "type" : "function",
+      "desc" : "getCSSHexadecimalRGB",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "String",
+          "desc" : "a string representing this Color as a CSS hexadecimal RGB Color\nvalue - that is, a string of the form #RRGGBB where each of RR, GG, and BB\nare two-digit hexadecimal numbers."
+        }
+      ]
+    },
+    {
+      "name" : "setNodeBackgroundColor",
+      "type" : "function",
+      "desc" : "Sets the background Color of the specified node to this Color. This\nfunctions sets the CSS 'background-color' property for the node. The\nparameter is:",
+      "sig" : "(node)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "node",
+          "type" : "DomElement",
+          "desc" : "- the node whose background Color should be set",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
+    {
+      "name" : "getHSL",
+      "type" : "function",
+      "desc" : "getHSL",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "Object",
+          "desc" : "the HSL and alpha components of this Color as an object with h,\ns, l, and a properties. h is in the range [0,360), s and l are in the range\n[0,100], and a is in the range [0,1]."
+        }
+      ]
+    },
+    {
+      "name" : "getHSV",
+      "type" : "function",
+      "desc" : "getHSV",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "Object",
+          "desc" : "the HSV and alpha components of this Color as an object with h,\ns, v, and a properties. h is in the range [0,360), s and v are in the range\n[0,100], and a is in the range [0,1]."
+        }
+      ]
+    },
+    {
+      "name" : "getCSSPercentageRGB",
+      "type" : "function",
+      "desc" : "getCSSPercentageRGB",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "String",
+          "desc" : "a string representing this Color as a CSS percentage RGB Color\nvalue - that is, a string of the form rgb(r%,g%,b%) where each of r, g, and\nb are in the range [0,100]."
+        }
+      ]
+    },
+    {
+      "name" : "setNodeColor",
+      "type" : "function",
+      "desc" : "Sets the Color of the specified node to this Color. This functions sets\nthe CSS 'color' property for the node. The parameter is:",
+      "sig" : "(node)",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "node",
+          "type" : "DomElement",
+          "desc" : "- the node whose Color should be set",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
+    {
+      "name" : "getCSSIntegerRGB",
+      "type" : "function",
+      "desc" : "getCSSIntegerRGB",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "String",
+          "desc" : "a string representing this Color as a CSS integer RGB Color\nvalue - that is, a string of the form rgb(r,g,b) where each of r, g, and b\nare integers in the range [0,255]."
+        }
+      ]
+    },
+    {
+      "name" : "getCSSHSLA",
+      "type" : "function",
+      "desc" : "getCSSHSLA",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "String",
+          "desc" : "a string representing this Color as a CSS HSLA Color value - that\nis, a string of the form hsla(h,s%,l%,a) where h is in the range [0,100],\ns and l are in the range [0,100], and a is in the range [0,1]."
+        }
+      ]
+    },
+    {
+      "name" : "getCSSPercentageRGBA",
+      "type" : "function",
+      "desc" : "getCSSPercentageRGBA",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "String",
+          "desc" : "a string representing this Color as a CSS percentage RGBA Color\nvalue - that is, a string of the form rgba(r%,g%,b%,a) where each of r, g,\nand b are in the range [0,100] and a is in the range [0,1]."
+        }
+      ]
+    }
+  ],
   "events" : []
 }
\ No newline at end of file
diff --git a/docs/symbols/Roo.lib.HSLColor.json b/docs/symbols/Roo.lib.HSLColor.json
index 49eba6f4e6..b61d0ade10 100644
--- a/docs/symbols/Roo.lib.HSLColor.json
+++ b/docs/symbols/Roo.lib.HSLColor.json
@@ -6,9 +6,9 @@
   "childClasses" : {  },
   "tree_children" : [],
   "tree_parent" : [],
-  "desc" : "Creates a Color specified in the HSL Color space, with an optional alpha\ncomponent. The parameters are:\n\nh - the hue component, wrapped to the range [0,360)\ns - the saturation component, clipped to the range [0,100]\nl - the lightness component, clipped to the range [0,100]\na - the alpha component, clipped to the range [0,1] - this parameter is\n    optional and defaults to 1",
+  "desc" : "",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
@@ -17,11 +17,389 @@
   "deprecated" : "",
   "since" : "",
   "see" : "",
-  "params" : [],
+  "params" : [
+    {
+      "name" : "h",
+      "type" : "Number",
+      "desc" : "- the hue component, wrapped to the range [0,360)",
+      "isOptional" : false
+    },
+    {
+      "name" : "s",
+      "type" : "Number",
+      "desc" : "- the saturation component, clipped to the range [0,100]",
+      "isOptional" : false
+    },
+    {
+      "name" : "l",
+      "type" : "Number",
+      "desc" : "- the lightness component, clipped to the range [0,100]",
+      "isOptional" : false
+    },
+    {
+      "name" : "a",
+      "type" : "Number",
+      "desc" : "- the alpha component, clipped to the range [0,1] - this parameter is\n    optional and defaults to 1",
+      "isOptional" : false
+    }
+  ],
   "returns" : [],
   "throws" : "",
   "requires" : "",
   "config" : [],
-  "methods" : [],
+  "methods" : [
+    {
+      "name" : "getPercentageRGB",
+      "type" : "function",
+      "desc" : "getPercentageRGB",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "Roo.lib.Color",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "Object",
+          "desc" : "an object representing the RGBA components of this Color. The red,\ngreen, and blue components are converted to numbers in the range [0,100].\nThe alpha is a value in the range [0,1]."
+        }
+      ]
+    },
+    {
+      "name" : "getRGB",
+      "type" : "function",
+      "desc" : "getRGB",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "Roo.lib.Color",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "Object",
+          "desc" : "the RGB and alpha components of this Color as an object with r,\ng, b, and a properties. r, g, and b are in the range [0,255] and a is in\nthe range [0,1]."
+        }
+      ]
+    },
+    {
+      "name" : "getIntegerRGB",
+      "type" : "function",
+      "desc" : "getIntegerRGB",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "Roo.lib.Color",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "Object",
+          "desc" : "an object representing the RGBA components of this Color. The red,\ngreen, and blue components are converted to integers in the range [0,255].\nThe alpha is a value in the range [0,1]."
+        }
+      ]
+    },
+    {
+      "name" : "getCSSIntegerRGBA",
+      "type" : "function",
+      "desc" : "getCSSIntegerRGBA",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "Roo.lib.Color",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "String",
+          "desc" : "Returns a string representing this Color as a CSS integer RGBA Color\nvalue - that is, a string of the form rgba(r,g,b,a) where each of r, g, and\nb are integers in the range [0,255] and a is in the range [0,1]."
+        }
+      ]
+    },
+    {
+      "name" : "getCSSHSL",
+      "type" : "function",
+      "desc" : "getCSSHSL",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "Roo.lib.Color",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "String",
+          "desc" : "a string representing this Color as a CSS HSL Color value - that\nis, a string of the form hsl(h,s%,l%) where h is in the range [0,100] and\ns and l are in the range [0,100]."
+        }
+      ]
+    },
+    {
+      "name" : "getCSSHexadecimalRGB",
+      "type" : "function",
+      "desc" : "getCSSHexadecimalRGB",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "Roo.lib.Color",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "String",
+          "desc" : "a string representing this Color as a CSS hexadecimal RGB Color\nvalue - that is, a string of the form #RRGGBB where each of RR, GG, and BB\nare two-digit hexadecimal numbers."
+        }
+      ]
+    },
+    {
+      "name" : "setNodeBackgroundColor",
+      "type" : "function",
+      "desc" : "Sets the background Color of the specified node to this Color. This\nfunctions sets the CSS 'background-color' property for the node. The\nparameter is:",
+      "sig" : "(node)",
+      "static" : false,
+      "memberOf" : "Roo.lib.Color",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "node",
+          "type" : "DomElement",
+          "desc" : "- the node whose background Color should be set",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
+    {
+      "name" : "getHSL",
+      "type" : "function",
+      "desc" : "getHSL",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "Roo.lib.Color",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "Object",
+          "desc" : "the HSL and alpha components of this Color as an object with h,\ns, l, and a properties. h is in the range [0,360), s and l are in the range\n[0,100], and a is in the range [0,1]."
+        }
+      ]
+    },
+    {
+      "name" : "getHSV",
+      "type" : "function",
+      "desc" : "getHSV",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "Roo.lib.Color",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "Object",
+          "desc" : "the HSV and alpha components of this Color as an object with h,\ns, v, and a properties. h is in the range [0,360), s and v are in the range\n[0,100], and a is in the range [0,1]."
+        }
+      ]
+    },
+    {
+      "name" : "getCSSPercentageRGB",
+      "type" : "function",
+      "desc" : "getCSSPercentageRGB",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "Roo.lib.Color",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "String",
+          "desc" : "a string representing this Color as a CSS percentage RGB Color\nvalue - that is, a string of the form rgb(r%,g%,b%) where each of r, g, and\nb are in the range [0,100]."
+        }
+      ]
+    },
+    {
+      "name" : "setNodeColor",
+      "type" : "function",
+      "desc" : "Sets the Color of the specified node to this Color. This functions sets\nthe CSS 'color' property for the node. The parameter is:",
+      "sig" : "(node)",
+      "static" : false,
+      "memberOf" : "Roo.lib.Color",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [
+        {
+          "name" : "node",
+          "type" : "DomElement",
+          "desc" : "- the node whose Color should be set",
+          "isOptional" : false
+        }
+      ],
+      "returns" : []
+    },
+    {
+      "name" : "getCSSIntegerRGB",
+      "type" : "function",
+      "desc" : "getCSSIntegerRGB",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "Roo.lib.Color",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "String",
+          "desc" : "a string representing this Color as a CSS integer RGB Color\nvalue - that is, a string of the form rgb(r,g,b) where each of r, g, and b\nare integers in the range [0,255]."
+        }
+      ]
+    },
+    {
+      "name" : "getCSSHSLA",
+      "type" : "function",
+      "desc" : "getCSSHSLA",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "Roo.lib.Color",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "String",
+          "desc" : "a string representing this Color as a CSS HSLA Color value - that\nis, a string of the form hsla(h,s%,l%,a) where h is in the range [0,100],\ns and l are in the range [0,100], and a is in the range [0,1]."
+        }
+      ]
+    },
+    {
+      "name" : "getCSSPercentageRGBA",
+      "type" : "function",
+      "desc" : "getCSSPercentageRGBA",
+      "sig" : "()\n{\n\n}",
+      "static" : false,
+      "memberOf" : "Roo.lib.Color",
+      "isStatic" : false,
+      "isConstructor" : false,
+      "isPrivate" : false,
+      "example" : "",
+      "deprecated" : "",
+      "since" : "",
+      "see" : "",
+      "exceptions" : "",
+      "requires" : "",
+      "params" : [],
+      "returns" : [
+        {
+          "name" : "",
+          "type" : "String",
+          "desc" : "a string representing this Color as a CSS percentage RGBA Color\nvalue - that is, a string of the form rgba(r%,g%,b%,a) where each of r, g,\nand b are in the range [0,100] and a is in the range [0,1]."
+        }
+      ]
+    }
+  ],
   "events" : []
 }
\ No newline at end of file
diff --git a/docs/symbols/Roo.menu.Adapter.json b/docs/symbols/Roo.menu.Adapter.json
index 6045785ccd..fbbe9c983e 100644
--- a/docs/symbols/Roo.menu.Adapter.json
+++ b/docs/symbols/Roo.menu.Adapter.json
@@ -15,7 +15,7 @@
   "tree_parent" : [],
   "desc" : "A base utility class that adapts a non-menu component so that it can be wrapped by a menu item and added to a menu.\nIt provides basic rendering, activation management and enable/disable logic required to work in menus.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : true,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.menu.BaseItem.json b/docs/symbols/Roo.menu.BaseItem.json
index acc001854f..c99c008d94 100644
--- a/docs/symbols/Roo.menu.BaseItem.json
+++ b/docs/symbols/Roo.menu.BaseItem.json
@@ -23,7 +23,7 @@
   "tree_parent" : [],
   "desc" : "The base class for all items that render into menus.  BaseItem provides default rendering, activated state\nmanagement and base configuration options shared by all menu components.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : true,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.menu.CheckItem.json b/docs/symbols/Roo.menu.CheckItem.json
index 7995f10f30..2061dd7dec 100644
--- a/docs/symbols/Roo.menu.CheckItem.json
+++ b/docs/symbols/Roo.menu.CheckItem.json
@@ -11,7 +11,7 @@
   "tree_parent" : [],
   "desc" : "Adds a menu item that contains a checkbox by default, but can also be part of a radio group.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.menu.ColorItem.json b/docs/symbols/Roo.menu.ColorItem.json
index 9214533112..6cd32ee052 100644
--- a/docs/symbols/Roo.menu.ColorItem.json
+++ b/docs/symbols/Roo.menu.ColorItem.json
@@ -11,7 +11,7 @@
   "tree_parent" : [],
   "desc" : "A menu item that wraps the {@link Roo.ColorPalette} component.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.menu.ColorMenu.json b/docs/symbols/Roo.menu.ColorMenu.json
index 98b37e1514..59e834fad8 100644
--- a/docs/symbols/Roo.menu.ColorMenu.json
+++ b/docs/symbols/Roo.menu.ColorMenu.json
@@ -9,7 +9,7 @@
   "tree_parent" : [],
   "desc" : "A menu containing a {@link Roo.menu.ColorItem} component (which provides a basic color picker).",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.menu.DateItem.json b/docs/symbols/Roo.menu.DateItem.json
index f3b32782e1..57a8260347 100644
--- a/docs/symbols/Roo.menu.DateItem.json
+++ b/docs/symbols/Roo.menu.DateItem.json
@@ -11,7 +11,7 @@
   "tree_parent" : [],
   "desc" : "A menu item that wraps the {@link Roo.DatPicker} component.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.menu.DateMenu.json b/docs/symbols/Roo.menu.DateMenu.json
index 4514505f60..578e84f22b 100644
--- a/docs/symbols/Roo.menu.DateMenu.json
+++ b/docs/symbols/Roo.menu.DateMenu.json
@@ -9,7 +9,7 @@
   "tree_parent" : [],
   "desc" : "A menu containing a {@link Roo.menu.DateItem} component (which provides a date picker).",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.menu.Item.json b/docs/symbols/Roo.menu.Item.json
index 0db433ede4..da72ae31fb 100644
--- a/docs/symbols/Roo.menu.Item.json
+++ b/docs/symbols/Roo.menu.Item.json
@@ -14,7 +14,7 @@
   "tree_parent" : [],
   "desc" : "A base class for all menu items that require menu-related functionality (like sub-menus) and are not static\ndisplay items.  Item extends the base functionality of {@link Roo.menu.BaseItem} by adding menu-specific\nactivation and click handling.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.menu.Menu.json b/docs/symbols/Roo.menu.Menu.json
index 601d5d1a42..82e05dbd12 100644
--- a/docs/symbols/Roo.menu.Menu.json
+++ b/docs/symbols/Roo.menu.Menu.json
@@ -20,7 +20,7 @@
   "tree_parent" : [],
   "desc" : "A menu object.  This is the container to which you add all other menu items.  Menu can also serve a as a base class\nwhen you want a specialzed menu based off of another component (like {@link Roo.menu.DateMenu} for example).",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.menu.Separator.json b/docs/symbols/Roo.menu.Separator.json
index 8b09b5388e..eaf90a4aac 100644
--- a/docs/symbols/Roo.menu.Separator.json
+++ b/docs/symbols/Roo.menu.Separator.json
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Adds a separator bar to a menu, used to divide logical groups of menu items. Generally you will\nadd one of these by using \"-\" in you call to add() or in your items config rather than creating one directly.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.menu.TextItem.json b/docs/symbols/Roo.menu.TextItem.json
index aa565fa155..7b2c396053 100644
--- a/docs/symbols/Roo.menu.TextItem.json
+++ b/docs/symbols/Roo.menu.TextItem.json
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Adds a static text string to a menu, usually used as either a heading or group separator.\nNote: old style constructor with text is still supported.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.state.CookieProvider.json b/docs/symbols/Roo.state.CookieProvider.json
index be12d9fbd9..ff27244e7e 100644
--- a/docs/symbols/Roo.state.CookieProvider.json
+++ b/docs/symbols/Roo.state.CookieProvider.json
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "The default Provider implementation which saves state via cookies.\n<br />Usage:\n <pre><code>\n   var cp = new Roo.state.CookieProvider({\n       path: \"/cgi-bin/\",\n       expires: new Date(new Date().getTime()+(1000*60*60*24*30)); //30 days\n       domain: \"roojs.com\"\n   })\n   Roo.state.Manager.setProvider(cp);\n </code></pre>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.state.Provider.json b/docs/symbols/Roo.state.Provider.json
index 4a266f0382..62b510ca2d 100644
--- a/docs/symbols/Roo.state.Provider.json
+++ b/docs/symbols/Roo.state.Provider.json
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Abstract base class for state provider implementations. This class provides methods\nfor encoding and decoding <b>typed</b> variables including dates and defines the \nProvider interface.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.tree.AsyncTreeNode.json b/docs/symbols/Roo.tree.AsyncTreeNode.json
index 08930f977e..cf558e3a02 100644
--- a/docs/symbols/Roo.tree.AsyncTreeNode.json
+++ b/docs/symbols/Roo.tree.AsyncTreeNode.json
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.tree.ColumnTree.json b/docs/symbols/Roo.tree.ColumnTree.json
index 27f8ae7964..bcce9b71f6 100644
--- a/docs/symbols/Roo.tree.ColumnTree.json
+++ b/docs/symbols/Roo.tree.ColumnTree.json
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.tree.DefaultSelectionModel.json b/docs/symbols/Roo.tree.DefaultSelectionModel.json
index 9150d99d03..c18357cba3 100644
--- a/docs/symbols/Roo.tree.DefaultSelectionModel.json
+++ b/docs/symbols/Roo.tree.DefaultSelectionModel.json
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "The default single selection for a TreePanel.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.tree.MultiSelectionModel.json b/docs/symbols/Roo.tree.MultiSelectionModel.json
index 03146ee5f7..5585f39b52 100644
--- a/docs/symbols/Roo.tree.MultiSelectionModel.json
+++ b/docs/symbols/Roo.tree.MultiSelectionModel.json
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "Multi selection for a TreePanel.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.tree.TreeEditor.json b/docs/symbols/Roo.tree.TreeEditor.json
index e9f5c38437..d7a0602e96 100644
--- a/docs/symbols/Roo.tree.TreeEditor.json
+++ b/docs/symbols/Roo.tree.TreeEditor.json
@@ -10,7 +10,7 @@
   "tree_parent" : [],
   "desc" : "Provides editor functionality for inline tree node editing.  Any valid {@link Roo.form.Field} can be used\nas the editor field.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.tree.TreeFilter.json b/docs/symbols/Roo.tree.TreeFilter.json
index 63bf49583f..31c33bdd52 100644
--- a/docs/symbols/Roo.tree.TreeFilter.json
+++ b/docs/symbols/Roo.tree.TreeFilter.json
@@ -6,7 +6,7 @@
   "tree_parent" : [],
   "desc" : "Note this class is experimental and doesn't update the indent (lines) or expand collapse icons of the nodes",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.tree.TreeLoader.json b/docs/symbols/Roo.tree.TreeLoader.json
index 5f59f2d0e3..9217a0e414 100644
--- a/docs/symbols/Roo.tree.TreeLoader.json
+++ b/docs/symbols/Roo.tree.TreeLoader.json
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "A TreeLoader provides for lazy loading of an {@link Roo.tree.TreeNode}'s child\nnodes from a specified URL. The response must be a javascript Array definition\nwho's elements are node definition objects. eg:\n<pre><code>\n{  success : true,\n   data :      [\n   \n    { 'id': 1, 'text': 'A folder Node', 'leaf': false },\n    { 'id': 2, 'text': 'A leaf Node', 'leaf': true }\n    ]\n}\n\n\n</code></pre>\n<br><br>\nThe old style respose with just an array is still supported, but not recommended.\n<br><br>\n\nA server request is sent, and child nodes are loaded only when a node is expanded.\nThe loading node's id is passed to the server under the parameter name \"node\" to\nenable the server to produce the correct child nodes.\n<br><br>\nTo pass extra parameters, an event handler may be attached to the \"beforeload\"\nevent, and the parameters specified in the TreeLoader's baseParams property:\n<pre><code>\n    myTreeLoader.on(\"beforeload\", function(treeLoader, node) {\n        this.baseParams.category = node.attributes.category;\n    }, this);\n    \n</code></pre>\n\nThis would pass an HTTP parameter called \"category\" to the server containing\nthe value of the Node's \"category\" attribute.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.tree.TreeNode.json b/docs/symbols/Roo.tree.TreeNode.json
index a187263a82..da21efe615 100644
--- a/docs/symbols/Roo.tree.TreeNode.json
+++ b/docs/symbols/Roo.tree.TreeNode.json
@@ -13,7 +13,7 @@
   "tree_parent" : [],
   "desc" : "is to use the cls or iconCls attributes and add the icon via a CSS background image.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.tree.TreeNodeUI.json b/docs/symbols/Roo.tree.TreeNodeUI.json
index 7679e2930e..34c03cbea5 100644
--- a/docs/symbols/Roo.tree.TreeNodeUI.json
+++ b/docs/symbols/Roo.tree.TreeNodeUI.json
@@ -6,7 +6,7 @@
   "tree_parent" : [],
   "desc" : "The TreeNode UI implementation is separate from the\ntree implementation. Unless you are customizing the tree UI,\nyou should never have to use this directly.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.tree.TreePanel.json b/docs/symbols/Roo.tree.TreePanel.json
index 3e88d723c1..3f1d75d52f 100644
--- a/docs/symbols/Roo.tree.TreePanel.json
+++ b/docs/symbols/Roo.tree.TreePanel.json
@@ -13,7 +13,7 @@
   "tree_parent" : [],
   "desc" : "",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.tree.TreeSorter.json b/docs/symbols/Roo.tree.TreeSorter.json
index 0288387990..7f96c25cba 100644
--- a/docs/symbols/Roo.tree.TreeSorter.json
+++ b/docs/symbols/Roo.tree.TreeSorter.json
@@ -6,7 +6,7 @@
   "tree_parent" : [],
   "desc" : "Provides sorting of nodes in a TreePanel",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.util.ClickRepeater.json b/docs/symbols/Roo.util.ClickRepeater.json
index 27eb638a0c..48f11780d7 100644
--- a/docs/symbols/Roo.util.ClickRepeater.json
+++ b/docs/symbols/Roo.util.ClickRepeater.json
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "A wrapper class which can be applied to any element. Fires a \"click\" event while the\nmouse is pressed. The interval between firings may be specified in the config but\ndefaults to 10 milliseconds.\n\nOptionally, a CSS class may be applied to the element during the time it is pressed.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.util.DelayedTask.json b/docs/symbols/Roo.util.DelayedTask.json
index f47446dd5e..120db69dc2 100644
--- a/docs/symbols/Roo.util.DelayedTask.json
+++ b/docs/symbols/Roo.util.DelayedTask.json
@@ -6,7 +6,7 @@
   "tree_parent" : [],
   "desc" : "Provides a convenient method of performing setTimeout where a new\ntimeout cancels the old timeout. An example would be performing validation on a keypress.\nYou can use this class to buffer\nthe keypress events for a certain number of milliseconds, and perform only if they stop\nfor that amount of time.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.util.MixedCollection.json b/docs/symbols/Roo.util.MixedCollection.json
index 42c163f13a..70ac13b12c 100644
--- a/docs/symbols/Roo.util.MixedCollection.json
+++ b/docs/symbols/Roo.util.MixedCollection.json
@@ -8,7 +8,7 @@
   "tree_parent" : [],
   "desc" : "A Collection class that maintains both numeric indexes and keys and exposes events.",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/symbols/Roo.util.Observable.json b/docs/symbols/Roo.util.Observable.json
index 3c2a11ce36..330ca28f43 100644
--- a/docs/symbols/Roo.util.Observable.json
+++ b/docs/symbols/Roo.util.Observable.json
@@ -323,7 +323,7 @@
   "tree_parent" : [],
   "desc" : "Base class that provides a common interface for publishing events. Subclasses are expected to\nto have a property \"events\" with all the events defined.<br>\nFor example:\n<pre><code>\n Employee = function(name){\n    this.name = name;\n    this.addEvents({\n        \"fired\" : true,\n        \"quit\" : true\n    });\n }\n Roo.extend(Employee, Roo.util.Observable);\n</code></pre>",
   "isSingleton" : false,
-  "isStatic" : true,
+  "isStatic" : false,
   "isBuiltin" : false,
   "isAbstract" : false,
   "isBuilderTop" : false,
diff --git a/docs/tree.json b/docs/tree.json
index 9c9fa69ca6..41198a9878 100644
--- a/docs/tree.json
+++ b/docs/tree.json
@@ -1308,7 +1308,7 @@
           {
             "name" : "Roo.lib.Color",
             "cn" : [],
-            "is_class" : false
+            "is_class" : true
           },
           {
             "name" : "Roo.lib.Dom",
@@ -1318,7 +1318,17 @@
           {
             "name" : "Roo.lib.HSLColor",
             "cn" : [],
-            "is_class" : false
+            "is_class" : true
+          },
+          {
+            "name" : "Roo.lib.HSVColor",
+            "cn" : [],
+            "is_class" : true
+          },
+          {
+            "name" : "Roo.lib.RGBColor",
+            "cn" : [],
+            "is_class" : true
           }
         ],
         "is_class" : false